/* Bound compositing surfaces and animate transform/opacity instead of repaint effects. */
.bloxora-creator-track{animation:none!important;gap:8px;contain:layout paint;max-width:none}
.bloxora-creator-card{contain:layout paint style}
.motion-offscreen *, .motion-offscreen *::before,.motion-offscreen *::after,.motion-offscreen::before,.motion-offscreen::after,
.motion-tab-hidden *, .motion-tab-hidden *::before,.motion-tab-hidden *::after,
body.motion-landing-hidden #landingPage *,body.motion-landing-hidden #landingPage *::before,body.motion-landing-hidden #landingPage *::after{animation-play-state:paused!important}
.hero:after{background:radial-gradient(circle at 50% 50%,rgba(69,228,255,.11),transparent 68%);inset:auto;left:0;top:0;width:500px;height:500px;transform:translate3d(var(--glow-x,0px),var(--glow-y,0px),0);will-change:transform}
.map-cam,.studio-wrap{will-change:transform}
.step-card{backdrop-filter:none}
.back-b,.back-b3d{animation:none}
.connect-install:after{left:0;transform:translate3d(-200%,0,0) skewX(-18deg);animation:connectShineSmooth 3.8s ease-in-out infinite}
@keyframes connectShineSmooth{0%,55%{transform:translate3d(-200%,0,0) skewX(-18deg)}82%,100%{transform:translate3d(450%,0,0) skewX(-18deg)}}
.scroll-line:after{top:0;transform:translate3d(0,calc(var(--scene-p)*120px),0)}
@media(max-width:850px){.site-nav{backdrop-filter:none;background:rgba(5,18,35,.96)}.arena-horizon,.arena-floor-glow{filter:none}.hero:after{width:300px;height:300px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bloxora-creator-track{will-change:auto;transform:none!important}.bloxora-creator-marquee{overflow-x:auto}.hero:after{will-change:auto}*{transition-duration:.01ms!important}}
