/* =============================================
   CTA Section – Shared component
   Used across all page types
   ============================================= */

.cv2-cta {
    padding-top: var(--cv2-space-12);
}

.cv2-cta__inner {
    display: grid;
    gap: var(--cv2-space-7);
    align-items: center;
    padding: clamp(1.5rem, 3vw, 3rem);
    color: var(--cv2-color-white);
    background:
        radial-gradient(circle at top right, rgba(244, 205, 44, 0.18), transparent 30%),
        linear-gradient(135deg, #203543 0%, #285068 55%, #34627B 100%);
    border-radius: var(--cv2-radius-2xl);
    box-shadow: var(--cv2-shadow-2xl);
}

.cv2-cta__copy {
    max-width: 760px;
}

.cv2-cta__copy .cv2-section-subtitle {
    color: rgba(255, 255, 255, 0.74);
}

.cv2-cta__copy .cv2-section-title {
    color: var(--cv2-color-white);
}

.cv2-cta__copy .cv2-section-title::after {
    background: var(--cv2-color-accent);
}

.cv2-cta__text {
    max-width: 58ch;
    margin: var(--cv2-space-4) 0 0;
    color: rgba(255, 255, 255, 0.84);
}

.cv2-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cv2-space-3);
}

.cv2-cta__actions .cv2-btn {
    min-height: 56px;
}

@media (min-width: 960px) {
    .cv2-cta__inner {
        grid-template-columns: minmax(0, 1fr) auto;
    }
}

@media (max-width: 767px) {
    .cv2-cta__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .cv2-cta__inner {
        padding: var(--cv2-space-5);
        border-radius: var(--cv2-radius-xl);
    }
}