:root{--bg:#06100d;--bg-soft:#091713;--panel:#0d1d18;--panel2:#10251e;--line:rgba(104,238,189,.15);--line-strong:rgba(104,238,189,.34);--text:#f4fbf7;--muted:#93aaa0;--green:#37e8a2;--green-2:#78f6c5;--silver:#d7dde0;--gold:#caa86b;--danger:#ff6977;--radius:22px;--shadow:0 28px 80px rgba(0,0,0,.34);--shell:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 40% 0,#10251d 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.shell{width:min(var(--shell),calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:999;left:16px;top:12px;padding:10px 14px;background:#fff;color:#000;border-radius:9px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:fixed;z-index:50;inset:0 0 auto;background:linear-gradient(180deg,rgba(3,9,7,.92),rgba(3,9,7,.66),transparent);transition:.2s}.site-header.scrolled{background:rgba(4,12,9,.9);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(18px)}.nav-shell{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{width:166px}.brand img{width:100%;height:auto}.site-nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:750;color:#c9d7d1}.site-nav>a{transition:color .2s}.site-nav>a:hover{color:#fff}.nav-toggle{display:none;background:none;border:0;padding:8px;color:#fff}.nav-toggle>span:not(.sr-only){display:block;width:25px;height:2px;background:currentColor;margin:5px;border-radius:2px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:13px;border:1px solid transparent;cursor:pointer;font-size:13px;font-weight:900;letter-spacing:.025em;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.button:hover{transform:translateY(-1px)}.button-primary{color:#03100b;background:linear-gradient(135deg,var(--green-2),var(--green));box-shadow:0 14px 30px rgba(55,232,162,.16)}.button-primary:hover{box-shadow:0 18px 36px rgba(55,232,162,.24)}.button-ghost{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.12);color:#fff}.button-outline{background:transparent;border-color:rgba(104,238,189,.34);color:#dffff2}.button-small{min-height:38px;padding:0 15px;font-size:12px}.hero{position:relative;min-height:860px;display:flex;align-items:center;overflow:hidden;background:#040b08}.hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(3,9,7,.16) 0%,rgba(3,9,7,.22) 43%,rgba(3,9,7,.74) 71%,#040b08 100%),linear-gradient(180deg,rgba(3,9,7,.22),transparent 55%,#06100d 100%),url("assets/form84-hero-pride.webp");background-size:cover;background-position:center center;filter:saturate(.88) contrast(1.04)}.hero-noise{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.55) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:soft-light}.hero-inner{position:relative;z-index:2;display:flex;justify-content:flex-end;padding-top:80px}.hero-copy{width:min(590px,52%);padding:70px 0 30px}.eyebrow,.kicker{font-size:11px;font-weight:900;letter-spacing:.19em;text-transform:uppercase;color:#8fb6a5}.eyebrow{display:inline-flex;align-items:center;gap:9px}.eyebrow-dot{width:7px;height:7px;border-radius:99px;background:var(--green);box-shadow:0 0 0 6px rgba(55,232,162,.08)}.hero-wordmark{width:min(390px,85%);margin:31px 0 32px}.hero h1{margin:0;font-size:clamp(46px,5.2vw,74px);line-height:.98;letter-spacing:-.055em;font-weight:900;text-wrap:balance}.hero h1 span{color:#c7d0cd;font-weight:680}.hero-lede{font-size:18px;color:#b7c9c1;max-width:600px;margin:27px 0 0;line-height:1.72}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.hero-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.hero-proof span{font-size:11px;font-weight:800;color:#8fa79d;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.18);padding:7px 10px;border-radius:999px}.scroll-cue{position:absolute;z-index:3;left:50%;bottom:28px;width:26px;height:43px;border:1px solid rgba(255,255,255,.22);border-radius:99px}.scroll-cue span{position:absolute;left:50%;top:8px;width:4px;height:7px;border-radius:99px;background:var(--green);transform:translateX(-50%);animation:scrollCue 1.8s infinite}@keyframes scrollCue{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,15px)}}.section{padding:110px 0;position:relative}.section-heading{max-width:800px;margin-bottom:48px}.section-heading.compact{max-width:690px}.kicker{margin-bottom:14px;color:#74c9a5}.section h2{font-size:clamp(36px,4.1vw,58px);line-height:1.04;letter-spacing:-.045em;margin:0 0 20px}.section p{color:#9eb3a9;font-size:16px;line-height:1.72;margin:0}.section-system{background:linear-gradient(180deg,#06100d,#081611)}.timeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.timeline-card{position:relative;min-height:285px;padding:29px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border-radius:var(--radius);overflow:hidden}.timeline-card.featured{border-color:var(--line-strong);background:linear-gradient(180deg,rgba(55,232,162,.085),rgba(255,255,255,.012))}.timeline-number{position:absolute;right:20px;top:7px;font-size:88px;line-height:1;font-weight:950;color:rgba(255,255,255,.028);letter-spacing:-.08em}.timeline-day{font-size:10px;letter-spacing:.15em;font-weight:900;color:#6cd8aa;margin-bottom:75px}.timeline-card h3{font-size:24px;letter-spacing:-.035em;margin:0 0 12px}.timeline-card p{font-size:14px}.milestone-strip{margin-top:26px;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.13em;font-weight:900;color:#8ea59c}.milestone-strip i{display:block;flex:1;height:1px;background:linear-gradient(90deg,var(--line-strong),rgba(255,255,255,.06))}.milestone-strip strong{color:#d9ebe3}.section-command{background:radial-gradient(circle at 82% 34%,rgba(55,232,162,.06),transparent 30%),#06100d}.split-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:72px}.split-reverse{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.copy-column h2{font-size:clamp(38px,4.5vw,60px)}.feature-list{display:grid;gap:12px;margin-top:34px}.feature-list>div{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:16px 0;border-top:1px solid rgba(255,255,255,.07)}.feature-list b{font-size:13px}.feature-list span{font-size:13px;color:#8fa69c;line-height:1.55}.product-window{border:1px solid rgba(255,255,255,.1);background:#07120f;border-radius:26px;box-shadow:var(--shadow);overflow:hidden;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.window-bar{height:47px;background:#0c1c17;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;padding:0 17px;gap:7px}.window-bar>span{width:8px;height:8px;border-radius:50%;background:#344c43}.window-bar>b{margin-left:9px;font-size:9px;letter-spacing:.15em;color:#637c71}.app-preview{padding:22px;background:radial-gradient(circle at 80% 0,rgba(55,232,162,.08),transparent 30%),#07110e}.preview-top{display:flex;align-items:flex-end;gap:13px;margin-bottom:16px}.preview-top small{font-size:9px;letter-spacing:.12em;color:#6fc9a3}.preview-top strong{font-size:22px;margin-left:auto}.preview-top>span{font-size:12px;color:#99afa6}.preview-command{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border:1px solid rgba(80,236,178,.19);background:linear-gradient(145deg,#0c231b,#0b1915);border-radius:18px}.preview-command small{font-size:9px;letter-spacing:.18em;color:#67cc9f}.preview-command h3{font-size:28px;letter-spacing:-.045em;margin:4px 0}.preview-command p{font-size:12px}.preview-command button{background:linear-gradient(135deg,var(--green-2),var(--green));color:#06110d;border:0;padding:13px 16px;border-radius:11px;font-size:10px;font-weight:950}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.preview-metrics>div,.preview-exercises>div{background:#0c1e18;border:1px solid rgba(255,255,255,.06);border-radius:13px;padding:14px}.preview-metrics span,.preview-exercises span{display:block;font-size:9px;color:#769287;text-transform:uppercase;letter-spacing:.11em}.preview-metrics b{font-size:20px}.preview-exercises{display:grid;gap:7px;margin-top:10px}.preview-exercises>div{display:flex;justify-content:space-between;align-items:center;padding:13px 14px}.preview-exercises span{font-size:11px;color:#c4d1cc;text-transform:none;letter-spacing:0}.preview-exercises b{font-size:12px;color:#75e7b6}.section-ecosystem{background:#081510;border-block:1px solid rgba(255,255,255,.035)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{min-height:245px;padding:27px;border-radius:20px;background:linear-gradient(180deg,#0d211a,#0a1713);border:1px solid rgba(255,255,255,.065)}.feature-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(55,232,162,.085);border:1px solid rgba(55,232,162,.15);color:#7bf1c1;font-weight:950;margin-bottom:42px}.feature-card h3{font-size:19px;margin:0 0 10px}.feature-card p{font-size:13px}.section-progress{background:radial-gradient(circle at 22% 42%,rgba(55,232,162,.065),transparent 28%),#06100d}.progress-board{position:relative;min-height:490px;border-radius:26px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(160deg,#0e241c,#081510);padding:29px;overflow:hidden;box-shadow:var(--shadow)}.board-watermark{position:absolute;right:-45px;top:-25px;width:270px;opacity:.055;filter:grayscale(1)}.board-header{position:relative}.board-header span{display:block;font-size:10px;font-weight:900;letter-spacing:.18em;color:#72d3ac;margin-bottom:10px}.board-header strong{font-size:25px;letter-spacing:-.035em}.board-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:29px}.board-stats>div{padding:16px;border:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.12);border-radius:15px}.board-stats small{font-size:8px;letter-spacing:.13em;color:#6f8b80}.board-stats b{display:block;font-size:27px;margin:4px 0 -2px}.board-stats span{font-size:9px;color:#82988f}.board-chart{height:180px;display:flex;align-items:flex-end;gap:9px;padding:28px 7px 0;border-bottom:1px solid rgba(255,255,255,.08)}.board-chart span{flex:1;min-height:14px;background:linear-gradient(180deg,#73f0bf,#28b981);border-radius:8px 8px 2px 2px;box-shadow:0 0 20px rgba(55,232,162,.08)}.board-chart span:nth-child(1){height:30%}.board-chart span:nth-child(2){height:40%}.board-chart span:nth-child(3){height:37%}.board-chart span:nth-child(4){height:55%}.board-chart span:nth-child(5){height:63%}.board-chart span:nth-child(6){height:67%}.board-chart span:nth-child(7){height:78%}.board-chart span:nth-child(8){height:88%}.board-foot{display:flex;justify-content:space-between;padding-top:8px;font-size:8px;letter-spacing:.1em;color:#678076}.quote-card{margin-top:31px;border-left:2px solid var(--green);background:linear-gradient(90deg,rgba(55,232,162,.075),transparent);padding:19px 21px;color:#dae7e2;font-size:15px;line-height:1.65}.section-private{padding-top:55px;background:#06100d}.privacy-panel{display:grid;grid-template-columns:110px 1.2fr .8fr;gap:36px;align-items:center;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#0c2119,#091510);border-radius:28px;padding:42px}.privacy-mark{width:90px;height:90px;display:grid;place-items:center;border-radius:50%;font-size:42px;color:var(--green);border:1px solid rgba(55,232,162,.22);box-shadow:inset 0 0 40px rgba(55,232,162,.06)}.privacy-panel h2{font-size:36px;margin-bottom:12px}.privacy-panel p{font-size:14px}.privacy-points{display:grid;grid-template-columns:1fr 1fr;gap:8px}.privacy-points span{padding:13px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);border-radius:12px;font-size:11px;font-weight:800;color:#a9bbb4}.section-next{background:#07140f}.next84{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;padding:50px;border:1px solid rgba(255,255,255,.065);border-radius:28px;background:radial-gradient(circle at 100% 0,rgba(55,232,162,.09),transparent 35%),linear-gradient(145deg,#0d211a,#091410)}.next84 h2{font-size:48px}.cycle-stack{position:relative;height:320px}.cycle-stack>div{position:absolute;width:220px;height:285px;border-radius:20px;padding:23px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(255,255,255,.09);box-shadow:0 20px 45px rgba(0,0,0,.25)}.cycle-stack>div:nth-child(1){left:0;top:26px;transform:rotate(-8deg);background:#0b1a15}.cycle-stack>div:nth-child(2){left:90px;top:10px;z-index:2;background:linear-gradient(160deg,#113125,#0b1b15);border-color:rgba(55,232,162,.22)}.cycle-stack>div:nth-child(3){left:180px;top:33px;transform:rotate(8deg);background:#0a1612}.cycle-stack small{font-size:9px;letter-spacing:.15em;color:#6eb995}.cycle-stack b{font-size:82px;line-height:1;letter-spacing:-.08em;color:#e0e8e5}.cycle-stack span{font-size:11px;color:#82978e}.section-beta{background:#050c09}.beta-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center;border:1px solid rgba(93,232,179,.17);background:linear-gradient(140deg,#0e261d,#09130f);border-radius:30px;padding:54px}.beta-crown{position:absolute;width:340px;right:20px;top:-115px;opacity:.045}.beta-panel h2{font-size:42px}.beta-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}.beta-actions small{color:#6e857b;font-size:10px;text-align:center}.section-faq{background:#07120e}.faq-shell{max-width:900px}.faq-list{display:grid;gap:8px}.faq-list details{border:1px solid rgba(255,255,255,.07);background:#0a1914;border-radius:16px;padding:0 20px}.faq-list summary{cursor:pointer;list-style:none;padding:20px 35px 20px 0;font-size:14px;font-weight:850;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;font-size:20px;color:#6ed3aa;top:15px}.faq-list details[open] summary:after{content:"–"}.faq-list details p{font-size:13px;padding:0 0 20px}.final-cta{position:relative;min-height:560px;display:grid;place-items:center;overflow:hidden;background:#040b08}.final-bg{position:absolute;inset:0;background:linear-gradient(90deg,#040b08 0,rgba(4,11,8,.79) 50%,rgba(4,11,8,.4)),linear-gradient(180deg,rgba(4,11,8,.72),transparent 45%,#040b08),url("assets/form84-hero-pride.webp");background-size:cover;background-position:center 45%;filter:saturate(.6)}.final-inner{position:relative;text-align:center}.final-inner img{width:330px;margin:0 auto 31px}.final-inner h2{font-size:52px;letter-spacing:-.05em;margin:0 0 10px}.final-inner p{color:#97ada3;margin:0 0 28px}.site-footer{background:#030806;border-top:1px solid rgba(255,255,255,.055);padding:52px 0}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:45px}.footer-brand img{width:190px}.footer-brand p{font-size:12px;color:#73887f}.footer-links,.footer-meta{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#8ca198}.footer-links a:hover{color:#fff}.footer-meta{text-align:right}.beta-dialog{width:min(560px,calc(100% - 28px));border:1px solid rgba(55,232,162,.22);background:#0a1914;color:#fff;border-radius:22px;padding:32px;box-shadow:0 35px 90px rgba(0,0,0,.62)}.beta-dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(8px)}.beta-dialog img{width:230px;margin-bottom:31px}.beta-dialog h2{font-size:29px;letter-spacing:-.035em}.beta-dialog p{color:#a1b5ac;line-height:1.65;font-size:14px}.beta-dialog code{color:#75e9b8}.dialog-close{position:absolute;right:15px;top:12px;background:transparent;color:#9eb3aa;border:0;font-size:29px;cursor:pointer}.dialog-actions{margin-top:23px}.legal-page{min-height:100vh;background:#06100d;padding:130px 0 80px}.legal-shell{width:min(820px,calc(100% - 40px));margin:auto}.legal-shell .brand{display:block;margin-bottom:52px;width:220px}.legal-shell h1{font-size:48px;letter-spacing:-.045em}.legal-shell h2{font-size:22px;margin-top:38px}.legal-shell p,.legal-shell li{color:#a6b8b0;font-size:14px;line-height:1.75}.legal-note{border:1px solid rgba(255,255,255,.08);background:#0b1914;border-radius:14px;padding:15px;margin:25px 0}.back-link{display:inline-block;margin-top:35px;color:#7debbd;font-weight:800;font-size:13px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.reveal-stagger>*{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.reveal-stagger.is-visible>*{opacity:1;transform:none}.reveal-stagger.is-visible>*:nth-child(2){transition-delay:.07s}.reveal-stagger.is-visible>*:nth-child(3){transition-delay:.14s}.reveal-stagger.is-visible>*:nth-child(4){transition-delay:.21s}.reveal-stagger.is-visible>*:nth-child(5){transition-delay:.28s}.reveal-stagger.is-visible>*:nth-child(6){transition-delay:.35s}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal-stagger>*{opacity:1;transform:none;transition:none}.scroll-cue span{animation:none}}
@media(max-width:900px){.site-nav{position:fixed;inset:78px 14px auto;background:rgba(6,16,13,.97);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px;display:none;flex-direction:column;align-items:stretch;gap:0;box-shadow:var(--shadow)}.site-nav.open{display:flex}.site-nav>a{padding:12px}.nav-toggle{display:block}.hero{min-height:820px;align-items:flex-end}.hero-art{background-image:linear-gradient(180deg,rgba(3,9,7,.03) 0,rgba(3,9,7,.18) 42%,rgba(3,9,7,.96) 73%,#06100d 100%),url("assets/form84-hero-pride.webp");background-position:41% center}.hero-inner{justify-content:flex-start}.hero-copy{width:100%;max-width:680px;padding:360px 0 75px}.hero-wordmark{width:330px}.split-layout,.split-reverse{grid-template-columns:1fr;gap:48px}.product-window{transform:none;max-width:690px}.feature-grid{grid-template-columns:repeat(2,1fr)}.privacy-panel{grid-template-columns:82px 1fr}.privacy-points{grid-column:1/-1}.next84{grid-template-columns:1fr}.cycle-stack{max-width:500px;margin:auto;width:100%}.beta-panel{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-meta{text-align:left}.footer-brand{grid-column:1/-1}}
@media(max-width:640px){.shell{width:min(100% - 24px,var(--shell))}.nav-shell{height:68px}.brand{width:145px}.site-nav{inset-top:68px}.hero{min-height:760px}.hero-copy{padding:340px 4px 70px}.hero-wordmark{width:255px;margin:20px 0 25px}.hero h1{font-size:43px}.hero-lede{font-size:15px}.hero-actions .button{width:100%}.scroll-cue{display:none}.section{padding:78px 0}.section h2{font-size:38px}.timeline-grid,.feature-grid{grid-template-columns:1fr}.timeline-card{min-height:240px}.timeline-day{margin-bottom:55px}.milestone-strip{gap:7px;overflow:hidden}.milestone-strip i{min-width:18px}.milestone-strip strong,.milestone-strip span{font-size:8px;white-space:nowrap}.feature-list>div{grid-template-columns:1fr;gap:5px}.product-window{border-radius:18px}.app-preview{padding:13px}.preview-top{flex-wrap:wrap}.preview-top strong{margin-left:0}.preview-command{align-items:flex-start;flex-direction:column;padding:18px}.preview-command button{width:100%}.preview-metrics{grid-template-columns:1fr 1fr 1fr;gap:5px}.preview-metrics>div{padding:10px}.preview-metrics b{font-size:15px}.progress-board{padding:18px;min-height:440px}.board-stats{grid-template-columns:1fr 1fr 1fr;gap:5px}.board-stats>div{padding:11px}.board-stats b{font-size:20px}.privacy-panel{grid-template-columns:1fr;padding:28px 22px}.privacy-mark{width:62px;height:62px}.privacy-points{grid-template-columns:1fr}.next84{padding:30px 21px}.next84 h2{font-size:39px}.cycle-stack{height:270px}.cycle-stack>div{width:160px;height:230px;padding:16px}.cycle-stack>div:nth-child(2){left:70px}.cycle-stack>div:nth-child(3){left:140px}.cycle-stack b{font-size:64px}.beta-panel{padding:35px 22px}.beta-panel h2{font-size:36px}.final-cta{min-height:480px}.final-inner img{width:240px}.final-inner h2{font-size:40px}.footer-grid{grid-template-columns:1fr}.legal-shell h1{font-size:38px}}

/* v1.1 desktop composition pass: preserve artwork proportions and tighten launch-page rhythm */
img{height:auto}
@media(min-width:901px){
  .hero{min-height:100svh}
  .hero-inner{padding-top:68px}
  .hero-copy{width:min(560px,50%);padding:62px 0 34px}
  .hero-wordmark{width:min(305px,72%);margin:22px 0 22px}
  .hero h1{font-size:clamp(42px,4.25vw,61px);line-height:1.01}
  .hero-lede{font-size:16px;line-height:1.62;margin-top:18px}
  .hero-actions{margin-top:22px}
  .hero-proof{margin-top:18px}
  .section{padding:96px 0}
  .final-cta{min-height:470px}
  .final-inner img{width:285px;margin-bottom:24px}
  .final-inner h2{font-size:46px}
  .site-footer{padding:40px 0}
  .footer-brand img{width:190px;height:auto;margin-bottom:18px}
}
@media(min-width:901px) and (max-width:1240px){
  .shell{width:min(var(--shell),calc(100% - 32px))}
  .brand{width:148px;flex:0 0 auto}
  .site-nav{gap:18px;font-size:12px}
  .button-small{padding:0 13px}
  .hero-copy{width:min(535px,52%)}
}
@media(min-width:901px) and (max-height:760px){
  .nav-shell{height:68px}
  .hero-inner{padding-top:56px}
  .hero-copy{padding:46px 0 22px}
  .hero-wordmark{width:270px;margin:18px 0}
  .hero h1{font-size:clamp(39px,4vw,54px)}
  .hero-lede{font-size:15px;line-height:1.55;margin-top:15px}
  .hero-actions{margin-top:18px}
  .hero-proof{margin-top:15px}
  .button{min-height:44px}
  .scroll-cue{bottom:14px}
}


/* v1.2 brand crown + training-fit story */
.brand-lockup{display:flex;flex-direction:column;align-items:center;width:max-content;max-width:100%}
.brand-lockup .brand-crown,.brand-lockup .brand-wordmark{height:auto;display:block}
.brand-lockup-nav{width:100%;align-items:flex-start}
.brand-lockup-nav .brand-crown{width:72px;margin:0 0 -1px 35px}
.brand-lockup-nav .brand-wordmark{width:100%}
.hero-lockup{align-items:flex-start;margin:21px 0 21px}
.hero-lockup .brand-crown{width:116px;margin:0 0 3px 88px}
.hero-lockup .hero-wordmark{width:min(305px,72%);margin:0}
.section-personalise{background:radial-gradient(circle at 18% 15%,rgba(55,232,162,.07),transparent 30%),#07130f;border-top:1px solid rgba(255,255,255,.035)}
.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.setup-card{position:relative;min-height:330px;padding:30px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(155deg,#10251e,#0a1713);overflow:hidden}
.setup-card-limitations{background:linear-gradient(155deg,#0d211a,#091510);border-color:rgba(104,238,189,.16)}
.setup-card-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:22px}
.setup-step{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:rgba(55,232,162,.085);border:1px solid rgba(55,232,162,.16);color:#78f6c5;font-size:11px;font-weight:950;letter-spacing:.08em}
.setup-card small{display:block;color:#72d3ac;font-size:9px;font-weight:900;letter-spacing:.16em;margin-bottom:6px}
.setup-card h3{font-size:25px;letter-spacing:-.035em;margin:0}
.setup-card>p{font-size:14px;max-width:540px}
.split-options,.limitation-options{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}
.split-options span,.limitation-options span{padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.15);color:#a8bbb2;font-size:11px;font-weight:800}
.split-options span.active{border-color:rgba(55,232,162,.35);background:rgba(55,232,162,.1);color:#dffff2;box-shadow:inset 0 0 20px rgba(55,232,162,.035)}
.limitation-options span{border-radius:11px;background:#0b1c16}
.setup-card .medical-note{margin-top:18px;font-size:11px;color:#738a80;line-height:1.5}
.final-lockup{margin:0 auto 22px}
.final-lockup .brand-crown{width:112px;margin-bottom:2px}
.final-lockup .brand-wordmark{width:285px}
.footer-lockup{align-items:flex-start;margin-bottom:16px}
.footer-lockup .brand-crown{width:78px;margin:0 0 1px 53px}
.footer-lockup .brand-wordmark{width:190px}
.dialog-lockup{align-items:flex-start;margin-bottom:26px}
.dialog-lockup .brand-crown{width:90px;margin:0 0 1px 70px}
.dialog-lockup .brand-wordmark{width:230px}
.legal-shell .brand{width:220px}
.brand-lockup-legal{align-items:flex-start;width:220px}
.brand-lockup-legal .brand-crown{width:86px;margin:0 0 1px 65px}
.brand-lockup-legal .brand-wordmark{width:220px}
@media(max-width:900px){
  .brand-lockup-nav .brand-crown{width:62px;margin-left:31px}
  .hero-lockup{margin:18px 0 21px}
  .hero-lockup .brand-crown{width:102px;margin-left:74px}
  .hero-lockup .hero-wordmark{width:255px}
  .setup-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .brand-lockup-nav .brand-crown{width:55px;margin-left:27px}
  .hero-lockup .brand-crown{width:86px;margin-left:62px}
  .hero-lockup .hero-wordmark{width:215px}
  .setup-card{min-height:auto;padding:24px 20px}
  .setup-card h3{font-size:22px}
  .final-lockup .brand-crown{width:92px}
  .final-lockup .brand-wordmark{width:240px}
}
@media(min-width:901px) and (max-height:760px){
  .hero-lockup{margin:13px 0 15px}
  .hero-lockup .brand-crown{width:92px;margin-left:68px}
  .hero-lockup .hero-wordmark{width:245px}
}
/* v1.2 lockup alignment cleanup */
.brand-lockup-nav{align-items:center}
.brand-lockup-nav .brand-crown{margin:0 0 -1px}
.final-lockup .brand-wordmark,.dialog-lockup .brand-wordmark{margin:0}
.brand-lockup-legal{align-items:center}
.brand-lockup-legal .brand-crown{margin:0 0 1px}
@media(max-width:900px){.brand-lockup-nav .brand-crown{margin-left:0}.hero-lockup .brand-crown{margin-left:74px}}
@media(max-width:640px){.brand-lockup-nav .brand-crown{margin-left:0}.hero-lockup .brand-crown{margin-left:62px}}

/* v1.3 desktop viewport-fit pass: keep the complete launch message visible on shorter/laptop viewports */
@media (min-width:901px){
  .nav-shell{width:min(1400px,calc(100% - 44px))}
  .brand{width:150px;flex:0 0 auto}
  .brand-lockup-nav .brand-crown{width:62px}
  .site-nav{gap:23px;white-space:nowrap}
  .eyebrow{max-width:100%;display:flex;align-items:flex-start;line-height:1.4}
  .eyebrow>span:last-child{min-width:0;white-space:normal}
}
@media (min-width:901px) and (max-width:1280px){
  .nav-shell{width:calc(100% - 26px);gap:16px}
  .brand{width:136px}
  .brand-lockup-nav .brand-crown{width:56px}
  .site-nav{gap:14px;font-size:11.5px}
  .button-small{min-height:36px;padding:0 11px;font-size:11px}
  .hero-copy{width:min(500px,48%)}
  .eyebrow{font-size:9.5px;letter-spacing:.15em}
}
@media (min-width:901px) and (max-height:650px){
  .nav-shell{height:60px}
  .site-header.scrolled .nav-shell{height:60px}
  .brand{width:132px}
  .brand-lockup-nav .brand-crown{width:53px}
  .hero{min-height:100svh}
  .hero-inner{padding-top:48px}
  .hero-copy{width:min(525px,47.5%);padding:10px 0 14px}
  .eyebrow{font-size:9px;letter-spacing:.14em;gap:7px}
  .eyebrow-dot{width:6px;height:6px;box-shadow:0 0 0 5px rgba(55,232,162,.07);margin-top:3px}
  .hero-lockup{margin:7px 0 9px}
  .hero-lockup .brand-crown{width:66px;margin-left:49px;margin-bottom:0}
  .hero-lockup .hero-wordmark{width:184px}
  .hero h1{font-size:clamp(34px,3.35vw,46px);line-height:.97;letter-spacing:-.05em}
  .hero-lede{font-size:12.5px;line-height:1.43;margin-top:9px;max-width:520px}
  .hero-actions{gap:8px;margin-top:11px}
  .hero-actions .button{min-height:38px;padding:0 14px;font-size:11px;border-radius:11px}
  .hero-proof{gap:6px;margin-top:10px}
  .hero-proof span{font-size:8.8px;padding:5px 8px}
  .scroll-cue{display:none}
}
@media (min-width:901px) and (max-height:520px){
  .hero-inner{padding-top:42px}
  .hero-copy{padding-top:4px}
  .hero-lockup{margin:5px 0 7px}
  .hero-lockup .brand-crown{width:58px;margin-left:43px}
  .hero-lockup .hero-wordmark{width:164px}
  .hero h1{font-size:clamp(31px,3vw,41px)}
  .hero-lede{font-size:11.5px;line-height:1.35;margin-top:7px}
  .hero-actions{margin-top:9px}
  .hero-actions .button{min-height:35px;padding:0 12px;font-size:10.5px}
  .hero-proof{margin-top:7px}
  .hero-proof span{font-size:8px;padding:4px 7px}
}

/* v1.4 journey + interface cleanup */
.scroll-cue{display:none!important}

/* Turn the 84-day system into a true vertical journey so each milestone belongs to a card boundary. */
.journey-flow{
  position:relative;
  width:min(900px,100%);
  margin:12px auto 0;
  display:grid;
  grid-template-columns:1fr;
  justify-items:stretch;
  gap:0;
}
.journey-flow::before{
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  top:54px;
  bottom:58px;
  width:1px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,rgba(120,246,197,.08),rgba(120,246,197,.42) 18%,rgba(120,246,197,.2) 82%,rgba(120,246,197,.06));
}
.journey-flow>*{position:relative;z-index:1}
.journey-flow .timeline-card{
  width:100%;
  min-height:230px;
  padding:34px 38px;
  background:linear-gradient(180deg,rgba(12,29,24,.985),rgba(8,22,17,.985));
  box-shadow:0 18px 46px rgba(0,0,0,.16);
}
.journey-flow .timeline-card.featured{
  background:linear-gradient(180deg,rgba(13,43,32,.985),rgba(8,25,19,.985));
}
.journey-flow .timeline-day{margin-bottom:46px}
.journey-wordart{
  justify-self:center;
  text-align:center;
  text-transform:uppercase;
  font-family:"Arial Narrow","Aptos Narrow",Inter,ui-sans-serif,sans-serif;
  font-stretch:condensed;
  font-size:clamp(34px,4.2vw,58px);
  line-height:.9;
  font-weight:950;
  letter-spacing:.075em;
  background:linear-gradient(180deg,#f6f8f8 0%,#aeb8b7 22%,#f7f9f8 43%,#626d6b 63%,#d7dddc 82%,#7b8584 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  text-shadow:0 10px 24px rgba(0,0,0,.22);
  filter:drop-shadow(0 0 8px rgba(255,255,255,.035));
}
.journey-start{margin:0 0 24px}
.journey-next{display:flex;align-items:baseline;justify-content:center;gap:.22em;margin:26px 0 0}
.journey-next b{
  font:inherit;
  letter-spacing:.02em;
  background:linear-gradient(180deg,#ccfff0 0%,#56efb5 30%,#06c98b 52%,#7affca 74%,#008b62 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 0 10px rgba(55,232,162,.18));
}
.journey-milestone{
  justify-self:center;
  min-width:126px;
  margin:16px 0;
  padding:7px 16px 6px;
  border:1px solid rgba(104,238,189,.23);
  border-radius:999px;
  background:#07130f;
  box-shadow:0 0 0 8px #07130f;
  text-align:center;
}
.journey-milestone span{
  color:#dbeae4;
  font-size:10px;
  font-weight:950;
  letter-spacing:.16em;
}

/* Remove the numbered setup badges and let the headings own the card. */
.setup-card-head{display:block;margin-bottom:22px}
.setup-step{display:none!important}

/* Cleaner product-window title bar, without faux browser traffic lights. */
.window-bar{gap:0}
.window-bar>span{display:none!important}
.window-bar>b{margin-left:0}

@media(max-width:640px){
  .journey-flow .timeline-card{min-height:220px;padding:28px 22px}
  .journey-flow .timeline-day{margin-bottom:38px}
  .journey-wordart{font-size:34px;letter-spacing:.055em}
  .journey-milestone{min-width:112px;margin:13px 0}
}

/* v1.5 milestone-card wordmark pass */
/* Milestones now live inside their own cards. The labels deliberately echo the
   metallic FORM + green 84 treatment rather than looking like generic headings. */
.journey-flow{
  width:min(900px,100%);
  gap:18px;
}
.journey-flow::before{display:none}
.journey-flow .timeline-card{
  min-height:245px;
  padding:30px 38px 36px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.journey-flow .timeline-card h3{
  margin-top:38px;
}
.journey-flow .timeline-card p{
  max-width:760px;
}
.timeline-day,.timeline-number,.journey-milestone,.journey-wordart{display:none!important}

.journey-brandtype{
  --chrome:linear-gradient(180deg,
    #f7faf9 0%,
    #c5cdcb 12%,
    #676f6e 28%,
    #f8fbfa 43%,
    #9ba4a2 55%,
    #394240 67%,
    #dce2e0 81%,
    #858f8c 100%);
  display:inline-flex;
  align-items:baseline;
  justify-content:center;
  gap:.20em;
  color:transparent;
  background:var(--chrome);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-family:"Arial Narrow","Noto Sans Display","Aptos Narrow",Inter,ui-sans-serif,sans-serif;
  font-size:clamp(31px,3.2vw,46px);
  font-weight:500;
  line-height:.86;
  letter-spacing:.045em;
  text-transform:uppercase;
  transform:scaleX(.88);
  transform-origin:center;
  -webkit-text-stroke:.45px rgba(232,239,237,.34);
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.82)) drop-shadow(0 7px 13px rgba(0,0,0,.38));
}
.journey-brandtype span{
  color:transparent;
  background:var(--chrome);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.journey-brandtype b{
  font:inherit;
  font-weight:500;
  letter-spacing:.01em;
  color:transparent;
  background:linear-gradient(180deg,
    #e7fff7 0%,
    #72ffd1 13%,
    #0ee49f 34%,
    #008d63 51%,
    #7affcf 68%,
    #00b97f 83%,
    #006a4c 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:.45px rgba(116,255,207,.35);
  filter:drop-shadow(0 0 5px rgba(36,237,165,.18));
}
.journey-card-mark{
  align-self:center;
  min-height:48px;
  margin:0 auto;
  white-space:nowrap;
}
.journey-next{
  justify-self:center;
  margin:14px 0 2px;
  font-size:clamp(34px,3.7vw,52px);
}

@media(max-width:640px){
  .journey-flow{gap:12px}
  .journey-flow .timeline-card{min-height:215px;padding:24px 20px 28px}
  .journey-flow .timeline-card h3{margin-top:28px}
  .journey-brandtype{font-size:31px;letter-spacing:.035em;transform:scaleX(.9)}
  .journey-next{font-size:34px;margin-top:12px}
}

/* v1.6 cleaner branded lists + program-build limitation messaging */
.brandtype-list{
  --chrome:linear-gradient(180deg,
    #f7faf9 0%,
    #c5cdcb 12%,
    #676f6e 28%,
    #f8fbfa 43%,
    #9ba4a2 55%,
    #394240 67%,
    #dce2e0 81%,
    #858f8c 100%);
  list-style:none;
  margin:25px 0 0;
  padding:0;
  display:grid;
  gap:15px 28px;
}
.brandtype-list li{
  position:relative;
  width:max-content;
  max-width:100%;
  color:transparent;
  background:var(--chrome);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-family:"Arial Narrow","Noto Sans Display","Aptos Narrow",Inter,ui-sans-serif,sans-serif;
  font-size:clamp(20px,1.85vw,30px);
  font-weight:500;
  line-height:1.05;
  letter-spacing:.035em;
  text-transform:uppercase;
  transform:scaleX(.9);
  transform-origin:left center;
  -webkit-text-stroke:.35px rgba(232,239,237,.30);
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.75)) drop-shadow(0 5px 9px rgba(0,0,0,.24));
}
.split-brandtype-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:29px}
.split-brandtype-list li:nth-child(1),
.split-brandtype-list li:nth-child(4){
  background:linear-gradient(180deg,#e7fff7 0%,#72ffd1 13%,#0ee49f 34%,#008d63 51%,#7affcf 68%,#00b97f 83%,#006a4c 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:.35px rgba(116,255,207,.30);
}
.privacy-panel{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:64px;padding:48px 56px}
.privacy-mark,.privacy-points{display:none!important}
.privacy-brandtype-list{grid-template-columns:1fr;align-self:center;margin:0;gap:18px}
.privacy-brandtype-list li{font-size:clamp(20px,1.75vw,28px)}
.setup-card-limitations>p:not(.medical-note){max-width:680px}
@media(max-width:900px){
  .privacy-panel{grid-template-columns:1fr;gap:34px;padding:38px}
  .privacy-brandtype-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}
}
@media(max-width:640px){
  .split-brandtype-list,.privacy-brandtype-list{grid-template-columns:1fr}
  .brandtype-list li{font-size:23px}
  .privacy-panel{padding:28px 22px}
}

/* v1.7 journey composition + private feature pills + legacy-mark cleanup */
/* The old progress-board watermark asset is intentionally removed from markup and package. */
.board-watermark{display:none!important}

/* Condensed milestone cards: word-art marker at left, copy centered beside it. */
.journey-flow{
  width:min(980px,100%);
  gap:0;
  margin-top:18px;
}
.journey-flow .timeline-card{
  min-height:0;
  padding:24px 30px;
  display:grid;
  grid-template-columns:minmax(155px,210px) minmax(0,1fr);
  align-items:center;
  column-gap:34px;
  border-radius:22px;
}
.journey-card-mark{
  align-self:center;
  justify-self:start;
  margin:0;
  min-height:0;
  transform:scaleX(.88);
  transform-origin:left center;
  white-space:nowrap;
}
.journey-card-copy{
  min-width:0;
  align-self:center;
}
.journey-flow .timeline-card h3,
.journey-card-copy h3{
  margin:0 0 7px;
  font-size:clamp(22px,2.1vw,30px);
}
.journey-flow .timeline-card p,
.journey-card-copy p{
  max-width:690px;
  font-size:13.5px;
  line-height:1.58;
}
.journey-arrow{
  position:relative;
  z-index:2;
  justify-self:center;
  height:54px;
  display:grid;
  place-items:center;
  font-family:"Arial Narrow","Noto Sans Display","Aptos Narrow",Inter,ui-sans-serif,sans-serif;
  font-size:42px;
  font-weight:500;
  line-height:1;
  color:transparent;
  background:linear-gradient(180deg,#f7faf9 0%,#c5cdcb 15%,#676f6e 32%,#f8fbfa 48%,#9ba4a2 60%,#394240 72%,#dce2e0 86%,#858f8c 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:.35px rgba(232,239,237,.28);
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.8)) drop-shadow(0 4px 9px rgba(0,0,0,.28));
}
.journey-arrow::before{
  content:"";
  position:absolute;
  width:1px;
  height:22px;
  top:0;
  left:50%;
  background:linear-gradient(180deg,rgba(104,238,189,.07),rgba(104,238,189,.38));
}
.journey-next{
  margin:2px 0 0;
  padding:8px 0 2px;
}

/* Private-by-default items return to separate pills, retaining the metallic word-art typography. */
.privacy-brandtype-list{
  grid-template-columns:1fr 1fr;
  gap:12px;
  align-self:center;
}
.privacy-brandtype-list li{
  width:100%;
  min-height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:13px 16px 12px;
  border:1px solid rgba(104,238,189,.13);
  border-radius:999px;
  background-color:rgba(255,255,255,.018);
  font-size:clamp(14px,1.15vw,18px);
  letter-spacing:.026em;
  transform:none;
  background-image:var(--chrome);
  box-shadow:inset 0 0 24px rgba(55,232,162,.018),0 9px 26px rgba(0,0,0,.12);
}

@media(max-width:900px){
  .journey-flow .timeline-card{
    grid-template-columns:145px minmax(0,1fr);
    column-gap:22px;
    padding:22px 24px;
  }
  .journey-brandtype{font-size:28px}
  .journey-arrow{height:46px;font-size:36px}
  .privacy-brandtype-list{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .journey-flow .timeline-card{
    grid-template-columns:1fr;
    row-gap:12px;
    padding:22px 20px;
  }
  .journey-card-mark{
    justify-self:center;
    transform:scaleX(.9);
    transform-origin:center;
  }
  .journey-card-copy{text-align:center}
  .journey-flow .timeline-card h3{font-size:23px}
  .journey-flow .timeline-card p{font-size:13px}
  .journey-arrow{height:42px;font-size:32px}
  .privacy-brandtype-list{grid-template-columns:1fr}
  .privacy-brandtype-list li{min-height:54px;font-size:16px}
}

/* v1.9 hero line break + explicit italic qualifier */
.hero-lede{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
}
.hero-lede .hero-pillars{
  display:block;
  margin:0;
  color:#f2f7f5;
  font-size:1.08em;
  font-weight:900;
  letter-spacing:.008em;
  line-height:1.42;
}
.hero-lede .hero-explainer{
  display:block;
  margin:0;
  color:#a9bbb3;
  font-style:italic !important;
  font-weight:430;
  line-height:1.58;
}
.setup-card .medical-note,
.setup-card .medical-note em{
  font-style:italic !important;
}

/* ========================================================================
   v2.0 PREVIEW CANDIDATE — launch-readiness polish + responsive QA pass
   Branches from v1.9. This layer intentionally consolidates the final visual
   behavior without changing the Form84 Web/PWA application.
   ======================================================================== */

html,body{max-width:100%;overflow-x:hidden}
body{background:radial-gradient(circle at 48% -8%,#11281f 0,transparent 32%),var(--bg)}
:focus-visible{outline:2px solid var(--green-2);outline-offset:4px}
button:focus-visible,a:focus-visible,summary:focus-visible{border-radius:8px}
.shell{width:min(1240px,calc(100% - 48px))}
.section{padding:96px 0}
.section-heading{max-width:820px;margin-bottom:42px}
.section-heading p{max-width:760px}
.section h2,.copy-column h2,.next84 h2,.beta-panel h2,.final-inner h2{text-wrap:balance}
.section p{max-width:72ch}
.kicker{margin-bottom:12px}

/* Header: slightly calmer proportions and more predictable fit. */
.site-header{background:linear-gradient(180deg,rgba(3,9,7,.94),rgba(3,9,7,.62),transparent)}
.nav-shell{height:74px}
.site-header.scrolled .nav-shell{height:68px}
.site-nav{gap:24px}
.site-nav>a{padding:8px 2px}
.brand-lockup-nav .brand-wordmark{width:146px}
.brand-lockup-nav .brand-crown{width:58px}

/* Hero: keep the full promise visible on common desktop and laptop heights. */
.hero{min-height:min(820px,100svh)}
.hero-inner{padding-top:74px}
.hero-copy{width:min(600px,50%);padding:52px 0 34px}
.hero-lockup{margin:10px 0 20px}
.hero-lockup .brand-crown{width:96px;margin-left:72px}
.hero-lockup .hero-wordmark{width:270px}
.hero h1{font-size:clamp(44px,4.7vw,68px);line-height:.99}
.hero-lede{margin-top:18px;font-size:16px;line-height:1.55}
.hero-lede .hero-pillars{font-size:1.03em;line-height:1.38}
.hero-lede .hero-explainer{line-height:1.52}
.hero-actions{margin-top:22px}
.hero-proof{margin-top:20px;gap:8px}
.hero-proof span{font-size:10.5px;padding:6px 9px}

/* Journey: tighter, more intentional, and easier to scan. */
.journey-flow{width:min(980px,100%);margin-top:14px}
.journey-flow .timeline-card{padding:22px 30px;grid-template-columns:minmax(152px,190px) minmax(0,1fr);column-gap:30px;background:linear-gradient(180deg,rgba(13,31,25,.98),rgba(8,22,17,.98))}
.journey-flow .timeline-card.featured{background:linear-gradient(180deg,rgba(15,46,34,.98),rgba(8,25,19,.98))}
.journey-flow .timeline-card h3{font-size:clamp(21px,1.9vw,27px);margin-bottom:5px}
.journey-flow .timeline-card p{font-size:13px;line-height:1.52}
.journey-brandtype{font-size:clamp(28px,2.7vw,39px)}
.journey-arrow{height:44px;font-size:34px}
.journey-arrow::before{height:17px}
.journey-next{padding-top:5px;font-size:clamp(31px,3.2vw,46px)}

/* Setup cards: balanced weight and less unused space. */
.setup-grid{gap:18px}
.setup-card{padding:32px 34px;min-height:0}
.setup-card-head{margin-bottom:16px}
.setup-card h3{margin-top:7px}
.setup-card>p{font-size:14px;line-height:1.62}
.brandtype-list{margin-top:23px;gap:12px 22px}
.brandtype-list li{font-size:clamp(18px,1.45vw,24px)}
.medical-note{margin-top:20px!important;font-size:12px!important;opacity:.82}

/* Product story: consistent card rhythm and less decorative dead space. */
.split-layout{gap:62px}
.product-window{transform:perspective(1400px) rotateY(-2deg) rotateX(.5deg)}
.feature-list{margin-top:28px}
.feature-list>div{padding:14px 0}
.feature-grid{gap:16px}
.feature-card{min-height:220px;padding:25px}
.feature-icon{margin-bottom:26px}
.feature-card p{line-height:1.58}

/* Progress board: avoid oversized blank regions and protect narrow labels. */
.progress-board{min-height:445px;padding:27px}
.board-stats{margin-top:24px}
.board-stats>div{min-width:0}
.board-stats small,.board-stats span{overflow-wrap:anywhere}
.board-chart{height:160px;padding-top:22px}
.quote-card{margin-top:26px}

/* Privacy: same approved pill concept, but more controlled proportions. */
.section-private{padding-top:56px;padding-bottom:84px}
.privacy-panel{padding:42px 46px;gap:48px;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr)}
.privacy-panel h2{font-size:clamp(32px,3vw,42px)}
.privacy-brandtype-list{gap:10px}
.privacy-brandtype-list li{min-height:54px;padding:11px 14px;font-size:clamp(13px,1vw,16px)}

/* Continuity + beta: compact enough to preserve momentum near the bottom. */
.next84{padding:44px 46px;gap:48px}
.next84 h2{font-size:clamp(38px,3.8vw,50px)}
.cycle-stack{height:292px}
.cycle-stack>div{width:200px;height:258px}
.cycle-stack>div:nth-child(2){left:82px}
.cycle-stack>div:nth-child(3){left:164px}
.cycle-stack b{font-size:72px}
.beta-panel{padding:46px 50px;gap:40px}
.beta-panel h2{font-size:clamp(34px,3.5vw,44px)}
.beta-crown{width:300px;top:-100px}
.faq-list details{background:linear-gradient(180deg,#0a1a15,#091610)}
.faq-list summary{font-size:14px;padding-top:18px;padding-bottom:18px}
.final-cta{min-height:480px}
.final-lockup{margin-bottom:18px}
.final-inner h2{font-size:clamp(38px,4.1vw,52px)}
.final-inner p{margin-bottom:24px}
.site-footer{padding:44px 0}

/* Wide-screen polish: let the lion breathe while keeping the copy anchored. */
@media(min-width:1440px){
  .hero-art{background-position:center 48%}
  .hero-copy{width:570px}
  .hero-inner{padding-right:14px}
}

/* Mid-size desktop / laptop: eliminate header and hero pressure before mobile nav. */
@media(min-width:901px) and (max-width:1180px){
  .shell{width:min(100% - 34px,1240px)}
  .nav-shell{width:calc(100% - 28px);gap:14px}
  .brand{width:128px}
  .brand-lockup-nav .brand-wordmark{width:128px}
  .brand-lockup-nav .brand-crown{width:51px}
  .site-nav{gap:12px;font-size:11px}
  .button-small{min-height:35px;padding:0 10px;font-size:10.5px}
  .hero-copy{width:min(510px,49%)}
  .hero h1{font-size:clamp(39px,4.3vw,54px)}
  .hero-lede{font-size:13.5px}
  .split-layout{gap:44px}
  .feature-list>div{grid-template-columns:135px 1fr}
  .privacy-panel{gap:32px;padding:38px}
}

/* Short laptops: protect first-screen hierarchy. */
@media(min-width:901px) and (max-height:760px){
  .hero{min-height:100svh}
  .hero-inner{padding-top:58px}
  .hero-copy{padding:16px 0 18px}
  .hero-lockup{margin:5px 0 10px}
  .hero-lockup .brand-crown{width:70px;margin-left:52px}
  .hero-lockup .hero-wordmark{width:198px}
  .hero h1{font-size:clamp(34px,3.55vw,48px)}
  .hero-lede{font-size:12.5px;margin-top:10px;gap:4px}
  .hero-actions{margin-top:12px}
  .hero-actions .button{min-height:39px;padding:0 14px;font-size:11px}
  .hero-proof{margin-top:10px;gap:6px}
  .hero-proof span{font-size:8.7px;padding:5px 7px}
}

/* Tablet: switch the page to a clean single-column reading order. */
@media(max-width:900px){
  .shell{width:min(100% - 36px,760px)}
  .nav-shell{height:70px}
  .site-header.scrolled .nav-shell{height:66px}
  .site-nav{inset:70px 18px auto;padding:14px;border-radius:16px;max-height:calc(100svh - 88px);overflow:auto}
  .site-nav>a{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.05)}
  .site-nav .button{margin-top:10px;width:100%}
  .hero{min-height:790px;align-items:flex-end}
  .hero-art{background-position:38% center}
  .hero-inner{padding-top:70px}
  .hero-copy{max-width:650px;padding:315px 0 64px}
  .hero-lockup{margin:0 0 16px}
  .hero-lockup .brand-crown{width:90px;margin-left:65px}
  .hero-lockup .hero-wordmark{width:235px}
  .hero h1{font-size:clamp(42px,7.6vw,58px)}
  .hero-lede{font-size:15px;max-width:620px}
  .section{padding:78px 0}
  .section-heading{margin-bottom:34px}
  .split-layout,.split-reverse{gap:40px}
  .product-window{max-width:none;width:100%;transform:none}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .journey-flow .timeline-card{grid-template-columns:135px minmax(0,1fr);column-gap:20px;padding:20px 22px}
  .journey-brandtype{font-size:27px}
  .setup-grid{grid-template-columns:1fr}
  .privacy-panel{grid-template-columns:1fr;gap:28px;padding:34px}
  .privacy-brandtype-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .next84{grid-template-columns:1fr;gap:22px;padding:38px}
  .cycle-stack{width:min(470px,100%);margin:auto}
  .beta-panel{grid-template-columns:1fr;padding:38px;gap:28px}
  .beta-actions{max-width:420px}
  .footer-grid{gap:30px}
}

/* Phones: readable, touch-friendly, no horizontal squeeze. */
@media(max-width:640px){
  .shell{width:calc(100% - 24px)}
  .nav-shell{height:64px}
  .site-header.scrolled .nav-shell{height:62px}
  .brand{width:132px}
  .brand-lockup-nav .brand-wordmark{width:132px}
  .brand-lockup-nav .brand-crown{width:52px}
  .site-nav{inset:64px 12px auto}
  .hero{min-height:720px}
  .hero-art{background-image:linear-gradient(180deg,rgba(3,9,7,.02) 0,rgba(3,9,7,.14) 35%,rgba(3,9,7,.92) 66%,#06100d 100%),url("assets/form84-hero-pride.webp");background-position:36% center}
  .hero-copy{padding:285px 0 48px}
  .hero-lockup{margin-bottom:13px}
  .hero-lockup .brand-crown{width:76px;margin-left:55px}
  .hero-lockup .hero-wordmark{width:198px}
  .hero h1{font-size:clamp(36px,10.5vw,44px);line-height:1}
  .hero-lede{font-size:13.5px;margin-top:14px;gap:6px}
  .hero-lede .hero-pillars{font-size:1em;line-height:1.42}
  .hero-lede .hero-explainer{line-height:1.5}
  .hero-actions{margin-top:18px;gap:9px}
  .hero-actions .button{width:100%;min-height:46px}
  .hero-proof{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}
  .hero-proof span{text-align:center;padding:7px 6px;font-size:9px}
  .section{padding:64px 0}
  .section h2{font-size:clamp(32px,9vw,40px)}
  .section p{font-size:14px;line-height:1.65}
  .section-heading{margin-bottom:28px}
  .journey-flow .timeline-card{grid-template-columns:1fr;row-gap:10px;padding:20px 18px;text-align:center}
  .journey-card-mark{justify-self:center;transform:scaleX(.9);transform-origin:center}
  .journey-flow .timeline-card h3{font-size:22px}
  .journey-flow .timeline-card p{font-size:12.5px}
  .journey-arrow{height:36px;font-size:29px}
  .journey-next{font-size:30px}
  .setup-card{padding:25px 20px}
  .setup-card h3{font-size:25px}
  .split-brandtype-list{grid-template-columns:1fr;gap:10px}
  .brandtype-list li{font-size:20px}
  .feature-list>div{grid-template-columns:1fr;gap:4px}
  .feature-grid{grid-template-columns:1fr}
  .feature-card{min-height:0;padding:22px}
  .feature-icon{margin-bottom:18px}
  .app-preview{padding:12px}
  .preview-command{padding:16px;gap:14px}
  .preview-command h3{font-size:24px}
  .preview-metrics{gap:5px}
  .preview-metrics>div{padding:9px 7px}
  .preview-metrics span{font-size:7.5px;letter-spacing:.08em}
  .preview-metrics b{font-size:16px}
  .progress-board{padding:16px;min-height:395px}
  .board-header strong{font-size:21px}
  .board-stats{gap:5px;margin-top:20px}
  .board-stats>div{padding:10px 7px}
  .board-stats small{font-size:7px;letter-spacing:.08em}
  .board-stats b{font-size:19px}
  .board-stats span{font-size:8px}
  .board-chart{height:145px;gap:6px}
  .privacy-panel{padding:26px 20px;gap:24px}
  .privacy-brandtype-list{grid-template-columns:1fr}
  .privacy-brandtype-list li{min-height:50px;font-size:15px}
  .next84{padding:28px 20px}
  .next84 h2{font-size:36px}
  .cycle-stack{height:245px;max-width:340px}
  .cycle-stack>div{width:145px;height:210px;padding:14px}
  .cycle-stack>div:nth-child(1){left:4px;top:24px}
  .cycle-stack>div:nth-child(2){left:calc(50% - 72px);top:8px}
  .cycle-stack>div:nth-child(3){left:auto;right:4px;top:25px}
  .cycle-stack b{font-size:58px}
  .beta-panel{padding:30px 20px}
  .beta-panel h2{font-size:34px}
  .faq-list details{padding:0 16px}
  .faq-list summary{font-size:13.5px;line-height:1.45;padding-right:30px}
  .final-cta{min-height:430px}
  .final-lockup .brand-crown{width:80px}
  .final-lockup .brand-wordmark{width:215px}
  .final-inner h2{font-size:38px}
  .footer-grid{grid-template-columns:1fr;gap:24px}
  .footer-meta{text-align:left}
  .beta-dialog{padding:26px 20px}
  .dialog-lockup .brand-wordmark{width:190px}
  .dialog-lockup .brand-crown{width:72px}
}

/* Very narrow phones: keep proof/content legible without any sideways scroll. */
@media(max-width:390px){
  .hero-copy{padding-top:260px}
  .hero-proof{grid-template-columns:1fr}
  .hero h1{font-size:36px}
  .journey-brandtype{font-size:25px}
  .cycle-stack>div{width:132px}
  .cycle-stack>div:nth-child(2){left:calc(50% - 66px)}
}

/* v2.0 brand-lockup alignment normalization: current crown stays centered over the current wordmark at every breakpoint. */
.hero-lockup,.final-lockup,.footer-lockup,.dialog-lockup,.brand-lockup-legal{align-items:center}
.hero-lockup .brand-crown,.final-lockup .brand-crown,.footer-lockup .brand-crown,.dialog-lockup .brand-crown,.brand-lockup-legal .brand-crown{margin-left:0;margin-right:0}
.hero-lockup{width:270px}
.hero-lockup .hero-wordmark{width:270px}
@media(min-width:901px) and (max-height:760px){.hero-lockup{width:198px}.hero-lockup .hero-wordmark{width:198px}}
@media(max-width:900px){.hero-lockup{width:235px}.hero-lockup .hero-wordmark{width:235px}}
@media(max-width:640px){.hero-lockup{width:198px}.hero-lockup .hero-wordmark{width:198px}}


/* ========================================================================
   v2.1 MOBILE HERO REVIEW — phone hero breathing room + logo contrast
   Based on real-device review. Desktop/tablet behavior remains v2.0.
   ======================================================================== */
@media(max-width:640px){
  .hero{min-height:760px}
  .hero-art{
    background-image:linear-gradient(180deg,rgba(3,9,7,.04) 0,rgba(3,9,7,.12) 30%,rgba(3,9,7,.84) 60%,#06100d 100%),url("assets/form84-hero-pride.webp");
    background-position:42% center;
  }
  .hero-copy{
    padding:255px 8px 48px 10px;
    width:100%;
    max-width:100%;
  }
  .hero-lockup{
    width:232px;
    margin:0 0 16px;
  }
  .hero-lockup .brand-crown{width:86px}
  .hero-lockup .hero-wordmark{width:232px}
  .hero-lockup .brand-crown,
  .hero-lockup .brand-wordmark{
    filter:drop-shadow(0 2px 3px rgba(0,0,0,.95)) drop-shadow(0 0 13px rgba(0,0,0,.9));
  }
  .hero h1{
    font-size:clamp(34px,9.4vw,39px);
    line-height:1.02;
    letter-spacing:-.048em;
    max-width:360px;
  }
  .hero-lede{
    max-width:360px;
    font-size:13.5px;
    margin-top:16px;
  }
  .hero-lede .hero-pillars{font-size:1.02em;line-height:1.38}
  .hero-lede .hero-explainer{line-height:1.48}
  .hero-actions{max-width:360px}
  .hero-proof{max-width:360px}
}
@media(max-width:390px){
  .hero-copy{padding-top:245px;padding-left:9px;padding-right:6px}
  .hero-lockup{width:220px}
  .hero-lockup .hero-wordmark{width:220px}
  .hero-lockup .brand-crown{width:82px}
  .hero h1{font-size:35px;max-width:344px}
  .hero-lede,.hero-actions,.hero-proof{max-width:344px}
}

/* ========================================================================
   v2.2 BETA ACCESS FLOW
   Dedicated controlled-beta landing page and request/return paths.
   ======================================================================== */
.beta-access-page{background:#06100d}
.beta-access-hero{position:relative;overflow:hidden;padding:170px 0 86px;background:linear-gradient(180deg,#07110d 0,#081711 100%)}
.beta-access-glow{position:absolute;inset:-30% -10% auto 35%;height:620px;background:radial-gradient(circle,rgba(49,226,157,.13) 0,rgba(49,226,157,.035) 38%,transparent 70%);pointer-events:none}
.beta-access-hero-inner{position:relative;z-index:1;max-width:940px;text-align:center}
.beta-page-lockup{width:270px;margin:0 auto 28px;align-items:center}
.beta-page-lockup .brand-crown{width:100px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.4))}
.beta-page-lockup .brand-wordmark{width:270px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.42))}
.beta-access-hero .kicker{margin-bottom:18px}
.beta-access-hero h1{margin:0;font-size:clamp(46px,5.5vw,76px);line-height:.98;letter-spacing:-.055em;text-wrap:balance}
.beta-access-hero p{max-width:740px;margin:26px auto 0;color:#a8bbb2;font-size:18px;line-height:1.72}

.beta-path-section{padding:20px 0 94px;background:#081711}
.beta-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.beta-path-card{position:relative;min-height:430px;padding:38px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.012));overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.beta-path-card:before{content:"";position:absolute;inset:auto -80px -120px auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(54,231,165,.11),transparent 68%);pointer-events:none}
.beta-path-new{border-color:rgba(72,229,169,.26);background:linear-gradient(155deg,rgba(37,115,84,.14),rgba(255,255,255,.015))}
.beta-path-number{position:absolute;right:30px;top:18px;font-size:92px;font-weight:900;line-height:1;color:rgba(255,255,255,.028);letter-spacing:-.07em}
.beta-path-card .kicker{margin:0 0 15px}
.beta-path-card h2{font-size:clamp(34px,3.7vw,48px);margin:0 0 18px;max-width:520px}
.beta-path-card>p{max-width:580px}
.beta-check-list{list-style:none;margin:28px 0 34px;padding:0;display:grid;gap:12px}
.beta-check-list li{position:relative;padding-left:27px;color:#b5c5be;font-size:14px;line-height:1.55}
.beta-check-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--green);font-weight:900}
.beta-path-card>.button,.beta-path-action>.button{min-width:190px}
.beta-path-action{margin-top:36px}

.beta-expect-section{padding:0 0 92px;background:#081711}
.beta-expect-panel{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:58px;padding:48px 52px;border:1px solid rgba(255,255,255,.07);border-radius:28px;background:linear-gradient(135deg,#0b1c16,#09150f)}
.beta-expect-panel h2{font-size:clamp(34px,3.5vw,48px);margin:0;max-width:540px}
.beta-expect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.beta-expect-grid>div{padding:19px;border:1px solid rgba(255,255,255,.06);border-radius:17px;background:rgba(0,0,0,.12)}
.beta-expect-grid b{display:block;margin-bottom:6px;color:#eef7f2;font-size:14px}
.beta-expect-grid span{display:block;color:#91a79d;font-size:12.5px;line-height:1.55}

.beta-request-section{padding:94px 0;background:linear-gradient(180deg,#06100d,#07130f)}
.beta-request-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:80px;align-items:start}
.beta-request-copy{position:sticky;top:120px}
.beta-request-copy h2{font-size:clamp(38px,4.1vw,56px);margin:0 0 20px}
.beta-request-copy>p{max-width:580px}
.beta-privacy-note{margin-top:22px!important;padding-top:20px;border-top:1px solid rgba(255,255,255,.07);font-size:13px!important}
.beta-privacy-note a{color:#7feabd;font-weight:800}
.beta-request-form{display:grid;gap:18px;padding:34px;border:1px solid rgba(255,255,255,.08);border-radius:25px;background:#0a1913;box-shadow:0 30px 70px rgba(0,0,0,.18)}
.beta-request-form label{display:grid;gap:8px}
.beta-request-form label>span{color:#dce8e2;font-size:12px;font-weight:850;letter-spacing:.04em}
.beta-request-form label>span em{color:#789086;font-style:normal;font-weight:650}
.beta-request-form input[type="text"],.beta-request-form input[type="email"],.beta-request-form textarea{width:100%;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#07110d;color:#f3faf6;padding:14px 15px;font:inherit;font-size:14px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}
.beta-request-form textarea{resize:vertical;min-height:112px}
.beta-request-form input::placeholder,.beta-request-form textarea::placeholder{color:#657c72}
.beta-request-form input:focus,.beta-request-form textarea:focus{border-color:rgba(69,232,168,.65);box-shadow:0 0 0 3px rgba(69,232,168,.1);background:#08140f}
.beta-consent-row{grid-template-columns:18px 1fr!important;align-items:start;gap:11px!important;padding:4px 0 6px}
.beta-consent-row input{margin:3px 0 0;accent-color:#42e5a5}
.beta-consent-row span{font-weight:650!important;line-height:1.5;color:#9fb2a9!important;letter-spacing:0!important}
.beta-request-form .button{width:max-content;min-width:190px}
.beta-request-form .button:disabled{opacity:.55;cursor:wait;transform:none}
.beta-inline-status{margin:14px 0 0!important;padding:13px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(0,0,0,.18);color:#aac0b6!important;font-size:12.5px!important;line-height:1.55!important}
.beta-inline-status[data-state="preview"]{border-color:rgba(238,204,111,.22);color:#d7c58e!important}
.beta-inline-status[data-state="success"]{border-color:rgba(72,229,169,.3);color:#91e6be!important}
.beta-inline-status[data-state="error"]{border-color:rgba(255,115,115,.28);color:#efb0b0!important}
.beta-inline-status:focus{outline:2px solid rgba(77,236,174,.55);outline-offset:3px}

.beta-return-section{padding:0 0 98px;background:#07130f}
.beta-return-panel{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:42px 46px;border:1px solid rgba(255,255,255,.07);border-radius:24px;background:linear-gradient(110deg,rgba(255,255,255,.025),rgba(43,133,98,.08))}
.beta-return-panel h2{font-size:clamp(30px,3vw,42px);margin:0;max-width:660px}
.beta-return-panel .button{flex:0 0 auto}

@media(max-width:900px){
  .beta-access-hero{padding:135px 0 66px}
  .beta-access-hero p{font-size:16px}
  .beta-path-grid{grid-template-columns:1fr}
  .beta-path-card{min-height:0}
  .beta-expect-panel{grid-template-columns:1fr;gap:30px;padding:38px}
  .beta-request-layout{grid-template-columns:1fr;gap:38px}
  .beta-request-copy{position:static}
  .beta-request-form{max-width:700px;width:100%}
}

@media(max-width:640px){
  .beta-access-hero{padding:112px 0 54px}
  .beta-page-lockup{width:220px;margin-bottom:22px}
  .beta-page-lockup .brand-crown{width:82px}
  .beta-page-lockup .brand-wordmark{width:220px}
  .beta-access-hero .kicker{font-size:9px;letter-spacing:.16em}
  .beta-access-hero h1{font-size:42px;line-height:1.01}
  .beta-access-hero p{font-size:14px;line-height:1.62;margin-top:19px}
  .beta-path-section{padding:12px 0 70px}
  .beta-path-grid{gap:13px}
  .beta-path-card{padding:27px 21px;border-radius:21px}
  .beta-path-number{font-size:70px;right:18px;top:15px}
  .beta-path-card h2{font-size:34px}
  .beta-path-card>p{font-size:14px}
  .beta-check-list{margin:23px 0 28px}
  .beta-path-card>.button,.beta-path-action>.button{width:100%}
  .beta-expect-section{padding-bottom:70px}
  .beta-expect-panel{padding:28px 20px;border-radius:21px}
  .beta-expect-panel h2{font-size:34px}
  .beta-expect-grid{grid-template-columns:1fr}
  .beta-request-section{padding:72px 0}
  .beta-request-copy h2{font-size:37px}
  .beta-request-form{padding:23px 19px;border-radius:20px}
  .beta-request-form .button{width:100%}
  .beta-return-section{padding-bottom:72px}
  .beta-return-panel{display:grid;padding:28px 20px;border-radius:21px}
  .beta-return-panel h2{font-size:32px}
  .beta-return-panel .button{width:100%}
}

/* v2.3 trust / intake additions */
.beta-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.legal-updated{margin:-8px 0 30px;color:#7f988d;font-size:13px;font-style:italic}
.legal-shell a{color:#77e5b8}
.legal-shell a:hover{color:#a4f2d3}