:root {
  --apice-motion-ease: cubic-bezier(.22, .61, .36, 1);
}

@media (prefers-reduced-motion: no-preference) {
  .seo-card {
    transition: transform 180ms var(--apice-motion-ease), box-shadow 180ms var(--apice-motion-ease), border-color 180ms ease;
  }

  .seo-card:hover,
  .seo-card:focus-visible {
    transform: translateY(-4px);
    border-color: rgba(31, 91, 133, .45);
    box-shadow: 0 14px 28px rgba(18, 32, 47, .10);
  }

  .seo-visual img {
    animation: apice-resource-drift 8s ease-in-out infinite;
    transform-origin: 50% 55%;
  }

  @keyframes apice-resource-drift {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-4px) scale(1.012); }
  }
}

@media (prefers-reduced-motion: reduce) {
  .seo-card,
  .seo-visual img {
    transition: none;
    animation: none;
  }
}