.compare-intro {
  color:var(--c-panel);
  background:
    radial-gradient(900px 420px at 0% 140%,var(--c-arc-2) 69%,var(--c-clear) 69.3%),
    radial-gradient(1200px 560px at 0% 140%,var(--c-arc-1) 69%,var(--c-clear) 69.3%),
    var(--c-bg);
}
.compare-intro h1 {
  color:var(--c-panel);
  max-width:880px;
}
.compare-accent {
  color:var(--c-sky);
  display:inline-block;
  margin-inline-start:.25em;
}
.compare-kicker {
  color:var(--c-sky);
  font-size:var(--fs-small);
  font-weight:var(--weight-semibold);
  letter-spacing:.08em;
  margin-bottom:20px;
}
.compare-lede {
  max-width:680px;
  color:rgb(var(--rgb-white) / .88);
  font-size:var(--fs-lede);
  margin-bottom:28px;
}
.compare-intro :focus-visible {
  outline-color:var(--c-sky);
}
.compare-facts {
  display:flex;
  flex-wrap:wrap;
  gap:12px 28px;
  list-style:none;
  margin:36px 0 0;
  padding:0;
  font-size:var(--fs-small);
  color:rgb(var(--rgb-white) / .88);
}
.compare-facts li {
  margin:0;
  display:flex;
  align-items:center;
  gap:10px;
}
.compare-facts li::before {
  content:"";
  width:6px;
  height:6px;
  flex-shrink:0;
  border-radius:var(--r-circle);
  background:var(--c-sun);
}
.compare-block + .compare-block {
  margin-top:var(--space-section);
}
.compare-recommendation {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,.38fr);
  gap:48px;
  align-items:center;
}
.compare-recommendation > * {
  min-width:0;
}
.compare-recommendation-action {
  border-left:1px solid var(--c-border);
  padding-left:32px;
}
.compare-recommendation-action p {
  margin-top:20px;
  color:var(--c-muted);
}
.compare-recommendation-action .btn {
  min-width:0;
  width:100%;
}
.compare-table {
  min-width:1140px;
}
.compare-table caption {
  padding:18px 20px;
  text-align:left;
  font-weight:var(--weight-semibold);
  color:var(--c-muted);
  background:var(--c-panel);
}
.compare-table th:first-child {
  min-width:14em;
}
.compare-table td:last-child {
  min-width:20em;
}
.compare-table .badge {
  margin-top:10px;
}
.compare-notes {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:64px;
  row-gap:48px;
}
.compare-note {
  min-width:0;
  border-top:2px solid var(--c-border);
  padding-top:28px;
  overflow-wrap:break-word;
}
.compare-note:first-child {
  border-top-color:var(--c-accent);
}
.compare-note p:not(.eyebrow) {
  color:var(--c-muted);
  line-height:1.9;
}
.compare-note .eyebrow {
  margin-bottom:12px;
}
.compare-followup {
  margin:36px 0 0;
  color:var(--c-muted);
}
@media (max-width:900px) {
  .compare-recommendation {
    grid-template-columns:minmax(0,1fr);
    gap:28px;
  }
  .compare-recommendation-action {
    border-left:0;
    border-top:1px solid var(--c-border);
    padding-left:0;
    padding-top:24px;
  }
  .compare-recommendation-action .btn {
    width:auto;
  }
}
@media (max-width:768px) {
  .compare-notes {
    grid-template-columns:minmax(0,1fr);
    row-gap:36px;
  }
  .compare-accent {
    display:block;
    margin-inline-start:0;
    margin-top:.15em;
  }
}
@media (max-width:640px) {
  .compare-intro .flex-row {
    align-items:stretch;
    flex-direction:column;
  }
  .compare-intro .btn {
    min-width:0;
    width:100%;
  }
  .compare-recommendation-action .btn {
    width:100%;
  }
}