/* ================================================================
   css_layout_cta.css
   Westonaria Connect — split from style.css (lines 1385–1456)
   ================================================================ */

/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* CTA SECTION */
/* //////////////////////////////////////////////////////////////////////////////////////////////// */

.cta {
    background: var(--gradient-midnight);
    color: var(--pure-white);
    text-align: center;
    border-top: 1px solid var(--graphite);
    position: relative;
    overflow: hidden;
}

.cta::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--gradient-aurora);
    opacity: 0.1;
    pointer-events: none;
}

.cta-title {
    font-size: 2.5rem;
    margin-bottom: var(--space-xl);
    background: var(--gradient-ocean);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    position: relative;
    z-index: 1;
}

.cta-text {
    font-size: 1.2rem;
    max-width: 700px;
    margin: 0 auto var(--space-2xl);
    opacity: 0.9;
    color: var(--silver);
    position: relative;
    z-index: 1;
}

.cta-features {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--space-2xl);
    margin-bottom: var(--space-3xl);
    position: relative;
    z-index: 1;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.feature-item i {
    color: var(--liquid-gold);
}

.cta-buttons {
    display: flex;
    justify-content: center;
    gap: var(--space-xl);
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}