.svc-hero-scene:has(.nt-hero){background:#2f8bce}.svc-hero:has(.nt-hero) .svc-h1{font-size:clamp(2.3rem,1rem + 3.7vw,4.9rem);hyphens:manual;overflow-wrap:break-word}.nt-hero{position:absolute;inset:0;user-select:none;-webkit-user-select:none}.nt-cv{position:absolute;inset:0}.nt-handle{position:absolute;left:0;top:0;z-index:3;width:46px;height:46px;margin:-23px 0 0 -23px;border:0;border-radius:50%;background:transparent;cursor:grab;touch-action:none}.nt-handle:active{cursor:grabbing}.nt-handle:focus-visible{outline:3px solid #fff;outline-offset:-6px;box-shadow:0 0 0 6px #ff7a00a6}.nt-handle[hidden]{display:none}.nt-tgt{position:absolute;left:0;top:0;z-index:3;display:inline-flex;align-items:center;gap:.4rem;transform:translate(-50%,-100%);padding:.38rem .7rem .38rem .5rem;border:0;border-radius:999px;background:#fffffff2;color:var(--ink);font:700 .72rem/1 var(--sans);white-space:nowrap;box-shadow:0 8px 18px -10px #082b3ab3;cursor:pointer;transition:background .2s,color .2s,transform .3s var(--ease)}.nt-tgt i{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 #ff7a0099;animation:wf-dot 1.6s infinite}.nt-tgt:hover,.nt-tgt:focus-visible{background:var(--ink);color:#fff}.nt-tgt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nt-tgt.done{background:#16a34a;color:#fff;cursor:default}.nt-tgt.done i{background:#fff;animation:none}.nt-bar{position:absolute;left:14px;right:14px;bottom:14px;z-index:3;display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding:.5rem;border-radius:18px;background:#fffffff0;box-shadow:0 12px 28px -14px #082b3aa6}.nt-type{display:flex;gap:4px;padding:3px;border-radius:999px;background:var(--leaf)}.nt-tb{display:inline-flex;align-items:center;gap:.45rem;padding:.48rem .85rem;border:0;border-radius:999px;background:transparent;color:var(--ink);font:700 .8rem var(--sans);cursor:pointer;transition:background .2s,color .2s}.nt-tb i{width:16px;height:6px;border-radius:3px;background:#ff7a00;box-shadow:0 0 6px #ffa03ce6}.nt-tb[data-k=copper] i{background:repeating-linear-gradient(90deg,#2f7bff 0 3px,#bfd6ff 3px 5px);box-shadow:none}.nt-tb[aria-pressed=true]{background:var(--ink);color:#fff}.nt-tb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nt-hint{flex:1;min-width:12rem;margin:0;font-size:.6rem;line-height:1.5;color:var(--muted)}.nt-reset{border:0;border-radius:999px;padding:.5rem .95rem;background:var(--ink);color:#fff;font:600 .8rem var(--sans);cursor:pointer}@media(max-width:900px){.svc-hero-scene:has(.nt-hero){aspect-ratio:1/1.18}.nt-bar{left:8px;right:8px;bottom:8px;gap:.4rem .5rem;padding:.4rem;border-radius:14px}.nt-tb{padding:.42rem .65rem;font-size:.74rem}.nt-hint{min-width:0;flex-basis:100%;order:3;padding:0 .3rem .1rem;font-size:.55rem}.nt-tgt{font-size:.62rem;padding:.3rem .55rem .3rem .42rem}}@media(prefers-reduced-motion:reduce){.nt-tgt i{animation:none}}.ns-stage{position:absolute;inset:0;background:#2a82c6}.ns-sc{position:absolute;inset:0;overflow:hidden}.ns-cv{position:absolute;inset:0}.ns-ov{position:absolute;inset:0;pointer-events:none}.ns-test{position:absolute;right:16px;bottom:16px;width:min(46%,250px);padding:10px 10px 12px;border-radius:16px;background:#2a2f3b;box-shadow:0 22px 40px -18px #08141ecc,inset 0 0 0 2px #3b414d;opacity:0;transform:translateY(30px) rotate(3deg);transition:opacity .4s,transform .6s cubic-bezier(.3,1.4,.5,1)}.ns-sc[data-step="2"] .ns-test{opacity:1;transform:rotate(-1.5deg)}.ns-test-scr{position:relative;aspect-ratio:200/96;border-radius:8px;overflow:hidden;background:#0f2b36;box-shadow:inset 0 0 18px #0009}.ns-test-scr svg{position:absolute;inset:0;width:100%;height:100%}.ns-grid{fill:none;stroke:#1c4a55;stroke-width:1}.ns-trace{fill:none;stroke:#5be37d;stroke-width:2.4;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:260;stroke-dashoffset:260}.ns-sc[data-step="2"] .ns-trace{animation:ns-trace 1.6s .3s ease-out forwards}@keyframes ns-trace{to{stroke-dashoffset:0}}.ns-pass{position:absolute;right:10%;top:22%;padding:.15em .45em;border:3px solid #39D27A;border-radius:6px;color:#39d27a;font:900 clamp(1rem,2.6vw,1.6rem)/1 var(--sans);font-stretch:110%;letter-spacing:.06em;transform:rotate(-12deg) scale(0);opacity:0;text-shadow:0 0 12px rgba(57,210,122,.6)}.ns-sc[data-step="2"] .ns-pass{animation:ns-stamp .5s 1.9s cubic-bezier(.2,1.6,.4,1) forwards}@keyframes ns-stamp{0%{transform:rotate(-12deg) scale(2.6);opacity:0}to{transform:rotate(-12deg) scale(1);opacity:1}}.ns-test-k{display:block;margin-top:8px;font-size:.58rem;color:#9fb4bc}.ns-chips{position:absolute;left:14px;top:14px;right:14px;display:flex;flex-wrap:wrap;gap:6px;opacity:0;transition:opacity .4s}.ns-sc[data-step="4"] .ns-chips{opacity:1}.ns-chip{display:inline-flex;align-items:center;gap:4px;padding:.38rem .7rem;border-radius:999px;background:#fffffff2;box-shadow:0 6px 16px -10px #082b3a99;font:500 .62rem/1 var(--mono);font-stretch:87.5%;letter-spacing:.03em;text-transform:uppercase;color:var(--ink)}.ns-chip i{width:8px;height:8px;border-radius:50%}.c-vlan i:nth-child(1){background:#2f7bff}.c-vlan i:nth-child(2){background:#ff7a00}.c-vlan i:nth-child(3){background:#2ba84a;margin-right:3px}.c-wan i{background:#2ba84a;box-shadow:0 0 0 3px #2ba84a33}.c-fw i{background:#d9481f;border-radius:2px}.ns-map{position:absolute;opacity:0;transition:opacity .5s}.ns-sc[data-step="5"] .ns-map{opacity:1}.ns-map{overflow:hidden}.ns-map svg{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:#0b2233}.ns-hr{fill:#1e4a63;stroke:#3dc0d2;stroke-width:1.6;stroke-linejoin:round}.ns-tun{fill:none;stroke:#ff7a00;stroke-width:9;stroke-linecap:round;opacity:.35}.ns-tun2{fill:none;stroke:#ffe2b0;stroke-width:3.4;stroke-linecap:round;stroke-dasharray:6 10;animation:wf-flow .9s linear infinite}.ns-lock rect{fill:#ff7a00;stroke:#0b2233;stroke-width:2}.ns-lock path{stroke:#ffe2b0;stroke-width:2.6}.ns-city{fill:#ffb547;stroke:#0b2233;stroke-width:2.4}.ns-map text{fill:#fff;font:700 16px var(--sans)}.ns-qos{position:absolute;right:3%;bottom:6%;width:42%;display:grid;gap:4px;padding:6px 7px;border-radius:8px;background:#082233d9;box-shadow:inset 0 0 0 1px #2c5b70}.ns-qos>.mono{font-size:.5rem;color:#9fd8e8}.ns-lane{position:relative;height:9px;border-radius:5px;background:#173a4d;overflow:hidden}.ns-lane i{position:absolute;top:2px;left:0;width:9px;height:5px;border-radius:3px;background:#9fb4bc;animation:ns-lane 3.2s linear infinite}.ns-lane.hi i{background:#ff7a00;animation-duration:1.1s}.ns-lane b{position:absolute;right:4px;top:0;font-size:.42rem;line-height:9px;color:#ffe2b0}@keyframes ns-lane{0%{transform:translate(-12px)}to{transform:translate(320px)}}.ns-sc.sa-off *{animation-play-state:paused!important}.ns-sc:not([data-step="5"]) .ns-lane i{animation-play-state:paused}.ns-sc.mini .ns-test{width:min(52%,210px);right:10px;bottom:10px}@media(max-width:900px){.ns-test{right:10px;bottom:10px;width:54%;padding:7px 7px 9px;border-radius:12px}.ns-chips{left:8px;top:8px;gap:4px}.ns-chip{font-size:.52rem;padding:.3rem .5rem}.ns-map text{font-size:20px}.ns-qos{width:48%}}@media(prefers-reduced-motion:reduce){.ns-sc *{animation:none!important;transition:none!important}.ns-sc[data-step="2"] .ns-trace{stroke-dashoffset:0}.ns-sc[data-step="2"] .ns-pass{transform:rotate(-12deg);opacity:1}}