.svc-motion{position:relative;border-radius:var(--radius-2xl);overflow:hidden;isolation:isolate;background:radial-gradient(70% 80% at 72% 28%,rgba(34,197,94,.2),transparent 70%),radial-gradient(60% 70% at 8% 100%,rgba(45,212,191,.1),transparent 70%),var(--surface-dark);box-shadow:0 30px 60px -40px #0f3d2eb3}.svc-motion:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 30%,transparent 85%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 30%,transparent 85%)}.svc-motion svg{display:block;width:100%;height:auto;font-family:var(--font-family)}@supports (aspect-ratio: 1 / 1){.svc-motion{aspect-ratio:320 / 220;content-visibility:auto}}.sm-line{fill:none;stroke:#86efac57;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sm-dashed{stroke-dasharray:3 8}.sm-sheet{fill:#12291ebf}.sm-accent{fill:none;stroke:var(--green-light);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.sm-fill{fill:#22c55e1a;stroke:#86efac6b;stroke-width:1.5;stroke-linejoin:round}.sm-node{fill:var(--surface-dark-2);stroke:var(--green-light);stroke-width:2;stroke-linejoin:round}.sm-dot{fill:var(--green-light)}.sm-spark{fill:#bef264}.sm-text{fill:var(--text-on-dark-muted);font-size:10.5px;font-weight:500;letter-spacing:.01em}.sm-label{fill:var(--text-on-dark);font-size:11px;font-weight:700}.sm-packet{fill:#bef264;filter:drop-shadow(0 0 5px rgba(190,242,100,.9))}.sm-packet-warn{fill:#fbbf24;filter:drop-shadow(0 0 5px rgba(251,191,36,.9))}.sm-packet-threat{fill:#f87171;filter:drop-shadow(0 0 5px rgba(248,113,113,.9))}@keyframes sm-flow{to{stroke-dashoffset:-22}}@keyframes sm-scan{0%{transform:translate(0);opacity:0}8%,92%{opacity:1}to{transform:translate(262px);opacity:0}}@keyframes sm-beat{0%{stroke-dashoffset:1.25}to{stroke-dashoffset:0}}@keyframes sm-fault{0%,38%{fill:#fbbf24}52%,to{fill:var(--green-light)}}@keyframes sm-fault-box{0%,38%{stroke:#fbbf24e6}52%,to{stroke:#86efac6b}}@keyframes sm-ring{0%{opacity:.55;transform:scale(1)}75%,to{opacity:0;transform:scale(1.34)}}@keyframes sm-spin{to{transform:rotate(360deg)}}@keyframes sm-seq{0%,22%{opacity:1}30%,to{opacity:.38}}@keyframes sm-blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes sm-eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes sm-tick{0%{stroke-dashoffset:1}12%,to{stroke-dashoffset:0}}@keyframes sm-wobble{0%,to{transform:rotate(-22deg)}50%{transform:rotate(28deg)}}@keyframes sm-route{0%{stroke-dashoffset:1}70%,to{stroke-dashoffset:0}}@keyframes sm-tile{0%,22%{stroke:var(--green-lime);stroke-width:3}30%,to{stroke:var(--green-light);stroke-width:2}}@keyframes sm-pop{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.sm-flow{fill:none;stroke:#86efac8c;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:5 6;animation:sm-flow 1.4s linear infinite}.sm-scan{fill:#bef264;filter:drop-shadow(0 0 6px rgba(190,242,100,.8));opacity:0;animation:sm-scan 3.6s linear infinite}.sm-beat{stroke-dasharray:.25 1;animation:sm-beat 2.6s linear infinite}.sm-fault .sm-status{animation:sm-fault 3.6s linear infinite}.sm-fault .sm-box{animation:sm-fault-box 3.6s linear infinite}.sm-ring{fill:none;stroke:var(--green-light);stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center;animation:sm-ring 3s ease-out infinite}.sm-ring-late{animation-delay:1.5s}.sm-spin-slow,.sm-orbit{transform-origin:160px 106px}.sm-spin-slow{animation:sm-spin 60s linear infinite}.sm-orbit{animation:sm-spin 9s linear infinite}.sm-seq{animation:sm-seq 4.8s linear infinite}.sm-seq.sm-s2{animation-delay:1.2s}.sm-seq.sm-s3{animation-delay:2.4s}.sm-seq.sm-s4{animation-delay:3.6s}.sm-blink{animation:sm-blink 1.6s ease-in-out infinite}.sm-wifi{animation:sm-blink 2s ease-in-out infinite}.sm-wifi.sm-s2{animation-delay:.5s}.sm-wifi.sm-s3{animation-delay:1s}.sm-wifi.sm-s4{animation-delay:1.5s}.sm-lock,.sm-seal{transform-box:fill-box;transform-origin:center;animation:sm-pop 2.8s ease-in-out infinite}.sm-tile .sm-tile-box{animation:sm-tile 6s linear infinite}.sm-tile.sm-s2 .sm-tile-box{animation-delay:1.5s}.sm-tile.sm-s3 .sm-tile-box{animation-delay:3s}.sm-tile.sm-s4 .sm-tile-box{animation-delay:4.5s}.sm-eq{fill:var(--green-light);transform-box:fill-box;transform-origin:50% 100%;animation:sm-eq 1.1s ease-in-out infinite}.sm-eq.sm-e2{animation-delay:.15s;animation-duration:.9s}.sm-eq.sm-e3{animation-delay:.32s;animation-duration:1.3s}.sm-eq.sm-e4{animation-delay:.08s;animation-duration:.8s}.sm-eq.sm-e5{animation-delay:.24s;animation-duration:1.2s}.sm-tick{stroke-dasharray:1;stroke-dashoffset:0;animation:sm-tick 6s ease-out infinite}.sm-tick.sm-s2{animation-delay:.5s}.sm-tick.sm-s3{animation-delay:1s}.sm-tick.sm-s4{animation-delay:1.5s}.sm-needle{transform-origin:62px 62px;animation:sm-wobble 5s ease-in-out infinite}.sm-route{stroke-dasharray:1;stroke-dashoffset:0;animation:sm-route 4.8s ease-in-out infinite}.motion-scene[data-paused] *,.motion-scene[data-paused]:before{animation-play-state:paused!important}@media (prefers-reduced-motion: reduce){.svc-motion *{animation:none!important}.sm-scan{display:none}}
