/* flat/pages/ai-agents-for-business.css — local rules the system doesn't provide.
   Tokens only, prefix .pg-afb-, no shadows. Linked after flat/flat.css. */

/* The hero is drawn at 480 units wide; pin it there so a 10-unit label never renders under
   10 px. flat.css's default --viz-pin is 440, which would scale it to 9.17 px. */
.pg-afb-svg { --viz-pin: 480px; }

/* Behaviour 1: the old .dgr-line ran `dashflow` on these six connectors (1.4s linear infinite).
   flat.css has no SVG dash-flow utility, and the effect is the page's only sign of movement. */
.pg-afb-flow { stroke-dasharray: 6 6; animation: pg-afb-dash 1.6s linear infinite; }
.pg-afb-flow--rev { animation-direction: reverse; }
@keyframes pg-afb-dash { to { stroke-dashoffset: -24; } }

/* Behaviour 2: the old centre node drifted on `lp-float` (6s). Drift is banned; the brief's
   substitute is a pulse ring. Opacity only — no transform, no glow, no blur. */
.pg-afb-pulse { opacity: 0.32; animation: pg-afb-pulse 6s var(--ease) infinite; }
@keyframes pg-afb-pulse { 0%, 100% { opacity: 0.32; } 50% { opacity: 0.06; } }

/* Behaviours 4–6 (the FAQ disclosure) now use the system's `.disclosure` component
   (flat.css §7c) directly — no page-local styling needed. */

/* flat.css collapses every animation to 0.01ms / 1 iteration under reduce, which lands each
   element on its 100% frame. Both keyframes above already end readable; pinned here anyway. */
@media (prefers-reduced-motion: reduce) {
  .pg-afb-flow { animation: none; stroke-dashoffset: 0; }
  .pg-afb-pulse { animation: none; opacity: 0.32; }
}