/* ── SCROLL ANIMATIONS ── */
[data-animate]{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
[data-animate].visible{opacity:1;transform:translateY(0)}
[data-animate-stagger]>*{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
[data-animate-stagger].visible>*:nth-child(1){transition-delay:0ms}
[data-animate-stagger].visible>*:nth-child(2){transition-delay:80ms}
[data-animate-stagger].visible>*:nth-child(3){transition-delay:160ms}
[data-animate-stagger].visible>*:nth-child(4){transition-delay:240ms}
[data-animate-stagger].visible>*:nth-child(5){transition-delay:320ms}
[data-animate-stagger].visible>*:nth-child(6){transition-delay:400ms}
[data-animate-stagger].visible>*{opacity:1;transform:translateY(0)}

/* ── SPEED BAR ANIMATION ── */
.speed-bar{transition:width 1.2s cubic-bezier(0.22,1,0.36,1)}
.speed-bar.animate-ready{width:0!important}
.speed-bar.evm.animate-done{width:100%}
.speed-bar.native.animate-done{width:10%}

/* ── ORB KEYFRAMES ── */
@keyframes orbit1{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(-40px,30px) scale(1.05)}50%{transform:translate(-20px,60px) scale(0.95)}75%{transform:translate(30px,20px) scale(1.02)}}
@keyframes orbit2{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(50px,-40px) scale(1.08)}66%{transform:translate(20px,-60px) scale(0.96)}}
@keyframes orbit3{0%,100%{transform:translate(-50%,0) scale(1)}50%{transform:translate(calc(-50% + 60px),-40px) scale(1.1)}}