:root{--bg:#050916;--panel:rgba(10,17,38,.72);--panel2:rgba(16,24,52,.78);--line:rgba(255,255,255,.08);--text:#f5f7ff;--muted:#a7b0ca;--primary:#8a63ff;--shadow:0 20px 60px rgba(0,0,0,.45);--radius:24px}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:linear-gradient(180deg,#050916,#04070f 70%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{min-height:100vh;overflow-x:hidden}
.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px, transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle at center,black,transparent 85%);pointer-events:none}
.bg-orb{position:fixed;border-radius:999px;filter:blur(90px);opacity:.25;pointer-events:none}.orb-a{width:320px;height:320px;background:#7e4cff;top:60px;left:-80px}.orb-b{width:360px;height:360px;background:#00d0ff;top:120px;right:-120px}
.shell{max-width:1280px;margin:0 auto;padding:36px 20px 80px}.glass,.glass-subtle{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.glass{border-radius:var(--radius)}.glass-subtle{border-radius:18px}
.hero{display:grid;grid-template-columns:1.5fr .8fr;gap:28px;padding:34px;overflow:hidden}.eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(138,99,255,.14);color:#d5c9ff;font-size:12px;letter-spacing:.08em;margin-bottom:12px}
h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;margin:0 0 14px}h2{font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.1;margin:0 0 10px}h3{font-size:1.9rem;margin:0 0 16px}h4{font-size:1rem;margin:0 0 8px}p,.muted{color:var(--muted);line-height:1.65}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:16px;border:1px solid transparent;color:#fff;text-decoration:none;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(0,0,0,.24)}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:linear-gradient(135deg,#9c7cff,#6f54ff)}.btn-secondary{background:rgba(255,255,255,.06);border-color:var(--line)}.btn-small{padding:10px 14px;border-radius:12px}
.hero-stat{padding:24px;align-self:center}.endpoint{font-size:1.7rem;font-weight:800;margin:14px 0}
.stats-grid{display:grid;gap:16px;margin-top:18px}.stats-grid-5{grid-template-columns:repeat(5,1fr)}.stat-card{padding:22px}.stat-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:#9aa4c7}.stat-value{font-size:2.1rem;font-weight:800;line-height:1.15;margin-top:10px}.stat-sub{font-size:.9rem;color:var(--muted);margin-top:12px}
.lookup,.builder,.feed,.quickstart{margin-top:18px;padding:28px}.lookup-form{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:20px}
input,select{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:14px;padding:15px 16px;color:#fff;outline:none}input:focus,select:focus{border-color:rgba(138,99,255,.8);background:rgba(255,255,255,.06)}
.miner-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.miner-card{padding:18px}.stat-inline{font-weight:700;word-break:break-all;margin-top:8px}.hidden{display:none}
.chart-wrap{margin-top:16px;padding:18px}.chart-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.chart-box{position:relative;height:260px;max-height:260px}.chart-box canvas{display:block!important;width:100%!important;height:260px!important;max-height:260px!important}
.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:18px}.feed-section{margin-top:18px}.qs-step{padding:18px;margin:12px 0}
.code-card,.builder-output{margin-top:18px;border:1px solid var(--line);border-radius:18px;padding:18px;background:rgba(5,10,23,.6)}.code-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:#98a4c9;margin-bottom:10px}code{display:block;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#eaf0ff}
.builder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}label span{display:block;font-size:.9rem;color:#c2cae7;margin-bottom:8px}
.toast{position:fixed;right:20px;bottom:20px;opacity:0;transform:translateY(12px);transition:all .22s ease;background:#131c37;color:#fff;border:1px solid var(--line);padding:12px 16px;border-radius:14px;z-index:50}.toast.show{opacity:1;transform:translateY(0)}
@media (max-width:1120px){.stats-grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:960px){.hero,.two-col,.miner-cards,.builder-grid{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr}}@media (max-width:720px){.stats-grid-5,.miner-cards,.builder-grid,.two-col,.lookup-form{grid-template-columns:1fr}.chart-head{flex-direction:column;align-items:flex-start}.shell{padding:20px 14px 70px}.hero,.lookup,.builder,.feed,.quickstart{padding:20px}.stat-value{font-size:1.6rem}.endpoint{font-size:1.25rem}}

.chart-popup{position:absolute;min-width:132px;pointer-events:none;z-index:4;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(8,14,32,.96);box-shadow:0 14px 36px rgba(0,0,0,.32);backdrop-filter:blur(12px)}
.chart-popup-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#9aa4c7;margin-bottom:6px}
.chart-popup-value{font-size:1rem;font-weight:800;color:#fff}