.footer-cta-section {
    background: #000000;
    color: #ffffff;
    padding: clamp(4.2rem, 8vw, 8.6rem) 0 clamp(4.6rem, 9vw, 9.2rem);
}

.footer-cta-inner {
    width: min(78vw, 1500px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: clamp(0.45rem, 1.2vw, 1rem);
}

.footer-cta-title {
    margin: 0;
    color: #ffffff;
    font-family: 'Decimal', sans-serif;
    font-size: clamp(3.6rem, 12.2vw, 11.4rem);
    line-height: 0.84;
    letter-spacing: 0.015em;
    text-transform: uppercase;
}

.footer-cta-mail {
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-cta-mail:hover,
.footer-cta-mail:focus-visible {
    color: #d6d6d6;
}

.footer-cta-call {
    color: var(--color-violet);
    text-decoration: none;
    font-family: 'Decimal', sans-serif;
    font-size: clamp(3.9rem, 13.4vw, 12.6rem);
    line-height: 0.84;
    letter-spacing: 0.015em;
    text-transform: uppercase;
    transition: color 0.2s ease;
}

.footer-cta-call:hover,
.footer-cta-call:focus-visible {
    color: #a856ff;
}

.footer-meta {
    background: #000000;
    color: #9a9a9a;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    padding: 0.9rem 1rem 1.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
}

.footer-socials {
    display: flex;
    gap: 1.2rem;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.2rem;
}

.footer-social-link {
    display: inline-flex;
    color: #ffffff;
    transition: opacity 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.footer-social-link img {
    filter: brightness(0) invert(1);
    transition: filter 0.3s ease;
    width: 20px;
    height: 20px;
    display: block;
}

.footer-social-link svg {
    width: 20px;
    height: 20px;
    transition: stroke 0.3s ease;
    stroke: #ffffff;
}

.footer-social-link:hover {
    color: #ffffff;
    opacity: 0.8;
}

.footer-social-link:hover img {
    filter: brightness(0) invert(1);
}

.footer-copyright {
    color: #9a9a9a;
}

@media (max-width: 1024px) {
    .footer-cta-inner {
        width: min(92vw, 760px);
        gap: 0.4rem;
    }

    .footer-cta-title {
        font-size: clamp(2.4rem, 11vw, 5.5rem);
        line-height: 0.86;
    }

    .footer-cta-call {
        font-size: clamp(2.6rem, 12vw, 6rem);
        line-height: 0.86;
    }

    .footer-meta {
        padding: 0.8rem 1rem 1rem;
    }
}