@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#10120f;--text:#f1f3e9;--lime:#c3ff5c;--muted:#96a08b;--border:#333b2b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',-apple-system,sans-serif;overflow-x:hidden}.preview-note{position:relative;z-index:2;text-align:center;padding:8px 16px;background:#202719;border-bottom:1px solid #39472d;color:#c3d7a7;font:8px/1.6 monospace;letter-spacing:1px}.preview-note span{color:#a2b38f;letter-spacing:0;margin-left:13px}.ambient{position:absolute;inset:40px 0 auto;height:1000px;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#8bbb3910,transparent 65%)}.grid{position:absolute;top:90px;left:0;right:0;height:760px;pointer-events:none;background-image:linear-gradient(#c3ff5c04 1px,transparent 1px),linear-gradient(90deg,#c3ff5c04 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.nav{position:relative;max-width:1270px;padding:28px 54px;display:flex;align-items:center;justify-content:space-between;margin:auto}.wordmark{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:.06em;font-size:20px}.nav-link{font-size:11px;color:#b9c5aa;border:1px solid #3e4c30;padding:10px 14px;border-radius:5px}.nav-link span{margin-left:22px;color:var(--lime)}main{position:relative}.hero{text-align:center;padding:48px 22px 0;max-width:1040px;margin:auto}.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;color:#a4b68e;font:9px/1.6 monospace;letter-spacing:2.2px}.eyebrow i,.tiny-dot{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;box-shadow:0 0 13px #c3ff5c55}h1{font:500 clamp(48px,7.6vw,88px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-5px;margin:25px 0 24px}h1 span{color:var(--lime)}.tagline{font-size:18px;font-weight:450;color:#d2ddc5;letter-spacing:-.25px;margin:0}.mobile-break{display:none}.intro{font-size:13px;line-height:1.9;color:var(--muted);margin:15px 0 0}.signal-scene{position:relative;display:flex;align-items:center;justify-content:center;gap:38px;margin:38px auto 43px;max-width:650px;height:110px}.signal-rule{position:absolute;top:42px;left:28px;right:28px;border-top:1px solid #3b4c2b}.signal-node{position:relative;background:var(--bg);padding:0 12px;display:flex;flex-direction:column;align-items:center;gap:13px;color:#788b65;min-width:90px}.node-icon{display:grid;place-items:center;border:1px solid #566d3b;background:#1b2714;width:39px;height:39px;border-radius:10px;color:#c0e393;font-size:22px;box-shadow:0 0 20px #b3eb5b08}.signal-node>span:last-child{font:7px monospace;letter-spacing:1.3px}.phone-icon{font-size:30px}.waveform{display:flex;align-items:center;gap:5px;height:54px;background:var(--bg);padding:0 13px;margin-top:-26px}.waveform span{width:3px;height:9px;background:var(--lime);border-radius:10px;opacity:.8;animation:breathe 2.4s ease-in-out infinite alternate}.waveform span:nth-child(2n){height:15px;animation-delay:-.4s}.waveform span:nth-child(3n){height:30px;animation-delay:-1s}.waveform span:nth-child(4n){height:43px;animation-delay:-1.7s}.waveform span:nth-child(5n){height:22px;animation-delay:-2s}.waveform span:nth-child(10){height:52px}.signal-caption{position:absolute;bottom:0;font:7px monospace;letter-spacing:2px;color:#60734e}.launch-label{font:8px monospace;letter-spacing:1.8px;color:#8d9e7c}.launch-date{font-family:'Space Grotesk',sans-serif;font-size:17px;letter-spacing:1px;margin-top:10px}.launch-date span{font:8px monospace;letter-spacing:1px;color:#7f936c;margin-left:10px}.countdown{display:flex;align-items:flex-start;justify-content:center;gap:19px;margin-top:21px}.countdown div{display:flex;flex-direction:column;gap:7px;min-width:52px}.countdown b{font:400 37px/1 'Space Grotesk',monospace;font-variant-numeric:tabular-nums;color:#d6e8c2;letter-spacing:-1px}.countdown>span{font-size:24px;line-height:1;color:#435536}.countdown small{font:7px monospace;letter-spacing:1.5px;color:#758a61}.countdown-note{font-size:9px;color:#78896a;margin-top:15px}.signup{max-width:444px;margin:29px auto 0;scroll-margin-top:25px;min-height:161px}.signup h2{font-size:13px;font-weight:500;margin:0 0 12px;color:#cad7bd}.form-row{display:flex;padding:5px;background:#191f14;border:1px solid #536c38;border-radius:8px;gap:6px;box-shadow:0 0 30px #b0e85b06}.form-row input{min-width:0;flex:1;background:none;border:0;outline:none;color:#eaf4df;padding:11px 10px;font-size:12px}.form-row input::placeholder{color:#8b9d79}.form-row button{background:var(--lime);color:#1b260f;border:0;border-radius:5px;padding:12px 16px;font-size:11px;font-weight:650;white-space:nowrap}.form-row button span{margin-left:16px}.form-row button:hover{background:#d3ff8a}.form-row button:disabled{opacity:.6;cursor:wait}.form-note{font-size:9px;color:#82936f;line-height:1.9;margin:12px 0 0}.inline-link{background:none;border:0;padding:0;color:#a8bc91;font-size:9px;text-decoration:underline;text-underline-offset:3px}.error{color:#ffb69f;font-size:11px;line-height:1.6;text-align:left;margin:9px 0}.success{border:1px solid #688c41;background:#24361a77;border-radius:10px;padding:18px 24px;margin-bottom:14px}.success-icon{display:inline-grid;place-items:center;background:var(--lime);color:#1b260f;border-radius:50%;width:25px;height:25px;font-size:13px}.success h3{font-family:'Space Grotesk',sans-serif;font-size:21px;font-weight:500;margin:9px 0}.success p{font-size:11px;line-height:1.8;color:#b7cba3;margin:0}.success small{display:block;font-size:9px;line-height:1.7;color:#8fa67a;margin:9px 0}.promises{max-width:1100px;margin:27px auto 0;padding:30px 45px 35px;border-top:1px solid #303b27;display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.promises article>span{font:7px monospace;letter-spacing:1.2px;color:#809568}.promises h3{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:500;letter-spacing:-.5px;margin:11px 0 10px}.promises p{font-size:11px;line-height:1.9;color:#8f9f80;margin:0}.promises small{display:inline-block;color:#788c65;font:6px monospace;letter-spacing:1px;border:1px solid #35442a;padding:3px 5px;border-radius:3px;margin-top:10px}.closing{text-align:center;font:7px monospace;letter-spacing:1.6px;color:#60744d;padding:5px 20px 35px}.tiny-dot{width:3px;height:3px;margin-right:7px}footer{max-width:1165px;margin:auto;padding:23px 25px 30px;border-top:1px solid #2e3925;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#73865f;font-size:9px}.footer-mark{font-size:12px;color:#b8cba4;gap:7px}dialog{max-width:470px;width:calc(100% - 32px);padding:32px;border:1px solid #536d38;border-radius:12px;background:#191f14;color:var(--text);box-shadow:0 25px 100px #0008}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog .eyebrow{justify-content:flex-start;font-size:8px}dialog h2{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:28px;letter-spacing:-1px}dialog p{font-size:12px;line-height:1.85;color:#a9b99a}.dialog-close{position:absolute;right:14px;top:9px;background:none;border:0;color:#b0c399;font-size:24px}.sr-only,.honey{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@keyframes breathe{to{transform:scaleY(.55);opacity:.45}}@media(min-width:1400px){.hero{padding-top:65px}.signal-scene{margin-top:44px;margin-bottom:50px}}@media(max-width:700px){.preview-note{font-size:7px;padding:7px 14px}.preview-note span{display:block;font-size:8px;margin:2px 0 0}.nav{padding:22px}.wordmark{font-size:17px;gap:8px}.wordmark img{width:28px;height:28px}.nav-link{font-size:10px;padding:8px 11px}.nav-link span{margin-left:11px}.hero{padding:32px 20px 0}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:clamp(42px,10.5vw,65px);letter-spacing:-2.6px;margin:26px 0 21px;line-height:1.09}.tagline{font-size:15px;line-height:1.7}.mobile-break{display:block}.intro{font-size:12px;margin-top:13px}.signal-scene{gap:9px;margin:23px auto 29px;height:108px}.signal-node{min-width:60px;padding:0 4px}.signal-node>span:last-child{font-size:6px;letter-spacing:.7px}.waveform{gap:3px;padding:0 7px}.waveform span{width:2px}.signal-rule{left:15px;right:15px}.signal-caption{font-size:6px;letter-spacing:1.2px}.launch-date{font-size:16px}.countdown{gap:11px;margin-top:18px}.countdown div{min-width:44px}.countdown b{font-size:34px}.countdown-note{font-size:8px;line-height:1.8}.signup{margin-top:25px;max-width:400px}.signup h2{font-size:12px}.form-row button{font-size:10px;padding:12px}.form-row button span{margin-left:8px}.form-row input{font-size:16px;width:130px;padding:9px 5px}.form-note{font-size:8px}.promises{grid-template-columns:1fr;gap:24px;padding:28px 25px;margin:27px 22px 0}.promises article{padding-bottom:19px;border-bottom:1px solid #2d3924}.promises article:last-child{padding-bottom:0;border:0}.promises h3{font-size:18px}.promises p{font-size:12px}.promises small{font-size:7px}.closing{font-size:6px;letter-spacing:.9px;padding:10px 18px 28px}footer{margin:0 22px;padding:20px 0 25px;flex-wrap:wrap;font-size:8px}.footer-mark img{width:22px;height:22px}.footer-mark{font-size:11px}footer>span:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.waveform span{animation:none}}

h1 span{display:inline-block;font-size:.72em;letter-spacing:-.045em;margin-top:.12em}.intro{font-size:14px;color:#b4c0a6}
.hero .eyebrow{font-size:13px;letter-spacing:2.6px;color:#cfe0b6;gap:11px}.hero .eyebrow i{width:6px;height:6px}@media(max-width:700px){.hero .eyebrow{font-size:11px;letter-spacing:1.8px}}
.countdown-note.platforms{margin-top:6px;font-size:13px;color:#b4c0a6}@media(max-width:700px){.countdown-note.platforms{font-size:12px}}
/* Readable type scale (2026-11-03 audit): labels >=11px, notes >=13px, body >=15px on desktop; ~1px less on phones. */
.signal-node>span:last-child,.signal-caption,.countdown small,.promises article>span,.closing,.launch-label,.launch-date span{font-size:11px;color:#a3b48e}
.promises small{font-size:10px;padding:4px 7px;color:#a3b48e}
.launch-label{letter-spacing:2.4px}
.launch-date{font-size:22px}
.countdown-note,.form-note,.inline-link,footer{font-size:13px}
.countdown-note,.form-note,footer{color:#9fae8d}
.footer-mark{font-size:15px}
.preview-note{font-size:11px}
.nav-link{font-size:13px}
.form-row input{font-size:16px}
.form-row button{font-size:14px}
.signup h2{font-size:18px}
.tagline{font-size:20px}
.intro{font-size:16px}
.promises h3{font-size:20px}
.promises p{font-size:15px;color:#a9b79a}
.error{font-size:13px}
.success p{font-size:14px}
.success small{font-size:12px}
dialog .eyebrow{font-size:11px}
dialog p{font-size:14px}
@media(max-width:700px){
.signal-node>span:last-child,.signal-caption,.countdown small,.promises article>span,.closing,.launch-label,.launch-date span{font-size:10px;letter-spacing:1.2px}
.launch-date{font-size:20px}
.countdown-note,.form-note,.inline-link,footer{font-size:12px}
.footer-mark{font-size:14px}
.preview-note{font-size:10px}
.nav-link{font-size:12px}
.form-row button{font-size:13px}
.signup h2{font-size:16px}
.tagline{font-size:16px}
.intro{font-size:14px}
.promises h3{font-size:18px}
.promises p{font-size:14px}
}
/* The open date is the key fact: larger than the countdown digits. */
.launch-label{font-size:14px;letter-spacing:3px;color:#cfe0b6}
.launch-date{font-size:52px;font-weight:500;letter-spacing:-1px;margin-top:12px;color:#f1f3e9}
.launch-date span{font-size:18px;letter-spacing:1.5px;color:#cfe0b6;margin-left:14px}
.countdown{margin-top:10px}
.countdown b{font-size:30px}
@media(max-width:700px){.launch-label{font-size:12px;letter-spacing:2.2px}.launch-date{font-size:40px}.launch-date span{font-size:15px;margin-left:10px}.countdown b{font-size:26px}}
/* Date, countdown and signup sit right under the headline, above the fold. */
.hero{padding-top:28px}
.hero h1{margin:18px 0 18px}
.launch{margin-top:34px}
.launch-date{margin-top:6px}
.signup{margin-top:30px}
.signal-scene{margin:44px auto 20px}
@media(max-width:700px){.hero{padding-top:14px}.hero h1{margin:14px 0 14px}.launch{margin-top:24px}.signup{margin-top:22px}.launch-date{font-size:34px}}
@media(min-width:701px) and (max-height:820px){.hero{padding-top:8px}.hero h1{font-size:68px;margin:12px 0 12px}.tagline{font-size:18px}.intro{margin-top:8px}.launch{margin-top:22px}.launch-date{font-size:42px;margin-top:2px}.countdown{margin-top:4px}.countdown b{font-size:26px}.countdown-note{margin-top:8px}.signup{margin-top:18px}.signup h2{margin-bottom:8px}}
@media(max-width:700px) and (max-height:700px){.hero{padding-top:4px}.hero h1{font-size:38px;margin:10px 0 10px}.intro{margin-top:6px}.launch{margin-top:16px}.launch-date{font-size:30px}.countdown b{font-size:22px}.signup{margin-top:14px}}
/* Date toned down (owner feedback): a little larger than the countdown, well below the headline. */
.launch-date{font-size:36px;font-weight:400;letter-spacing:0}.launch-date span{font-size:15px}.countdown b{font-size:28px}
@media(min-width:701px) and (max-height:820px){.launch-date{font-size:32px}.countdown b{font-size:24px}}
@media(max-width:700px){.launch-date{font-size:30px}.launch-date span{font-size:13px}.countdown b{font-size:24px}}
@media(max-width:700px) and (max-height:700px){.launch-date{font-size:26px}.countdown b{font-size:21px}}
/* Date and signup pulled up: the wave note lives in the signup heading, platforms sit under the form. */
#countdown-note{display:block;font-size:13px;font-weight:400;color:#9fae8d;margin-top:4px}
.platforms{font-size:13px;color:#b4c0a6;line-height:1.7;margin:14px 0 0}
.hero .intro{margin-top:8px}
.launch{margin-top:26px}
.signup{margin-top:24px}
@media(max-width:700px){#countdown-note,.platforms{font-size:12px}.launch{margin-top:20px}.signup{margin-top:18px}}
.platforms strong{color:#e4eed6;font-weight:600}
.demo{margin:48px auto 0;max-width:360px;padding:0 22px}.demo video{display:block;width:100%;border-radius:28px;border:1px solid #39472d;background:#000;box-shadow:0 30px 80px #0008}
/* Date and time in one typeface and size; the time is just lighter. */
.launch-date span{font:inherit;letter-spacing:inherit;color:#a3b48e;margin-left:.35em}
