:root{--paper:#fafbf8;--white:#fff;--ink:#18211c;--muted:#637168;--line:#dce4dc;--green:#188448;--green-light:#e8f6ec;--dark:#142d21;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--mono:"SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1088px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;z-index:30;top:-60px;left:16px;padding:10px 15px;background:var(--green);color:#fff}.skip-link:focus{top:10px}:focus-visible{outline:2px solid var(--green);outline-offset:3px}.site-header{height:72px;position:sticky;z-index:20;top:0;background:rgba(250,251,248,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand,.footer-brand{display:inline-flex;align-items:center;font-size:25px;font-weight:750;letter-spacing:-.08em}.brand>span:last-child,.footer-brand span{color:var(--green)}.brand-mark{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:9px;border-radius:6px;background:var(--green);color:white;font-size:19px;letter-spacing:0}.site-nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:550}.site-nav>a:hover,.site-nav>a:focus-visible{color:var(--green)}.site-nav .nav-cta{margin-left:18px;padding:10px 14px;border:1px solid #c8d7ca;border-radius:5px;background:#fff;color:var(--ink)}.menu-toggle{display:none}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 21px;color:var(--green);font:600 11px var(--mono);letter-spacing:.11em}.status-dot,.human-status i{width:7px;height:7px;display:inline-block;border-radius:50%;background:#39a762}.hero{padding-top:100px}.hero-grid{display:grid;grid-template-columns:1.45fr 1fr;align-items:end;gap:68px}.hero h1{margin:0;font-size:clamp(54px,6vw,79px);font-weight:450;line-height:1.055;letter-spacing:-.067em}.hero h1 em,.intro h2 em,.about h2 em,.closing h2 em{color:var(--green);font-style:normal}.hero-aside{padding-bottom:7px}.hero-aside>p{max-width:450px;margin:0 0 27px;color:#46564b;font-size:16px;line-height:1.7}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:11px 16px;border-radius:5px;font-size:12px;font-weight:650}.button span{font-size:16px;font-weight:400}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:#0b6c36}.button.quiet{color:#344d3e}.button.quiet:hover{color:var(--green)}.hero-foot{display:flex;justify-content:space-between;margin-top:89px;padding:15px 0;border-top:1px solid var(--line);color:#819087;font:10px var(--mono);letter-spacing:.09em}.workspace{padding-bottom:110px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:30px}.section-head h2,.intro h2,.about h2,.story h2{margin:0;font-size:clamp(36px,4.2vw,53px);font-weight:470;line-height:1.13;letter-spacing:-.055em}.section-head>p{width:365px;max-width:100%;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.mockup{overflow:hidden;border:1px solid #cddbd0;border-radius:8px;background:#f5f8f5;box-shadow:0 14px 45px #103c2210}.mockup-top{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #dbe4dc;background:#fcfdfb;color:#829084;font:9px var(--mono);letter-spacing:.06em}.mockup-top b{color:#a8b4ab}.traffic{display:flex;gap:5px}.traffic i{width:7px;height:7px;border:1px solid #b9c8bd;border-radius:50%}.concept{padding:5px 7px;border:1px solid #c9e4d0;border-radius:3px;background:#f0faf2;color:#417b52;font-size:8px}.mockup-body{height:548px;display:flex}.mock-sidebar{width:205px;flex:none;display:flex;flex-direction:column;padding:19px 12px;border-right:1px solid #e1e8e1;background:#f9fbf8}.mock-sidebar>strong{display:flex;align-items:center;gap:7px;margin:0 0 34px 6px;font-size:11px}.mock-sidebar>strong span{display:grid;place-items:center;width:19px;height:19px;border-radius:4px;background:var(--green);color:white;font-size:14px}.side-link{padding:11px 10px;border-radius:4px;color:#77867a;font-size:10px}.side-link.selected{background:#e7f4e9;color:#176f3d;font-weight:650}.mock-sidebar>small{display:flex;justify-content:space-between;margin:auto 6px 0;padding-top:13px;border-top:1px solid var(--line);color:#9aa99d;font:8px var(--mono)}.mock-main{min-width:0;flex:1;padding:26px}.mock-title{display:flex;justify-content:space-between;align-items:start;gap:20px}.mock-title small,.step small,.card-meta,.visual-caption,.cap-top,.stage-panel>small{color:#819183;font:9px var(--mono);letter-spacing:.06em}.mock-title h3{margin:7px 0 0;font-size:19px;font-weight:600;letter-spacing:-.03em}.human-status{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #d4e9d8;border-radius:30px;background:#f2faf3;color:#4a8058;font-size:9px;white-space:nowrap}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:25px 0 17px}.step{min-width:0;min-height:133px;display:flex;flex-direction:column;padding:13px;border:1px solid #dce6dd;border-radius:4px;background:#fff;position:relative}.step:not(:last-child):after{content:"→";position:absolute;z-index:1;right:-10px;top:54%;display:grid;place-items:center;width:15px;height:15px;background:#fff;color:#52a86d;font-size:12px}.step>span{color:var(--green);font-size:19px;height:32px}.step strong{margin-top:9px;font-size:11px}.step p{margin:5px 0 0;color:#8c9b8f;font-size:9px}.mock-cards{display:grid;grid-template-columns:.95fr 1.05fr;gap:12px}.mock-card{min-width:0;min-height:255px;padding:16px;border:1px solid #dce6dd;border-radius:5px;background:#fff}.card-meta{display:flex;justify-content:space-between;gap:8px;font-size:8px}.mock-card h4{max-width:250px;margin:24px 0 8px;font-size:15px;line-height:1.28;letter-spacing:-.02em}.mock-card>p{max-width:310px;margin:0;color:#819087;font-size:10px;line-height:1.5}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px}.chips span{padding:5px;border:1px solid #e1e9e2;border-radius:3px;background:#f8faf8;color:#768578;font-size:8px}.linked{display:flex;justify-content:space-between;gap:10px;margin-top:25px;padding-top:11px;border-top:1px solid #e6ece6;color:#879489;font-size:9px}.linked strong{color:#39815a;font-weight:550}.accent{color:var(--green)}.recommend{display:flex;gap:12px;padding:16px 0 11px;border-bottom:1px solid #e9eee9}.recommend b{color:var(--green);font:10px var(--mono)}.recommend strong{font-size:11px}.recommend p{margin:4px 0 0;color:#8a978c;font-size:9px}.approval{display:flex;align-items:center;gap:9px;margin-top:15px;padding:10px;border:1px solid #cfdfd0;border-radius:4px;background:#f3faf4}.approval>span{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#205c38;color:#fff;font-size:9px}.approval div{display:flex;flex-direction:column;gap:3px}.approval strong{font-size:10px}.approval small{color:#8a998c;font-size:8px}.approval>b{margin-left:auto;color:var(--green);font-size:15px}.visual-caption{display:flex;justify-content:space-between;gap:16px;margin-top:12px;font-size:9px}.section-space{padding-block:115px}.approach{background:#fff;border-block:1px solid var(--line)}.intro{max-width:760px;margin-bottom:46px}.intro>p:last-child{max-width:540px;margin:23px 0 0;color:var(--muted);font-size:15px;line-height:1.7}.cap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.cap-card{min-width:0;min-height:335px;display:flex;flex-direction:column;padding:27px;background:#fff}.cap-top{display:flex;justify-content:space-between;color:var(--green);font-size:10px}.cap-top span:last-child{font:18px var(--sans)}.cap-card h3{margin:23px 0 9px;font-size:25px;font-weight:500;letter-spacing:-.045em}.cap-card p{max-width:380px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}.mini-flow,.mini-stack{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:28px;color:#8ca494;font:10px var(--mono)}.mini-flow span,.mini-stack span{padding:10px;border:1px solid #dbe8dd;border-radius:4px;background:#f7fbf7;color:#37734d}.mini-stack{gap:5px}.mini-stack span{display:block}.cap-card.dark{background:var(--dark);color:#fff}.cap-card.dark .cap-top{color:#81dba0}.cap-card.dark p{color:#bbcec1}.cap-card.dark .mini-flow span{border-color:#467254;background:#1d4330;color:#c1e6cd}.services>.intro{margin-bottom:42px}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:80px 1fr 45px;gap:25px;padding:30px 0;border-bottom:1px solid var(--line)}.service-list article>span{padding-top:6px;color:var(--green);font:12px var(--mono)}.service-list h3{margin:0 0 9px;font-size:23px;font-weight:500;letter-spacing:-.035em}.service-list p{max-width:665px;margin:0;color:var(--muted);font-size:14px;line-height:1.65}.service-list i{color:#86aa91;font-size:26px;font-style:normal}.story{background:#edf3ed}.story h2{margin-bottom:45px}.tab-layout{display:grid;grid-template-columns:300px 1fr;border:1px solid #d5e1d5;border-radius:6px;background:#fff;overflow:hidden}.tab-list{display:flex;flex-direction:column;border-right:1px solid #d5e1d5}.stage-tab{min-height:77px;display:flex;align-items:center;gap:22px;padding:18px 23px;border:0;border-bottom:1px solid #e5ede5;background:#fff;color:#88a091;text-align:left;font:11px var(--mono);cursor:pointer}.stage-tab:last-child{border-bottom:0}.stage-tab span{color:#394a3d;font:14px var(--sans)}.stage-tab[aria-selected=true]{background:#e7f5e9;color:var(--green);box-shadow:inset 3px 0 var(--green)}.stage-tab:hover{background:#f0f8f0}.tab-panels{min-width:0}.stage-panel{min-height:308px;padding:34px 38px}.stage-panel[hidden]{display:none}.stage-panel>small{color:var(--green)}.stage-panel h3{max-width:480px;margin:18px 0 11px;font-size:29px;font-weight:500;letter-spacing:-.04em}.stage-panel p{max-width:470px;margin:0;color:var(--muted);font-size:14px;line-height:1.65}.stage-diagram{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:29px;color:var(--green);font:10px var(--mono)}.stage-diagram span{padding:9px 10px;border:1px solid #d4e5d6;border-radius:4px;background:#f6faf6;color:#436f4d}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-copy p{margin:0 0 19px;color:var(--muted);font-size:14px;line-height:1.75}.about-copy .lead{color:#24372a;font-size:19px;line-height:1.55}.about-fact{display:flex;flex-direction:column;gap:10px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.about-fact span{color:var(--green);font:10px var(--mono)}.about-fact strong{font-size:13px;font-weight:500}.closing{padding-block:95px;background:var(--dark);color:#fff}.closing .eyebrow{color:#8bdfa5}.closing h2{margin:0;font-size:clamp(44px,6vw,72px);font-weight:450;line-height:1.09;letter-spacing:-.06em}.closing h2 em{color:#8bdfa5}.closing p:not(.eyebrow){max-width:490px;margin:23px 0;color:#bbcec1;font-size:15px;line-height:1.65}.button.light{background:#fff;color:#123923}.site-footer{padding:43px 0;background:#f5f8f4}.footer-inner{display:flex;justify-content:space-between;gap:40px}.footer-brand{font-size:29px}.footer-inner p{margin:8px 0 0;color:#819083;font:10px var(--mono)}.footer-inner nav{display:flex;align-items:center;flex-wrap:wrap;gap:23px;font-size:12px}.footer-inner nav a:hover{color:var(--green)}
@media(max-width:900px){.wrap{width:min(100% - 40px,1088px)}.hero-grid{gap:30px}.mock-sidebar{width:150px}.mock-main{padding:18px}.mockup-body{height:520px}.cap-card{min-height:365px}.tab-layout{grid-template-columns:240px 1fr}}
@media(max-width:700px){html{scroll-padding-top:70px}.site-header{height:64px}.wrap{width:calc(100% - 36px)}.menu-toggle{display:flex;width:39px;height:39px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:5px;background:#fff}.menu-toggle i{width:17px;height:2px;background:#2d4c37;transition:transform .2s}.menu-toggle[aria-expanded=true] i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] i:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-nav{position:absolute;top:63px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 18px 16px;border-bottom:1px solid var(--line);background:var(--paper);box-shadow:0 20px 25px #0c2c1514}.site-nav.is-open{display:flex}.site-nav>a{padding:13px 4px;border-bottom:1px solid var(--line)}.site-nav .nav-cta{margin:12px 0 0;text-align:center}.hero{padding-top:75px}.hero-grid{grid-template-columns:1fr;gap:25px}.hero h1{font-size:clamp(47px,10vw,70px)}.hero-aside>p{max-width:550px}.hero-foot{margin-top:65px}.section-head{display:block}.section-head>p{margin-top:16px;width:auto}.mockup{margin-inline:-5px}.mockup-body{height:auto}.mock-sidebar{display:none}.mock-main{padding:15px}.mock-title h3{font-size:16px}.human-status{font-size:0}.human-status i{width:7px;height:7px}.steps{grid-template-columns:repeat(2,1fr);gap:7px;margin-block:16px}.step{min-height:110px}.step:nth-child(2):after{display:none}.mock-cards{grid-template-columns:1fr 1fr}.mock-card{min-height:230px;padding:12px}.mock-card h4{margin-top:18px;font-size:13px}.section-space{padding-block:78px}.cap-card{min-height:345px;padding:20px}.cap-card h3{font-size:22px}.service-list article{grid-template-columns:33px 1fr 20px;gap:15px}.tab-layout{grid-template-columns:1fr}.tab-list{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid #d5e1d5}.stage-tab{min-height:61px;padding:13px}.stage-panel{min-height:280px;padding:25px}.about-grid{grid-template-columns:1fr;gap:27px}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}.hero{padding-top:59px}.hero h1{font-size:clamp(43px,12vw,56px)}.hero-aside>p{font-size:14px}.hero-foot{font-size:8px;gap:10px;margin-top:49px}.section-head h2,.intro h2,.about h2,.story h2{font-size:35px}.workspace{padding-bottom:75px}.mockup-top{padding-inline:10px}.mockup-top>span:nth-child(2){display:none}.concept{margin-left:auto}.mock-main{padding:10px}.mock-title{align-items:center}.mock-title h3{font-size:14px}.steps{gap:5px}.step{padding:8px;min-height:100px}.step>span{font-size:14px;height:23px}.step small{font-size:7px}.step strong{font-size:10px;margin-top:6px}.step p{font-size:8px}.mock-cards{grid-template-columns:1fr;gap:7px}.mock-card{min-height:0}.mock-card h4{margin-top:14px}.mock-card>p{font-size:9px}.linked{margin-top:15px}.recommend{padding:10px 0}.approval{margin-top:10px}.visual-caption{font-size:8px}.cap-grid{grid-template-columns:1fr}.cap-card{min-height:270px}.cap-card h3{margin-top:17px}.mini-flow,.mini-stack{padding-top:18px}.service-list article{gap:10px;padding:23px 0}.service-list h3{font-size:19px}.service-list p{font-size:12px}.service-list i{font-size:17px}.stage-tab{gap:10px;font-size:9px}.stage-tab span{font-size:11px}.stage-panel h3{font-size:24px}.stage-panel p{font-size:13px}.stage-diagram{font-size:9px;gap:5px}.stage-diagram span{padding:7px}.footer-inner{display:block}.footer-inner nav{margin-top:25px;gap:15px}.closing{padding-block:75px}}
@media(max-width:340px){.hero h1{font-size:41px}.button{gap:9px;padding:9px 10px}.actions{gap:3px}.mock-title h3{font-size:12px}.mock-title small{font-size:7px}.concept{font-size:7px}.cap-card{min-height:290px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Keep the mobile workflow concept readable at narrow phone widths. */
@media(max-width:480px){
  .hero-foot{font-size:10px}
  .concept{font-size:10px}
  .mock-title small{font-size:10px}
  .step{min-height:118px}
  .step small{display:none}
  .step strong{font-size:12px;line-height:1.3}
  .step p{font-size:11px;line-height:1.35}
  .card-meta{font-size:10px}
  .mock-card h4{font-size:14px}
  .mock-card>p{font-size:12px;line-height:1.5}
  .chips span{font-size:10px}
  .linked{font-size:11px}
  .recommend strong,.approval strong{font-size:12px}
  .recommend p,.approval small{font-size:11px;line-height:1.4}
  .visual-caption{flex-wrap:wrap;font-size:11px;line-height:1.4}
  .mini-flow,.mini-stack{font-size:11px}
  .stage-tab{font-size:11px}
  .stage-tab span{font-size:12px;line-height:1.3}
  .stage-panel>small{font-size:10px}
  .stage-diagram{font-size:11px;line-height:1.4}
}
@media(max-width:340px){
  .mock-title small{display:none}
  .concept{font-size:10px}
  .stage-tab{padding:11px 9px;gap:7px}
  .stage-diagram span{padding:7px 6px}
}