/* Reference artwork preserves the crossing paths, energy halo and technical grid. */
.core-stage::before { background: radial-gradient(ellipse,rgba(0,101,234,.13),transparent 70%); }
.core-orbit.core-art { width: min(112%,550px); max-width: none; aspect-ratio: 1; margin-top: -38px; }
.orbital-art { display: block; width: 100%; height: 100%; object-fit: contain; mask-image: radial-gradient(ellipse at center,#000 67%,rgba(0,0,0,.9) 78%,transparent 100%); }
@media (max-width: 1100px) and (min-width: 821px) { .core-orbit.core-art { width: 108%; } }
@media (max-width: 820px) { .core-orbit.core-art { width: min(98vw,470px); margin-top: -35px; } }
@media (max-width: 560px) { .core-orbit.core-art { width: min(100vw,375px); margin-top: -50px; } }

.core-art { position: relative; isolation: isolate; }
.orbital-art { mix-blend-mode: screen; mask-image: radial-gradient(circle at 50% 50%,#000 42%,rgba(0,0,0,.96) 53%,rgba(0,0,0,.45) 66%,transparent 76%); }
.orbital-motion { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; mix-blend-mode: screen; }
.energy-trail { fill: none; stroke: #20aaff; stroke-width: 1.2; stroke-dasharray: 65 1050; stroke-linecap: round; filter: drop-shadow(0 0 5px #168cff); animation: energy-flow 12s linear infinite; opacity: .75; }
.energy-lane-two .energy-trail { animation-duration: 17s; animation-direction: reverse; stroke-dasharray: 45 1250; opacity: .45; }
.energy-dot { fill: #d9fbff; filter: drop-shadow(0 0 6px #18a9ff); }
.energy-haze { fill: #168cff; filter: url(#energy-glow); opacity: .85; }
@keyframes energy-flow { to { stroke-dashoffset: -1115; } }
@media (prefers-reduced-motion: reduce) { .orbital-motion { display: none; } }