/* Device only — static (DeviceOnlyPage.tsx) */

@keyframes do-pointer {
  0%, 100% { transform: scale(1) translate(0, 0); }
  50% { transform: scale(1.2) translate(2px, -2px); }
}

@keyframes do-zap-pulse {
  0%, 100% { opacity: 0.4; }
  50% { opacity: 1; }
}

.do-pointer { animation: do-pointer 2s ease-in-out infinite; }
.do-zap-pulse { animation: do-zap-pulse 1.5s ease-in-out infinite; }

[data-motion] { opacity: 0; }

.hero-variant-panel[hidden] {
  display: none;
}

.hero-variant-content,
.hero-animate-block,
.do-hero-badge {
  opacity: 0;
}

@keyframes do-atmo-gradient {
  0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.3; }
  50% { transform: scale(1.2) rotate(5deg); opacity: 0.5; }
}

@keyframes do-atmo-sweep {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

.do-atmo-gradient {
  animation: do-atmo-gradient 10s linear infinite;
}

.do-atmo-sweep {
  animation: do-atmo-sweep 8s linear infinite;
}

@keyframes do-atmo-blur-in {
  from {
    opacity: 0;
    filter: blur(20px);
  }
  to {
    opacity: 1;
    filter: blur(0);
  }
}

.do-atmo-blur-in {
  animation: do-atmo-blur-in 1.2s ease-out forwards;
}

[data-motion="fade-up"] {
  transform: translateY(20px);
}

[data-motion="fade-left"] {
  transform: translateX(-20px);
}

[data-motion="fade-in"] {
  opacity: 0;
}

[data-motion="product-card"] {
  transform: translateY(24px);
}

[data-motion="feature-img"] {
  transform: translateY(30px);
}

[data-motion="highlight-bar"] {
  opacity: 1;
  transform: scaleX(0);
  transform-origin: left;
}

[data-motion="info-banner"] {
  transform: translateY(20px);
}