@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172e39;--muted:#667571;--teal:#117d75;--paper:#f7f8f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #39a99f;outline-offset:6px}.skip{position:fixed;top:-60px;background:white;padding:12px;z-index:9}.skip:focus{top:5px}header{height:92px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between}.brand{width:182px;height:65px;display:flex;align-items:center}.brand img{width:100%;height:auto}nav{display:flex;align-items:center;gap:35px;font-size:13px}nav>a:not(.small-cta):hover{color:var(--teal)}.small-cta{padding:13px 21px;border:1px solid #c4cfca;border-radius:40px}.small-cta span{margin-left:20px}#menu{display:none}.hero{position:relative;min-height:690px;height:calc(100svh - 113px);max-height:900px;margin:0 20px;border-radius:10px;overflow:hidden;background:#0c393b;color:white;isolation:isolate}#flow,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(6,28,35,.55),transparent 85%)}.hero-content{padding:7.5% 5% 85px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;line-height:1.8;margin:0 0 34px}.eyebrow i{display:inline-block;width:6px;height:6px;background:#a3ddbd;border-radius:50%;margin-right:10px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:500}h1{font-size:clamp(64px,7.8vw,122px);line-height:1.04;letter-spacing:-6px;margin-bottom:48px}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}h1 em{color:#d6eccd}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;max-width:1030px}.hero-bottom p{font-size:17px;line-height:1.65;margin:0;color:#e1e9e5}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:19px 24px;border-radius:40px;font-size:13px;transition:transform .25s,background .25s}.pill:hover{transform:translateY(-3px);background:#d6eccd}.light{background:var(--paper);color:var(--ink)}.pill span{font-size:22px}.hero-foot{position:absolute;bottom:0;left:5%;right:5%;border-top:1px solid #ffffff30;display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:10px;letter-spacing:1px}.hero-foot button{border:0;background:none;color:inherit;font-size:10px}.section{padding:110px 6%}h2{font-size:clamp(35px,4vw,60px);line-height:1.15;letter-spacing:-2.6px}h2 span{color:#7d8b82}.intro-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:8%}.intro-copy{padding-top:7px;max-width:430px;font-size:16px;line-height:1.8;color:#52635e}.intro-copy p:first-child{color:var(--ink);font-size:20px;line-height:1.6}.text-link{display:inline-block;padding:10px 0;border-bottom:1px solid #b0bcb4;color:var(--ink);font-size:13px}.text-link span{margin-left:55px}.principles{display:flex;justify-content:space-between;border-top:1px solid #d4dcd2;padding-top:27px;margin-top:55px;font-size:13px}.possibilities{background:#e9eee5}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:6%;margin-bottom:45px}.section-heading h2{font-size:43px;margin:0}.section-heading>p{max-width:300px;font-size:14px;line-height:1.8;color:#52635e}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:26px}.visual{height:390px;border-radius:6px;overflow:hidden;padding:28px;position:relative}.dashboard{background:#123b3b;color:#eff9ee}.visual-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;opacity:.8}.dash-title{font-size:30px;letter-spacing:-1px;margin:38px 0 24px}.dash-grid{display:flex;gap:35px}.dash-grid>div{display:flex;flex-direction:column;gap:8px}.dash-grid small{font-size:8px;color:#afd6c9;letter-spacing:1px}.dash-grid strong{font-size:16px;font-weight:500}.dash-grid span{font-size:10px;color:#a6c6bc}.chart{display:flex;align-items:end;gap:13px;height:113px;margin-top:17px}.chart span{flex:1;height:var(--h);background:linear-gradient(#b5d8b1,#276c62);border-radius:3px 3px 0 0}.visual-bottom{position:absolute;bottom:20px;font-size:8px;letter-spacing:1.3px;opacity:.7}.workflow{background:#d7e1d1}.orbit{height:300px;position:relative;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid #9baea0;width:235px;height:235px;border-radius:50%;transform:rotate(-25deg)}.r2{width:310px;height:145px;transform:rotate(-30deg);border-color:#b0bba8}.orbit-center{font-size:45px;letter-spacing:-4px;color:#1a6d65;text-align:center}.orbit-center span{display:block;letter-spacing:1px;font-size:7px;margin-top:5px}.orbit-label{position:absolute;background:#f4f7ef;border:1px solid #bdcaba;border-radius:50px;padding:13px 20px;font-size:11px;box-shadow:0 5px 20px #123b3b08}.l1{top:30px;left:17%}.l2{right:0;top:135px}.l3{bottom:30px;left:12%}.feature-caption{display:flex;gap:20px;margin-top:24px}.feature-caption>span{font-size:10px;padding-top:6px;color:#5b7466}.feature h3{font-size:21px;letter-spacing:-.7px;margin-bottom:12px}.feature p{font-size:13px;line-height:1.8;color:#52635e;max-width:440px}.direction{background:#162f36;color:#edf4e7;position:relative;overflow:hidden}.direction:after{content:'';width:700px;height:700px;border:1px solid #6b999b30;position:absolute;border-radius:50%;right:-200px;top:-100px;box-shadow:0 0 0 80px #6b999b08,0 0 0 160px #6b999b05;pointer-events:none}.direction h2{font-size:clamp(65px,9vw,135px);line-height:.98;letter-spacing:-5px}.direction em{color:#b7d5b3}.direction-bottom{display:flex;align-items:end;justify-content:space-between;gap:50px}.big-arrow{font-size:100px;line-height:1;color:#b7d5b3}.direction-bottom p{max-width:450px;color:#bdcdc8;font-size:17px;line-height:1.8}.approach{display:grid;grid-template-columns:1fr 1fr;gap:8%}.approach h2{font-size:43px}.approach-lead{font-size:14px;color:#5d7068;line-height:1.8;margin-top:30px}.steps article{display:flex;gap:24px;border-top:1px solid #cad4cb;padding:30px 0 15px}.steps b{font-size:10px;font-weight:400;padding-top:8px;color:#5a7c6c}.steps h3{font-size:25px;letter-spacing:-1px}.steps p{font-size:13px;line-height:1.9;color:#5d7068}.steps article>span{font-size:22px}.questions{padding-top:0;max-width:1020px;margin:auto}.questions details{border-bottom:1px solid #cad4cb;padding:24px 0}.questions summary{list-style:none;display:flex;justify-content:space-between;font-size:18px;cursor:pointer;gap:25px}.questions summary::-webkit-details-marker{display:none}.questions details[open] summary span{transform:rotate(45deg)}.questions details p{max-width:700px;margin:20px 0 0;color:#52635e;font-size:15px;line-height:1.8}.contact{position:relative;overflow:hidden;background:#153e3d;color:#f3f8e9;margin:0 20px;border-radius:10px}.contact>*{position:relative}.contact-glow{position:absolute;width:700px;height:700px;right:-170px;top:-200px;background:radial-gradient(ellipse,#86ab7280,transparent 70%);pointer-events:none}.contact h2{font-size:clamp(65px,9vw,130px);letter-spacing:-5px}.contact h2 em{color:#c0d8ad}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-bottom p{font-size:16px;line-height:1.8;color:#d0ddd2}.email{display:inline-block;font-size:13px;margin-top:35px;border-bottom:1px solid #87aaa0;padding-bottom:8px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 5%;font-size:11px;color:#52635e}.reveal{opacity:1;transform:none}.js-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.js-ready .reveal.shown{opacity:1;transform:none}@media(min-width:1600px){.section{padding-left:max(6%,calc((100vw - 1400px)/2));padding-right:max(6%,calc((100vw - 1400px)/2))}}@media(max-width:800px){header{height:76px;padding:0 6%}.brand{width:145px}nav{gap:20px}nav>a:not(.small-cta){display:none}.hero{margin:0 10px;min-height:620px;height:calc(90svh - 76px)}.hero-content{padding:80px 6%}.hero h1{font-size:66px;letter-spacing:-3.7px;margin-top:55px}.hero-bottom{align-items:start;flex-direction:column;gap:28px}.hero-foot>span{display:none}.hero-foot{font-size:8px}.section{padding:75px 7%}.intro-grid,.approach{grid-template-columns:1fr;gap:25px}h2{font-size:39px;letter-spacing:-1.8px}.intro-copy{max-width:none}.principles{gap:25px;font-size:11px}.section-heading{display:block}.section-heading h2,.approach h2{font-size:37px}.section-heading>p{max-width:500px;margin-top:25px}.showcase{grid-template-columns:1fr;gap:30px}.visual{height:370px}.direction h2{font-size:83px}.direction-bottom{gap:30px}.direction-bottom p{font-size:14px}.big-arrow{font-size:70px}.questions{padding-top:0}.questions summary{font-size:16px}.contact{margin:0 10px}.contact h2{font-size:80px}.contact-bottom{align-items:start;flex-direction:column}footer{flex-wrap:wrap;padding:25px 7%}footer>span{display:none}}@media(max-width:420px){.hero h1{font-size:53px;letter-spacing:-3px}.hero-content{padding-top:55px}.hero .eyebrow{font-size:8px}.hero-bottom p{font-size:15px}.small-cta{font-size:11px;padding:10px 13px}.hero{min-height:600px}.dash-grid{gap:20px}.dash-grid span{font-size:8px}.visual{padding:23px}.l2{right:-5px}.principles{flex-direction:column;gap:15px}.direction-bottom{align-items:start;flex-direction:column}.contact h2{font-size:67px}.questions summary{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.js-ready .reveal{opacity:1;transform:none}}

/* Local Lucide SVGs avoid platform-dependent emoji arrow rendering. */
.icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;flex-shrink:0}.big-arrow .icon{display:block}.principles .icon{white-space:nowrap}

/* Keep the brand promise readable at phone sizes. */
.hero .eyebrow{font-size:16px;line-height:1.5;letter-spacing:.025em;max-width:38ch;display:flex;align-items:baseline;gap:10px}.hero .eyebrow i{flex:0 0 6px;margin-right:0;align-self:flex-start;margin-top:.55em}
@media(max-width:800px){.hero .eyebrow{font-size:15px;line-height:1.5;max-width:32ch}}

/* Hero copy stands on its own without an eyebrow. */
.hero h1{margin-top:0}.hero-bottom p{max-width:36em}