.cta-section {
    background: var(--primary);
    color: var(--color-surface-999);
    padding: var(--space-section-sm) var(--space-card);
    text-align: center;
    border-radius: 20px;
    margin: 40px auto;
}

    .cta-section h2 {
        font-size: var(--fs-h2);
        margin-bottom: 20px;
    }

    .cta-section p {
        margin-bottom: 30px;
        opacity: 0.9;
    }

    .cta-section .btn {
        background: var(--color-surface-999);
        color: var(--primary);
        font-size: var(--fs-lead);
    }

        .cta-section .btn:hover {
            background: #f8fafc;
            transform: translateY(-2px);
        }