/* Minimal, fast, and clean */
:root{
  --bg:#0b1020;
  --panel:#0f172a;
  --muted:#94a3b8;
  --text:#e2e8f0;
  --brand:#22d3ee;
  --brand2:#38bdf8;
  --ring: rgba(34,211,238,.35);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
  background: radial-gradient(1200px 800px at 80% -10%, rgba(56,189,248,.15), transparent 60%), 
              radial-gradient(1000px 600px at -10% 20%, rgba(34,211,238,.12), transparent 50%),
              var(--bg);
  color:var(--text);
  line-height:1.6;
}

.wrap{ min-height:100%; display:flex; flex-direction:column; padding:32px 20px; max-width:900px; margin:0 auto; }
.topbar{ display:flex; justify-content:flex-end; }
.badge{ font-size:12px; color:var(--muted); background:rgba(148,163,184,.08); border:1px solid rgba(148,163,184,.18); padding:6px 10px; border-radius:999px; }

.hero{ flex:1; display:flex; flex-direction:column; align-items:center; text-align:center; padding-top:8vh; }
h1{ font-size: clamp(48px, 10vw, 96px); line-height:1; letter-spacing:-.04em; margin:0 0 8px 0; font-weight:800; }
.plus{color:var(--brand)}
.tag{ margin:0; font-weight:600; color:#cbd5e1; font-size: clamp(16px, 3vw, 22px); }
.sub{ margin:10px 0 26px 0; color:var(--muted); }

.waitlist{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin:8px 0 16px; }
.waitlist input{
  min-width:260px; padding:12px 14px; border-radius:12px; border:1px solid rgba(148,163,184,.25); background:rgba(2,6,23,.5);
  color:var(--text);
}
.waitlist input:focus{ outline:none; box-shadow:0 0 0 8px var(--ring) }
.btn{ display:inline-block; padding:12px 18px; border-radius:14px; text-decoration:none; font-weight:600; border:1px solid rgba(148,163,184,.2); transition: transform .06s ease, box-shadow .06s ease, background .2s ease; will-change: transform; }
.btn:focus{ outline:none; box-shadow:0 0 0 8px var(--ring) }
.btn:hover{ transform: translateY(-1px) }
.btn[disabled]{ opacity:.6; cursor:not-allowed }
.btn.primary{ background: linear-gradient(135deg, var(--brand), var(--brand2)); color:#031018; border-color:transparent; }

.soon{ margin-top:8px; color:var(--muted); font-size:14px; display:flex; align-items:center; gap:8px; }
.dot{ width:8px; height:8px; border-radius:999px; background:var(--brand); box-shadow:0 0 12px var(--brand); }

.msg{ margin-top:8px; min-height:22px; font-size:14px; }
.msg.ok{ color:#b9fbc0 }
.msg.err{ color:#fecaca }

/* Tabs (social links) */
.tabs{
  display:flex; gap:8px; justify-content:center; margin:8px auto 24px; flex-wrap:wrap;
}
.tab{
  display:inline-block; padding:10px 14px; border-radius:999px; background:rgba(148,163,184,.08);
  border:1px solid rgba(148,163,184,.18); color:var(--text); text-decoration:none; font-weight:600;
}
.tab:hover{ transform: translateY(-1px); transition: transform .06s ease }
.tab[aria-disabled="true"]{ opacity:.7; cursor:not-allowed }

.foot{ display:flex; justify-content:center; align-items:center; gap:10px; border-top:1px dashed rgba(148,163,184,.18); padding-top:18px; color:var(--muted); font-size:14px; }
.small{ opacity:.8 }