/* --- Feature Stack Final Polish --- */
.landing-overview-copy {
    text-align: center;
    justify-items: center;
    align-items: center;
}

.landing-overview-copy h3,
.landing-overview-copy p {
    width: 100%;
    text-align: center;
    margin-inline: auto;
}

.landing-card-item:last-child {
    position: sticky;
    z-index: 100 !important;
}

.landing-card-item:last-child .landing-overview-card {
    position: relative;
    z-index: 101;
}

@media (max-width: 991.98px) {
    .landing-overview-copy {
        text-align: center;
        justify-items: center;
    }

    .landing-card-item:last-child {
        z-index: 100 !important;
    }
}

.landing-card-deck,
.landing-card-deck h3,
.landing-card-deck p,
.landing-overview-copy,
.landing-overview-copy h3,
.landing-overview-copy p {
    font-family: inherit;
}

.landing-feat-card {
    height: 100%;
}

.landing-card-deck {
    position: relative;
    isolation: isolate;
    width: min(100%, 1200px);
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 18px;
    padding-bottom: 52px;
}

.landing-card-item {
    position: sticky;
    top: 112px;
    margin-top: 26px;
    transform-origin: top center;
    --tilt-angle: 0deg;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    will-change: transform;
}

.landing-card-item:first-child {
    margin-top: 0;
}

.landing-card-item:nth-child(1) { z-index: 1; --tilt-angle: 0deg; }
.landing-card-item:nth-child(2) { z-index: 2; --tilt-angle: -2.4deg; }
.landing-card-item:nth-child(3) { z-index: 3; --tilt-angle: 2deg; }
.landing-card-item:nth-child(4) { z-index: 4; --tilt-angle: -2.1deg; }
.landing-card-item:nth-child(5) { z-index: 5; --tilt-angle: 2.3deg; }
.landing-card-item:nth-child(6) { z-index: 6; --tilt-angle: -1.9deg; }
.landing-card-item:nth-child(7) { z-index: 7; --tilt-angle: 2.1deg; }

.landing-card-item.is-tilted {
    transform:
        translateY(-2px)
        rotate(var(--tilt-angle))
        scale(0.995);
}

.landing-card-item.is-tilted:nth-child(even) {
    transform:
        translateY(-2px)
        translateX(-6px)
        rotate(var(--tilt-angle))
        scale(0.995);
}

.landing-card-item.is-tilted:nth-child(odd) {
    transform:
        translateY(-2px)
        translateX(6px)
        rotate(var(--tilt-angle))
        scale(0.995);
}

.landing-card-item.is-tilted:first-child {
    transform:
        translateY(-2px)
        rotate(-0.25deg)
        scale(0.995);
}

.landing-card-item:hover {
    transform: translateY(-6px) rotate(var(--tilt-angle));
    box-shadow: 0 26px 55px rgba(15, 23, 42, 0.16);
}

.landing-card-item .marketing-feature-card {
    min-height: 210px;
}

.landing-overview-card {
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch;
    gap: 18px;
    min-height: 320px;
    overflow: hidden;
}

.landing-overview-card--shared {
    min-height: 320px;
    width: 100%;
}

.landing-overview-media {
    flex: 0 0 calc(62% - 22px);
    width: calc(62% - 22px);
    max-width: calc(62% - 22px);
    height: 360px;
    align-self: center;
    background: rgba(15, 23, 42, 0.02);
    border-radius: 20px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    box-shadow: 0 16px 30px rgba(2, 6, 23, 0.18);
    overflow: hidden;
}

.landing-overview-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: none;
    transform-origin: center center;
}

.landing-card-item:nth-child(2) .landing-overview-media img,
.landing-overview-media--fill img {
    transform: none;
}

.landing-overview-copy {
    flex: 0 1 32%;
    max-width: 32%;
    display: grid;
    gap: 10px;
    align-content: center;
    text-align: right;
    padding-inline-start: 8px;
    padding-block: 6px;
}

.landing-overview-copy p {
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .landing-card-deck {
        max-width: 100%;
        padding-bottom: 34px;
    }

    .landing-card-item {
        position: sticky;
        top: 76px;
        margin-top: 18px;
        transform: none !important;
    }

    .landing-overview-card,
    .landing-overview-card--shared {
        flex-direction: column;
        min-height: 0;
        gap: 16px;
    }

    .landing-overview-media,
    .landing-overview-copy {
        max-width: 100%;
        width: 100%;
        flex-basis: auto;
    }

    .landing-overview-media {
        order: 1;
        height: clamp(220px, 58vw, 300px);
        align-self: stretch;
    }

    .landing-overview-copy {
        order: 2;
        padding: 8px 14px 18px;
        align-content: start;
        text-align: center;
    }

    .landing-overview-copy h3,
    .landing-overview-copy p {
        text-align: center;
    }

    .landing-overview-media img,
    .landing-card-item:nth-child(2) .landing-overview-media img,
    .landing-overview-media--fill img {
        object-fit: cover;
        transform: none;
    }
}