/* Native scroll timelines: opacity only for full-screen content. */
.film-ready .scene{transform:none;will-change:auto;contain:layout paint}
.film-ready .product-stage{perspective:none}
.bank-object,.bank-card{transform-style:flat;will-change:auto}
.bank-card{filter:none}
.bank-face{box-shadow:inset 0 0 0 1px #ffffffb0,inset 0 -2px 0 #0003,0 20px 28px #0003}
.card-edge{transform:none}
.sim-object{will-change:auto;transform:none}
.native-scroll .scene{animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root block)}
@keyframes film-opacity-0{0%{opacity:1}11.666667%{opacity:1}13.750000%{opacity:0}100%{opacity:0}}
.native-scroll .scene[data-scene="0"]{animation-name:film-opacity-0}
@keyframes film-opacity-1{0%{opacity:0}13.750000%{opacity:0}15.833333%{opacity:1}28.333333%{opacity:1}30.416667%{opacity:0}100%{opacity:0}}
.native-scroll .scene[data-scene="1"]{animation-name:film-opacity-1}
@keyframes film-opacity-2{0%{opacity:0}30.416667%{opacity:0}32.500000%{opacity:1}45.000000%{opacity:1}47.083333%{opacity:0}100%{opacity:0}}
.native-scroll .scene[data-scene="2"]{animation-name:film-opacity-2}
@keyframes film-opacity-3{0%{opacity:0}47.083333%{opacity:0}49.166667%{opacity:1}61.666667%{opacity:1}63.750000%{opacity:0}100%{opacity:0}}
.native-scroll .scene[data-scene="3"]{animation-name:film-opacity-3}
@keyframes film-opacity-4{0%{opacity:0}63.750000%{opacity:0}65.833333%{opacity:1}78.333333%{opacity:1}80.416667%{opacity:0}100%{opacity:0}}
.native-scroll .scene[data-scene="4"]{animation-name:film-opacity-4}
@keyframes film-opacity-5{0%{opacity:0}80.416667%{opacity:0}82.500000%{opacity:1}95.000000%{opacity:1}97.083333%{opacity:0}100%{opacity:0}}
.native-scroll .scene[data-scene="5"]{animation-name:film-opacity-5}
@keyframes film-opacity-6{0%{opacity:0}97.083333%{opacity:0}99.166667%{opacity:1}100%{opacity:1}}
.native-scroll .scene[data-scene="6"]{animation-name:film-opacity-6}
@keyframes bank-scroll{0%{opacity:1;transform:rotate(-4deg)}16.666667%{opacity:1;transform:rotate(0deg)}27.500000%{opacity:1;transform:rotate(0deg)}31.000000%{opacity:0;transform:rotate(0deg)}100%{opacity:0;transform:rotate(0deg)}}
@keyframes sim-scroll{0%,30.416667%{opacity:0}32.500000%,45.000000%{opacity:1}47.083333%,100%{opacity:0}}
.native-scroll .bank-object{animation:bank-scroll linear both;animation-duration:auto;animation-timeline:scroll(root block)}
.native-scroll .sim-object{animation:sim-scroll linear both;animation-duration:auto;animation-timeline:scroll(root block)}
@keyframes fallback-enter{from{opacity:0}to{opacity:1}}
.fallback-scroll .scene{opacity:0;transition:none}
.fallback-scroll .scene.is-current{opacity:1;animation:fallback-enter .18s ease-out both}
.fallback-scroll .bank-object,.fallback-scroll .sim-object{opacity:0;transition:opacity .22s ease-out;transform:none}
.fallback-scroll .film-stage[data-product="bank"] .bank-object,.fallback-scroll .film-stage[data-product="sim"] .sim-object{opacity:1}
@media(prefers-reduced-motion:reduce){.fallback-scroll .scene,.fallback-scroll .bank-object,.fallback-scroll .sim-object{transition:none}}