.hero-network-v2-host{isolation:isolate}
.hero-network-v2-back,.hero-network-v2-front{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-network-v2-back{z-index:1}
.hero-network-v2-front{z-index:2}
.hero-network-v2-host>.auto-container{z-index:3}
.hero-network-v2__svg,.hero-network-v2__svg>svg{display:block;width:100%;height:100%;overflow:hidden}
.hero-network-v2-enabled .hero-shield{margin-left:10.983%}
.hero-network-v2-enabled .hero-network__svg,
.hero-network-v2-enabled .hero-premium-links,
.hero-network-v2-enabled .hero-premium-nodes,
.hero-network-v2-enabled .hero-icon{opacity:0!important;visibility:hidden!important}

.network-scene{opacity:0;visibility:hidden;transition:opacity .38s ease}
.hero-mode-cyber .network-scene--audit,
.hero-mode-pentest .network-scene--pentest,
.hero-mode-infra .network-scene--infra{opacity:1;visibility:visible}
.hero-network-v2-back .network-scene{opacity:1;visibility:visible}

.network-decoration-grid,.network-node-grid{pointer-events:none}
.network-decor{transform-box:fill-box;transform-origin:center;transition:x .22s ease,y .22s ease,width .22s ease,height .22s ease,filter .22s,opacity .22s}
.network-decor--far{opacity:.68;filter:drop-shadow(0 0 3px rgba(48,211,255,.34))}
.network-decor--mid{opacity:.82;filter:drop-shadow(0 0 4px rgba(48,211,255,.46))}
.network-decor--near{opacity:.94;filter:drop-shadow(0 0 6px rgba(48,211,255,.58))}
.network-decor.is-signal-active{filter:drop-shadow(0 0 5px rgba(244,255,255,.92)) drop-shadow(0 0 11px rgba(0,229,255,.82))}

.network-base-path,.network-fiber-path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.network-base-path{stroke:rgba(4,25,43,.86);stroke-width:3}
.network-fiber-path{stroke:rgba(29,194,232,.62);stroke-width:1.05;filter:drop-shadow(0 0 2.6px rgba(31,211,255,.42));transition:stroke .2s,filter .2s,opacity .2s}
.network-link.depth-far{opacity:.38}.network-link.depth-mid{opacity:.66}.network-link.depth-near{opacity:.86}
.network-link.depth-far .network-base-path{stroke-width:1.9}.network-link.depth-far .network-fiber-path{stroke-width:.7}
.network-link.depth-near .network-base-path{stroke-width:3.6}.network-link.depth-near .network-fiber-path{stroke-width:1.3}
.network-link.is-pointer-awake .network-fiber-path{stroke:rgba(117,237,255,.9);filter:drop-shadow(0 0 5px rgba(47,220,255,.68))}
.network-link--critical .network-fiber-path{stroke:rgba(255,74,91,.7);filter:drop-shadow(0 0 3.5px rgba(255,55,75,.48))}

.network-node-halo{fill:rgba(9,83,114,.14);stroke:rgba(45,205,240,.3);stroke-width:.85;vector-effect:non-scaling-stroke}
.network-node-ring,.network-node-tick{fill:none;stroke:rgba(75,222,251,.73);stroke-width:1.05;vector-effect:non-scaling-stroke}
.network-node-core{fill:#c9faff;filter:url(#v2-soft-glow);transition:transform .2s,fill .2s}
.network-node-pin{fill:#fff}
.network-node{transform-box:fill-box;transform-origin:center;transition:filter .2s}
.network-node.depth-far{opacity:.48}.network-node.depth-mid{opacity:.72}.network-node.depth-near{opacity:.94}
.network-node.is-signal-active .network-node-core,.network-node.is-pointer-awake .network-node-core{transform:scale(1.07);fill:#fff}
.network-node.is-signal-active,.network-node.is-pointer-awake{filter:drop-shadow(0 0 5px rgba(40,218,255,.64))}
.hero-mode-cyber .network-node.is-signal-active .network-node-core{fill:#8fffc7}

.network-packet{opacity:0;transition:opacity .14s linear}
.network-packet.is-running{opacity:1}
.network-pulse-halo,.network-pulse-trail,.network-pulse-core{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.network-pulse-halo{stroke:#006eff;stroke-width:6.4;opacity:.78;filter:drop-shadow(0 0 4px rgba(0,229,255,.88)) drop-shadow(0 0 10px rgba(0,110,255,.82)) drop-shadow(0 0 16px rgba(0,72,255,.68))}
.network-pulse-trail{stroke:#00e5ff;stroke-width:3.8;opacity:1;filter:drop-shadow(0 0 2px rgba(0,229,255,1)) drop-shadow(0 0 5px rgba(0,157,255,.86)) drop-shadow(0 0 9px rgba(0,110,255,.72))}
.network-pulse-core{stroke:#f4ffff;stroke-width:2.2;opacity:1;filter:drop-shadow(0 0 2px rgba(244,255,255,1)) drop-shadow(0 0 5px rgba(0,229,255,.94)) drop-shadow(0 0 10px rgba(0,110,255,.76))}
.network-packet--valid .network-pulse-trail{stroke:#00e5ff}
.network-packet--valid .network-pulse-core{stroke:#effff7}
.network-packet--attack.is-impact .network-pulse-trail{stroke:#ff4153;filter:drop-shadow(0 0 3px rgba(255,65,83,1)) drop-shadow(0 0 8px rgba(255,35,65,.9)) drop-shadow(0 0 13px rgba(0,110,255,.55))}
.network-packet--attack.is-impact .network-pulse-core{stroke:#fff4f5;filter:drop-shadow(0 0 3px rgba(255,255,255,1)) drop-shadow(0 0 7px rgba(255,65,83,.95))}
.network-packet--attack.is-impact .network-pulse-halo{stroke:#ff2341;filter:drop-shadow(0 0 5px rgba(255,65,83,.95)) drop-shadow(0 0 12px rgba(255,35,65,.8))}
.network-link.is-pointer-awake .network-fiber-path{stroke:rgba(117,237,255,.95);filter:drop-shadow(0 0 5px rgba(47,220,255,.72))}

.hero-network-mobile{display:none;position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}
.hero-network-mobile__svg{display:block;width:100%;height:100%;overflow:hidden}
.mobile-network-fiber{fill:none;stroke:rgba(45,207,244,.48);stroke-width:.85;vector-effect:non-scaling-stroke;stroke-linecap:round;filter:drop-shadow(0 0 2.5px rgba(18,191,255,.42))}
.mobile-network-point__halo{fill:rgba(0,118,181,.11);stroke:rgba(31,198,241,.22);stroke-width:.7;vector-effect:non-scaling-stroke}
.mobile-network-point__ring{fill:rgba(0,89,141,.2);stroke:rgba(86,227,255,.72);stroke-width:.9;vector-effect:non-scaling-stroke}
.mobile-network-point__core{fill:#d9fbff;filter:drop-shadow(0 0 3px rgba(0,220,255,.76))}
.mobile-network-point{transform-box:fill-box;transform-origin:center}
.mobile-network-point.is-signal-active{filter:drop-shadow(0 0 5px rgba(0,222,255,.72))}
.mobile-network-point.is-signal-active .mobile-network-point__core{fill:#fff}
.mobile-network-packet{opacity:0;transition:opacity .12s linear}
.mobile-network-packet.is-running{opacity:1}
.mobile-network-packet .network-pulse-halo{stroke-width:3.4;opacity:.58;filter:drop-shadow(0 0 3px rgba(0,229,255,.62)) drop-shadow(0 0 7px rgba(0,110,255,.56))}
.mobile-network-packet .network-pulse-trail{stroke-width:2;filter:drop-shadow(0 0 2px rgba(0,229,255,.8)) drop-shadow(0 0 5px rgba(0,110,255,.52))}
.mobile-network-packet .network-pulse-core{stroke-width:1.1;filter:drop-shadow(0 0 2px rgba(244,255,255,.9)) drop-shadow(0 0 4px rgba(0,229,255,.66))}

@media(max-width:991px){
  .hero-network-v2-back,.hero-network-v2-front{display:none!important}
  .hero-network-mobile{display:block}
  .hero-network-v2-enabled .hero-shield{margin-left:0}
  .hero-network-v2-enabled .hero-network__svg,
  .hero-network-v2-enabled .hero-premium-links,
  .hero-network-v2-enabled .hero-premium-nodes,
  .hero-network-v2-enabled .hero-icon{opacity:0!important;visibility:hidden!important}
}

@media(prefers-reduced-motion:reduce){
  .network-packet,.mobile-network-packet{display:none!important}
}
