/* ── CTA WRAP ─────────────────────────────────────── */

.cta-wrap {

    background:
        linear-gradient(
            135deg,
            var(--bg2) 0%,
            var(--bg3) 100%
        );

    border-top:
        1px solid var(--border);

    border-bottom:
        1px solid var(--border);

}

/* ── INNER ────────────────────────────────────────── */

.cta-inner {

    max-width: 780px;

    margin: 0 auto;

    text-align: center;

    padding: 90px 40px;

    position: relative;

}

/* GLOW */

.cta-inner::before {

    content: '';

    position: absolute;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    width: 600px;
    height: 300px;

    background:
        radial-gradient(
            ellipse,
            rgba(249,115,22,0.08) 0%,
            transparent 70%
        );

    pointer-events: none;

}

/* ── TITLE ────────────────────────────────────────── */

.cta-title {

    font-family: 'Syne', sans-serif;

    font-size:
        clamp(28px, 4vw, 46px);

    font-weight: 800;

    line-height: 1.15;

    margin-bottom: 18px;

    position: relative;

}

.cta-title span {

    color: var(--accent);

}

/* ── SUB ──────────────────────────────────────────── */

.cta-sub {

    font-size: 16px;

    color: var(--text2);

    line-height: 1.7;

    margin-bottom: 38px;

    position: relative;

}

/* ── BUTTONS ─────────────────────────────────────── */

.cta-buttons {

    display: flex;

    gap: 14px;

    justify-content: center;

    flex-wrap: wrap;

    position: relative;

}

/* ── CTA BUTTONS ─────────────────────────────────── */

.cta-btn-primary {

    font-size: 15px;

    padding: 15px 34px;

}

.cta-btn-secondary {

    font-size: 15px;

    padding: 15px 28px;

}