:root{--forest:#064632;--forest2:#0c6045;--ink:#112921;--muted:#64796f;--line:#dfe9e2;--surface:#f5f8f6;--mint:#e8f6ed;--white:#fff;--shadow:0 18px 55px #0d3d2912}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:83px}
body{margin:0;background:white;color:var(--ink);font:15px/1.5 'Hanken Grotesk',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #26ad77;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Bricolage Grotesque',system-ui,sans-serif;letter-spacing:-.055em}button{border:0;background:none}em{font-style:normal;color:#147a52}.shell{width:min(1420px,calc(100% - 76px));margin-inline:auto}
.skip{position:absolute;top:-70px;left:10px;z-index:300;padding:11px;background:var(--forest);color:white}.skip:focus{top:10px}
.header{height:79px;position:sticky;z-index:90;top:0;background:#fffffff0;backdrop-filter:blur(16px);border-bottom:1px solid #e7eee9}.nav-bar{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:158px;height:auto}.navigation{display:flex;align-items:center;gap:30px}.navigation a{font-size:13px;font-weight:760;white-space:nowrap}.navigation a:hover,.navigation .current{color:var(--forest2)}.navigation .nav-action{background:var(--forest);color:white;padding:12px 17px;border-radius:10px;display:inline-flex;gap:12px;align-items:center;box-shadow:0 6px 18px #09593820}.navigation .nav-action:hover{color:white;background:#0e6449}.nav-toggle{display:none;font-weight:800;font-size:13px;border:1px solid var(--line);border-radius:9px;padding:10px 13px;background:white;color:var(--forest);gap:8px}
.eyebrow{display:flex;align-items:center;gap:10px;color:#147c55;font-size:11px;font-weight:900;letter-spacing:.15em;line-height:1.5;margin-bottom:18px}.dot,.indicator{display:inline-block;flex-shrink:0;width:8px;height:8px;background:#28b27b;border-radius:50%;box-shadow:0 0 0 4px #28b27b18}
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:clamp(28px,5vw,88px);align-items:center;padding-top:clamp(58px,6vw,94px);padding-bottom:clamp(62px,7vw,105px)}.hero h1{font-size:clamp(46px,4.7vw,76px);font-weight:750;line-height:1.065;max-width:780px;margin-bottom:25px}.hero-lead{font-size:clamp(16px,1.3vw,19px);line-height:1.65;color:#576b61;max-width:640px;margin-bottom:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;padding:14px 21px;font-size:13px;font-weight:840;transition:transform .2s,background .2s,box-shadow .2s;min-height:48px}.button:hover{transform:translateY(-2px)}.button.primary{color:white;background:var(--forest);box-shadow:0 7px 18px #09553827}.button.primary:hover{background:#0c6144}.button.secondary{background:white;color:var(--forest);border:1px solid #cfddd2}.button.secondary:hover{background:#f7faf8}.hero-proof{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:36px;padding-top:23px}.hero-proof span{min-width:0}.hero-proof b{display:block;font-size:12px;color:#225942}.hero-proof small{display:block;font-size:11px;color:#7c8c81;line-height:1.4;margin-top:4px}
.hero-screen{background:white;border:1px solid #d9e8de;border-radius:24px;box-shadow:0 27px 65px #0a51351e;overflow:hidden;min-width:0;transform:perspective(1600px) rotateY(-3deg) rotateX(1deg);transition:transform .28s}.hero-screen:hover{transform:perspective(1600px) rotateY(0) rotateX(0)}.hero-screen-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:0 16px;background:white;border-bottom:1px solid #e7efe8}.hero-product{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:850;color:#245d3e}.hero-product .dot{width:6px;height:6px;box-shadow:0 0 0 3px #28b27b18}.hero-screen-badge{font-size:9px;font-weight:900;letter-spacing:.09em;color:#24734e;background:#e9f6ee;padding:5px 7px;border-radius:7px;white-space:nowrap}.hero-screen-stage{height:415px;overflow:hidden;position:relative;background:#f7f9f7}.hero-screen-stage iframe{border:0;display:block;pointer-events:none;transform-origin:top left;background:#f7f9f7}.hero-screen-stage:after{content:'';position:absolute;inset:auto 0 0;height:35px;background:linear-gradient(transparent,#f7f9f7);pointer-events:none}.hero-screen-footer{min-height:48px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e4ebe5}.hero-screen-footer span{color:#729080;font-size:11px}.hero-screen-footer a{font-size:12px;font-weight:900;color:#0a754e;white-space:nowrap}
.preview-section{background:#f5f8f6;border-block:1px solid #e5eee6;padding:clamp(56px,6.2vw,94px) 0}.section-heading{display:flex;gap:35px;justify-content:space-between;align-items:flex-end;margin-bottom:31px}.section-heading h2{font-size:clamp(32px,3.25vw,53px);line-height:1.13;font-weight:720;margin-bottom:13px}.section-heading p:not(.eyebrow){color:#6d8075;max-width:670px;margin:0;font-size:15px;line-height:1.6}.section-heading strong{color:#295b40}.section-heading .eyebrow{margin-bottom:12px}.inline-link{display:inline-block;color:#146b4b;font-size:13px;font-weight:850;text-decoration:underline;text-decoration-color:#9ac4a7;text-underline-offset:7px;flex-shrink:0;margin-bottom:8px}.inline-link:hover{color:#064632}
.showroom{border:1px solid #d7e4dc;border-radius:22px;background:white;overflow:hidden;box-shadow:0 23px 58px #1d4b3116}.showroom-top{min-height:64px;padding:13px 23px;border-bottom:1px solid #e2eae4;display:flex;align-items:center;justify-content:space-between;gap:15px}.showroom-top>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.showroom-top strong{font-size:14px}.state-label{color:#16714e;background:#e7f5eb;border:1px solid #cae9d3;font-size:9px;font-weight:900;letter-spacing:.085em;padding:5px 7px;border-radius:7px}.showroom-top>a{font-size:12px;font-weight:850;color:#126c49;white-space:nowrap}.showroom-content{display:grid;grid-template-columns:256px minmax(0,1fr)}.showroom-nav{padding:20px 13px;border-right:1px solid #e1eae3;display:flex;flex-direction:column;gap:27px;background:#fcfdfc}.switches{display:flex;flex-direction:column;gap:7px}.demo-tab{text-align:left;width:100%;display:flex;align-items:center;gap:11px;padding:14px 11px;border:1px solid transparent;border-radius:13px;color:#284f3b}.demo-tab:hover{background:#eff7f1}.demo-tab.selected{border-color:#b7ddc6;background:#eaf7ee;box-shadow:0 4px 15px #0a4a3010}.demo-number{width:34px;height:36px;flex-shrink:0;border-radius:10px;background:#edf4ee;display:grid;place-items:center;color:#23875d;font:850 13px 'Bricolage Grotesque',sans-serif}.demo-tab.selected .demo-number{background:#cfecd9}.demo-tab span b{font-size:13px;display:block;line-height:1.2}.demo-tab small{font-size:11px;color:#71877b;display:block;margin-top:5px;line-height:1.4}.demo-tab>span:nth-child(2){flex:1;min-width:0}.demo-chevron{color:#568e6e;font-size:23px}.helper{margin-top:auto;border:1px solid #cee6d5;background:#eff8f1;border-radius:15px;padding:20px 15px}.helper-tag{display:inline-block;font-size:9px;font-weight:900;color:#f6fffa;letter-spacing:.11em;background:#0e7451;padding:6px 8px;border-radius:8px}.helper h3{margin:13px 0 5px;font-size:15px}.helper p{font-size:12px;color:#628171;line-height:1.5;margin-bottom:12px}.helper a{color:#116848;font-size:12px;font-weight:850}.showroom-demo{min-width:0;display:flex;flex-direction:column;background:linear-gradient(#f7fbf8,#f1f7f3)}.browser-bar{height:44px;background:white;border-bottom:1px solid #e3ebe5;display:flex;align-items:center;gap:15px;padding-inline:16px;color:#688173;font-size:11px}.browser-dots{display:flex;gap:5px}.browser-dots i{display:block;width:7px;height:7px;background:#cddbd2;border-radius:50%}.browser-dots i:first-child{background:#b6d5bf}.browser-bar>span:nth-child(2){flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-status{font-size:9px;font-weight:850;color:#83a18d;white-space:nowrap}.preview-container{position:relative;margin:13px 14px 0;height:650px;border:1px solid #dce8df;border-radius:12px;background:white;overflow:hidden;box-shadow:0 13px 28px #14442c14}.preview-container iframe{border:none;width:100%;height:100%;display:block;background:#f7f9f8}.preview-container iframe[hidden]{display:none}.demo-loading{position:absolute;inset:0;display:grid;place-items:center;padding:22px;color:#577c64;text-align:center;font-size:14px;z-index:2;background:white}.demo-loading[hidden]{display:none}.preview-bottom{min-height:64px;padding:16px 21px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.preview-bottom p{font-size:12px;line-height:1.5;color:#44634f;margin:0}.preview-hint{display:flex;align-items:center;gap:10px;flex-shrink:0;color:#85978b;font-size:10px}.sample-pill{background:#e9f4ed;color:#1c7853;font-size:9px;letter-spacing:.04em;font-weight:900;padding:5px 7px;border-radius:6px}
.goals{padding:clamp(58px,6vw,96px) 0}.filter-row{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px}.filter{border:1px solid #dae8dd;border-radius:999px;padding:10px 16px;color:#37624a;background:white;font-size:12px;font-weight:800}.filter:hover{background:#f0f8f2}.filter.active{background:var(--forest);border-color:var(--forest);color:white}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.feature-card{min-width:0;min-height:208px;border:1px solid #dfe9e1;background:white;border-radius:17px;padding:21px;box-shadow:0 5px 18px #10432909;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-3px);box-shadow:0 14px 27px #123b2917}.feature-card[hidden]{display:none}.card-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;min-height:22px}.card-index{font-size:10px;letter-spacing:.10em;color:#468263;font-weight:900}.card-signal{font-size:8px;background:#e8f5ec;border-radius:5px;padding:4px 6px;color:#1b8158;letter-spacing:.04em;font-weight:850}.feature-card h3{font-family:'Bricolage Grotesque',sans-serif;font-size:19px;font-weight:750;line-height:1.25;margin:21px 0 8px;letter-spacing:-.04em}.feature-card p{color:#748478;font-size:12px;line-height:1.58;margin:0 0 22px}.feature-card>a,.feature-card>button{align-self:flex-start;margin-top:auto;color:#0b754b;font-size:12px;font-weight:890;padding:3px 0;text-align:left}.feature-card>button:hover,.feature-card>a:hover{text-decoration:underline;text-underline-offset:3px}.filter-status{font-size:12px;color:#6d8976;margin-top:16px}
.last-step{display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(125deg,#06412d,#13704e);color:white;border-radius:25px;padding:clamp(30px,4.4vw,65px);margin-bottom:73px}.last-step .eyebrow{color:#a9eac4}.last-step h2{font-size:clamp(31px,3.25vw,49px);font-weight:750;line-height:1.1;margin-bottom:16px}.last-step p:not(.eyebrow){color:#cae4d3;line-height:1.55;max-width:665px;margin:0}.last-actions{display:flex;flex-direction:column;min-width:230px;gap:11px}.button.inverted{background:white;color:#065139}.button.ghost{color:white;border:1px solid #b8deca87;background:transparent}.footer{background:#f7f9f7;border-top:1px solid #e3ede5;padding:26px 0;color:#657e6e;font-size:12px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.footer-inner div{display:flex;gap:20px}.footer a:hover{text-decoration:underline}
@media(max-width:1270px){.navigation{gap:17px}.hero{grid-template-columns:1.03fr .97fr;gap:28px}.hero h1{font-size:clamp(45px,5.2vw,65px)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-hint{display:none}}
@media(max-width:980px){.shell{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;gap:35px;padding-top:55px}.hero h1{font-size:clamp(44px,6.4vw,70px);max-width:800px}.hero-screen{max-width:680px;margin-inline:auto;width:100%;transform:none}.hero-screen:hover{transform:none}.showroom-content{grid-template-columns:210px minmax(0,1fr)}.showroom-nav{padding:11px 8px}.demo-tab{gap:6px;padding:11px 7px}.demo-number{width:29px}.demo-tab small{font-size:10px}.helper{padding:15px 11px}.preview-container{height:540px}.section-heading{display:block}.inline-link{margin-top:21px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.shell{width:calc(100% - 30px)}.header{height:67px}.brand img{width:143px}.nav-toggle{display:inline-flex;align-items:center}.navigation{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;gap:0;align-items:stretch;padding:10px 20px 20px;background:white;box-shadow:0 17px 28px #0b3e2b18;border-bottom:1px solid var(--line)}.navigation.expanded{display:flex}.navigation a{font-size:14px;padding:12px 7px}.navigation .nav-action{justify-content:center;margin-top:8px}.hero{padding-top:43px;padding-bottom:50px;gap:28px}.hero h1{font-size:clamp(41px,10vw,57px);margin-bottom:19px}.hero-lead{font-size:15px;line-height:1.6}.button{padding:12px 15px;font-size:12px;min-height:46px}.hero-proof{gap:8px;margin-top:26px}.hero-proof b{font-size:11px}.hero-proof small{font-size:10px}.hero-screen{border-radius:15px}.hero-screen-stage{height:260px}.hero-screen-top{min-height:40px;padding:0 12px}.hero-screen-footer{padding:9px 12px}.hero-screen-footer span{font-size:9px}.hero-screen-footer a{font-size:11px}.preview-section{padding:50px 0 60px}.section-heading h2{font-size:clamp(31px,8vw,43px)}.section-heading p:not(.eyebrow){font-size:13px}.showroom{border-radius:16px}.showroom-top{padding:11px 13px;min-height:unset;align-items:flex-start;flex-direction:column}.showroom-top strong{font-size:13px}.state-label{font-size:8px}.showroom-top a{font-size:12px;padding:3px 0}.showroom-content{display:block}.showroom-nav{display:block;border-right:0;border-bottom:1px solid var(--line);padding:8px}.switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.demo-tab{min-width:0;padding:10px 8px;gap:7px}.demo-tab b{font-size:12px}.demo-tab small{display:none}.demo-number{width:28px;height:30px;font-size:11px}.demo-chevron{display:none}.helper{display:none}.browser-bar{height:36px;font-size:10px;padding-inline:8px}.browser-status{font-size:7px}.preview-container{margin:8px 7px 0;height:560px}.preview-bottom{padding:12px}.preview-bottom p{font-size:11px}.goals{padding:56px 0}.filter-row{gap:7px;margin-bottom:19px}.filter{font-size:11px;padding:9px 11px}.feature-grid{grid-template-columns:1fr 1fr;gap:9px}.feature-card{padding:15px;min-height:215px}.feature-card h3{font-size:16px;margin-top:16px}.feature-card p{font-size:11px}.card-index{font-size:9px}.card-signal{font-size:7px}.last-step{margin-bottom:42px;display:block;padding:27px;border-radius:18px}.last-step h2{font-size:32px}.last-step p:not(.eyebrow){font-size:13px}.last-actions{margin-top:24px;max-width:350px}.footer-inner{display:block}.footer-inner>div{margin-top:12px}}
@media(max-width:390px){.hero h1{font-size:39px}.hero-actions .button{width:100%}.hero-proof{grid-template-columns:1fr 1fr}.hero-proof span:last-child{grid-column:span 2}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:175px}.card-signal{font-size:8px}.preview-container{height:540px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important;transform:none!important}}