:root {
  --forest: #173e2c;
  --forest-2: #0d2b1d;
  --leaf: #71ba43;
  --sprout: #c8f465;
  --cream: #f5f2e8;
  --paper: #fbfaf4;
  --clay: #d78b5b;
  --ink: #153326;
  --muted: #68786f;
  --line: rgba(21, 51, 38, .15);
  --display: "Manrope", sans-serif;
  --body: "DM Sans", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--forest-2); }
body { margin: 0; color: var(--ink); background: var(--cream); font-family: var(--body); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { color: inherit; font: inherit; }
::selection { color: var(--forest-2); background: var(--sprout); }

.skip-link { position: fixed; z-index: 999; top: 12px; left: 12px; padding: 12px 18px; color: white; background: var(--forest); transform: translateY(-150%); }
.skip-link:focus { transform: none; }
.scroll-progress { position: fixed; z-index: 100; inset: 0 0 auto; height: 3px; background: rgba(255,255,255,.1); }
.scroll-progress span { display: block; width: 100%; height: 100%; background: var(--sprout); transform: scaleX(0); transform-origin: left; }
.cursor-aura { position: fixed; z-index: 0; width: 34rem; height: 34rem; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, rgba(200,244,101,.11), transparent 68%); transform: translate(-50%, -50%); opacity: 0; }

.header { position: fixed; z-index: 80; top: 0; left: 0; width: 100%; min-height: 84px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; padding: 14px clamp(20px,4vw,72px); color: white; transition: .35s ease; }
.header.scrolled { min-height: 68px; color: var(--ink); border-bottom: 1px solid var(--line); background: rgba(251,250,244,.88); backdrop-filter: blur(20px); }
.logo { width: max-content; display: inline-flex; align-items: center; gap: 11px; font: 700 18px/1 var(--display); }
.logo > span:last-child { display: grid; }
.logo b { color: var(--sprout); }
.header.scrolled .logo b, footer .logo b { color: var(--leaf); }
.logo small { margin-top: 5px; color: currentColor; font: 500 8px/1 var(--body); letter-spacing: .14em; opacity: .58; text-transform: uppercase; }
.logo-mark { position: relative; width: 30px; height: 31px; display: block; border-radius: 10px; background: var(--leaf); }
.logo-mark::after { content:""; position:absolute; top:8px; left:14px; width:2px; height:16px; background:white; transform:rotate(2deg); }
.logo-mark i { position:absolute; width:9px; height:6px; border:2px solid white; border-radius:100% 0 100% 0; transform:rotate(-24deg); }
.logo-mark i:nth-child(1) { top:7px; left:6px; }
.logo-mark i:nth-child(2) { top:11px; right:5px; transform:scaleX(-1) rotate(-24deg); }
.logo-mark i:nth-child(3) { top:16px; left:6px; transform:scale(.8) rotate(-24deg); }
.header nav { display: flex; gap: 28px; font-size: 13px; font-weight: 600; }
.header nav a { position: relative; padding: 10px 0; }
.header nav a::after { content:""; position:absolute; inset:auto 0 2px; height:1px; background:var(--sprout); transform:scaleX(0); transition:.25s; }
.header nav a:hover::after { transform:scaleX(1); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; width: max-content; min-height: 58px; padding: 0 24px; color: white; border: 1px solid var(--forest); border-radius: 8px; background: var(--forest); box-shadow: 0 12px 30px rgba(13,43,29,.15); font-weight: 700; transition: .25s; }
.button span { font-size: 20px; transition: transform .25s; }
.button:hover { color: var(--forest); background: var(--sprout); border-color: var(--sprout); transform: translateY(-3px); }
.button:hover span { transform: translate(3px,-3px); }
.button-small { min-height: 44px; justify-self: end; padding: 0 18px; font-size: 12px; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.1); box-shadow: none; backdrop-filter: blur(10px); }
.header.scrolled .button-small { color:white; border-color:var(--forest); background:var(--forest); }
.text-link { display: inline-flex; align-items: center; gap: 18px; padding: 14px 0; border-bottom: 1px solid currentColor; font-weight: 700; }

.hero { position: relative; min-height: 112svh; overflow: hidden; color: white; background: var(--forest-2); isolation: isolate; }
.hero::before { content:""; position:absolute; z-index:-3; inset:0; background: radial-gradient(circle at 12% 8%, rgba(113,186,67,.3), transparent 28%), radial-gradient(circle at 86% 58%, rgba(200,244,101,.16), transparent 30%), linear-gradient(140deg,#173e2c 0%,#0d2b1d 70%); }
.hero-grid { position:absolute; z-index:-2; inset:0; opacity:.24; background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size:8vw 8vw; mask-image:linear-gradient(to bottom,black,transparent 92%); }
.seed { position:absolute; z-index:-1; width:22vw; min-width:250px; aspect-ratio:1; border:1px solid rgba(200,244,101,.18); border-radius:68% 32% 65% 35%; }
.seed-one { top:-8%; right:3%; transform:rotate(35deg); }
.seed-two { bottom:1%; left:-8%; background:rgba(113,186,67,.06); filter:blur(2px); }
.hero-copy { width:min(1370px,100%); margin:auto; padding:clamp(145px,15vh,190px) clamp(22px,6vw,100px) 40px; }
.eyebrow,.section-index { margin:0; font-size:11px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
.eyebrow { display:flex; align-items:center; gap:10px; color:rgba(255,255,255,.74); }
.eyebrow > i { width:8px; height:8px; border-radius:50%; background:var(--sprout); box-shadow:0 0 0 5px rgba(200,244,101,.12); }
.hero h1 { max-width:1250px; margin:30px 0 24px; font:600 clamp(58px,7.9vw,124px)/.88 var(--display); letter-spacing:-.073em; }
.line { display:block; overflow:hidden; padding-bottom:.07em; }
.line > span { display:block; transform:translateY(115%); animation:titleIn 1s cubic-bezier(.2,.8,.2,1) forwards; }
.line:nth-child(2)>span { animation-delay:.12s; }.line:nth-child(3)>span { animation-delay:.24s; }
.hero h1 .accent { color:var(--sprout); padding-left:clamp(0px,6vw,90px); }
@keyframes titleIn { to { transform:none; } }
.hero-lede { width:min(650px,100%); margin:0 0 28px auto; color:rgba(255,255,255,.68); font-size:clamp(17px,1.4vw,21px); line-height:1.6; }
.hero-actions { display:flex; align-items:center; justify-content:flex-end; gap:28px; width:min(850px,100%); margin-left:auto; }
.hero .button { color:var(--forest-2); border-color:var(--sprout); background:var(--sprout); }
.hero .button:hover { color:white; border-color:white; background:transparent; }
.microcopy { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin:14px 0 0; color:rgba(255,255,255,.5); font-size:11px; }
.microcopy i { width:3px; height:3px; border-radius:50%; background:var(--sprout); }
.hero-stage { position:relative; width:min(1250px,87vw); margin:35px auto 0; padding-bottom:130px; perspective:1200px; }
.browser-frame { overflow:hidden; border:1px solid rgba(255,255,255,.26); border-radius:20px; background:white; box-shadow:0 50px 130px rgba(0,0,0,.38); transform:rotateX(1.5deg); transform-origin:top; transition:transform .15s ease-out; }
.browser-bar { height:42px; display:flex; align-items:center; gap:7px; padding:0 15px; border-bottom:1px solid #e6ece7; background:#f7faf7; }
.browser-bar span { width:8px; height:8px; border-radius:50%; background:#d6ddd7; }
.browser-bar span:first-child { background:#f19a7e; }.browser-bar span:nth-child(2){background:#e6c75f}.browser-bar span:nth-child(3){background:#84c56f}
.browser-bar p { width:38%; min-width:250px; margin:0 auto; padding:7px 14px; color:#718078; border-radius:7px; background:#edf3ee; font-size:9px; text-align:center; }
.browser-frame img { width:100%; aspect-ratio:1440/900; object-fit:cover; object-position:top; }
.stage-label { position:absolute; z-index:3; top:-52px; left:3%; display:flex; gap:12px; align-items:center; font-size:11px; }
.stage-label span { padding:7px 10px; color:var(--forest); border-radius:100px; background:var(--sprout); font-size:8px; letter-spacing:.15em; }
.float-card { position:absolute; z-index:4; display:grid; grid-template-columns:1fr auto; gap:6px 20px; padding:17px 19px; color:var(--ink); border:1px solid rgba(255,255,255,.6); border-radius:14px; background:rgba(251,250,244,.91); box-shadow:0 20px 50px rgba(0,0,0,.18); backdrop-filter:blur(14px); }
.float-card span { grid-column:1/-1; color:var(--leaf); font-size:8px; letter-spacing:.16em; }
.float-card b { font-size:13px; }.float-card i,.float-card em { color:white; background:var(--leaf); font-style:normal; border-radius:50%; width:24px; height:24px; display:grid; place-items:center; }
.float-task { top:24%; left:-6%; }.float-harvest { right:-4%; bottom:28%; }
.scroll-cue { position:absolute; right:3vw; bottom:45px; display:grid; place-items:center; gap:9px; font-size:8px; letter-spacing:.17em; text-transform:uppercase; }
.scroll-cue i { font-style:normal; font-size:18px; animation:bob 1.4s ease-in-out infinite; }
@keyframes bob { 50% { transform:translateY(6px); } }

.proof-strip { position:relative; z-index:3; display:grid; grid-template-columns:repeat(5,1fr); padding:0 clamp(22px,5vw,80px); color:var(--ink); background:var(--sprout); }
.proof-strip div { min-height:140px; display:grid; place-content:center; gap:5px; border-right:1px solid rgba(21,51,38,.16); text-align:center; }
.proof-strip div:first-child { border-left:1px solid rgba(21,51,38,.16); }
.proof-strip b { font:700 clamp(24px,2.5vw,40px)/1 var(--display); }.proof-strip span { font-size:11px; }
.proof-strip small { grid-column:1/-1; padding:10px; color:rgba(21,51,38,.58); text-align:center; font-size:9px; letter-spacing:.08em; }
.section-pad { position:relative; padding:clamp(100px,12vw,190px) clamp(22px,7vw,115px); }
.section-index { color:#738179; }
.problem { background:var(--paper); }
.problem-head { display:grid; grid-template-columns:1.4fr .6fr; gap:8vw; align-items:end; margin:55px 0 100px; }
h2 { margin:0; font:600 clamp(43px,5.6vw,83px)/1.02 var(--display); letter-spacing:-.06em; }
h2 em { color:var(--leaf); font-style:normal; }
.problem-head p,.sticky-intro>p,.showcase-heading>p,.ecosystem-copy>p { margin:0; color:var(--muted); font-size:17px; line-height:1.65; }
.problem-cards { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.problem-cards article { position:relative; min-height:315px; padding:28px clamp(20px,3vw,45px); border-right:1px solid var(--line); }
.problem-cards article:first-child { border-left:1px solid var(--line); }
.problem-cards article>span { color:#7f8b85; font-size:10px; }.problem-cards article>i { position:absolute; top:25px; right:30px; width:44px; height:44px; display:grid; place-items:center; color:var(--leaf); border:1px solid rgba(113,186,67,.4); border-radius:50%; font-style:normal; font-size:20px; }
.problem-cards h3 { margin:100px 0 14px; font:600 22px/1.2 var(--display); }.problem-cards p { margin:0; color:var(--muted); line-height:1.6; }

.features { display:grid; grid-template-columns:.76fr 1.24fr; gap:9vw; color:white; background:var(--forest-2); }
.sticky-intro { position:sticky; top:120px; align-self:start; }
.sticky-intro .section-index { color:rgba(255,255,255,.45); }.sticky-intro h2 { margin:45px 0 30px; font-size:clamp(42px,4.5vw,69px); }.sticky-intro>p { color:rgba(255,255,255,.55); }.sticky-intro .text-link { margin-top:35px; }
.feature-stack { display:grid; gap:22px; }
.feature-card { position:sticky; top:110px; min-height:340px; display:grid; grid-template-columns:auto 1fr auto; gap:35px; padding:40px; border:1px solid rgba(255,255,255,.16); border-radius:22px; background:#173e2c; box-shadow:0 30px 80px rgba(0,0,0,.24); }
.feature-card:nth-child(2){top:135px;background:#1e5038}.feature-card:nth-child(3){top:160px;background:#286044}.feature-card:nth-child(4){top:185px;background:#326f4e}
.feature-card>span { color:rgba(255,255,255,.45); font-size:11px; }.feature-card small { color:var(--sprout); letter-spacing:.13em; }.feature-card h3 { margin:55px 0 18px; font:600 clamp(27px,2.8vw,42px)/1.05 var(--display); letter-spacing:-.04em; }.feature-card p { max-width:580px; margin:0; color:rgba(255,255,255,.64); line-height:1.65; }.feature-card>b { width:54px; height:54px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.25); border-radius:50%; font-size:24px; }

.how { text-align:center; background:var(--cream); }
.how h2 { margin:45px auto 85px; }.timeline { position:relative; max-width:1120px; margin:auto; text-align:left; }.timeline-line { position:absolute; top:0; bottom:0; left:35px; width:1px; background:var(--line); }.timeline-line i { display:block; width:100%; height:var(--timeline,0%); background:var(--leaf); }
.timeline article { position:relative; display:grid; grid-template-columns:70px 1fr; gap:40px; padding:0 0 90px; }.timeline article>span { position:relative; z-index:2; width:70px; height:70px; display:grid; place-items:center; color:white; border:10px solid var(--cream); border-radius:50%; background:var(--forest); font:700 18px/1 var(--display); }.timeline article div { padding-top:8px; }.timeline small { color:var(--leaf); letter-spacing:.16em; }.timeline h3 { margin:16px 0 12px; font:600 30px/1.2 var(--display); }.timeline p { max-width:700px; margin:0; color:var(--muted); line-height:1.65; }.how>.button { margin:auto; }

.showcase { color:white; background:#102d20; }
.showcase-heading { display:grid; grid-template-columns:1.3fr .7fr; align-items:end; gap:9vw; margin-bottom:70px; }.showcase .section-index { color:rgba(255,255,255,.45); }.showcase h2 { margin-top:40px; }.showcase-heading>p { color:rgba(255,255,255,.55); }
.gallery { display:grid; grid-template-columns:repeat(2,1fr); gap:25px; }
.shot { position:relative; min-width:0; padding:0; overflow:hidden; color:white; border:1px solid rgba(255,255,255,.13); border-radius:18px; background:#173e2c; cursor:zoom-in; text-align:left; transition:.3s; }
.shot-wide { grid-column:1/-1; }.shot img { width:100%; aspect-ratio:1.5; object-fit:cover; object-position:top; transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .4s; }.shot-wide img { aspect-ratio:2.1; }.shot span { position:absolute; inset:auto 0 0; display:grid; gap:5px; padding:45px 25px 22px; background:linear-gradient(transparent,rgba(8,29,19,.92)); }.shot b { font:600 18px/1.2 var(--display); }.shot small { color:rgba(255,255,255,.62); }.shot:hover { transform:translateY(-5px); }.shot:hover img { transform:scale(1.035); filter:saturate(1.08); }

.audiences { background:var(--paper); }.audiences h2 { margin:45px 0 85px; }.audience-list { border-top:1px solid var(--line); }.audience-list article { display:grid; grid-template-columns:70px .8fr 1fr auto; gap:35px; align-items:center; min-height:145px; border-bottom:1px solid var(--line); transition:.25s; }.audience-list article:hover { padding-inline:18px; background:rgba(113,186,67,.07); }.audience-list span { color:#829088; font-size:10px; }.audience-list h3 { margin:0; font:600 clamp(21px,2vw,30px)/1.2 var(--display); }.audience-list p { margin:0; color:var(--muted); line-height:1.55; }.audience-list i { font-style:normal; font-size:24px; }

.ecosystem { display:grid; grid-template-columns:.9fr 1.1fr; gap:10vw; overflow:hidden; color:white; background:var(--forest); }
.ecosystem::before { content:""; position:absolute; inset:0; opacity:.18; background:radial-gradient(circle at 20% 70%,var(--sprout),transparent 28%); }.ecosystem>* { position:relative;z-index:2; }.ecosystem .section-index { color:rgba(255,255,255,.45); }.ecosystem-copy h2 { margin:45px 0 30px; }.ecosystem-copy>p { color:rgba(255,255,255,.6); }.ecosystem-links { border-top:1px solid rgba(255,255,255,.17); }.ecosystem-links a { display:grid; grid-template-columns:45px 1fr auto; gap:20px; align-items:center; min-height:92px; border-bottom:1px solid rgba(255,255,255,.17); font:600 18px/1 var(--display); transition:.25s; }.ecosystem-links a span { color:rgba(255,255,255,.38); font:500 9px/1 var(--body); }.ecosystem-links a b { transition:.25s; }.ecosystem-links a:hover { padding-inline:15px; color:var(--sprout); }.ecosystem-links a:hover b { transform:translate(4px,-4px); }
.ecosystem-orbit { position:absolute; left:-18vw; bottom:-20vw; width:55vw; aspect-ratio:1; border:1px solid rgba(255,255,255,.12); border-radius:50%; }.ecosystem-orbit i { position:absolute; inset:15%; border:1px solid rgba(255,255,255,.11); border-radius:50%; }.ecosystem-orbit i:nth-child(2){inset:30%}.ecosystem-orbit i:nth-child(3){inset:45%;background:var(--sprout)}

.privacy { display:grid; grid-template-columns:.6fr 1.4fr; gap:8vw; background:var(--cream); }.privacy-icon { position:relative; width:min(380px,100%); aspect-ratio:1; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; }.privacy-icon::before,.privacy-icon::after { content:""; position:absolute; inset:14%; border:1px solid var(--line); border-radius:50%; }.privacy-icon::after { inset:29%; background:rgba(113,186,67,.1); }.privacy-icon span { position:relative;z-index:2;font-size:70px }.privacy h2 { margin:42px 0 25px; }.privacy p { max-width:820px; margin:0; color:var(--muted); font-size:18px; line-height:1.7; }.privacy aside { max-width:820px; margin:28px 0; padding:20px 22px; color:#5b6749; border-left:3px solid var(--leaf); background:#edf4df; line-height:1.6; }

.faq { display:grid; grid-template-columns:.78fr 1.22fr; gap:10vw; background:var(--paper); }.faq-heading { position:sticky; top:120px; align-self:start; }.faq h2 { margin-top:45px; font-size:clamp(42px,4.5vw,67px); }.faq-list { border-top:1px solid var(--line); }.faq details { border-bottom:1px solid var(--line); }.faq summary { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; list-style:none; font:600 18px/1.35 var(--display); }.faq summary::-webkit-details-marker { display:none; }.faq summary span { width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:20px;transition:.25s}.faq details[open] summary span { color:white;background:var(--forest);transform:rotate(45deg) }.faq details p { margin:-5px 60px 26px 0;color:var(--muted);line-height:1.65}.faq details a { text-decoration:underline; }

.final-cta { position:relative; min-height:92svh; display:grid; place-content:center; justify-items:center; overflow:hidden; padding:130px 22px; color:white; background:var(--forest-2); text-align:center; }.final-cta>* { position:relative;z-index:2 }.final-cta h2 { margin:45px 0 22px; font-size:clamp(56px,8.4vw,130px); color:var(--sprout); }.final-cta>p:not(.eyebrow) { max-width:650px; margin:0; color:rgba(255,255,255,.6); font-size:18px; line-height:1.65; }.final-cta .hero-actions { justify-content:center; margin:40px auto 0; }.button-light { color:var(--forest-2);border-color:var(--sprout);background:var(--sprout)}.light-link{color:white}.final-rings i{position:absolute;top:50%;left:50%;width:min(78vw,1050px);aspect-ratio:1;border:1px solid rgba(255,255,255,.1);border-radius:50%;transform:translate(-50%,-50%);animation:ringPulse 5s ease-in-out infinite}.final-rings i:nth-child(2){width:min(58vw,780px);animation-delay:.6s}.final-rings i:nth-child(3){width:min(38vw,510px);animation-delay:1.2s}
@keyframes ringPulse{50%{opacity:.35;transform:translate(-50%,-50%) scale(1.05)}}

footer { display:grid; grid-template-columns:1.7fr repeat(3,1fr); gap:60px; padding:80px clamp(22px,7vw,115px) 35px; color:#dce8e0; background:#071e14; }.footer-brand p { max-width:420px;color:#788c80;line-height:1.65}.footer-brand small{color:#63796c}.footer-brand small a{text-decoration:underline}footer>div:not(.footer-brand){display:grid;align-content:start;gap:14px;font-size:13px}footer>div>b{margin-bottom:10px;color:var(--sprout);font:600 12px/1 var(--display);letter-spacing:.12em;text-transform:uppercase}footer>div>a{color:#7f9588}footer>div>a:hover{color:white}.footer-bottom{grid-column:1/-1;margin:30px 0 0;padding-top:25px;color:#546a5d;border-top:1px solid rgba(255,255,255,.1);font-size:11px}.footer-bottom a{color:#91aa9b}
.mobile-cta{display:none}.lightbox{width:min(1200px,92vw);max-height:92vh;padding:50px 12px 12px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:#0a2519;box-shadow:0 30px 100px rgba(0,0,0,.5)}.lightbox::backdrop{background:rgba(2,16,10,.85);backdrop-filter:blur(8px)}.lightbox img{width:100%;max-height:80vh;object-fit:contain}.lightbox button{position:absolute;top:10px;right:14px;width:34px;height:34px;color:white;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:transparent;cursor:pointer}.lightbox p{position:absolute;top:5px;left:18px;margin:0;color:white;font-weight:600}

.reveal { opacity:0; transform:translateY(35px); transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1); }.reveal.visible { opacity:1;transform:none }.problem-cards article:nth-child(2),.gallery .shot:nth-child(2){transition-delay:.1s}.problem-cards article:nth-child(3),.gallery .shot:nth-child(3){transition-delay:.2s}
:focus-visible { outline:3px solid var(--sprout);outline-offset:4px }

@media (max-width:980px){
  .header{grid-template-columns:1fr auto}.header nav{display:none}
  .hero{min-height:auto}.hero-copy{padding-top:150px}.hero h1{font-size:clamp(58px,11.5vw,100px)}.hero-lede{margin-left:0}.hero-actions{justify-content:flex-start;margin-left:0}.microcopy{justify-content:flex-start}.hero-stage{margin-top:90px}
  .proof-strip{grid-template-columns:repeat(3,1fr)}.proof-strip div:nth-child(4),.proof-strip div:nth-child(5){border-top:1px solid rgba(21,51,38,.16)}
  .problem-head,.showcase-heading,.ecosystem,.privacy,.faq{grid-template-columns:1fr}.problem-head{gap:30px}.problem-cards{grid-template-columns:1fr}.problem-cards article{min-height:230px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.problem-cards h3{margin-top:65px}
  .features{grid-template-columns:1fr}.sticky-intro,.faq-heading{position:relative;top:auto}.feature-card{position:relative;top:auto!important}
  .privacy-icon{width:250px}.ecosystem{gap:70px}.faq{gap:70px}footer{grid-template-columns:1.7fr repeat(2,1fr)}
}
@media (min-width:981px){
  .hero-stage{margin-top:-65px;margin-bottom:-65px}
}
@media (max-width:650px){
  body{padding-bottom:68px}.header{min-height:68px;padding:10px 16px}.logo small{display:none}.button-small{display:none}
  .hero-copy{width:100%;max-width:100vw;padding:120px 18px 40px}.hero h1{font-size:clamp(43px,12vw,58px);line-height:.94}.hero h1 .accent{padding-left:0}.hero-lede{width:100%;font-size:16px}.hero-actions{width:100%;max-width:100%;align-items:stretch;flex-direction:column;gap:12px}.hero-actions .button{width:100%;min-width:0;padding-inline:10px}.text-link{width:max-content}.microcopy{flex-wrap:wrap}.hero .eyebrow{max-width:100%;font-size:8px;letter-spacing:.12em;line-height:1.5}.hero-stage{width:94vw;padding-bottom:90px}.browser-bar p{min-width:0;width:70%}.float-card{display:none}.stage-label{left:2%}
  .proof-strip{grid-template-columns:repeat(2,1fr);padding:0}.proof-strip div{min-height:112px;border-top:1px solid rgba(21,51,38,.16)}.proof-strip div:nth-child(5){grid-column:1/-1}.section-pad{padding:100px 18px}
  .problem-head{margin:40px 0 65px}h2{font-size:clamp(39px,11vw,58px)}.problem-cards article{padding-inline:24px}
  .feature-card{grid-template-columns:1fr auto;min-height:auto;padding:28px 24px}.feature-card>span{display:none}.feature-card div{grid-row:1}.feature-card>b{grid-column:2;grid-row:1}.feature-card h3{margin:55px 0 15px}
  .timeline article{grid-template-columns:55px 1fr;gap:22px}.timeline article>span{width:55px;height:55px;border-width:8px}.timeline-line{left:27px}
  .gallery{grid-template-columns:1fr}.shot-wide{grid-column:auto}.shot img,.shot-wide img{aspect-ratio:1.25}.showcase-heading{gap:30px}
  .audience-list article{grid-template-columns:35px 1fr auto;gap:15px;padding:25px 0}.audience-list p{grid-column:2/-1}.audience-list article:hover{padding-inline:8px}
  .privacy-icon{width:190px}.faq details p{margin-right:0}.final-cta{min-height:85svh}.final-cta .hero-actions{width:100%}
  footer{grid-template-columns:1fr 1fr;gap:45px 25px;padding:65px 20px 30px}.footer-brand{grid-column:1/-1}.footer-bottom{grid-column:1/-1}
  .mobile-cta{position:fixed;z-index:90;inset:auto 10px 10px;min-height:50px;display:flex;align-items:center;justify-content:center;gap:15px;color:var(--forest-2);border-radius:9px;background:var(--sprout);box-shadow:0 12px 35px rgba(0,0,0,.25);font-weight:700}.mobile-cta span{font-size:19px}
}
@media (pointer:coarse){.cursor-aura{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.line>span,.reveal{opacity:1;transform:none}}
.android-link{position:absolute;top:78px;right:5vw;color:#c8f465;font-size:11px;font-weight:700;letter-spacing:.03em}.android-link:hover{text-decoration:underline}