}
.node-5 {
  left: 40%;
  top: 80%;
  background: rgba(0, 255, 136, 0.9);
}
.node-6 {
  left: 60%;
  top: 80%;
  background: rgba(0, 255, 136, 0.9);
}
.node-7 {
  left: 80%;
  top: 60%;
  background: rgba(128, 0, 255, 0.8);
}
.node-8 {
  left: 40%;
  top: 20%;
  background: rgba(0, 204, 255, 0.7);
}
.node-9 {
  left: 60%;
  top: 20%;
  background: rgba(0, 204, 255, 0.7);
}

/* Override for knowledge logo only */
.knowledge-logo .node {
  width: 12px;
  height: 12px;
}

.knowledge-logo .node-1 {
  width: 20px;
  height: 20px;
  background: rgba(65, 105, 225, 1);
}
.knowledge-logo .node-2 {
  left: 30%;
  top: 30%;
  background: rgba(0, 204, 255, 0.9);
  animation: ellipticalOrbit1 24s linear infinite;
  animation-delay: 0s;
}
.knowledge-logo .node-3 {
  left: 70%;
  top: 30%;
  background: rgba(0, 204, 255, 0.9);
  animation: ellipticalOrbit2 24s linear infinite;
  animation-delay: 3s;
}
.knowledge-logo .node-4 {
  left: 20%;
  top: 60%;
  background: rgba(128, 0, 255, 0.8);
  animation: ellipticalOrbit3 24s linear infinite;
  animation-delay: 6s;
}
.knowledge-logo .node-5 {
    rgba(255, 255, 100, 0.9),
    rgba(255, 200, 0, 0.6)
  );
  box-shadow: 0 0 10px rgba(255, 200, 0, 0.5);
  animation-delay: 0.2s;
  border-radius: 50% 50% 60% 40% / 70% 30% 60% 40%;
}

.sphere:nth-child(5) {
  left: 60%;
  width: 14px;
  height: 14px;
  animation-delay: 4.8s;
}
.sphere:nth-child(5)::before {
  background: radial-gradient(
    circle at 30% 80%,
    rgba(255, 100, 255, 0.8),
    rgba(200, 0, 200, 0.4)
  );
  box-shadow: 0 0 14px rgba(255, 0, 255, 0.6);
  animation-delay: 1.7s;
  border-radius: 30% 70% 40% 60% / 50% 50% 50% 50%;
}

.sphere:nth-child(6) {
  left: 25%;
  width: 26px;
  height: 26px;
  animation-delay: 5.5s;
}
.sphere:nth-child(6)::before {
  background: radial-gradient(
    circle at 60% 30%,
    rgba(100, 255, 255, 0.7),
    rgba(0, 200, 200, 0.5)
  );
  box-shadow: 0 0 9px rgba(0, 255, 255, 0.8);
  animation-delay: 0.9s;
  border-radius: 65% 35% 45% 55% / 35% 65% 35% 65%;
}

.sphere:nth-child(7) {
  left: 45%;
  width: 20px;
  height: 20px;
  animation-delay: 6.3s;
}
.sphere:nth-child(7)::before {
  background: radial-gradient(
    circle at 80% 60%,
    rgba(255, 150, 100, 0.6),
    rgba(255, 100, 0, 0.7)
  );
  box-shadow: 0 0 11px rgba(255, 100, 0, 0.5);
  animation-delay: 2.1s;
  border-radius: 45% 55% 65% 35% / 60% 40% 55% 45%;
}

.sphere:nth-child(8) {
  left: 10%;
  width: 15px;
  height: 15px;
  animation-delay: 7.9s;
}
.sphere:nth-child(8)::before {
  background: radial-gradient(
    circle at 25% 75%,
    rgba(150, 255, 150, 0.9),
    rgba(50, 255, 50, 0.3)
  );
  box-shadow: 0 0 13px rgba(100, 255, 100, 0.7);
  animation-delay: 1.4s;
  border-radius: 55% 45% 30% 70% / 45% 55% 45% 55%;
}

.sphere:nth-child(9) {
  left: 90%;
  width: 21px;
  height: 21px;
  animation-delay: 8.6s;
}
.sphere:nth-child(9)::before {
  background: radial-gradient(
    circle at 40% 20%,
    rgba(200, 150, 255, 0.8),
    rgba(150, 50, 255, 0.6)
  );
  box-shadow: 0 0 16px rgba(180, 100, 255, 0.4);
  animation-delay: 0.7s;
  border-radius: 40% 60% 50% 50% / 65% 35% 60% 40%;
}

.sphere:nth-child(10) {
  left: 55%;
  width: 17px;
  height: 17px;
  animation-delay: 9.4s;
}
.sphere:nth-child(10)::before {
  background: radial-gradient(
    circle at 90% 10%,
    rgba(255, 200, 200, 0.7),
    rgba(255, 150, 150, 0.5)
  );
  box-shadow: 0 0 8px rgba(255, 180, 180, 0.6);
  animation-delay: 1.8s;
  border-radius: 70% 30% 35% 65% / 40% 60% 50% 50%;
}

/* Orchestrator tier particles (cubes) */
.orchestrator-particles {
  position: absolute;
  top: 34%;
  width: 100%;
  height: 28%;
  perspective: 800px;
}

.organized-sphere {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  opacity: 0;
  animation: organizedFlow 10s linear infinite;
}

.organized-sphere:nth-child(1) {
  left: 25%;
  background: radial-gradient(
    circle at 40% 40%,
    rgba(255, 100, 100, 0.9),
    rgba(255, 0, 0, 0.6)
  );
  box-shadow: 0 0 12px rgba(255, 0, 0, 0.5);
  animation-delay: 0.5s;
}
.organized-sphere:nth-child(2) {
  left: 70%;
  background: radial-gradient(
    circle at 30% 50%,
    rgba(100, 255, 100, 0.9),
    rgba(0, 255, 0, 0.6)
  );
  box-shadow: 0 0 10px rgba(0, 255, 0, 0.5);
  animation-delay: 1.8s;
}
.organized-sphere:nth-child(3) {
  left: 15%;
  background: radial-gradient(
    circle at 50% 30%,
    rgba(100, 100, 255, 0.9),
    rgba(0, 0, 255, 0.6)
  );
  box-shadow: 0 0 11px rgba(0, 0, 255, 0.5);
  animation-delay: 3.2s;
}
.organized-sphere:nth-child(4) {
  left: 85%;
  background: radial-gradient(
    circle at 45% 45%,
    rgba(255, 255, 100, 0.9),
    rgba(255, 200, 0, 0.6)
  );
  box-shadow: 0 0 10px rgba(255, 200, 0, 0.5);
  animation-delay: 0.2s;
}
.organized-sphere:nth-child(5) {
  left: 45%;
  background: radial-gradient(
    circle at 35% 65%,
    rgba(255, 100, 255, 0.9),
    rgba(200, 0, 200, 0.6)
  );
  box-shadow: 0 0 12px rgba(255, 0, 255, 0.5);
  animation-delay: 2.7s;
}
.organized-sphere:nth-child(6) {
  left: 60%;
  background: radial-gradient(
    circle at 60% 40%,
    rgba(100, 255, 255, 0.9),
    rgba(0, 200, 200, 0.6)
  );
  box-shadow: 0 0 9px rgba(0, 255, 255, 0.5);
  animation-delay: 1.1s;
}
.organized-sphere:nth-child(7) {
  left: 30%;
  background: radial-gradient(
    circle at 40% 60%,
    rgba(255, 150, 100, 0.9),
    rgba(255, 100, 0, 0.6)
  );
  box-shadow: 0 0 11px rgba(255, 100, 0, 0.5);
  animation-delay: 4.1s;
}
.organized-sphere:nth-child(8) {