:root{--bg:#0b1020;--card:#121a33;--line:#1f2a4d;--txt:#e6ebff;--mut:#8f9bc4;--pri:#6c5cff;--acc:#22d3ee;--ok:#22c55e;--warn:#f59e0b;--bad:#ef4444}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--txt);line-height:1.6}
a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 24px}
header{border-bottom:1px solid var(--line)}header .wrap{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo{font-weight:800;font-size:20px;display:flex;gap:10px;align-items:center}.logo i{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--pri),var(--acc));display:inline-block}
nav a{margin-left:28px;color:var(--mut);font-size:15px}nav a.btn{color:#fff;background:var(--pri);padding:9px 18px;border-radius:9px}
.hero{padding:90px 0 70px;text-align:center;background:radial-gradient(circle at 50% 0,#2a2370 0,transparent 60%)}
.badge{display:inline-block;border:1px solid var(--line);color:var(--acc);padding:6px 14px;border-radius:99px;font-size:13px;margin-bottom:22px}
h1{font-size:54px;line-height:1.1;letter-spacing:-1.5px;max-width:820px;margin:auto}h1 span{background:linear-gradient(90deg,var(--pri),var(--acc));-webkit-background-clip:text;color:transparent}
.hero p{color:var(--mut);font-size:19px;max-width:640px;margin:20px auto 36px}
form{display:flex;max-width:720px;margin:auto;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px}
form input{flex:1;background:none;border:0;color:var(--txt);font-size:17px;padding:0 16px;outline:none}form button{background:linear-gradient(90deg,var(--pri),#8b5cf6);color:#fff;border:0;font-size:16px;font-weight:700;padding:15px 34px;border-radius:10px}
.opts{margin-top:16px;color:var(--mut);font-size:14px}.opts b{color:var(--txt);font-weight:500;margin:0 8px}
section{padding:70px 0}h2{font-size:34px;letter-spacing:-.5px;margin-bottom:8px}.sub{color:var(--mut);margin-bottom:34px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px}
.rhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;flex-wrap:wrap;gap:10px}.rhead small{color:var(--mut)}
.grade{font-size:15px;background:#14361f;color:var(--ok);padding:6px 14px;border-radius:8px;font-weight:700}
.gauges{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}
.g{text-align:center}.g .ring{width:120px;height:120px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--v)*1%),#24305a 0)}
.g .ring div{width:96px;height:96px;border-radius:50%;background:var(--card);display:grid;place-items:center;font-size:30px;font-weight:800;color:var(--c)}
.g span{color:var(--mut);font-size:14px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.vit{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.vit:last-child{border:0}
.vit b{font-size:22px}.bar{height:6px;border-radius:9px;background:#24305a;margin-top:6px;width:220px}.bar i{display:block;height:100%;border-radius:9px}
.chk{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px}.chk:last-child{border:0}
.dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#0b1020;flex:none}
.chk em{margin-left:auto;font-style:normal;color:var(--mut);font-size:13px}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feat .card h3{margin:14px 0 6px;font-size:18px}.feat p{color:var(--mut);font-size:15px}
.ic{width:44px;height:44px;border-radius:11px;background:#1c2550;display:grid;place-items:center;font-size:22px}
.stats{display:grid;grid-template-columns:repeat(4,1fr)}.stats.has5{grid-template-columns:repeat(5,1fr)}.stats [hidden]{display:none}.stats{text-align:center;gap:20px}.stats b{font-size:38px;display:block;color:var(--acc)}.stats span{color:var(--mut)}
.cta{text-align:center;background:linear-gradient(135deg,#2b1f8a,#0e4f6b);border-radius:20px;padding:56px}
footer{border-top:1px solid var(--line);padding:40px 0;color:var(--mut);font-size:14px}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}
@media(max-width:760px){nav a:not(.btn){display:none}h1{font-size:36px}.hero{padding:60px 0 50px}form{flex-direction:column;gap:8px}form input{padding:14px}.gauges{grid-template-columns:1fr 1fr}.cols,.feat{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stats.has5>div:first-child{grid-column:1/-1}.stats.has5{grid-template-columns:1fr 1fr}.stats b{font-size:28px}.stats span{font-size:14px}.bar{width:120px}.cta{padding:36px 20px}h2{font-size:27px}}

.hidden{display:none}.loading{text-align:center;padding:50px;color:var(--mut)}.spin{width:46px;height:46px;border:4px solid var(--line);border-top-color:var(--acc);border-radius:50%;animation:s 1s linear infinite;margin:0 auto 16px}@keyframes s{to{transform:rotate(360deg)}}
.err{background:#3a1520;border:1px solid #7a2233;color:#ffb4c0;padding:16px 20px;border-radius:12px;margin-top:20px;text-align:left}
.tabs{display:inline-flex;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:4px;margin-top:16px}.tabs label{padding:6px 16px;border-radius:7px;cursor:pointer;color:var(--mut);font-size:14px}.tabs input{display:none}.tabs input:checked+label{background:var(--pri);color:#fff}
.kv{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.kv div{background:#0f1630;border:1px solid var(--line);border-radius:12px;padding:14px}.kv small{color:var(--mut);display:block;font-size:12px}.kv b{font-size:18px}
.opp{margin-top:22px}.opp li{list-style:none;display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px;gap:12px}.opp em{color:var(--warn);font-style:normal;white-space:nowrap}
.srcnote{color:var(--mut);font-size:12px;margin-top:14px}form button:disabled{opacity:.6}
@media(max-width:760px){.kv{grid-template-columns:1fr 1fr}}