/* Final optical and motion refinements. */
.section-label, .eyebrow { font-size: 13px; }
.services ul, .case-note, .hero-footer, .availability { font-size: 12px; }
.number, .case-type, .article > span, .article small, .overline { font-size: 11px; }
.services article:first-child { padding-left: 28px; }

.hero-orbit { height: 315px; overflow: visible; }
.orbit-core { left: 54%; top: 47%; box-shadow: 0 0 0 18px rgba(104,234,215,.12), 0 0 54px rgba(104,234,215,.65), 0 0 112px rgba(104,234,215,.32); }
.hero-orbit > .orbit { display: none; }
.planet-track {
  --orbit: 240s;
  position: absolute;
  left: calc(54% + 61px);
  top: calc(47% + 61px);
  width: 1px;
  height: 1px;
  transform-origin: 0 0;
  animation: orbit var(--orbit) linear infinite;
  z-index: 2;
}
.planet-track::before {
  content: "";
  position: absolute;
  width: calc(var(--radius) * 2);
  height: calc(var(--radius) * 2);
  left: calc(var(--radius) * -1);
  top: calc(var(--radius) * -1);
  border: 1px solid var(--orbit-line);
  border-radius: 50%;
  pointer-events: none;
}
.planet-track::after {
  content: "";
  position: absolute;
  width: calc((var(--radius) * 2) - 20px);
  height: calc((var(--radius) * 2) - 20px);
  left: calc((var(--radius) * -1) + 10px);
  top: calc((var(--radius) * -1) + 10px);
  border: 1px solid color-mix(in srgb, var(--orbit-line) 72%, transparent);
  border-radius: 50%;
  pointer-events: none;
}
.planet-track .planet {
  position: absolute;
  left: var(--distance);
  top: calc(var(--size) / -2);
  right: auto;
  bottom: auto;
  width: var(--size);
  height: var(--size);
  box-shadow: 0 0 0 7px color-mix(in srgb, var(--glow) 15%, transparent), 0 0 24px var(--glow), 0 10px 22px rgba(0,0,0,.25);
  animation: counter-orbit var(--orbit) linear infinite;
  background: var(--glow);
  box-shadow: none;
}
.planet-track .planet:after { display: none; }
.track-azure { --orbit: 366s; --radius: 550px; --distance: 550px; --start: -24deg; --tilt: 5deg; --orbit-line: rgba(93,157,244,.26); }
.track-ai { --orbit: 488s; --radius: 600px; --distance: 600px; --start: -58deg; --tilt: -8deg; --orbit-line: rgba(201,255,74,.28); }
.track-data { --orbit: 321s; --radius: 620px; --distance: 620px; --start: 34deg; --tilt: 12deg; --orbit-line: rgba(212,169,239,.22); }
.track-devops { --orbit: 429s; --radius: 500px; --distance: 500px; --start: 78deg; --tilt: -14deg; --orbit-line: rgba(255,184,92,.22); }
.track-xpp { --orbit: 294s; --radius: 450px; --distance: 450px; --start: -130deg; --tilt: 17deg; --orbit-line: rgba(255,143,143,.24); }
.track-power { --orbit: 540s; --radius: 525px; --distance: 525px; --start: 78deg; --tilt: -19deg; --orbit-line: rgba(143,225,206,.24); }
.planet-azure { --size: 50px; --glow: #5d9df4; background: #5d9df4; font-size: 10px; }
.planet-ai { --size: 72px; --glow: #c9ff4a; background: var(--lime); font-size: 15px; }
.planet-data { --size: 44px; --glow: #d4a9ef; background: #d4a9ef; font-size: 10px; }
.planet-devops { --size: 74px; --glow: #ffb85c; background: #ffb85c; font-size: 9px; }
.planet-xpp { --size: 82px; --glow: #ff8f8f; background: #ff8f8f; font-size: 8px; }
.planet-power { --size: 78px; --glow: #8fe1ce; background: #8fe1ce; font-size: 8px; }
@keyframes orbit { from { z-index:3; transform: rotate(var(--tilt)) scaleY(var(--orbit-squash, .18)) rotate(var(--start)); } 47% { z-index:3; } 48% { z-index:1; } 97% { z-index:1; } 98% { z-index:3; } to { z-index:3; transform: rotate(var(--tilt)) scaleY(var(--orbit-squash, .18)) rotate(calc(var(--start) + 360deg)); } }
@keyframes counter-orbit { from { transform: rotate(calc(var(--start) * -1)) scaleY(var(--planet-unsquash, 5.56)) rotate(calc(var(--tilt) * -1)); } to { transform: rotate(calc((var(--start) * -1) - 360deg)) scaleY(var(--planet-unsquash, 5.56)) rotate(calc(var(--tilt) * -1)); } }
@media (prefers-reduced-motion: reduce) { .planet-track, .planet-track .planet { animation: none; } }

@media (max-width: 760px) {
  .services article:first-child { padding-left: 0; }
  .hero-orbit { height: 250px; overflow: hidden; }
  .orbit-core { top: 38%; }
  .planet-track { left: calc(43% + 46px); top: calc(38% + 46px); }
  .track-azure { --radius: 135px; --distance: 135px; }.track-ai { --radius: 130px; --distance: 130px; }.track-data { --radius: 140px; --distance: 140px; }.track-devops { --radius: 110px; --distance: 110px; }.track-xpp { --radius: 95px; --distance: 95px; }.track-power { --radius: 100px; --distance: 100px; }.track-crm { --radius: 145px; --distance: 145px; }.track-pp { --radius: 120px; --distance: 120px; }
  .planet-azure { --size: 40px; }.planet-ai { --size: 55px; }.planet-data { --size: 35px; }.planet-devops { --size: 60px; }.planet-xpp { --size: 66px; }.planet-power { --size: 62px; }
}