/* Public product interactions; no movement when reduced motion is requested. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 :is(.home-story,.product-story) :is(.button,.home-text-link,.story-back){transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
 :is(.home-story,.product-story) .button:hover{transform:translateY(-3px);box-shadow:0 9px 24px rgba(27,107,244,.23)}
 :is(.home-story,.product-story) .button:active{transform:translateY(0);transition-duration:.1s}
 :is(.home-story,.product-story) :is(.home-text-link,.story-back):hover{transform:translateX(4px);color:var(--blue)}
 :is(.home-product,.story-benefits article,.home-perks>div,.home-coming){transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease;position:relative}
 :is(.home-product,.story-benefits article):hover{transform:translateY(-7px);border-color:rgba(57,127,244,.55);box-shadow:0 18px 38px rgba(12,40,90,.13)}
 .home-product .product-logo,.story-feature-icon,.home-perks svg,.story-facts svg{transition:transform .35s ease,background .35s ease}
 .home-product:hover .product-logo{transform:translateY(-3px) rotate(-6deg) scale(1.07)}
 .story-benefits article:hover .story-feature-icon{transform:rotate(-8deg) scale(1.12);background:rgba(40,124,255,.2)}
 .home-perks>div:hover{transform:translateY(-5px)}.home-perks>div:hover svg{transform:scale(1.18) rotate(-7deg)}
 .story-facts span:hover svg{transform:translateY(-3px) rotate(-6deg)}
 .home-product>a svg,.story-actions svg{transition:transform .25s ease}.home-product:hover>a svg,.story-actions .button:hover svg{transform:translateX(5px)}
 .story-gallery a{transition:transform .35s ease,box-shadow .35s ease}.story-gallery a:hover{transform:translateY(-5px);box-shadow:0 16px 35px rgba(12,40,90,.18)}
 .story-gallery a img{transition:transform .5s ease}.story-gallery a:hover img{transform:scale(1.025)}.story-gallery a span{transition:transform .25s ease}.story-gallery a:hover span{transform:translateX(4px)}
 .story-faq summary{transition:color .2s ease,padding-left .2s ease}.story-faq summary:hover{padding-left:7px;color:var(--blue)}
 .home-showcase>a{transition:box-shadow .4s ease}.home-showcase>a:hover{box-shadow:0 20px 45px rgba(18,49,90,.18)}
 .home-showcase .home-device{transform:rotateY(calc(7deg + var(--pointer-x,0deg))) rotateX(var(--pointer-y,0deg)) rotateZ(-3deg) translateY(var(--pointer-lift,0px));transition:transform .25s ease-out}
 .home-stage-side .home-device{transform:rotateY(calc(-7deg + var(--pointer-x,0deg))) rotateX(var(--pointer-y,0deg)) rotateZ(3deg) translateY(var(--pointer-lift,0px))}
 .story-hero-image{transition:transform .3s ease-out,box-shadow .3s ease;transform:perspective(1200px) rotateY(var(--pointer-x,0deg)) rotateX(var(--pointer-y,0deg)) translateY(var(--pointer-lift,0px))}
 .home-coming:hover .home-coming-icon{transform:rotate(90deg);transition:transform .4s ease}
}