/* Hero stage (server + orbit + hologram logo) */
.hero-image--stage{width:100%;max-width:none;height:auto}
.hero-stage{
  --hs-bg:#030b1f;
  position:relative;border-radius:28px;overflow:hidden;
  padding:1.25rem .75rem .25rem;
  background:
    radial-gradient(60% 55% at 50% 55%,rgba(10,99,240,.35),transparent 70%),
    radial-gradient(40% 35% at 85% 8%,rgba(243,199,107,.12),transparent 70%),
    var(--hs-bg);
  box-shadow:0 30px 80px rgba(3,11,31,.35);
}
/* If your hero background is already dark, add class hero-stage--bare to drop the panel */
.hero-stage--bare{background:none;box-shadow:none;border-radius:0;padding:0;overflow:visible}
.hs-svg{display:block;width:100%;height:auto}
.hs-img{animation:hs-fade 1.2s both}
.hs-float{animation:hs-bob 6s ease-in-out infinite}
.hs-holo{animation:hs-flicker 7s infinite}
@keyframes hs-fade{from{opacity:0}to{opacity:1}}
@keyframes hs-bob{50%{transform:translateY(-10px)}}
@keyframes hs-flicker{0%,100%{opacity:.95}46%{opacity:.95}48%{opacity:.7}50%{opacity:.98}83%{opacity:.9}85%{opacity:.75}87%{opacity:.96}}
@media (prefers-reduced-motion:reduce){.hs-img,.hs-float,.hs-holo{animation:none}}
.hero-stage--bare {
    background: radial-gradient(
        ellipse at 50% 50%,
        rgba(11, 42, 91, 0.08) 0%,
        rgba(11, 42, 91, 0.03) 40%,
        transparent 75%
    );
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    overflow: visible;
}