.compare-page{padding:56px 0 96px}.compare-page .h1{font-size:clamp(34px,4.4vw,60px)}.compare-lead{max-width:720px;margin-top:16px}.compare-picker{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:12px;max-width:720px;margin:32px 0 20px;display:grid}.compare-pick{gap:6px;min-width:0;display:grid}.compare-pick__label{color:var(--ink-3);font-size:12px;font-weight:600}.compare-pick .select{width:100%;max-width:100%}.compare-swap{background:var(--surface);border:.5px solid var(--line);width:40px;height:40px;box-shadow:var(--shadow-metal);color:var(--ink-2);cursor:pointer;border-radius:999px;place-items:center;display:grid}.compare-swap:hover{color:var(--ink);background:var(--surface-2)}.compare-swap:disabled{opacity:.5;cursor:default}.compare-swap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:479px){.compare-picker{grid-template-columns:1fr}.compare-swap{justify-self:center;transform:rotate(90deg)}}.compare-summary{color:var(--ink-2);flex-wrap:wrap;gap:6px 20px;margin:0 0 20px;font-size:14px;display:flex}.compare-summary span{align-items:center;gap:6px;display:inline-flex}.compare-summary svg{width:15px;height:15px;color:var(--success);flex:none}.compare-summary b{color:var(--ink);font-weight:600}.compare-summary__tie{color:var(--ink-3)}.compare-table{padding:0;overflow:hidden}.compare-row{border-bottom:1px solid var(--line);grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);align-items:start;gap:0 20px;padding:16px 24px;display:grid}.compare-row:last-child{border-bottom:0}.compare-row--head{z-index:2;background:var(--surface);border-bottom:1px solid var(--line-strong);align-items:center;padding-block:20px;position:sticky;top:76px}.compare-row--decided{background:color-mix(in srgb, var(--surface) 96%, var(--accent) 4%)}.compare-label{letter-spacing:-.01em;color:var(--ink-2);align-content:start;gap:4px;padding-top:2px;font-size:13px;font-weight:600;display:grid}.compare-label__link{color:var(--accent-ink);text-underline-offset:2px;font-size:12px;font-weight:500;text-decoration:underline}.compare-head{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.compare-head__name{letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:18px;font-weight:600;line-height:1.3;display:flex}.compare-head__name a:hover{color:var(--accent-ink)}.compare-head__tag{color:var(--ink-2);margin:2px 0 6px;font-size:13px}.compare-cell{min-width:0;color:var(--ink);gap:6px;font-size:15px;line-height:1.5;display:grid;position:relative}.compare-cell__value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-wrap:pretty;font-weight:550}.compare-cell__muted{color:var(--ink-3);font-size:14px}.compare-cell__list{flex-wrap:wrap;gap:6px;display:flex}.compare-cell.is-winner .compare-cell__value{color:var(--accent-ink)}.compare-win{background:var(--success-soft);width:fit-content;height:24px;color:var(--success-ink);border-radius:999px;align-items:center;gap:5px;padding:0 10px 0 7px;font-size:12px;font-weight:600;display:inline-flex}.compare-win svg{width:14px;height:14px}.compare-breakdown{grid-column:2/4;gap:10px;display:grid}.compare-bars{grid-template-columns:120px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:0 20px;display:grid}.compare-bars__label{color:var(--ink);font-size:13px;font-weight:550}.compare-bars__weight{color:var(--ink-4);margin-left:4px;font-weight:500}.compare-bar{grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:10px;display:grid}.compare-bar__track{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.compare-bar__fill{background:var(--line-strong);height:100%;transition:width .6s var(--ease);border-radius:999px;display:block}.compare-bar.is-lead .compare-bar__fill{background:linear-gradient(90deg, var(--accent), #a98bff)}.compare-bar__num{font-variant-numeric:tabular-nums;text-align:right;color:var(--ink-2);font-size:13px;font-weight:600}.compare-bar.is-lead .compare-bar__num{color:var(--accent-ink)}.compare-row--cta{align-items:start;padding-block:20px 24px}.compare-cta{justify-items:start;gap:8px;display:grid}.compare-foot{color:var(--ink-3);max-width:720px;margin-top:32px;font-size:13px;line-height:1.6}@media (max-width:1023px){.compare-row{grid-template-columns:150px minmax(0,1fr) minmax(0,1fr);gap:0 16px;padding-inline:20px}.compare-bars{grid-template-columns:1fr;gap:6px}.compare-head{grid-template-columns:48px minmax(0,1fr)}.compare-head .score{grid-column:1/-1;justify-self:start}}@media (max-width:719px){.compare-row{grid-template-columns:1fr;gap:10px;padding:16px}.compare-row--head{position:static}.compare-row--head .compare-label{display:none}.compare-label{text-transform:uppercase;letter-spacing:.02em;color:var(--ink-3);padding-top:0;font-size:12px}.compare-cell:before,.compare-cta:before{content:attr(data-col);color:var(--ink-3);font-size:12px;font-weight:600;display:block}.compare-cell{background:var(--surface-2);border-radius:12px;grid-template-columns:1fr;padding:10px 12px}.compare-cell.is-winner{box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}.compare-breakdown{grid-column:auto}.compare-bar:before{content:attr(data-name);color:var(--ink-3);grid-column:1/-1;margin-bottom:-4px;font-size:11px;font-weight:500}.compare-bars,.compare-cta{background:var(--surface-2);border-radius:12px;padding:10px 12px}.compare-cta .btn{width:100%}.compare-row--cta .compare-label{display:none}}
