/* Decorative orbits; logo stays still. */
.hero-orbit{--orbit-color:#78ddff;--orbit-tilt:-22deg;--orbit-flat:.6;border-color:#63b9dc55;border-top-color:#78ddffa6;animation:eg-orbit-turn 32s linear infinite;pointer-events:none}
.hero-orbit.orbit-two{--orbit-color:#f0cc87;--orbit-tilt:26deg;--orbit-flat:.48;border-color:#c99d516b;border-top-color:#f0cc87b3;animation-duration:44s;animation-direction:reverse}
.hero-orbit::before{content:"";position:absolute;inset:-1px;border:2px solid transparent;border-top-color:var(--orbit-color);border-radius:50%;opacity:.5;animation:eg-orbit-trace 9s linear infinite}
.hero-orbit::after{content:"";position:absolute;top:0;left:0;width:8px;height:8px;border-radius:50%;background:#f5fbff;box-shadow:0 0 8px 3px var(--orbit-color),0 0 22px var(--orbit-color);offset-path:ellipse(50% 50% at 50% 50%);animation:eg-orbit-dot 9s linear infinite}
.hero-orbit.orbit-two::before,.hero-orbit.orbit-two::after{animation-duration:13s;animation-direction:reverse}
@keyframes eg-orbit-turn{from{transform:rotate(var(--orbit-tilt)) scaleY(var(--orbit-flat))}to{transform:rotate(calc(var(--orbit-tilt) + 360deg)) scaleY(var(--orbit-flat))}}
@keyframes eg-orbit-trace{to{transform:rotate(360deg)}}
@keyframes eg-orbit-dot{from{offset-distance:0%}to{offset-distance:100%}}
@media(prefers-reduced-motion:reduce){.hero-orbit{animation-duration:40s}.hero-orbit.orbit-two{animation-duration:52s}.hero-orbit::before,.hero-orbit::after{animation-duration:16s}.hero-orbit.orbit-two::before,.hero-orbit.orbit-two::after{animation-duration:20s}}