:root{--ink:#24321f;--muted:#68715f;--green:#769a42;--green-dark:#3d592b;--green-soft:#b8cc94;--cream:#e8e8d4;--paper:#e0e8cc;--white:rgba(255,255,255,.76);--line:rgba(43,69,39,.12);--shadow:0 30px 80px rgba(54,75,45,.15);--radius:32px;--shell:min(1180px,calc(100% - 40px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(135deg,#e0e8cc 0%,#b8cc94 52%,#e8e8d4 100%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,.30),rgba(255,255,255,.10) 52%,rgba(0,0,0,.035));opacity:1}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.08));z-index:-1}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;left:16px;top:-60px;z-index:100;padding:12px 18px;background:#fff;border-radius:14px}.skip-link:focus{top:12px}.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.ambient i{position:absolute;border-radius:50%;opacity:1}.ambient i:nth-child(1){width:74vw;height:32vw;left:-22vw;top:4vh;background:rgba(52,189,128,.12);transform:rotate(-24deg)}.ambient i:nth-child(2){width:70vw;height:26vw;right:-25vw;top:42vh;background:rgba(255,255,255,.16);transform:rotate(-16deg)}.ambient i:nth-child(3){width:64vw;height:30vw;right:-20vw;bottom:-2vh;background:rgba(52,189,128,.075);transform:rotate(18deg)}
.site-header{position:fixed;left:0;right:0;top:18px;z-index:50;transition:.3s}.nav{height:72px;padding:0 18px 0 22px;border:1px solid rgba(255,255,255,.65);border-radius:24px;display:flex;align-items:center;justify-content:space-between;background:rgba(247,248,240,.65);box-shadow:0 16px 50px rgba(51,71,46,.08);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.site-header.scrolled .nav{height:64px;background:rgba(247,248,240,.88)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-.03em;font-size:20px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#90b879,#527b43);box-shadow:inset 0 1px rgba(255,255,255,.45),0 7px 16px rgba(60,99,50,.22);overflow:hidden}.brand-mark:after{content:"✦";color:white;font-size:18px}.brand-mark:has(img):after{display:none}.brand-mark img{width:100%;height:100%;object-fit:cover}.nav-links{display:flex;gap:30px;color:#596553;font-size:14px;font-weight:600}.nav-links a{transition:.2s}.nav-links a:hover{color:var(--ink)}
.hero{min-height:940px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:72px;padding-top:150px;padding-bottom:80px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:12px;color:var(--green-dark)}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:26px}.eyebrow span{width:8px;height:8px;border-radius:50%;background:#70a155;box-shadow:0 0 0 7px rgba(112,161,85,.13)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(60px,7vw,96px);line-height:.96;letter-spacing:-.075em;margin-bottom:30px;font-weight:750}h1 em{font-style:normal;color:var(--green);position:relative}.hero-lede{font-size:clamp(19px,2vw,23px);line-height:1.55;color:var(--muted);max-width:590px;margin-bottom:36px}.hero-actions{display:flex;align-items:center;gap:26px}.text-link{font-size:14px;font-weight:700}.text-link span{display:inline-block;margin-left:6px}.trust-row{display:flex;gap:28px;margin-top:34px;color:#727c6d;font-size:12px;font-weight:600}.trust-row span:before{content:"✓";color:var(--green);margin-right:7px}.section{padding:130px 0}.section-heading{max-width:710px;margin-bottom:64px}.section-heading h2{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.06em;margin:18px 0 24px}.section-heading p{font-size:18px;line-height:1.65;color:var(--muted);max-width:610px}.compact{margin-bottom:50px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.how-section{background:rgba(255,255,255,.38);border-block:1px solid rgba(255,255,255,.58)}.steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0}.steps li{padding:40px 36px;display:flex;gap:22px;position:relative}.steps li+li:before{content:"";position:absolute;left:0;top:15%;bottom:15%;width:1px;background:var(--line)}.step-number{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;border:1px solid rgba(81,125,67,.25);color:var(--green-dark);font-weight:700}.steps h3{font-size:21px;margin:7px 0 12px}.steps p{color:var(--muted);line-height:1.6;font-size:15px}.row-heading{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:60px}.row-heading p{max-width:400px}.screenshots-section{overflow:hidden}.screens-track{width:max-content;display:flex;gap:34px;padding:0 max(20px,calc((100vw - 1180px)/2));padding-bottom:25px}.screen-card{margin:0;width:280px;transition:transform .4s}.screen-card:hover{transform:translateY(-10px)}.screen-card figcaption{display:flex;justify-content:space-between;align-items:baseline;padding:18px 8px}.screen-card figcaption b{font-size:16px}.screen-card figcaption span{font-size:11px;color:var(--muted)}.faq-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.faq-list details{border-bottom:1px solid var(--line);padding:0}.faq-list summary{list-style:none;padding:27px 2px;display:flex;justify-content:space-between;align-items:center;font-weight:650;font-size:18px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px;font-weight:400;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);line-height:1.7;max-width:620px;padding:0 30px 25px 0}.cta-section{position:relative;overflow:hidden;text-align:center;border-radius:46px;background:linear-gradient(135deg,#315e3b,#668d51);color:#fff;padding:100px 30px;margin-top:70px;margin-bottom:100px;box-shadow:0 35px 90px rgba(47,83,48,.28)}.cta-section .kicker{color:#d7e8cc}.cta-section h2{font-size:clamp(44px,6vw,72px);line-height:1;letter-spacing:-.06em;margin:20px 0}.cta-section p{color:rgba(255,255,255,.7);margin-bottom:32px}.cta-glow{position:absolute;width:600px;height:600px;border-radius:50%;right:-220px;top:-350px;background:radial-gradient(circle,rgba(240,221,168,.35),transparent 65%)}.footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:34px;padding:40px 0 52px;border-top:1px solid var(--line)}.footer p,.footer small{margin:0;color:var(--muted);font-size:12px}.footer nav{display:flex;gap:22px;font-size:13px;font-weight:600}
@media(max-width:900px){:root{--shell:min(100% - 28px,720px)}.nav-links{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:160px;text-align:center;gap:80px}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero-visual{min-height:650px}.benefit-grid,.steps{grid-template-columns:1fr}.steps li+li:before{top:0;left:36px;right:36px;width:auto;height:1px}.row-heading{display:block}.faq-section{grid-template-columns:1fr;gap:0}.footer{grid-template-columns:1fr 1fr}.footer>p{display:none}.footer small{grid-column:1/-1}}@media(max-width:560px){.site-header{top:10px}.nav{height:62px;border-radius:19px}.button-small{display:none}.hero{padding-top:125px;gap:45px}.hero h1{font-size:55px}.hero-actions{flex-direction:column}.trust-row{flex-direction:column;gap:10px}.section{padding:90px 0}.section-heading{margin-bottom:42px}.section-heading h2{font-size:42px}.hero-visual{transform:scale(.77);transform-origin:top center;width:130%;margin-left:-15%;margin-bottom:-100px}.benefit-grid{gap:14px}.screens-track{gap:18px}.screen-card{width:245px}.faq-section{padding-top:90px}.cta-section{border-radius:30px;padding:72px 20px;margin-bottom:60px}.footer{display:flex;flex-wrap:wrap;justify-content:space-between}.footer nav{order:3;width:100%;justify-content:space-between}.footer small{order:4}}
.screens-track{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.screens-track::-webkit-scrollbar{display:none}.screen-card{flex:0 0 280px;scroll-snap-align:start}
@media(max-width:560px){.hero-visual{width:100%;min-height:610px;margin:0 0 -90px;transform:scale(.82);transform-origin:top center}.hero-visual .phone-left{left:8px}.hero-visual .phone-right{right:8px}.hero-visual .note-top{right:0}.hero-visual .note-bottom{left:0}.screens-track{padding-inline:14px}.screen-card{width:auto;flex-basis:min(78vw,280px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}