.site-footer {
    margin-top: clamp(4rem, 8vw, 8rem);
    padding: 0 0 1.5rem;
    color: rgba(255, 255, 255, .72);
    background:
        radial-gradient(circle at 8% 90%, rgba(21,168,201,.14), transparent 30rem),
        linear-gradient(145deg, #032f29, var(--nc-green-950, #063f36));
}
.footer-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 2rem;
    align-items: center;
    transform: translateY(-50%);
    margin-bottom: clamp(-3rem, -4vw, -2rem);
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 28px;
    padding: clamp(1.6rem, 4vw, 3rem);
    isolation: isolate;
    background:
        radial-gradient(circle at 90% 20%, rgba(112, 227, 184, .28), transparent 30%),
        linear-gradient(135deg, #08765e, #0c4b4b);
    box-shadow: 0 30px 70px rgba(0, 39, 33, .28);
}
.footer-cta::after {
    position: absolute;
    z-index: -1;
    top: -5rem;
    right: -3rem;
    width: 18rem;
    height: 18rem;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
    content: "";
    box-shadow: 0 0 0 2.5rem rgba(255,255,255,.035), 0 0 0 5rem rgba(255,255,255,.02);
}
.footer-cta .eyebrow { margin-bottom: .75rem; color: #bcebd8; }
.footer-cta h2 { max-width: 21ch; margin-bottom: .65rem; color: #fff; font-size: clamp(1.75rem, 3vw, 2.7rem); }
.footer-cta p { max-width: 60ch; margin: 0; color: rgba(255, 255, 255, .75); }
.footer-main {
    display: grid;
    grid-template-columns: 1.35fr repeat(3, minmax(0, 1fr));
    gap: clamp(2rem, 5vw, 5rem);
    padding-block: clamp(3rem, 7vw, 6rem) 3rem;
}
.footer-brand img { width: 160px; height: auto; filter: brightness(0) invert(1); }
.footer-brand p { max-width: 34ch; margin: 1rem 0 1.4rem; }
.site-footer h3 { margin-bottom: 1rem; color: #fff; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; }
.footer-links { display: flex; flex-direction: column; gap: .65rem; margin: 0; font-style: normal; }
.footer-links a,
.footer-links span { color: rgba(255, 255, 255, .72); text-decoration: none; }
.footer-links a:hover { color: #fff; }
.footer-social { display: flex; gap: .6rem; }
.footer-social a { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; color: #fff; }
.footer-social a:hover { border-color: #fff; background: rgba(255,255,255,.09); }
.footer-legal { display: flex; justify-content: space-between; gap: 1rem; border-top: 1px solid rgba(255,255,255,.12); padding-top: 1.25rem; font-size: .78rem; }

@media (max-width: 991.98px) {
    .footer-cta { grid-template-columns: 1fr; transform: translateY(-32%); }
    .footer-main { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top: 1rem; }
}
@media (max-width: 575.98px) {
    .footer-cta { transform: translateY(-15%); }
    .footer-main { grid-template-columns: 1fr; padding-top: 2rem; }
    .footer-legal { flex-direction: column; }
}