.compare-header{padding-block:3.5rem 2rem;background:linear-gradient(135deg,#e7f2fb,#f7fbff 65%);border-bottom:1px solid var(--border)}.compare-header h1{max-width:19ch;font-size:clamp(2.25rem,8vw,4rem)}.compare-header__lead{max-width:44rem;margin-bottom:.5rem;color:var(--muted);font-size:1.125rem}.compare-layout{display:grid;gap:1.5rem;padding-block:2rem}.option-cards{display:grid;gap:1rem;margin-block:1.5rem}.option-card{display:block;padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none}.option-card:hover{border-color:var(--primary)}.option-card h2{margin-bottom:.5rem;font-size:1.25rem}.option-card p{margin-bottom:.75rem}.option-card span{color:var(--primary);font-weight:750}.comparison-table th:first-child{min-width:9rem}.comparison-table th[scope="row"]{font-size:.9375rem}.compare-aside{display:grid;gap:.75rem;padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);align-self:start}.compare-aside h2{margin-bottom:.25rem;font-size:1.125rem}.compare-aside p{margin:0;color:var(--muted);font-size:.875rem}.compare-aside .button{width:100%}@media(min-width:40rem){.option-cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:64rem){.compare-layout{grid-template-columns:minmax(0,1fr) 17rem}.compare-aside{position:sticky;top:1rem}}