@layer design-system {
/* corp-web — owned animations / motion, layered on top of the Webflow base.
   Emitted into @layer design-system, so these win over the export. CSS-first:
   transform/opacity/background only, hover gated, and disabled under reduced
   motion. This is where "add more animations" lives. */

@media (prefers-reduced-motion: no-preference) {
  /* Demonstrator: a slow gradient shimmer across the hero "BUILT FOR AGENTS"
     box (.div-block-43 — the gradient set in overrides.css). Proves we can add
     owned motion to the Webflow base without touching the export. */
  .div-block-43 {
    background-size: 200% 100%;
    animation: wp-hero-shimmer 7s ease-in-out infinite;
  }
  @keyframes wp-hero-shimmer {
    0%, 100% { background-position: 0% 50%; }
    50%      { background-position: 100% 50%; }
  }
}

}