.compare{gap:var(--space-8);padding-block:var(--space-6) var(--space-9);flex-direction:column;display:flex}.compare section{gap:var(--space-5);flex-direction:column;display:flex}.compare-trail{gap:var(--space-2);color:var(--slate);flex-wrap:wrap;font-size:14px;display:flex}.compare-trail a{color:inherit}.compare-trail a:hover,.compare-trail [aria-current]{color:var(--ink)}.compare-head{gap:var(--space-5);flex-direction:column;max-width:860px;display:flex}.compare-head h1{font:800 clamp(44px, 7vw, 88px) / .95 var(--font-display);letter-spacing:-.05em;text-transform:lowercase}.compare-short{font-size:20px;line-height:1.55}.compare-checked{color:var(--slate);font-size:14px;line-height:1.5}.compare.site-wrap h2,.compare h2{font-size:clamp(30px,4vw,44px)}.compare h3{font:700 20px/1.25 var(--font-display);letter-spacing:-.02em}.compare-two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.compare-two>div{gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1.5px var(--line);flex-direction:column;display:flex}.compare-two>div:first-child{background:var(--lilac);color:var(--ink);box-shadow:none}.compare-two p,.compare-two li{line-height:1.6}.compare-two ul{gap:var(--space-2);flex-direction:column;padding-left:1.2em;display:flex}.compare-scroll{overflow-x:auto}.compare-table{border-collapse:collapse;text-align:left;width:100%;min-width:640px}.compare-table th,.compare-table td{border-bottom:1.5px solid var(--line);vertical-align:top;padding:14px 16px 14px 0;line-height:1.5}.compare-table thead th{font:700 18px/1.2 var(--font-display);border-bottom-color:var(--ink)}.compare-table tbody th{width:24%;font-weight:600}.compare-table td{width:38%}.compare-table a{color:inherit;font-weight:600}.compare-sources{gap:var(--space-2);flex-direction:column;padding-left:1.2em;display:flex}.compare-sources a{color:inherit;overflow-wrap:anywhere}.compare-links{gap:var(--space-3);flex-wrap:wrap;display:flex}.compare-links a{border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1.5px var(--line);color:inherit;padding:10px 18px;font-weight:600;text-decoration:none}.compare-links a:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.compare-hooks{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:0;list-style:none;display:grid}.compare-hooks li{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--lilac);color:var(--ink);font:700 22px/1.2 var(--font-display);letter-spacing:-.02em}