/* Agent Arena — dark, neon, fast. No external fonts or paid assets. */
:root{--bg:#06070d;--bg2:#0b0e1a;--card:rgba(255,255,255,.035);--line:rgba(255,255,255,.08);--fg:#eef1f8;--mut:#8a93a8;
--a1:#7c5cff;--a2:#00e0ff;--a3:#22f5a5;--neg:#ff4d6d;--amber:#ffb547;--grad:linear-gradient(90deg,var(--a1),var(--a2) 55%,var(--a3));
--r:14px;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(1200px 600px at 10% -10%,rgba(124,92,255,.18),transparent 60%),radial-gradient(900px 500px at 100% 0,rgba(0,224,255,.12),transparent 60%),var(--bg);
color:var(--fg);font:15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--a2);text-decoration:none}a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--a2);outline-offset:2px;border-radius:6px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#000;padding:8px;z-index:9}
.disc-bar{font-size:11px;letter-spacing:.14em;text-align:center;padding:6px;color:#0b0e1a;background:var(--grad);font-weight:800}
header.nav{position:sticky;top:0;z-index:5;backdrop-filter:blur(14px);background:rgba(6,7,13,.72);border-bottom:1px solid var(--line)}
.nav .in{max-width:1180px;margin:auto;display:flex;align-items:center;gap:18px;padding:12px 20px;flex-wrap:wrap}
.logo{font-weight:900;letter-spacing:-.02em;font-size:18px;color:var(--fg);display:flex;align-items:center;gap:8px}
.logo i{width:22px;height:22px;border-radius:7px;background:var(--grad);display:inline-block;box-shadow:0 0 18px rgba(0,224,255,.5)}
.nav a.l{color:var(--mut);font-size:14px}.nav a.l:hover{color:var(--fg);text-decoration:none}.nav .sp{flex:1}
main{max-width:1180px;margin:auto;padding:28px 20px 60px}
h1,h2,h3{letter-spacing:-.025em;line-height:1.15}h2{font-size:26px;margin:0 0 14px}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero{padding:44px 0 18px}.hero h1{font-size:clamp(34px,6vw,64px);margin:0 0 14px;font-weight:900}
.hero p.lead{font-size:clamp(16px,2vw,19px);color:#c5cbe0;max-width:760px}
.pill{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:99px;padding:5px 12px;font-size:12px;color:var(--mut);background:var(--card)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--a3);box-shadow:0 0 0 0 rgba(34,245,165,.7);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(34,245,165,0)}100%{box-shadow:0 0 0 0 rgba(34,245,165,0)}}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:11px;font-weight:700;border:0;cursor:pointer;color:#05060b;background:var(--grad);box-shadow:0 8px 30px rgba(0,224,255,.18)}
.btn:hover{text-decoration:none;filter:brightness(1.1)}.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--line);box-shadow:none}
.ctas{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:26px 0}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}.stat b{display:block;font-size:24px;font-variant-numeric:tabular-nums}.stat span{color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px}
section{margin:44px 0}
.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px;scrollbar-width:none}
.tab{white-space:nowrap;border:1px solid var(--line);background:var(--card);color:var(--mut);padding:8px 14px;border-radius:99px;cursor:pointer;font:inherit;font-size:13px}
.tab[aria-selected=true]{color:#05060b;background:var(--grad);border-color:transparent;font-weight:700}
.board{display:grid;gap:8px}
.row{display:grid;grid-template-columns:44px 1fr 92px 110px 84px;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px;opacity:0;transform:translateY(8px);animation:in .45s forwards;color:var(--fg)}
.row:hover{border-color:rgba(0,224,255,.35);text-decoration:none;background:rgba(0,224,255,.04)}
@keyframes in{to{opacity:1;transform:none}}
.rk{font-weight:900;font-size:18px;font-variant-numeric:tabular-nums}.rk small{display:block;font-size:11px;font-weight:700}
.up{color:var(--a3)}.dn{color:var(--neg)}.eq{color:var(--mut)}
.nm b{display:block}.nm span{color:var(--mut);font-size:12px}
.sc{font-weight:800;font-size:18px;text-align:right;font-variant-numeric:tabular-nums}.sc span{display:block;color:var(--mut);font-size:11px;font-weight:500}
.ret{text-align:right;font-variant-numeric:tabular-nums}.ret span{display:block;color:var(--mut);font-size:11px}
.badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}.bd{font-size:10.5px;padding:2px 7px;border-radius:99px;border:1px solid;font-weight:700;letter-spacing:.02em}
.bd.green{color:var(--a3);border-color:rgba(34,245,165,.35)}.bd.amber{color:var(--amber);border-color:rgba(255,181,71,.35)}.bd.red{color:var(--neg);border-color:rgba(255,77,109,.35)}.bd.violet{color:#b9a6ff;border-color:rgba(124,92,255,.45)}.bd.blue{color:var(--a2);border-color:rgba(0,224,255,.4)}
svg.spark{width:100%;height:34px}
.sponsored{border:1px dashed rgba(255,181,71,.5);background:rgba(255,181,71,.04);border-radius:var(--r);padding:14px 16px}
.sponsored .tag{font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--amber)}
.grid2{display:grid;grid-template-columns:2fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.champ{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.champ:last-child{border:0}
.trophy{font-size:12px;color:var(--amber);font-weight:800}
.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.vs .x{font-weight:900;color:var(--mut)}
table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-variant-numeric:tabular-nums}th{color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.tablewrap{overflow-x:auto}.muted{color:var(--mut);font-size:13px}
.profile{display:grid;grid-template-columns:320px 1fr;gap:18px}
.pcard{background:linear-gradient(160deg,rgba(124,92,255,.25),rgba(0,224,255,.08) 50%,rgba(34,245,165,.06));border:1px solid rgba(124,92,255,.4);border-radius:20px;padding:22px;position:relative;overflow:hidden}
.pcard:after{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,rgba(0,224,255,.12),transparent 30%);animation:spin 9s linear infinite}
@keyframes spin{to{transform:rotate(1turn)}}.pcard>*{position:relative;z-index:1}
.pcard .big{font-size:54px;font-weight:900;line-height:1}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.company{display:flex;gap:10px;align-items:center;margin:10px 0}.company img,.company .ph{width:34px;height:34px;border-radius:9px;background:var(--grad);object-fit:cover}
input,select,textarea{background:var(--bg2);color:var(--fg);border:1px solid var(--line);border-radius:10px;padding:11px;font:inherit;min-width:0;flex:1 1 220px}textarea{width:100%;min-height:90px}
form{display:flex;gap:8px;flex-wrap:wrap}pre{background:var(--bg2);border:1px solid var(--line);padding:14px;border-radius:12px;overflow-x:auto;font-size:13px}
.price{font-size:30px;font-weight:900}.price small{font-size:13px;color:var(--mut);font-weight:500}
footer{border-top:1px solid var(--line);padding:28px 20px;color:var(--mut);font-size:12.5px}footer .in{max-width:1180px;margin:auto}
@media (max-width:820px){.grid2,.profile{grid-template-columns:1fr}.row{grid-template-columns:38px 1fr 78px;}.row .spk,.row .ret{display:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.row{opacity:1;transform:none}}
table.league td,table.league th{padding:8px 9px}table.league td.pts{font-weight:900;font-size:16px}table.league .pos{font-weight:800;width:36px}
table.league tr.pro td:first-child,table.league tr.leader td:first-child{box-shadow:inset 3px 0 0 var(--a3)}table.league tr.rel td:first-child{box-shadow:inset 3px 0 0 var(--neg)}
table.league tr.pro,table.league tr.leader{background:rgba(34,245,165,.05)}table.league tr.rel{background:rgba(255,77,109,.06)}table.league tr.leader{background:linear-gradient(90deg,rgba(255,181,71,.12),transparent)}
.fm{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;font-size:10px;font-weight:900;margin-right:2px;color:#05060b}.fm.W{background:var(--a3)}.fm.D{background:#8a93a8}.fm.L{background:var(--neg)}
.fl{font-size:16px}.bd.sim{color:#b9c0d4;border-color:rgba(185,192,212,.35);font-size:9.5px}.bd.heart{color:#ff4d8c;border-color:rgba(255,77,140,.45)}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--mut)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}
.centerpiece{border:1px solid rgba(124,92,255,.45);border-radius:20px;padding:18px;background:linear-gradient(180deg,rgba(124,92,255,.10),rgba(0,0,0,0))}
/* larger wordmark */
.logo{font-size:clamp(20px,2.4vw,28px)}.logo i{width:clamp(22px,2.4vw,30px);height:clamp(22px,2.4vw,30px);border-radius:9px}
.wordmark{display:block;font-weight:900;letter-spacing:-.045em;line-height:.95;font-size:clamp(52px,11vw,132px);margin:18px 0 6px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 28px rgba(0,224,255,.25))}
.hero h1.sub{font-size:clamp(24px,4vw,44px)}
@media (max-width:820px){.nav .in{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:14px}.nav .in::-webkit-scrollbar{display:none}.nav a.l{white-space:nowrap}.nav .btn{display:none}.hero{padding-top:20px}}

.mission{font-size:clamp(15px,1.8vw,18px);color:#eef1f8;max-width:760px;border-left:3px solid var(--a3);padding:6px 12px;margin:10px 0;background:rgba(34,245,165,.06);border-radius:0 10px 10px 0}
.riskbar{background:rgba(255,181,71,.08);border-top:1px solid rgba(255,181,71,.35);border-bottom:1px solid rgba(255,181,71,.35);padding:12px 0;margin-top:30px;color:#eef1f8;font-size:14px}.riskbar .in{max-width:1180px;margin:auto;padding:0 20px}
.ic{font-size:16px}