/* ==========================================================
   Reusable Call to Action
   ========================================================== */
.cta {
    margin: 3.5rem 0;
    padding: 2.5rem;
    color: var(--color-text-reversed);
    text-align: center;
    background: var(--color-primary);
    border-radius: 16px;
}
.cta h2 {
    margin: 0 0 1rem;
    color: var(--color-text-reversed);
    font-size: clamp(1.5rem, 2.5vw, 1.8rem);
}
.cta p {
    max-width: 44rem;
    margin: 0 auto 1.5rem;
    color: var(--color-text-reversed-muted);
    font-size: 1.08rem;
    line-height: 1.7;
}
@media (max-width: 700px) {
    .cta { padding: 2rem 1.5rem; }
    .cta .button { width: 100%; }
}