*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--bg);color:var(--text);font-family:var(--fm);font-size:13px;line-height:1.6;min-height:100vh;}
body::after{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(0,212,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.015) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0;}
.page{position:relative;z-index:1;}

/* NAV */
nav{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;
  border-bottom:1px solid var(--border);background:var(--nav-bg);backdrop-filter:blur(12px);
  position:sticky;top:0;z-index:100;}

/* HERO */
.hero{max-width:800px;margin:0 auto;padding:60px 24px 40px;text-align:center;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:var(--accent);
  background:rgba(0,212,255,.06);border:1px solid rgba(0,212,255,.15);border-radius:20px;
  padding:4px 14px;margin-bottom:20px;letter-spacing:.12em;text-transform:uppercase;}
.hero h1{font-size:clamp(24px,4vw,42px);font-weight:700;color:var(--text);line-height:1.1;margin-bottom:14px;}
.hero-sub{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:32px;}
.hero-stats{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;}
.hero-stat{text-align:center;}
.hero-stat-val{font-size:24px;font-weight:700;color:var(--accent);}
.hero-stat-label{font-size:10px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;}

/* CONTAINER */
.container{max-width:960px;margin:0 auto;padding:0 24px 80px;}

/* CATEGORY TABS */
.cat-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;}
.cat-tab{background:var(--surf);border:1px solid var(--border);border-radius:20px;
  padding:6px 16px;font-family:var(--fm);font-size:11px;color:var(--muted);
  cursor:pointer;text-decoration:none;transition:all .2s;display:flex;align-items:center;gap:6px;}
.cat-tab:hover{border-color:var(--border2);color:var(--text);}
.cat-tab.active{background:rgba(0,212,255,.08);border-color:rgba(0,212,255,.3);color:var(--accent);}
.cat-count{background:var(--surf2);border-radius:10px;padding:1px 6px;font-size:9px;color:var(--muted);}

/* LEADERBOARD ENTRIES */
.lb-entries{margin-bottom:32px;background:var(--surf);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;}
.lb-header,.lb-row{display:grid;grid-template-columns:52px 1fr 160px 120px 60px;align-items:center;gap:12px;padding:12px 20px;}
.lb-header{background:var(--surf2);font-size:9px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--border);}
.lb-row{border-bottom:1px solid var(--border);transition:background .15s;}
.lb-row:last-child{border-bottom:none;}
.lb-row:hover{background:rgba(255,255,255,.02);}

/* Rank */
.lb-rank{font-family:var(--fm);font-size:14px;font-weight:700;color:var(--muted);text-align:center;}
.lb-rank.gold,.lb-rank.top1{color:#ffd700;}
.lb-rank.silver,.lb-rank.top2{color:#c0c0c0;}
.lb-rank.bronze,.lb-rank.top3{color:#cd7f32;}

/* Domain */
.lb-col-site{display:flex;flex-direction:column;}
.lb-domain{font-size:13px;font-weight:600;color:var(--text);}
.lb-verified{font-size:10px;color:var(--green);margin-top:2px;}
a.lb-domain{color:var(--text);text-decoration:none;}
a.lb-domain:hover{color:var(--accent);text-decoration:underline;}
/* Category */
.lb-cat-badge{font-size:11px;color:var(--muted);}

/* Score */
.lb-score{font-family:var(--fm);font-size:15px;font-weight:700;}
.lb-score-bar{height:3px;background:var(--border);border-radius:2px;overflow:hidden;margin-top:4px;}
.lb-score-bar div{height:100%;border-radius:2px;}

/* Delta */
.lb-col-delta{font-family:var(--fm);font-size:12px;}

/* Score color helpers */
.score-a{color:var(--green);}
.score-b{color:var(--accent);}
.score-c{color:var(--yellow);}
.score-d{color:var(--red);}

/* EMPTY STATE */
.empty{background:var(--surf);border:1px solid var(--border);border-radius:var(--r2);
  padding:48px;text-align:center;color:var(--muted);}
.empty-icon{font-size:32px;margin-bottom:12px;}

/* CTA */
.cta-box{background:linear-gradient(135deg,rgba(0,212,255,.04),rgba(144,96,240,.04));
  border:1px solid rgba(0,212,255,.15);border-radius:var(--r2);padding:40px;
  text-align:center;margin-top:48px;}
.cta-box h2{font-size:20px;font-weight:700;color:var(--text);margin-bottom:8px;}
.cta-box p{font-size:13px;color:var(--muted);margin-bottom:24px;line-height:1.7;}
.btn-cta{display:inline-block;background:var(--accent);color:#000;font-family:var(--fm);
  font-size:13px;font-weight:700;padding:12px 28px;border-radius:var(--r);
  text-decoration:none;letter-spacing:.04em;margin:0 6px;}
.btn-cta-ghost{background:transparent;border:1px solid rgba(var(--accent-rgb),.3);color:var(--accent);}

@media(max-width:640px){
  nav{padding:12px 16px;}
  .lb-header,.lb-row{grid-template-columns:40px 1fr 80px 50px;}
  .lb-col-cat{display:none;}
  .hero{padding:40px 16px 24px;}
  .container{padding:0 16px 60px;}
}