@font-face{font-family:Chakra Petch;src:url('/static/assets/chakra-petch-bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Space Grotesk;src:url('/static/assets/space-grotesk.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:JetBrains Mono;src:url('/static/assets/jetbrains-mono-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{color-scheme:dark;--blue:#399dfb;--text:#f4f7ff;--muted:#abb8cf;--mono:'JetBrains Mono',monospace;--heading:'Chakra Petch',sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:#030b19;scroll-behavior:smooth}
body{margin:0;color:var(--text);font-family:'Space Grotesk',sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a,input,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid #8dcbff;outline-offset:6px}
.scene,.shade,.scene-video{position:fixed;inset:0;pointer-events:none}
.scene-video{width:100%;height:100%;object-fit:cover;object-position:center 38%}
.scene{background:#07162d url('/static/assets/hero.png') center 38%/cover no-repeat}
.shade{background:linear-gradient(90deg,#030b19ed 0%,#030b19b0 38%,#030b1920 70%),linear-gradient(0deg,#030914 0%,transparent 45%)}
.page{position:relative;min-height:100svh;display:flex;flex-direction:column}
.header{display:flex;align-items:center;justify-content:flex-end;padding:28px 48px;gap:20px}
.brand{display:flex;align-items:center;gap:11px;font:700 16px var(--heading);letter-spacing:1.8px}
.brand img{object-fit:contain}
.community{display:flex;align-items:center;gap:11px;font-size:13px;color:#d3deef;transition:color .2s}
.community svg{width:19px;height:19px;fill:currentColor}
.community:hover,.socials a:hover{color:var(--blue)}
.external-arrow{font-size:19px;color:var(--blue);margin-left:4px}
main{flex:1;display:flex;align-items:center;justify-content:flex-start;padding:52px max(48px,7vw) 36px}
.hero{width:min(100%,580px);text-align:left;margin-top:0;animation:arrive .7s ease-out both}
.hero-logo{display:block;width:190px;height:auto;object-fit:contain;margin:0 auto 32px;filter:drop-shadow(0 4px 20px #07162d)}
.eyebrow{font:700 10px var(--mono);letter-spacing:3.1px;display:flex;justify-content:center;align-items:center;gap:10px;color:#9fd0ff;margin-bottom:17px}
.status-dot{width:6px;height:6px;background:#54afff;box-shadow:0 0 14px #399dfb;border-radius:50%}
h1{font:700 clamp(36px,5.1vw,72px)/1.08 var(--heading);letter-spacing:-1.5px;margin:0;text-shadow:0 3px 35px #031021}
h1 span{color:var(--blue)}
.features{list-style:none;display:flex;justify-content:center;align-items:center;gap:0;padding:0;margin:23px 0 28px}
.features li{display:flex;align-items:center;gap:8px;font:700 9px var(--mono);letter-spacing:1.3px;color:#c0cde2;padding:0 18px;border-right:1px solid #7c98ba40}
.features li:last-child{border-right:0}
.features svg{height:17px;width:17px;fill:none;stroke:#c9d5e9;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.intro{font-size:16px;line-height:1.8;color:#c1cee0;margin:0 0 32px}
.signup{max-width:550px;margin:0 auto;min-height:145px}
form>label{display:block;text-align:left;font:700 9px var(--mono);letter-spacing:1.8px;color:#d2dbea;margin-bottom:11px}
.input-row{display:flex;gap:9px;align-items:stretch}
.email-field{display:flex;align-items:center;flex:1;min-width:0;border:1px solid #788caa5c;background:rgba(6,17,36,.8);transition:border-color .2s,box-shadow .2s}
.email-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}
.email-field svg{flex-shrink:0;width:18px;height:18px;fill:none;stroke:#8e9eb7;stroke-width:1.4;margin-left:18px}
input[type=email]{width:100%;min-width:0;border:0;color:white;background:transparent;padding:18px 14px;font-size:14px;outline:none}
input::placeholder{color:#94a5bd;opacity:1}
.email-field:has(input[aria-invalid=true]){border-color:#ff9f9f}
.submit-button{display:flex;align-items:center;justify-content:center;gap:23px;border:0;background:var(--blue);color:#fff;padding:0 22px;min-height:56px;cursor:pointer;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);transition:background .2s,transform .2s;font:700 11px var(--mono);letter-spacing:1.1px;white-space:nowrap}
.submit-button:hover{background:#65b5ff;transform:translateY(-1px)}
.submit-button:focus-visible{outline:0;box-shadow:inset 0 0 0 3px white}
.submit-button:disabled{cursor:wait;opacity:.7;transform:none}
.button-arrow{font:400 24px 'Space Grotesk',sans-serif;line-height:1}
.signup-note{font-size:10px;color:#93a2ba;line-height:1.6;text-align:left;margin:12px 0 0}
.form-message{font-size:13px;line-height:1.5;margin:10px 0 0;min-height:20px;color:#bbdaf9}
.form-message.is-error{color:#ffb0b0}
.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.success-panel{padding:20px;display:flex;gap:16px;align-items:center;text-align:left;border:1px solid #399dfb70;background:#081d35d9}
.success-icon{font-size:24px;color:#8dcaff}
.success-panel h2{font:700 22px var(--heading);margin:0 0 5px}
.success-panel p{font-size:13px;line-height:1.7;color:#bdcfe7;margin:0}
.no-js-note{font-size:12px;color:var(--muted)}
.hero-rule{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:14px}
.hero-rule span{width:45px;height:1px;background:#46607e65}
.hero-rule i{width:4px;height:4px;background:#529adb;transform:rotate(45deg)}
.closing{font:700 8px var(--mono);color:#7f93af;letter-spacing:2.3px;margin:16px 0 0}
.footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;border-top:1px solid #a6c3ee15;margin:0 48px;padding:21px 0 23px;color:#8b9bb2;font-size:11px}
.socials{display:flex;gap:11px}
.socials a{display:grid;place-items:center;min-width:30px;min-height:30px;transition:color .2s}
.socials svg{height:15px;width:15px;fill:currentColor}
.socials .stroke-icon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.privacy{position:relative;justify-self:end}
.privacy summary{cursor:pointer;list-style:none;line-height:30px}
.privacy summary::-webkit-details-marker{display:none}
.privacy summary::after{content:' +';color:#99b9df;margin-left:5px}
.privacy[open] summary::after{content:' −'}
.privacy summary:hover{color:#e4eeff}
.privacy-content{position:absolute;bottom:calc(100% + 12px);right:0;width:330px;max-width:calc(100vw - 40px);padding:22px;background:#071426;border:1px solid #2b4565;box-shadow:0 8px 32px #0008;z-index:2;color:#b5c4da;line-height:1.7}
.privacy-content h2{font:700 17px/1.4 var(--heading);color:white;margin:0 0 12px}
.privacy-content p{margin:10px 0 0}
.skip-link{position:fixed;top:-100px;left:20px;z-index:10;padding:12px;background:#1665b1}
.skip-link:focus{top:20px}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{margin-top:10vh}}
@media(min-width:651px) and (max-height:850px){
  .header{padding-top:22px;padding-bottom:22px}main{padding-top:16px;padding-bottom:24px}.hero{margin-top:0}
  .hero-logo{width:150px;margin-bottom:22px}.eyebrow{margin-bottom:12px}h1{font-size:clamp(36px,4.6vw,60px)}
  .features{margin:18px 0 20px}.intro{margin-bottom:23px;font-size:15px}.signup{min-height:130px}.hero-rule{margin-top:4px}
}
@media(max-width:650px){
  .header{padding:20px 22px}.brand{font-size:13px;letter-spacing:1.2px;gap:8px}.brand img{width:27px;height:27px}
  .community{gap:8px}.community span:not(.external-arrow){display:none}.community{min-height:32px}.community svg{width:21px;height:21px}
  main{padding:85px 22px 38px;align-items:center}.hero{margin-top:0}.hero-logo{width:160px;margin-bottom:30px}
  .scene{background-position:65% top}.shade{background:linear-gradient(180deg,#030c1c30 0%,#030b1933 18%,#030b19bd 42%,#030b19f2 73%,#030914 100%)}
  h1{font-size:clamp(30px,7.8vw,49px);letter-spacing:-.7px}.eyebrow{font-size:9px;letter-spacing:2.7px}
  .features{margin:20px 0 24px}.features li{font-size:7px;letter-spacing:.8px;padding:0 10px;gap:5px}.features svg{width:14px;height:14px}
  .intro{font-size:14px;max-width:340px;margin:0 auto 29px;line-height:1.8}.desktop-break{display:none}
  .signup{max-width:390px;min-height:175px}.input-row{flex-direction:column;gap:10px}.submit-button{min-height:50px}.email-field{min-height:54px}
  .signup-note{font-size:10px;text-align:center;margin-top:12px}.hero-rule{margin-top:17px}.closing{font-size:7px;letter-spacing:1.7px}
  .footer{margin:0 22px;padding:18px 0 20px;grid-template-columns:1fr 1fr;gap:8px 12px;font-size:10px}.socials{grid-column:1/-1;grid-row:1;justify-content:center;gap:20px;margin-bottom:8px}.copyright{grid-column:1}.privacy{grid-column:2}
}
@media(max-width:360px){.header{padding:18px}.features li{padding:0 7px;font-size:6px}.features svg{width:12px}.intro{font-size:13px}main{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.hero-logo{margin-left:0;margin-right:0}
.eyebrow,.features,.hero-rule{justify-content:flex-start}
.features li:first-child{padding-left:0}
.signup{margin-left:0;margin-right:0}
.intro{margin-left:0;margin-right:0}
.signup-note{text-align:left}
.motion-toggle{margin-top:18px;padding:8px 0;background:none;border:0;color:#aabbd2;font:700 9px var(--mono);cursor:pointer}
.motion-toggle:hover{color:white}
@media(max-width:650px){.scene-video{object-position:65% top}}
@media(prefers-reduced-motion:reduce){.scene-video,.motion-toggle{display:none!important}}