/* Visible-section animation only. Base positioning/phone rotations stay intact. */
.home-page .hp-product-status{display:inline-block;align-self:flex-start;width:fit-content;padding:5px 10px;margin:0 0 12px;border:1px solid #ac8a36;border-radius:20px;background:#f6edd4;color:#614810;font-size:10px;line-height:1.4;font-weight:650}
.home-page .amwal-app-copy .hp-product-status{background:#173f31;color:#f6dc99;border-color:#d7bc75}
@keyframes aw-orbit-light{0%,100%{box-shadow:0 0 0 8px #e3c57513,0 16px 35px #001f1855}50%{box-shadow:0 0 0 17px #e3c57523,0 16px 35px #001f1855}}
@keyframes aw-icon-lift{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes aw-phone-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes aw-connect-flow{to{stroke-dashoffset:-36}}
@keyframes aw-mobile-connect{0%,100%{opacity:.5}50%{opacity:1}}
body.home-page .aw-motion-active .hp-orbit-core{animation:aw-orbit-light 3.6s ease-in-out infinite}
body.home-page .aw-motion-active .hp-orbit-node .hp-icon svg{animation:aw-icon-lift 3.2s ease-in-out infinite}
body.home-page .aw-motion-active .hp-orbit-apps .hp-icon svg{animation-delay:-1s}
body.home-page .aw-motion-active .hp-orbit-one .hp-icon svg{animation-delay:-2s}
body.home-page .aw-motion-active .hp-orbit-lines>path{stroke-dasharray:7 11;animation:aw-connect-flow 3.4s linear infinite;stroke:#e8cb86;stroke-width:1.6}
body.home-page .aw-motion-active .hp-orbit:before,body.home-page .aw-motion-active .hp-orbit:after,body.home-page .aw-motion-active .hp-orbit-core:before{animation:aw-mobile-connect 3.2s ease-in-out infinite}
body.home-page .aw-motion-active .showcase-phone-launch{animation:aw-phone-float 5s ease-in-out infinite}
body.home-page .aw-motion-active .showcase-phone-home{animation:aw-phone-float 5.8s ease-in-out -2s infinite}
body.home-page .aw-motion-active .hp-benefit .hp-icon svg{animation:aw-icon-lift 4s ease-in-out infinite}
body.home-page .aw-motion-active .hp-benefit:nth-child(2) .hp-icon svg{animation-delay:-1s}
body.home-page .aw-motion-active .hp-benefit:nth-child(3) .hp-icon svg{animation-delay:-2s}
body.home-page .aw-motion-active .hp-benefit:nth-child(4) .hp-icon svg{animation-delay:-3s}
@media(prefers-reduced-motion:reduce){body.home-page .aw-motion-active *,body.home-page .aw-motion-active *:before,body.home-page .aw-motion-active *:after{animation:none!important}}
