.comparator-root .cmp-hero{padding-block:var(--space-lg) var(--space-md);border-bottom:1px solid var(--cream-2)}.comparator-root .cmp-hero h1{margin-block:var(--space-xs);max-width:22ch;font-size:clamp(1.8rem,3.5vw + .8rem,2.618rem)}.comparator-root .cmp-hero .lead{max-width:60ch}.comparator-root .cmp-updated{font-size:var(--type-sm);color:var(--gray-mid);margin-top:var(--space-xs)}.comparator-root .cmp-stance{padding-block:var(--space-md);background:var(--cream-elevated)}.comparator-root .cmp-stance p{max-width:68ch;font-size:var(--type-sm);color:var(--anthracite)}.comparator-root .cmp-app{padding-block:var(--space-lg)}.comparator-root .cmp-links{padding-block:var(--space-md) var(--space-lg)}.comparator-root .cmp-links-grid{gap:var(--space-xs);margin-top:var(--space-sm);grid-template-columns:1fr;display:grid}@media (width>=700px){.comparator-root .cmp-links-grid{grid-template-columns:repeat(2,1fr)}}.comparator-root .cmp-links-grid a{font-size:var(--type-sm);padding:var(--space-xs) var(--space-sm);border:1px solid var(--cream-2);border-radius:var(--radius-md);background:var(--cream);color:var(--anthracite);transition:border-color var(--dur-fast), transform var(--dur-fast);font-weight:500;text-decoration:none}.comparator-root .cmp-links-grid a:hover{border-color:var(--teal);transform:translateY(-1px)}.comparator-root .cmp-cta{padding-block:var(--space-lg);background:var(--cream-elevated)}.comparator-root .cmp-cta h2{max-width:24ch;margin-inline:auto;font-size:clamp(1.272rem,2vw + .5rem,1.618rem)}.comparator-root .cmp-cats{gap:var(--phi-8);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.comparator-root .cmp-cat{font-family:var(--font-body);font-size:var(--type-sm);cursor:pointer;padding:var(--phi-5) var(--space-sm);border:1px solid var(--cream-2);background:var(--cream);color:var(--anthracite);transition:background var(--dur-normal), border-color var(--dur-normal), color var(--dur-normal);border-radius:999px;font-weight:500}.comparator-root .cmp-cat:hover{border-color:var(--teal)}.comparator-root .cmp-cat.is-active{background:var(--anthracite);color:var(--cream);border-color:var(--anthracite)}.comparator-root .cmp-cat-n{min-width:1.4em;margin-left:var(--phi-3);padding:0 var(--phi-3);background:color-mix(in srgb, var(--teal) 28%, transparent);font-size:var(--type-xs);text-align:center;border-radius:999px;font-weight:600;display:inline-block}.comparator-root .cmp-cat.is-active .cmp-cat-n{background:color-mix(in srgb, var(--teal) 55%, transparent)}.comparator-root .cmp-body{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=900px){.comparator-root .cmp-body{grid-template-columns:300px 1fr;align-items:start}}.comparator-root .cmp-needs{border:1px solid var(--cream-2);border-radius:var(--radius-lg);padding:var(--space-sm);background:var(--cream);max-height:calc(100vh - 2rem);position:sticky;top:1rem;overflow-y:auto}.comparator-root .cmp-needs-head{justify-content:space-between;align-items:center;display:flex}.comparator-root .cmp-needs-head h3{font-size:var(--type-base);margin:0}.comparator-root .cmp-reset{font-size:var(--type-xs);cursor:pointer;color:var(--coral-text);background:0 0;border:none;font-weight:500;text-decoration:underline}.comparator-root .cmp-needs-hint{font-size:var(--type-xs);color:var(--gray-mid);margin:var(--phi-5) 0 var(--space-xs)}.comparator-root .cmp-search{margin-bottom:var(--space-sm);display:block}.comparator-root .cmp-search-label{font-size:var(--type-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--gray-mid);margin-bottom:var(--phi-2);font-weight:600;display:block}.comparator-root .cmp-search input{width:100%;padding:var(--phi-8);border:1px solid var(--cream-2);border-radius:var(--radius-md);font:inherit;background:var(--cream)}.comparator-root .cmp-search input:focus{outline:2px solid var(--teal);outline-offset:-1px}.comparator-root .cmp-group{margin:0 0 var(--space-xs);border-top:1px solid var(--cream-2);padding-top:var(--phi-8)}.comparator-root .cmp-group-head{align-items:center;gap:var(--phi-5);cursor:pointer;width:100%;padding:var(--phi-3) 0;font-family:var(--font-body);font-size:var(--type-sm);color:var(--anthracite);text-align:left;background:0 0;border:none;font-weight:600;display:flex}.comparator-root .cmp-group-caret{color:var(--teal-deep);font-size:var(--type-xs)}.comparator-root .cmp-group-active{text-align:center;background:var(--teal);min-width:1.5em;color:var(--cream);font-size:var(--type-xs);padding:0 var(--phi-3);border-radius:999px;margin-left:auto;font-weight:700}.comparator-root .cmp-pills{gap:var(--phi-5);padding:var(--phi-5) 0 var(--phi-3);flex-wrap:wrap;display:flex}.comparator-root .cmp-pill{align-items:center;gap:var(--phi-3);font-family:var(--font-body);font-size:var(--type-xs);cursor:pointer;padding:var(--phi-3) var(--phi-8);border:1px solid var(--cream-2);background:var(--cream);color:var(--anthracite);transition:background var(--dur-fast), border-color var(--dur-fast);border-radius:999px;font-weight:500;display:inline-flex}.comparator-root .cmp-pill:hover{border-color:var(--teal)}.comparator-root .cmp-pill.is-on{background:color-mix(in srgb, var(--teal) 22%, var(--cream));border-color:var(--teal-deep);color:var(--ink-deep);font-weight:600}.comparator-root .cmp-pill-n{color:var(--gray-mid);font-size:.9em;font-weight:400}.comparator-root .cmp-pill.is-on .cmp-pill-n{color:var(--teal-deep);font-weight:600}.comparator-root .cmp-count{font-size:var(--type-sm);color:var(--gray-mid);margin-bottom:var(--space-sm)}.comparator-root .cmp-count-need{color:var(--teal-deep);font-weight:600}.comparator-root .cmp-empty{font-size:var(--type-sm);color:var(--gray-mid)}.comparator-root .cmp-empty button{color:var(--coral-text);cursor:pointer;font:inherit;background:0 0;border:none;text-decoration:underline}.comparator-root .cmp-grid{gap:var(--space-sm);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=680px){.comparator-root .cmp-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1240px){.comparator-root .cmp-grid{grid-template-columns:repeat(3,1fr)}}.comparator-root .cmp-card{border:1px solid var(--cream-2);border-radius:var(--radius-xl);background:var(--cream);transition:box-shadow var(--dur-slow) var(--ease-phi-out), transform var(--dur-slow) var(--ease-phi-out), border-color var(--dur-slow);flex-direction:column;display:flex;overflow:hidden}.comparator-root .cmp-card:hover{border-color:color-mix(in srgb, var(--teal) 50%, var(--cream-2));transform:translateY(-2px);box-shadow:0 8px 24px #2c3e421a}.comparator-root .cmp-card.is-comparing{border-color:var(--teal-deep);box-shadow:0 0 0 2px color-mix(in srgb, var(--teal) 45%, transparent)}.comparator-root .cmp-card-inner{gap:var(--phi-8);padding:var(--space-sm);flex-direction:column;flex:1;display:flex}.comparator-root .cmp-thumb{aspect-ratio:16/9;background:var(--cream-elevated);border-bottom:1px solid var(--cream-2);position:relative;overflow:hidden}.comparator-root .cmp-thumb img,.comparator-root .cmp-thumb video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.comparator-root .cmp-thumb video{opacity:0;transition:opacity var(--dur-slow);pointer-events:none}.comparator-root .cmp-thumb:hover video{opacity:1}.comparator-root .cmp-thumb-hint{right:var(--phi-8);bottom:var(--phi-8);font-size:var(--type-xs);color:var(--cream);background:color-mix(in srgb, var(--anthracite) 78%, transparent);padding:var(--phi-2) var(--phi-8);transition:opacity var(--dur-normal);pointer-events:none;border-radius:999px;font-weight:600;position:absolute}.comparator-root .cmp-thumb:hover .cmp-thumb-hint{opacity:0}.comparator-root .cmp-card-top{align-items:center;gap:var(--phi-13);display:flex}.comparator-root .cmp-logo{border:1px solid var(--cream-2);border-radius:var(--radius-md);background:#fff;flex:none;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.comparator-root .cmp-logo img{object-fit:contain;max-width:34px;max-height:34px}.comparator-root .cmp-logo-fallback{color:#fff;width:100%;height:100%;font-weight:700;font-size:var(--type-lg);place-items:center;display:grid}.comparator-root .cmp-card-title{flex:1;min-width:0}.comparator-root .cmp-card-title h3{font-size:var(--type-base);margin:0;line-height:1.25}.comparator-root .cmp-badge{font-size:var(--type-xs);color:var(--gray-mid)}.comparator-root .cmp-gauge{flex:none}.comparator-root .cmp-gauge-txt{fill:var(--anthracite);font-size:12px;font-weight:700;font-family:var(--font-body)}.comparator-root .cmp-tagline{font-size:var(--type-sm);color:var(--gray-mid);margin:0}.comparator-root .cmp-meta{gap:var(--phi-5);margin:var(--phi-3) 0;grid-template-columns:1fr;display:grid}.comparator-root .cmp-meta div{justify-content:space-between;gap:var(--space-xs);font-size:var(--type-sm);display:flex}.comparator-root .cmp-meta dt{font-size:var(--type-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--gray-mid);white-space:nowrap;margin:0;font-weight:600}.comparator-root .cmp-meta dd{text-align:right;color:var(--anthracite);margin:0}.comparator-root .cmp-feats{padding:var(--phi-8);background:var(--cream-elevated);border-radius:var(--radius-md);gap:var(--phi-2);flex-direction:column;margin:0;list-style:none;display:flex}.comparator-root .cmp-feats li{font-size:var(--type-xs)}.comparator-root .cmp-feats li.ok{color:var(--signal);font-weight:500}.comparator-root .cmp-feats li.no{color:var(--gray-mid);text-decoration:line-through}.comparator-root .cmp-analysis{border:1px solid var(--cream-2);border-radius:var(--radius-md);padding:var(--phi-8);gap:var(--phi-5);background:color-mix(in srgb, var(--teal) 6%, var(--cream));flex-direction:column;display:flex}.comparator-root .cmp-scorebar{align-items:center;gap:var(--phi-8);display:flex}.comparator-root .cmp-scorebar-label{font-size:var(--type-xs);color:var(--anthracite);flex:1;font-weight:600}.comparator-root .cmp-scorebar-track{gap:var(--phi-2);display:inline-flex}.comparator-root .cmp-scorebar-seg{background:var(--cream-2);width:14px;height:6px;transition:background var(--dur-normal);border-radius:999px}.comparator-root .cmp-scorebar-seg.on{background:var(--teal-deep)}.comparator-root .cmp-analysis-more summary{cursor:pointer;font-size:var(--type-xs);color:var(--teal-deep);font-weight:600;list-style:none}.comparator-root .cmp-analysis-more summary::-webkit-details-marker{display:none}.comparator-root .cmp-analysis-more summary:before{content:"▸ "}.comparator-root .cmp-analysis-more[open] summary:before{content:"▾ "}.comparator-root .cmp-analysis-hint{color:var(--gray-mid);font-weight:400}.comparator-root .cmp-analysis-more p{font-size:var(--type-xs);color:var(--anthracite);margin:var(--phi-5) 0 0;line-height:1.5}.comparator-root .cmp-reviews{margin-top:var(--phi-5);font-size:var(--type-xs);color:var(--coral-text);font-weight:500;display:inline-block}.comparator-root .cmp-actions{gap:var(--phi-5);flex-direction:column;margin-top:auto;display:flex}.comparator-root .cmp-actions-row{gap:var(--phi-5);display:flex}.comparator-root .cmp-actions-row>*{flex:1}.comparator-root .cmp-actions .cmp-cta{text-align:center;font-family:var(--font-body);font-size:var(--type-sm);padding:var(--phi-8) var(--space-sm);border-radius:var(--radius-md);background:var(--coral);color:var(--ink-deep);border:1px solid var(--coral);transition:background var(--dur-fast), border-color var(--dur-fast);font-weight:600;text-decoration:none;display:inline-block}.comparator-root .cmp-actions .cmp-cta:hover{background:var(--coral-deep);border-color:var(--coral-deep);color:var(--cream)}.comparator-root .cmp-actions .cmp-cta--ghost{color:var(--anthracite);border-color:var(--cream-2);background:0 0}.comparator-root .cmp-actions .cmp-cta--ghost:hover{border-color:var(--teal);color:var(--anthracite);background:0 0}.comparator-root .cmp-actions .cmp-cta--compare{color:var(--teal-deep);border:1px dashed var(--teal);cursor:pointer;background:0 0;font-weight:600}.comparator-root .cmp-actions .cmp-cta--compare:hover{background:color-mix(in srgb, var(--teal) 12%, transparent)}.comparator-root .cmp-actions .cmp-cta--compare.is-on{background:var(--teal);color:var(--cream);border-style:solid}.comparator-root .cmp-actions .cmp-cta--compare:disabled{opacity:.45;cursor:not-allowed}.comparator-root .cmp-spon{font-size:var(--type-xs);opacity:.8}.comparator-root .cmp-tray{left:50%;bottom:var(--space-sm);z-index:60;align-items:center;gap:var(--space-sm);max-width:min(92vw,720px);padding:var(--phi-8) var(--space-sm);background:var(--anthracite);color:var(--cream);border-radius:999px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 32px #1a262a59}.comparator-root .cmp-tray-chips{gap:var(--phi-5);flex-wrap:wrap;display:flex}.comparator-root .cmp-tray-chip{font-size:var(--type-xs);cursor:pointer;background:color-mix(in srgb, var(--teal) 30%, transparent);color:var(--cream);padding:var(--phi-3) var(--phi-8);border:none;border-radius:999px;font-weight:500}.comparator-root .cmp-tray-chip:hover{background:color-mix(in srgb, var(--coral) 45%, transparent)}.comparator-root .cmp-tray-actions{gap:var(--phi-5);margin-left:auto;display:flex}.comparator-root .cmp-tray-clear{color:var(--cream);opacity:.7;font-size:var(--type-xs);cursor:pointer;background:0 0;border:none;text-decoration:underline}.comparator-root .cmp-tray-open{font-size:var(--type-sm);cursor:pointer;background:var(--coral);color:var(--ink-deep);padding:var(--phi-5) var(--space-sm);border:none;border-radius:999px;font-weight:700}.comparator-root .cmp-tray-open:disabled{opacity:.5;cursor:not-allowed}.comparator-root .cmp-overlay{z-index:70;padding:var(--space-sm);place-items:center;display:grid;position:fixed;inset:0}.comparator-root .cmp-overlay-backdrop{background:color-mix(in srgb, var(--ink-deep) 55%, transparent);position:absolute;inset:0}.comparator-root .cmp-panel{background:var(--cream);border-radius:var(--radius-xl);width:min(1040px,96vw);max-height:88vh;padding:var(--space-md);position:relative;overflow-y:auto;box-shadow:0 24px 64px #1a262a59}.comparator-root .cmp-panel-head{justify-content:space-between;align-items:start;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.comparator-root .cmp-panel-head h3{font-size:var(--type-lg);margin:0}.comparator-root .cmp-panel-head p{margin:var(--phi-3) 0 0;font-size:var(--type-xs);color:var(--gray-mid)}.comparator-root .cmp-panel-close{border:1px solid var(--cream-2);font-size:var(--type-xs);color:var(--anthracite);padding:var(--phi-5) var(--space-xs);cursor:pointer;background:0 0;border-radius:999px;flex:none;font-weight:600}.comparator-root .cmp-panel-close:hover{border-color:var(--coral)}.comparator-root .cmp-panel-grid{gap:var(--space-sm);grid-template-columns:1fr;display:grid}@media (width>=760px){.comparator-root .cmp-panel-grid{grid-template-columns:repeat(var(--cols,2), 1fr)}}.comparator-root .cmp-panel-col{border:1px solid var(--cream-2);border-radius:var(--radius-lg);padding:var(--space-sm);gap:var(--phi-8);background:var(--cream);flex-direction:column;display:flex}.comparator-root .cmp-panel-id{align-items:center;gap:var(--phi-5);text-align:center;flex-direction:column;display:flex}.comparator-root .cmp-panel-id h4{font-size:var(--type-base);margin:0}.comparator-root .cmp-panel-scores,.comparator-root .cmp-panel-cov{gap:var(--phi-5);flex-direction:column;display:flex}.comparator-root .cmp-panel-cov-title{font-size:var(--type-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--gray-mid);font-weight:600}.comparator-root .cmp-panel-cov-row{gap:var(--phi-2);flex-direction:column;display:flex}.comparator-root .cmp-panel-cov-label{font-size:var(--type-xs);color:var(--anthracite);justify-content:space-between;display:flex}.comparator-root .cmp-panel-cov-label em{color:var(--teal-deep);font-style:normal;font-weight:600}.comparator-root .cmp-covbar{background:var(--cream-2);border-radius:999px;height:7px;display:block;overflow:hidden}.comparator-root .cmp-covbar-fill{background:linear-gradient(90deg, var(--teal), var(--teal-deep));height:100%;transition:width var(--dur-slow) var(--ease-phi-out);border-radius:999px;display:block}.comparator-root .cmp-panel .cmp-cta{text-align:center;font-size:var(--type-sm);padding:var(--phi-8) var(--space-sm);border-radius:var(--radius-md);background:var(--coral);color:var(--ink-deep);margin-top:auto;font-weight:600;text-decoration:none;display:inline-block}.comparator-root .cmp-panel .cmp-cta:hover{background:var(--coral-deep);color:var(--cream)}@media (width<=640px){.comparator-root .cmp-tray{gap:var(--phi-5);border-radius:var(--radius-lg);flex-direction:column;width:92vw}.comparator-root .cmp-tray-actions{margin-left:0}}@media (prefers-reduced-motion:reduce){.comparator-root .cmp-card,.comparator-root .cmp-covbar-fill,.comparator-root .cmp-thumb video{transition:none}}