*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#202321;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #eceeeb;background:#ffffffed;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.brand{font-size:25px;font-weight:650;letter-spacing:-1px;display:flex;gap:9px;align-items:center}.mark{background:#233c33;color:#fff;border-radius:9px;display:inline-grid;place-items:center;width:31px;height:31px;font-size:25px}nav{display:flex;gap:34px;font-size:13px;color:#626862}.nav-cta{font-size:12px;font-weight:600}.nav-cta span{margin-left:15px}.hero{text-align:center;padding:65px 24px 28px;background:radial-gradient(ellipse at 50% 80%,#e8eee8,transparent 65%),#f9faf8;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#5a7062;margin:0 0 23px}h1{font-size:clamp(62px,6.9vw,100px);line-height:1.02;letter-spacing:-6px;font-weight:600;margin:0}h1 span{color:#809485}.intro{font-size:17px;line-height:1.65;color:#6b706c;margin:25px 0}.button{border:0;background:#274b3a;color:white;border-radius:30px;padding:16px 24px;font-size:13px;font-weight:550;display:inline-flex;gap:22px;align-items:center;transition:background .2s,transform .2s}.button:hover{background:#37684e;transform:translateY(-2px)}.hero-product{max-width:1030px;margin:52px auto 28px;position:relative;text-align:left}.app{background:#fff;display:grid;grid-template-columns:205px 1fr;min-height:390px;border:7px solid #f1f3f0;border-radius:20px;box-shadow:0 30px 70px #233c331b,0 0 0 1px #d9dfd8;overflow:hidden}.app aside{background:#f7f8f5;border-right:1px solid #ecefea;padding:26px 16px;position:relative}.app-brand{font-size:16px;color:#3c5444;margin-bottom:40px}.side-label{font-size:7px;letter-spacing:1px;color:#949b94;margin-bottom:13px}aside button{border:0;background:none;display:block;width:100%;text-align:left;padding:12px 11px;font-size:11px;color:#727b73;border-radius:6px;margin:4px 0}aside button.active{background:#e5ebe1;color:#30513b}.side-bottom{position:absolute;bottom:25px;font-size:8px;color:#8b928a}.avatar{display:inline-grid;place-items:center;border-radius:50%;background:#e6ebdf;color:#6c7e61;font-size:8px;width:24px;height:24px;margin-right:7px}.app-content{padding:0 28px}.app-top{display:flex;justify-content:space-between;align-items:center;height:58px;border-bottom:1px solid #eef0ec;font-size:9px;color:#7a8379}.app-top>span{display:flex;align-items:center}.demo-heading{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.demo-heading h3{margin:0;font-size:23px;letter-spacing:-.8px}.demo-heading p{font-size:9px;color:#889083}.badge{font-size:8px;background:#f3f5ef;color:#6f7e63;padding:7px 10px;border-radius:5px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:19px 0}.metric{border:1px solid #e8ece5;border-radius:8px;padding:14px}.metric span{font-size:8px;color:#7e887b}.metric strong{display:block;font-size:25px;font-weight:500;margin-top:8px}.metric small{font-size:8px;color:#608468}.demo-table{font-size:9px;width:100%;border-collapse:collapse}.demo-table th{text-align:left;color:#9a9f96;font-weight:400;font-size:8px;padding:9px 0;border-bottom:1px solid #edf0e9}.demo-table td{padding:12px 0;border-bottom:1px solid #edf0e9;color:#687262}.status{background:#eaf1e3;color:#587346;padding:4px 8px;border-radius:4px;font-size:8px}.floating{position:absolute;bottom:-14px;right:-23px;padding:17px 20px;background:#fff;border-radius:10px;box-shadow:0 10px 25px #1b322317;font-size:11px;color:#53614f}.green-dot{display:inline-block;width:7px;height:7px;background:#719168;border-radius:50%;margin-right:8px}.caption{font-size:8px;letter-spacing:1.4px;color:#8b9388;margin-top:30px}.wrap{max-width:1100px;margin:auto;padding:100px 20px}h2{font-size:clamp(36px,4.1vw,57px);line-height:1.09;letter-spacing:-2.5px;font-weight:550;margin:0 0 32px}h2 span{color:#90998e}.split-copy{display:grid;grid-template-columns:1fr 1fr;gap:90px;max-width:900px}.split-copy p,.body-copy{color:#777e75;font-size:16px;line-height:1.75}.systems{background:#f5f6f3}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:45px}.feature{background:white;border-radius:20px;padding:38px;overflow:hidden}.feature.large{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:50px}.number{font-size:9px;letter-spacing:1.7px;color:#86927d}h3{font-weight:550;font-size:32px;line-height:1.13;letter-spacing:-1px;margin:22px 0 15px}.feature p{font-size:14px;line-height:1.7;color:#7c8379;max-width:350px}.flow{padding:20px}.flow>div{border:1px solid #e7ebe2;border-radius:10px;padding:20px 15px;font-size:11px;background:#fafbf8;box-shadow:0 8px 20px #2a432407}.flow span{color:#8f9b85;font-size:9px;margin-right:12px}.flow b{float:right;color:#7a936a}.flow i{display:block;height:20px;border-left:1px dashed #c9d3c1;margin-left:27px}.flow .selected{border-color:#acc19b;background:#edf3e6}.knowledge-mini{margin-top:28px;background:#f6f8f3;padding:24px;border-radius:12px;font-size:11px;color:#57674d}.knowledge-mini>span{display:block;font-weight:600;margin-bottom:15px}.knowledge-mini div{padding:12px 0;border-top:1px solid #e3e9dc;color:#819074}.knowledge-mini b{float:right}.tool-mini{height:170px;display:flex;align-items:center;justify-content:center;gap:18px}.sheet,.custom{width:72px;height:82px;background:#f0f4ea;border:1px solid #d9e3cc;border-radius:12px;display:grid;place-items:center;font-size:36px;color:#7b9269;transform:rotate(-8deg)}.custom{background:#284c3a;color:white;transform:rotate(7deg);width:82px}.connector{color:#9aaa8d}.platforms{display:flex;justify-content:space-between;align-items:center;margin-top:45px;color:#828a7b}.platforms p{font-size:13px;line-height:1.7}.platforms strong{font-weight:500;color:#3c4935}.platforms>div{font-size:22px;font-weight:600;display:flex;gap:40px;letter-spacing:-.8px}.platforms>div span{font-style:italic}.value{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.value h2{font-size:46px}.value ul{list-style:none;padding:10px 0;font-size:13px;color:#626e5b;line-height:2.8}.value li:before{content:'✓';margin-right:10px;color:#789367}.calculator{background:#f2f5ed;border-radius:20px;padding:35px}.calc-label{font-size:9px;letter-spacing:1.5px;color:#7e8c72;margin-bottom:32px}.calculator label{display:block;font-size:12px;margin-top:25px;color:#5d6d50}.calculator output{float:right;color:#243c1f;font-weight:600}input[type=range]{width:100%;accent-color:#496b37;margin:18px 0 7px}.result{border-top:1px solid #dbe3d2;margin-top:25px;padding-top:25px;display:flex;align-items:baseline;gap:15px}.result strong{font-size:72px;letter-spacing:-5px;font-weight:500;color:#3f5c31}.result span{font-size:13px;color:#7d8e6e}.calc-note{font-size:10px;line-height:1.6;color:#849078}.approach{background:#223c31;color:#f1f4ed}.approach .eyebrow{color:#a4b99c}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:65px}.steps article{border-top:1px solid #526659;padding-top:25px}.steps span{font-size:11px;color:#a7ba9e}.steps h3{font-size:33px}.steps p{font-size:14px;line-height:1.8;color:#aab9ad}.hosting{border-top:1px solid #526659;display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:65px;padding-top:32px;align-items:center}.hosting h3{font-size:25px;margin:0}.hosting p{font-size:13px;line-height:1.8;color:#aab9ad}.start{text-align:center;padding-top:110px;padding-bottom:100px}.start p:not(.eyebrow):not(.caption){color:#87917e;font-size:16px;margin-bottom:28px}footer.wrap{padding-top:28px;padding-bottom:28px;border-top:1px solid #e8ece4;display:flex;align-items:center;justify-content:space-between}footer p,footer>span{font-size:10px;color:#8c9584}dialog{border:1px solid #dce4d5;border-radius:22px;padding:38px;width:min(540px,90vw);max-height:90vh;color:#253a2a}dialog::backdrop{background:#18322288;backdrop-filter:blur(5px)}dialog h2{font-size:35px;letter-spacing:-1.5px}dialog>p:not(.eyebrow){font-size:13px;line-height:1.6;color:#78846f}.close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:26px;color:#6a7c5f}#brief-form label{display:block;font-size:12px;margin:20px 0 8px}#brief-form input,#brief-form textarea{width:100%;border:1px solid #dce3d6;background:#f8faf5;border-radius:8px;padding:12px;font-size:12px;color:#34452b}textarea{min-height:75px;resize:vertical}#brief-form .button{margin-top:20px}:focus-visible{outline:3px solid #9eaf85;outline-offset:4px}@media(max-width:760px){header{height:65px;padding:0 20px}nav{display:none}.nav-cta{font-size:10px}.brand{font-size:22px}.hero{padding-top:50px}h1{font-size:64px;letter-spacing:-3.8px}.intro{font-size:14px}.intro br{display:none}.hero-product{margin-top:40px}.app{grid-template-columns:115px 1fr;min-height:350px;border-width:4px}.app aside{padding:20px 8px}.app-brand{font-size:11px}.side-label{font-size:5px}aside button{font-size:8px;padding:10px 5px}.side-bottom{font-size:6px}.app-content{padding:0 12px}.demo-heading h3{font-size:16px}.demo-heading .badge{display:none}.metrics{gap:5px}.metric{padding:8px}.metric strong{font-size:21px}.metric span,.metric small{font-size:6px}.demo-table{font-size:7px}.demo-table th{font-size:6px}.status{font-size:6px;padding:3px}.floating{right:5px;font-size:8px;padding:12px}.wrap{padding:65px 24px}h2{font-size:38px;letter-spacing:-1.7px}.split-copy{grid-template-columns:1fr;gap:0}.split-copy p{font-size:14px}.feature-grid{grid-template-columns:1fr}.feature.large{grid-template-columns:1fr;padding:30px;gap:15px}.feature{padding:30px}.feature h3{font-size:28px}.flow{padding:10px 0}.platforms{align-items:flex-start;gap:15px;flex-direction:column}.platforms>div{font-size:19px;gap:25px}.value{grid-template-columns:1fr;gap:30px}.value h2{font-size:38px}.calculator{padding:28px}.steps{grid-template-columns:1fr;gap:24px;margin-top:40px}.steps h3{margin-top:15px}.hosting{grid-template-columns:1fr;gap:15px}.start h2{font-size:43px}footer.wrap{flex-wrap:wrap;gap:15px}footer p{order:3;width:100%;margin:0}.caption{font-size:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Brand name and service descriptor. */
.brand{flex-shrink:0;display:flex;gap:10px;align-items:center;line-height:1.08;color:#243e32}
.brand-copy{display:grid;gap:4px}
.brand-mark{display:block;width:39px;height:auto;flex-shrink:0}
@media(max-width:380px){.brand{gap:6px}.brand-mark{width:28px}}
.brand-name{font-size:clamp(17px,2.5vw,25px);font-weight:700;letter-spacing:-.045em;white-space:nowrap}
.brand-descriptor{font-size:10px;font-weight:500;letter-spacing:0;color:#65745c}
@media(max-width:1000px) and (min-width:761px){nav{gap:20px}.nav-cta{font-size:11px}}
@media(max-width:760px){header{gap:12px}.nav-cta{max-width:135px;line-height:1.5}.nav-cta span{margin-left:4px}}
@media(max-width:380px){.nav-cta{font-size:9px;max-width:110px}}
h1 .hero-first-line{color:inherit}
/* One focused service, from first workflow to team handover. */
h1 .hero-promise{font-size:.64em;letter-spacing:-.045em;line-height:1.25}
.intro{max-width:720px;margin:25px auto}
.hero-secondary{display:block;margin:18px auto 0;font-size:12px;color:#62745f}
.section-intro{max-width:560px;color:#777e75;font-size:16px;line-height:1.7}
.workflow-examples{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.workflow-examples span{border:1px solid #dce3d6;border-radius:30px;padding:12px 18px;color:#65745c;font-size:12px}
.scope-note{margin-top:30px;padding:28px 32px;border:1px solid #dce3d6;border-radius:16px;display:grid;grid-template-columns:1fr 1.6fr;gap:30px;align-items:center}
.scope-note strong{font-size:20px;font-weight:550;letter-spacing:-.5px}.scope-note p{font-size:14px;line-height:1.7;color:#78836e;margin:0}
.flow .flow-caption{font-size:10px;margin-bottom:0;color:#89977c}
@media(max-width:760px){h1{font-size:56px;letter-spacing:-3px}h1 .hero-promise{font-size:.63em}.intro{font-size:14px}.scope-note{grid-template-columns:1fr;gap:12px;padding:24px}.workflow-examples{gap:8px}.workflow-examples span{font-size:11px;padding:10px 13px}.hero-product{margin-top:34px}}
h1>br{display:none}
h1 .hero-promise{display:block;line-height:1.15;margin-top:.3em}
.example.wrap { padding-top: 0; }
.example-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.example-grid article { padding: 28px; border: 1px solid #dce3d6; border-radius: 16px; }
.example-grid article:last-child { background: #f5f6f3; }
.example-grid .eyebrow { margin-bottom: 10px; }
.example-grid h3 { margin: 0 0 12px; font-size: 24px; }
.example-grid article > p:last-child { margin: 0; color: #586d60; line-height: 1.65; }
@media (max-width: 760px) {
.example-grid { grid-template-columns: 1fr; }
}
.brand-letter {
display: inline-block;
height: .84em;
width: auto;
vertical-align: -.045em;
}