:root{--loop-ease:cubic-bezier(.2,.8,.2,1)}
/* JavaScript adds short, one-time entrances while keeping all content visible. */
.reveal,.device-grid{animation:none}
.pill,.brand,.language-menu>summary,.language-options a,.support-box summary{transition:transform 180ms var(--loop-ease),box-shadow 200ms ease,background-color 200ms ease,color 200ms ease}
.pill:active,.language-menu>summary:active,.language-options a:active{transform:scale(.975)}
.brand:active{transform:scale(.985)}
.support-box summary:active{transform:translateY(1px)}
.device-tile{position:relative;isolation:isolate}
.device-tile img{transition:transform 220ms var(--loop-ease)}
.device-tile[data-art-loading=true]::after{content:"";position:absolute;inset:15px 12px 50px;border-radius:20px;background:linear-gradient(100deg,transparent 20%,#ffffff80 50%,transparent 80%);background-size:200% 100%;animation:loop-shimmer 950ms ease-in-out infinite;pointer-events:none}
body::before{content:"";position:fixed;inset-block-start:0;inset-inline:0;height:3px;background:linear-gradient(90deg,transparent 0%,#a9ce43 25%,var(--lime) 50%,#a9ce43 75%,transparent 100%);background-size:200% 100%;z-index:100;opacity:0;transition:opacity 180ms ease;pointer-events:none}
html[data-page-loading=true] body::before{opacity:1;animation:loop-shimmer 950ms ease-in-out infinite}
@keyframes loop-shimmer{from{background-position:140% 0}to{background-position:-100% 0}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.pill:hover,.language-menu>summary:hover{transform:translateY(-2px);box-shadow:0 8px 22px #17202018}.pill:hover:active,.language-menu>summary:hover:active{transform:scale(.975)}.brand:hover img{transform:translateY(-1px)}.brand img{transition:transform 220ms var(--loop-ease)}.device-tile:hover img{transform:translateY(-2px)}.language-options a:hover{transform:translateX(2px)}html[dir=rtl] .language-options a:hover{transform:translateX(-2px)}}
@media(hover:none){.pill:hover{transform:none}.pill:hover:active{transform:scale(.975)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pill:hover,.pill:active,.brand:active,.brand:hover img,.language-menu>summary:hover,.language-menu>summary:active,.language-options a:hover,.language-options a:active,.support-box summary:active,.device-tile:hover img{transform:none!important}body::before,.device-tile[data-art-loading=true]::after{display:none}}