.hero { max-width:520px; margin:0 auto; padding:60px 20px 40px; text-align:center; }
.logo-mark { font-family:var(--font-d); font-size:clamp(52px,12vw,88px); font-weight:900; color:var(--accent); letter-spacing:.04em; line-height:1; text-shadow:0 0 60px rgba(124,58,237,.4); }
.logo-sub { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.18em; color:var(--text-2); margin-top:6px; margin-bottom:20px; }
.hero-desc { font-size:15px; color:var(--text-2); line-height:1.7; margin-bottom:32px; }

.action-card { background:var(--bg-2); border:1px solid var(--border-h); border-radius:var(--r-xl); overflow:hidden; box-shadow:0 8px 40px rgba(0,0,0,.5); }
.action-tabs { display:flex; border-bottom:1px solid var(--border); }
.action-tab { flex:1; padding:14px; background:none; border:none; font-family:var(--font-b); font-size:14px; font-weight:700; color:var(--text-2); cursor:pointer; transition:all .16s; -webkit-tap-highlight-color:transparent; border-bottom:2.5px solid transparent; }
.action-tab.active { color:var(--accent); border-bottom-color:var(--accent); }
.tab-panel { display:none; padding:24px; }
.tab-panel.active { display:block; }

.stats-section { max-width:520px; margin:40px auto 0; padding:0 20px; }
.stats-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:20px; }
.stat-card { background:var(--bg-2); border:1px solid var(--border); border-radius:var(--r-md); padding:20px; text-align:center; }
.stat-value { font-family:var(--font-d); font-size:32px; font-weight:900; color:var(--accent); }
.stat-label { font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:var(--text-2); margin-top:4px; }

.hs-table { width:100%; border-collapse:collapse; font-size:13px; }
.hs-table th { padding:8px 10px; text-align:left; border-bottom:1px solid var(--border); font-size:10px; text-transform:uppercase; letter-spacing:.08em; color:var(--text-2); font-weight:700; }
.hs-table td { padding:10px 10px; border-bottom:1px solid var(--border); color:var(--text-1); }
.hs-table tr:last-child td { border-bottom:none; }
.hs-table .rank { font-family:var(--font-d); font-weight:900; color:var(--accent); }

.phases-table { width:100%; border-collapse:collapse; font-size:13px; }
.phases-table td { padding:7px 10px; border-bottom:1px solid var(--border); }
.phases-table td:first-child { font-family:var(--font-d); font-weight:800; color:var(--accent); width:70px; }
.phases-table td:last-child { color:var(--text-2); }
.phases-table tr:last-child td { border-bottom:none; }

/* Card preview strip on hero */
.card-strip { display:flex; justify-content:center; gap:8px; margin-bottom:28px; flex-wrap:wrap; }

@media (max-width:480px) {
  .stats-grid { grid-template-columns:repeat(3,1fr); gap:8px; }
  .stat-value { font-size:24px; }
}