.signal-field::before{content:"";position:absolute;z-index:0;width:150px;height:150px;left:-35px;top:-30px;border-radius:50%;background:radial-gradient(circle,rgba(84,123,255,.47),rgba(84,123,255,0) 70%);animation:signal-drift 7s ease-in-out infinite alternate}.signal{animation:node-pulse 3.2s ease-in-out infinite}.s2{animation-delay:-.6s}.s3{animation-delay:-1.7s}.s4{animation-delay:-.9s}.s5{animation-delay:-2.4s}.s6{animation-delay:-1.2s}.route{overflow:visible}.route::after{content:"";position:absolute;top:-3px;left:0;width:7px;height:7px;border-radius:50%;background:#cbffe9;box-shadow:0 0 12px 4px rgba(112,239,196,.72);animation:route-flow 2.8s ease-in-out infinite}.route-two::after{animation-delay:-1.35s}@keyframes node-pulse{0%,100%{transform:scale(1);border-color:#9aabff;box-shadow:0 0 0 5px rgba(145,165,255,.13)}50%{transform:scale(1.55);border-color:#d4dcff;box-shadow:0 0 0 11px rgba(145,165,255,0)}}@keyframes route-flow{0%{transform:translateX(0);opacity:0}15%,78%{opacity:1}100%{transform:translateX(var(--route-distance,180px));opacity:0}}.route-one::after{--route-distance:194px}.route-two::after{--route-distance:164px}@keyframes signal-drift{0%{transform:translate(0,0) scale(.85);opacity:.45}100%{transform:translate(235px,115px) scale(1.2);opacity:.8}}@media(prefers-reduced-motion:reduce){.signal-field::before,.signal,.route::after{animation:none}}