:root{color-scheme:light dark;--header-bg:#14171c;--header-text:#fff;--header-text-muted:#a7b0bd;--page-bg:#f6f7f9;--surface-bg:#fff;--border:#e3e6eb;--text:#14171c;--text-muted:#5b6472;--accent:#ff6a3d;--on-accent:#1a0a03;--diff-row-bg:#ffe9df;--diff-value:#b3380f;--shadow:#00000040;--scrim:#0000008c;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--radius:8px;--content-width:72rem;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--header-bg:#0c0e11;--page-bg:#14171c;--surface-bg:#1c2027;--border:#2d333d;--text:#eef0f3;--text-muted:#a7b0bd;--diff-row-bg:#3a2218;--diff-value:#ff9a76}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--text-muted)}.small{font-size:.875rem}.lead{color:var(--text-muted);max-width:48rem}.breadcrumb{color:var(--text-muted);margin-bottom:var(--space-2);font-size:.875rem}.brand-line{color:var(--text-muted);margin:0;font-size:.875rem}h1{margin:var(--space-2) 0 var(--space-3);line-height:1.25}h2{margin-top:var(--space-5)}.tag{border:1px solid var(--border);background:var(--surface-bg);padding:0 var(--space-3);border-radius:999px;font-size:.9rem;font-weight:600;display:inline-block}.button-plain{color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);font:inherit;cursor:pointer;background:0 0}button.button,a.button{cursor:pointer}.product-head{gap:var(--space-3);align-items:flex-start;display:flex}.product-head .icon{margin-top:var(--space-2);width:2.5rem;height:2.5rem}.price-line{gap:var(--space-2) var(--space-3);flex-wrap:wrap;align-items:center;margin:0;display:flex}.two-col{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.two-col ul{padding-left:var(--space-4);margin:0}.sources{padding-left:var(--space-4)}.table-scroll{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-bg);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}thead th{background:var(--surface-bg);z-index:2;position:sticky;top:0}tr.group th{background:var(--page-bg);text-transform:none;color:var(--text-muted);font-size:.8rem}th[scope=row]{background:var(--surface-bg);min-width:9rem;font-weight:600}.hint,.note{color:var(--text-muted);font-size:.8rem;font-weight:400;display:block}td.na{color:var(--text-muted);font-style:italic}.specs td{font-variant-numeric:tabular-nums}table.compare{font-variant-numeric:tabular-nums;min-width:36rem}table.compare th[scope=row],table.compare thead th:first-child{z-index:1;position:sticky;left:0}table.compare td,table.compare thead th:not(:first-child){min-width:9.5rem}table.compare td,table.compare th{overflow-wrap:anywhere;min-width:0}table.compare .phead a{font-weight:700;display:block}table.compare .phead-price{color:var(--text-muted);font-size:.85rem;font-weight:400;display:block}table.compare .phead-img{object-fit:contain;width:2.5rem;height:2.5rem;margin-bottom:var(--space-1);display:block}.compare-title{overflow-wrap:anywhere}@media (width<=40rem){.compare-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.2rem;line-height:1.3;display:-webkit-box;overflow:hidden}.table-scroll:has(table.compare){background:0 0;border:0;overflow:visible}table.compare{width:100%;min-width:0;display:block}table.compare thead,table.compare tbody,table.compare tr{display:block}table.compare thead{z-index:3;background:var(--surface-bg);border:1px solid var(--border);border-radius:var(--radius);position:sticky;top:0}table.compare{--n:2}table.compare.cols-3{--n:3}table.compare.cols-4{--n:4}table.compare thead tr,table.compare tbody tr:not(.group){grid-template-columns:repeat(var(--n), minmax(0, 1fr));display:grid}table.compare thead th.corner{display:none}table.compare thead th,table.compare thead th:not(:first-child){min-width:0;padding:var(--space-2);border-bottom:0;font-size:.85rem;line-height:1.3;position:static}table.compare thead th+th{border-left:1px solid var(--border)}table.compare .phead-img{width:2rem;height:2rem}table.compare tbody tr{border:1px solid var(--border);background:var(--surface-bg);border-top:0}table.compare tr.group th{padding:var(--space-3) var(--space-1) var(--space-1);background:0 0;border:0;display:block}table.compare tr.group{background:0 0;border:0}table.compare tbody th[scope=row]{width:auto;min-width:0;padding:var(--space-2) var(--space-2) 0;background:0 0;border-bottom:0;grid-column:1/-1;font-size:.85rem;position:static}table.compare tbody td{min-width:0;padding:var(--space-1) var(--space-2) var(--space-2);border-bottom:0}table.compare tbody td+td{border-left:1px solid var(--border)}table.compare tr.diff{background:var(--diff-row-bg)}table.compare tr.diff td,table.compare tr.diff th[scope=row]{background:0 0}table.compare tr.same{opacity:.85}}table.compare tr.same{color:var(--text-muted)}table.compare tr.same th[scope=row]{font-weight:500}table.compare tr.diff td,table.compare tr.diff th[scope=row]{background:var(--diff-row-bg);color:var(--text)}table.compare td.best strong{color:var(--diff-value)}.legend{color:var(--text-muted);max-width:48rem;font-size:.875rem}.glossary{margin:var(--space-3) 0}.glossary summary{cursor:pointer;font-weight:600}.glossary dt{margin-top:var(--space-2);font-weight:600}.glossary dd{color:var(--text-muted);margin:0}.categories{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));padding:0;list-style:none;display:grid}.categories .card{text-decoration:none;display:block}.categories a.card:hover{border-color:var(--accent)}.categories .soon{color:var(--text-muted)}input[type=text]{font:inherit;color:var(--text);background:var(--page-bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2);min-height:2.5rem}.sizebox{width:100%;max-width:28rem;height:auto;max-height:32rem;margin:0 auto;display:block}.sizebox .box-a{fill:var(--diff-row-bg);fill-opacity:.7;stroke:var(--accent);stroke-width:1.5px}.sizebox .box-b{fill:none;stroke:var(--text);stroke-width:1.5px;stroke-dasharray:5 3}.legend-list{gap:var(--space-1);padding:0;list-style:none;display:grid}.swatch{vertical-align:middle;width:1.5rem;height:.75rem;margin-right:var(--space-1);border:2px solid var(--accent);background:var(--diff-row-bg);display:inline-block}.swatch-b{border:2px dashed var(--text);background:0 0}.ad-slot{border:1px dashed var(--border);min-height:120px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:flex-start;margin:2rem 0;display:flex}.ad-slot__label{padding:.25rem .5rem;font-size:.75rem}.footer-links{flex-wrap:wrap;gap:1rem;margin-top:.5rem;display:flex}.action-row{gap:var(--space-2);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.action-row .button,.action-row .button-plain{justify-content:center;align-items:center;gap:var(--space-2);flex:10rem;min-height:3rem;display:inline-flex}.button-plain,.button{min-height:2.75rem}.badge{min-width:1.4rem;padding:0 var(--space-1);background:var(--accent);color:var(--on-accent);text-align:center;border-radius:999px;font-size:.8rem;font-weight:700;line-height:1.4rem;display:inline-block}.badge[hidden]{display:none}.segment-nav{z-index:5;gap:var(--space-2);padding:var(--space-2) 0;margin:var(--space-3) 0;background:var(--page-bg);display:flex;position:sticky;top:0;overflow-x:auto}.segment-nav a{min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--border);background:var(--surface-bg);border-radius:999px;flex:none;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.segment-nav a:hover{border-color:var(--accent)}.segment{margin:var(--space-5) 0 var(--space-4);scroll-margin-top:4.5rem}.segment[hidden]{display:none}.segment-head{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-3);border-bottom:2px solid var(--text);padding-bottom:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.segment-head h2{margin:0;font-size:1.5rem;line-height:1.2}.segment-meta{color:var(--text-muted);margin:0;font-size:.9rem}.cards{gap:var(--space-3);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=36rem){.cards{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}}.cards>li[hidden]{display:none}.product-card{flex-direction:column;display:flex}.card h2,.card h3{margin:var(--space-1) 0;font-size:1.1rem;line-height:1.3}.product-card h3 a{text-decoration:none}.product-card h3 a:hover{text-decoration:underline}.card-top{align-items:center;gap:var(--space-2);color:var(--text-muted);display:flex}.icon{flex:none}.card-price{margin:0 0 var(--space-2);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.facts{margin:0 0 var(--space-2);gap:var(--space-1);font-size:.9rem;display:grid}.facts div{justify-content:space-between;gap:var(--space-2);display:flex}.facts dt{color:var(--text-muted)}.facts dd{text-align:right;margin:0}.pick{align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border);cursor:pointer;min-height:3rem;margin-top:auto;font-size:.95rem;display:flex}.pick input{accent-color:var(--accent);flex:none;width:1.5rem;height:1.5rem}.pick-spacer{flex:1}#count{margin:0 0 var(--space-3)}#empty{margin-bottom:var(--space-3)}select{font:inherit;color:var(--text);background:var(--page-bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2);width:100%;min-height:3rem}.sheet{background:var(--surface-bg);color:var(--text);width:100%;max-width:none;max-height:85dvh;box-shadow:0 -8px 32px var(--shadow);border:0;border-radius:16px 16px 0 0;margin:auto 0 0;padding:0;overflow:auto}.sheet::backdrop{background:var(--scrim)}.sheet[open]{animation:.2s ease-out sheet-up}@keyframes sheet-up{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sheet[open]{animation:none}}@media (width>=48rem){.sheet{border-radius:var(--radius);max-width:32rem;margin:auto}}.filters{gap:var(--space-3);padding:0 var(--space-3) 0;display:grid}.filters label{gap:var(--space-1);color:var(--text-muted);font-size:.9rem;font-weight:600;display:grid}.sheet-head{background:var(--surface-bg);padding:var(--space-3) 0 var(--space-2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.sheet-head h2{margin:0;font-size:1.15rem}.sheet-actions{gap:var(--space-2);background:var(--surface-bg);padding:var(--space-3) 0;border-top:1px solid var(--border);grid-template-columns:1fr 2fr;display:grid;position:sticky;bottom:0}.sheet-actions .button,.sheet-actions .button-plain{min-height:3rem;font:inherit;border:0;font-weight:600}.sheet-actions .button-plain{border:1px solid var(--border)}.compare-bar{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));background:var(--header-bg);color:var(--header-text);box-shadow:0 -4px 16px var(--shadow);display:flex;position:fixed;bottom:0;left:0;right:0}.compare-bar[hidden]{display:none}.compare-bar .button{align-items:center;min-height:2.75rem;display:inline-flex}.compare-bar .button[hidden]{display:none}.card-media{aspect-ratio:4/3;margin:calc(var(--space-3) * -1) calc(var(--space-3) * -1) var(--space-2);background:var(--surface-bg);border-bottom:1px solid var(--border);justify-content:center;align-items:center;display:flex;overflow:hidden}.card-media img{object-fit:contain;width:100%;height:100%}.media-fallback{justify-content:center;align-items:center;gap:var(--space-1);width:100%;height:100%;padding:var(--space-2);text-align:center;color:var(--text-muted);background:var(--page-bg);flex-direction:column;display:flex}.media-fallback strong{color:var(--text);font-size:.95rem;line-height:1.3}.media-fallback span{letter-spacing:.04em;font-size:.8rem}.media-fallback--lg{border:1px solid var(--border);border-radius:var(--radius,8px);flex:none;width:9rem;height:9rem}.product-img{object-fit:contain;background:var(--surface-bg);border:1px solid var(--border);border-radius:var(--radius,8px);flex:none;width:9rem;height:9rem}.card-media{aspect-ratio:16/9}.card-media .media-fallback strong{display:none}@media (width<=40rem){.brand,.footer-links a,.breadcrumb a,.product-card h3 a,.card h3 a,.glossary summary{align-items:center;min-height:2.75rem;display:inline-flex}.product-card h3 a,.card h3 a{display:flex}.breadcrumb{align-items:center;gap:0 var(--space-1);flex-wrap:wrap;display:flex}.footer-links{gap:0 var(--space-4)}p.small:has(>a){align-items:center;gap:0 var(--space-3);flex-wrap:wrap;display:flex}p.small>a{align-items:center;min-height:2.75rem;display:inline-flex}.footer-links a,.breadcrumb a,p.small>a{justify-content:center;min-width:2.75rem}.sources a{align-items:center;min-height:2.75rem;display:inline-flex}}.showcase{margin:var(--space-5) 0 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-bg);overflow:hidden}.showcase-head{background:var(--header-bg);color:var(--header-text);padding:var(--space-3);gap:var(--space-3);display:grid}.showcase-head h2{margin:0;font-size:1.25rem;line-height:1.3}.showcase-sub{margin:var(--space-1) 0 0;color:var(--header-text-muted);max-width:42rem;font-size:.9rem}.showcase-tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.showcase-tabs button{min-width:2.75rem;min-height:2.75rem;padding:0 var(--space-3);font:inherit;cursor:pointer;color:var(--header-text-muted);border:1px solid var(--header-text-muted);background:0 0;border-radius:999px;font-weight:600}.showcase-tabs button[aria-selected=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.scene[hidden],.slide[hidden]{display:none}.carousel{padding:var(--space-3)}.stage{touch-action:pan-y;margin:-6px;padding:6px;display:grid;position:relative;overflow:hidden}.slide{gap:var(--space-3);grid-area:1/1;align-content:start;display:grid}.slide-media{aspect-ratio:4/3;background:var(--page-bg);border-radius:var(--radius);padding:var(--space-3);justify-content:center;align-items:center;display:flex}.slide-media img{object-fit:contain;user-select:none;-webkit-user-drag:none;width:auto;max-width:100%;height:auto;max-height:100%}.slide-body{gap:var(--space-1);align-content:start;min-width:0;display:grid}.slide-body>p,.slide-body>h3{margin:0}.stats{gap:var(--space-4);margin:var(--space-3) 0;padding:0;display:flex}.stats>div{flex-direction:column-reverse;display:flex}.stats dt{color:var(--text-muted);font-size:.9rem}.stats dd{font-variant-numeric:tabular-nums;min-width:3ch;margin:0;font-size:1.6rem;font-weight:700;line-height:1.2}.sc-labels,.slide-features{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.sc-badge{color:var(--text);border:1px solid var(--border);padding:var(--space-1) var(--space-2);background:0 0;border-radius:999px;font-size:.85rem;font-weight:700;line-height:1.3}.sc-badge--new{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.slide-features li{background:var(--page-bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-1) var(--space-2);font-variant-numeric:tabular-nums;font-size:.85rem}.slide-release{font-size:.85rem}.slide-release span{color:var(--text-muted)}.showcase-note{padding:var(--space-2) var(--space-3) var(--space-3);color:var(--text-muted);margin:0;font-size:.8rem}.slide-brand{color:var(--text-muted);font-size:.875rem;margin-top:var(--space-1)!important}.slide-name{overflow-wrap:anywhere;min-height:2.5em;font-size:1.35rem;line-height:1.25}.slide-value{font-size:1.05rem}.slide-value span,.slide-price span{color:var(--text-muted);font-size:.9rem}.slide-value strong{font-variant-numeric:tabular-nums}.slide-scope,.slide-price small{color:var(--text-muted);font-size:.8rem}.slide-scope{min-height:2.4em}.slide-actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.sc-btn{min-width:2.75rem;min-height:2.75rem;padding:0 var(--space-3);font:inherit;border-radius:var(--radius);background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);flex:8rem;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.sc-btn--ghost{color:var(--text);border-color:var(--border);background:0 0}.sc-btn--ghost:hover,.sc-btn:hover{border-color:var(--accent)}.outbound{min-height:2.75rem;color:var(--text-muted);overflow-wrap:anywhere;align-items:center;font-size:.9rem;display:inline-flex}.carousel-controls{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.counter{text-align:center;min-width:3.5rem;color:var(--text-muted);font-variant-numeric:tabular-nums;margin:0}.ctl{min-width:2.75rem;min-height:2.75rem;font:inherit;cursor:pointer;background:var(--surface-bg);color:var(--text);border:1px solid var(--border);border-radius:999px;font-size:1.4rem;line-height:1}.ctl--text{padding:0 var(--space-3);font-size:.9rem;font-weight:600}.ctl:hover{border-color:var(--accent)}@media (width>=40rem){.showcase-head{grid-template-columns:1fr auto;align-items:center}.slide{align-items:center;gap:var(--space-4);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.slide-media{aspect-ratio:4/3}}form.filters input[type=text],form.filters button,form.filters select{min-height:2.75rem}.search-toggle{min-width:2.75rem;min-height:2.75rem;color:var(--header-text-muted);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.search-toggle:hover,.search-toggle[aria-expanded=true]{color:var(--header-text);border-color:var(--accent)}.search-toggle[hidden],.search-panel[hidden]{display:none}.search-panel__inner{max-width:var(--content-width);padding:0 var(--space-3) var(--space-3);margin:0 auto}.search-form{margin:0;position:relative}.search-input{width:100%;min-height:2.75rem;font:inherit;color:var(--text);background:var(--surface-bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3)}.search-results{margin:var(--space-1) 0 0;background:var(--surface-bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);max-height:60dvh;padding:0;list-style:none;overflow-y:auto}.search-results li+li{border-top:1px solid var(--border)}.search-results a{min-height:2.75rem;padding:var(--space-2) var(--space-3);color:var(--text);flex-direction:column;justify-content:center;gap:2px;text-decoration:none;display:flex}.search-results [aria-selected=true]{background:var(--diff-row-bg)}.search-results a:focus-visible{outline-offset:-3px}.search-results .muted{color:var(--text-muted);font-size:.85rem}.search-empty{margin:var(--space-2) 0 0;padding:var(--space-2) 0;color:var(--header-text-muted)}main .search-empty{color:var(--text-muted)}.not-found-search{max-width:32rem;margin:var(--space-4) 0}.not-found-search label{margin-bottom:var(--space-1);font-weight:600;display:block}.report-link{margin:var(--space-4) 0 0}.report-link .button-plain{padding:0 var(--space-3);align-items:center;text-decoration:none;display:inline-flex}.menu-toggle{min-width:2.75rem;min-height:2.75rem;padding:0 var(--space-2);font:inherit;color:var(--header-text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-weight:600;display:none}.menu-toggle:hover,.menu-toggle[aria-expanded=true]{border-color:var(--accent)}@media (width<=40rem){.site-header{position:relative}.site-header .site-header__inner{gap:var(--space-2);padding-top:var(--space-2);padding-bottom:var(--space-2);flex-wrap:nowrap}.site-header__inner .brand{white-space:nowrap;order:1;margin-right:auto;font-size:1rem}.site-header__inner .menu-toggle{order:2;display:inline-flex}.site-header__inner .search-toggle{order:3}.site-header .site-header__inner nav{z-index:20;padding:var(--space-1) var(--space-3) var(--space-2);background:var(--header-bg);border-top:1px solid var(--border);box-shadow:0 8px 16px var(--shadow);flex-direction:column;gap:0;display:none;position:absolute;top:100%;left:0;right:0}.site-header .site-header__inner nav.is-open{display:flex}.site-header .site-header__inner nav a{color:var(--header-text)}}.hero{isolation:isolate;align-items:center;gap:var(--space-4);min-height:22rem;padding:var(--space-5) var(--space-4);margin-bottom:var(--space-4);background:var(--header-bg);color:var(--header-text);border-radius:var(--radius);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);display:grid;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;z-index:1;border:0 solid var(--accent);width:1.5rem;height:1.5rem;position:absolute}.hero:before{top:var(--space-2);left:var(--space-2);border-top-width:2px;border-left-width:2px}.hero:after{bottom:var(--space-2);right:var(--space-2);border-bottom-width:2px;border-right-width:2px}.hero__body{z-index:2;position:relative}.hero__title{margin:0 0 var(--space-3);letter-spacing:-.01em;color:var(--header-text);font-size:clamp(1.9rem,4.2vw + .6rem,3.4rem);font-weight:800;line-height:1.1}.hero__lead{margin:0 0 var(--space-4);max-width:34rem;color:var(--header-text-muted);font-size:1.1rem}.hero__cats{gap:var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.hero__btn{min-width:7rem;min-height:2.75rem;padding:var(--space-2) var(--space-4);color:var(--header-text);border:1px solid var(--header-text-muted);border-radius:var(--radius);background:0 0;justify-content:center;align-items:center;font-weight:700;text-decoration:none;transition:transform .18s,border-color .18s,background-color .18s,color .18s;display:inline-flex;position:relative}.hero__btn:before,.hero__btn:after{content:"";opacity:0;pointer-events:none;border:0 solid var(--accent);width:.6rem;height:.6rem;transition:opacity .18s;position:absolute}.hero__btn:before{border-top-width:2px;border-left-width:2px;top:-5px;left:-5px}.hero__btn:after{border-bottom-width:2px;border-right-width:2px;bottom:-5px;right:-5px}.hero__btn:hover,.hero__btn:focus-visible{border-color:var(--accent);background:var(--accent);color:var(--on-accent);transform:translateY(-3px)}.hero__btn:hover:before,.hero__btn:hover:after,.hero__btn:focus-visible:before,.hero__btn:focus-visible:after{opacity:1}.hero__btn:focus-visible{outline:3px solid var(--header-text);outline-offset:4px}.hero__art{z-index:0;justify-content:center;display:flex;position:relative}.hero-art{width:100%;max-width:26rem;height:auto}.hero-art__lines path,.hero-art__ticks path,.hero-art__corners path{fill:none;stroke-linecap:butt}.hero-art__lines path{stroke:var(--header-text-muted);stroke-width:1px;opacity:.18}.hero-art__ticks path{stroke:var(--header-text-muted);stroke-width:2px;opacity:.5}.hero-art__corners path{stroke:var(--header-text-muted);stroke-width:2px;opacity:.6}.hero-art__badge--solid{fill:var(--accent)}.hero-art__badge--outline{fill:none;stroke:var(--header-text);stroke-width:2px;stroke-linejoin:miter}.hero-art__badge--far{stroke:var(--accent);opacity:.8}.hero-art__mark{fill:none;stroke:var(--on-accent);stroke-width:8px;stroke-linejoin:miter;stroke-linecap:butt}@media (prefers-reduced-motion:no-preference){.hero-art__badge--outline{animation:7s ease-in-out infinite alternate hero-drift}.hero-art__badge--far{animation-duration:9s;animation-direction:alternate-reverse}}@keyframes hero-drift{0%{transform:translate(0)}to{transform:translate(8px,-6px)}}@media (width<=48rem){.hero{min-height:0;max-height:70vh;padding:var(--space-4) var(--space-3);grid-template-columns:minmax(0,1fr)}.hero__title{font-size:clamp(1.7rem,7vw,2.2rem)}.hero__lead{margin-bottom:var(--space-3);font-size:1rem}.hero__art{z-index:0;opacity:.22;pointer-events:none;align-items:center;position:absolute;inset:0}.hero-art{width:120%;max-width:none;margin-right:-35%}.hero__btn{flex:auto;min-width:6rem}}.cat-cards{margin:var(--space-5) 0}.cat-cards h2{margin:0 0 var(--space-3)}.cat-cards__list{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.cat-card{gap:var(--space-2);height:100%;padding:var(--space-4);color:var(--header-text);background:var(--header-bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;text-decoration:none;transition:transform .18s,border-color .18s;display:flex;position:relative}.cat-card:before,.cat-card:after{content:"";opacity:0;pointer-events:none;border:0 solid var(--accent);width:1rem;height:1rem;transition:opacity .18s;position:absolute}.cat-card:before{border-top-width:2px;border-left-width:2px;top:6px;left:6px}.cat-card:after{border-bottom-width:2px;border-right-width:2px;bottom:6px;right:6px}.cat-card:hover,.cat-card:focus-visible{border-color:var(--accent);transform:translateY(-4px)}.cat-card:hover:before,.cat-card:hover:after,.cat-card:focus-visible:before,.cat-card:focus-visible:after{opacity:1}.cat-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.cat-card__art{margin-bottom:var(--space-2);display:block}.cat-art{width:100%;max-width:15rem;height:auto;display:block}.cat-art__badge{fill:none;stroke:var(--header-text-muted);stroke-width:1.5px;stroke-linejoin:miter;opacity:.5}.cat-art__line path{fill:none;stroke:var(--header-text);stroke-width:2.5px;stroke-linejoin:miter;stroke-linecap:butt}.cat-art__line .cat-art__accent{stroke:var(--accent);stroke-width:4px}.cat-art__ticks path{fill:none;stroke:var(--accent);stroke-width:2px}.cat-card__name{font-size:1.6rem;font-weight:800;line-height:1.15}.cat-card__desc{color:var(--header-text-muted)}.cat-card__foot{padding-top:var(--space-3);justify-content:space-between;align-items:center;margin-top:auto;font-weight:700;display:flex}.cat-card__count{color:var(--header-text-muted);font-weight:600}.cat-card__arrow{color:var(--accent);transition:transform .18s}.cat-card:hover .cat-card__arrow,.cat-card:focus-visible .cat-card__arrow{transform:translate(6px)}@media (width<=48rem){.cat-cards__list{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.cat-card,.cat-card:before,.cat-card:after,.cat-card__arrow{transition:none}.cat-card:hover,.cat-card:focus-visible,.cat-card:hover .cat-card__arrow,.cat-card:focus-visible .cat-card__arrow{transform:none}}.strip{margin:var(--space-5) 0}.strip__head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.strip__head h2{margin:0}.strip__nav{gap:var(--space-2);display:flex}.strip__btn{cursor:pointer;width:2.5rem;height:2.5rem;color:var(--header-text);background:var(--header-bg);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;padding:0;display:inline-flex}.strip__btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.strip__btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.strip__btn:disabled{opacity:.4;cursor:default}.strip__track{gap:var(--space-3);padding:var(--space-3) var(--space-2);scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scroll-padding-inline:var(--space-2);margin:0;list-style:none;display:flex;overflow-x:auto}.strip__item{scroll-snap-align:start;flex:0 0 min(17rem,80%)}.strip-card{gap:var(--space-2);height:100%;padding:var(--space-4);color:var(--header-text);background:var(--header-bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;text-decoration:none;transition:transform .18s,border-color .18s;display:flex;position:relative}.strip-card:before,.strip-card:after{content:"";opacity:0;pointer-events:none;border:0 solid var(--accent);width:1rem;height:1rem;transition:opacity .18s;position:absolute}.strip-card:before{border-top-width:2px;border-left-width:2px;top:6px;left:6px}.strip-card:after{border-bottom-width:2px;border-right-width:2px;bottom:6px;right:6px}.strip-card:hover,.strip-card:focus-visible{border-color:var(--accent);transform:translateY(-4px)}.strip-card:hover:before,.strip-card:hover:after,.strip-card:focus-visible:before,.strip-card:focus-visible:after{opacity:1}.strip-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.strip-card__art{width:100%;max-width:9rem;height:auto;margin-bottom:var(--space-1);display:block}.strip-card__badge{fill:none;stroke:var(--header-text);stroke-width:1.75px;stroke-linejoin:miter}.strip-card__badge--b{stroke:var(--header-text-muted)}.strip-card__accent{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:miter;stroke-linecap:butt}.strip-card__tag{color:var(--header-text-muted);font-size:.85rem;font-weight:600}.strip-card__title{font-size:1.15rem;font-weight:800;line-height:1.25}.strip-card__vs{color:var(--accent);font-weight:700}.strip-card__text{color:var(--header-text-muted)}.strip-card__foot{padding-top:var(--space-3);justify-content:space-between;align-items:center;margin-top:auto;font-weight:700;display:flex}.strip-card__arrow{color:var(--accent);transition:transform .18s}.strip-card:hover .strip-card__arrow,.strip-card:focus-visible .strip-card__arrow{transform:translate(6px)}@media (prefers-reduced-motion:reduce){.strip__track{scroll-behavior:auto}.strip-card,.strip-card:before,.strip-card:after,.strip-card__arrow{transition:none}.strip-card:hover,.strip-card:focus-visible,.strip-card:hover .strip-card__arrow,.strip-card:focus-visible .strip-card__arrow{transform:none}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font);background:var(--page-bg);color:var(--text);margin:0;font-size:1rem;line-height:1.6}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.site-header{background:var(--header-bg);color:var(--header-text)}.site-header a{text-decoration:none}.site-header nav{color:var(--header-text-muted)}.site-header__inner,main,.site-footer__inner{max-width:var(--content-width);padding:var(--space-3);margin:0 auto}.site-header__inner{gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.site-header nav{gap:var(--space-3);flex-wrap:wrap;display:flex}.site-header nav a:hover{color:var(--header-text)}.brand{align-items:center;font-weight:700;display:inline-flex}.logo{width:auto;height:2rem;display:block}.logo__badge{fill:var(--accent)}.logo__g-badge,.logo__gear,.logo__bul{fill:none;stroke-width:8px;stroke-linejoin:miter;stroke-linecap:butt}.logo__g-badge{stroke:var(--on-accent)}.logo__gear{stroke:var(--header-text)}.logo__bul{stroke:var(--accent)}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);font-size:.9rem}.card{background:var(--surface-bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3)}.button{background:var(--accent);color:var(--on-accent);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-weight:600;text-decoration:none;display:inline-block}main{padding-bottom:var(--space-5)}.site-header nav a{align-items:center;min-height:2.75rem;display:inline-flex}.to-top{z-index:9;right:max(var(--space-3), env(safe-area-inset-right));bottom:max(var(--space-3), env(safe-area-inset-bottom));cursor:pointer;background:var(--header-bg);width:2.75rem;height:2.75rem;color:var(--accent);border:1px solid var(--header-text-muted);clip-path:polygon(.7rem 0,100% 0,100% calc(100% - .7rem),calc(100% - .7rem) 100%,0 100%,0 .7rem);justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:inline-flex;position:fixed}.to-top[hidden]{display:none}.to-top:hover,.to-top:focus-visible{background:var(--accent);color:var(--on-accent)}.to-top:focus-visible{outline:3px solid var(--header-text);outline-offset:-5px}body:has(.compare-bar:not([hidden])) .to-top{bottom:calc(5rem + env(safe-area-inset-bottom))}
