@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Chivo:wght@500;700;900&display=swap');
:root{--bg:#050a06;--panel:#0a120c;--panel2:#0e1810;--line:#14241a;--line2:#1d3324;--tx:#d7ffe2;--mut:#8fd6a4;--dim:#4f705c;--volt:#b6ff3a;--grn:#3bff8e;--red:#ff5d5d;--sans:'Chivo','IBM Plex Sans',system-ui,sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--sans);font-size:14px;line-height:1.55}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(59,255,142,.025) 2px 3px)}
a{color:inherit;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}
nav{border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0;z-index:999;backdrop-filter:blur(2px)}
.nav-in{max-width:1200px;margin:auto;padding:0 24px;height:52px;display:flex;align-items:center;gap:26px}
.logo{font:700 16px var(--sans);letter-spacing:1px}
.logo b{color:var(--grn);font-weight:900}
.logo i{font-style:normal;color:var(--volt);animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.status{display:inline-flex;align-items:center;gap:7px;font:500 10px var(--mono);letter-spacing:1.2px;color:var(--mut);border:1px solid var(--line2);padding:4px 9px}
.status i{width:6px;height:6px;background:var(--grn);display:inline-block;animation:blink 2s steps(1) infinite}
.nav-links{display:flex;gap:20px;margin-left:auto;font-size:12.5px;color:var(--mut)}
.nav-links a:hover{color:var(--tx)}
.ticker{border-bottom:1px solid var(--line);background:var(--panel2);overflow:hidden;position:relative;z-index:1}
.ticker-track{display:flex;gap:0;width:max-content;animation:tick 40s linear infinite;padding:9px 0}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}
.ticker-track span{font:500 11px var(--mono);color:var(--mut);white-space:nowrap;padding:0 26px;border-right:1px solid var(--line);letter-spacing:.5px}
.ticker-track b{color:var(--grn);font-weight:500;margin-left:7px}
.ticker-track b.up{color:var(--grn)}
.deck{padding:56px 0 44px;border-bottom:1px solid var(--line);position:relative;z-index:1}
.deck h1{font:900 clamp(28px,4.5vw,44px)/1.12 var(--sans);margin:0 0 14px;max-width:780px;letter-spacing:-.5px}
.deck h1 b{color:var(--volt);font-weight:900}
.deck p{color:var(--mut);max-width:660px;margin:0 0 28px;font-size:15px}
.deck .cta{display:flex;gap:12px}
.btn{display:inline-block;background:var(--volt);color:#050a06;font:700 13px var(--sans);padding:11px 22px;border:0;cursor:pointer;letter-spacing:.3px}
.btn:hover{filter:brightness(1.12)}
.btn.ghost{background:transparent;color:var(--tx);border:1px solid var(--line2)}
.statbar{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:40px;background:var(--panel)}
.statbar>div{padding:18px 22px;border-right:1px solid var(--line)}
.statbar>div:last-child{border-right:0}
.statbar b{display:block;font:600 26px var(--mono);color:var(--grn);letter-spacing:-.5px}
.statbar b em{font-style:normal;color:var(--volt)}
.statbar span{font:500 10px var(--mono);letter-spacing:1.4px;color:var(--dim);text-transform:uppercase}
section.blk{padding:58px 0;border-bottom:1px solid var(--line);position:relative;z-index:1}
.blk-head{display:flex;align-items:baseline;gap:14px;margin:0 0 6px}
.blk-head h2{font:700 22px var(--sans);margin:0}
.blk-head .idx{font:600 11px var(--mono);color:var(--volt);letter-spacing:1px}
.blk-sub{color:var(--mut);font-size:13px;margin:0 0 24px;max-width:640px}
.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.toolbar input[type=search]{flex:1;min-width:220px;background:var(--panel);border:1px solid var(--line2);color:var(--tx);font:400 13px var(--mono);padding:9px 13px}
.toolbar input[type=search]:focus{outline:1px solid var(--volt)}
.toolbar select{background:var(--panel);border:1px solid var(--line2);color:var(--tx);font:400 12px var(--mono);padding:9px 11px}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.chip{background:transparent;border:1px solid var(--line2);color:var(--mut);font:500 11px var(--mono);padding:5px 11px;cursor:pointer}
.chip:hover{color:var(--tx);border-color:var(--dim)}
.chip.on{background:var(--volt);border-color:var(--volt);color:#050a06}
.count{font:500 11px var(--mono);color:var(--dim);margin:0 0 10px;letter-spacing:.6px}
.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.model-card{background:var(--panel);border:1px solid var(--line);padding:16px;transition:border-color .15s}
.model-card:hover{border-color:var(--line2)}
.model-card .name{font:600 14px var(--mono);color:var(--tx);margin-bottom:4px}
.model-card .cat{font:500 10px var(--mono);color:var(--volt);background:var(--panel2);border:1px solid var(--line2);padding:2px 7px;display:inline-block}
.model-card .desc{font:400 12px var(--sans);color:var(--mut);margin:8px 0 6px}
.model-card .price{font:600 13px var(--mono);color:var(--grn)}
.model-card .ctx{font:500 10px var(--mono);color:var(--dim);margin-top:4px}
table{width:100%;border-collapse:collapse;font:400 13px var(--mono)}
thead th{background:var(--panel2);border-bottom:1px solid var(--line2);padding:10px 12px;text-align:left;font:600 11px var(--mono);color:var(--dim);letter-spacing:1px;text-transform:uppercase;cursor:pointer;user-select:none}
tbody td{border-bottom:1px solid var(--line);padding:8px 12px}
tbody tr:hover{background:var(--panel)}
.num{text-align:right}
.pkg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.pkg-card{background:var(--panel);border:1px solid var(--line);padding:18px;text-align:center}
.pkg-card .name{font:700 15px var(--sans);color:var(--tx);margin-bottom:8px}
.pkg-card .price{font:600 24px var(--mono);color:var(--grn);margin-bottom:4px}
.pkg-card .bonus{font:500 11px var(--mono);color:var(--volt);margin-bottom:4px}
.pkg-card .desc{font:400 11px var(--sans);color:var(--mut);margin-top:6px}
.code-block{position:relative;background:var(--panel2);border:1px solid var(--line2);padding:16px;margin:12px 0;overflow-x:auto}
.code-block pre{margin:0;font:400 12px var(--mono);color:var(--mut);white-space:pre}
.code-block .copy{position:absolute;top:8px;right:8px;background:var(--panel);border:1px solid var(--line2);color:var(--mut);font:500 10px var(--mono);padding:3px 8px;cursor:pointer}
.code-block .copy:hover{color:var(--tx)}
.loading{text-align:center;padding:40px;color:var(--dim);font:500 13px var(--mono)}
footer{padding:40px 0;text-align:center;color:var(--dim);font:500 11px var(--mono)}
footer a{color:var(--mut)}
footer a:hover{color:var(--tx)}
@media(max-width:768px){
.statbar{grid-template-columns:repeat(2,1fr)}
.model-grid{grid-template-columns:1fr}
.deck h1{font-size:26px}
}