.topology-section{padding-top:2rem}.topology-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:end;margin-bottom:2rem}.topology-heading h2{font-size:clamp(2.5rem,5vw,5.2rem);max-width:850px}.topology-heading>p{color:var(--muted);font-size:1.05rem;max-width:540px}
.network-topology{position:relative;min-height:630px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:34px;background:radial-gradient(circle at 50% 48%,rgba(26,215,231,.2),transparent 18%),radial-gradient(circle at 14% 10%,rgba(190,255,80,.1),transparent 24%),linear-gradient(145deg,#0b1427,#101e38 55%,#091426);box-shadow:18px 20px 0 var(--lime);isolation:isolate}.network-topology:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at center,#000 15%,transparent 78%)}
.topology-lines{position:absolute;inset:4% 5% 12%;width:90%;height:78%;overflow:visible}.topology-lines path{fill:none}.topology-track{stroke:rgba(150,184,218,.3);stroke-width:2;stroke-dasharray:8 10}.topology-pulse{stroke:var(--cyan);stroke-width:4;stroke-linecap:round;stroke-dasharray:10 120;filter:drop-shadow(0 0 8px var(--cyan));animation:topology-flow 4.2s linear infinite}.pulse-two{animation-delay:-1.4s}.pulse-three{animation-delay:-2.8s}
.publication-node{position:absolute;width:min(290px,28%);z-index:2;padding:1.35rem 1.45rem;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(18,31,55,.88);backdrop-filter:blur(14px);box-shadow:0 24px 50px rgba(0,0,0,.28);color:white;transition:transform .3s,border-color .3s}.publication-node:hover{transform:translateY(-6px);border-color:var(--cyan)}.publication-node b{display:block;margin:.45rem 0;font:800 clamp(1.4rem,2.4vw,2rem) Manrope}.publication-node p{min-height:3.8em;margin:.2rem 0 .85rem;color:#aebbd0;font-size:.88rem}.publication-node a{color:var(--lime);font:700 .82rem Manrope;text-decoration:none}.node-status{display:inline-flex;align-items:center;gap:.4rem;color:#9eb0c8;font:700 .66rem Manrope;letter-spacing:.1em;text-transform:uppercase}.node-status:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}
.node-byd{left:6%;top:7%;transform:rotate(-1deg)}.node-xpeng{right:6%;top:7%;transform:rotate(1deg)}.node-mg{left:6%;bottom:8%;transform:rotate(1deg)}.node-deal{right:6%;bottom:8%;transform:rotate(-1deg)}
.control-node{position:absolute;left:50%;top:45%;z-index:3;width:220px;height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:translate(-50%,-50%);border:1px solid rgba(26,215,231,.55);border-radius:50%;background:radial-gradient(circle at 36% 30%,#254a6c,#101e36 68%);box-shadow:0 0 0 12px rgba(26,215,231,.05),0 0 70px rgba(26,215,231,.28);color:white}.control-node strong{max-width:160px;font:800 1.5rem/1.1 Manrope}.control-node small{margin-top:.6rem;color:#9eacc1;font-size:.62rem}.control-kicker{margin-bottom:.55rem;color:var(--cyan);font:800 .56rem Manrope;letter-spacing:.12em;text-transform:uppercase}.control-orbit{position:absolute;inset:-14px;border:1px dashed rgba(190,255,80,.65);border-radius:50%;animation:topology-spin 20s linear infinite}.control-orbit:after{content:'';position:absolute;left:16%;top:4%;width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px var(--lime)}
.topology-legend{position:absolute;left:2rem;right:2rem;bottom:1.2rem;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.topology-legend span{display:flex;align-items:center;gap:.6rem;padding:.7rem .8rem;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(8,17,32,.76);color:#c2cddd;font:700 .66rem Manrope}.topology-legend i{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(26,215,231,.13);color:var(--cyan);font-style:normal}
.independence-strip{display:grid;grid-template-columns:auto 1fr 1fr;gap:1.2rem;margin-top:1.2rem;padding:1.15rem 1.3rem;border:1px solid var(--line);border-radius:16px;background:white;align-items:center}.independence-strip strong{font:800 .85rem Manrope;color:var(--ink)}.independence-strip span{color:var(--muted);font-size:.78rem}.independence-strip span:last-child{padding-left:1.2rem;border-left:1px solid var(--line)}
@keyframes topology-flow{to{stroke-dashoffset:-260}}@keyframes topology-spin{to{transform:rotate(360deg)}}
@media(max-width:800px){.topology-heading{grid-template-columns:1fr;gap:1rem}.network-topology{min-height:auto;padding:1rem;box-shadow:10px 12px 0 var(--lime)}.topology-lines,.control-node{display:none}.publication-node{position:relative;inset:auto;width:100%;margin-bottom:.75rem;transform:none}.publication-node:hover,.node-deal:hover{transform:translateY(-3px)}.publication-node p{min-height:0;font-size:.92rem}.topology-legend{position:relative;inset:auto;grid-template-columns:1fr 1fr;margin-top:.5rem}.independence-strip{grid-template-columns:1fr}.independence-strip span:last-child{padding:0;border:0}}
@media(max-width:480px){.topology-legend{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.topology-pulse,.control-orbit{animation:none}.publication-node{transition:none}}