/* Homepage final CTA responsive balance.
 *
 * The shared CTA collapses to a single column below 1021px. On the homepage,
 * the final CTA copy has a deliberate reading measure; without a centred
 * wrapper that measure hugs the left edge and leaves a large empty area on
 * narrower desktop and tablet viewports. Keep long-form copy left aligned for
 * readability, but centre the complete content group while it is stacked.
 */

@media (max-width: 1020px) {
  body[data-page="home"] [data-home-final-cta] .home-final-cta-layout {
    width: min(100%, 760px);
    margin-inline: auto;
    gap: clamp(26px, 4vw, 38px) !important;
  }

  body[data-page="home"] [data-home-final-cta] .home-final-cta-layout > :first-child {
    width: 100%;
    max-width: 680px !important;
    margin-inline: auto;
  }

  body[data-page="home"] [data-home-final-cta] .home-final-cta-layout > :first-child > p {
    max-width: 640px;
  }

  body[data-page="home"] [data-home-final-cta] .home-final-boundary {
    width: 100%;
    max-width: 680px;
    margin-inline: auto;
  }
}

@media (max-width: 700px) {
  body[data-page="home"] [data-home-final-cta] .home-final-cta-layout {
    width: 100%;
    gap: 22px !important;
  }

  body[data-page="home"] [data-home-final-cta] .home-final-cta-layout > :first-child,
  body[data-page="home"] [data-home-final-cta] .home-final-boundary {
    max-width: none !important;
  }

  body[data-page="home"] [data-home-final-cta] .home-final-cta-layout > :first-child > p {
    max-width: none;
  }
}