.service-network{--network-accent:#e1e100;position:relative;margin-top:clamp(48px,7vw,90px);padding:clamp(22px,4vw,48px);border:1px solid rgba(193,220,182,.15);border-radius:24px;background:#091c13;isolation:isolate}
.service-network .network-intro{max-width:620px;margin-bottom:26px}
.service-network .network-intro h3{font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.15;margin:12px 0;color:#f2f5ef;letter-spacing:-.04em}
.service-network .network-intro p{color:#b7c5b7;line-height:1.6;font-size:1rem;margin:0}
.network-map{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.9fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(90px,auto)) minmax(90px,auto);gap:36px 70px;align-items:center;max-width:960px;margin:38px auto 0}
.network-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}
.network-wire{fill:none;stroke:#35563e;stroke-width:1.5;vector-effect:non-scaling-stroke;transition:stroke .25s,opacity .25s}
.network-signal{fill:none;stroke:var(--network-accent);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:5 95;animation:network-flow 6s linear infinite;animation-delay:var(--delay);animation-play-state:paused;vector-effect:non-scaling-stroke;opacity:.8}
.service-network.is-visible .network-signal{animation-play-state:running}
.network-map.has-focus .network-wire,.network-map.has-focus .network-signal{opacity:.18}
.network-map.has-focus .is-active .network-wire{stroke:var(--network-accent);opacity:1}
.network-map.has-focus .is-active .network-signal{opacity:1}
.network-node{position:relative;display:flex;align-items:center;gap:14px;min-height:90px;padding:18px;border:1px solid #36513b;border-radius:14px;background:#10271a;color:#f2f5ef;text-decoration:none;transition:border-color .25s,background .25s,transform .25s;min-width:0}
.network-node:hover,.network-node:focus-visible{border-color:var(--network-accent);background:#19331f;transform:translateY(-3px);outline:2px solid transparent}
.network-node:focus-visible{outline-color:var(--network-accent);outline-offset:5px}
.network-node svg{width:25px;height:25px;flex:0 0 25px;fill:none;stroke:var(--network-accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.network-node strong{display:block;font-size:1rem;font-weight:600;line-height:1.3}
.network-node small{display:block;margin-top:4px;font-size:.875rem;line-height:1.4;color:#b7c5b7}
.network-node[data-service="web"]{grid-area:1/1}
.network-node[data-service="ads"]{grid-area:1/3}
.network-node[data-service="social"]{grid-area:2/1}
.network-node[data-service="seo"]{grid-area:2/3}
.network-node[data-service="menu"]{grid-area:3/1}
.network-node[data-service="nfc"]{grid-area:3/3}
.network-node[data-service="automation"]{grid-area:4/2;justify-content:center}
.network-hub{grid-area:2/2;justify-self:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;width:150px;height:150px;border:1px solid #ffff00;border-radius:50%;background:#ffff00;color:#111114;box-shadow:0 0 0 12px #091c13,0 0 0 13px #284533}
.network-hub img{width:80px;height:65px;object-fit:contain;margin-bottom:-6px}
.network-hub span{font-size:1rem;letter-spacing:-.03em;font-weight:700;line-height:1}
@keyframes network-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@media(max-width:850px){.network-map{gap:28px 24px;grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr)}.network-node{padding:14px;gap:10px;flex-direction:column;text-align:center}.network-hub{width:124px;height:124px}.network-hub img{width:66px;height:54px}.network-node strong{font-size:.9375rem}}
@media(max-width:600px){.service-network{padding:24px 18px;border-radius:18px}.network-map{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:42px 24px;margin-top:32px}.network-hub{grid-area:1/1/2/3;margin-bottom:8px}.network-node[data-service="web"]{grid-area:2/1}.network-node[data-service="ads"]{grid-area:2/2}.network-node[data-service="social"]{grid-area:3/1}.network-node[data-service="seo"]{grid-area:3/2}.network-node[data-service="menu"]{grid-area:4/1}.network-node[data-service="nfc"]{grid-area:4/2}.network-node[data-service="automation"]{grid-area:5/1/6/3;flex-direction:row;max-width:260px;justify-self:center;width:100%}.network-node{min-height:108px}.network-node small{font-size:.875rem}.network-hub{width:130px;height:130px}}
@media(prefers-reduced-motion:reduce){.network-signal{display:none}.network-node{transition:none}.network-node:hover,.network-node:focus-visible{transform:none}}