/** Leadcraft Marketing — Orbit Visual */

.orbit-visual {
  position: relative;
  width: 100%;
  height: 300px;
}

.orbit-center {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 100px; height: 100px; border-radius: 50%;
  background: radial-gradient(circle,rgba(200,92,10,.6),rgba(240,120,35,.3));
  border: 1px solid rgba(240,120,35,.4);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-heading);
  font-size: 1rem; font-weight: 700; text-align: center; line-height: 1.2;
  box-shadow: 0 0 40px rgba(200,92,10,.5), 0 0 80px rgba(240,120,35,.2);
  z-index: 5;
}

.orbit-ring {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  border: 1px solid rgba(240,120,35,.12);
}
.orbit-ring:nth-child(2) { width: 200px; height: 200px; animation: ring-rotate 20s linear infinite; }
.orbit-ring:nth-child(3) { width: 320px; height: 320px; animation: ring-rotate 35s linear infinite reverse; }
.orbit-ring:nth-child(4) { width: 450px; height: 450px; animation: ring-rotate 55s linear infinite; }

@keyframes ring-rotate {
  from { transform: translate(-50%,-50%) rotate(0deg); }
  to   { transform: translate(-50%,-50%) rotate(360deg); }
}

@media (min-width: 640px) {
  .orbit-visual { height: 360px; }
}

@media (min-width: 900px) {
  .orbit-visual { flex: 0 0 480px; height: 480px; }
}