@font-face{font-family:"Bricolage Fallback";src:local("Arial Bold"),local("Arial-BoldMT"),local("Roboto Bold"),local("Roboto-Bold"),local("HelveticaNeue-Bold");font-weight:800;size-adjust:82%}
@font-face{font-family:"Instrument Fallback";src:local("Arial"),local("ArialMT"),local("Roboto"),local("Roboto-Regular"),local("HelveticaNeue");size-adjust:102%}
@font-face{font-family:"Bricolage Grotesque";src:url(fonts/bricolage-sub.woff2) format("woff2");font-weight:600 800;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(fonts/instrument-sub.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(fonts/instrument-italic.woff2) format("woff2");font-weight:400 700;font-style:italic;font-display:optional}
@font-face{font-family:"Geist Mono";src:url(fonts/geistmono-sub.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Caveat";src:url(fonts/caveat.woff2) format("woff2");font-weight:400 700;font-display:optional}

:root{
  --navy:#071a33;--deep:#0c2d5e;--blue:#1268e3;--blue-ink:#0b4fb3;--sky:#5eb3ff;--foam:#e8f1fb;--paper:#f6f9fc;--white:#fff;
  --red:#d7193a;--red-ink:#b3122f;--red-light:#ff5a6e;
  --aqua:#3cc4cf;            --concrete:#e4e0d8;        --concrete-2:#d3cdc2;
  --pen:#22408f;             --ink:#071a33;--muted:#4b5d78;--muted-light:#a9bdd8;--line:#dbe5f0;--line-dark:#1d3a66;
  --f-disp:"Bricolage Grotesque","Bricolage Fallback",sans-serif;
  --f-body:"Instrument Sans","Instrument Fallback",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --f-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --f-hand:"Caveat","Segoe Print","Bradley Hand",cursive;
  --wrap:1240px;--gut:clamp(20px,4vw,48px);--hdr:68px;--r:10px;--ease:cubic-bezier(.2,.7,.2,1);
  --shadow-dev:0 2px 4px rgba(7,26,51,.08),0 30px 60px -24px rgba(7,26,51,.45);
  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .27 0 0 0 0 .22 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --tiles:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23d6e6ea'/%3E%3Crect x='.6' y='.6' width='10.8' height='10.8' rx='1.2' fill='%230c2d5e'/%3E%3Crect x='12.6' y='.6' width='10.8' height='10.8' rx='1.2' fill='%233cc4cf'/%3E%3Crect x='.6' y='12.6' width='10.8' height='10.8' rx='1.2' fill='%233cc4cf'/%3E%3Crect x='12.6' y='12.6' width='10.8' height='10.8' rx='1.2' fill='%230c2d5e'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 16px)}
@media(max-width:700px){html{scroll-padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
@supports(overflow:clip){body{overflow-x:clip}}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:var(--blue-ink);text-underline-offset:3px}
h1,h2,h3{font-family:var(--f-disp);font-weight:750;line-height:1.02;letter-spacing:-.025em;margin:0 0 .5em;text-wrap:balance}
h2{font-size:clamp(2.2rem,4.6vw,3.9rem);font-stretch:84%;line-height:.98}
h3{font-size:1.32rem;letter-spacing:-.015em;line-height:1.15}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:3px}
.hdr :focus-visible,.priv-sec :focus-visible,.pilot :focus-visible,.ftr :focus-visible,.h-storm :focus-visible,.h-dusk :focus-visible{outline-color:var(--sky)}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:var(--ink);padding:10px 14px;font-weight:700}
.skip:focus{left:8px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.nowrap{white-space:nowrap}
.hand{font-family:var(--f-hand);font-weight:600;letter-spacing:0}

.kicker{font:600 .78rem/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-ink);margin:0 0 18px;display:flex;align-items:center;gap:10px}
.kicker::before{content:"";width:22px;height:2px;background:currentColor}
.kicker-light{color:var(--sky)}
.sub{font-size:1.12rem;color:var(--muted);max-width:42ch}
.sub-light{color:var(--muted-light)}
.fine{font-size:.85rem;color:var(--muted)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 24px;border-radius:8px;font:700 1.02rem/1 var(--f-body);text-decoration:none;cursor:pointer;border:2px solid transparent;transition:background .18s var(--ease),transform .18s var(--ease),border-color .18s,color .18s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn-red{background:var(--red);color:#fff;box-shadow:0 3px 0 var(--red-ink)}
.btn-red:hover{background:var(--red-ink)}
.btn-red span{transition:transform .2s var(--ease)}
.btn-red:hover span{transform:translateX(3px)}
.btn-line-light{border-color:rgba(255,255,255,.45);color:#fff}
.btn-line-light:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn-sm{min-height:42px;padding:10px 16px;font-size:.92rem;box-shadow:none}
.btn-block{width:100%}
.link-arrow{font-weight:700;color:var(--navy);text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:5px}
.link-arrow:hover{color:var(--red-ink)}

.hdr{position:sticky;top:0;z-index:40;background:var(--navy);color:#fff;transition:box-shadow .2s}
.hdr.scrolled{box-shadow:0 1px 0 var(--line-dark),0 10px 30px -18px rgba(0,0,0,.6)}
.hdr-in{display:flex;align-items:center;gap:22px;height:var(--hdr)}
.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.wordmark{font:700 1.38rem/1 var(--f-disp);letter-spacing:-.035em;font-stretch:92%}
.wordmark b{font-weight:800;color:var(--sky)}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{color:#d6e2f2;text-decoration:none;font-weight:600;font-size:.95rem;padding:8px 10px;border-radius:6px}
.nav a:hover{color:#fff;background:rgba(255,255,255,.07)}
.nav-demo{color:#fff!important;text-decoration:underline!important;text-decoration-color:var(--sky)!important;text-underline-offset:5px}
.nav-toggle{display:none}
@media(max-width:1100px){
  .nav{position:fixed;inset:var(--hdr) 0 auto 0;flex-direction:column;background:var(--navy);padding:10px var(--gut) 26px;gap:0;border-top:1px solid var(--line-dark);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}
  .nav.open{opacity:1;visibility:visible;transform:none}
  .nav a{font-size:1.2rem;padding:14px 0;border-bottom:1px solid var(--line-dark);border-radius:0}
  .nav-toggle{display:grid;place-content:center;gap:6px;width:46px;height:46px;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer}
  .nav-toggle span{display:block;width:20px;height:2px;background:#fff;transition:transform .2s}
  .nav-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
  .nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .hdr-cta{margin-left:auto}
  .hdr-cta+.nav-toggle{margin-left:0}
}
@media(max-width:520px){.hdr-cta{display:none}.wordmark{font-size:1.25rem}}

.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);min-height:min(880px,calc(100svh - var(--hdr)));background:var(--blue);overflow:hidden}
.deck{grid-area:1/1;position:relative;z-index:3;background:var(--noise),
  linear-gradient(90deg,transparent calc(50% - 1px),rgba(90,80,64,.18) calc(50% - 1px) 50%,transparent 50%) 0 0/100% 100%,
  linear-gradient(transparent calc(62% - 1px),rgba(90,80,64,.16) calc(62% - 1px) 62%,transparent 62%),
  linear-gradient(160deg,#ece9e2,var(--concrete) 60%,#dcd7cd);color:var(--ink);display:flex;align-items:center}
.deck-in{position:relative;z-index:1;padding:clamp(40px,6vw,84px) calc(var(--gut) + 48px) clamp(56px,7vw,96px) max(var(--gut),calc((100vw - var(--wrap))/2 + var(--gut)))}
.eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font:600 .76rem/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#4a4a44;margin:0 0 24px}
.eb-tag{background:var(--navy);color:#fff;padding:5px 9px;border-radius:3px}
.hero-h{font-size:clamp(3.4rem,7.4vw,7.4rem);font-weight:800;font-stretch:76%;line-height:.86;letter-spacing:-.03em;margin:0 0 28px;color:var(--navy)}
.hero-h .hl{position:relative;display:inline-block;color:var(--red)}
@keyframes underline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.lede{font-size:clamp(1.06rem,1.35vw,1.22rem);color:#2f3a48;max-width:34em;margin-bottom:30px}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-bottom:22px}
.hero-fine{font-size:.9rem;color:#4a4943;margin:0;max-width:40ch}
.coping{position:absolute;z-index:2;top:0;bottom:0;right:0;width:38px;background:var(--noise),linear-gradient(90deg,#d8d2c6,#f6f3ec 45%,#fffdf8 60%,#cfc8bb);box-shadow:10px 0 18px -4px rgba(4,30,70,.45)}
.depth{position:absolute;right:58px;bottom:44px;width:66px;height:66px;display:grid;place-content:center;text-align:center;background:#fbfaf6;border:1px solid #cfc8bb;border-radius:3px;box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 5px #e0d9cc;font:800 .8rem/1 var(--f-disp);color:var(--red-ink);letter-spacing:.04em}
.depth b{font-size:1.9rem;line-height:.9;display:block}
.depth-2{right:134px;font-size:.66rem;line-height:1.15;color:var(--navy)}
.water{grid-area:1/2;position:relative;overflow:hidden;background:
  radial-gradient(90% 70% at 20% 18%,rgba(94,179,255,.55),transparent 70%),
  linear-gradient(170deg,#1f86ee 0%,var(--blue) 42%,#0d52bf 100%)}
.tileline{position:absolute;z-index:4;left:0;top:0;bottom:0;width:24px;background:var(--tiles) 0 0/24px 24px;box-shadow:6px 0 10px -2px rgba(3,20,55,.45)}
.caustic{position:absolute;z-index:2;top:-420px;left:-420px;right:0;bottom:0;background:url(img/caustics.webp) 0 0/420px 420px repeat;opacity:.42;will-change:transform;animation:drift 28s linear infinite}
.caustic.c2{top:-560px;left:0;right:-560px;background-size:560px 560px;opacity:.22;animation:drift2 43s linear infinite}
@keyframes drift{to{transform:translate3d(420px,420px,0)}}
@keyframes drift2{to{transform:translate3d(-560px,560px,0)}}
.laneline{position:absolute;z-index:1;left:62%;top:9%;bottom:9%;width:22px;background:rgba(5,22,60,.42);border-radius:2px;filter:blur(1.2px)}
.laneline::before,.laneline::after{content:"";position:absolute;left:-26px;right:-26px;height:22px;background:inherit;border-radius:2px}
.laneline::before{top:0}.laneline::after{bottom:0}
.lanerope{position:absolute;z-index:3;top:-20px;bottom:-20px;right:9%;width:20px;animation:bob 3.6s ease-in-out infinite alternate}
.lanerope::before{content:"";position:absolute;top:0;bottom:0;left:18px;width:18px;background:rgba(2,14,40,.4);filter:blur(5px);border-radius:10px}
.lanerope i{position:absolute;inset:0;-webkit-mask:radial-gradient(ellipse 10px 8px at 50% 50%,#000 94%,transparent) 0 0/20px 17px repeat-y;mask:radial-gradient(ellipse 10px 8px at 50% 50%,#000 94%,transparent) 0 0/20px 17px repeat-y;background:
  linear-gradient(90deg,rgba(0,0,0,.25),transparent 35%,rgba(255,255,255,.45) 55%,rgba(0,0,0,.22)),
  linear-gradient(180deg,var(--red) 0 50%,#fff 50% 100%) 0 0/20px 34px repeat-y}
@keyframes bob{to{transform:translate3d(-3px,6px,0)}}
.sunglint{position:absolute;z-index:3;left:8%;top:6%;width:46%;height:34%;background:radial-gradient(closest-side,rgba(255,255,255,.22),transparent);animation:glint 7s ease-in-out infinite alternate;pointer-events:none}
@keyframes glint{to{opacity:.45;transform:translate3d(6%,4%,0) scale(1.08)}}
.hero.still .caustic,.hero.still .lanerope,.hero.still .sunglint{animation-play-state:paused}

.hero-stage{grid-area:1/2;position:relative;z-index:5;display:grid;place-items:center;padding:40px 24px 110px 64px}
.mock{position:relative;width:clamp(250px,21vw,300px);transform:rotate(-4deg);margin-left:-8%}
.phone-x{container-type:inline-size;background:#0b1426;border-radius:15%/7%;padding:3.6%;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,22px 40px 40px -10px rgba(2,14,40,.55),40px 70px 60px -20px rgba(2,14,40,.35)}
.phone-scr{position:relative;aspect-ratio:390/800;border-radius:11%/5.4%;overflow:hidden;background:#f2f6fb;color:var(--ink);font-family:var(--f-body);font-size:4.1cqw;line-height:1.3}
.mk-bar{display:flex;align-items:center;gap:1.6cqw;height:13cqw;padding:0 5cqw;background:var(--navy);color:#fff;font:700 4.6cqw/1 var(--f-disp);letter-spacing:-.02em}
.mk-bar b{color:var(--sky)}
.mk-logo{width:6cqw;height:6cqw;border-radius:1.4cqw;background:linear-gradient(135deg,var(--blue),var(--sky))}
.mk-time{margin-left:auto;font:600 3.6cqw/1 var(--f-mono);color:#cfe0f5}
.mk-view{position:absolute;inset:13cqw 0 0;padding:4.5cqw 5cqw;transition:opacity .45s var(--ease),transform .45s var(--ease)}
.mk-head{position:relative;background:var(--deep);color:#fff;border-radius:3cqw;padding:4cqw 4.5cqw 6cqw;margin-bottom:4.5cqw;overflow:hidden}
.mk-head small{display:block;font:600 2.9cqw/1 var(--f-mono);letter-spacing:.12em;color:var(--sky);margin-bottom:1.6cqw}
.mk-head b{font:750 5.4cqw/1.05 var(--f-disp);letter-spacing:-.02em}
.mk-dots{position:absolute;left:4cqw;right:4cqw;bottom:2cqw;height:1.6cqw;background:radial-gradient(circle,#fff 45%,transparent 50%) 0 0/3.2cqw 1.6cqw repeat-x,radial-gradient(circle,var(--red) 45%,transparent 50%) 1.6cqw 0/3.2cqw 1.6cqw repeat-x;opacity:.85}
.mk-form label{display:block;font-weight:700;font-size:3.6cqw;margin:0 0 1.4cqw}
.mk-in{height:10.5cqw;border:.5cqw solid #c6d4e4;border-radius:2cqw;background:#fff;padding:0 3cqw;display:flex;align-items:center;font-size:3.9cqw;margin-bottom:3.4cqw;white-space:nowrap;overflow:hidden}
.mk-in.on{border-color:var(--blue)}
.mk-in.on::after{content:"";width:.5cqw;height:5cqw;background:var(--blue);margin-left:.4cqw;animation:caret .9s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.mk-step{display:flex;justify-content:space-between;align-items:center;border:.5cqw solid #c6d4e4;border-radius:2cqw;background:#fff;padding:2.2cqw 3cqw;margin-bottom:2.4cqw;font-weight:700;font-size:3.8cqw}
.mk-step small{font-weight:500;color:var(--muted);font-size:2.9cqw;margin-left:1cqw}
.mk-step b{font:700 5cqw/1 var(--f-mono);min-width:8cqw;text-align:center;transition:transform .2s}
.mk-step b.bump{transform:scale(1.35);color:var(--blue)}
.mk-btn{margin-top:3.4cqw;height:12.5cqw;border-radius:2.6cqw;background:var(--blue);color:#fff;display:grid;place-items:center;font:700 4.6cqw/1 var(--f-body);transition:transform .15s,background .15s}
.mk-btn.press{transform:scale(.95);background:var(--blue-ink)}
.mk-pass{background:repeating-linear-gradient(135deg,transparent 0 7cqw,rgba(255,255,255,.06) 7cqw 14cqw),#0f766e;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4cqw;opacity:0;transform:translateY(8%)}
.mk-tick{width:19cqw;height:19cqw;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center}
.mk-tick svg{width:11cqw;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24}
.mock[data-s=pass] .mk-tick svg{animation:tick .5s .2s var(--ease) forwards}
@keyframes tick{to{stroke-dashoffset:0}}
.mk-ok{font:750 6.6cqw/1.05 var(--f-disp)}
.mk-clock{font:800 15cqw/1 var(--f-disp);letter-spacing:-.04em}
.mk-clock small{font-size:5.2cqw;letter-spacing:0}
.mk-color{background:#fff;color:var(--navy);font:800 6.4cqw/1 var(--f-mono);letter-spacing:.2em;padding:2.8cqw 6cqw;border-radius:2cqw}
.mk-who{font-weight:700;font-size:3.8cqw;padding:0 4cqw}
.mock[data-s=pass] .mk-form{opacity:0;transform:translateY(-6%)}
.mock[data-s=pass] .mk-pass{opacity:1;transform:none}
.ondeck{position:absolute;left:-78%;top:4%;width:218px;background:#fff;border-radius:10px;padding:14px 16px 13px;box-shadow:0 1px 0 rgba(0,0,0,.05),14px 24px 30px -12px rgba(30,25,15,.35);transform:rotate(3deg);display:grid;gap:6px;color:var(--ink)}
.od-lbl{font:600 .62rem/1 var(--f-mono);letter-spacing:.1em;color:var(--muted)}
.od-num{font:800 2.9rem/.9 var(--f-disp);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.od-num small{font-size:1rem;color:var(--muted);letter-spacing:0;margin-left:3px}
.od-num b.bump{color:var(--blue)}
.od-bar{height:7px;background:var(--foam);border-radius:4px;overflow:hidden}
.od-bar i{display:block;height:100%;width:34%;background:var(--blue);border-radius:4px;transition:width .3s var(--ease)}
.od-last{font-size:.72rem;color:var(--muted);line-height:1.3}
.mock-note{position:absolute;left:2%;top:calc(100% + 16px);width:180px;margin:0;transform:rotate(2deg);color:#fff;font-size:1.28rem;line-height:1.05;text-shadow:0 1px 2px rgba(0,30,80,.4)}
.mock-note::after{content:"";position:absolute;left:-26px;top:-22px;width:22px;height:34px;border-top:2px solid #fff;border-left:2px solid #fff;border-radius:22px 0 0 0}
.mock-pause{position:absolute;right:-6px;top:calc(100% + 22px);transform:rotate(4deg);font:600 .74rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;background:rgba(7,26,51,.55);color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:5px;padding:8px 11px;cursor:pointer}
.mock-pause:hover{background:var(--navy)}
@media(max-width:1180px){.ondeck{left:-70%;width:196px}}
@media(max-width:960px){
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-h{font-size:clamp(3.6rem,17vw,5.4rem)}
  .deck{grid-area:1/1}
  .deck-in{padding:28px var(--gut) 54px}
  .depth{bottom:40px}
  .water,.hero-stage{grid-area:2/1}
  .coping{top:auto;left:0;width:auto;height:30px;background:var(--noise),linear-gradient(180deg,#d8d2c6,#f6f3ec 45%,#fffdf8 60%,#cfc8bb);box-shadow:0 10px 18px -4px rgba(4,30,70,.45)}
  .depth{bottom:46px;right:var(--gut);width:54px;height:54px}.depth b{font-size:1.5rem}
  .depth-2{display:none}
  .tileline{top:0;left:0;right:0;bottom:auto;width:auto;height:24px;box-shadow:0 6px 10px -2px rgba(3,20,55,.45)}
  .laneline{left:9%;right:9%;top:auto;bottom:22%;width:auto;height:20px}
  .laneline::before,.laneline::after{top:-24px;bottom:-24px;left:auto;right:auto;width:20px;height:auto}
  .laneline::before{left:0}.laneline::after{right:0;left:auto}
  .lanerope{top:56%;bottom:auto;left:-20px;right:-20px;width:auto;height:20px}
  .lanerope::before{left:0;right:0;top:16px;bottom:auto;width:auto;height:18px}
  .lanerope i{-webkit-mask:radial-gradient(ellipse 8px 10px at 50% 50%,#000 94%,transparent) 0 0/17px 20px repeat-x;mask:radial-gradient(ellipse 8px 10px at 50% 50%,#000 94%,transparent) 0 0/17px 20px repeat-x;background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 35%,rgba(255,255,255,.45) 55%,rgba(0,0,0,.22)),linear-gradient(90deg,var(--red) 0 50%,#fff 50% 100%) 0 0/34px 20px repeat-x}
  .hero-stage{padding:58px var(--gut) 96px;place-items:center}
  .mock{margin:0 3% 0 auto;width:min(60vw,262px)}
  .hero-fine{display:none}
  .eyebrow{margin-bottom:16px}
  .lede{margin-bottom:22px}
  .ondeck{left:-40%;top:-28px;width:156px;padding:11px 12px}
  .od-num{font-size:2.3rem}
  .od-last{display:none}
  .mock-note{left:-4%;width:150px;font-size:1.08rem}
  .mock-note::after{display:none}
  .mock-pause{right:0;top:calc(100% + 18px)}
}
@media(max-width:400px){.ondeck{left:-42%;width:146px}}

.dev{position:relative;background:#0b1426;box-shadow:var(--shadow-dev)}
.dev .screen{overflow:hidden;background:#fff}
.dev img{width:100%}
.phone{border-radius:13%/6%;padding:3.4%}
.phone .screen{border-radius:10%/4.6%;aspect-ratio:390/844}
.tablet{border-radius:4.2%/6%;padding:2.6%}
.tablet .screen{border-radius:1.6%/2.3%;aspect-ratio:1180/820}
.browser{border-radius:10px;padding:0;background:#dfe7f1;box-shadow:0 1px 2px rgba(7,26,51,.1),0 24px 50px -24px rgba(7,26,51,.4);overflow:hidden;border:1px solid #cbd7e6}
.browser .bar{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;background:#e9eef5;border-bottom:1px solid #cbd7e6}
.browser .bar i{width:10px;height:10px;border-radius:50%;background:#c3cfdf}
.browser .bar span{margin-left:14px;font:500 .74rem/1 var(--f-mono);color:var(--muted);background:#fff;border:1px solid #d5dfeb;border-radius:5px;padding:5px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.browser .screen{aspect-ratio:1440/900}

.sec{padding:clamp(76px,9vw,132px) 0;position:relative}

.paper-sec{background:#fff}
.paper-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,6vw,90px);align-items:start}
.paper-copy h2{max-width:12ch}
.big-p{font:600 clamp(1.2rem,1.8vw,1.5rem)/1.35 var(--f-disp);letter-spacing:-.01em;font-stretch:94%;max-width:30ch}
.specs{margin:30px 0 0;border-top:2px solid var(--ink)}
.specs div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.specs dt{font:600 .76rem/1.9 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--blue-ink)}
.specs dd{margin:0;font-size:1rem}
.paper-stage{position:relative}
.js .paper-stage.live{height:135vh}
.js .paper-copy{position:sticky;top:calc(var(--hdr) + 40px)}
.js .paper-stage.live .paper-sticky{position:sticky;top:calc(var(--hdr) + 28px)}
.board{position:relative;max-width:560px;margin:0 auto;padding:52px 20px 22px;border-radius:20px;background:
  repeating-linear-gradient(97deg,rgba(0,0,0,.035) 0 2px,transparent 2px 7px),linear-gradient(150deg,#a5815a,#8c6a45);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),0 30px 50px -26px rgba(40,25,10,.55)}
.clip{position:absolute;z-index:6;left:50%;top:-14px;width:44%;height:60px;transform:translateX(-50%);border-radius:10px 10px 6px 6px;background:linear-gradient(180deg,#f4f6f8,#b9c0c8 45%,#e7eaee 55%,#9aa3ad);box-shadow:0 6px 10px -4px rgba(0,0,0,.45),inset 0 -2px 0 rgba(0,0,0,.15)}
.clip::after{content:"";position:absolute;left:50%;top:9px;width:46px;height:14px;border-radius:7px;transform:translateX(-50%);background:#7c858f;box-shadow:inset 0 2px 2px rgba(0,0,0,.4)}
.sheet,.digi{position:relative;border-radius:3px}
.sheet{background:repeating-linear-gradient(transparent 0 33px,#b9d3ef 33px 34px) 0 88px/100% 100% no-repeat,#fbfbf7;padding:16px 16px 18px 46px;box-shadow:0 1px 2px rgba(0,0,0,.2);transform:rotate(-.8deg);overflow:hidden;height:410px}
.sheet::before{content:"";position:absolute;left:34px;top:0;bottom:0;width:2px;background:rgba(215,25,58,.45)}
.sheet-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font:800 1.05rem/1 var(--f-disp);letter-spacing:.06em;color:#333;border-bottom:2px solid #333;padding-bottom:8px;margin-bottom:6px}
.sheet-h span{font:600 .7rem/1 var(--f-mono);letter-spacing:.06em}
.sheet-h .hand{font-size:1.25rem;color:var(--pen)}
.sheet-cols,.rows li{display:grid;grid-template-columns:52px 1.1fr 1.4fr 26px;gap:8px}
.sheet-cols{font:600 .62rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#666;padding:6px 0 10px}
.rows{list-style:none;margin:0;padding:0;color:var(--pen);font-size:1.32rem;line-height:34px}
.rows li span{white-space:nowrap;overflow:hidden}
.rows .tilt{transform:rotate(-1.2deg) translateX(3px)}
.rows .tilt2{transform:rotate(1deg) translateY(2px)}
.rows .smudge{filter:blur(1.3px);opacity:.75}
.rows .smudge2{filter:blur(.7px);opacity:.85;transform:rotate(-2deg)}
.stain{position:absolute;border-radius:50%;pointer-events:none}
.stain.s1{width:150px;height:136px;right:-14px;top:128px;transform:rotate(18deg);background:radial-gradient(closest-side,transparent 74%,rgba(120,100,70,.13) 84%,rgba(120,100,70,.03) 93%,transparent),radial-gradient(closest-side,rgba(90,130,170,.12),transparent)}
.stain.s2{width:240px;height:120px;left:30px;top:150px;background:radial-gradient(closest-side,rgba(70,110,160,.16),transparent);transform:rotate(-12deg)}
.drip{position:absolute;left:52%;top:0;width:28px;height:62%;background:linear-gradient(180deg,rgba(70,110,160,.16),rgba(70,110,160,.05) 80%,transparent);border-radius:0 0 14px 14px;filter:blur(2px)}
.digi{margin-top:18px;background:#fff;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,.2);font-size:.9rem}
.digi-h{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:4px}
.digi-h small{display:block;font:600 .6rem/1 var(--f-mono);letter-spacing:.12em;color:var(--blue-ink);margin-bottom:5px}
.digi-h b{font:750 1.1rem/1 var(--f-disp)}
.digi-n{text-align:right}
.digi-n b{font:800 2rem/.9 var(--f-disp);letter-spacing:-.03em}
.digi-n small{display:block;font:500 .7rem/1.2 var(--f-body);letter-spacing:0;color:var(--muted);margin:3px 0 0}
.drows{list-style:none;margin:0;padding:0}
.drows li{display:grid;grid-template-columns:62px 1fr auto;gap:10px;align-items:center;padding:5px 0;border-bottom:1px solid var(--line);line-height:1.25}
.drows time{font:600 .7rem/1 var(--f-mono);color:var(--muted)}
.drows span{font-size:.78rem;color:var(--muted)}
.drows b{display:block;font-size:.86rem;color:var(--ink)}
.drows em{font:700 .6rem/1 var(--f-mono);font-style:normal;letter-spacing:.1em;color:#fff;background:#0f766e;padding:4px 6px;border-radius:3px}
.digi-foot{margin:8px 0 0;font-size:.76rem;color:var(--muted)}
.squeegee{display:none}
.paper-cap{position:relative;max-width:560px;min-height:2.6em;margin:16px auto 0;font-size:.82rem;color:var(--muted);text-align:center}
.paper-cap>span{display:block}
.js .live .paper-cap>span{position:absolute;left:0;right:0;top:0}
.paper-cap .hand{font-size:1.3rem;color:var(--pen);line-height:1}
.js .live .digi{position:absolute;z-index:4;left:20px;right:20px;top:52px;bottom:22px;margin:0;overflow:hidden;clip-path:inset(0 0 calc((1 - var(--p,0)) * 100%) 0)}
.js .live .squeegee{display:block;position:absolute;z-index:5;left:6px;right:6px;top:52px;transform:translateY(calc(var(--p,0) * (var(--sh,600px) - 74px)));will-change:transform;height:22px;margin-top:-11px;opacity:calc(min(1,var(--p,0)*12) * min(1,(1 - var(--p,0))*12));pointer-events:none}
.js .live .squeegee::before{content:"";position:absolute;inset:0 0 auto;height:12px;border-radius:6px;background:linear-gradient(180deg,#2a7be8,#0c4fb8);box-shadow:0 2px 3px rgba(0,0,0,.35)}
.js .live .squeegee i{position:absolute;left:4px;right:4px;top:11px;height:7px;border-radius:0 0 4px 4px;background:#1b1f24}
.js .live .squeegee::after{content:"";position:absolute;left:0;right:0;top:-26px;height:26px;background:linear-gradient(180deg,transparent,rgba(94,179,255,.22));pointer-events:none}
.js .live .cap-done{opacity:calc(var(--p,0)*1.4 - .4)}
.js .live .paper-cap .hand{opacity:calc(1 - var(--p,0)*2.2)}
@media(max-width:900px){.paper-grid{grid-template-columns:1fr}.js .paper-copy{position:static}.js .paper-stage.live{height:140vh}.js .paper-stage.live .paper-sticky{top:calc(var(--hdr) + 14px)}}
@media(max-width:480px){
  .sheet-h{flex-wrap:wrap;font-size:.95rem}
  .sheet-h>span{font-size:.62rem}
  .board{padding:46px 12px 14px;border-radius:16px}
  .sheet{padding:12px 10px 14px 34px;height:390px}
  .sheet::before{left:24px}
  .sheet-cols,.rows li{grid-template-columns:40px 1fr 1.25fr 18px;gap:6px}
  .rows{font-size:1.12rem}
  .js .live .digi{left:12px;right:12px;top:46px;bottom:14px;padding:12px}
  .js .live .squeegee{top:46px;transform:translateY(calc(var(--p,0) * (var(--sh,600px) - 60px)))}
  .drows li{grid-template-columns:56px 1fr auto;gap:6px}
  .specs div{grid-template-columns:88px 1fr}
}

.specs-wrap{margin-top:clamp(40px,6vw,80px)}
.specs-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 22px;margin:0}
.specs-strip div{display:block;padding:16px 0 0;border-bottom:0}
.specs-strip dt{margin-bottom:6px}
.specs-strip dd{font-size:.95rem;color:#2f3a48}
@media(max-width:1000px){.specs-strip{grid-template-columns:1fr 1fr}.specs-strip div{padding-bottom:12px}}
@media(max-width:560px){.specs-strip{grid-template-columns:1fr}.specs-strip div{display:grid;grid-template-columns:88px 1fr;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}}

.day{background:var(--paper)}
.day-intro{padding-top:clamp(76px,9vw,120px);padding-bottom:clamp(20px,3vw,40px)}
.day-intro h2{max-width:14ch}
.day-list{list-style:none;margin:0;padding:0}
.hour{position:relative;padding:clamp(54px,7vw,96px) 0;overflow:hidden}
.h-morning{background:linear-gradient(180deg,var(--paper),#eef5fc)}
.h-test{background:linear-gradient(180deg,#eef5fc,#ddeefb)}
.h-noon{background:linear-gradient(180deg,#ddeefb,#cfeef1)}
.h-storm{background:linear-gradient(180deg,#3a4a5e,#243243 30%,#1d2938);color:#e6edf6}
.h-dusk{background:linear-gradient(180deg,#1d2938,var(--deep) 30%,var(--navy));color:#e6edf6}
.h-dusk::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--red) 30%,var(--red-light) 50%,var(--red) 70%,transparent);opacity:.7}
.hour-in{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,.9fr) minmax(0,1.35fr);gap:clamp(20px,4vw,56px);align-items:center}
.hour-t{display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums}
.hour-t .t{font:800 clamp(3.6rem,8vw,7.4rem)/.82 var(--f-disp);font-stretch:75%;letter-spacing:-.045em}
.hour-t .ap{font:600 .9rem/1 var(--f-mono);letter-spacing:.1em}
.h-morning .t,.h-test .t,.h-noon .t{color:var(--deep)}
.h-storm .t{color:#fff}
.h-dusk .t{color:var(--sky)}
.hour-copy h3{font-size:clamp(1.7rem,2.6vw,2.3rem);font-stretch:86%;margin-bottom:.35em}
.hour-copy p{margin:0;color:var(--muted);font-size:1.04rem;max-width:40ch}
.h-storm .hour-copy p,.h-dusk .hour-copy p{color:#c4d2e3}
.h-storm .hour-copy h3{color:#fff}
.h-dusk .hour-copy h3{color:#fff}
.hour-shot{margin:0;position:relative}
.shot-phone .phone{width:min(240px,62%);margin-left:auto;margin-right:12%;transform:rotate(3deg)}
.shot-tablet .tablet{transform:rotate(-1.2deg)}
.h-noon .shot-tablet .tablet{transform:rotate(1deg) translateX(4%)}
.shot-pair{display:grid;grid-template-columns:1fr}
.shot-pair .tablet{width:86%}
.shot-pair .phone{position:absolute;right:0;bottom:-14%;width:30%;transform:rotate(4deg)}
.h-storm .dev,.h-dusk .dev{box-shadow:0 0 0 1px rgba(255,255,255,.06),0 30px 60px -24px rgba(0,0,0,.8)}
.flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:0}
.h-storm .wrap{position:relative;z-index:1}
.h-storm.strike .flash{animation:flash 1.3s ease-out 1}
@keyframes flash{0%{opacity:0}5%{opacity:.32}10%{opacity:0}17%{opacity:.18}30%,100%{opacity:0}}
@media(max-width:900px){
  .hour-in{grid-template-columns:1fr;gap:16px}
  .hour-t .t{font-size:clamp(3.6rem,17vw,5rem)}
  .shot-phone .phone{margin:6px auto 0;width:min(220px,58%)}
  .shot-pair{padding-bottom:16%}
  .shot-pair .phone{bottom:0}
}

.lg-sec{background:var(--foam);overflow:hidden}
.lg-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(36px,6vw,90px);align-items:center}
.counter{background:#fff;border-radius:16px;padding:clamp(22px,3vw,36px);box-shadow:0 1px 0 rgba(7,26,51,.05),0 30px 60px -30px rgba(7,26,51,.35);border:1px solid var(--line)}
.ctr-num{font:800 clamp(6rem,15vw,12rem)/.8 var(--f-disp);font-stretch:75%;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--navy);display:flex;align-items:baseline;gap:6px;margin:4px 0 18px}
.ctr-num small{font-size:.24em;letter-spacing:0;color:var(--muted);font-stretch:100%}
.ctr-num.hot{color:var(--red-ink)}
.ctr-bar{height:14px;border-radius:7px;background:var(--foam);overflow:hidden}
.ctr-bar i{display:block;height:100%;width:34%;background:var(--blue);border-radius:7px;transition:width .35s var(--ease),background .2s}
.ctr-num.hot+.ctr-bar i{background:var(--red)}
.ctr-cap{font:600 .78rem/1.4 var(--f-mono);letter-spacing:.04em;color:var(--muted);margin:12px 0 20px}
.ctr-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ctr-b{min-height:64px;border-radius:12px;border:2px solid #c6d4e4;background:#fff;font:700 1rem/1.2 var(--f-body);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;transition:transform .12s,background .15s,border-color .15s}
.ctr-b b{font:700 1.1rem/1 var(--f-mono)}
.ctr-b:hover{border-color:var(--blue)}
.ctr-b:active{transform:scale(.97)}
.ctr-in{background:var(--blue);border-color:var(--blue);color:#fff}
.ctr-in:hover{background:var(--blue-ink)}
.ctr-b:disabled{opacity:.45;cursor:not-allowed}
.lg-copy h2{max-width:15ch}
.lg-list{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.lg-list li{padding:18px 0 16px;border-top:2px solid var(--ink)}
.lg-list h3{font-size:1.15rem;margin-bottom:6px}
.lg-list p{margin:0;color:var(--muted);font-size:.98rem}
.lg-storm h3{color:var(--red-ink)}
@media(max-width:960px){.lg-grid{grid-template-columns:1fr}}
@media(max-width:560px){.lg-list{grid-template-columns:1fr}.ctr-b{font-size:.92rem}}


.office-sec{background:#fff}
.office-head{display:grid;grid-template-columns:minmax(0,1fr);margin-bottom:clamp(36px,5vw,60px)}
.office-head h2{max-width:17ch;font-size:clamp(2.4rem,5.2vw,4.6rem)}
.office{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:end}
.office-shot{margin:0;position:relative}
.anno{position:absolute;color:var(--red-ink);font-size:1.45rem;line-height:1;white-space:nowrap}
.anno.a1{left:2%;top:-38px;transform:rotate(-2deg)}
.anno.a2{right:4%;top:38%;transform:rotate(-4deg);background:#fff;padding:4px 10px;border-radius:4px;box-shadow:0 6px 16px -8px rgba(7,26,51,.4)}
.anno.a1::after{content:"";position:absolute;left:100%;top:40%;width:60px;height:24px;margin-left:6px;border-top:2px solid currentColor;border-right:2px solid currentColor;border-radius:0 24px 0 0}
.alerts ul{list-style:none;margin:0 0 18px;padding:0;border-top:2px solid var(--ink)}
.alerts li{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-weight:600}
.pill{font:700 .68rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;padding:5px 7px;border-radius:4px;min-width:52px;text-align:center}
.pill-red{background:#fde7ea;color:var(--red-ink)}
.pill-amber{background:#e8f1fb;color:var(--blue-ink)}
@media(max-width:960px){.office{grid-template-columns:1fr}.anno.a1{top:-34px;font-size:1.25rem}.anno.a1::after{display:none}.anno.a2{font-size:1.15rem;top:auto;bottom:-18px}}

.rec-sec{background:var(--noise),linear-gradient(180deg,#e9e6df,var(--concrete))}
.rec-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:start}
.rec h2,.rep h2{font-size:clamp(2rem,3.4vw,2.9rem)}
.rec p,.rep p{color:#454a52;max-width:44ch}
.rec-shot{margin-top:28px}
.rep{padding-top:clamp(0px,8vw,120px)}
.pinned{position:relative;margin-top:30px;background:#fff;padding:10px;box-shadow:0 1px 2px rgba(0,0,0,.15),0 30px 50px -26px rgba(40,30,10,.45);transform:rotate(1.4deg);border-radius:2px}
.pin{position:absolute;z-index:2;left:50%;top:-10px;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8a98,var(--red) 45%,var(--red-ink));box-shadow:2px 5px 6px rgba(0,0,0,.3)}
@media(max-width:900px){.rec-grid{grid-template-columns:1fr}.rep{padding-top:0}}

.priv-sec{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cpath d='M0 17 17 0 34 17 17 34Z' fill='none' stroke='%23ffffff' stroke-opacity='.08' stroke-width='2'/%3E%3C/svg%3E") 0 0/34px 34px,var(--navy);color:#fff}
.priv{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:clamp(30px,5vw,80px);align-items:center}
.priv-head h2{color:#fff;font-size:clamp(2.5rem,5vw,4.4rem);font-stretch:80%}
.rules-sign{position:relative;background:#fdfdfb;color:var(--navy);border-radius:14px;padding:clamp(24px,3.4vw,40px);border:6px solid #fff;box-shadow:inset 0 0 0 3px var(--deep),0 40px 70px -30px rgba(0,0,0,.8);transform:rotate(-.8deg)}
.screw{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#eef1f4,#8f99a5);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.screw::after{content:"";position:absolute;left:2px;right:2px;top:5px;height:2px;background:#6b7580;transform:rotate(35deg)}
.screw.tl{left:12px;top:12px}.screw.tr{right:12px;top:12px}.screw.bl{left:12px;bottom:12px}.screw.br{right:12px;bottom:12px}
.rs-top{font:600 .72rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:center;margin:0 0 8px}
.rs-h{text-align:center;font:800 clamp(2rem,3.6vw,3rem)/1 var(--f-disp);font-stretch:78%;text-transform:uppercase;letter-spacing:.01em;color:var(--red);margin:0 0 22px;padding-bottom:14px;border-bottom:3px solid var(--deep)}
.rs-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.rs-sub{font:800 1rem/1 var(--f-disp);text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;color:var(--deep)}
.rs-no-h{color:var(--red-ink)}
.rs-yes,.rs-no{margin:0;padding:0 0 0 1.3em;font-weight:600;font-size:1rem}
.rs-yes li,.rs-no li{padding:7px 0;border-bottom:1px solid var(--line)}
.rs-no{list-style:none;padding:0}
.rs-no li::before{content:"NO ";font:800 .8rem/1 var(--f-disp);color:#fff;background:var(--red);padding:3px 5px;border-radius:3px;margin-right:8px;letter-spacing:.04em}
.rs-foot{margin:22px 0 0;padding-top:16px;border-top:3px solid var(--deep);font-size:.95rem;color:#2b3d58}
@media(max-width:900px){.priv{grid-template-columns:1fr}}
@media(max-width:560px){.rs-cols{grid-template-columns:1fr}.rules-sign{transform:none}}

.dev-sec{background:#fff}
.devices{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(30px,5vw,80px);align-items:center}
.lineup{color:var(--ink)}
.lineup-fill rect{fill:var(--foam)}
.lineup-check path{stroke:var(--blue)}
.lineup-cap{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:20.6% 19% 40.4% 20%;font:600 .7rem/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center}
@media(max-width:900px){.devices{grid-template-columns:1fr}}

.why-sec{background:var(--foam);padding:clamp(70px,8vw,120px) 0}
.why{display:flex;justify-content:center}
.notepad{position:relative;max-width:720px;width:100%;background:repeating-linear-gradient(transparent 0 31px,#c9dbef 31px 32px) 0 74px/100% 100% no-repeat,#fff;padding:26px clamp(22px,4vw,46px) 30px clamp(46px,6vw,74px);box-shadow:0 1px 2px rgba(0,0,0,.12),0 30px 50px -30px rgba(7,26,51,.45);transform:rotate(-.7deg);line-height:32px}
.notepad::before{content:"";position:absolute;left:clamp(30px,4.4vw,54px);top:0;bottom:0;width:2px;background:rgba(215,25,58,.5)}
.notepad::after{content:"";position:absolute;left:50%;top:-14px;width:130px;height:30px;margin-left:-65px;background:rgba(232,241,251,.75);border:1px solid rgba(7,26,51,.06);transform:rotate(-3deg)}
.np-h{font:800 1.6rem/42px var(--f-disp);font-stretch:86%;margin:0 0 6px;color:var(--navy)}
.notepad p{margin:0 0 32px;font-size:1.06rem}
.notepad .sig{font-size:2.8rem;line-height:1;color:var(--pen);margin:-4px 0 0!important;transform:rotate(-4deg);transform-origin:left}
.notepad .sig-role{font:600 .72rem/1.4 var(--f-mono)!important;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:6px 0 0!important}

.pilot{background:var(--deep);color:#fff;overflow:hidden}
.rope{position:absolute;left:0;right:0;height:16px;background:
  radial-gradient(ellipse 9px 6px at 50% 50%,var(--red) 98%,transparent) 0 50%/36px 16px repeat-x,
  radial-gradient(ellipse 9px 6px at 50% 50%,#fff 98%,transparent) 18px 50%/36px 16px repeat-x,
  linear-gradient(transparent 7px,rgba(255,255,255,.35) 7px 9px,transparent 9px)}
.rope-top{top:0}
.pilot-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:start}
.pilot h2{color:#fff;font-size:clamp(2.6rem,5.2vw,4.4rem);font-stretch:80%}
.ticks{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.95rem}
.ticks li{display:flex;gap:9px;align-items:flex-start}
.ticks li::before{content:"";flex:0 0 auto;width:15px;height:9px;border-left:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(-45deg) translate(2px,4px);color:var(--sky)}
.ticks-light{color:#d6e2f2}
.pilot .ticks{flex-direction:column;gap:12px;margin:26px 0 30px;font-size:1.05rem}
.pilot-form{background:#fff;color:var(--ink);border-radius:var(--r);padding:clamp(22px,3vw,34px);display:grid;gap:14px;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.pilot-form h3{margin:0 0 4px;font-size:1.5rem}
.pilot-form label{display:block;font-weight:600;font-size:.92rem}
.pilot-form label input,.pilot-form label select{margin-top:6px}
.pilot-form .opt{font-weight:400;color:var(--muted)}
.pilot-form input,.pilot-form select{width:100%;min-height:48px;padding:10px 12px;border:1.5px solid #c6d4e4;border-radius:7px;background:#fff;font:inherit;font-weight:400;font-size:1rem;color:var(--ink)}
.pilot-form input:focus,.pilot-form select:focus{border-color:var(--blue);outline:3px solid #cfe2fb;outline-offset:0}
.pilot-form [aria-invalid=true]{border-color:var(--red)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pilot-form .fine{margin:0}
@media(max-width:900px){.pilot-grid{grid-template-columns:1fr}}
@media(max-width:480px){.f2{grid-template-columns:1fr}}

.faq-sec{background:#fff}
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(30px,5vw,80px);align-items:start}
.faq-head{position:sticky;top:calc(var(--hdr) + 30px)}
.faq-head h2{max-width:13ch}
.faq{border-top:2px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:20px 46px 20px 0;position:relative;font:650 1.15rem/1.35 var(--f-disp);letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:14px;height:14px;margin-top:-7px;background:linear-gradient(var(--ink),var(--ink)) center/14px 2px no-repeat,linear-gradient(var(--ink),var(--ink)) center/2px 14px no-repeat;transition:transform .2s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:hover{color:var(--blue-ink)}
.faq details p{margin:-4px 0 22px;color:var(--muted);max-width:60ch}
@media(max-width:900px){.faq-grid{grid-template-columns:1fr}.faq-head{position:static}}

.ftr{position:relative;background:var(--navy);color:#cfdcee;padding:64px 0 40px;font-size:.95rem}
.ftr-rope{position:absolute;left:0;right:0;top:0;height:16px;background:
  radial-gradient(ellipse 9px 6px at 50% 50%,var(--red) 98%,transparent) 0 50%/36px 16px repeat-x,
  radial-gradient(ellipse 9px 6px at 50% 50%,#fff 98%,transparent) 18px 50%/36px 16px repeat-x,
  linear-gradient(transparent 7px,rgba(255,255,255,.35) 7px 9px,transparent 9px)}
.ftr-in{display:grid;grid-template-columns:1.2fr 1fr;gap:30px}
.ftr-brand p{margin:14px 0 0;max-width:42ch;color:var(--muted-light)}
.ftr .brand{color:#fff}
.ftr-nav{display:flex;flex-wrap:wrap;gap:6px 22px;align-content:start;justify-content:flex-end}
.ftr-nav a{color:#fff;text-decoration:none;font-weight:600}
.ftr-nav a:hover{text-decoration:underline}
.ftr-fine{grid-column:1/-1;border-top:1px solid var(--line-dark);padding-top:22px;margin:10px 0 0;font-size:.82rem;color:var(--muted-light);display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px}
@media(max-width:700px){.ftr-in{grid-template-columns:1fr}.ftr-nav{justify-content:flex-start}}

.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js .reveal.in{opacity:1;transform:none}
.js .hour-shot.reveal{transition-delay:.1s}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .reveal{opacity:1;transform:none}
}

.legal{max-width:760px;margin:0 auto;padding:clamp(48px,7vw,90px) var(--gut)}
.legal h1{font-size:clamp(2.4rem,5vw,3.6rem);font-stretch:86%}
.legal h2{font-size:1.5rem;margin-top:1.6em;font-stretch:100%}
.legal p,.legal li{color:#2b3d58}
.draft{font:600 .78rem/1.4 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--red-ink);border:1px solid var(--red-ink);display:inline-block;padding:6px 10px;border-radius:5px;margin-bottom:22px}
.notfound{min-height:70vh;display:grid;place-content:center;text-align:center;padding:60px var(--gut)}
.notfound h1{font-size:clamp(3rem,8vw,6rem);font-stretch:82%}
.legal .todo{font:600 .72rem/1 var(--f-mono);background:#fde7ea;color:var(--red-ink);padding:2px 5px;border-radius:3px}
.legal .draft .todo{background:#fff}
.legal ul{padding-left:1.2em}

.btn-hero,.co-cta .btn{white-space:normal;text-wrap:balance;text-align:left;max-width:100%}
.mock-note{width:auto;white-space:nowrap}
.mock-note span{display:block}
@media(min-width:961px){.mock-note{left:-6%;top:calc(100% + 18px)}}
@media(max-width:960px){
  .depth{display:none}
  .hero-stage{padding:44px var(--gut) 100px}
  .mock{margin:0 auto 0 2%;width:min(56vw,236px);transform:rotate(-3deg)}
  .ondeck{left:calc(100% - 14px);top:44%;width:148px;transform:rotate(3deg)}
  .mock-note{left:0;font-size:1.02rem;white-space:normal;width:200px}
  .mock-note span{display:inline}
  .mock-pause{right:auto;left:calc(100% + 24px);top:calc(100% + 6px)}
}
@media(max-width:400px){.ondeck{left:calc(100% - 18px);width:136px}.mock{width:min(55vw,214px)}}
@media(min-width:620px) and (max-width:960px){.mock{margin-left:12%}}

.co-sec{background:#fff;padding-top:clamp(70px,8vw,116px)}
.co-h{max-width:16ch;margin:0 0 clamp(30px,4vw,54px)}
.co-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.co-report{position:relative;margin:0;padding:0 0 0 0}
.co-paper{background:#fff;padding:10px;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.14),0 40px 70px -34px rgba(7,26,51,.5);transform:rotate(-1.2deg);border:1px solid #e3e8ef}
.co-paper img{display:block;width:100%;height:auto}
.co-anno{position:absolute;right:-6px;top:-38px;color:var(--pen);font-size:1.5rem;line-height:1;transform:rotate(-3deg);white-space:nowrap}
.co-anno::after{content:"";position:absolute;left:28%;top:100%;width:40px;height:34px;border-left:2px solid var(--pen);border-bottom:2px solid var(--pen);border-radius:0 0 0 30px;transform:rotate(8deg)}
.co-report figcaption{margin-top:16px;font-size:.84rem;color:var(--muted)}
.co-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.co-list li{padding:22px 0 22px;border-top:2px solid var(--ink)}
.co-list li:last-child{border-bottom:1px solid var(--line)}
.co-who{display:block;font:600 .76rem/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-ink);margin-bottom:8px}
.co-list h3{font-size:clamp(1.4rem,2.1vw,1.8rem);font-stretch:88%;margin:0 0 8px}
.co-list p{margin:0;color:#454a52;font-size:1.02rem}
.co-1 h3{color:var(--navy)}
.co-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:clamp(30px,4vw,50px)}
@media(max-width:900px){.co-grid{grid-template-columns:1fr}.co-anno{position:relative;display:block;right:auto;top:auto;margin:0 0 14px 4px;font-size:1.3rem;white-space:normal}.co-anno::after{display:none}}

@media(min-width:901px){.hour-in{grid-template-columns:minmax(0,.42fr) minmax(0,.78fr) minmax(0,1.6fr)}}
.card-shot{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px rgba(7,26,51,.08),0 34px 60px -28px rgba(7,26,51,.5);transform:rotate(-.8deg)}
.card-shot img{display:block;width:100%;height:auto}
.h-noon .card-shot{transform:rotate(.8deg)}
.shot-cap{margin-top:12px;font:600 .74rem/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.h-dusk .shot-cap,.h-storm .shot-cap{color:#9fb3cb}
.h-dusk .card-shot{max-width:430px}
.h-storm .card-shot,.h-dusk .card-shot{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 60px -24px rgba(0,0,0,.8)}
.shot-pair .card-shot{width:84%}
.shot-pair .phone{width:31%;bottom:-18%}
@media(max-width:900px){.shot-pair{padding-bottom:22%}.shot-pair .phone{bottom:0;width:34%}}

.storm-demo{background:#fff;border-radius:16px;padding:clamp(20px,2.6vw,30px);border:1px solid #dbe5f0;box-shadow:0 1px 0 rgba(7,26,51,.05),0 30px 60px -30px rgba(7,26,51,.35)}
.sd-tab{border:2px solid var(--ink);border-radius:12px;padding:16px;background:#f7fafd}
.sd-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px}
.sd-top small{display:block;font:600 .64rem/1 var(--f-mono);letter-spacing:.12em;color:var(--blue-ink);margin-bottom:5px}
.sd-top b{font:800 1.5rem/1 var(--f-disp);font-stretch:86%}
.sd-chip{font:700 .72rem/1 var(--f-mono);letter-spacing:.08em;padding:6px 9px;border-radius:4px;background:#dff5e8;color:#0f6b3c;white-space:nowrap;transition:background .3s,color .3s}
.sd-btn{width:100%;min-height:76px;border-radius:12px;border:0;background:var(--red);color:#fff;font:700 1.2rem/1 var(--f-body);display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 4px 0 var(--red-ink);transition:transform .12s,background .2s}
.sd-btn svg{width:24px;height:24px;fill:currentColor}
.sd-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--red-ink)}
.sd-cap{margin:12px 0 0;font-size:.95rem;color:var(--muted);min-height:2.9em}
.storm-demo[data-state=closed] .sd-chip{background:var(--red);color:#fff}
.storm-demo[data-state=closed] .sd-btn{background:#1d7a4c;box-shadow:0 4px 0 #125233}
.sd-flow{display:grid;grid-template-columns:1fr 1.15fr;gap:12px;margin-top:14px;position:relative}
.sd-flow::before{content:"";position:absolute;left:24%;right:24%;top:-14px;height:14px;border:2px dashed #b9c9dc;border-bottom:0;border-radius:10px 10px 0 0}
.sd-card{border:1px solid #dbe5f0;border-radius:10px;padding:12px;background:#fff;transition:box-shadow .4s,border-color .4s;min-height:132px}
.sd-lbl{display:block;font:600 .62rem/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.sd-ph-open b{display:block;font:750 .95rem/1.15 var(--f-disp)}
.sd-ph-open span{display:block;font-size:.8rem;color:var(--muted);margin-bottom:8px}
.sd-fakebtn{display:block;font-style:normal;text-align:center;background:var(--blue);color:#fff;border-radius:7px;padding:8px;font-weight:700;font-size:.85rem}
.sd-ph-closed{display:none;background:var(--red);color:#fff;border-radius:8px;padding:10px}
.sd-ph-closed b{display:block;font-size:.95rem}
.sd-ph-closed span{font-size:.8rem;line-height:1.3;display:block}
.storm-demo.to-phone .sd-ph-open{display:none}
.storm-demo.to-phone .sd-ph-closed{display:block}
.storm-demo.to-phone .sd-phone,.storm-demo.to-dash .sd-dash{border-color:var(--red);box-shadow:0 0 0 3px rgba(215,25,58,.15)}
.sd-dash ul{list-style:none;margin:0;padding:0;font-size:.85rem}
.sd-dash li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid #eef2f7}
.sd-dash li:last-child{border-bottom:0}
.sd-st{font:600 .72rem/1.4 var(--f-mono);color:#0f6b3c;white-space:nowrap}
.storm-demo.to-dash .sd-wc .sd-st{color:#fff;background:var(--red);padding:0 6px;border-radius:3px}
.sd-note{margin:14px 0 0;font-size:.84rem;color:var(--muted)}
@media(max-width:430px){.sd-flow{grid-template-columns:1fr}.sd-flow::before{display:none}.sd-card{min-height:0}}
@media(prefers-reduced-motion:reduce){.sd-card,.sd-chip,.sd-btn{transition:none}}

.tx-sec{background:var(--navy);color:#e6edf6;padding:clamp(60px,7vw,100px) 0;position:relative}
.tx-sec::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--tiles) 0 0/12px 12px}
.tx-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 60px;align-items:end;margin-bottom:clamp(30px,4vw,50px)}
.tx-head h2{color:#fff;margin:0;max-width:14ch}
.tx-head p{margin:0;color:#c4d2e3;font-size:1.1rem;max-width:40ch}
.tx-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.tx-facts li{padding:22px 26px 22px 0;border-top:2px solid rgba(255,255,255,.85);display:flex;flex-direction:column;gap:10px}
.tx-facts li+li{padding-left:26px;border-left:1px solid rgba(255,255,255,.14)}
.tx-facts b{font:800 clamp(3.6rem,6vw,5.4rem)/.85 var(--f-disp);font-stretch:75%;letter-spacing:-.04em;color:#fff;display:flex;align-items:baseline;gap:8px}
.tx-facts b small{font:600 .78rem/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sky)}
.tx-facts b.tx-q{font:italic 700 1.45rem/1.15 var(--f-disp);letter-spacing:-.01em;color:var(--sky);min-height:calc(clamp(3.6rem,6vw,5.4rem)*.85)}
.tx-facts span{font-size:.98rem;color:#d6e2f2}
.tx-facts cite{font:600 .74rem/1 var(--f-mono);font-style:normal;color:#8fa7c4;margin-top:auto}
.tx-fine{margin:26px 0 0;font-size:.86rem;color:#9fb3cb;max-width:96ch}
.tx-fine a{color:#fff}
@media(max-width:1000px){.tx-facts{grid-template-columns:1fr 1fr}.tx-facts li:nth-child(3){padding-left:0;border-left:0}}
@media(max-width:620px){.tx-head{grid-template-columns:1fr}.tx-facts{grid-template-columns:1fr}.tx-facts li,.tx-facts li+li{padding:18px 0;border-left:0}}

.notepad{background:repeating-linear-gradient(transparent 0 31px,#c9dbef 31px 32px) 0 var(--rule-y,67px)/100% 100% no-repeat,#fff}
.np-photo{float:right;margin:0 0 10px 18px;width:128px;transform:rotate(3deg);background:#fff;padding:6px 6px 22px;box-shadow:0 8px 20px -8px rgba(7,26,51,.4)}
.np-photo img{display:block;width:100%;height:auto;aspect-ratio:1}

.contact{margin:22px 0 0;padding:16px 18px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(255,255,255,.05)}
.contact-h{margin:0 0 6px;font:600 .74rem/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sky)}
.contact-links{margin:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:1.15rem;font-weight:700}
.contact-links a{color:#fff}
.form-sub{margin:-6px 0 2px;color:var(--muted);font-size:.95rem}
.legal-note{background:var(--foam);border-left:4px solid var(--blue);padding:12px 16px;border-radius:4px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.h-noon .card-shot{max-width:400px}
.shot-pair{display:grid;grid-template-columns:minmax(0,1fr) 30%;gap:16px;align-items:center;padding-bottom:0!important}
.shot-pair .card-shot{width:auto}
.shot-pair .phone{position:relative;right:auto;bottom:auto!important;width:auto!important;transform:rotate(3deg)}
@media(max-width:900px){.shot-pair{grid-template-columns:minmax(0,1fr) 32%;gap:12px}}
@media(max-width:960px){.mock-note{white-space:nowrap;width:auto}.mock-note span{display:block}}
.day-lead{font-family:var(--f-disp);font-weight:700;font-size:clamp(1.15rem,1.9vw,1.4rem);line-height:1.3;color:var(--navy);max-width:34ch;margin-bottom:10px}
.h-storm .storm-demo{color:var(--navy);max-width:560px;justify-self:end;width:100%}
.h-storm .storm-demo .kicker{color:var(--blue)}
.h-storm .storm-demo a{color:var(--blue)}
@media(max-width:900px){.h-storm .storm-demo{justify-self:stretch;max-width:none}}
@media(max-width:600px){
  .sec{padding-top:48px;padding-bottom:48px}
  .day-intro{padding-top:52px;padding-bottom:8px}
  .hour{padding:30px 0}
  .hour-in{grid-template-columns:auto minmax(0,1fr);column-gap:14px;row-gap:10px;align-items:baseline}
  .hour-copy{display:contents}
  .hour-t{grid-column:1;grid-row:1}
  .hour-copy h3{grid-column:2;grid-row:1;margin:0;align-self:center}
  .hour-copy p{grid-column:1/-1;grid-row:2;margin:0}
  .hour-shot{grid-column:1/-1;grid-row:3;margin-top:6px}
  .hour-t .t{font-size:3rem}
  .shot-phone .phone{max-width:210px;margin:0 auto}
  .h-test .card-shot,.h-noon .card-shot{max-width:300px;margin:0 auto}
  .h-dusk .hour-shot{display:none}
  .h-storm .storm-demo{padding:16px}
  .h-storm .storm-demo .kicker,.sd-note{display:none}
  .sd-flow{grid-template-columns:1fr 1fr!important;gap:8px}
  .sd-flow::before{display:none}
  .js .paper-stage.live{height:auto}
  .js .paper-stage.live .paper-sticky{position:static}
  .paper-copy .sub{display:none}
  .tx-facts{grid-template-columns:1fr 1fr!important;column-gap:18px}
  .tx-facts li,.tx-facts li+li{padding:14px 0!important;border-left:0!important}
  .tx-facts b{font-size:2.8rem}
  .tx-facts b.tx-q{font-size:1.15rem;min-height:2.4rem}
  .tx-facts span{font-size:.88rem}
  .priv-head .sub{display:none}
  .rules-sign{padding:20px}
  .rec-shot,.rep .pinned,.alerts .fine,.pilot-copy .btn-line-light{display:none}
  .faq summary{padding:15px 40px 15px 0;font-size:1.04rem}
  .co-list p{font-size:.95rem}
}
@media(max-width:600px){
  .sec{padding-top:40px;padding-bottom:40px}
  .shot-phone .phone{max-width:180px}
  .h-test .card-shot,.h-noon .card-shot{max-width:270px}
  .rep{display:none}
  .rec-grid{gap:0}
  .rs-no{display:grid;grid-template-columns:1fr 1fr;column-gap:10px}
  .rs-no li:last-child{grid-column:1/-1}
  .tx-fine{font-size:.78rem}
  .pilot-form .f2{grid-template-columns:1fr 1fr;gap:10px}
}
@media(max-width:600px){
  .sec{padding-top:34px;padding-bottom:34px}
  .hour{padding:24px 0}
  .hero-stage{padding:30px var(--gut) 56px}
  .faq-head .sub{display:none}
  .alerts li{padding:9px 0;font-size:.95rem}
  .rs-h{font-size:1.8rem;margin-bottom:14px;padding-bottom:10px}
  .rs-yes,.rs-no{font-size:.92rem}
  .rs-foot{margin-top:14px;padding-top:12px;font-size:.86rem}
  .ftr-in{gap:16px}
  .ftr-fine{padding-top:14px;margin-top:0}
}
@media(max-width:600px){
  .mock{width:min(52vw,214px);margin:0 auto 0 0}
  .ondeck{left:calc(100% + 6px);width:132px}
}
@media(max-width:600px){
  .sd-flow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .sd-card{padding:10px;min-height:0}
  .sd-dash li{gap:4px}
  .sd-dash .sd-st{white-space:normal;text-align:right;font-size:.66rem}
  .sd-dash li b{font-size:.8rem}
  .sd-ph-closed{padding:8px}
  .sd-ph-closed b{font-size:.86rem}
  .sd-ph-closed span{font-size:.74rem}
}
.co-lead{font:600 clamp(1.1rem,1.7vw,1.35rem)/1.35 var(--f-disp);color:var(--muted);max-width:42ch;margin:calc(-1 * clamp(16px,2.4vw,36px)) 0 clamp(26px,3.4vw,44px)}
.co-slot{display:inline-block;border:2px dashed #8fb3dc;border-radius:6px;padding:0 6px;font-weight:700;color:var(--blue);background:#f6f9fc;line-height:1.35}
.day-nav{display:none}
@media(max-width:600px){
  .sd-top{flex-direction:column-reverse;align-items:flex-start;gap:6px}
  .day-nav{display:flex;flex-direction:column;gap:8px;padding-bottom:14px}
  .dn-hint{font:600 .74rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
  .dn-hint::after{content:" →"}
  .day-dots{display:flex;gap:6px;flex-wrap:wrap}
  .day-dots button{border:1px solid #c7d7ea;background:#fff;border-radius:999px;padding:6px 11px;font:700 .82rem/1 var(--f-body);color:var(--navy);cursor:pointer}
  .day-dots button.on{background:var(--navy);border-color:var(--navy);color:#fff}
  .day-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
  .day-list::-webkit-scrollbar{display:none}
  .day-list>.hour{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}
  .day-list .reveal{opacity:1!important;transform:none!important}
}
@media(max-width:600px){
  .sec{padding-top:28px;padding-bottom:28px}
  .co-cta{display:none}
  .co-lead{margin-top:-10px;margin-bottom:18px;font-size:1.02rem}
  .form-sub{display:none}
  .faq summary{padding:12px 36px 12px 0;font-size:.98rem}
  .faq-head h2{margin-bottom:6px}
  .alerts ul{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}
  .alerts li{flex-direction:column;align-items:flex-start;gap:4px;font-size:.88rem}
  .lede{font-size:1rem}
  .hero-stage{padding-bottom:34px}
  .big-p{font-size:1.02rem}
  .sd-cap{display:none}
  .ftr{padding-top:28px}
  .ftr-brand p{margin:8px 0 0;font-size:.86rem}
  .day-intro .sub{font-size:.95rem}
  .tx-head p{font-size:.95rem}
}
@media(max-width:600px){
  h2,.office-head h2{font-size:clamp(1.85rem,8.4vw,2.2rem)}
  .co-list li{padding:14px 0}
  .co-list h3{font-size:1.25rem;margin-bottom:4px}
  .co-list p{font-size:.92rem;line-height:1.5}
  .rs-yes li,.rs-no li{padding:5px 0;line-height:1.35}
  .ticks{font-size:.94rem}
  .tx-fine{font-size:.74rem}
  .notepad{line-height:28px;background:repeating-linear-gradient(transparent 0 27px,#c9dbef 27px 28px) 0 var(--rule-y-m,69px)/100% 100% no-repeat,#fff}
  .notepad p{margin-bottom:28px;font-size:.98rem}
}
@media(max-width:600px){
  .tx-facts{grid-template-columns:1fr!important}
  .tx-facts li{display:grid!important;grid-template-columns:96px minmax(0,1fr);column-gap:12px;row-gap:4px;padding:12px 0!important}
  .tx-facts li b{grid-row:1/span 2;flex-direction:column;align-items:flex-start;gap:2px}
  .tx-facts li b.tx-q{font-size:1rem;min-height:0}
  .tx-facts cite{margin-top:0}
  .priv-head h2{margin-bottom:0}
  .paper-copy .big-p{margin-bottom:12px}
}
@media(min-width:601px){.sec{padding:clamp(56px,6vw,84px) 0}}
.dn-desk{display:none}
.dn-arrows{display:none}
@media(min-width:601px){
  .day-nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:18px}
  .dn-touch{display:none}.dn-desk{display:inline}
  .dn-hint{font:600 .76rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
  .day-dots{display:flex;gap:8px;flex-wrap:wrap}
  .day-dots button{border:1px solid #c7d7ea;background:#fff;border-radius:999px;padding:9px 16px;font:700 .95rem/1 var(--f-body);color:var(--navy);cursor:pointer;min-height:40px}
  .day-dots button:hover{border-color:var(--blue)}
  .day-dots button.on{background:var(--navy);border-color:var(--navy);color:#fff}
  .dn-arrows{display:flex;gap:8px;margin-left:auto}
  .dn-arrows button{width:44px;height:44px;border-radius:50%;border:1px solid #c7d7ea;background:#fff;color:var(--navy);font:700 1.1rem/1 var(--f-body);cursor:pointer}
  .dn-arrows button:hover{border-color:var(--blue);color:var(--blue)}
  .day-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
  .day-list::-webkit-scrollbar{display:none}
  .day-list>.hour{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;padding:clamp(36px,4vw,60px) 0}
  .day-list .reveal{opacity:1!important;transform:none!important}
}
.day-dots button:focus-visible,.dn-arrows button:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
@media(min-width:601px){
  .day-list>.hour{padding:28px 0 36px}
  .day-list .card-shot{max-height:500px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 86%,transparent);mask-image:linear-gradient(#000 86%,transparent)}
  .day-list .shot-phone .dev.phone{max-height:500px}
  .rep .pinned{max-width:400px}
}

.zoom-btn{display:none}
@media (max-width:700px){
  .hour-shot .card-shot{position:relative}
  .zoom-btn{display:flex;position:absolute;inset:0;width:100%;height:100%;align-items:flex-start;justify-content:flex-end;padding:10px;background:transparent;border:0;cursor:zoom-in;-webkit-tap-highlight-color:transparent}
  .zoom-btn span{display:inline-flex;align-items:center;gap:6px;background:rgba(7,26,51,.86);color:#fff;font:600 .82rem/1 'Instrument Sans',system-ui,sans-serif;padding:9px 12px;border-radius:999px;min-height:36px}
  .zoom-btn:focus-visible{outline:3px solid #5eb3ff;outline-offset:-3px}
}
.zoom-dlg{padding:0;border:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#071a33}
.zoom-dlg::backdrop{background:rgba(7,26,51,.9)}
.zoom-dlg .zd-bar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;background:#071a33;color:#e8f1fb;font:500 .85rem/1.3 'Instrument Sans',system-ui,sans-serif;z-index:1}
.zoom-dlg .zd-close{min-width:44px;min-height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font:600 .9rem 'Instrument Sans',system-ui,sans-serif;padding:0 14px}
.zoom-dlg .zd-close:focus-visible{outline:3px solid #5eb3ff}
.zoom-dlg .zd-scroll{overflow:auto;height:calc(100dvh - 64px);-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}
.zoom-dlg .zd-scroll img{display:block;max-width:none;height:auto}

@media(max-width:600px){
  .pilot-form.folded>:not(h3):not(.form-sub):not(.fold-btn){display:none!important}
  .pilot-form .fold-btn{width:100%;margin-top:6px}
}
@media(max-width:600px){
  .paper-stage .board{zoom:.8}
  .faq summary{padding-top:13px;padding-bottom:13px;font-size:1.05rem}
  .rs-foot{display:none}
  .h-test .card-shot,.h-noon .card-shot{max-width:250px}
  .shot-phone .phone{max-width:165px}
}
@media(min-width:601px){.sec{padding:clamp(44px,4vw,56px) 0}.why-sec{padding:clamp(44px,4vw,56px) 0}.tx-sec{padding:clamp(44px,4.4vw,60px) 0}}
@media(max-width:600px){.tx-sec{padding:34px 0}}
@media(min-width:601px){.faq summary{padding-top:14px;padding-bottom:14px}.co-grid{gap:clamp(24px,3.4vw,52px)}}
@media(max-width:600px){.sec{padding-top:22px;padding-bottom:22px}.faq summary{padding-top:10px;padding-bottom:10px}}
.day-intro{padding-top:clamp(44px,4vw,56px)}
@media(max-width:600px){.day-intro{padding-top:22px}}
@media(min-width:601px){.hour{padding:clamp(36px,4vw,56px) 0}}
@media(max-width:600px){.faq summary{padding-top:8px;padding-bottom:8px}}

.tour-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1.5px solid #0c2d5e;border-radius:999px;background:#fff;color:#0c2d5e;font:inherit;font-weight:600;cursor:pointer}
.tour-btn:hover{background:#e8f1fb}
.tour-btn[hidden],.tour-dlg[hidden]{display:none}
.tour-btn:focus-visible,.tour-x:focus-visible{outline:3px solid #1268e3;outline-offset:2px}
.tour-ic{width:0;height:0;border-left:10px solid #d7193a;border-top:6px solid transparent;border-bottom:6px solid transparent}
.tour-dlg{width:min(860px,calc(100% - 24px));max-height:calc(100% - 24px);padding:0;border:none;border-radius:16px;background:#071a33;color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.tour-dlg::backdrop{background:rgba(7,26,51,.72)}
.tour-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px}
.tour-head h2{margin:0;font-size:1.2rem;color:#fff}
.tour-x{width:44px;height:44px;border:1px solid #5eb3ff;border-radius:50%;background:transparent;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}
.tour-body{padding:0 18px 18px}
.tour-vid{display:block;width:100%;aspect-ratio:16/9;background:#000;border-radius:10px}
.tour-vid[hidden],.tour-empty[hidden]{display:none}
.tour-empty{padding:22px;border:1px dashed #5eb3ff;border-radius:12px;background:#0c2d5e}
.tour-empty p{margin:0 0 10px;color:#e8f1fb}
.tour-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px!important}
.tour-empty .link-arrow{color:#5eb3ff}
@media(max-width:380px){.sec{padding-top:18px;padding-bottom:18px}.cta-row{gap:10px 18px}}

.wordmark sup.tm{font-size:.42em;font-weight:600;vertical-align:super;margin-left:.06em;letter-spacing:0;color:inherit;opacity:.8}

@media(min-width:1100px){
  .day-list>.hour{flex:0 0 84%}
  .day-list>.hour:last-child{flex-basis:100%}
  .day-list>.hour .wrap{max-width:none;padding:0 clamp(28px,3vw,56px) 0 max(var(--gut),calc((100vw - var(--wrap))/2 + var(--gut)))}
  .day-list .hour-in{grid-template-columns:minmax(0,.4fr) minmax(0,.85fr) minmax(0,1.25fr);transition:transform .45s var(--ease)}
  .day-list>.hour.is-nx{cursor:pointer}
  .day-list>.hour.is-nx .hour-in{transform:translateX(calc(36px - max(var(--gut),calc((100vw - var(--wrap))/2 + var(--gut)))))}
  .day-list>.hour.is-nx .hour-copy,.day-list>.hour.is-nx .hour-shot{visibility:hidden}
  .day-list>.hour.is-nx .hour-t{opacity:.55;transition:opacity .3s}
  .day-list>.hour.is-nx:hover .hour-t{opacity:.8}
}
@media(min-width:1100px) and (prefers-reduced-motion:reduce){.day-list .hour-in{transition:none}}