.network-map{position:absolute;inset:36px 0 78px 2%;border:1px solid #78ebea24;border-radius:14px;background:linear-gradient(145deg,#ffffff08,#ffffff02);box-shadow:0 35px 90px #00131f66;overflow:hidden}
.network-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:38px 38px}
.network-hub{position:absolute;left:50%;top:50%;width:142px;height:142px;transform:translate(-50%,-50%);border:1px solid #6ff3ed77;border-radius:50%;background:radial-gradient(circle at 35% 28%,#1fb8c0,#075a70 58%,#06364d);box-shadow:0 0 0 16px #2bd1cf0b,0 0 65px #2bd1cf4d;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3}
.network-hub small,.network-node small{font-size:8px;letter-spacing:1.6px;color:#8fb8c2}.network-hub strong{font-size:17px;line-height:1.25;letter-spacing:1.8px;text-align:center;color:#fff}
.network-node{position:absolute;z-index:3;min-width:140px;padding:13px 15px;background:#082f44e8;border:1px solid #ffffff22;box-shadow:0 14px 28px #001b2b66;display:flex;align-items:center;gap:12px}
.network-node>span{width:30px;height:30px;border-radius:4px;background:#2bd1cf17;color:#66eee8;display:grid;place-items:center;font-size:17px}.network-node strong{display:block;font-size:11px;margin-top:3px}
.node-internet{left:50%;top:4%;transform:translateX(-50%)}.node-firewall{left:4%;top:16%}.node-server{right:4%;top:16%}.node-wifi{left:5%;bottom:12%}.node-voip{right:5%;bottom:12%}.node-gsm{left:50%;bottom:4%;transform:translateX(-50%)}
.network-line{position:absolute;z-index:1;height:1px;width:39%;left:50%;top:50%;background:linear-gradient(90deg,#2bd1cf22,#67f4edcc);transform-origin:left center}.line-1{transform:rotate(-148deg)}.line-2{transform:rotate(-32deg)}.line-3{transform:rotate(148deg)}.line-4{transform:rotate(32deg)}.line-5{width:34%;transform:rotate(-90deg)}.line-6{width:34%;transform:rotate(90deg)}
.network-line:after{content:"";position:absolute;width:7px;height:7px;right:35%;top:-3px;border-radius:50%;background:#86fff8;box-shadow:0 0 13px #65f4ed;animation:data-flow 2.8s ease-in-out infinite}.line-2:after{animation-delay:.45s}.line-3:after{animation-delay:.9s}.line-4:after{animation-delay:1.35s}.line-5:after{animation-delay:1.8s}.line-6:after{animation-delay:2.25s}
.hero-visual .status-card{bottom:45px;z-index:4;min-width:300px}.hero-visual .status-card>b{font-size:12px;letter-spacing:1px}
@keyframes data-flow{0%,100%{opacity:.15;transform:translateX(-70px)}50%{opacity:1;transform:translateX(70px)}}
@media(max-width:560px){.network-map{inset:20px 0 82px}.network-hub{width:104px;height:104px}.network-node{min-width:90px;padding:8px 10px}.network-node>span{display:none}.node-internet{top:3%}.node-gsm{bottom:3%}.node-firewall{left:2%;top:18%}.node-server{right:2%;top:18%}.node-wifi{left:2%;bottom:15%}.node-voip{right:2%;bottom:15%}.hero-visual .status-card{right:0;bottom:40px;min-width:265px}}

/* Keep the main headline compact and aligned without splitting words. */
.hero-copy .hero-title{font-size:clamp(32px,4vw,64px);line-height:1.1;letter-spacing:-.035em;text-align:left}
.hero-title>span,.hero-title>em{display:block;overflow-wrap:anywhere}
@media(max-width:900px){.hero-copy .hero-title{font-size:clamp(30px,6vw,54px)}}