* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:2rem; }
body { margin:0; background:var(--brand-paper); color:var(--brand-ink); font:1rem/1.65 var(--font-sans); }
a { color:var(--brand-green); text-underline-offset:.3em; }
h1,h2,h3,p { margin-block-start:0; }
h1,h2 { font-family:var(--font-serif); font-weight:500; letter-spacing:-.035em; line-height:1.06; text-wrap:balance; }
h1 { max-width:14ch; margin-block:1.2rem; font-size:clamp(3rem,6.5vw,5.8rem); }
h2 { margin-block-end:1rem; font-size:clamp(2.2rem,4.5vw,3.9rem); }
h3 { line-height:1.2; }
p,li,td { color:var(--brand-muted); }
.compare-shell { padding-block:4.5rem 5.5rem; }
.compare-hero { max-width:62rem; padding-block:1.5rem 5rem; }
.compare-hero>p { max-width:45rem; font-size:clamp(1.05rem,1.8vw,1.3rem); line-height:1.7; text-wrap:pretty; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1.5rem; margin-top:2rem; }
.hero-actions>a:last-child { display:inline-flex; align-items:center; min-block-size:3rem; color:var(--brand-ink); font-size:.9rem; text-decoration:none; }
.promise-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid var(--brand-line); }
.promise-grid article { padding:1.6rem 1.5rem; border-inline-start:1px solid var(--brand-line); }
.promise-grid article:first-child { border-inline-start:0; }
.promise-grid strong { display:block; margin-bottom:.55rem; font-size:1.05rem; }
.promise-grid p { margin:0; font-size:.82rem; line-height:1.65; }
.compare-section,.fit-section,.products-section { padding-block:5.5rem; border-bottom:1px solid var(--brand-line); }
.section-heading { max-width:48rem; margin-bottom:2rem; }
.section-heading h2 { margin-top:1rem; }
.section-heading>p { max-width:40rem; margin-bottom:0; }
.comparison-table-wrap { overflow:auto; border:1px solid var(--brand-line); border-radius:.6rem; background:var(--color-surface); }
table { width:100%; min-width:48rem; border-collapse:collapse; text-align:left; font-size:.9rem; }
caption { padding:1rem 1.2rem; color:var(--brand-muted); text-align:left; }
thead { background:var(--color-surface-muted); }
th,td { min-width:12rem; padding:1.2rem; vertical-align:top; border-top:1px solid var(--brand-line); }
th { color:var(--brand-ink); font-weight:600; text-wrap:balance; }
td strong { color:var(--brand-ink); }
.status { display:inline-block; margin-right:.35rem; padding:.15rem .45rem; border-radius:999px; color:var(--brand-ink); font-size:.7rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.status-planned { background:color-mix(in srgb,var(--brand-gold),transparent 55%); }
.status-partial { background:color-mix(in srgb,var(--brand-green),transparent 75%); }
.fit-section { display:grid; grid-template-columns:minmax(14rem,.7fr) minmax(0,1.3fr); gap:5rem; }
.fit-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
.fit-cards article { padding:1.7rem; border:1px solid var(--brand-line); border-radius:.6rem; }
.fit-cards h3 { margin-bottom:1rem; }
.fit-cards ul { margin:0; padding-left:1.2rem; }
.fit-cards li { margin-bottom:.75rem; font-size:.9rem; }
.product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
.product-grid article { padding-top:1.4rem; border-top:2px solid var(--brand-line); }
.product-grid article:hover { border-color:var(--brand-green); }
.product-grid h3 { margin-bottom:.7rem; font-size:1.2rem; }
.product-grid p { min-height:6.8rem; margin-bottom:1rem; font-size:.88rem; }
.product-grid a { font-size:.8rem; }
.review-note { display:grid; grid-template-columns:.6fr 1.4fr; gap:3rem; margin-block:3rem 0; padding:1.5rem; border-radius:.6rem; background:var(--color-surface-muted); }
.review-note strong { font-size:.85rem; }
.review-note p { margin:0; font-size:.78rem; }
.compare-cta { padding-block:6.5rem 1rem; text-align:center; }
.compare-cta img { margin:0 auto 1.5rem; }
.compare-cta p { margin-bottom:1.8rem; }
.compare-cta>div { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:1.5rem; }
.compare-cta>div>a:last-child { min-block-size:3rem; font-size:.9rem; }
@media(max-width:1000px) {
  .promise-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .promise-grid article:nth-child(3) { border-inline-start:0; border-top:1px solid var(--brand-line); }
  .promise-grid article:nth-child(4) { border-top:1px solid var(--brand-line); }
  .fit-section { grid-template-columns:1fr; gap:2rem; }
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:650px) {
  .compare-shell { padding-block:3rem 4rem; }
  .compare-hero { padding-block:.5rem 3.5rem; }
  .promise-grid,.fit-cards,.product-grid,.review-note { grid-template-columns:1fr; }
  .promise-grid article { border-inline-start:0; border-top:1px solid var(--brand-line); }
  .promise-grid article:first-child { border-top:0; }
  .compare-section,.fit-section,.products-section { padding-block:4rem; }
  .product-grid p { min-height:0; }
  .review-note { gap:.7rem; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }