.device-network{padding:80px 0 20px;background:radial-gradient(ellipse at 50% 60%,#18324738,transparent 65%)}
.network-heading{text-align:center;max-width:650px;margin:0 auto 35px}.network-heading h2{margin:16px 0}.network-heading p{font-size:13px;color:#9aaabd;line-height:1.8}
.network-glass{position:relative;overflow:hidden;border:1px solid #8fb5f51d;border-radius:26px;background:radial-gradient(ellipse at center,#27456350,transparent 60%),linear-gradient(140deg,#1b273888,#111923aa);box-shadow:inset 0 1px #ffffff06,0 30px 70px #0002;padding:36px 0 0}
.device-network .illustration__svg{min-height:280px}.device-network .ill-node{cursor:pointer;outline:none;transition:filter .3s}.device-network .ill-node>circle:first-child{fill:#1b293a;stroke:#8fb5f535;stroke-width:1.3;transition:fill .3s,stroke .3s}.device-network .ill-node:hover,.device-network .ill-node:focus-visible,.device-network .ill-node.is-chosen{filter:drop-shadow(0 0 12px #8fb5f566)}.device-network .ill-node:hover>circle:first-child,.device-network .ill-node:focus-visible>circle:first-child,.device-network .ill-node.is-chosen>circle:first-child{fill:#293f59;stroke:#b5cff8;stroke-width:2}.device-network .ill-label{fill:#b7c8e0}.device-network .connector__base{stroke:#6386b4;opacity:.25}.device-network .ill-core>circle:not(.network-orbit){fill:#213348;stroke:#8fb5f580;filter:drop-shadow(0 0 25px #6eabdd44)}
.device-network .ill-core .network-orbit{fill:none;stroke:#8fb5f54d;stroke-width:1;stroke-dasharray:5 14;transform-origin:650px 178px;animation:networkOrbit 26s linear infinite;filter:none}.device-network .ill-core .orbit-two{stroke:#70e2b52e;stroke-dasharray:70 500;animation-direction:reverse;animation-duration:16s}.device-network.is-burst .ill-core image{animation:networkLogo .7s ease-out}.device-network:not(.network-visible) *{animation-play-state:paused!important}
.network-caption{display:flex;align-items:center;gap:9px;border-top:1px solid #8fb5f514;padding:15px 24px;font-size:11px;color:#9db2cd;background:#101c2a80}.network-status-dot{width:6px;height:6px;border-radius:50%;background:#70e2b5;box-shadow:0 0 10px #70e2b580}.network-unlimited{margin-left:auto;color:#b7cef1;font-size:25px}
@keyframes networkOrbit{to{transform:rotate(360deg)}}@keyframes networkLogo{50%{filter:drop-shadow(0 0 15px #a8d3ff);opacity:.7}}
@media(max-width:720px){.device-network{padding-top:50px}.network-glass{padding-top:12px;border-radius:18px}.device-network .illustration__svg{width:160%;max-width:none;margin-left:-30%;min-height:230px}.network-caption{padding:12px;font-size:9px}.network-heading h2{font-size:32px}.network-heading p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.device-network *{animation:none!important}.device-network animate,.device-network animateMotion{display:none}}