#bg-canvas{display:block!important;visibility:visible!important;opacity:.82!important}
.hero-video-poster{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:1;transition:opacity .25s ease}
#heroMockupVideo{display:block!important;visibility:visible!important;opacity:0!important;background:transparent!important;object-fit:cover!important;object-position:center center!important;transition:opacity .25s ease}
#heroMockupVideo.is-playing{opacity:1!important}
.hero-phone-screen.video-playing .hero-video-poster{opacity:0}
#heroVideoFallback{display:none;position:absolute;inset:0;z-index:35;margin:auto;width:56px;height:56px;border-radius:999px;background:linear-gradient(135deg,#e62e7a,#7c3aed);color:#fff;box-shadow:0 0 28px rgba(230,46,122,.38);align-items:center;justify-content:center}
#heroVideoFallback.show{display:flex}
@media(max-width:767px){
  #bg-canvas{display:block!important;opacity:.58!important}
  body::before,body::after{animation-duration:28s!important}
  .hero-phone-screen{aspect-ratio:9/16!important;height:auto!important;min-height:0!important}
}