.site-header__inner,
.section,
.client-proof,
.split-section,
.help,
.site-footer {
  width: min(100%, var(--content-max));
  margin-inline: auto;
  padding-inline: var(--page-gutter);
}

.site-header__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-3);
}

.section { padding-block: var(--space-section); }

.section-heading {
  max-width: 58rem;
  margin-block-end: clamp(2.6rem, 6vw, 5rem);
}

.section-heading > :last-child { margin-block-end: 0; }

.section-heading--horizontal,
.route-grid,
.buying-grid,
.product-grid,
.commitment-grid,
.split-section,
.help,
.case-studies,
.site-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.route-grid,
.buying-grid,
.product-grid,
.commitment-grid { gap: var(--space-3); }

.split-section,
.help { padding-block: var(--space-section); }

.site-footer { gap: var(--space-5); }

@media (min-width: 768px) {
  .route-grid,
  .product-grid,
  .commitment-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .section-heading--horizontal {
    grid-template-columns: minmax(0, 1.45fr) minmax(16rem, 0.72fr);
    align-items: end;
    gap: var(--space-6);
    max-width: none;
  }

  .split-section,
  .help {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
  }

  .case-studies { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .site-footer { grid-template-columns: 1.2fr minmax(0, 1fr); }
  .site-footer__legal { grid-column: 1 / -1; }
}

@media (min-width: 1024px) {
  .site-header__inner { grid-template-columns: auto minmax(0, 1fr); }

  .route-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .commitment-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }

  .split-section,
  .help { gap: clamp(3rem, 6vw, 7rem); }
}

@media (min-width: 1440px) {
  :root { --page-gutter: 4.5rem; }

  .section-heading--horizontal {
    grid-template-columns: minmax(0, 1.8fr) minmax(20rem, 0.65fr);
  }
}