.hd[data-astro-cid-wctjwowc]{background:var(--bg-raised);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:clamp(1rem,2.5vw,1.5rem);position:relative}svg[data-astro-cid-wctjwowc]{width:100%;height:auto;display:block;overflow:visible}text[data-astro-cid-wctjwowc]{font-family:var(--font-body)}.zone[data-astro-cid-wctjwowc]{fill:var(--muted);font-size:11.5px;font-weight:600}.t[data-astro-cid-wctjwowc]{fill:var(--text);font-size:14px;font-weight:650}.s[data-astro-cid-wctjwowc]{fill:var(--muted);font-size:11.5px}.lbl[data-astro-cid-wctjwowc]{fill:var(--muted);font-size:11px;font-weight:500}.n[data-astro-cid-wctjwowc]{fill:var(--text-2);font-size:12.5px;font-weight:500}.box[data-astro-cid-wctjwowc]{fill:var(--bg);stroke:var(--line-strong)}.box[data-astro-cid-wctjwowc].ext{stroke:var(--ext);fill:color-mix(in srgb, var(--ext) 7%, var(--bg-raised))}.band[data-astro-cid-wctjwowc]{fill:color-mix(in srgb, var(--net) 8%, var(--bg-raised));stroke:var(--net)}.host[data-astro-cid-wctjwowc]{fill:var(--bg);stroke:var(--line-strong)}.svc[data-astro-cid-wctjwowc] rect[data-astro-cid-wctjwowc]{fill:var(--bg-raised);stroke:var(--line)}.led[data-astro-cid-wctjwowc]{fill:var(--ok)}.wire[data-astro-cid-wctjwowc]{fill:none;stroke:var(--line-strong);stroke-width:1.5px}.wire[data-astro-cid-wctjwowc].beat{stroke:color-mix(in srgb, var(--ok) 60%, var(--line-strong));stroke-dasharray:4 4}.n1[data-astro-cid-wctjwowc]{--d:50ms}.n2[data-astro-cid-wctjwowc]{--d:.12s}.n3[data-astro-cid-wctjwowc]{--d:.19s}.n4[data-astro-cid-wctjwowc]{--d:.26s}.n5[data-astro-cid-wctjwowc]{--d:.33s}.n6[data-astro-cid-wctjwowc]{--d:.4s}.w1[data-astro-cid-wctjwowc]{--d:.55s}.w2[data-astro-cid-wctjwowc]{--d:.75s}.w3[data-astro-cid-wctjwowc]{--d:.95s}.pkt[data-astro-cid-wctjwowc]{fill:var(--accent);opacity:0}.pkt-beat[data-astro-cid-wctjwowc]{fill:var(--ok)}figcaption[data-astro-cid-wctjwowc]{color:var(--muted);margin-top:.9rem;font-size:.88rem;line-height:1.55}@media (prefers-reduced-motion:no-preference){.node[data-astro-cid-wctjwowc]{animation:node-in .6s var(--ease-out) var(--d) both}.wire[data-astro-cid-wctjwowc]:not(.beat){stroke-dasharray:1;stroke-dashoffset:1px;animation:draw .7s var(--ease-out) var(--d) forwards}.wire[data-astro-cid-wctjwowc].beat{animation:node-in .6s var(--ease-out) var(--d) both}.pkt-web[data-astro-cid-wctjwowc]{animation:go-x 6s var(--ease-out) 1.5s infinite}.pkt-vpn[data-astro-cid-wctjwowc]{animation:6s cubic-bezier(.45,0,.25,1) 2.7s infinite go-down}.pkt-beat[data-astro-cid-wctjwowc]{animation:6s cubic-bezier(.45,0,.25,1) 4.1s infinite go-up}.svc[data-astro-cid-wctjwowc].vpn .led[data-astro-cid-wctjwowc]{transform-box:fill-box;transform-origin:50%;animation:6s linear 2.7s infinite blink}}@keyframes node-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes go-x{0%{opacity:0;transform:translate(0)}4%{opacity:1}18%{opacity:1;transform:translate(72px)}24%,to{opacity:0;transform:translate(72px)}}@keyframes go-down{0%{opacity:0;transform:translateY(0)}4%{opacity:1}26%{opacity:1;transform:translateY(172px)}30%,to{opacity:0;transform:translateY(172px)}}@keyframes go-up{0%{opacity:0;transform:translateY(0)}4%{opacity:1}20%{opacity:1;transform:translateY(-112px)}26%,to{opacity:0;transform:translateY(-112px)}}@keyframes blink{0%,24%{opacity:1;transform:scale(1)}27%{opacity:1;transform:scale(1.8)}34%,to{opacity:1;transform:scale(1)}}