.cat-hero{border-bottom:var(--hair);padding-block:var(--s-7) var(--s-6)}.cat-hero .crumbs{margin-bottom:var(--s-5)}.cat-hero h1{font-size:clamp(2.2rem,4.4vw,var(--t-h2));margin-block:var(--s-3) var(--s-4);max-width:16ch}.cat-hero .lead{color:var(--text-muted);font-size:var(--t-body-lg);max-width:56ch}.cat-hero .head-flex{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-6);flex-wrap:wrap}.cat-hero .count{font-family:var(--font-mono);font-size:var(--t-mono-label);letter-spacing:.1em;color:var(--steel-400);text-transform:uppercase}.filters{position:sticky;top:68px;z-index:40;background:#f4f5f7eb;backdrop-filter:blur(8px);border-bottom:var(--hair)}.filters .row{display:flex;align-items:center;gap:var(--s-3);height:60px;overflow-x:auto}.chip{display:inline-flex;align-items:center;gap:8px;font-size:var(--t-small);font-weight:500;padding:8px 14px;border:1px solid var(--steel-300);border-radius:var(--r-pill);background:var(--paper);color:var(--text);white-space:nowrap;cursor:pointer;transition:all var(--dur) var(--ease-mech);font-family:var(--font-body)}.chip:hover{border-color:var(--ink-700)}.chip.is-on{background:var(--ink-800);color:#fff;border-color:var(--ink-800)}.chip .x{opacity:.6}.filters .label{font-family:var(--font-mono);font-size:var(--t-mono-label);letter-spacing:.1em;text-transform:uppercase;color:var(--steel-500);margin-right:4px}.filters .spacer{flex:1}.sortsel{font-family:var(--font-mono);font-size:var(--t-caption);color:var(--text-muted);border:1px solid var(--steel-300);border-radius:var(--r-sm);padding:7px 10px;background:var(--paper)}.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5)}.pcard{display:flex;flex-direction:column;border:var(--hair);border-radius:var(--r-md);overflow:hidden;background:var(--paper);transition:box-shadow var(--dur) var(--ease-mech),transform var(--dur) var(--ease-mech),border-color var(--dur) var(--ease-mech);position:relative}.pcard:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:var(--steel-300)}.pcard .gr-ph{aspect-ratio:4/3}.pcard .flag{position:absolute;top:var(--s-3);left:var(--s-3);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:var(--ink-800);color:#fff;padding:4px 9px;border-radius:var(--r-xs);z-index:1}.pcard .flag.new{background:var(--copper-500)}.pcard .b{padding:var(--s-4) var(--s-5) var(--s-5);display:flex;flex-direction:column;flex:1}.pcard .nm{font-family:var(--font-display);font-weight:600;font-size:var(--t-body-lg)}.pcard .ty{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--steel-400);margin-top:3px}.pcard .cdesc{font-size:var(--t-caption);color:var(--text-muted);margin-top:var(--s-3);line-height:1.5}.pcard .cspecs{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s-4)}.pcard .cspecs .cs{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;letter-spacing:.02em;color:var(--text-muted);background:var(--surface-2);border-radius:var(--r-xs);padding:4px 7px}.pcard .cspecs .cs svg{width:11px;height:11px;color:var(--copper-600)}.pcard .mr{display:flex;justify-content:space-between;align-items:center;margin-top:var(--s-4)}.pcard .ty2{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--steel-400)}.pcard .pr{font-family:var(--font-mono);font-size:var(--t-caption);color:var(--text-muted)}.pcard .dots{display:flex;gap:5px;margin-top:var(--s-4);padding-top:var(--s-4);border-top:var(--hair)}.pcard .dots .d{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}.pcard .dots .more{font-family:var(--font-mono);font-size:10px;color:var(--steel-400);align-self:center}.compare{overflow-x:auto}.compare table{width:100%;border-collapse:collapse;min-width:620px}.compare th,.compare td{padding:16px 18px;text-align:left;border-bottom:var(--hair);font-size:var(--t-small)}.compare thead th{font-family:var(--font-mono);font-size:var(--t-mono-label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-weight:500}.compare thead th.us{color:var(--copper-600)}.compare tbody th{font-family:var(--font-display);font-weight:600;color:var(--text-strong)}.compare .col-us{background:var(--copper-100)}.compare td.col-us{font-weight:600;color:var(--copper-700)}.compare .yes{color:var(--ok)}.compare .no{color:var(--steel-400)}.faq{max-width:760px}.faq details{border-bottom:var(--hair)}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-5) 0;cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:var(--t-h6);list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary .ic{width:22px;height:22px;flex-shrink:0;position:relative}.faq summary .ic:before,.faq summary .ic:after{content:"";position:absolute;background:var(--copper-500);transition:transform var(--dur) var(--ease-mech)}.faq summary .ic:before{top:10px;left:2px;right:2px;height:2px}.faq summary .ic:after{left:10px;top:2px;bottom:2px;width:2px}.faq details[open] summary .ic:after{transform:scaleY(0)}.faq details p{padding:0 0 var(--s-5);color:var(--text-muted);font-size:var(--t-small);max-width:64ch}@media(max-width:960px){.pgrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.pgrid{grid-template-columns:1fr}}.section--dark .benefit h4{color:var(--text-strong)}