:root{--bg:#0b0d12;--panel:#12151d;--line:#232836;--txt:#e7e9ee;--mut:#9aa1b2;--acc:#7c5cff;--acc2:#22d3a6}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.55 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:#b9a8ff;text-decoration:none}a:hover{text-decoration:underline}
.top{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(11,13,18,.92);backdrop-filter:blur(6px)}
.brand{color:var(--txt);font-weight:800;font-size:18px}.logo{color:var(--acc2)}nav a{margin-left:22px;color:var(--mut);font-size:14px}
nav a.cta{background:var(--acc);color:#fff;padding:8px 14px;border-radius:8px}
main{max-width:1040px;margin:0 auto;padding:24px 24px 60px}
.hero{padding:36px 0 8px}.hero h1{font-size:44px;line-height:1.1;margin:6px 0 12px;letter-spacing:-.02em}.hero.small h1{font-size:36px}
.eyebrow{color:var(--acc2);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;margin:0}
.lede{color:#c7cbd6;font-size:18px;max-width:760px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.stat .k{font-size:26px;font-weight:800}.stat .l{color:var(--mut);font-size:13px}
h2{margin-top:40px;font-size:22px}.muted{color:var(--mut)}.small{font-size:13px}
table.lb{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.lb th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);padding:12px 14px;border-bottom:1px solid var(--line)}
.lb td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.lb tr:last-child td{border-bottom:0}
.lb .num{text-align:right;font-variant-numeric:tabular-nums}.rank{color:var(--mut);width:56px;font-weight:700}
.sub{font-size:12px}.sub a{color:var(--mut)}.barcell{width:28%}
.bar{height:8px;background:#1b1f2b;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--acc2))}
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.catcard{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--txt)}.catcard:hover{border-color:var(--acc);text-decoration:none}
.cn{font-weight:700}.cl{color:#c7cbd6;font-size:14px}.cc{color:var(--mut);font-size:12px}
.signup{margin-top:48px;background:linear-gradient(135deg,#1a1440,#0f2a28);border:1px solid var(--line);border-radius:16px;padding:28px}
.signup h2{margin-top:0}.signup input{padding:12px;border-radius:8px;border:1px solid var(--line);background:#0b0d12;color:var(--txt);width:280px;font-size:15px}
.signup button{padding:12px 18px;border:0;border-radius:8px;background:var(--acc);color:#fff;font-weight:700;margin-left:8px;cursor:pointer}.note{color:var(--mut);font-size:12px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}.box h2{margin-top:0}
.placeholder{border:1px dashed #3a4157;border-radius:8px;padding:14px;color:var(--mut)}
.btn{display:inline-block;background:var(--acc2);color:#04221b;font-weight:800;padding:10px 16px;border-radius:8px}
.crumb{color:var(--mut);font-size:13px}footer{border-top:1px solid var(--line);color:var(--mut);font-size:13px;text-align:center;padding:20px}
@media(max-width:720px){.stats{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.barcell{display:none}nav a:not(.cta){display:none}.hero h1{font-size:32px}}
.signup.compact{padding:20px 22px;margin-top:36px}.signup.compact h3{margin:0 0 4px;font-size:18px}
.bh-embed{margin-top:14px;min-height:60px}.bh-embed iframe{max-width:100%;border:0}
.mv{font-size:12px;color:var(--mut);font-weight:700}.mv.up{color:var(--acc2)}.mv.down{color:#ff6b8a}