/* EVHubUK / illuminated network stage. Native navy, cream and orange. */
.network-orbit.network-orbit--animated{transform:none!important;transform-style:flat;gap:0;border-radius:32px;background:var(--ink);padding:20px;box-shadow:0 30px 65px rgba(13,25,48,.2),inset 0 1px 0 rgba(255,255,255,.15);overflow:hidden;position:relative;color:var(--bg)}
.network-orbit--animated:before{inset:0;border-radius:0;background:radial-gradient(ellipse at 50% 45%,rgba(255,90,54,.23),transparent 60%);transform:none;pointer-events:none}
.network-orbit--animated .motion-control{pointer-events:auto;position:relative;z-index:5}
.network-orbit--animated .panel-status{align-self:stretch;justify-content:space-between;background:transparent;border:0;box-shadow:none;color:#e7e5de;padding:0 2px 18px;animation:none!important;border-radius:0;border-bottom:1px solid #ffffff26;font-family:'DM Sans',sans-serif}
.network-orbit--animated .panel-status i{background:var(--cyan);box-shadow:0 0 15px #ff5a36}.network-orbit--animated .panel-status span{font-size:11px;letter-spacing:.02em}.network-orbit--animated .motion-control{margin-left:auto;border:1px solid #ffffff4d;background:transparent;color:#fff;border-radius:30px;padding:6px 10px;font:600 10px 'DM Sans',sans-serif;cursor:pointer;min-height:32px}.motion-control:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.network-orbit--animated .orbit-scene{min-height:380px;aspect-ratio:1.16;transform-style:flat;background:radial-gradient(circle at center,#ff5a3614 0 18%,transparent 45%)}
.network-orbit--animated .orbit-scene:before,.network-orbit--animated .orbit-scene:after{content:"";position:absolute;inset:14% 18%;border-radius:50%;pointer-events:none}
.network-orbit--animated .orbit-scene:before{background:conic-gradient(from 0deg,transparent 70%,#ff5a3608 80%,#ff5a3670 99%,transparent);animation:hub-sweep 16s linear infinite;mask:radial-gradient(transparent 57%,#000 59%)}
.network-orbit--animated .orbit-scene:after{border:1px solid #ff5a3638;box-shadow:0 0 0 28px #ffffff03,0 0 0 55px #ffffff03;animation:hub-breathe 5s ease-in-out infinite}
.network-orbit--animated .orbit-one{inset:9% 11%;border:1px solid #ffffff23;transform:rotate(-26deg) scaleY(.76);box-shadow:0 0 22px #ff5a3610}
.network-orbit--animated .orbit-two{inset:21% 23%;border:1px dashed #ff5a3680;animation:hub-sweep 35s linear infinite!important}
.network-orbit--animated .network-lines path{stroke:var(--cyan);stroke-opacity:.6;stroke-width:1.2;stroke-dasharray:5 7;animation:hub-stream 24s linear infinite}
.network-orbit--animated .network-lines .flow-dot{fill:#fff5e8;stroke:var(--cyan);stroke-width:2;filter:drop-shadow(0 0 5px #ff5a36)}
.network-orbit--animated .orbit-scene .hub-node{width:126px;height:126px;border-radius:50%;clip-path:none;border:1px solid #ffffffa0;background:radial-gradient(circle at 30% 22%,#fff 0,#f3f0e8 44%,#bbb5a9 100%);color:var(--ink);box-shadow:inset -8px -10px 18px #0d193026,0 14px 35px #0006,0 0 0 9px #ffffff08,0 0 55px #ff5a3640;transform:translate(-50%,-50%)!important;animation:hub-core 6s ease-in-out infinite!important;rotate:none}
.network-orbit--animated .hub-node strong{font:800 25px Manrope,sans-serif;letter-spacing:-1.3px}.network-orbit--animated .hub-node span{font:700 8px 'DM Sans',sans-serif;letter-spacing:.22em;margin-top:6px;color:#a52c13}
.network-orbit--animated .orbit-scene .site-node{width:43%;background:linear-gradient(135deg,#fbfaf6,#eae7df);color:var(--ink);border:1px solid #ffffffb3;border-radius:15px;box-shadow:0 12px 22px #0003;animation:hub-connect 12s ease-in-out infinite!important;translate:none;rotate:none;padding:16px 12px;transition:transform .25s,box-shadow .25s}
.network-orbit--animated .site-node strong{font:800 16px Manrope,sans-serif;letter-spacing:-.5px}.network-orbit--animated .site-node span{color:#59657a;font-size:11px}.network-orbit--animated .site-node:after{background:var(--cyan)!important;box-shadow:0 0 14px #ff5a36;top:50%!important;width:6px;height:6px}.network-orbit--animated .mg:after{left:auto!important;right:-3px}.network-orbit--animated .deal:after{left:-3px!important}
.network-orbit--animated .orbit-scene .byd{top:8%;animation-delay:0s!important}.network-orbit--animated .orbit-scene .xpeng{top:8%;animation-delay:-9s!important}.network-orbit--animated .orbit-scene .mg{bottom:8%;animation-delay:-6s!important}.network-orbit--animated .orbit-scene .deal{bottom:8%;animation-delay:-3s!important}
.network-orbit--animated .orbit-scene .site-node:hover,.network-orbit--animated .orbit-scene .site-node:focus-visible{transform:translateY(-5px)!important;box-shadow:0 0 0 2px var(--cyan),0 15px 35px #0004;outline:none}
.network-orbit--animated .orbit-metrics{gap:12px;padding:0;border-top:1px solid #ffffff26;padding-top:17px}.network-orbit--animated .orbit-metrics .orbit-panel{background:transparent;color:#f3f0e8;border:0;box-shadow:none;border-radius:0;padding:0 4px;animation:none!important}.network-orbit--animated .orbit-panel>span{color:#b7bfcb;font:600 8px 'DM Sans',sans-serif;letter-spacing:.13em}.network-orbit--animated .orbit-panel>strong{font:700 12px Manrope,sans-serif;line-height:1.5;margin-top:5px}.network-orbit--animated .mini-chart{height:20px;margin-top:8px}.network-orbit--animated .mini-chart i{background:var(--cyan);animation:hub-bar 3s ease-in-out infinite;transform-origin:bottom}.network-orbit--animated .mini-chart i:nth-child(2n){animation-delay:-1s}.network-orbit--animated .panel-campaign b{height:3px;background:#ffffff24;margin-top:16px}.network-orbit--animated .panel-campaign b i{background:var(--cyan);animation:none;width:72%}
@keyframes hub-sweep{to{transform:rotate(360deg)}}@keyframes hub-stream{to{stroke-dashoffset:-240}}@keyframes hub-breathe{50%{opacity:.4;scale:.96}}@keyframes hub-core{50%{translate:0 -5px;box-shadow:inset -8px -10px 18px #0d193026,0 20px 38px #0006,0 0 0 12px #ffffff06,0 0 65px #ff5a3655}}@keyframes hub-connect{0%,16%,100%{border-color:#ff5a36;box-shadow:0 0 0 2px #ff5a3629,0 10px 25px #0003}30%,85%{border-color:#ffffffb3;box-shadow:0 12px 22px #0003}}@keyframes hub-bar{50%{transform:scaleY(.55)}}
.network-orbit.motion-paused *,.network-orbit.motion-paused *:before,.network-orbit.motion-paused *:after{animation-play-state:paused!important}.network-orbit.motion-paused .flow-dot{display:none}
@media(max-width:600px){.network-orbit.network-orbit--animated{padding:16px;border-radius:24px}.network-orbit--animated .orbit-scene{min-height:340px;aspect-ratio:1}.network-orbit--animated .orbit-scene .site-node{width:46%;padding:12px 9px}.network-orbit--animated .site-node strong{font-size:14px}.network-orbit--animated .site-node span{font-size:10px}.network-orbit--animated .orbit-scene .hub-node{width:100px;height:100px}.network-orbit--animated .hub-node strong{font-size:22px}.network-orbit--animated .panel-status span{font-size:10px}.network-orbit--animated .orbit-panel>strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.network-orbit--animated *,.network-orbit--animated *:before,.network-orbit--animated *:after{animation:none!important;transition:none!important}.network-orbit--animated .flow-dot{display:none}.network-orbit--animated .orbit-scene:before{display:none}.network-orbit--animated .motion-control{display:none}}
@media(prefers-reduced-motion:reduce){.network-orbit.network-orbit--animated .orbit-scene *,.network-orbit.network-orbit--animated .orbit-scene:before,.network-orbit.network-orbit--animated .orbit-scene:after,.network-orbit.network-orbit--animated .mini-chart i{animation:none!important;transition:none!important;translate:none;rotate:none}}
