.awatt-site #app-demo,.awatt-site #demo{scroll-margin-top:100px}
.awatt-site .hero-product.single-product-stage{background:transparent;border:0;box-shadow:none;overflow:visible;position:relative}
.awatt-site .single-product-stage .device-stage-image{min-width:0;padding:12px 0;perspective:1000px}
.awatt-site .single-product-stage .device-stage-image:before{bottom:9%;left:30%;right:30%;height:5%;filter:blur(16px);opacity:.4}
.awatt-site .single-product-stage .device-aura{position:absolute;inset:13% 15%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.9),rgba(255,255,255,0) 69%);filter:blur(12px)}
.awatt-site .hero-product.single-product-stage img{padding:0;width:100%;height:520px;object-fit:contain;animation:awatt-site-product-breathe 7s ease-in-out infinite;animation-play-state:paused;transform-origin:50% 70%}
.awatt-site .single-product-stage.is-visible img{animation-play-state:running}
@keyframes awatt-site-product-breathe{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-9px) rotate(.6deg)}}
@media(max-width:1100px){.awatt-site .hero-product.single-product-stage img{height:440px}}
@media(max-width:850px){.awatt-site .hero-product.single-product-stage img{height:360px}}
@media(max-width:600px){.awatt-site .hero-product.single-product-stage{margin:3px 0 10px}.awatt-site .hero-product.single-product-stage img{height:290px}.awatt-site .single-product-stage .device-stage-image{padding:0}.awatt-site .single-product-stage .device-stage-image:before{bottom:6%}}
@media(prefers-reduced-motion:reduce){.awatt-site .hero-product.single-product-stage img{animation:none;transform:none}}