/* Final CTA — Lavendel-Hintergrund, Mockup ragt in Footer */

.final-cta {
    position: relative;
    isolation: isolate;
    z-index: 0;
    padding: 88px var(--content-padding) 0;
    text-align: center;
    overflow: visible;
}

/* Lavendel-Glow wie Hero: 100vw, oben/unten kurzer Weiß-Fade */
.final-cta::before {
    content: '';
    position: absolute;
    z-index: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    top: -80px;
    bottom: -100px;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            #fafafa 0%,
            #fafafa 5%,
            transparent 9%,
            transparent 88%,
            #fafafa 96%,
            #fafafa 100%
        ),
        radial-gradient(
            ellipse 135% 95% at 50% 48%,
            #d8cbf2 0%,
            #e0d5f6 18%,
            #e8e0f9 36%,
            #f0ebfb 50%,
            #fafafa 66%
        );
}

.final-cta > * {
    position: relative;
    z-index: 1;
}

.final-cta__inner {
    max-width: var(--content-max);
    margin: 0 auto;
}

.final-cta__title {
    max-width: 640px;
    margin: 0 auto 18px;
}

.final-cta__lead {
    max-width: 560px;
    margin: 0 auto 32px;
}

.final-cta__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px 16px;
    margin-bottom: 52px;
}

.final-cta__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 32px;
    color: #fff;
    background: linear-gradient(135deg, #8b7af5 0%, #6f5fe8 45%, #5b4fd9 100%);
    border-radius: 999px;
    box-shadow: 0 14px 44px rgba(91, 79, 217, 0.42);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.final-cta__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 52px rgba(91, 79, 217, 0.48);
}

.final-cta__platforms {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.final-cta__platform-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 12px rgba(15, 15, 35, 0.06);
}

.final-cta__platform-btn img {
    display: block;
    width: 20px;
    height: 20px;
}

.final-cta__mockup-shell {
    position: relative;
    z-index: 1;
    max-width: min(100%, 1080px);
    margin: 0 auto -35px;
    overflow: hidden;
    border-radius: 24px 24px 0 0;
    box-shadow: 0 -4px 48px rgba(91, 79, 217, 0.08), 0 24px 64px rgba(15, 15, 35, 0.1);
}

.final-cta__mockup-img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: middle;
}

@media (max-width: 768px) {
    .final-cta {
        padding-top: 64px;
    }

    .final-cta__mockup-shell {
        margin-bottom: -40px;
        border-radius: 18px 18px 0 0;
    }
}