.yp-network{--yn-cyan:#75def8;--yn-muted:#a4bbc9;background:#071725;color:#eef7fb;font-family:Arial,sans-serif;padding:48px 48px 0;border:1px solid #203a4b;border-radius:12px;overflow:hidden;isolation:isolate;text-align:left;width:100%;box-sizing:border-box;box-shadow:0 24px 60px #102c4018}.yp-network *{box-sizing:border-box}.yn-head{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end}.yp-network .yn-kicker{font:600 11px/1.5 Arial;letter-spacing:.2em;color:var(--yn-cyan);margin:0 0 20px}.yp-network h2{font:500 clamp(29px,3.2vw,46px)/1.15 Arial;letter-spacing:-.045em;text-transform:none;color:#f1f7fa;margin:0}.yp-network h2 span{color:#8daabd}.yn-intro p{font:15px/1.7 Arial;color:#b3c7d4;margin:0 0 16px}.yn-toggle{font:12px/1.4 Arial!important;color:#c0d7e4!important;background:transparent!important;border:1px solid #486274!important;border-radius:5px;padding:11px 14px!important;min-height:44px;cursor:pointer}.yn-toggle:hover{border-color:#75def8!important}.yn-toggle:focus-visible,.yn-contact:focus-visible{outline:2px solid #75def8;outline-offset:4px}.yn-map{position:relative;margin-top:36px;border-top:1px solid #244051;border-bottom:1px solid #244051;background:radial-gradient(ellipse at 65% 50%,#13334960,transparent 65%)}.yn-map-meta,.yn-map-bottom{display:flex;justify-content:space-between;gap:20px;position:relative;z-index:1;color:#a9c1d0;font:10px/1.6 Arial;letter-spacing:.12em;padding:20px 0}.yn-status{color:#75def8}.yn-map svg{display:block;width:100%;height:auto;overflow:visible}.yn-land{fill:#193448;stroke:#386077;stroke-width:.4;stroke-linejoin:round}.yn-route{fill:none;stroke:#55b1d0;stroke-width:.85;opacity:.5}.yn-flow{fill:none;stroke:#a5efff;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:2 98;animation:yn-flow 9s linear infinite;animation-delay:var(--delay);filter:drop-shadow(0 0 3px #64d9ff);animation-play-state:paused}.yn-node{fill:#a2e8fa;stroke:#6ccbe4;stroke-width:5;stroke-opacity:.15}.yn-label{fill:#bbd0dd;font:12px Arial}.yn-hub-label{fill:#a8e9fa;font:600 11px Arial;letter-spacing:1px}.yn-pulse{fill:none;stroke:#53cdf5;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:yn-pulse 4s ease-out infinite;animation-play-state:paused}.yn-map-bottom{padding:14px 0;letter-spacing:.03em;flex-wrap:wrap}.yn-map-bottom i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#75def8;margin-right:6px}.yn-map-bottom b{font-weight:400;color:#75def8;padding:0 10px}.yn-services{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:30px 0 26px}.yn-number{font:10px Arial;letter-spacing:.13em;color:#75def8}.yp-network h3{font:500 17px/1.4 Arial;text-transform:none;color:#eaf5fa;margin:12px 0 8px}.yn-services p{font:13px/1.7 Arial;color:#a4bbc9;margin:0}.yn-contact{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #244051;padding:18px 0 0;color:#d9f4ff!important;font:13px Arial;min-height:44px;text-decoration:none!important}.yn-contact:hover{color:#75def8!important}.yp-network.yn-running .yn-flow,.yp-network.yn-running .yn-pulse{animation-play-state:running}.yp-network.yn-paused .yn-flow,.yp-network.yn-paused .yn-pulse{animation-play-state:paused}@keyframes yn-flow{to{stroke-dashoffset:-100}}@keyframes yn-pulse{0%{transform:scale(.6);opacity:.9}90%,100%{transform:scale(2.2);opacity:0}}@media(max-width:900px){.yp-network{padding:32px 28px 0}.yn-head{gap:28px}.yp-network h2{font-size:32px}}@media(max-width:600px){.yp-network{padding:28px 20px 0;border-radius:8px}.yn-head{grid-template-columns:1fr;gap:20px}.yp-network h2{font-size:31px}.yn-intro p{font-size:14px}.yn-map{margin-top:24px}.yn-map-meta{display:block;padding:16px 0;font-size:9px}.yn-status{display:block;margin-top:8px}.yn-label{font-size:15px}.yn-map svg{width:calc(100% + 24px);margin-left:-12px}.yn-map-bottom{font-size:10px;gap:8px}.yn-services{grid-template-columns:1fr;gap:22px}.yn-services>div{border-bottom:1px solid #203847;padding-bottom:18px}.yn-contact{margin-top:-10px}.yn-flow{stroke-width:2.5}}
.yn-regions{display:none}.yn-map:after{content:"";position:absolute;top:16%;left:0;width:14%;height:65%;background:linear-gradient(90deg,transparent,#67c9ec08,transparent);pointer-events:none;animation:yn-scan 16s linear infinite;animation-play-state:paused}.yn-running .yn-map:after{animation-play-state:running}.yn-paused .yn-map:after{animation-play-state:paused}@keyframes yn-scan{from{transform:translateX(-120%)}to{transform:translateX(800%)}}@media(max-width:600px){.yn-label,.yn-hub-label{display:none}.yp-network .yn-regions{display:block;color:#bed3df;font:12px/1.9 Arial;margin:12px 0 0}.yn-map-bottom{font-size:11px;letter-spacing:0}.yn-map-meta{font-size:10px}}
/* Compact desktop network: keep the complete map inside a normal laptop viewport. */
@media(min-width:901px){.yp-network{padding:24px 32px 0}.yn-head{gap:36px;align-items:center}.yp-network .yn-kicker{margin-bottom:10px;font-size:10px}.yp-network h2{font-size:clamp(28px,2.5vw,36px);line-height:1.12}.yn-intro p{font-size:14px;margin:0;max-width:370px}.yn-map{margin-top:18px}.yn-map-meta{padding:10px 0}.yn-map svg{height:clamp(290px,calc(100vh - 340px),440px);width:100%;overflow:hidden}.yn-map-bottom{padding:8px 0;font-size:10px}.yn-services{padding:16px 0 14px;gap:14px 24px}.yp-network h3{font-size:15px;margin:7px 0 5px}.yn-services p{font-size:12px;line-height:1.5}.yn-number{font-size:9px}.yn-contact{padding-top:12px;min-height:30px;font-size:12px}}

/* Map-first layout: service cards removed, regions remain easy to read. */
.yp-network{padding-bottom:20px}.yn-label{font-size:16px;fill:#d4e5ee}.yn-hub-label{font-size:13px}@media(min-width:901px){.yn-map{border-bottom:0}.yn-map-bottom{padding-bottom:0}}