:root{
  --bg:#0b0e13; --panel:#12161f; --panel2:#171c28; --line:#232a3a;
  --text:#e8ecf1; --muted:#9aa4b2; --faint:#6b7686;
  --green:#34d399; --red:#f87171; --gold:#e7c46a; --accent:#5ea8ff;
  --radius:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.55; font-size:16px;
}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:880px; margin:0 auto; padding:0 20px}
header.site{
  border-bottom:1px solid var(--line);
  position:sticky; top:0; background:rgba(11,14,19,.92); backdrop-filter:blur(6px); z-index:10;
}
header.site .wrap{display:flex; align-items:center; gap:22px; padding-top:14px; padding-bottom:14px}
.logo{font-weight:800; letter-spacing:.14em; font-size:17px; color:var(--text)}
.logo span{color:var(--gold)}
nav.main{display:flex; gap:18px; margin-left:auto; flex-wrap:wrap}
nav.main a{color:var(--muted); font-size:14.5px}
nav.main a[aria-current="page"]{color:var(--text); font-weight:600}
.held-banner{
  background:#221d10; border-bottom:1px solid #4a3d16; color:#e8cf8f;
  font-size:14px; text-align:center; padding:9px 16px;
}
.held-banner strong{color:var(--gold)}
main{padding:34px 0 10px}
h1{font-size:34px; line-height:1.2; margin:0 0 12px}
h2{font-size:22px; margin:34px 0 10px}
h3{font-size:17px; margin:20px 0 6px}
p{margin:0 0 14px}
.muted{color:var(--muted)} .faint{color:var(--faint)} .small{font-size:13.5px}
.lede{font-size:18.5px; color:var(--muted); max-width:640px}
.card{
  background:var(--panel); border:1px solid var(--line); border-radius:var(--radius);
  padding:22px; margin:18px 0;
}
.record-hero{text-align:left}
.record-numbers{display:flex; gap:34px; flex-wrap:wrap; margin:10px 0 4px}
.record-numbers .num{font-size:40px; font-weight:800; line-height:1.05}
.record-numbers .lbl{color:var(--muted); font-size:13.5px; text-transform:uppercase; letter-spacing:.08em}
.form-strip{display:flex; gap:6px; flex-wrap:wrap; margin:12px 0 6px}
.chip{
  width:30px; height:30px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center;
  font-weight:700; font-size:14px; border:1px solid var(--line);
}
.chip.w{background:rgba(52,211,153,.14); color:var(--green); border-color:rgba(52,211,153,.4)}
.chip.l{background:rgba(248,113,113,.12); color:var(--red); border-color:rgba(248,113,113,.4)}
.steps{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px; margin:16px 0}
.step{background:var(--panel2); border:1px solid var(--line); border-radius:var(--radius); padding:16px}
.step .n{color:var(--gold); font-weight:800; font-size:13px; letter-spacing:.1em}
table.era{width:100%; border-collapse:collapse; margin:10px 0}
table.era th, table.era td{border-bottom:1px solid var(--line); padding:9px 8px; text-align:left; vertical-align:top; font-size:15px}
table.era th{color:var(--muted); font-weight:600; width:34%}
form.waitlist{display:flex; gap:10px; flex-wrap:wrap; margin-top:12px}
form.waitlist input[type="email"]{
  flex:1 1 260px; background:var(--bg); border:1px solid var(--line); border-radius:10px;
  color:var(--text); padding:12px 14px; font-size:16px;
}
form.waitlist button{
  background:var(--gold); color:#191304; border:0; border-radius:10px; padding:12px 20px;
  font-size:16px; font-weight:700; cursor:pointer;
}
form.waitlist button:disabled{opacity:.6; cursor:default}
.form-msg{margin-top:10px; font-size:14.5px; min-height:1.4em}
.form-msg.ok{color:var(--green)} .form-msg.err{color:var(--red)}
label.calc{display:block; margin:14px 0 4px; color:var(--muted); font-size:14.5px}
input[type="number"],input[type="range"]{width:100%}
input[type="number"]{
  background:var(--bg); border:1px solid var(--line); border-radius:10px; color:var(--text);
  padding:11px 13px; font-size:16px;
}
.calc-out{display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px; margin-top:16px}
.calc-out .cell{background:var(--panel2); border:1px solid var(--line); border-radius:10px; padding:12px}
.calc-out .v{font-size:22px; font-weight:700}
.calc-out .k{color:var(--muted); font-size:12.5px; text-transform:uppercase; letter-spacing:.07em}
footer.site{border-top:1px solid var(--line); margin-top:44px; padding:24px 0 40px; color:var(--faint); font-size:13.5px}
footer.site .wrap{display:flex; flex-direction:column; gap:8px}
.badge{
  display:inline-block; border:1px solid rgba(231,196,106,.5); color:var(--gold);
  border-radius:999px; padding:2px 10px; font-size:12.5px; font-weight:600; letter-spacing:.04em;
}
ul.tight{margin:6px 0 14px; padding-left:20px}
ul.tight li{margin-bottom:6px}
code{background:var(--panel2); padding:1px 6px; border-radius:6px; font-size:.92em}