/* ==========================================================================
   Home page: CTA section
   Layout/positioning only — typography and button colors come from the
   shared design-system classes in hpb-base.css (.hpb-h2, .hpb-text,
   .hpb-btn-white). Background color is set per-instance via the
   cta_bg_color ACF field (inline style), not here.
   ========================================================================== */

.home-cta {
    padding: 48px 0;
    text-align: center;
}

.home-cta__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-cta__title {
    color: var(--hpb-color-white);
}

.home-cta__text {
    margin-top: 24px;
    max-width: 420px;
    color: var(--hpb-color-subtext);
}

.home-cta__button {
    margin-top: 24px;
    color: var(--hpb-color-red);
}

@media (min-width: 992px) {
    .home-cta {
        padding: 128px 0;
    }

    .home-cta__text {
        margin-top: 16px;
    }

    .home-cta__button {
        margin-top: 32px;
    }
}

@media (max-width: 767px) {
    .home-cta__inner {
        padding-left: 48px;
        padding-right: 48px;
    }
}