/* Whole-disc depth layers prevent 3D planes slicing through the emblem. */
.landing-v2.premium .orbit-system {
  --satellite-x: 268px;
  --satellite-y: 88px;
  --satellite-size: 76px;
  --satellite-period: 36s;
  transform-style: flat;
  isolation: isolate;
}
.landing-v2.premium .orbit-system .machine-sculpture { z-index: 1; }
.satellite-ring {
  position: absolute;
  left: 50%; top: calc(50% + 10px);
  width: calc(var(--satellite-x) * 2); height: calc(var(--satellite-y) * 2);
  transform: translate(-50%, -50%);
  border: 1px solid #93cfc91c;
  border-radius: 50%;
  box-shadow: 0 0 14px #7de1cf08, inset 0 0 12px #7de1cf06;
  z-index: 0;
}
.satellite-ring-front {
  z-index: 2;
  clip-path: inset(50% -20px -20px);
  border-color: #8ed7cb30;
  box-shadow: 0 2px 12px #82d6c912;
}
.satellite {
  --satellite-delay: -21s;
  --satellite-accent: #e9eadc;
  --planet-tint: 192, 211, 205;
  position: absolute;
  left: 50%; top: calc(50% + 10px);
  width: var(--satellite-size); height: var(--satellite-size);
  border-radius: 50%;
  padding: 0;
  background: transparent;
  box-shadow: 0 0 26px rgba(var(--planet-tint), .035);
  transform: translate(calc(-50% - var(--satellite-x) * .866), calc(-50% - var(--satellite-y) * .5)) scale(.94);
  opacity: .76;
  z-index: 0;
  pointer-events: none;
}
.satellite-core {
  position: relative; display: grid; place-items: center;
  width: 100%; height: 100%; border-radius: inherit;
  background:
    radial-gradient(circle at 27% 23%, rgba(var(--planet-tint), .2), transparent 40%),
    radial-gradient(circle at 65% 73%, transparent 37%, rgba(var(--planet-tint), .1) 74%, rgba(var(--planet-tint), .26) 98%),
    linear-gradient(145deg, rgba(var(--planet-tint), .035), #b9efe804 60%, rgba(var(--planet-tint), .1));
  box-shadow: inset 1px 1px 2px #e8fff547, inset -1px -2px 3px #b8e9e51a;
  backdrop-filter: blur(1.5px);
  -webkit-backdrop-filter: blur(1.5px);
  color: var(--satellite-accent);
}
.satellite-core::before {
  content: ''; position: absolute; inset: 0; border-radius: inherit;
  background: radial-gradient(ellipse at 74% 85%, rgba(var(--planet-tint), .17), transparent 29%);
}
.satellite-core::after {
  content: ''; position: absolute; left: 21%; top: 12%; width: 31%; height: 12%;
  border-radius: 50%; transform: rotate(-37deg);
  background: linear-gradient(90deg, #f2fff929, #f2fff906);
  filter: blur(1px);
}
.satellite-core svg { width: 37%; height: 37%; overflow: visible; opacity: .65; }
.satellite-idea { width: calc(var(--satellite-size) * .82); height: calc(var(--satellite-size) * .82); }
.satellite-youtube {
  --satellite-delay: -33s;
  --satellite-accent: #e5c5c7;
  --planet-tint: 204, 188, 202;
  transform: translate(calc(-50% + var(--satellite-x) * .866), calc(-50% - var(--satellite-y) * .5)) scale(.94);
}
.satellite-gear {
  --satellite-delay: -9s;
  --satellite-accent: #b9e4e1;
  --planet-tint: 153, 217, 211;
  width: calc(var(--satellite-size) * .9); height: calc(var(--satellite-size) * .9);
  transform: translate(-50%, calc(-50% + var(--satellite-y))) scale(1.08);
  opacity: 1; z-index: 3;
}
/* Depth switches at the outer tips, away from the skull. All parts stay together. */
@keyframes satellite-orbit {
  0%,100% { transform: translate(calc(-50% + var(--satellite-x)), -50%) scale(1); opacity: .88; }
  6.25% { transform: translate(calc(-50% + var(--satellite-x) * .924), calc(-50% + var(--satellite-y) * .383)) scale(1.03); opacity: .93; }
  12.5% { transform: translate(calc(-50% + var(--satellite-x) * .707), calc(-50% + var(--satellite-y) * .707)) scale(1.06); opacity: .97; }
  18.75% { transform: translate(calc(-50% + var(--satellite-x) * .383), calc(-50% + var(--satellite-y) * .924)) scale(1.075); opacity: 1; }
  25% { transform: translate(-50%, calc(-50% + var(--satellite-y))) scale(1.08); opacity: 1; }
  31.25% { transform: translate(calc(-50% - var(--satellite-x) * .383), calc(-50% + var(--satellite-y) * .924)) scale(1.075); opacity: 1; }
  37.5% { transform: translate(calc(-50% - var(--satellite-x) * .707), calc(-50% + var(--satellite-y) * .707)) scale(1.06); opacity: .97; }
  43.75% { transform: translate(calc(-50% - var(--satellite-x) * .924), calc(-50% + var(--satellite-y) * .383)) scale(1.03); opacity: .93; }
  50% { transform: translate(calc(-50% - var(--satellite-x)), -50%) scale(1); opacity: .88; }
  56.25% { transform: translate(calc(-50% - var(--satellite-x) * .924), calc(-50% - var(--satellite-y) * .383)) scale(.97); opacity: .8; }
  62.5% { transform: translate(calc(-50% - var(--satellite-x) * .707), calc(-50% - var(--satellite-y) * .707)) scale(.94); opacity: .74; }
  68.75% { transform: translate(calc(-50% - var(--satellite-x) * .383), calc(-50% - var(--satellite-y) * .924)) scale(.925); opacity: .7; }
  75% { transform: translate(-50%, calc(-50% - var(--satellite-y))) scale(.92); opacity: .68; }
  81.25% { transform: translate(calc(-50% + var(--satellite-x) * .383), calc(-50% - var(--satellite-y) * .924)) scale(.925); opacity: .7; }
  87.5% { transform: translate(calc(-50% + var(--satellite-x) * .707), calc(-50% - var(--satellite-y) * .707)) scale(.94); opacity: .74; }
  93.75% { transform: translate(calc(-50% + var(--satellite-x) * .924), calc(-50% - var(--satellite-y) * .383)) scale(.97); opacity: .8; }
}
@keyframes satellite-layer { 0%,100% { z-index: 3; } 50% { z-index: 0; } }
@media (prefers-reduced-motion: no-preference) {
  .motion-enabled .satellite {
    animation: satellite-orbit var(--satellite-period) linear var(--satellite-delay) infinite,
      satellite-layer var(--satellite-period) steps(1,end) var(--satellite-delay) infinite;
    animation-play-state: paused;
  }
  .motion-running .satellite { animation-play-state: running; }
}
@media (max-width: 800px) {
  .landing-v2.premium .orbit-system { --satellite-x: 220px; --satellite-y: 92px; --satellite-size: 70px; }
}
@media (max-width: 600px) {
  .landing-v2.premium .orbit-system { --satellite-x: min(34vw, 156px); --satellite-y: 72px; --satellite-size: 58px; }
}
@media (max-width: 360px) {
  .landing-v2.premium .orbit-system { --satellite-size: 52px; --satellite-y: 66px; }
}
@media (min-width: 801px) and (max-height: 800px) {
  .landing-v2.premium .orbit-system { --satellite-x: 250px; --satellite-y: 76px; --satellite-size: 68px; }
}
@media (prefers-reduced-motion: reduce) { .satellite { animation: none !important; } }