@media (min-width: 900px) {
  .supportingCardGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.05rem 1.2rem;
  }

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

  .supportingSplit--withDivider {
    position: relative;
    gap: 0;
  }

  .supportingSplit--withDivider::before {
    content: "";
    position: absolute;
    top: var(--landing-space-6);
    bottom: var(--landing-space-6);
    left: 50%;
    width: 1px;
    background: var(--landing-color-border-subtle);
  }

  .supportingSplit--withDivider > .supportingOutputBlock {
    padding: 0 var(--landing-space-6);
  }

  .supportingSplit--withDivider > .supportingOutputBlock + .supportingOutputBlock {
    border-left: none;
  }
}

@media (max-width: 1180px) {
  .siteHeaderCta {
    position: static;
    top: auto;
    right: auto;
    transform: none;
    grid-column: 1;
    justify-self: end;
  }

  .supportingHeroSection .container,
  .supportingSection .container,
  .supportingFaqSection .container,
  .pageCtaSection .container {
    padding-left: var(--landing-page-padding-x);
    padding-right: var(--landing-page-padding-x);
  }

  .supportingHeroSection--homeOffset .supportingContainer {
    padding-left: var(--landing-hero-shift-x);
    padding-right: var(--landing-page-padding-x);
  }
}

@media (max-width: 640px) {
  .siteHeaderCta {
    justify-self: start;
  }

  .supportingHeroSection .container,
  .supportingSection .container,
  .supportingFaqSection .container,
  .pageCtaSection .container {
    padding-left: var(--landing-mobile-padding-x);
    padding-right: var(--landing-mobile-padding-x);
  }

  .supportingHeroSection--homeOffset .supportingContainer {
    padding-left: var(--landing-hero-shift-x);
    padding-right: var(--landing-mobile-padding-x);
  }
}