/* A connected technology diagram with continuously looping signals. */
.connected-art{position:relative;min-width:0;align-self:center;margin:0;background:#081c27;border:1px solid #29434c;border-radius:24px;box-shadow:0 24px 60px #112a2e24;overflow:hidden}
.network-kicker{display:flex;justify-content:space-between;gap:20px;padding:23px 25px 0;color:#cee4e9;font-size:.6875rem;font-weight:700;letter-spacing:.09em;line-height:1.5}
.network-kicker span:last-child{color:#94b2bc}
.network-diagram{display:block;width:100%;height:auto;overflow:visible}
.network-route-it{stroke:#2e6957}.network-route-comms{stroke:#345f7d}
.network-packet{stroke-dasharray:9 91;stroke-dashoffset:9;opacity:0}
.network-packet-it{stroke:#8effd0}.network-packet-comms{stroke:#93daff}
.network-waves{opacity:.72}
.network-legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:25px;margin:0 25px;padding:18px 0 23px;border-top:1px solid #2b424c;font-size:.8125rem;line-height:1.4;font-weight:600;color:#d8efe6}
.network-legend>span{display:flex;align-items:center;gap:9px;white-space:nowrap}
.network-legend>span::before{content:'';width:17px;height:3px;border-radius:2px;background:#62deb0}
.network-legend>span:last-child{color:#d3eafd}
.network-legend>span:last-child::before{background:#6bc6fc}
.network-hardware,.network-hub{transform-box:fill-box;transform-origin:center}
.connected-art.is-animating .network-packet{animation:network-travel 1.45s ease-in-out infinite both}
.connected-art.is-animating .network-packet:nth-child(2){animation-delay:.15s}
.connected-art.is-animating .network-packet:nth-child(3){animation-delay:.3s}
.connected-art.is-animating .network-packet:nth-child(4){animation-delay:.45s}
.connected-art.is-animating .network-wave{animation:network-radio 1.5s ease-in-out infinite both}
.connected-art.is-animating .network-wave:nth-child(2){animation-delay:.2s}
.connected-art.is-animating .network-server-lights{animation:network-led 1.5s ease-in-out infinite}
.connected-art.is-animating .network-voice-line{animation:network-led 1.5s ease-in-out infinite}
@keyframes network-travel{0%{stroke-dashoffset:9;opacity:0}12%{opacity:1}80%{opacity:1}100%{stroke-dashoffset:-100;opacity:0}}
@keyframes network-radio{0%,100%{opacity:.42}50%{opacity:1}}
@keyframes network-led{0%,100%{opacity:1}50%{opacity:.5}}
@media(max-width:1000px){.connected-art{width:100%;max-width:640px;margin-inline:auto}}
@media(max-width:480px){.connected-art{border-radius:18px}.network-kicker{padding:18px 17px 0;gap:8px;font-size:.625rem;letter-spacing:.045em}.network-legend{margin:0 16px;padding:15px 0 18px;gap:16px;font-size:.75rem}.network-legend>span{gap:6px}.network-legend>span::before{width:12px}}
@media(prefers-reduced-motion:reduce){.connected-art.is-animating .network-packet,.connected-art.is-animating .network-wave,.connected-art.is-animating .network-server-lights,.connected-art.is-animating .network-voice-line{animation:none!important}.network-packet{display:none}}