.network-section{margin:0 0 40px}.network-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:18px}.network-heading h2{margin:8px 0;font-size:clamp(1.8rem,3.5vw,2.7rem)}.network-heading p{margin:0;color:#58726d}.network-summary{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:460px}.network-summary span{border-radius:30px;padding:7px 10px;background:#fff;border:1px solid #d4e3dc;font-size:.78rem;font-weight:750}.state-ok{color:#3bbf94}.state-warn{color:#e7ad55}.state-unknown{color:#9db0b5}.state-planned{color:#83a8db}.network-stage{position:relative;overflow:hidden;border-radius:27px;background:radial-gradient(circle at 50% 40%,#153e42 0,#0d2731 55%,#081d29 100%);border:1px solid #235560;box-shadow:0 20px 50px #0a33332b}.network-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#d2fff9 0.7px,transparent 0.8px);background-size:27px 27px;opacity:.13}.service-web{display:block;width:100%;max-height:690px;position:relative}.net-ring,.net-link,.net-spoke{fill:none;stroke:#448b8d;stroke-width:1.3;opacity:.35}.net-ring{stroke-dasharray:5 10;animation:net-flow 24s linear infinite}.net-spoke{stroke:#61d6bd;stroke-width:1.8;stroke-dasharray:2 13;animation:net-flow 6s linear infinite;animation-delay:var(--delay)}.net-link{opacity:.18}.net-node{cursor:pointer;outline:none}.net-halo{fill:#2d9183;opacity:.13;transition:opacity .25s}.net-core{fill:#173e46;stroke:#57cfae;stroke-width:2;transition:fill .25s,stroke-width .25s}.net-dot{fill:#64e4b5}.net-name{fill:#e9fbf6;font-size:16px;font-weight:700;paint-order:stroke;stroke:#0d2731;stroke-width:3px}.net-node:hover .net-halo,.net-node.selected .net-halo,.net-node:focus-visible .net-halo{opacity:.35}.net-node.selected .net-core,.net-node:focus-visible .net-core{stroke-width:4;fill:#236357}.net-warn .net-core{stroke:#efb764}.net-warn .net-dot{fill:#efb764}.net-unknown .net-core{stroke:#829da8}.net-unknown .net-dot{fill:#9ab0b8}.net-planned .net-core{stroke:#7ea1cf}.net-planned .net-dot{fill:#92bbf1}.net-center-halo{fill:#52d5ab;opacity:.15;transform-origin:500px 335px;animation:net-pulse 4s ease-in-out infinite}.net-center>circle:nth-child(2){fill:#0d2731;stroke:#8de6c7;stroke-width:2.5}.net-center text{fill:#e7fff5;font-size:28px;font-weight:850;letter-spacing:.03em}.net-center text:last-child{font-size:11px;letter-spacing:.25em;fill:#9adbc7}.network-detail{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 28px;background:#fff;border:1px solid #d4e3dc;border-radius:0 0 20px 20px;margin:0 16px}.network-detail h3{font-size:1.25rem;margin:7px 0}.network-detail p{margin:8px 0 0;max-width:850px;line-height:1.5;color:#506d68}.network-footnote{font-size:.78rem;color:#66817b;line-height:1.5;margin:12px 16px 0}.network-mobile-list{display:none}@keyframes net-flow{to{stroke-dashoffset:-120}}@keyframes net-pulse{50%{transform:scale(1.18);opacity:.08}}@media(max-width:850px){.network-heading{display:block}.network-summary{justify-content:flex-start;margin-top:15px}.service-web{display:none}.network-mobile-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:20px}.mobile-service{display:flex;align-items:center;gap:8px;flex-wrap:wrap;text-align:left;background:#153943;color:#effff9;border-color:#42736f;font-size:.86rem}.mobile-service small{display:block;width:100%;padding-left:19px;color:#b2cbc7;font-weight:400}.mobile-dot{width:9px;height:9px;border-radius:50%;background:#64e4b5}.net-warn .mobile-dot{background:#efb764}.net-unknown .mobile-dot{background:#9ab0b8}.net-planned .mobile-dot{background:#92bbf1}.mobile-service.selected{border-color:#b2eed5;background:#245047}.network-detail{margin:0;border-radius:0 0 20px 20px;flex-direction:column;align-items:stretch}.network-detail button{width:100%}}@media(max-width:520px){.network-mobile-list{grid-template-columns:1fr}.network-detail{padding:20px}}@media(prefers-reduced-motion:reduce){.net-ring,.net-spoke,.net-center-halo{animation:none}}