.hero-laptop-stage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 88%;
  z-index: 0;
  pointer-events: none;
  animation: laptop-float 8s ease-in-out infinite;
}
.hero-laptop {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center top;
  filter: drop-shadow(0 24px 22px #0a1f441c);
  transform: perspective(1000px) rotateX(var(--laptop-x, 0deg)) rotateY(var(--laptop-y, 0deg));
  transform-origin: 50% 55%;
  transition: transform .4s ease-out;
}
.hero-art .code-card,
.hero-art .phone-preview,
.hero-art .floating-tag { z-index: 2; }
@keyframes laptop-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-9px); }
}
@media(max-width:760px) {
  .hero-laptop-stage { top: 5px; height: 82%; }
  .hero-laptop { filter: drop-shadow(0 17px 15px #0a1f4419); }
}
@media(prefers-reduced-motion:reduce) {
  .hero-laptop-stage { animation: none; }
  .hero-laptop { transform: none; transition: none; }
}