.graph-viz{aspect-ratio:1;width:100%;max-width:480px;margin:0 auto;position:relative}.graph-container{width:100%;height:100%;position:relative}.graph-node{color:#f8fafc;z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;animation:3s ease-in-out infinite nodeGlow;display:flex;position:absolute}.graph-node:before{content:"";background:inherit;opacity:.25;filter:blur(8px);z-index:-1;border-radius:50%;position:absolute;inset:-4px}.node-center{letter-spacing:.04em;background:linear-gradient(135deg,#06b6d4,#8b5cf6,#f43f5e);width:80px;height:80px;font-size:.65rem;font-weight:700;animation-delay:0s;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #06b6d44d}.node-1{background:linear-gradient(135deg,#06b6d4,#0891b2);width:56px;height:56px;animation-delay:.3s;top:12%;left:28%}.node-2{background:linear-gradient(135deg,#8b5cf6,#7c3aed);width:50px;height:50px;animation-delay:.6s;top:8%;right:25%}.node-3{background:linear-gradient(135deg,#f43f5e,#e11d48);width:44px;height:44px;animation-delay:.9s;top:35%;right:8%}.node-4{background:linear-gradient(135deg,#f59e0b,#d97706);width:52px;height:52px;animation-delay:1.2s;bottom:25%;right:12%}.node-5{background:linear-gradient(135deg,#10b981,#059669);width:46px;height:46px;animation-delay:1.5s;bottom:10%;left:35%}.node-6{background:linear-gradient(135deg,#3b82f6,#2563eb);width:48px;height:48px;animation-delay:1.8s;top:42%;left:8%}.node-7{background:linear-gradient(135deg,#a855f7,#9333ea);width:38px;height:38px;animation-delay:2.1s;bottom:32%;left:25%}@keyframes nodeGlow{0%,to{box-shadow:0 0 20px #06b6d433}50%{box-shadow:0 0 30px #06b6d459}}.graph-edges{z-index:1;position:absolute;inset:0}.graph-edges line{stroke:#94a3b81f;stroke-width:1px;stroke-dasharray:4 4;animation:4s ease-in-out infinite edgePulse}.graph-edges line:nth-child(odd){animation-delay:1s}@keyframes edgePulse{0%,to{opacity:.4}50%{opacity:.8}}.graph-orbit{border:1px dashed #94a3b81a;border-radius:50%;width:220px;height:220px;animation:30s linear infinite orbitSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.graph-orbit-2{border-color:#94a3b80f;width:340px;height:340px;animation-duration:45s;animation-direction:reverse}@keyframes orbitSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}
.hero-particles{pointer-events:none;position:absolute;inset:0}.particle{opacity:0;background:#06b6d4;border-radius:50%;width:3px;height:3px;animation:6s ease-in-out infinite particleFade;position:absolute}.particle:first-child{animation-delay:0s;top:15%;left:20%}.particle:nth-child(2){background:#8b5cf6;animation-delay:1s;top:25%;left:80%}.particle:nth-child(3){animation-delay:2s;top:60%;left:15%}.particle:nth-child(4){background:#f43f5e;animation-delay:3s;top:70%;left:75%}.particle:nth-child(5){background:#8b5cf6;animation-delay:4s;top:40%;left:50%}.particle:nth-child(6){animation-delay:.5s;top:85%;left:40%}.particle:nth-child(7){background:#f43f5e;animation-delay:2.5s;top:20%;left:60%}.particle:nth-child(8){animation-delay:1.5s;top:50%;left:90%}.particle:nth-child(9){background:#8b5cf6;animation-delay:3.5s;top:80%;left:10%}.particle:nth-child(10){animation-delay:4.5s;top:35%;left:35%}.particle:nth-child(11){background:#f43f5e;animation-delay:.8s;top:10%;left:45%}.particle:nth-child(12){animation-delay:2.8s;top:90%;left:65%}@keyframes particleFade{0%,to{opacity:0;transform:scale(.5)translateY(0)}50%{opacity:.6;transform:scale(1)translateY(-15px)}}