/* Hero technology ecosystem: CSS-only orbital motion keeps the visual lightweight. */
.network{isolation:isolate;overflow:visible;background:radial-gradient(circle at center,#1e4b5f42 0,transparent 43%),radial-gradient(circle at center,#15283b80 0,transparent 66%)}
.network:before{content:"";position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle,#78e8ff1b 0 1px,transparent 1.5px);background-size:30px 30px;mask-image:radial-gradient(circle,transparent 0 24%,#000 65%,transparent 100%);opacity:.42}
.network .core{width:168px;height:168px;z-index:5;background:radial-gradient(circle at 30% 25%,#253b4b,#0e1924 68%);border-color:#8ef0ff;box-shadow:0 0 23px #78e8ff8a,0 0 72px #78e8ff3e,inset 0 0 38px #78e8ff20;font-size:21px;line-height:1.25}
.network .orbit{z-index:1;border-color:#8fb6d838;box-shadow:0 0 22px #78e8ff0c inset;animation:none;pointer-events:none}
.network .o1{width:330px;height:330px}.network .o2{width:475px;height:290px;transform:translate(-50%,-50%) rotate(-27deg)}.network .o3{position:absolute;left:50%;top:50%;width:440px;height:365px;translate:-50% -50%;border:1px solid #b8fa6026;border-radius:50%;transform:rotate(39deg)}
.planet-track{position:absolute;left:50%;top:50%;z-index:4;width:1px;height:1px;animation:orbit var(--orbit-duration) linear infinite;transform-origin:center;will-change:transform}.planet-track .node{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;align-items:center;justify-content:center;min-width:55px;padding:8px 12px;border-radius:999px;background:linear-gradient(140deg,#1c2a3ce8,#101827e8);border:1px solid #b5d9f06a;color:#dff5ff;font:600 12px 'DM Mono',monospace;letter-spacing:.02em;box-shadow:0 8px 20px #0008,inset 0 1px #ffffff18;white-space:nowrap;animation:counter-orbit var(--orbit-duration) linear infinite;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.planet-track .node:hover{border-color:var(--lime);box-shadow:0 0 24px #b8fa6055,0 10px 25px #000a;z-index:6}
.pt1{--orbit-radius:166px;--orbit-duration:29s}.pt2{--orbit-radius:228px;--orbit-duration:37s;animation-delay:-13s}.pt3{--orbit-radius:155px;--orbit-duration:31s;animation-delay:-7s}.pt4{--orbit-radius:165px;--orbit-duration:23s;animation-delay:-5s}.pt5{--orbit-radius:208px;--orbit-duration:41s;animation-delay:-20s}.pt6{--orbit-radius:165px;--orbit-duration:27s;animation-delay:-18s}.pt7{--orbit-radius:229px;--orbit-duration:43s;animation-delay:-29s}.pt8{--orbit-radius:142px;--orbit-duration:34s;animation-delay:-25s}.pt2 .node{min-width:94px;animation-delay:-13s}.pt3 .node{animation-delay:-7s}.pt4 .node{color:var(--cyan);animation-delay:-5s}.pt5 .node{animation-delay:-20s}.pt6 .node{color:var(--lime);animation-delay:-18s}.pt7 .node{animation-delay:-29s}.pt8 .node{animation-delay:-25s}
.network .pulse{z-index:2}.network .p1{top:27%;left:29%}.network .p2{bottom:22%;right:25%}@keyframes orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes counter-orbit{from{transform:translateY(calc(var(--orbit-radius) * -1)) rotate(0deg)}to{transform:translateY(calc(var(--orbit-radius) * -1)) rotate(-360deg)}}
@media(max-width:800px){.network .core{width:144px;height:144px;font-size:18px}.network .o1{width:265px;height:265px}.network .o2{width:355px;height:240px}.network .o3{width:330px;height:285px}.pt1,.pt4{--orbit-radius:133px}.pt2{--orbit-radius:172px}.pt3,.pt6{--orbit-radius:130px}.pt5{--orbit-radius:158px}.pt7{--orbit-radius:177px}.pt8{--orbit-radius:120px}}
@media(max-width:500px){.network{height:330px}.network .core{width:120px;height:120px;font-size:16px}.network .o1{width:215px;height:215px}.network .o2{width:300px;height:195px}.network .o3{width:275px;height:238px}.planet-track .node{min-width:auto;padding:6px 8px;font-size:10px}.pt2 .node{min-width:78px}.pt1,.pt4{--orbit-radius:108px}.pt2{--orbit-radius:140px}.pt3,.pt6{--orbit-radius:103px}.pt5{--orbit-radius:128px}.pt7{--orbit-radius:143px}.pt8{--orbit-radius:95px}}