:root{--p:#0E3B5C;--a:#12A594;--al:#E6F6F4;--w:#F5A524;--ok:#16A34A;--bad:#DC2626;--bg:#F6F8FB;--line:#E2E8F0;--mut:#5B6B7C}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1E2A36;background:var(--bg)}
a{color:#0B6E99}h1,h2,h3{line-height:1.2;color:var(--p);letter-spacing:-.01em}h1{font-size:clamp(1.7rem,4vw,2.6rem)}
header{background:var(--p);color:#fff;position:sticky;top:0;z-index:9}header .w{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;justify-content:space-between;padding:.7rem 1rem}
header a{color:#fff;text-decoration:none}.logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem}.logo b{color:#7DDCCF}
nav{display:flex;flex-wrap:wrap;gap:.2rem .9rem;font-size:.95rem}nav a{opacity:.9}nav a:hover{opacity:1;text-decoration:underline}
.w{max-width:1150px;margin:auto;padding:1rem}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem 1.25rem;margin:1rem 0;box-shadow:0 1px 3px rgba(14,59,92,.06)}
.note{background:#FFF7E6;border:1px solid #F7D58A;border-radius:10px;padding:.75rem 1rem;font-size:.9rem}
table{border-collapse:collapse;width:100%;background:#fff;font-size:.9rem}th,td{border-bottom:1px solid var(--line);padding:.55rem;text-align:left;vertical-align:top}
th{background:#EEF3F8;cursor:pointer;position:sticky;top:0;white-space:nowrap}table.sortable th:after{content:" ↕";opacity:.4}.tw{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.controls{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}input,select,button{font:inherit;padding:.5rem .7rem;border:1px solid #C5CFDA;border-radius:8px;background:#fff}
button{cursor:pointer}.muted{color:var(--mut);font-size:.88rem}dl{display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:.4rem 1rem}dt{font-weight:600}
footer{border-top:1px solid var(--line);margin-top:2rem;font-size:.88rem;color:var(--mut);background:#fff}
.btn{display:inline-block;background:var(--a);color:#fff!important;padding:.6rem 1.1rem;border-radius:999px;text-decoration:none;font-weight:600}.btn.o{background:#fff;color:var(--p)!important;border:1px solid var(--line)}
.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:1rem;align-items:center}.hero-art{width:100%;max-width:340px;justify-self:center}.hero p{font-size:1.08rem}
.sec{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--a);margin:1.5rem 0 .3rem}
.news{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.8rem}.news .card{margin:0;border-top:4px solid var(--a)}.news h3{font-size:1rem;margin:.2rem 0}.news p{font-size:.88rem;margin:.3rem 0}
.tabs{display:flex;gap:.5rem;overflow-x:auto;padding:.3rem 0 .6rem;scrollbar-width:thin}.tab{display:flex;align-items:center;gap:.4rem;white-space:nowrap;border:1.5px solid var(--line);border-radius:999px;padding:.55rem 1rem;font-weight:600;color:var(--p)}
.tab[aria-selected=true]{background:var(--p);border-color:var(--p);color:#fff}.panel{display:none}.panel.on{display:block}
.win{background:linear-gradient(135deg,#0E3B5C,#145A7E);color:#fff;border:0;position:relative;padding:1.4rem 1.5rem}.win h3{color:#fff;font-size:1.6rem;margin:.3rem 0}.win a{color:#9FE3DA}
.badge{display:inline-block;background:var(--w);color:#3A2600;font-weight:800;font-size:.78rem;padding:.2rem .65rem;border-radius:999px;letter-spacing:.03em}
.price{font-size:1.5rem;font-weight:800}.win .price{color:#FFD27A}.pick{display:grid;grid-template-columns:3rem 1fr auto;gap:.8rem;align-items:start}
.rank{width:2.6rem;height:2.6rem;border-radius:50%;background:var(--al);color:var(--p);display:grid;place-items:center;font-weight:800;font-size:1.1rem}
.pick h3{margin:0 0 .2rem;font-size:1.15rem}.why{margin:.2rem 0}.got{font-size:.88rem;color:#8A1C1C;background:#FDF0F0;border-radius:8px;padding:.35rem .6rem;margin:.4rem 0}.win .got{background:rgba(255,255,255,.12);color:#FFD9D9}
.sc{font-size:.8rem;color:var(--mut)}.win .sc{color:#C9DCE8}.chip{display:inline-block;background:var(--al);color:#0B5F55;border-radius:999px;padding:.05rem .55rem;font-size:.78rem;margin:.1rem .2rem 0 0}.win .chip{background:rgba(255,255,255,.15);color:#fff}
.cmpsel{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.5rem}.cmpw{overflow-x:auto;border-radius:12px;border:1px solid var(--line)}
.cmp{table-layout:fixed;min-width:640px}.cmp th{cursor:default;background:var(--p);color:#fff;font-size:1rem}.cmp td:first-child,.cmp th:first-child{width:150px;background:#EEF3F8;color:var(--p);font-weight:700;position:sticky;left:0}
.good{background:#E7F7EC!important;color:#0E6B2E;font-weight:600}.badc{background:#FDECEC!important;color:#8A1C1C}
.tbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between}.tbar .tabs{flex:1 1 600px}.tsel{display:flex;align-items:center;gap:.35rem;color:var(--p);font-weight:600}.tsel select{border:1.5px solid var(--a);border-radius:999px;font-weight:600;color:var(--p)}
.tabs{flex-wrap:wrap;overflow:visible}.tab{white-space:normal}th{white-space:normal}body{overflow-wrap:anywhere}.cmp{min-width:0;width:100%}.cmpw{overflow:visible}
.ft{display:inline-block;font-size:.78rem;border-radius:999px;padding:.08rem .55rem;margin:.12rem .2rem 0 0;white-space:nowrap}.ft.y{background:#E7F7EC;color:#0E6B2E}.ft.n{background:#FDECEC;color:#8A1C1C}.ft.u{background:#EEF2F6;color:#5B6B7C}.ft.hl{outline:2px solid var(--ok)}
.at{display:grid;grid-template-columns:260px 1fr;gap:1.2rem;align-items:start}.fil{position:sticky;top:4.2rem;max-height:calc(100vh - 5rem);overflow-y:auto}.fil summary{font-weight:700;color:var(--p);cursor:pointer}.fil label{display:flex;gap:.45rem;align-items:center;font-size:.92rem;padding:.12rem 0}.fil h4{margin:.8rem 0 .2rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
.tc{display:grid;grid-template-columns:1fr auto;gap:.3rem 1rem}.tc h3{margin:0;font-size:1.15rem;word-break:normal;overflow-wrap:normal}.tc .facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;font-size:.9rem}.tc .facts b{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--mut)}.tc .tags,.tc details,.tc .ck{grid-column:1/-1}.tc .pp{font-weight:800;color:var(--p);text-align:right;max-width:16rem}.ck{font-size:.78rem;color:var(--mut)}.tc details summary{cursor:pointer;font-size:.88rem;color:#8A1C1C}
.bar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;margin-bottom:.4rem}
@media(max-width:900px){.at{grid-template-columns:1fr}.fil{position:static;max-height:none}.tc .facts{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.tc .facts{grid-template-columns:1fr}.tc .pp{white-space:normal}}
@media(max-width:900px){table.sortable thead{display:none}table.sortable,table.sortable tbody,table.sortable tr,table.sortable td{display:block;width:100%}table.sortable tr{border-bottom:6px solid var(--bg);padding:.4rem 0}table.sortable td{border:0;padding:.2rem .8rem}table.sortable td:before{content:attr(data-l) ": ";font-weight:700;color:var(--p)}table.sortable td[data-l=Tool]{font-size:1.1rem;font-weight:700}table.sortable td[data-l=Tool]:before{content:""}.tw{overflow:visible}}
@media(max-width:700px){.cmp thead{display:none}.cmp,.cmp tbody,.cmp tr,.cmp td{display:block;width:100%!important}.cmp td.fl{position:static;background:var(--p)!important;color:#fff!important}.cmp td:not(.fl):before{content:attr(data-l) ": ";font-weight:700}}
@media(max-width:700px){.hero{grid-template-columns:1fr}.hero-art{max-width:220px}.pick{grid-template-columns:2.6rem 1fr}.pick .pr{grid-column:2}dl{grid-template-columns:1fr}}