:root{--paper:#f4fcf4;--ink:#113c37;--teal:#087f68;--gold:#ffd545}
body{overflow-x:hidden}header{padding-block:18px;background:#f4fcf4}.preview{background:#113c37}
.hero{display:block;isolation:isolate;max-width:none;min-height:650px;height:min(790px,86svh);margin:0;padding:70px max(6%,calc((100vw - 1340px)/2));color:white;overflow:hidden}
.hero:before{display:none}.hero-film{position:absolute;inset:0;z-index:-2;background:#173e35}.hero-film video{width:100%;height:100%;object-fit:cover;object-position:center;border:0}
.hero-film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#082c29e8 0%,#082c29ac 36%,#082c2922 85%),linear-gradient(0deg,#082c2955,transparent 40%),repeating-linear-gradient(0deg,#ffffff09 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,#ffffff08 0 1px,transparent 1px 5px);pointer-events:none}
.hero .intro{max-width:620px;position:relative;top:50%;transform:translateY(-50%)}.hero h1{font-size:clamp(48px,5vw,76px);letter-spacing:-3px;line-height:1.02;text-shadow:0 2px 16px #002e2844}.hero h1 span{color:#ffe16c}.hero .lead{color:#eefbec;font-size:20px;line-height:1.6}.hero .eyebrow{color:#b8f4d0;font-size:12px;letter-spacing:1.5px}.hero .highlight-gold{color:#ffe16c;text-shadow:none}.hero .highlight-teal{color:#b6f5dd}.hero .primary{background:#ffdc61;color:#243a24;box-shadow:0 6px 25px #0002}.hero .quiet{color:#e0ede2}.hero .actions>a:last-child{font-weight:700}
.motion-toggle{position:absolute;right:22px;bottom:18px;border:1px solid #ffffff75;border-radius:30px;padding:8px 15px;background:#123b32b0;color:white;backdrop-filter:blur(7px);font-size:13px}
.demo-showcase{max-width:1300px;margin:0 auto;padding:90px 6%;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.showcase-copy h2{font-size:clamp(40px,4.2vw,62px);margin:22px 0;line-height:1.04}.showcase-copy h2 span{color:#0a926e}.showcase-copy>p:not(.eyebrow){max-width:390px;font-size:18px;color:#42675d}.demo-hint{font-weight:700}.demo-hint small{display:block;font-size:12px;font-weight:500;margin-top:6px}.map-demo{transform:none;min-height:510px;box-shadow:0 20px 55px #165a3220}.demo-label{font-size:10px}.demo-chips button{font-size:14px}.demo-card p{font-size:15px}.demo-card h2{font-size:25px}.demo-card small{font-size:10px}.demo-card{background:#f8fff2f5}
.experience{max-width:1300px;padding-block:55px 85px;gap:38px}.feature-list{gap:14px}.feature-list p{font-size:16px;color:#34594e}.feature-list article{background:#d9f3d9;padding:20px}.feature-list article:nth-child(2){background:#e7ddff}.feature-list article:nth-child(3){background:#ffedb3}
.plans{position:relative;isolation:isolate;max-width:1200px;padding:55px 5%;background:#c4e6a8;overflow:hidden;border:1px solid #a4cf8c}.plans-map{position:absolute;inset:-35px;z-index:-2;background:url('assets/live-map.png') center/cover;opacity:.82;will-change:transform}.plans:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,#d9f2c9d9,#d4eed4ad)}.plans>.lead{font-size:17px;color:#365b3d}.plan-grid{max-width:920px;margin:32px auto;gap:22px}.plan{padding:26px;background:#f7fff3f5;border-color:#8fb992;box-shadow:0 14px 40px #1a57301c}.plan:before,.plan:after{display:none}.plan.plus{background:linear-gradient(140deg,#fff8c9f5,#ffe88de8);border-color:#d6ae30}.plan h3{font-size:54px;margin:15px 0}.plan .tier{font-size:16px;letter-spacing:.5px}.plan ul{margin:20px 0}.plan li{font-size:17px;line-height:1.4;padding:7px 0;display:flex;gap:10px}.plan li:before{margin:0}.plan li:has(strong){display:block}.plan .fine{font-size:14px;min-height:72px}.plan button{position:relative;overflow:hidden;font-size:17px;min-height:54px;padding:12px;gap:10px}.plan.plus button:after{content:'';position:absolute;inset:-70% -40%;background:linear-gradient(110deg,transparent 40%,#fff9 49%,transparent 58%);transform:translateX(-100%);animation:plus-glint 4s ease-in-out infinite;pointer-events:none}.ribbon{font-size:9px}
.scan-allowance{max-width:920px;margin:20px auto;background:#f9fff2ed}.existing{background:#f5ffefdd;border-radius:16px;padding:20px;gap:24px}.map-credit{font-size:10px;text-align:right;margin:4px 0 20px;color:#31563c}.map-credit a{text-decoration:underline}.faq{max-width:1300px}.faq details p{font-size:16px}.faq summary{font-size:18px}
.reveal-ready{opacity:0;transform:translate3d(var(--reveal-direction,0px),24px,0);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal-ready.is-visible{opacity:1;transform:none}.feature-list article:nth-child(2){transition-delay:90ms}.feature-list article:nth-child(3){transition-delay:180ms}
@keyframes plus-glint{0%,55%{transform:translateX(-100%)}90%,100%{transform:translateX(100%)}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal-ready{opacity:1;transform:none;transition:none}.motion-paused .plans-map{transform:none!important}
@media(max-width:900px){.hero{padding-inline:6%;min-height:600px}.hero .intro{max-width:550px}.demo-showcase{gap:25px;padding:65px 5%}.plan{padding:22px}.plan li{font-size:16px}.plan button{font-size:16px}}
@media(max-width:640px){.hero{min-height:600px;height:78svh;padding:35px 6% 65px}.hero h1{font-size:clamp(40px,11vw,58px);letter-spacing:-2px}.hero .lead{font-size:17px}.hero .eyebrow{font-size:10px}.hero-film:after{background:linear-gradient(90deg,#082c29e0,#082c2980),repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,#fff1 0 1px,transparent 1px 5px)}.hero .actions{gap:16px;margin:22px 0}.hero .primary{padding:13px 17px}.motion-toggle{right:16px;bottom:14px}.demo-showcase{grid-template-columns:1fr;padding:42px 5%;gap:22px}.showcase-copy h2 br{display:none}.showcase-copy h2{font-size:39px}.showcase-copy h2 span:before{content:' '}.showcase-copy>p:not(.eyebrow){font-size:16px}.map-demo{min-height:480px}.demo-card{left:12px;right:12px;bottom:12px}.demo-card h2{font-size:23px}.demo-chips{left:10px;right:10px}.demo-chips button{font-size:12px}.plan-grid{grid-template-columns:1fr}.plans{padding:35px 5%;margin:0 8px}.plan .fine{min-height:0}.plan li{font-size:17px}.plan{padding:25px}.plans>h2{font-size:35px}.experience,.faq{padding:40px 5%}.reveal-ready{transform:translate3d(0,20px,0)}.reveal-ready.is-visible{transform:none}.plans-map{will-change:auto}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.plans-map{transform:none!important}}

.plan li:has(strong){display:flex}.plan{display:flex;flex-direction:column}.plan button{margin-top:auto}

/* Keep changing phone-recording edges outside the full-bleed hero. */
.hero-film{overflow:hidden}.hero-film video{transform:scale(1.25)}