.cta {
    background: linear-gradient(135deg, rgba(51, 183, 255, 0.2), rgba(7, 24, 51, 0.8));
    padding: 80px;
    border-radius: 48px;
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    margin-bottom: 120px;
}

.cta__content .section-eyebrow {
    font-size: clamp(18px, 2.5vw, 22px);
    color: var(--accent);
    font-weight: 600;
    letter-spacing: 0.15em;
    margin-bottom: 16px;
}

.cta__content h2 {
    font-size: clamp(36px, 5vw, 48px);
    margin-bottom: 24px;
}

.cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

@media (max-width: 768px) {
    .cta {
        padding: 32px 24px;
        border-radius: 32px;
        margin-bottom: 60px;
    }

    .cta__content .section-eyebrow {
        font-size: clamp(16px, 4vw, 18px);
        letter-spacing: 0.1em;
    }

    .cta__content h2 {
        font-size: clamp(24px, 7vw, 32px);
    }

    .cta__actions {
        flex-direction: column;
        gap: 12px;
    }
}