:root{--bg:#0b0d10;--fg:#e8eaed;--mut:#9aa3ad;--card:#14181d;--line:#232a32;--acc:#5eead4;--acc2:#a78bfa}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:var(--acc)}a:hover{color:#99f6e4}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.top{border-bottom:1px solid var(--line);background:#0e1115}.top .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding-top:14px;padding-bottom:14px}
.logo{font-size:22px;color:var(--fg);text-decoration:none;letter-spacing:-.5px}.logo b{color:var(--acc)}
nav a{color:var(--mut);text-decoration:none;margin-right:16px;font-size:15px}nav a:hover{color:var(--fg)}
.disclosure-bar{background:#12161b;color:var(--mut);font-size:13px;padding:6px 0;border-bottom:1px solid var(--line)}
h1{font-size:34px;line-height:1.15;letter-spacing:-.5px;margin:28px 0 10px}h2{margin-top:34px}
.hero p{max-width:760px;color:#c9ced4;font-size:18px}.updated{color:var(--mut);font-size:14px}
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:18px 0}
.tiers div{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px;font-size:14px;color:#c9ced4}
.tier{display:inline-block;font-size:12px;padding:2px 8px;border-radius:99px;white-space:nowrap;font-weight:600}
.tier-cloud{background:#1e293b;color:#93c5fd}.tier-small{background:#14352f;color:#6ee7b7}.tier-mid{background:#3b2f12;color:#fcd34d}.tier-big{background:#3b1530;color:#f9a8d4}
.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px;margin:18px 0 10px;font-size:14px}
.filters label{display:flex;flex-direction:column;gap:4px;color:var(--mut)}.filters label:has(input[type=checkbox]){flex-direction:row;align-items:center}
.filters .grow{flex:1;min-width:180px}
select,input{background:#0b0d10;color:var(--fg);border:1px solid var(--line);border-radius:7px;padding:7px 9px;font:inherit}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}
table.boxes{width:100%;border-collapse:collapse;font-size:15px}
.boxes th,.boxes td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.boxes th{background:#11151a;color:var(--mut);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.4px;position:sticky;top:0}
.boxes th[data-sort]{cursor:pointer;user-select:none}.boxes th[data-sort]:hover{color:var(--fg)}
.boxes th.asc::after{content:" ▲"}.boxes th.desc::after{content:" ▼"}
.boxes tr:hover td{background:#10141a}.boxes td a{text-decoration:none;font-weight:600}
.num{text-align:right!important;white-space:nowrap}.sub{color:var(--mut);font-size:12.5px;font-weight:400}
.muted{color:var(--mut)}.small{font-size:13px}sup{color:#fbbf24}
.crumbs{margin-top:20px;font-size:14px;color:var(--mut)}
.take{font-size:19px;color:#c9ced4;max-width:760px}.price-big{font-size:30px;font-weight:700;margin:8px 0}
.buy{display:inline-block;background:var(--acc);color:#04201b;padding:10px 16px;border-radius:9px;font-weight:700;text-decoration:none}.buy:hover{background:#99f6e4;color:#04201b}
table.specs{border-collapse:collapse;margin:18px 0;width:100%;max-width:860px}
.specs th,.specs td{border-bottom:1px solid var(--line);padding:9px 10px;text-align:left;vertical-align:top}.specs th{color:var(--mut);font-weight:500;width:210px}
.note{background:#1c1a10;border:1px solid #3d3613;border-radius:8px;padding:10px 12px;color:#e7dca5;font-size:14px;max-width:860px}
.newsletter{margin-top:50px;background:linear-gradient(135deg,#102a27,#1d1736);border-top:1px solid var(--line);padding:30px 0}
.newsletter form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.newsletter input{min-width:260px}
.newsletter button{background:var(--acc2);color:#160b33;border:0;border-radius:7px;padding:8px 16px;font-weight:700;cursor:pointer}
.nl-note{font-size:12px;color:var(--mut,#9aa4b2)}.nl-note a{color:inherit;text-decoration:underline}
footer{color:var(--mut);font-size:13px;padding:24px 0 40px;border-top:1px solid var(--line)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:640px){h1{font-size:27px}.specs th{width:120px}}