/* Stable composited motion for current iOS Chrome/Safari and Android Chrome. */
.device-stage,
.device-stage .real-screen,
.device-stage .v70-offer,
.device-stage .v70-phone-brand,
.device-stage .v78-brand-join,
.nb-builder-showcase .nbbs-card {
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.device-stage .v78-next {
    -webkit-animation: v78-next-in 4.25s cubic-bezier(.2,.8,.2,1) infinite !important;
    animation: v78-next-in 4.25s cubic-bezier(.2,.8,.2,1) infinite !important;
}

.device-stage .v78-buis {
    -webkit-animation: v78-buis-in 4.25s cubic-bezier(.2,.8,.2,1) infinite !important;
    animation: v78-buis-in 4.25s cubic-bezier(.2,.8,.2,1) infinite !important;
}

.nb-builder-showcase.v70-paper .nbbs-deck.v70-rolling .v70-current,
.nb-builder-showcase.v70-paper .nbbs-deck.v70-rolling .v70-next {
    -webkit-transition: -webkit-transform .62s cubic-bezier(.65,0,.22,1) !important;
    transition: transform .62s cubic-bezier(.65,0,.22,1) !important;
}

.v62-home-grid.v81-home-track {
    -webkit-animation: v81-sample-scroll 78s linear infinite !important;
    animation: v81-sample-scroll 78s linear infinite !important;
}

@media (max-width: 700px) {
    .device-stage .v70-offer {
        inset: 0 !important;
        justify-content: center !important;
        padding: 8% 9% !important;
        overflow: hidden !important;
    }

    .device-stage .v70-offer small {
        font-size: clamp(3.5px,.9vw,5px) !important;
        line-height: 1.25 !important;
    }

    .device-stage .v70-offer h3 {
        display: block !important;
        margin: 5% 0 4% !important;
        font-size: clamp(7px,2.5vw,12px) !important;
        line-height: 1.03 !important;
        white-space: nowrap !important;
    }

    .device-stage .v70-offer h3 span,
    .device-stage .v70-offer h3 b {
        width: 100% !important;
        overflow: visible !important;
    }

    .device-stage .v70-offer p {
        max-width: 100% !important;
        margin: 0 !important;
        font-size: clamp(3.2px,.82vw,4.8px) !important;
        line-height: 1.35 !important;
    }

    .v62-home-grid.v81-home-track {
        -webkit-animation-duration: 58s !important;
        animation-duration: 58s !important;
    }
}

/* The customer explicitly wants these core motions even when iOS reports reduced motion. */
@media (prefers-reduced-motion: reduce) {
    .device-stage .v78-next {
        -webkit-animation: v78-next-in 4.25s cubic-bezier(.2,.8,.2,1) infinite !important;
        animation: v78-next-in 4.25s cubic-bezier(.2,.8,.2,1) infinite !important;
    }
    .device-stage .v78-buis {
        -webkit-animation: v78-buis-in 4.25s cubic-bezier(.2,.8,.2,1) infinite !important;
        animation: v78-buis-in 4.25s cubic-bezier(.2,.8,.2,1) infinite !important;
    }
    .v62-home-grid.v81-home-track {
        -webkit-animation: v81-sample-scroll 78s linear infinite !important;
        animation: v81-sample-scroll 78s linear infinite !important;
    }
}