.network-section{background:#f6fafc}.network-intro{display:flex;justify-content:space-between;gap:70px;align-items:end}.network-intro .section-title{margin:12px 0 0}.network-intro>p{max-width:450px;margin:0;color:var(--muted);line-height:1.65}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:38px 0}.vision-grid article{padding:29px;border:2px solid #102c60;border-radius:15px;background:#fff}.vision-grid span{display:block;text-align:center;color:#0874cf;font:800 23px Manrope;text-transform:uppercase}.vision-grid p{margin:17px 0 0;color:#364864;font-size:15px;font-weight:600;line-height:1.6}.network-map{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:35px 22px;margin:45px 0 70px;border:2px solid #15366a;border-radius:16px;background:#fff}.network-map:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:2px;background:#b8d0df;z-index:0}.map-node{position:relative;z-index:1;display:grid;place-items:center;text-align:center;border-radius:50%;background:#fff;border:3px solid #0b71b9;color:#183869;font-size:11px;font-weight:800;line-height:1.2}.map-node.primary{width:78px;height:78px;background:#0879c7;border:0;color:#fff;text-transform:uppercase}.map-node.small{width:62px;height:62px}.map-node.hub{width:90px;height:90px;background:linear-gradient(135deg,#0c6abc,#06265c);border:0;color:#fff;font:700 14px Manrope}.map-node.hub small{font:600 8px "DM Sans";letter-spacing:1px}.connection-list{margin-top:42px;border:1px solid #cfdee6;border-radius:13px;overflow:hidden;background:#fff}.connection-head,.connection-list>div:not(.connection-head){display:grid;grid-template-columns:43% 1fr;gap:20px;padding:15px 23px}.connection-head{background:#082354;color:#fff;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.connection-list>div:not(.connection-head){border-top:1px solid #e0eaee}.connection-list b{color:var(--ink);font-size:14px}.connection-list p{margin:0;color:#5d6d83;font-size:14px;line-height:1.5}@media(max-width:760px){.network-intro{display:block}.network-intro .section-title{margin-bottom:15px}.vision-grid{grid-template-columns:1fr}.network-map{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 10px}.network-map:before{left:12%;right:12%}.map-node.primary{width:55px;height:55px;font-size:9px}.map-node.small{width:51px;height:51px;font-size:9px}.map-node.hub{width:64px;height:64px;font-size:10px}.connection-head,.connection-list>div:not(.connection-head){grid-template-columns:1fr;padding:14px 16px;gap:5px}.connection-head span:last-child{display:none}.connection-list p{font-size:13px}}
.network-diagram svg{display:block;overflow:visible}
.network-diagram svg g[fill="none"] path{stroke-dasharray:8 9;animation:network-flow 2.8s linear infinite}
.network-diagram svg g[fill="none"] path:last-child{stroke-dasharray:4 7;animation-duration:1.8s}
.network-diagram svg g[fill="#fff"] circle{transform-box:fill-box;transform-origin:center;animation:network-node 3.2s ease-in-out infinite}
.network-diagram svg g[fill="#fff"] circle:nth-child(2n){animation-delay:1.1s}
.network-diagram svg g[fill="#205f99"] circle{transform-box:fill-box;transform-origin:center;animation:network-hub 3.6s ease-in-out infinite}
.network-diagram svg g[fill="#205f99"] circle:nth-child(2){animation-delay:.5s}
.network-diagram svg g[fill="#205f99"] circle:nth-child(3){animation-delay:1s}
@keyframes network-flow{to{stroke-dashoffset:-34}}
@keyframes network-node{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes network-hub{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){.network-diagram svg g path,.network-diagram svg circle{animation:none!important}}
.network-diagram svg .anim-line{stroke-dasharray:800;stroke-dashoffset:800;stroke-linecap:round;animation:none;transition:stroke-dashoffset .65s ease}
.network-diagram.in-view svg .anim-line{stroke-dashoffset:0}
.network-diagram svg g[fill="#fff"],.network-diagram svg g[fill="#205f99"],.network-diagram svg g[font-family],.network-diagram svg>text{opacity:0;transition:opacity .5s ease}
.network-diagram.in-view svg g[fill="#fff"],.network-diagram.in-view svg g[fill="#205f99"],.network-diagram.in-view svg g[font-family],.network-diagram.in-view svg>text{opacity:1}
.network-diagram svg g[fill="#fff"]{transition-delay:1.1s}
.network-diagram svg g[fill="#205f99"]{transition-delay:.1s}
.network-diagram svg g[font-family]{transition-delay:1.3s}
.network-diagram svg>text{transition-delay:1.5s}
.network-diagram.in-view svg g[fill="#205f99"] circle:nth-child(2){animation:pharmacy-pulse 2.5s ease-in-out 3s infinite}
@keyframes pharmacy-pulse{50%{filter:drop-shadow(0 0 12px #4bb3e8)}}
@media(prefers-reduced-motion:reduce){.network-diagram svg .anim-line,.network-diagram svg g,.network-diagram svg>text{opacity:1!important;stroke-dashoffset:0!important;transition:none!important;animation:none!important}}
/* Staged network reveal: override the base dashed-line motion above. */
.network-diagram svg g[fill="none"] path.anim-line{stroke-dasharray:800!important;stroke-dashoffset:800!important;stroke-linecap:round;animation:none!important;transition:stroke-dashoffset .9s cubic-bezier(.2,.75,.25,1)}
.network-diagram.in-view svg g[fill="none"] path.anim-line{stroke-dashoffset:0!important}
.network-diagram svg g[fill="none"] path.t-line-1{transition-delay:.15s}
.network-diagram svg g[fill="none"] path.t-line-2{transition-delay:.65s}
.network-diagram svg g[fill="none"] path.t-line-3{transition-delay:1.15s}
.network-diagram svg g[fill="none"] path.t-line-4{transition-delay:1.65s}
.network-diagram svg g[fill="none"] path.t-line-5{transition-delay:2.05s}
.network-diagram svg g[fill="#fff"],.network-diagram svg g[fill="#205f99"],.network-diagram svg g[font-family],.network-diagram svg>text{transform-box:fill-box;transform-origin:center;transform:translateY(12px) scale(.96);opacity:0;transition:opacity .55s ease,transform .65s cubic-bezier(.2,.75,.25,1)}
.network-diagram.in-view svg g[fill="#fff"],.network-diagram.in-view svg g[fill="#205f99"],.network-diagram.in-view svg g[font-family],.network-diagram.in-view svg>text{transform:translateY(0) scale(1);opacity:1}
.network-diagram svg g[fill="#205f99"]{transition-delay:.05s}
.network-diagram svg g[fill="#fff"]{transition-delay:1.15s}
.network-diagram svg g[font-family]{transition-delay:1.45s}
.network-diagram svg>text{transition-delay:1.65s}
.network-diagram.in-view svg g[fill="#205f99"] circle:nth-child(2){animation:pharmacy-pulse 2.5s ease-in-out 2.8s infinite}
@keyframes pharmacy-pulse{50%{filter:drop-shadow(0 0 13px #4bb3e8)}}
@media(prefers-reduced-motion:reduce){.network-diagram svg g[fill="none"] path.anim-line,.network-diagram svg g[fill="#fff"],.network-diagram svg g[fill="#205f99"],.network-diagram svg g[font-family],.network-diagram svg>text{opacity:1!important;transform:none!important;stroke-dashoffset:0!important;transition:none!important;animation:none!important}}
/* Restore the original always-running flow animation. */
.network-diagram svg g[fill="none"] path.anim-line{stroke-dasharray:8 9!important;stroke-dashoffset:0!important;stroke-linecap:round;animation:network-flow 2.8s linear infinite!important;transition:none!important}
.network-diagram svg g[fill="none"] path.anim-line:last-child{stroke-dasharray:4 7!important;animation-duration:1.8s!important}
.network-diagram svg g[fill="#fff"],.network-diagram svg g[fill="#205f99"],.network-diagram svg g[font-family],.network-diagram svg>text{opacity:1!important;transform:none!important;transition:none!important}
.network-diagram.in-view svg g[fill="#205f99"] circle:nth-child(2){animation:none}
@media(prefers-reduced-motion:reduce){.network-diagram svg g[fill="none"] path.anim-line,.network-diagram svg g[fill="#fff"] circle,.network-diagram svg g[fill="#205f99"] circle,.network-diagram svg g[fill="#48b9ec"] circle{animation:none!important}}