.compare-page{padding-top:0}.compare-hero{padding:clamp(56px,7vw,96px) 0 clamp(28px,3vw,48px)}.compare-hero h1{letter-spacing:-.02em;margin:16px 0;font-size:clamp(36px,5vw,56px)}.compare-hero .lede{max-width:720px}.section{padding:clamp(48px,6vw,96px) 0}.section-alt{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff04}.section-cta{text-align:center;border-top:1px solid var(--line)}.section-cta .lede{max-width:640px;margin:0 auto 24px}.cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.tco-table-wrap,.matrix-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-glass);margin-top:32px;overflow-x:auto}.tco-table,.matrix-table{border-collapse:collapse;width:100%;font-size:14px}.matrix-table{table-layout:fixed}.matrix-table .col-feature{width:34%}.matrix-table .col-product{width:13.2%}.tco-table th,.tco-table td,.matrix-table th,.matrix-table td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--line);padding:16px 20px}.tco-table thead th,.matrix-table thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute);background:#ffffff06;font-size:12px;font-weight:600}.tco-table tbody th,.matrix-table tbody th{color:var(--text-soft);width:32%;font-weight:500}.tco-table tbody th strong{color:var(--text);font-weight:600}.row-sub{color:var(--text-mute);margin-top:2px;font-size:12px;font-weight:400;display:block}.tco-table .row-highlight{background:color-mix(in oklab, var(--accent) 8%, transparent)}.tco-table .row-highlight th,.tco-table .row-highlight td{border-bottom-color:color-mix(in oklab, var(--accent) 25%, transparent)}.bad{color:#ff8a82;font-weight:600}.footnote{color:var(--text-mute);margin:0;padding:16px 20px 0;font-size:13px;line-height:1.6}.matrix-table thead .col-self{color:var(--accent)}.matrix-table tbody td{text-align:center;padding:12px 6px;overflow:hidden}.matrix-table tbody th{padding:12px 16px;font-size:13px;line-height:1.4}.matrix-table thead th{text-align:center;padding:14px 6px}.matrix-table thead th:first-child{text-align:left;padding-left:16px}.matrix-table .cell,.cell{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:48px;padding:4px 10px;font-size:11px;font-weight:600;line-height:1.2;display:inline-flex}.matrix-table .cell.count{font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none}.matrix-table .cell.yes{color:#93e6b3;background:#4cc38a24;border:1px solid #4cc38a4d}.matrix-table .cell.partial{color:#ffc78c;background:#ffaf5a1f;border:1px solid #ffaf5a4d}.matrix-table .cell.no{color:#ff9b95;background:#ff6d641a;border:1px solid #ff6d6440}.when-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:32px;display:grid}.when-card{background:var(--bg-glass);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px}.when-card h3{letter-spacing:-.005em;margin:0 0 8px;font-size:16px}.when-card p{color:var(--text-mute);margin:0;font-size:14px;line-height:1.6}.when-card.highlight{background:color-mix(in oklab, var(--accent) 8%, transparent);border-color:color-mix(in oklab, var(--accent) 35%, var(--line))}.when-card.highlight h3{color:var(--accent)}@media (width<=720px){.tco-table th,.tco-table td{padding:12px 14px}.tco-table tbody th{width:auto}.matrix-wrap{overflow-x:auto}.matrix-table{min-width:720px}.matrix-table tbody th{padding:10px 12px}.matrix-table tbody td{padding:10px 4px}}
