:root{--paper:#f8faf4;--ink:#153b2e;--muted:#4f6659;--forest:#163d2e;--forest-deep:#0f2e24;--lime:#c9ef8d;--line:#d8e3d5;--white:#fff;color:var(--ink);background:var(--paper);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #437b52;outline-offset:4px}a,button{-webkit-tap-highlight-color:transparent}section[id]{scroll-margin-top:28px}.wrap{width:min(1192px,calc(100% - 88px));margin-inline:auto}.skip{position:absolute;top:10px;left:10px;z-index:5;padding:12px;background:var(--white);transform:translateY(-160%)}.skip:focus{transform:none}
.preview-notice{min-height:35px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;padding:6px 15px;background:#e6eddd;color:#335346;font-size:.73rem;text-align:center}.preview-marker,.live-dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:#79aa55}.header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-weight:780;font-size:1.58rem;line-height:1;letter-spacing:-.07em}.header nav{display:flex;align-items:center;gap:28px}.nav-text,.demo-link,.footer-link{font-size:.9rem;font-weight:640}.nav-text:hover,.demo-link:hover,.footer-link:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:10px 17px;border:1px solid transparent;border-radius:10px;font-size:.9rem;font-weight:730;line-height:1.3;cursor:pointer;transition:background .18s,color .18s,border-color .18s}.button span,.demo-link span{font-size:1.03rem}.button-outline{border-color:#b3c5b4}.button-outline:hover{background:#e6eddd}.button-primary{background:var(--forest);color:var(--white)}.button-primary:hover{background:#255741}
.hero{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(34px,6vw,91px);align-items:center;padding-block:clamp(45px,7vw,91px) clamp(58px,7vw,92px)}.eyebrow{display:flex;align-items:center;gap:8px;color:#496f50;font-size:.75rem;font-weight:770;letter-spacing:.11em;text-transform:uppercase}.hero h1{margin:16px 0 20px;font-size:clamp(3rem,5.3vw,5.2rem);font-weight:760;line-height:.96;letter-spacing:-.078em}.hero h1 em{font-style:normal;color:#487352}.hero-lead{max-width:31rem;color:var(--muted);font-size:clamp(1.01rem,1.5vw,1.14rem);line-height:1.68}.hero-actions{display:flex;flex-wrap:wrap;gap:13px 20px;align-items:center;margin-top:26px}.demo-link{display:inline-flex;align-items:center;gap:5px;min-height:44px}.hero-note{margin-top:15px;color:var(--muted);font-size:.79rem;line-height:1.55}
.hero-visual{position:relative;isolation:isolate;overflow:hidden;display:grid;align-content:center;gap:20px;min-width:0;min-height:417px;border:1px solid #23503d;border-radius:23px;padding:31px clamp(20px,3.6vw,48px);background:radial-gradient(ellipse at 91% 0,#285b40,transparent 67%),linear-gradient(135deg,var(--forest),var(--forest-deep));color:#e3f0e0}.hero-visual::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.23;background-image:radial-gradient(#a0c59d 1px,transparent 1px);background-size:19px 19px;mask-image:linear-gradient(100deg,transparent,#000 70%)}.visual-kicker{display:flex;align-items:center;gap:8px;font-size:.76rem;font-weight:670;letter-spacing:.04em}.visual-kicker>span{height:7px;width:7px;border-radius:50%;background:var(--lime)}.example-card{padding:24px;border:1px solid #e3ebdf;border-radius:16px;background:#f9fcf6;color:var(--ink);box-shadow:0 20px 48px #071c1750}.example-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-label{margin-bottom:5px;color:#56705d;font-size:.63rem;font-weight:760;letter-spacing:.11em}.example-top h2{font-size:clamp(.97rem,1.8vw,1.21rem);letter-spacing:-.035em;line-height:1.23}.badge{flex:none;padding:5px 8px;border-radius:99px;background:#e0efda;color:#365d40;font-size:.66rem;font-weight:720}.example-amount{display:flex;align-items:baseline;gap:9px;margin:19px 0 12px}.example-amount strong{font-size:clamp(1.8rem,3.5vw,2.4rem);letter-spacing:-.055em;line-height:1.12}.example-amount span,.example-row span{font-size:.75rem;color:#4f6659}.example-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid #dce7d9;padding:10px 0;font-size:.78rem}.example-row b{text-align:right;font-size:.77rem}.example-next{display:flex;align-items:center;gap:9px;margin-top:6px;padding:9px 10px;border-radius:8px;background:#e7efdf}.check{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#316142;color:white;font-size:.76rem}.example-next b,.example-next small{display:block;font-size:.73rem;line-height:1.45}.example-next small{color:#4f6659;font-size:.67rem;margin-top:2px}.visual-caption{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.68rem;letter-spacing:.02em}.visual-caption span{color:var(--lime);font-variant-numeric:tabular-nums;font-weight:700}.visual-caption i{height:1px;width:12px;background:#9abc99;margin:0 2px}
.how{padding-block:35px 63px;border-top:1px solid var(--line)}.section-intro h2,.access h2{font-size:clamp(1.95rem,4vw,3rem);letter-spacing:-.062em;line-height:1.06;font-weight:740;margin-top:10px}.section-intro>p:last-child{margin-top:10px;color:var(--muted);font-size:.96rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0;margin:31px 0 0;list-style:none}.steps li{padding:1px 24px 5px;border-left:1px solid var(--line)}.steps li:first-child{padding-left:0;border:0}.step-number{font-variant-numeric:tabular-nums;color:#497452;font-size:.76rem;font-weight:740}.steps h3{margin:9px 0 7px;font-size:1.16rem;letter-spacing:-.03em}.steps p{max-width:19rem;color:var(--muted);font-size:.9rem;line-height:1.58}
.access{padding-bottom:55px}.access-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,6vw,76px);align-items:center;padding:clamp(24px,4.6vw,60px);border-radius:20px;background:#e7eedf;border:1px solid #d4e2d0}.access h2{max-width:33rem}.access-copy>p:last-child{margin-top:14px;max-width:27rem;color:var(--muted);line-height:1.6}.signup{display:grid;gap:9px;min-width:0}.signup label{font-size:.8rem;font-weight:720}.signup input[type=email]{display:block;width:100%;min-width:0;height:49px;padding:10px 13px;border:1px solid #a6baa6;border-radius:9px;background:white;color:var(--ink);font-size:1rem}.signup .button{justify-content:space-between;text-align:left}.form-note,.form-status{color:#3f5a48;font-size:.75rem;line-height:1.55}.form-status{padding:9px;border-radius:7px;background:#f6f9f2}.footer{display:flex;align-items:center;gap:18px;min-height:79px;padding-block:20px;border-top:1px solid var(--line)}.footer .wordmark{font-size:1.27rem}.footer p{color:var(--muted);font-size:.83rem}.footer-link{margin-left:auto}.thanks{min-height:100dvh;display:grid;place-items:center;padding:22px}.thanks-card{max-width:590px;padding:clamp(23px,6vw,52px);border:1px solid var(--line);border-radius:19px;background:var(--white)}.thanks-card h1{font-size:clamp(2rem,5vw,3.1rem);letter-spacing:-.058em;line-height:1.05;margin:15px 0}.thanks-card p:not(.eyebrow){color:var(--muted);line-height:1.6;margin-bottom:23px}
@media(max-width:900px){.wrap{width:calc(100% - 54px)}.hero{gap:28px}.hero-visual{padding-inline:21px;min-height:388px}.example-card{padding:17px}.hero h1{font-size:clamp(2.7rem,5.7vw,3.65rem)}}
@media(max-width:730px){.wrap{width:calc(100% - 34px)}.header{height:68px}.header nav{gap:14px}.hero,.access-panel{grid-template-columns:1fr}.hero{padding-block:36px 45px;gap:29px}.hero h1{margin-block:14px 15px;font-size:clamp(2.27rem,9.5vw,4.65rem)}.hero-lead{max-width:35rem}.hero-actions{margin-top:20px}.hero-visual{min-height:0;gap:14px;padding:20px 18px}.example-card{padding:17px}.steps{margin-top:24px;grid-template-columns:1fr}.steps li,.steps li:first-child{padding:16px 0;border:0;border-top:1px solid var(--line)}.steps p{max-width:31rem}.how{padding-block:28px 36px}.access{padding-bottom:36px}.access-panel{padding:22px}.footer{gap:10px;flex-wrap:wrap}.footer-link{font-size:.78rem}}
@media(max-width:380px){.nav-text{display:none}.hero-actions{gap:5px 12px}.example-top{gap:6px}.example-next small{font-size:.66rem}.footer p{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.arrow-icon{display:inline-block;vertical-align:middle;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.demo-link .arrow-icon,.footer-link .arrow-icon{width:13px;height:13px}

.form-note a,.privacy a,.thanks-privacy a{text-decoration:underline;text-underline-offset:3px}
.thanks-card .thanks-privacy{margin:20px 0 0;font-size:.87rem}
.privacy{max-width:760px;padding-block:clamp(36px,6vw,78px)}
.privacy h1{font-size:clamp(2.1rem,5vw,3.8rem);letter-spacing:-.06em;line-height:1.03;margin:12px 0 20px}
.privacy p:not(.eyebrow){color:var(--muted);line-height:1.65}
.privacy section{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}
.privacy h2{font-size:1.18rem;margin:0 0 7px}