/* ── bottom-cta.css ─────────────────────────────────────
   Module: nf--bottom-cta
   Page-closing call to action. Singleton — appears once,
   always last. Black background, centred composition.
   ──────────────────────────────────────────────────────── */

.nf--bottom-cta {
    background: var(--true-black);
    padding: clamp(8rem, 12vw, 16rem) var(--spacing8);
    text-align: center;
}

.nf--bottom-cta__eyebrow {
    /* override global nf--eyebrow's bottom margin to bring it closer to heading */
    margin: 0 0 var(--spacing3);
}

.nf--bottom-cta__heading {
    color: var(--white);
    margin: 0;
    font-size: clamp(2.4rem, 2.8vw, 3.8rem);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.025em;
}

.nf--bottom-cta__rule {
    display: block;
    width: 4.8rem;
    height: 2px;
    background: var(--orange);
    margin: var(--spacing5) auto var(--spacing5);
}

.nf--bottom-cta__list {
    display: inline-block;
    text-align: left;
    margin: 0 auto var(--spacing7);
}

.nf--bottom-cta__actions {
    display: flex;
    gap: var(--spacing4);
    justify-content: center;
    flex-wrap: wrap;
}

@media (max-width: 900px) {
    .nf--bottom-cta {
        padding: var(--spacing9) var(--spacing4);
    }

    .nf--bottom-cta__rule {
        margin-top: var(--spacing4);
        margin-bottom: var(--spacing4);
    }
}