.hero-visual{border-radius:44% 44% 4px 4px;background:radial-gradient(circle at 50% 45%,#203b32 0,#14241f 38%,#0d1815 78%);isolation:isolate}
.tech-grid{position:absolute;inset:0;opacity:.11;background-image:linear-gradient(rgba(217,255,99,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(217,255,99,.35) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle,#000,transparent 79%);animation:gridDrift 12s linear infinite}
.network-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.network-lines path{fill:none;stroke:rgba(166,230,201,.28);stroke-width:1.3}.network-lines .pulse{stroke:var(--lime);stroke-width:2.6;stroke-dasharray:4 52;filter:url(#glow);animation:signalFlow 2.8s linear infinite}.network-lines .p2{animation-delay:-.45s}.network-lines .p3{animation-delay:-.9s}.network-lines .p4{animation-delay:-1.35s}.network-lines .p5{animation-delay:-1.8s}.network-lines .p6{animation-delay:-2.25s}
.tech-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:138px;height:138px;border-radius:50%;background:var(--lime);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;box-shadow:0 0 0 11px rgba(217,255,99,.08),0 0 50px rgba(217,255,99,.2)}.tech-core:after{content:"";position:absolute;inset:-22px;border:1px dashed rgba(217,255,99,.55);border-radius:50%;animation:spin 18s linear infinite}.core-ring{position:absolute;inset:-36px;border:1px solid rgba(166,230,201,.2);border-radius:50%;animation:pulseRing 2.8s ease-out infinite}.tech-core>span{font:800 30px Manrope;line-height:1}.tech-core strong{font:800 12px Manrope;letter-spacing:.15em;margin-top:7px}.tech-core small{font-size:9px;margin-top:5px;opacity:.7;max-width:100px;text-align:center;min-height:12px}
.service-node{position:absolute;width:104px;height:76px;border:1px solid rgba(166,230,201,.32);background:rgba(13,24,21,.86);backdrop-filter:blur(8px);color:white;padding:10px 12px;z-index:4;transition:.35s ease;box-shadow:0 8px 22px rgba(0,0,0,.18)}.service-node:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#698079;box-shadow:0 0 0 4px rgba(166,230,201,.06);top:10px;right:10px}.service-node i,.service-node b,.service-node small{display:block}.service-node i{font-style:normal;font:600 8px Manrope;color:#799188}.service-node b{font:750 18px Manrope;letter-spacing:.04em;margin-top:5px}.service-node small{font-size:9px;color:#92a29b}.service-node.active{border-color:var(--lime);transform:scale(1.08);background:rgba(35,58,49,.98);box-shadow:0 0 30px rgba(217,255,99,.17)}.service-node.active:before{background:var(--lime);box-shadow:0 0 10px var(--lime)}
.n1{left:50%;top:5%;transform:translateX(-50%)}.n1.active{transform:translateX(-50%) scale(1.08)}.n2{right:5%;top:23%}.n3{right:4%;bottom:18%}.n4{left:50%;bottom:4%;transform:translateX(-50%)}.n4.active{transform:translateX(-50%) scale(1.08)}.n5{left:4%;bottom:18%}.n6{left:5%;top:23%}
.data-chip{position:absolute;font:600 8px Manrope;letter-spacing:.09em;color:#81928b;background:rgba(13,24,21,.8);border:1px solid rgba(255,255,255,.08);padding:7px 9px;z-index:2}.data-chip span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--orange);margin-right:6px;animation:blink 1.2s infinite}.chip-a{left:5%;top:8%}.chip-b{right:5%;bottom:6%}.chip-b span{background:var(--mint);animation-delay:.5s}.system-readout{position:absolute;left:50%;bottom:1.5%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;font:600 7px Manrope;letter-spacing:.12em;color:#74877f}.system-readout b{color:var(--lime);font-size:7px}.system-readout b:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--lime);margin-right:4px;box-shadow:0 0 8px var(--lime)}
@keyframes signalFlow{to{stroke-dashoffset:-112}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseRing{0%{transform:scale(.9);opacity:.8}80%,100%{transform:scale(1.28);opacity:0}}@keyframes gridDrift{to{background-position:34px 34px}}@keyframes blink{50%{opacity:.25}}
@media(max-width:600px){.tech-core{width:112px;height:112px}.service-node{width:84px;height:65px;padding:8px}.service-node b{font-size:15px}.n2,.n3{right:2%}.n5,.n6{left:2%}.data-chip{display:none}.network-lines{transform:scale(.88)}}
@media(prefers-reduced-motion:reduce){.tech-grid,.network-lines .pulse,.tech-core:after,.core-ring,.data-chip span{animation:none}}