/* AreaPerformance — animazioni hero homepage, senza dipendenze React. */
@keyframes ap-home-hero-enter {
  from { opacity: 0; transform: translate3d(0, 36px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes ap-home-dashboard-scroll {
  0%, 100% { transform: translate3d(0, 0, 0); }
  45%, 60% { transform: translate3d(0, -55%, 0); }
}
@keyframes ap-home-chip-enter {
  from { opacity: 0; transform: scale(.8); }
  to { opacity: 1; transform: scale(1); }
}
@keyframes ap-home-chip-bob {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -10px, 0); }
}
/* La classe viene assegnata al contenitore che include laptop e tre etichette. */
[data-testid="home-page"] .ap-home-hero-enter {
  animation: ap-home-hero-enter .8s cubic-bezier(.22, 1, .36, 1) .5s both;
}
[data-testid="home-page"] [data-testid="laptop-frame"] img[src*="dashboard.jpg"] {
  animation: ap-home-dashboard-scroll 26s ease-in-out infinite;
  will-change: transform;
}
[data-testid="home-page"] [data-testid="laptop-frame"] > div {
  transform-style: preserve-3d;
  transform-origin: center;
  will-change: transform;
}
[data-testid="home-page"] .ap-home-chip {
  animation: ap-home-chip-enter .7s cubic-bezier(.22, 1, .36, 1) both;
  animation-delay: var(--ap-chip-delay, 0s);
}
[data-testid="home-page"] .ap-home-chip > div {
  animation: ap-home-chip-bob 4.5s ease-in-out infinite;
  animation-delay: var(--ap-chip-delay, 0s);
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  [data-testid="home-page"] .ap-home-hero-enter,
  [data-testid="home-page"] [data-testid="laptop-frame"] img[src*="dashboard.jpg"],
  [data-testid="home-page"] .ap-home-chip,
  [data-testid="home-page"] .ap-home-chip > div { animation: none !important; opacity: 1 !important; transform: none !important; }
  /* Il corpo del laptop non deve avere transform:none: il tilt e gestito da title-motion.js V11. */
}