@font-face { font-family:Geist; src:url('/fonts/geist-latin-wght-normal.woff2') format('woff2'); font-weight:100 900; font-display:swap; }
@font-face { font-family:Space; src:url('/fonts/space-grotesk-latin-wght-normal.woff2') format('woff2'); font-weight:300 700; font-display:swap; }
@font-face { font-family:Mono; src:url('/fonts/geist-mono-latin-wght-normal.woff2') format('woff2'); font-weight:100 900; font-display:swap; }
:root { color-scheme:dark; --ink:#f3fcff; --muted:#a1b3bc; --cyan:#64eaff; --violet:#b39aff; --bg:#05080c; --line:#8174ff40; --font-body:Geist,sans-serif; --font-display:Space,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:radial-gradient(ellipse at 85% 5%,#8174ff13,transparent 50%),var(--bg); font-family:var(--font-body); overflow-wrap:anywhere; }
a { color:inherit; text-underline-offset:.22em; }
a:hover { color:var(--cyan); }
a:focus-visible, [tabindex="-1"]:focus-visible { outline:3px solid var(--violet); outline-offset:5px; }
p { color:var(--muted); line-height:1.65; margin:0; }
h1,h2 { font-family:var(--font-display); font-weight:500; margin:0; }
h1 { font-size:clamp(2.5rem,5.1vw,4.5rem); line-height:1.04; letter-spacing:-.055em; max-width:10ch; }
h2 { font-size:1.4rem; line-height:1.25; letter-spacing:-.025em; }
.beta-header,main,.beta-footer { width:min(68rem,calc(100% - 3rem)); margin-inline:auto; }
.beta-header { display:flex; justify-content:space-between; align-items:center; gap:1.25rem; padding-block:1rem; border-bottom:1px solid var(--line); }
.beta-brand { display:block; flex:0 0 7.5rem; }
.beta-brand img { display:block; width:100%; height:auto; }
.beta-languages { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.15rem; }
.beta-languages a { display:grid; place-items:center; min-width:2.75rem; min-height:2.75rem; font:500 .75rem/1 Mono,monospace; text-decoration:none; border-radius:50%; }
.beta-languages a[aria-current] { color:var(--cyan); background:#64eaff0c; border:1px solid #64eaff55; }
main { padding-block:3.75rem 2.5rem; }
.beta-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); gap:clamp(2rem,5vw,5rem); align-items:center; }
.eyebrow { color:var(--cyan); font:500 .7rem/1.6 Mono,monospace; letter-spacing:.13em; text-transform:uppercase; margin-bottom:1.25rem; }
.intro { font-size:1.125rem; margin-top:1.5rem; max-width:36ch; }
.demo-link { max-width:100%; display:inline-flex; align-items:center; gap:.75rem; padding-block:.75rem; margin-top:1rem; color:var(--cyan); }
.beta-invitation { padding:1.75rem; border:1px solid #8174ff66; border-radius:1.25rem; background:linear-gradient(140deg,#8174ff0e,#64eaff04),#080d17; box-shadow:0 0 60px #8174ff0a; }
.beta-invitation h2 { margin-bottom:.8rem; }
.beta-invitation ul { padding-inline-start:1.25rem; margin-block:1rem 1.4rem; line-height:1.6; }
.beta-invitation li+li { margin-top:.3rem; }
.beta-invitation li::marker { color:var(--cyan); }
.beta-primary,.beta-secondary { display:inline-flex; align-items:center; justify-content:space-between; gap:1rem; min-height:3rem; padding:.8rem 1rem; border-radius:.65rem; font-size:.9rem; line-height:1.4; font-weight:600; text-decoration:none; }
.beta-primary { width:100%; color:#05080c; background:linear-gradient(110deg,#64eaff,#b39aff); }
.beta-primary:hover { color:#05080c; background:#b7f3ff; }
.beta-primary span,.beta-secondary span { flex-shrink:0; }
.email-hint { font-size:.8rem; margin-top:.75rem; }
.email-address { display:inline-block; padding-block:.45rem; color:var(--ink); font-size:.95rem; }
.beta-private { font-size:.8rem; padding-top:1rem; border-top:1px solid var(--line); margin-top:.5rem; }
.beta-expectations { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); gap:clamp(2rem,5vw,5rem); padding-block:2.5rem; }
.beta-expectations ol { margin:0; padding-inline-start:1.5rem; color:var(--muted); line-height:1.6; }
.beta-expectations li { padding-inline-start:.5rem; }
.beta-expectations li+li { margin-top:.75rem; }
.beta-expectations li::marker { color:var(--violet); font-family:Mono,monospace; }
.beta-access { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); gap:clamp(2rem,5vw,5rem); border-top:1px solid var(--line); padding-top:2rem; align-items:center; }
.beta-access h2 { font-size:1.2rem; margin-bottom:.75rem; }
.beta-access p { font-size:.9rem; }
.beta-secondary { border:1px solid #8174ff88; color:var(--ink); }
.beta-access-action .email-hint { font-size:.8rem; }
.beta-footer { border-top:1px solid var(--line); padding-block:1.5rem; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:1rem; font-size:.8rem; }
.beta-footer a { padding-block:.75rem; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.skip-link { position:absolute; z-index:2; top:1rem; left:1rem; padding:1rem; background:var(--bg); transform:translateY(-200%); }
.skip-link:focus { transform:none; }
@media(max-width:52rem) {
  .beta-intro,.beta-expectations,.beta-access { grid-template-columns:minmax(0,1fr); gap:1.75rem; }
  main { padding-top:2.5rem; }
  h1 { max-width:15ch; }
  .intro { max-width:45ch; }
  .beta-expectations { gap:1.25rem; }
  .beta-access { gap:1rem; }
}
@media(max-width:30rem) {
  .beta-header,main,.beta-footer { width:calc(100% - 2rem); }
  .beta-header { flex-wrap:wrap; gap:.25rem; padding-block:.5rem; }
  .beta-brand { flex-basis:6rem; }
  .beta-languages { gap:0; }
  .beta-languages a { min-width:2rem; min-height:2.75rem; }
  .beta-invitation { padding:1.25rem; }
  .beta-primary,.beta-secondary { font-size:.85rem; }
  .beta-secondary { width:100%; }
}