:root{--bg:#0b0f17;--panel:#121826;--panel-2:#182033;--line:#243049;--fg:#e6ebf5;--dim:#93a0b8;--accent:#f5b83d;--accent-ink:#1a1203;--link:#7cc4ff;--good:#4ade80;--bad:#f87171;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "JetBrains Mono", "Cascadia Code", "SF Mono", Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(1200px 500px at 80% -10%, #1b2a4a 0%, transparent 60%), var(--bg);color:var(--fg);font:16px/1.65 var(--font);margin:0}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1120px;margin:0 auto;padding:0 16px}.top{z-index:10;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#0b0f17e0;position:sticky;top:0}.top-inner{flex-wrap:wrap;align-items:center;gap:24px;min-height:60px;display:flex}.logo{color:var(--fg);letter-spacing:-.01em;align-items:center;gap:8px;font-size:19px;font-weight:600;display:flex}.logo b{color:var(--accent);font-weight:800}.logo:hover{text-decoration:none}.logo-mark{color:var(--accent);font-size:14px}.top nav{flex-wrap:wrap;gap:4px;margin-left:auto;display:flex}.top nav a{color:var(--dim);border-radius:6px;padding:6px 10px;font-size:14px}.top nav a:hover{color:var(--fg);background:var(--panel);text-decoration:none}.top nav a[aria-current=page]{color:var(--fg);background:var(--panel-2)}.top nav a.lang{border:1px solid var(--line)}main{padding:32px 16px 64px}h1{letter-spacing:-.02em;margin:8px 0 12px;font-size:clamp(28px,5vw,42px);line-height:1.15}h2{letter-spacing:-.01em;margin:44px 0 14px;font-size:22px}h3{margin:24px 0 8px;font-size:17px}p{margin:0 0 14px}.lead{color:var(--dim);max-width:760px;font-size:18px}.dim{color:var(--dim)}.mono{font-family:var(--mono)}.small{font-size:13px}.kicker{font:600 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.hero{padding:28px 0 8px}.stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:24px 0;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.stat b{font:700 26px/1.2 var(--mono);color:var(--fg);display:block}.stat span{color:var(--dim);font-size:13px}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;padding:18px;display:flex}.card:hover{border-color:#33456b}.card h3{margin:0}.card .price{font:700 22px/1.2 var(--mono);color:var(--accent)}.pill{font:600 11px/1 var(--mono);background:var(--panel-2);color:var(--dim);border:1px solid var(--line);border-radius:999px;margin:0 4px 4px 0;padding:4px 7px;display:inline-block}.pill.tested{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.pill.ok{color:var(--good)}.pill.no{color:var(--bad)}.table-wrap{border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 12px}th{font:600 12px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--dim);background:var(--panel-2);position:sticky;top:0}tr:last-child td{border-bottom:0}tbody tr:hover{background:#151d2d}td.num,th.num{text-align:right;font-family:var(--mono)}td.price{font:700 14px var(--mono);color:var(--accent);text-align:right}td.wrapcell{white-space:normal;min-width:180px}.btn{background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:10px 16px;font-weight:700;display:inline-block}.btn:hover{filter:brightness(1.08);text-decoration:none}.btn.ghost{color:var(--fg);border:1px solid var(--line);background:0 0}.aff-note{color:var(--dim);margin-left:8px;font-size:12px}.callout{border-left:3px solid var(--accent);background:var(--panel);border-radius:0 10px 10px 0;margin:18px 0;padding:14px 16px}.bar{background:var(--panel-2);border-radius:4px;height:8px;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--accent), #ffd98a);height:100%;display:block}ul.clean{padding-left:18px}ul.clean li{margin:4px 0}.crumbs{color:var(--dim);font-size:13px}.foot{border-top:1px solid var(--line);color:var(--dim);padding:28px 0 40px;font-size:14px}.foot strong{color:var(--fg)}@media (width<=640px){.top-inner{gap:8px;padding:8px 16px}.top nav{margin-left:0}.top nav a{padding:5px 8px;font-size:13px}main{padding-top:20px}}
