/* Motion uses transforms and opacity; content stays visible without JavaScript. */
@keyframes px-browser-drift{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(-4.5deg)}}
@keyframes px-phone-drift{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(-11px) rotate(5deg)}}
@keyframes px-production-drift{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(5px) rotate(7.5deg)}}
@media(prefers-reduced-motion:no-preference) and (min-width:768px){
 .px-hero-showcase .px-hero-browser{animation:px-browser-drift 9s ease-in-out infinite;animation-play-state:paused}
 .px-hero-showcase .px-hero-phone{animation:px-phone-drift 7.5s ease-in-out infinite;animation-play-state:paused}
 .px-hero-showcase .px-hero-production{animation:px-production-drift 11s ease-in-out infinite;animation-play-state:paused}
 .px-hero-showcase.px-motion-visible .px-hero-browser,.px-hero-showcase.px-motion-visible .px-hero-phone,.px-hero-showcase.px-motion-visible .px-hero-production{animation-play-state:running}
 .px-motion-paused .px-hero-showcase .px-hero-browser,.px-motion-paused .px-hero-showcase .px-hero-phone,.px-motion-paused .px-hero-showcase .px-hero-production{animation-play-state:paused!important}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .px-editorial-card,.px-service-hub-card{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}
 .px-editorial-card:hover,.px-service-hub-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #0e294b12;border-color:#c7d4e3}
 .px-service-hub-card .px-service-visual{overflow:hidden}
 .px-service-hub-card .px-service-visual img{transition:transform .65s cubic-bezier(.22,1,.36,1)}
 .px-service-hub-card:hover .px-service-visual img{transform:scale(1.035)}
 .px-text-link .elementor-button{transition:color .2s,letter-spacing .3s}
 .px-text-link .elementor-button:hover{letter-spacing:.15px}
 .px-footer-link .elementor-button{transition:color .25s,transform .25s}
 .px-footer-link .elementor-button:hover{transform:translateX(3px)}
 .px-faq .elementor-accordion-icon{transition:transform .3s}
 .px-faq .elementor-active .elementor-accordion-icon{transform:rotate(180deg)}
}
@media(prefers-reduced-motion:reduce){
 [class*="px-"] *,[class*="px-"] *:before,[class*="px-"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .px-editorial-card:hover,.px-service-hub-card:hover,.px-footer-link .elementor-button:hover{transform:none!important}
}