/* Rentals 369 comparison surfaces. All rules are scoped to cmp-* classes. */
.cmp-home {
  background: #fff;
  border-top: 1px solid var(--line-soft, #ecf1f9);
  border-bottom: 1px solid var(--line-soft, #ecf1f9);
}

.cmp-home__intro {
  margin: 0 auto 36px;
}

.cmp-home__actions {
  display: flex;
  justify-content: center;
  margin: -14px auto 28px;
}

.cmp-fit-copy {
  display: block;
  margin-bottom: 6px;
}

.cmp-scroll-hint {
  display: none;
  margin: 0 0 10px;
  color: var(--ink-mute, #7c8aa5);
  font: 700 12px/1.5 var(--sans, 'Hanken Grotesk', system-ui, sans-serif);
}

.cmp-table-region {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--line, #e2e8f4);
  border-radius: var(--r-md, 16px);
  background: var(--paper, #fff);
  box-shadow: 0 18px 46px -30px rgba(13, 27, 46, .28);
  scrollbar-gutter: stable;
  scrollbar-color: #7189ad #edf2f8;
  scrollbar-width: thin;
  scroll-behavior: smooth;
  touch-action: pan-x pan-y;
  -webkit-overflow-scrolling: touch;
}

.cmp-table-region::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.cmp-table-region::-webkit-scrollbar-track {
  background: #edf2f8;
}

.cmp-table-region::-webkit-scrollbar-thumb {
  border: 2px solid #edf2f8;
  border-radius: 999px;
  background: #7189ad;
}

.cmp-table-region::-webkit-scrollbar-thumb:hover {
  background: #536d96;
}

.r369-mobile-toggle {
  min-width: 44px;
  min-height: 44px;
}

.cmp-table-region:focus-visible {
  outline: 3px solid var(--blue, #0057BA);
  outline-offset: 4px;
}

.cmp-table {
  width: 100%;
  min-width: 960px;
  border-collapse: separate;
  border-spacing: 0;
  color: var(--ink-body, #46536b);
  font: 500 13px/1.5 var(--sans, 'Hanken Grotesk', system-ui, sans-serif);
  font-variant-numeric: tabular-nums;
  text-align: left;
}

.cmp-table :where(th, td) {
  min-width: 148px;
  padding: 16px 18px;
  vertical-align: top;
  border: 0;
  border-bottom: 1px solid var(--line-soft, #ecf1f9);
}

.cmp-table :where(th, td):first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 168px;
  max-width: 190px;
  background: #fff;
  box-shadow: 1px 0 0 var(--line-soft, #ecf1f9);
}

.cmp-table thead th {
  color: var(--ink-mute, #7c8aa5);
  background: var(--cream-2, #eef2f9);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.cmp-table thead th:first-child {
  z-index: 3;
  background: var(--cream-2, #eef2f9);
}

.cmp-table tbody th {
  color: var(--ink, #0d1b2e);
  font-weight: 800;
}

.cmp-table tbody tr:last-child :where(th, td) {
  border-bottom: 0;
}

.cmp-table__featured :where(th, td) {
  background: #f3f7ff;
}

.cmp-table .cmp-table__featured :where(th, td):first-child {
  background: #eaf1fe;
}

.cmp-table--hub :where(th, td):nth-child(2) {
  min-width: 170px;
  color: var(--ink, #0d1b2e);
  font-weight: 700;
}

.cmp-product {
  display: block;
}

.cmp-badge,
.cmp-status {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  margin-top: 7px;
  padding: 4px 9px;
  border: 1px solid #cbdaf6;
  border-radius: 999px;
  background: #fff;
  color: var(--blue, #0057BA);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.cmp-detail-link,
.cmp-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--blue, #0057BA);
  font-weight: 800;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.cmp-detail-link:hover,
.cmp-link:hover {
  color: var(--blue-deep, #003E83);
}

.cmp-detail-link:focus-visible,
.cmp-link:focus-visible,
.cmp-button:focus-visible,
.cmp-breadcrumbs a:focus-visible {
  outline: 3px solid var(--blue, #0057BA);
  outline-offset: 3px;
  border-radius: 6px;
}

.cmp-home .cmp-method,
.cmp-note {
  max-width: 920px;
  margin: 20px auto 0;
  padding: 16px 18px;
  border: 1px solid #d9e4f7;
  border-radius: 12px;
  background: #f7faff;
  color: var(--ink-body, #46536b);
  font: 500 13px/1.65 var(--sans, 'Hanken Grotesk', system-ui, sans-serif);
}

.cmp-home .cmp-method strong,
.cmp-note strong {
  color: var(--ink, #0d1b2e);
}

.cmp-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Shared comparison-page composition. */
.cmp-page {
  min-width: 320px;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.cmp-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 26px;
  color: var(--ink-mute, #7c8aa5);
  font-size: 13px;
}

.cmp-breadcrumbs a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--blue, #0057BA);
  font-weight: 700;
}

.cmp-hero {
  padding: 132px 0 72px;
  background:
    radial-gradient(circle at 82% 18%, rgba(26, 86, 219, .11), transparent 30rem),
    var(--cream, #f7f9fd);
  border-bottom: 1px solid var(--line-soft, #ecf1f9);
}

.cmp-hero__inner {
  max-width: 880px;
  min-width: 0;
}

.cmp-kicker {
  margin-bottom: 16px;
  color: var(--blue, #0057BA);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.cmp-title {
  max-width: 820px;
  margin: 0 0 20px;
  color: var(--ink, #0d1b2e);
  font-family: var(--serif, 'Fraunces', Georgia, serif);
  font-size: clamp(38px, 6vw, 62px);
  font-weight: 600;
  letter-spacing: -.035em;
  line-height: 1.02;
  text-wrap: balance;
}

.cmp-lede {
  max-width: 760px;
  margin: 0;
  color: var(--ink-body, #46536b);
  font-size: clamp(17px, 2vw, 20px);
  line-height: 1.65;
}

.cmp-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 24px;
  color: var(--ink-mute, #7c8aa5);
  font-size: 13px;
  font-weight: 650;
}

.cmp-hero-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin: 18px 0;
  color: var(--ink-mute, #7c8aa5);
  font-size: 13px;
  line-height: 1.55;
}

.cmp-verified {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 5px 11px;
  border: 1px solid #cbdaf6;
  border-radius: 999px;
  background: #f3f7ff;
  color: var(--blue, #0057BA);
  font-weight: 800;
}

.cmp-method-note {
  color: var(--ink-body, #46536b);
  font-size: 13px;
  line-height: 1.6;
}

.cmp-section {
  padding: 76px 0;
}

.cmp-section--tint {
  background: var(--cream-2, #eef2f9);
  border-block: 1px solid var(--line-soft, #ecf1f9);
}

.cmp-section__head {
  max-width: 720px;
  margin-bottom: 30px;
}

.cmp-section__head h2,
.cmp-heading {
  margin: 0 0 12px;
  color: var(--ink, #0d1b2e);
  font-family: var(--serif, 'Fraunces', Georgia, serif);
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 600;
  line-height: 1.1;
  text-wrap: balance;
}

.cmp-section__head p,
.cmp-copy {
  color: var(--ink-body, #46536b);
  font-size: 16px;
  line-height: 1.7;
}

.cmp-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.cmp-quick-grid,
.cmp-fit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.cmp-grid > * {
  min-width: 0;
}

.cmp-quick-grid > *,
.cmp-fit-grid > * {
  min-width: 0;
}

.cmp-card {
  padding: 26px;
  border: 1px solid var(--line, #e2e8f4);
  border-radius: var(--r-md, 16px);
  background: #fff;
  box-shadow: 0 15px 40px -32px rgba(13, 27, 46, .34);
}

.cmp-quick-card,
.cmp-fit-card {
  padding: 26px;
  border: 1px solid var(--line, #e2e8f4);
  border-radius: var(--r-md, 16px);
  background: #fff;
  box-shadow: 0 15px 40px -32px rgba(13, 27, 46, .34);
}

.cmp-quick-card h2,
.cmp-quick-card h3,
.cmp-fit-card h2,
.cmp-fit-card h3 {
  margin: 0 0 12px;
  color: var(--ink, #0d1b2e);
  font-size: 20px;
  line-height: 1.3;
}

.cmp-quick-card p,
.cmp-fit-card p,
.cmp-fit-card li {
  color: var(--ink-body, #46536b);
  font-size: 15px;
  line-height: 1.65;
}

.cmp-fit-card ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding-left: 20px;
}

.cmp-table-hint {
  margin: 14px 0 10px;
  color: var(--ink-mute, #7c8aa5);
  font-size: 12px;
  font-weight: 700;
}

.cmp-card h3 {
  margin: 0 0 10px;
  color: var(--ink, #0d1b2e);
  font-size: 19px;
  line-height: 1.3;
}

.cmp-card p {
  margin: 0;
  color: var(--ink-body, #46536b);
  font-size: 15px;
  line-height: 1.65;
}

.cmp-checklist,
.cmp-source-list,
ul.cmp-related {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cmp-checklist li,
.cmp-source-list li,
ul.cmp-related li {
  color: var(--ink-body, #46536b);
  line-height: 1.65;
}

.cmp-source-list a,
.cmp-related a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--blue, #0057BA);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cmp-method {
  background: #f7faff;
  border-block: 1px solid #d9e4f7;
}

.cmp-method h2,
.cmp-method h3 {
  margin: 0 0 12px;
  color: var(--ink, #0d1b2e);
}

.cmp-method p,
.cmp-disclaimer {
  color: var(--ink-body, #46536b);
  line-height: 1.7;
}

.cmp-sources {
  margin-top: 22px;
}

.cmp-sources :where(ol, ul) {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 22px;
}

.cmp-sources a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--blue, #0057BA);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cmp-related {
  background: #fff;
}

.cmp-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.cmp-related-grid a {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid var(--line, #e2e8f4);
  border-radius: 12px;
  background: #fff;
  color: var(--blue, #0057BA);
  font-weight: 750;
}

.cmp-disclaimer {
  margin-top: 22px;
  font-size: 13px;
}

.cmp-cta {
  padding: 38px;
  border-radius: var(--r-lg, 22px);
  background: var(--dark, #0c1830);
  color: #fff;
  text-align: center;
}

.cmp-cta h2 {
  margin: 0 0 12px;
  color: #fff;
  font-family: var(--serif, 'Fraunces', Georgia, serif);
  font-size: clamp(28px, 4vw, 40px);
}

.cmp-cta p {
  max-width: 660px;
  margin: 0 auto 22px;
  color: #cbd8ee;
  line-height: 1.65;
}

.cmp-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 22px;
  border-radius: 999px;
  background: var(--blue, #0057BA);
  color: #fff;
  font-weight: 800;
}

.cmp-button:hover {
  background: var(--blue-deep, #003E83);
}

.cmp-switcher {
  border-bottom: 1px solid var(--line-soft, #ecf1f9);
  background: #fff;
}

.cmp-switcher .wrap {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
  padding-block: 12px;
}

.cmp-switcher__label {
  flex: 0 0 auto;
  margin: 0;
  color: var(--ink-body, #46536b);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.cmp-switcher__list {
  display: flex;
  flex: 1 1 auto;
  gap: 8px;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  list-style: none;
}

.cmp-switcher__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid var(--line, #e2e8f4);
  border-radius: 999px;
  background: #fff;
  color: var(--ink-body, #46536b);
  font-size: 13px;
  font-weight: 750;
  white-space: nowrap;
}

.cmp-switcher__link:hover {
  border-color: #b8c9e8;
  color: var(--blue, #0057BA);
}

.cmp-switcher__link[aria-current="page"] {
  border-color: var(--blue, #0057BA);
  background: #f3f7ff;
  color: var(--blue, #0057BA);
}

.cmp-switcher__link:focus-visible,
.cmp-directory-tab:focus-visible {
  outline: 3px solid var(--blue, #0057BA);
  outline-offset: 3px;
}

.cmp-directory {
  min-width: 0;
}

.cmp-directory-tabs {
  display: flex;
  gap: 8px;
  margin: 0 0 18px;
  padding: 4px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  border: 1px solid var(--line, #e2e8f4);
  border-radius: 16px;
  background: var(--cream-2, #eef2f9);
  scrollbar-width: thin;
}

.cmp-directory-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 0 auto;
  min-height: 48px;
  padding: 10px 16px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: var(--ink-body, #46536b);
  cursor: pointer;
  font: 750 14px/1.2 var(--sans, 'Roboto', Arial, sans-serif);
  white-space: nowrap;
}

.cmp-directory-tab:hover {
  color: var(--blue, #0057BA);
}

.cmp-directory-tab[aria-selected="true"] {
  border-color: #cbdaf6;
  background: #fff;
  color: var(--blue, #0057BA);
  box-shadow: 0 8px 22px -18px rgba(13, 27, 46, .5);
}

.cmp-directory-panels {
  display: grid;
  gap: 18px;
}

.cmp-directory-panel {
  min-width: 0;
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid var(--line, #e2e8f4);
  border-radius: var(--r-lg, 22px);
  background: #fff;
  box-shadow: 0 22px 54px -40px rgba(13, 27, 46, .42);
}

.cmp-directory[data-enhanced="true"] .cmp-directory-panel:not([hidden]) {
  animation: cmp-panel-in 220ms ease-out both;
}

.cmp-directory-panel__head h3 {
  max-width: 720px;
  margin: 0 0 22px;
  color: var(--ink, #0d1b2e);
  font-family: var(--serif, 'Fraunces', Georgia, serif);
  font-size: clamp(25px, 4vw, 36px);
  font-weight: 600;
  line-height: 1.12;
}

.cmp-directory-fit {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 24px;
}

.cmp-directory-fit > div {
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--line-soft, #ecf1f9);
  border-radius: 14px;
  background: #f8faff;
}

.cmp-directory-fit h4 {
  margin: 0 0 8px;
  color: var(--ink, #0d1b2e);
  font-size: 16px;
}

.cmp-directory-fit p {
  margin: 0;
  color: var(--ink-body, #46536b);
  font-size: 15px;
  line-height: 1.65;
}

.cmp-checklist--cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cmp-checklist--cards li {
  padding: 20px;
  border: 1px solid var(--line, #e2e8f4);
  border-radius: 14px;
  background: #fff;
}

.cmp-checklist--cards strong {
  display: block;
  margin-bottom: 6px;
  color: var(--ink, #0d1b2e);
}

.cmp-cta__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}

.cmp-link--light {
  color: #fff;
}

.cmp-link--light:hover {
  color: #dbe7ff;
}

@keyframes cmp-panel-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.cmp-status--included {
  border-color: #b8dec9;
  background: #f0faf5;
  color: #177a44;
}

.cmp-status--addon,
.cmp-status--optional,
.cmp-status--plan,
.cmp-status--tier,
.cmp-status--usage,
.cmp-status--quote {
  border-color: #ecd8aa;
  background: #fff9ea;
  color: #8a5b05;
}

.cmp-status--unconfirmed,
.cmp-status--limited,
.cmp-status--na {
  border-color: #d8deea;
  background: #f6f8fc;
  color: #59677f;
}

@media (max-width: 760px) {
  .cmp-scroll-hint {
    display: block;
  }

  .cmp-table {
    min-width: 900px;
  }

  .cmp-table-region {
    scroll-padding-inline-start: 168px;
  }

  .cmp-table--hub {
    margin-inline-end: 168px;
  }

  .cmp-table :where(th, td) {
    padding: 14px;
  }

  .cmp-table :where(th, td):first-child {
    min-width: 150px;
  }

  .cmp-hero {
    padding: 110px 0 56px;
  }

  .cmp-section {
    padding: 58px 0;
  }

  .cmp-grid {
    grid-template-columns: 1fr;
  }

  .cmp-quick-grid,
  .cmp-fit-grid,
  .cmp-directory-fit,
  .cmp-checklist--cards,
  .cmp-related-grid {
    grid-template-columns: 1fr;
  }

  .cmp-switcher .wrap {
    display: block;
  }

  .cmp-switcher__label {
    margin-bottom: 7px;
  }

  .cmp-card,
  .cmp-cta {
    padding: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cmp-table-region,
  .cmp-detail-link,
  .cmp-link,
  .cmp-button,
  .cmp-breadcrumbs a,
  .cmp-switcher__link,
  .cmp-directory-tab,
  .cmp-directory-panel {
    scroll-behavior: auto;
    transition: none;
    animation: none !important;
  }
}

/* 2026 comparison decision rail and compact homepage summary. */
.cmp-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
}

.cmp-page {
  font-family: 'Roboto', Arial, sans-serif;
}

.cmp-page .cmp-title,
.cmp-page .cmp-section__head h2,
.cmp-page .cmp-panel-head h3,
.cmp-page .cmp-cta h2 {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 800;
}

.cmp-hero--hub {
  position: relative;
  overflow: hidden;
  padding-bottom: 54px;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, .94), rgba(247, 250, 255, .84)),
    radial-gradient(circle at 88% 18%, rgba(26, 86, 219, .17), transparent 30rem),
    #f7f9fd;
}

.cmp-hero--hub::after {
  position: absolute;
  right: max(4vw, 24px);
  bottom: -118px;
  width: 280px;
  height: 280px;
  border: 42px solid rgba(26, 86, 219, .055);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.cmp-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.cmp-button {
  gap: 9px;
  border: 2px solid transparent;
  text-decoration: none;
  transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, transform 200ms ease;
}

.cmp-button:hover {
  transform: translateY(-1px);
}

.cmp-button--secondary {
  border-color: #cbd8ef;
  background: #fff;
  color: var(--ink, #0d1b2e);
}

.cmp-button--secondary:hover {
  border-color: var(--blue, #0057BA);
  background: #f6f9ff;
  color: var(--blue, #0057BA);
}

.cmp-button--light {
  background: #fff;
  color: var(--dark, #0c1830);
}

.cmp-button--light:hover {
  background: #eef4ff;
  color: var(--blue-deep, #003E83);
}

.cmp-trust-strip {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 920px;
  margin-top: 38px;
  overflow: hidden;
  border: 1px solid #d9e4f7;
  border-radius: 14px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 18px 45px -38px rgba(13, 27, 46, .6);
}

.cmp-trust-strip span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 56px;
  padding: 10px 12px;
  color: var(--ink-body, #46536b);
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.cmp-trust-strip span + span {
  border-left: 1px solid #e3eaf6;
}

.cmp-trust-strip .cmp-icon {
  color: var(--blue, #0057BA);
}

.cmp-section--snapshot {
  background: #fff;
}

.cmp-section__head--wide {
  max-width: 820px;
}

.cmp-snapshot-wrap {
  overflow: hidden;
  border: 1px solid #d9e2f1;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 24px 60px -46px rgba(13, 27, 46, .55);
}

.cmp-snapshot {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  color: var(--ink-body, #46536b);
  font-size: 14px;
  line-height: 1.55;
  text-align: left;
}

.cmp-snapshot :where(th, td) {
  padding: 17px 18px;
  border-bottom: 1px solid var(--line-soft, #ecf1f9);
  vertical-align: middle;
}

.cmp-snapshot thead th {
  position: sticky;
  top: 74px;
  z-index: 2;
  background: #eef3fb;
  color: #526078;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.cmp-snapshot tbody th {
  width: 21%;
  color: var(--ink, #0d1b2e);
  font-size: 15px;
}

.cmp-snapshot tbody td:nth-child(2) {
  width: 23%;
  color: var(--ink, #0d1b2e);
  font-weight: 600;
}

.cmp-snapshot tbody td:nth-child(4) {
  width: 13%;
}

.cmp-snapshot tbody tr:last-child :where(th, td) {
  border-bottom: 0;
}

.cmp-snapshot__featured :where(th, td) {
  background: #f2f6ff;
}

.cmp-snapshot__featured th {
  box-shadow: inset 4px 0 0 var(--blue, #0057BA);
}

.cmp-section--snapshot {
  overflow: clip;
}

.cmp-decision-brief {
  margin: 30px 0 22px;
  border: 1px solid #c8d7ee;
  border-radius: 18px;
  background: linear-gradient(135deg, #f7faff 0%, #eef4fe 100%);
  box-shadow: 0 18px 42px rgba(26, 86, 219, .09);
  overflow: hidden;
}

.cmp-decision-brief__intro {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 16px;
  padding: 24px 24px 18px;
}

.cmp-decision-brief__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--blue, #0057BA);
  color: #fff;
  box-shadow: 0 8px 18px rgba(26, 86, 219, .2);
}

.cmp-decision-brief__mark .cmp-icon {
  width: 22px;
  height: 22px;
}

.cmp-decision-brief__eyebrow {
  margin: 0 0 5px;
  color: var(--blue-deep, #003E83);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.cmp-decision-brief h3 {
  margin: 0;
  color: var(--ink, #15213d);
  font-size: clamp(22px, 2.4vw, 30px);
  line-height: 1.18;
}

.cmp-decision-brief__intro > div > p:last-child {
  max-width: 760px;
  margin: 9px 0 0;
  color: var(--muted, #556179);
  line-height: 1.65;
}

.cmp-decision-brief__points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  padding: 1px 0;
  background: #c8d7ee;
  list-style: none;
}

.cmp-decision-brief__points li {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 10px;
  padding: 20px 22px;
  background: #fff;
  color: #33415e;
  font-size: 14px;
  line-height: 1.55;
}

.cmp-decision-brief__points li > .cmp-icon {
  width: 21px;
  height: 21px;
  margin-top: 2px;
  color: var(--blue, #0057BA);
}

.cmp-decision-brief__points strong {
  color: var(--ink, #15213d);
}

.cmp-decision-brief__points a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 44px;
  color: var(--blue-deep, #003E83);
  font-weight: 750;
  text-underline-offset: 3px;
}

.cmp-decision-brief__points a .cmp-icon {
  width: 15px;
  height: 15px;
}

.cmp-decision-brief__points a:focus-visible {
  border-radius: 4px;
  outline: 3px solid var(--blue, #0057BA);
  outline-offset: 2px;
}

.cmp-decision-brief__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 24px;
}

.cmp-decision-brief__footer > p {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  max-width: 680px;
  margin: 0;
  color: #4b5870;
  font-size: 12px;
  line-height: 1.55;
}

.cmp-decision-brief__footer > p .cmp-icon {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  margin-top: 1px;
  color: var(--blue-deep, #003E83);
}

.cmp-decision-brief__actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.cmp-decision-brief__actions .cmp-button {
  min-height: 44px;
  padding: 11px 15px;
  font-size: 13px;
}

.cmp-matrix-region {
  isolation: isolate;
  min-height: min(520px, 72vh);
  max-height: clamp(520px, 72vh, 760px);
  overflow: auto;
  overscroll-behavior: contain;
  scroll-padding-inline-start: 378px;
  scrollbar-gutter: stable;
  scrollbar-color: #7189ad #edf2f8;
  scrollbar-width: thin;
  scroll-behavior: smooth;
  touch-action: pan-x pan-y;
  -webkit-overflow-scrolling: touch;
}

.cmp-table--matrix {
  --cmp-category-col: 168px;
  --cmp-rentals-col: 210px;
  --cmp-platform-header-height: 76px;
  --cmp-platform-header-offset: 1px;
  width: 2058px;
  min-width: 2058px;
  table-layout: fixed;
}

.cmp-table--matrix :where(th, td) {
  width: 210px;
  min-width: 210px;
  padding: 16px;
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 1.55;
}

.cmp-table--matrix :where(th, td):first-child {
  position: sticky;
  left: 0;
  z-index: 3;
  width: var(--cmp-category-col);
  min-width: var(--cmp-category-col);
  max-width: var(--cmp-category-col);
  background: var(--cmp-row-surface, #fff);
  box-shadow: inset 3px 0 0 var(--cmp-row-marker, transparent), 1px 0 0 var(--line-soft, #ecf1f9);
}

.cmp-table--matrix thead th {
  position: sticky;
  top: var(--cmp-platform-header-offset);
  z-index: 4;
  height: var(--cmp-platform-header-height);
  padding-block: 10px;
  vertical-align: middle;
}

.cmp-table--matrix thead th:first-child {
  position: sticky;
  top: var(--cmp-platform-header-offset);
  left: 0;
  z-index: 7;
  border-right-color: #9bb1d3;
  background: #e7edf7;
  box-shadow: inset 3px 0 0 var(--blue, #0057BA), 2px 0 0 #9bb1d3, 8px 0 18px rgba(21, 33, 61, .1);
}

.cmp-table--matrix :where(th, td):nth-child(2) {
  position: sticky;
  left: var(--cmp-category-col);
  z-index: 2;
  width: var(--cmp-rentals-col);
  min-width: var(--cmp-rentals-col);
  max-width: var(--cmp-rentals-col);
  background: var(--cmp-rentals-surface, #f2f6ff);
  box-shadow: inset 1px 0 0 #d7e3f8, inset -1px 0 0 #d7e3f8;
}

.cmp-table--matrix thead th:nth-child(2) {
  z-index: 5;
  background: #e7effd;
}

.cmp-table--matrix .cmp-matrix__group-row th {
  position: sticky;
  top: calc(var(--cmp-platform-header-offset) + var(--cmp-platform-header-height));
  left: auto;
  z-index: 3;
  width: auto;
  min-width: 0;
  max-width: none;
  padding-block: 11px;
  background: #dce7f8;
  color: var(--ink, #15213d);
  font-size: 14px;
  letter-spacing: .02em;
  text-align: left;
  box-shadow: 0 2px 8px rgba(21, 33, 61, .1);
}

.cmp-matrix__group-label {
  position: sticky;
  left: 14px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  max-width: calc(var(--cmp-category-col) - 28px);
  padding: 5px 10px;
  border: 1px solid #b7c9e5;
  border-radius: 8px;
  background: #edf3fc;
  box-shadow: 0 2px 8px rgba(21, 33, 61, .08);
  color: var(--ink, #15213d);
  white-space: normal;
}

.cmp-table--matrix tbody + tbody .cmp-matrix__group-row th {
  border-top: 3px solid #b9cbea;
}

.cmp-table--matrix .cmp-matrix__data-row {
  --cmp-row-surface: #fff;
  --cmp-rentals-surface: #f2f6ff;
  --cmp-row-marker: transparent;
}

.cmp-table--matrix .cmp-matrix__data-row:nth-child(odd) {
  --cmp-row-surface: #f3f6fb;
  --cmp-rentals-surface: #e8f0fd;
}

.cmp-table--matrix .cmp-matrix__data-row:hover,
.cmp-table--matrix .cmp-matrix__data-row:focus-within {
  --cmp-row-surface: #eaf1fa;
  --cmp-rentals-surface: #dce8fb;
  --cmp-row-marker: var(--blue, #0057BA);
}

.cmp-table--matrix .cmp-matrix__data-row > :where(th, td) {
  background: var(--cmp-row-surface);
}

.cmp-table--matrix .cmp-matrix__data-row > :first-child {
  z-index: 2;
}

.cmp-table--matrix .cmp-matrix__data-row > :nth-child(2) {
  background: var(--cmp-rentals-surface);
}

.cmp-table--matrix tbody th {
  line-height: 1.35;
}

.cmp-table--matrix .cmp-status {
  max-width: 100%;
  margin: 0 0 8px;
  white-space: normal;
}

.cmp-table--matrix a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--blue-deep, #003E83);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 200ms ease, text-decoration-color 200ms ease;
}

.cmp-table--matrix a:hover {
  color: var(--blue, #0057BA);
  text-decoration-thickness: 2px;
}

.cmp-table--matrix a:focus-visible {
  border-radius: 4px;
  outline: 3px solid var(--blue, #0057BA);
  outline-offset: 2px;
}

.cmp-matrix__platform {
  width: 100%;
  justify-content: center;
  gap: 7px;
  text-align: center;
}

.cmp-matrix__platform .cmp-icon {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
}

.cmp-evidence-link,
.cmp-table--matrix .cmp-evidence-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  border-radius: 8px;
  color: var(--blue-deep, #003E83);
  vertical-align: middle;
  transition: transform 190ms ease, opacity 190ms ease;
}

.cmp-evidence-link .cmp-icon {
  width: 18px;
  height: 18px;
}

.cmp-evidence-link:hover {
  background: #e7effd;
  opacity: .9;
  transform: translateY(-1px);
}

.cmp-evidence-link:active {
  opacity: .78;
  transform: translateY(1px) scale(.97);
}

.cmp-evidence-link:focus-visible {
  outline: 3px solid var(--blue, #0057BA);
  outline-offset: 2px;
}

.cmp-capabilities {
  margin-top: 48px;
}

.cmp-evidence-key {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
  color: var(--ink-soft, #4c5873);
  font-size: 14px;
}

.cmp-evidence-key .cmp-icon {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  color: var(--blue-deep, #003E83);
}

.cmp-capabilities__region {
  border: 1px solid #d7e0ef;
  border-radius: 14px;
  background: #fff;
}

.cmp-capability-table {
  width: 100%;
  min-width: 700px;
  border-collapse: separate;
  border-spacing: 0;
  font-variant-numeric: tabular-nums;
}

.cmp-capability-table :where(th, td) {
  padding: 14px 16px;
  border-bottom: 1px solid #e4e9f2;
  text-align: left;
  vertical-align: top;
}

.cmp-capability-table thead th {
  background: var(--cream-2, #eef2f9);
  color: var(--ink, #15213d);
  font-size: 13px;
}

.cmp-capability-table tbody tr {
  --cmp-row-surface: #fff;
  --cmp-row-marker: transparent;
}

.cmp-capability-table tbody tr:nth-child(even) {
  --cmp-row-surface: #f3f6fb;
}

.cmp-capability-table tbody tr:hover,
.cmp-capability-table tbody tr:focus-within {
  --cmp-row-surface: #eaf1fa;
  --cmp-row-marker: var(--blue, #0057BA);
}

.cmp-capability-table tbody :where(th, td) {
  background: var(--cmp-row-surface);
}

.cmp-capability-table tbody th {
  width: 24%;
  color: var(--ink, #15213d);
  box-shadow: inset 3px 0 0 var(--cmp-row-marker);
}

.cmp-capability-table th:last-child,
.cmp-capability-table td:last-child {
  width: 76px;
  padding: 6px 16px;
  text-align: center;
  vertical-align: middle;
}

.cmp-capability-table tbody tr:last-child :where(th, td) {
  border-bottom: 0;
}

.cmp-product-lockup {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.cmp-product-lockup strong,
.cmp-product-lockup small {
  display: block;
}

.cmp-product-lockup small {
  max-width: 180px;
  margin-top: 4px;
  color: var(--blue, #0057BA);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.cmp-icon--check {
  width: 22px;
  height: 22px;
  color: var(--blue, #0057BA);
}

.cmp-snapshot a:not(.cmp-mini-action),
.cmp-pair-table a {
  color: var(--blue-deep, #003E83);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.cmp-mini-action,
.cmp-guide-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  color: var(--blue, #0057BA);
  font-weight: 800;
  text-decoration: none;
}

.cmp-editorial-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  max-width: 920px;
  margin: 18px 0 0;
  color: var(--ink-body, #46536b);
  font-size: 13px;
  line-height: 1.6;
}

.cmp-editorial-note .cmp-icon {
  margin-top: 2px;
  color: var(--blue, #0057BA);
}

.cmp-section--rail {
  background: #f5f8fd;
  border-block: 1px solid #e5ebf5;
}

.cmp-directory-tabs {
  position: sticky;
  top: 74px;
  z-index: 4;
  padding: 7px;
  border-color: #d6e0ef;
  background: rgba(236, 242, 251, .96);
  box-shadow: 0 10px 30px -28px rgba(13, 27, 46, .8);
  backdrop-filter: blur(10px);
}

.cmp-mobile-picker {
  display: none;
}

.cmp-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
}

.cmp-panel-head h3 {
  max-width: 760px;
  margin: 0;
  color: var(--ink, #0d1b2e);
  font-size: clamp(25px, 4vw, 36px);
  line-height: 1.12;
}

.cmp-reviewed {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid #d5deed;
  border-radius: 999px;
  color: #59677f;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.cmp-fit-guidance {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 22px;
}

.cmp-fit-guidance > div {
  position: relative;
  min-width: 0;
  padding: 20px 20px 20px 54px;
  border: 1px solid #dfe7f3;
  border-radius: 14px;
  background: #f9fbff;
}

.cmp-fit-guidance > div:first-child {
  border-color: #c7d8f7;
  background: #f2f6ff;
}

.cmp-fit-guidance > div > .cmp-icon {
  position: absolute;
  top: 21px;
  left: 20px;
  width: 22px;
  height: 22px;
  color: var(--blue, #0057BA);
}

.cmp-fit-guidance h4 {
  margin: 0 0 7px;
  color: var(--ink, #0d1b2e);
  font-size: 16px;
}

.cmp-fit-guidance p {
  margin: 0;
  color: var(--ink-body, #46536b);
  font-size: 14px;
  line-height: 1.6;
}

.cmp-pair-table-wrap {
  overflow: clip;
  border: 1px solid #dbe4f1;
  border-radius: 16px;
  background: #fff;
}

.cmp-pair-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  color: var(--ink-body, #46536b);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  line-height: 1.55;
  text-align: left;
}

.cmp-pair-table caption {
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.cmp-pair-table :where(th, td) {
  width: 38%;
  padding: 15px 16px;
  border-bottom: 1px solid #e8edf6;
  vertical-align: top;
}

.cmp-pair-table :where(th, td):first-child {
  width: 24%;
}

.cmp-pair-table thead th {
  position: sticky;
  top: 135px;
  z-index: 3;
  background: #eef3fb;
  color: #526078;
  font-size: 12px;
  font-weight: 800;
}

.cmp-pair-table thead th:nth-child(2) {
  background: #e7efff;
  color: var(--blue-deep, #003E83);
}

.cmp-pair-table tbody tr {
  --cmp-row-surface: #fff;
  --cmp-rentals-surface: #f2f6ff;
  --cmp-row-marker: transparent;
}

.cmp-pair-table tbody tr:nth-child(even) {
  --cmp-row-surface: #f3f6fb;
  --cmp-rentals-surface: #e8f0fd;
}

.cmp-pair-table tbody tr:hover,
.cmp-pair-table tbody tr:focus-within {
  --cmp-row-surface: #eaf1fa;
  --cmp-rentals-surface: #dce8fb;
  --cmp-row-marker: var(--blue, #0057BA);
}

.cmp-pair-table tbody :where(th, td) {
  background: var(--cmp-row-surface);
}

.cmp-pair-table tbody th {
  color: var(--ink, #0d1b2e);
  font-weight: 800;
  box-shadow: inset 3px 0 0 var(--cmp-row-marker);
}

.cmp-pair-table tbody td:nth-child(2) {
  background: var(--cmp-rentals-surface);
}

.cmp-pair-table tbody tr:last-child :where(th, td) {
  border-bottom: 0;
}

.cmp-col-choice {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.cmp-pair-table .cmp-status {
  display: table;
  margin: 0 0 7px;
  white-space: normal;
}

.cmp-status--paid,
.cmp-status--plan,
.cmp-status--usage {
  border-color: #ead6a7;
  background: #fff8e8;
  color: #805408;
}

.cmp-status--conflict {
  border-color: #d5b6eb;
  background: #faf3ff;
  color: #71349a;
}

.cmp-guide-button {
  margin-top: 20px;
}

.cmp-directory[data-enhanced="true"] .cmp-directory-panel:not([hidden]) {
  animation: cmp-panel-in 200ms ease-out both;
}

.cmp-method {
  background: #fff;
}

.cmp-method-grid {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: clamp(30px, 6vw, 80px);
  align-items: start;
}

.cmp-method-grid h2 {
  margin: 0 0 14px;
  color: var(--ink, #0d1b2e);
  font-size: clamp(28px, 4vw, 40px);
}

.cmp-method-grid p {
  color: var(--ink-body, #46536b);
  line-height: 1.7;
}

.cmp-method-list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cmp-method-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid #e0e7f2;
  border-radius: 12px;
  color: var(--ink-body, #46536b);
  font-size: 14px;
  line-height: 1.55;
}

.cmp-method-list .cmp-icon {
  margin-top: 2px;
  color: var(--blue, #0057BA);
}

.cmp-cta__icon {
  width: 36px;
  height: 36px;
  margin-bottom: 14px;
  color: #8fb5ff;
  fill: none;
  stroke: currentColor;
}

.cmp-footer-base {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  padding-top: 26px;
  border-top: 1px solid var(--line);
}

.cmp-footer-base p {
  margin: 0;
  color: var(--ink-mute);
  font-size: 12px;
}

/* Homepage summary consumes the same evidence hierarchy without horizontal overflow. */
.cmp-table--summary {
  min-width: 0;
  table-layout: fixed;
}

.cmp-table--summary :where(th, td) {
  min-width: 0;
}

.cmp-table--summary :where(th, td):first-child {
  position: static;
  width: 21%;
  min-width: 0;
  max-width: none;
  box-shadow: none;
}

.cmp-table--summary :where(th, td):nth-child(2) {
  width: 23%;
}

.cmp-table--summary :where(th, td):nth-child(4) {
  width: 15%;
}

.cmp-badge--choice {
  gap: 5px;
  border-color: #b9cff5;
  background: #fff;
  color: var(--blue-deep, #003E83);
}

@media (max-width: 900px) {
  .cmp-trust-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cmp-trust-strip span:nth-child(3) {
    border-left: 0;
    border-top: 1px solid #e3eaf6;
  }

  .cmp-trust-strip span:nth-child(4) {
    border-top: 1px solid #e3eaf6;
  }

  .cmp-panel-head {
    display: block;
  }

  .cmp-reviewed {
    display: inline-flex;
    margin-top: 14px;
  }
}

@media (max-width: 760px) {
  .cmp-hero__actions {
    display: grid;
  }

  .cmp-hero__actions .cmp-button {
    width: 100%;
  }

  .cmp-directory[data-enhanced="true"] .cmp-directory-tabs {
    display: none;
  }

  .cmp-directory[data-enhanced="true"] .cmp-mobile-picker {
    position: sticky;
    top: 72px;
    z-index: 4;
    display: block;
    margin-bottom: 14px;
    padding: 12px;
    border: 1px solid #d6e0ef;
    border-radius: 14px;
    background: rgba(245, 248, 253, .96);
    backdrop-filter: blur(10px);
  }

  .cmp-mobile-picker label {
    display: block;
    margin-bottom: 6px;
    color: var(--ink, #0d1b2e);
    font-size: 12px;
    font-weight: 800;
  }

  .cmp-mobile-picker select {
    width: 100%;
    min-height: 48px;
    padding: 10px 38px 10px 12px;
    border: 1px solid #aebdd5;
    border-radius: 10px;
    background: #fff;
    color: var(--ink, #0d1b2e);
    font: 700 16px/1.2 'Roboto', Arial, sans-serif;
  }

  .cmp-fit-guidance,
  .cmp-method-grid {
    grid-template-columns: 1fr;
  }

  .cmp-directory-panel {
    padding: 20px;
    border-radius: 16px;
  }

  .cmp-pair-table-wrap {
    overflow: visible;
    border: 0;
    background: transparent;
  }

  .cmp-pair-table,
  .cmp-pair-table tbody,
  .cmp-pair-table tr,
  .cmp-pair-table th,
  .cmp-pair-table td {
    display: block;
    width: 100%;
  }

  .cmp-pair-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .cmp-pair-table tbody {
    display: grid;
    gap: 12px;
  }

  .cmp-pair-table tbody tr {
    overflow: hidden;
    border: 1px solid #dce4f0;
    border-radius: 14px;
    background: #fff;
  }

  .cmp-pair-table :where(th, td),
  .cmp-pair-table :where(th, td):first-child {
    width: 100%;
    padding: 13px 14px;
    border-bottom: 1px solid #e8edf6;
  }

  .cmp-pair-table tbody th {
    background: #edf2fa;
    font-size: 14px;
  }

  .cmp-pair-table tbody td::before {
    display: block;
    margin-bottom: 7px;
    color: #647089;
    content: attr(data-label);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
  }

  .cmp-pair-table tbody td:last-child {
    border-bottom: 0;
  }

  .cmp-guide-button {
    width: 100%;
  }

  .cmp-snapshot-wrap {
    overflow: visible;
    border: 0;
    box-shadow: none;
  }

  .cmp-snapshot,
  .cmp-snapshot tbody,
  .cmp-snapshot tr,
  .cmp-snapshot th,
  .cmp-snapshot td {
    display: block;
    width: 100%;
  }

  .cmp-snapshot thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .cmp-snapshot tbody {
    display: grid;
    gap: 10px;
  }

  .cmp-snapshot tbody tr {
    overflow: hidden;
    border: 1px solid #dce4f0;
    border-radius: 14px;
    background: #fff;
  }

  .cmp-snapshot :where(th, td),
  .cmp-snapshot tbody th,
  .cmp-snapshot tbody td:nth-child(2),
  .cmp-snapshot tbody td:nth-child(4) {
    width: 100%;
    padding: 12px 14px;
    border-bottom: 1px solid #e8edf6;
  }

  .cmp-snapshot tbody th {
    background: #edf2fa;
  }

  .cmp-snapshot tbody td::before {
    display: block;
    margin-bottom: 5px;
    color: #647089;
    content: attr(data-label);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
  }

  .cmp-snapshot tbody td:last-child {
    border-bottom: 0;
  }

  .cmp-snapshot__featured th {
    box-shadow: inset 4px 0 0 var(--blue, #0057BA);
  }

  .cmp-table-region:has(.cmp-table--summary) {
    overflow: visible;
    border: 0;
    box-shadow: none;
    scrollbar-gutter: auto;
  }

  .cmp-table--summary,
  .cmp-table--summary tbody,
  .cmp-table--summary tr,
  .cmp-table--summary th,
  .cmp-table--summary td {
    display: block;
    width: 100%;
    min-width: 0;
  }

  .cmp-table--summary {
    min-width: 0;
    margin-inline-end: 0;
  }

  .cmp-table--summary thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .cmp-table--summary tbody {
    display: grid;
    gap: 10px;
  }

  .cmp-table--summary tbody tr {
    overflow: hidden;
    border: 1px solid #dce4f0;
    border-radius: 14px;
    background: #fff;
  }

  .cmp-table--summary :where(th, td),
  .cmp-table--summary :where(th, td):first-child,
  .cmp-table--summary :where(th, td):nth-child(2),
  .cmp-table--summary :where(th, td):nth-child(4) {
    position: static;
    width: 100%;
    min-width: 0;
    max-width: none;
    padding: 12px 14px;
    border-bottom: 1px solid #e8edf6;
    box-shadow: none;
  }

  .cmp-table--summary tbody th {
    background: #edf2fa;
  }

  .cmp-table--summary tbody td::before {
    display: block;
    margin-bottom: 5px;
    color: #647089;
    content: attr(data-label);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
  }

  .cmp-table--summary tbody td:last-child {
    border-bottom: 0;
  }

  .cmp-scroll-hint--summary {
    display: none;
  }
}

@media (max-width: 420px) {
  .cmp-trust-strip {
    grid-template-columns: 1fr;
  }

  .cmp-trust-strip span + span,
  .cmp-trust-strip span:nth-child(3) {
    border-top: 1px solid #e3eaf6;
    border-left: 0;
  }

  .cmp-fit-guidance > div {
    padding: 52px 16px 16px;
  }

  .cmp-fit-guidance > div > .cmp-icon {
    top: 17px;
    left: 16px;
  }
}

@media (max-width: 760px) {
  .cmp-decision-brief {
    margin-top: 24px;
    border-radius: 14px;
  }

  .cmp-decision-brief__intro {
    gap: 12px;
    padding: 20px 16px 16px;
  }

  .cmp-decision-brief__points {
    grid-template-columns: 1fr;
  }

  .cmp-decision-brief__points li {
    padding: 16px;
  }

  .cmp-decision-brief__footer {
    align-items: stretch;
    flex-direction: column;
    padding: 16px;
  }

  .cmp-decision-brief__actions {
    justify-content: stretch;
  }

  .cmp-decision-brief__actions .cmp-button {
    flex: 1 1 220px;
  }

  .cmp-matrix-region {
    min-height: min(400px, 68vh);
    max-height: clamp(400px, 68vh, 620px);
    scroll-padding-inline-start: 256px;
    scrollbar-gutter: auto;
  }

  .cmp-table--matrix {
    --cmp-category-col: 112px;
    --cmp-rentals-col: 144px;
    width: 1856px;
    min-width: 1856px;
    margin-inline-end: 0;
  }

  .cmp-table--matrix :where(th, td) {
    width: 200px;
    min-width: 200px;
    padding: 14px;
  }

  .cmp-table--matrix :where(th, td):first-child {
    width: var(--cmp-category-col);
    min-width: var(--cmp-category-col);
    max-width: var(--cmp-category-col);
  }

  .cmp-table--matrix thead th {
    top: var(--cmp-platform-header-offset);
  }

  .cmp-table--matrix .cmp-matrix__group-row th {
    width: auto;
    min-width: 0;
    max-width: none;
  }

  .cmp-matrix__group-label {
    left: 10px;
    max-width: calc(var(--cmp-category-col) - 20px);
    padding-inline: 8px;
    font-size: 12px;
  }

  .cmp-capabilities {
    margin-top: 36px;
  }
}

@media (max-width: 420px) {
  .cmp-matrix-region {
    width: calc(100% + 40px);
    max-width: calc(100% + 40px);
    margin-inline: -20px;
    scroll-padding-inline-start: 236px;
    border-radius: 10px;
  }

  .cmp-table--matrix {
    --cmp-category-col: 104px;
    --cmp-rentals-col: 132px;
    width: 1836px;
    min-width: 1836px;
  }

  .cmp-table--matrix :where(th, td) {
    padding-inline: 12px;
  }

  .cmp-matrix__group-label {
    left: 8px;
    max-width: calc(var(--cmp-category-col) - 16px);
    padding-inline: 7px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cmp-table-region,
  .cmp-matrix-region {
    scroll-behavior: auto;
  }

  .cmp-button,
  .cmp-decision-brief a,
  .cmp-directory-panel,
  .cmp-table--matrix a,
  .cmp-evidence-link,
  .cmp-table--matrix .cmp-evidence-link {
    transition: none;
    animation: none !important;
  }

  .cmp-button:hover,
  .cmp-evidence-link:hover,
  .cmp-evidence-link:active {
    transform: none;
  }
}

/* ===== CMPX-V2 redesign layer (comparisons.html only) ===== */
body.cmpx-v2{--cx-ink:#0F172A;--cx-body:#3F4C63;--cx-mute:#68758F;--cx-blue:#0057BA;--cx-deep:#003E83;--cx-line:#E2E8F4;--cx-page:#F6F8FB;background:var(--cx-page);}
body.cmpx-v2 .cmp-hero--hub{background:radial-gradient(70% 90% at 85% -10%,rgba(29, 111, 214,.28),transparent 60%),linear-gradient(160deg,#0A1428 0%,#101F42 55%,#0A1428 100%);padding:132px 0 64px;position:relative;overflow:hidden;}
body.cmpx-v2 .cmp-hero--hub::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:26px 26px;pointer-events:none;}
body.cmpx-v2 .cmp-hero__inner{display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:center;position:relative;z-index:1;}
body.cmpx-v2 .cmp-breadcrumbs{color:rgba(255,255,255,.55);font-size:13px;display:flex;gap:8px;margin-bottom:20px;}
body.cmpx-v2 .cmp-breadcrumbs a{color:rgba(255,255,255,.75);}
body.cmpx-v2 .cmp-hero--hub .cmp-kicker{color:#B4CFF0;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;margin-bottom:14px;}
body.cmpx-v2 .cmp-title{color:#fff;font-size:clamp(34px,4.4vw,54px);line-height:1.06;font-weight:800;letter-spacing:-1px;margin:0 0 18px;max-width:640px;}
body.cmpx-v2 .cmp-lede{color:rgba(224,233,251,.82);font-size:17.5px;line-height:1.65;max-width:560px;margin-bottom:28px;}
body.cmpx-v2 .cmp-hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px;}
body.cmpx-v2 .cmp-button{border-radius:12px;font-weight:700;}
body.cmpx-v2 .cmp-hero--hub .cmp-button--primary{background:var(--cx-blue);color:#fff;box-shadow:0 12px 30px -10px rgba(0, 87, 186,.65);}
body.cmpx-v2 .cmp-hero--hub .cmp-button--primary:hover{background:#0057BA;}
body.cmpx-v2 .cmp-hero--hub .cmp-button--secondary{background:rgba(255,255,255,.08);color:#EAF0FF;border:1.5px solid rgba(255,255,255,.28);}
body.cmpx-v2 .cmp-hero--hub .cmp-button--secondary:hover{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.12);}
body.cmpx-v2 .cmp-trust-strip{display:flex;gap:10px 22px;flex-wrap:wrap;color:rgba(214,226,250,.7);font-size:13px;}
body.cmpx-v2 .cmp-trust-strip .cmp-icon{color:#96BFE6;}
body.cmpx-v2 .cmpx-hero-copy{min-width:0;}

body.cmpx-v2 .cmpx-verdict{background:#fff;border-radius:20px;padding:28px 28px 24px;box-shadow:0 40px 90px -28px rgba(4,12,36,.65);position:relative;}
body.cmpx-v2 .cmpx-verdict__tag{display:inline-flex;align-items:center;gap:8px;background:#EAF1FF;color:var(--cx-deep);font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;border-radius:999px;padding:7px 14px;margin-bottom:18px;}
body.cmpx-v2 .cmpx-verdict__tag .cmp-icon{color:var(--cx-blue);width:15px;height:15px;}
body.cmpx-v2 .cmpx-verdict__price{display:flex;align-items:baseline;gap:10px;margin-bottom:16px;}
body.cmpx-v2 .cmpx-verdict__price strong{font-size:44px;font-weight:800;color:var(--cx-ink);letter-spacing:-1.5px;}
body.cmpx-v2 .cmpx-verdict__price span{font-size:14px;color:var(--cx-mute);font-weight:600;}
body.cmpx-v2 .cmpx-verdict__list{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:11px;}
body.cmpx-v2 .cmpx-verdict__list li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--cx-body);font-weight:600;line-height:1.45;}
body.cmpx-v2 .cmpx-verdict__list .cmp-icon{color:#1F9D55;width:18px;height:18px;flex:0 0 auto;margin-top:1px;}
body.cmpx-v2 .cmpx-verdict__cta{width:100%;justify-content:center;background:var(--cx-blue);color:#fff;box-shadow:0 10px 24px -10px rgba(0, 87, 186,.6);}
body.cmpx-v2 .cmpx-verdict__cta:hover{background:#0057BA;}
body.cmpx-v2 .cmpx-verdict__note{margin:12px 0 0;font-size:12px;color:var(--cx-mute);text-align:center;}
body.cmpx-v2 .cmpx-verdict__note a{color:var(--cx-blue);font-weight:700;}

body.cmpx-v2 .cmpx-wins{background:#fff;border-bottom:1px solid var(--cx-line);padding:34px 0;}
body.cmpx-v2 .cmpx-wins__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
body.cmpx-v2 .cmpx-win{display:flex;gap:14px;align-items:flex-start;}
body.cmpx-v2 .cmpx-win__ic{width:46px;height:46px;border-radius:13px;background:#EAF1FF;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
body.cmpx-v2 .cmpx-win__ic .cmp-icon{color:var(--cx-blue);width:21px;height:21px;}
body.cmpx-v2 .cmpx-win h3{font-size:16px;font-weight:800;color:var(--cx-ink);margin:2px 0 4px;}
body.cmpx-v2 .cmpx-win p{font-size:13.5px;color:var(--cx-body);line-height:1.55;margin:0;}

body.cmpx-v2 .cmp-section{padding:84px 0;}
body.cmpx-v2 .cmp-kicker{color:var(--cx-blue);font-weight:800;letter-spacing:1.8px;text-transform:uppercase;font-size:12px;}
body.cmpx-v2 .cmp-section h2{color:var(--cx-ink);font-weight:800;letter-spacing:-.8px;font-size:clamp(27px,3.4vw,40px);}
body.cmpx-v2 .cmp-section__head p{color:var(--cx-body);}

body.cmpx-v2 .cmp-decision-brief{background:#fff;border:1px solid var(--cx-line);border-radius:20px;box-shadow:0 18px 44px -24px rgba(15,23,42,.18);}
body.cmpx-v2 .cmp-decision-brief__mark{color:var(--cx-blue);}
body.cmpx-v2 .cmp-decision-brief__eyebrow{color:var(--cx-blue);font-weight:800;text-transform:uppercase;letter-spacing:1.2px;font-size:11.5px;}
body.cmpx-v2 .cmp-decision-brief h3{color:var(--cx-ink);font-weight:800;}
body.cmpx-v2 .cmp-decision-brief__points .cmp-icon{color:var(--cx-blue);}
body.cmpx-v2 .cmp-decision-brief__actions .cmp-button--primary{background:var(--cx-blue);color:#fff;}
body.cmpx-v2 .cmp-decision-brief__actions .cmp-button--secondary{border:1.5px solid #C9D5EA;color:var(--cx-ink);background:#fff;}

body.cmpx-v2 .cmp-matrix-region{background:#fff;border:1px solid var(--cx-line);border-radius:18px;box-shadow:0 22px 60px -30px rgba(15,23,42,.22);}
body.cmpx-v2 .cmp-table thead th{background:#0F1B33;color:#E7EEFF;font-size:12px;letter-spacing:.6px;text-transform:uppercase;}
body.cmpx-v2 .cmp-table thead th a{color:#E7EEFF;}
body.cmpx-v2 .cmp-table thead th.cmp-table__rentals{background:var(--cx-blue);}
body.cmpx-v2 .cmp-table thead th.cmp-table__rentals a{color:#fff;}
body.cmpx-v2 .cmp-table td.cmp-table__rentals,body.cmpx-v2 .cmp-pair-table td[data-label="Rentals 369"]{background:#F3F7FF;box-shadow:inset 3px 0 0 var(--cx-blue), inset -1px 0 0 #D9E5FB;}
body.cmpx-v2 .cmp-table tbody th[colspan]{background:#EAF0FB;color:var(--cx-deep);font-weight:800;letter-spacing:1px;text-transform:uppercase;font-size:12px;}
body.cmpx-v2 .cmp-table tbody tr:nth-child(even) td{background-color:#FAFCFF;}
body.cmpx-v2 .cmp-table tbody tr:nth-child(even) td.cmp-table__rentals{background:#EFF5FF;}
body.cmpx-v2 .cmp-status{display:inline-block;margin:0 0 7px;padding:3px 11px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;line-height:1.5;}
body.cmpx-v2 .cmp-status--included{background:#DEF5E7;color:#137A45;}
body.cmpx-v2 .cmp-status--plan{background:#FFF1D6;color:#96660C;}
body.cmpx-v2 .cmp-status--usage{background:#E6EDFA;color:#3A5699;}
body.cmpx-v2 .cmp-status--addon,body.cmpx-v2 .cmp-status--paid{background:#F1E8FF;color:#6B3FB8;}
body.cmpx-v2 .cmp-status--unconfirmed{background:#EDF1F7;color:#5B6880;}
body.cmpx-v2 .cmp-status--conflict{background:#FDE8E7;color:#B3382F;}
body.cmpx-v2 .cmp-evidence-link .cmp-icon{color:#9AA9C6;}
body.cmpx-v2 .cmp-evidence-link:hover .cmp-icon{color:var(--cx-blue);}

body.cmpx-v2 .cmp-directory-tabs{display:flex;flex-wrap:wrap;gap:10px;border:none;padding:6px;background:#EDF1F9;border-radius:14px;}
body.cmpx-v2 .cmp-directory-tab{border-radius:10px;padding:10px 18px;font-weight:700;font-size:14px;color:var(--cx-body);border:none;background:transparent;}
body.cmpx-v2 .cmp-directory-tab[aria-selected="true"],body.cmpx-v2 .cmp-directory-tab.is-active{background:#fff;color:var(--cx-deep);box-shadow:0 4px 14px -6px rgba(15,23,42,.25);}
body.cmpx-v2 .cmp-directory-panel{background:#fff;border:1px solid var(--cx-line);border-radius:18px;box-shadow:0 18px 48px -28px rgba(15,23,42,.2);}
body.cmpx-v2 .cmp-pair-table th[scope="row"]{color:var(--cx-ink);font-weight:700;}
body.cmpx-v2 .cmp-guide-button{background:#fff;border:1.5px solid #C9D5EA;color:var(--cx-deep);border-radius:12px;font-weight:800;}
body.cmpx-v2 .cmp-guide-button:hover{background:var(--cx-blue);border-color:var(--cx-blue);color:#fff;}

body.cmpx-v2 .cmp-method{background:#fff;border-top:1px solid var(--cx-line);}
body.cmpx-v2 .cmp-method-list .cmp-icon{color:var(--cx-blue);}
body.cmpx-v2 .cmp-method-list li{color:var(--cx-body);}

body.cmpx-v2 .cmp-cta{background:radial-gradient(80% 120% at 85% -20%,rgba(29, 111, 214,.35),transparent 55%),linear-gradient(160deg,#0A1428 0%,#101F42 60%,#0A1428 100%);border-radius:24px;padding:64px 48px;text-align:center;box-shadow:0 34px 80px -30px rgba(4,12,36,.6);}
body.cmpx-v2 .cmp-cta__icon{color:#96BFE6;}
body.cmpx-v2 .cmp-cta h2{color:#fff;font-weight:800;letter-spacing:-.8px;}
body.cmpx-v2 .cmp-cta p{color:rgba(219,229,250,.8);}
body.cmpx-v2 .cmp-cta .cmp-button--light{background:#fff;color:var(--cx-ink);border-radius:12px;font-weight:800;}
body.cmpx-v2 .cmp-cta .cmp-link--light{color:#A9C2FF;font-weight:700;}

@media (max-width:1023px){
  body.cmpx-v2 .cmp-hero__inner{grid-template-columns:1fr;gap:36px;}
  body.cmpx-v2 .cmpx-wins__grid{grid-template-columns:1fr;gap:20px;}
  body.cmpx-v2 .cmp-hero--hub{padding:116px 0 52px;}
}
@media (max-width:560px){
  body.cmpx-v2 .cmpx-verdict{padding:22px 20px 20px;}
  body.cmpx-v2 .cmpx-verdict__price strong{font-size:36px;}
  body.cmpx-v2 .cmp-cta{padding:44px 22px;}
  body.cmpx-v2 .cmp-section{padding:60px 0;}
}

/* ===== CMPX-V2 compact pass ===== */
body.cmpx-v2 .cmp-hero--hub{padding:108px 0 40px;}
body.cmpx-v2 .cmp-hero--hub::after{display:none;}
body.cmpx-v2 .cmp-hero__inner{gap:40px;}
body.cmpx-v2 .cmp-title{font-size:clamp(29px,3.4vw,40px);margin-bottom:12px;}
body.cmpx-v2 .cmp-lede{font-size:15.5px;margin-bottom:20px;max-width:520px;}
body.cmpx-v2 .cmp-breadcrumbs{margin-bottom:12px;}
body.cmpx-v2 .cmp-hero--hub .cmp-kicker{margin-bottom:10px;}
body.cmpx-v2 .cmp-hero__actions{margin-bottom:18px;gap:10px;}
body.cmpx-v2 .cmp-button{padding:10px 18px;font-size:14px;min-height:0;}
body.cmpx-v2 .cmp-trust-strip{font-size:12px;gap:8px 16px;}
body.cmpx-v2 .cmpx-verdict{padding:20px 22px 18px;border-radius:16px;}
body.cmpx-v2 .cmpx-verdict__tag{margin-bottom:12px;padding:6px 12px;font-size:11px;}
body.cmpx-v2 .cmpx-verdict__price{margin-bottom:12px;}
body.cmpx-v2 .cmpx-verdict__price strong{font-size:34px;}
body.cmpx-v2 .cmpx-verdict__list{gap:8px;margin-bottom:14px;}
body.cmpx-v2 .cmpx-verdict__list li{font-size:13px;}
body.cmpx-v2 .cmpx-verdict__note{margin-top:9px;font-size:11px;}

body.cmpx-v2 .cmp-section{padding:48px 0;}
body.cmpx-v2 .cmp-section h2{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.5px;}
body.cmpx-v2 .cmp-section__head{margin-bottom:20px;}
body.cmpx-v2 .cmp-section__head p{font-size:14px;}
body.cmpx-v2 .cmp-kicker{font-size:11px;letter-spacing:1.4px;}
body.cmpx-v2 .cmp-table-hint{font-size:12px;}

body.cmpx-v2 .cmp-table thead th{font-size:11px;padding:10px 12px;}
body.cmpx-v2 .cmp-table tbody th,body.cmpx-v2 .cmp-table tbody td{padding:10px 12px;font-size:12.5px;line-height:1.5;}
body.cmpx-v2 .cmp-status{margin-bottom:4px;padding:2px 9px;font-size:9.5px;}
body.cmpx-v2 .cmp-table tbody th[colspan]{padding:8px 12px;font-size:11px;}

body.cmpx-v2 .cmpx-fold{border:1px solid var(--cx-line);border-radius:14px;background:#fff;}
body.cmpx-v2 .cmpx-fold summary{display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;list-style:none;}
body.cmpx-v2 .cmpx-fold summary::-webkit-details-marker{display:none;}
body.cmpx-v2 .cmpx-fold__title{font-size:16px;font-weight:800;color:var(--cx-ink);}
body.cmpx-v2 .cmpx-fold summary .cmp-kicker{margin:0;}
body.cmpx-v2 .cmpx-fold__chev{margin-left:auto;color:#8A97B4;transition:transform .2s;}
body.cmpx-v2 .cmpx-fold[open] .cmpx-fold__chev{transform:rotate(180deg);}
body.cmpx-v2 .cmpx-fold__body{padding:0 20px 18px;}
body.cmpx-v2 .cmpx-fold__lede{font-size:13px;color:var(--cx-mute);margin:0 0 12px;}

body.cmpx-v2 .cmp-directory-tabs{padding:4px;gap:6px;}
body.cmpx-v2 .cmp-directory-tab{padding:8px 14px;font-size:13px;}
body.cmpx-v2 .cmp-pair-table th,body.cmpx-v2 .cmp-pair-table td{font-size:12.5px;padding:9px 12px;}
body.cmpx-v2 .cmp-guide-button{padding:9px 16px;font-size:13px;}

body.cmpx-v2 .cmp-method{padding:40px 0;}
body.cmpx-v2 .cmp-method-list li{font-size:12.5px;}
body.cmpx-v2 .cmp-cta{padding:40px 30px;border-radius:18px;}
body.cmpx-v2 .cmp-cta h2{font-size:clamp(21px,2.6vw,28px);}
body.cmpx-v2 .cmp-cta p{font-size:14px;}

@media (max-width:1023px){
  body.cmpx-v2 .cmp-hero--hub{padding:96px 0 36px;}
  body.cmpx-v2 .cmp-hero__inner{gap:24px;}
  body.cmpx-v2 .cmp-section{padding:40px 0;}
}

/* ===== CMPX-V2 single-line + responsive pass ===== */
/* status pills sit inline, on the same line as their evidence text */
body.cmpx-v2 .cmp-status{display:inline-block;margin:0 6px 2px 0;vertical-align:baseline;}
body.cmpx-v2 .cmp-table tbody td,body.cmpx-v2 .cmp-pair-table td{line-height:1.55;}
body.cmpx-v2 .cmp-table tbody th[scope="row"],body.cmpx-v2 .cmp-pair-table th[scope="row"]{white-space:nowrap;}
body.cmpx-v2 .cmp-table thead th,body.cmpx-v2 .cmp-table thead th a{white-space:nowrap;}
body.cmpx-v2 .cmp-evidence-link{white-space:nowrap;}

/* one-line atomic units: never break internally */
body.cmpx-v2 .cmp-button,body.cmpx-v2 .cmp-guide-button,body.cmpx-v2 .cmpx-verdict__tag,
body.cmpx-v2 .cmp-trust-strip span,body.cmpx-v2 .cmp-breadcrumbs,body.cmpx-v2 .cmp-kicker{white-space:nowrap;}
body.cmpx-v2 .cmp-breadcrumbs{overflow:hidden;text-overflow:ellipsis;}
body.cmpx-v2 .cmpx-verdict__price{flex-wrap:nowrap;white-space:nowrap;}
body.cmpx-v2 .cmpx-verdict__list li{align-items:center;}

/* capabilities fold summary: one clean line with ellipsis */
body.cmpx-v2 .cmpx-fold summary{flex-wrap:nowrap;min-width:0;}
body.cmpx-v2 .cmpx-fold__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;}
body.cmpx-v2 .cmpx-fold summary .cmp-kicker{flex:0 0 auto;}
body.cmpx-v2 .cmpx-fold__chev{flex:0 0 auto;}

/* directory tabs: single scrollable row instead of wrapping */
body.cmpx-v2 .cmp-directory-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
body.cmpx-v2 .cmp-directory-tab{flex:0 0 auto;white-space:nowrap;}

/* responsive sanity */
body.cmpx-v2 .cmpx-verdict{min-width:0;max-width:100%;}
body.cmpx-v2 .cmp-hero__inner > *{min-width:0;}
body.cmpx-v2 .cmp-cta__actions{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;}
@media (max-width:560px){
  body.cmpx-v2 .cmpx-fold summary .cmp-kicker{display:none;}
  body.cmpx-v2 .cmpx-verdict__price span{font-size:12px;}
  body.cmpx-v2 .cmp-hero__actions .cmp-button{flex:1 1 auto;justify-content:center;}
  body.cmpx-v2 .cmp-trust-strip{gap:6px 12px;}
}
/* flex containers must not wrap internally (single-line units) */
body.cmpx-v2 .cmp-breadcrumbs{flex-wrap:nowrap;}
body.cmpx-v2 .cmp-trust-strip span{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap;}
body.cmpx-v2 .cmp-trust-strip .cmp-icon{flex:0 0 auto;}
body.cmpx-v2 .cmpx-verdict__tag{flex-wrap:nowrap;}

/* ===== CMPX-V2 focus mode ===== */
body.cmpx-v2 .cmpx-verdict__price{min-width:0;}
body.cmpx-v2 .cmpx-verdict__price span{overflow:hidden;text-overflow:ellipsis;}
body.cmpx-v2 .cmpx-focus{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:6px;background:#EDF1F9;border-radius:12px;margin:0 0 12px;}
body.cmpx-v2 .cmpx-focus__label{font-size:12px;font-weight:800;color:#5B6880;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;padding:0 6px 0 10px;flex:0 0 auto;}
body.cmpx-v2 .cmpx-focus button{flex:0 0 auto;white-space:nowrap;border:none;background:transparent;color:#3F4C63;font-weight:700;font-size:13px;padding:8px 14px;border-radius:9px;cursor:pointer;font-family:inherit;}
body.cmpx-v2 .cmpx-focus button[aria-pressed="true"]{background:#fff;color:#003E83;box-shadow:0 4px 12px -5px rgba(15,23,42,.28);}
body.cmpx-v2 .cmpx-focus__all{border-left:1px solid #D8E0EF;border-radius:0 9px 9px 0;margin-left:auto;}
body.cmpx-v2 .cmp-table--matrix.cmpx-focused{min-width:0;width:100%;table-layout:fixed;}
body.cmpx-v2 .cmp-table--matrix.cmpx-focused th:first-child{width:26%;}
body.cmpx-v2 .cmp-table--matrix.cmpx-focused th[scope="row"]{white-space:normal;}
body.cmpx-v2 .cmpx-focused-region{overflow-x:visible;}
@media (max-width:560px){
  body.cmpx-v2 .cmpx-focus__label{display:none;}
  body.cmpx-v2 .cmp-table--matrix.cmpx-focused th:first-child{width:31%;}
}
body.cmpx-v2 .cmpx-verdict__tag{max-width:100%;overflow:hidden;text-overflow:ellipsis;}
/* unified breadcrumbs on the navy comparison hero */
body.cmpx-v2 .cmp-hero--hub .crumbs{justify-content:flex-start;margin-bottom:14px;color:rgba(233,240,255,.55);flex-wrap:nowrap;white-space:nowrap;}
body.cmpx-v2 .cmp-hero--hub .crumbs a{color:rgba(233,240,255,.78);}
body.cmpx-v2 .cmp-hero--hub .crumbs a:hover{color:#fff;}
body.cmpx-v2 .cmp-hero--hub .crumbs b{color:rgba(233,240,255,.6);font-weight:600;}


/* ============================================================
   PUBLISHED ENTRY PRICE DIFFERENCE (2026-08-06)
   Shown only on guides where the competitor published entry is a
   paid price above the Rentals 369 $19.99/month minimum package.
   ============================================================ */
.cmp-savings{
  margin:22px 0 0;
  padding:18px 20px;
  background:rgba(0, 87, 186,.05);
  border:1px solid rgba(0, 87, 186,.18);
  border-left:3px solid #0057BA;
  border-radius:10px;
}
.cmp-savings__lead{
  margin:0;
  font-size:16px;
  line-height:1.55;
  color:#12203a;
}
.cmp-savings__lead b{
  font-weight:700;
  color:#0057BA;
  white-space:nowrap;
}
.cmp-savings__meta{
  margin:9px 0 0;
  font-size:12.5px;
  line-height:1.6;
  color:#5b6880;
}

@media (max-width:560px){
  .cmp-savings{padding:15px 15px;}
  .cmp-savings__lead{font-size:15px;}
  .cmp-savings__lead b{white-space:normal;}
}