.motion-word,.counter-value,.metric-value{display:inline-block;will-change:transform,opacity}
.logo-assembly{display:block;position:relative;flex:0 0 31px;width:31px;height:31px;background:#fff;border-radius:8px;overflow:hidden}
.logo-assembly img{position:absolute;inset:0;width:31px;height:31px;transform-origin:50% 50%;will-change:transform,opacity;border-radius:0}
.scan-confirm{position:absolute;right:10px;bottom:9px;width:23px;height:23px;z-index:2;transform-origin:50% 50%;opacity:0}
.scan-confirm circle{fill:#fcfcf6;stroke:#206b51;stroke-width:1.25}
.scan-confirm path{fill:none;stroke:#206b51;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sync-signal{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:6;overflow:visible;opacity:0}
.signal-trail{fill:none;stroke:#b98632;stroke-width:1.4;stroke-linecap:round;opacity:.55}
.signal-packet{fill:#f5c15d;stroke:#fdf7e7;stroke-width:.7}
.scene-sync>.icon{transform-origin:50% 50%}
.window-metrics>div,.art-scan-corner,.mobile-product-art img{will-change:transform}
.window-metrics bdi>.value-reel,.mobile-product-price bdi>.value-reel{display:inline-block;position:relative;overflow:hidden;height:1.5em;vertical-align:bottom;font:inherit;line-height:1.5;color:inherit;margin-right:4px;letter-spacing:inherit}
.window-metrics .value-reel span,.mobile-product-price .value-reel span{display:block;font:inherit;line-height:1.5;color:inherit;white-space:nowrap}
.value-reel .reel-size{visibility:hidden}
.value-reel .reel-roll{position:absolute;inset:0 auto auto 0;will-change:transform}

/* Compose the approved loop with subtle mouse depth, including mobile rest angles. */
.hero-scene.motion-ready{--phone-angle:-9deg;--desktop-y:-7deg;--desktop-x:3deg}
.hero-scene.motion-ready .hero-phone{transition:none;transform:translate3d(calc(var(--phone-drift-x,0px) + var(--hover-px,0px)),calc(var(--phone-drift-y,0px) + var(--hover-py,0px)),20px) rotate(var(--phone-angle)) rotateY(var(--hover-ry,0deg)) rotateX(var(--hover-rx,0deg))}
.hero-scene.motion-ready .desktop-window{transition:none;transform:translate3d(var(--hover-dx,0px),calc(var(--desktop-drift-y,0px) + var(--hover-dy,0px)),0) rotateY(calc(var(--desktop-y) + var(--hover-ry,0deg)*.3)) rotateX(calc(var(--desktop-x) + var(--hover-rx,0deg)*.3)) rotate(-2deg)}
.hero-scene.motion-ready .scene-sync{transition:none;transform:translate3d(var(--hover-sx,0px),calc(var(--sync-drift-y,0px) + var(--hover-sy,0px)),0) rotate(2deg)}
.hero-scene.motion-ready .chart-columns i{transform-origin:50% 100%}
.hero-scene.motion-ready .phone-scan-line{animation:none;translate:none}
.hero-scene.motion-ready .mobile-sale-done{position:relative;overflow:hidden}
.hero-scene.motion-ready .mobile-sale-done::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff1c 48%,transparent 65%);transform:translateX(var(--shine,-150%));pointer-events:none}
.hero-scene.motion-ready .scene-sync>.icon{overflow:visible}
.hero-scene.motion-ready .scene-dots{display:none}
.hero-motion-toggle{display:grid;place-items:center;margin-right:auto;flex:0 0 28px;width:28px;height:28px;min-height:28px;padding:5px;border:1px solid transparent;border-radius:50%;color:#c5d5bf;opacity:.8;transition:background .2s,opacity .2s}
.hero-motion-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-motion-toggle:hover,.hero-motion-toggle:focus-visible{background:#ffffff12;opacity:1}
.hero-motion-toggle:focus-visible{outline:2px solid #f1c567;outline-offset:2px}
@media(max-width:600px){
  .hero-scene.motion-ready{--phone-angle:-6deg;--desktop-y:-5deg;--desktop-x:0deg}
  .logo-assembly{width:25px;height:25px;flex-basis:25px;border-radius:6px}
  .logo-assembly img{width:25px;height:25px}
  .scan-confirm{width:19px;height:19px;right:6px;bottom:6px}
  .hero-motion-toggle{position:absolute;left:-37px;width:32px;height:32px;min-height:32px}
}