:root {
  --bg:#08070a;
  --ink:#f6f3ee;
  --muted:rgba(246,243,238,0.7);
  --faint:rgba(246,243,238,0.54);
  --line:rgba(255,255,255,0.1);
  --card:rgba(255,255,255,0.045);
  --pink:#ff8ad8;
  --purple:#7c5cff;
  --amber:#ffd66e;
  color-scheme:dark;
}

* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body {
  min-height:100vh;
  overflow-x:hidden;
  background:var(--bg);
  color:var(--ink);
  font-family:"Hanken Grotesk",system-ui,sans-serif;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a { color:var(--amber); text-decoration:none; }
a:hover { text-decoration:underline; }
.display { font-family:"Fraunces",Georgia,serif; font-weight:600; letter-spacing:-0.018em; }
.glow { position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.glow::before,
.glow::after { content:""; position:absolute; border-radius:50%; filter:blur(105px); }
.glow::before {
  width:590px; height:590px; top:-245px; right:-170px; opacity:.34;
  background:radial-gradient(circle,var(--purple),transparent 66%);
}
.glow::after {
  width:480px; height:480px; bottom:-220px; left:-170px; opacity:.2;
  background:radial-gradient(circle,var(--pink),transparent 66%);
}

nav.site-nav {
  position:sticky; top:0; z-index:30; padding:14px 0 0;
}
.nav-wrap {
  width:min(900px,92vw); margin:0 auto; padding:8px 8px 8px 18px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  border:1px solid var(--line); border-radius:18px;
  background:linear-gradient(180deg,rgba(28,25,36,.74),rgba(12,11,16,.7));
  -webkit-backdrop-filter:blur(26px) saturate(180%); backdrop-filter:blur(26px) saturate(180%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 34px rgba(0,0,0,.42);
}
.brand { display:flex; align-items:center; gap:9px; color:var(--ink); font-size:18px; font-weight:700; }
.brand:hover { text-decoration:none; }
.logo { width:30px; height:30px; border-radius:9px; object-fit:cover; display:block; }
.nav-links { display:flex; align-items:center; gap:20px; }
.nav-links a { color:var(--muted); font-size:14px; font-weight:600; }
.nav-links a:hover { color:var(--ink); text-decoration:none; }
.button {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:11px 19px; border:0; border-radius:999px;
  color:#0a0910 !important; background:linear-gradient(135deg,var(--pink),var(--purple));
  font:700 14px/1.2 "Hanken Grotesk",system-ui,sans-serif; cursor:pointer;
}
.button:hover { text-decoration:none; filter:brightness(1.08); }
.button.secondary { color:var(--ink) !important; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.16); }

main { position:relative; z-index:2; width:min(900px,92vw); margin:0 auto; padding:64px 0 24px; }
.hero { max-width:780px; }
.eyebrow { color:var(--faint); font-size:12.5px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
h1 { margin-top:11px; max-width:18ch; font-size:clamp(36px,6vw,60px); line-height:1.03; text-wrap:balance; }
.lede { margin-top:20px; max-width:45em; color:var(--muted); font-size:clamp(18px,2.4vw,21px); }
.verified { margin-top:14px; color:var(--faint); font-size:13.5px; }
.quick-answer {
  margin-top:34px; padding:24px; border:1px solid rgba(255,214,110,.22); border-radius:20px;
  background:linear-gradient(130deg,rgba(255,214,110,.08),rgba(124,92,255,.08));
}
.quick-answer h2 { font-size:18px; }
.quick-answer p { margin-top:9px; color:var(--muted); font-size:16.5px; }

.section { margin-top:56px; }
.section > h2 { font-size:clamp(24px,3.6vw,33px); line-height:1.16; text-wrap:balance; }
.section > p { margin-top:14px; max-width:46em; color:var(--muted); font-size:16.5px; }
.answer-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:24px; }
.answer {
  padding:22px; border:1px solid var(--line); border-radius:18px; background:var(--card);
}
.answer h3 { font:600 19px/1.25 "Fraunces",Georgia,serif; }
.answer p { margin-top:9px; color:var(--muted); font-size:15.5px; }
.answer strong { color:var(--ink); }
.facts { width:100%; margin-top:23px; border-collapse:collapse; border:1px solid var(--line); border-radius:18px; overflow:hidden; display:block; }
.facts tbody { display:table; width:100%; border-collapse:collapse; }
.facts th,.facts td { padding:15px 17px; border-bottom:1px solid var(--line); vertical-align:top; text-align:left; }
.facts tr:last-child th,.facts tr:last-child td { border-bottom:0; }
.facts th { width:32%; color:var(--faint); font-size:13px; text-transform:uppercase; letter-spacing:.06em; }
.facts td { color:var(--muted); font-size:15.5px; }
.facts td strong { color:var(--ink); }
.byline { display:flex; gap:10px 18px; flex-wrap:wrap; margin-top:26px; color:var(--faint); font-size:13.5px; }

.guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:28px; }
.guide-card {
  display:block; min-height:190px; padding:24px; border:1px solid var(--line); border-radius:20px;
  color:var(--ink); background:var(--card); transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.guide-card:hover { transform:translateY(-2px); text-decoration:none; border-color:rgba(255,255,255,.22); background:rgba(255,255,255,.065); }
.guide-card .tag { color:var(--amber); font-size:11.5px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.guide-card h2,.guide-card h3 { margin-top:10px; font:600 22px/1.2 "Fraunces",Georgia,serif; }
.guide-card p { margin-top:10px; color:var(--muted); font-size:15px; }
.guide-card .arrow { display:inline-block; margin-top:17px; color:var(--amber); font-size:14px; font-weight:700; }

.status {
  display:inline-flex; align-items:center; gap:8px; margin-top:24px; padding:8px 13px;
  border:1px solid rgba(255,214,110,.2); border-radius:999px; color:var(--amber); background:rgba(255,214,110,.07);
  font-size:13px; font-weight:700;
}
.status-dot { width:8px; height:8px; border-radius:50%; background:var(--amber); box-shadow:0 0 13px rgba(255,214,110,.75); }
.steps { margin-top:22px; counter-reset:step; display:grid; gap:13px; }
.step {
  position:relative; padding:19px 19px 19px 58px; border:1px solid var(--line); border-radius:17px; background:var(--card);
}
.step::before {
  counter-increment:step; content:counter(step); position:absolute; left:18px; top:18px;
  width:27px; height:27px; display:grid; place-items:center; border-radius:50%;
  color:#0a0910; background:var(--amber); font-size:13px; font-weight:800;
}
.step h3 { font-size:16px; }
.step p { margin-top:5px; color:var(--muted); font-size:14.5px; }
.signup {
  margin-top:32px; padding:clamp(24px,4.5vw,38px); border:1px solid var(--line); border-radius:24px;
  background:linear-gradient(130deg,rgba(124,92,255,.15),rgba(255,138,216,.1));
}
.signup h2 { font:600 clamp(24px,3.4vw,31px)/1.16 "Fraunces",Georgia,serif; }
.signup > p { margin-top:10px; color:var(--muted); }
.waitlist { display:flex; gap:10px; margin-top:20px; max-width:590px; }
.waitlist input[type="email"] {
  min-width:0; flex:1; padding:13px 16px; border:1px solid rgba(255,255,255,.16); border-radius:999px;
  color:var(--ink); background:rgba(0,0,0,.22); font:500 15px "Hanken Grotesk",system-ui,sans-serif;
}
.waitlist input:focus { outline:2px solid var(--pink); outline-offset:2px; }
.form-note { margin-top:11px; color:var(--faint); font-size:13px; }
.disclosure { margin-top:32px; padding:18px 20px; border-left:3px solid var(--purple); color:var(--muted); background:rgba(124,92,255,.07); font-size:14px; }

.endcta {
  margin-top:64px; padding:clamp(30px,5vw,50px); border:1px solid var(--line); border-radius:26px;
  text-align:center; background:linear-gradient(120deg,rgba(124,92,255,.16),rgba(255,138,216,.12));
}
.endcta h2 { font:600 clamp(25px,3.8vw,36px)/1.15 "Fraunces",Georgia,serif; }
.endcta p { max-width:34em; margin:12px auto 22px; color:var(--muted); }
.actions { display:flex; flex-wrap:wrap; justify-content:center; gap:11px; }

footer {
  position:relative; z-index:2; width:min(900px,92vw); margin:52px auto 0; padding:32px 0 50px;
  border-top:1px solid var(--line); display:flex; flex-wrap:wrap; gap:11px 20px; color:var(--faint); font-size:13.5px;
}
footer a { color:var(--faint); }

@media (max-width:680px) {
  .nav-links a:not(.button) { display:none; }
  main { padding-top:46px; }
  .answer-list,.guide-grid { grid-template-columns:1fr; }
  .facts,.facts tbody,.facts tr,.facts th,.facts td { display:block; width:100%; }
  .facts tr { padding:14px 16px; border-bottom:1px solid var(--line); }
  .facts tr:last-child { border-bottom:0; }
  .facts th,.facts td { padding:0; border:0; }
  .facts td { margin-top:5px; }
  .waitlist { flex-direction:column; }
  .waitlist .button { width:100%; padding:14px 18px; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .guide-card { transition:none; }
}