:root{--bg:#f5f7f8;--card:#fff;--text:#172026;--muted:#5d6970;--line:#dfe5e8;--good:#17633a;--goodbg:#e9f7ef;--warn:#805b00;--warnbg:#fff6d8;--bad:#8b2635;--badbg:#fdecef;--accent:#173f5f;--accent2:#256b8f}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55}.wrap{max-width:1080px;margin:auto;padding:28px 18px 64px}.hero{background:linear-gradient(135deg,#142f43,#236889);color:#fff;border-radius:22px;padding:34px;margin-bottom:18px;box-shadow:0 12px 30px rgba(22,42,58,.14)}.hero h1{margin:0 0 10px;font-size:clamp(28px,5vw,48px);line-height:1.06}.hero p{margin:0;max-width:800px;color:#dceaf2;font-size:17px}.meta{margin-top:18px;font-size:13px;color:#c7dce7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}.card h2,.card h3{margin-top:0}.kpi{font-size:28px;font-weight:800;line-height:1}.small{font-size:13px;color:var(--muted)}.tag{display:inline-block;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;margin:2px 4px 2px 0}.good{background:var(--goodbg);color:var(--good)}.warn{background:var(--warnbg);color:var(--warn)}.bad{background:var(--badbg);color:var(--bad)}.neutral{background:#edf2f5;color:#3c4a52}.section{margin-top:26px}.section>h2{font-size:25px;margin:0 0 12px}.callout{border-left:5px solid var(--accent2);background:#eef7fb;border-radius:12px;padding:18px 20px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--line)}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#edf3f6;font-size:13px}td{font-size:14px}tr:last-child td{border-bottom:0}.price{white-space:nowrap;font-weight:800}a{color:#0d5f8b;text-decoration:none;font-weight:650}a:hover{text-decoration:underline}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.product{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;position:relative}.product .rank{position:absolute;right:16px;top:16px;font-size:12px;font-weight:800;background:#edf3f6;border-radius:999px;padding:5px 9px}.product h3{padding-right:85px;margin:0 0 8px;font-size:20px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.fact{background:#f7f9fa;border-radius:10px;padding:10px}.fact b{display:block;font-size:13px}.fact span{font-size:13px;color:var(--muted)}.checks{padding-left:20px;margin:10px 0}.checks li{margin:7px 0}.footer{margin-top:30px;color:var(--muted);font-size:12px}.filterbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}button{border:1px solid #cbd6dc;background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:700;color:#2e3c44}button.active{background:#183f5c;color:#fff;border-color:#183f5c}.hidden{display:none!important}@media(max-width:820px){.grid,.product-grid{grid-template-columns:1fr}.hero{padding:25px}.wrap{padding:16px 12px 44px}table{display:block;overflow-x:auto}.facts{grid-template-columns:1fr}}