.hero-inner{position:relative;z-index:1;}

.hero-watermark{
  position:absolute;
  top:-10px;
  left:50%;
  width:min(560px, 78vw);
  transform:translateX(-50%);
  perspective:1600px;
  pointer-events:none;
  z-index:0;
}
.levitate-bob{
  animation:bob 6s ease-in-out infinite;
}
.chrome-stage{
  position:relative;
  transform-style:preserve-3d;
  animation:spin 16s linear infinite;
}
.extrude{
  position:relative;
  transform-style:preserve-3d;
}
.extrude-group{
  transform-style:preserve-3d;
}
.extrude-front-group{
  position:relative;
}
.extrude-back-group{
  position:absolute;
  inset:0;
  transform:rotateY(180deg);
}
.chrome-logo{
  display:block;
  width:100%;
  height:auto;
  backface-visibility:hidden;
}
.extrude-layer{
  position:absolute;
  inset:0;
}
.extrude-layer:nth-of-type(1)  { transform:translateZ(-4px);  filter:brightness(0.92) saturate(0.85); }
.extrude-layer:nth-of-type(2)  { transform:translateZ(-8px);  filter:brightness(0.84) saturate(0.8); }
.extrude-layer:nth-of-type(3)  { transform:translateZ(-12px); filter:brightness(0.76) saturate(0.78); }
.extrude-layer:nth-of-type(4)  { transform:translateZ(-16px); filter:brightness(0.68) saturate(0.75); }
.extrude-layer:nth-of-type(5)  { transform:translateZ(-20px); filter:brightness(0.6) saturate(0.72); }
.extrude-layer:nth-of-type(6)  { transform:translateZ(-24px); filter:brightness(0.52) saturate(0.68); }
.extrude-layer:nth-of-type(7)  { transform:translateZ(-28px); filter:brightness(0.45) saturate(0.64); }
.extrude-layer:nth-of-type(8)  { transform:translateZ(-32px); filter:brightness(0.38) saturate(0.6); }
.extrude-layer:nth-of-type(9)  { transform:translateZ(-36px); filter:brightness(0.32) saturate(0.56); }
.extrude-layer:nth-of-type(10) { transform:translateZ(-40px); filter:brightness(0.27) saturate(0.52); }
.extrude-layer:nth-of-type(11) { transform:translateZ(-44px); filter:brightness(0.22) saturate(0.48); }
.extrude-layer:nth-of-type(12) { transform:translateZ(-48px); filter:brightness(0.18) saturate(0.44); }
.extrude-layer:nth-of-type(13) { transform:translateZ(-52px); filter:brightness(0.14) saturate(0.4); }
.extrude-layer:nth-of-type(14) { transform:translateZ(-56px); filter:brightness(0.1) saturate(0.36); }

.extrude-front{
  position:relative;
  z-index:2;
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,0.35))
    drop-shadow(0 40px 48px rgba(13,11,36,0.65))
    brightness(1.16) contrast(1.12) saturate(1.1);
}
.chrome-sheen{
  position:absolute;
  inset:0;
  z-index:3;
  transform:translateZ(0.5px);
  background:linear-gradient(115deg, transparent 22%, rgba(255,255,255,0.9) 46%, rgba(196,181,253,0.5) 53%, transparent 78%);
  background-size:240% 240%;
  mix-blend-mode:screen;
  backface-visibility:hidden;
  -webkit-mask-image:url('logo-indigo.png');
  -webkit-mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-image:url('logo-indigo.png');
  mask-size:contain;
  mask-repeat:no-repeat;
  mask-position:center;
  animation:sheen-sweep 4.5s ease-in-out infinite;
  opacity:0.85;
}
.levitate-shadow{
  position:absolute;
  left:50%;
  bottom:-20px;
  width:54%;
  height:26px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse at center, rgba(13,11,36,0.6), transparent 70%);
  filter:blur(5px);
  animation:shadow-pulse 6s ease-in-out infinite;
}

@keyframes bob{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-16px); }
}
@keyframes spin{
  from{ transform:rotateY(0deg) rotateX(10deg); }
  to{ transform:rotateY(360deg) rotateX(10deg); }
}
@keyframes sheen-sweep{
  0%{ background-position:0% 0%; }
  100%{ background-position:100% 100%; }
}
@keyframes shadow-pulse{
  0%,100%{ transform:translateX(-50%) scale(1); opacity:0.5; }
  50%{ transform:translateX(-50%) scale(0.72); opacity:0.28; }
}

@media (prefers-reduced-motion:reduce){
  .levitate-bob, .chrome-stage, .chrome-sheen, .levitate-shadow{ animation:none; }
}