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