Nothing spins: the spinner becomes a calm state (#29)

ddiff --git a/public/css/surf.css b/public/css/surf.css
iindex 7998d6b..711352e 100644
---- a/public/css/surf.css
++++ b/public/css/surf.css
@@@ -75,8 +75,9 @@ html.ov-motion .sf-run-speed i { animation: sf-speed 1.1s linear infinite; anima
  .sf-demo-steps li::before { content: ""; flex: none; width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--text-muted, #7386a3); }
  .sf-demo-steps li.is-done::before { background: var(--success, #22c55e); border-color: var(--success, #22c55e); }
  .sf-demo-steps li.is-now { color: var(--text-primary, #e6edf7); font-weight: 650; }
--.sf-demo-steps li.is-now::before { border-color: var(--room-accent); border-right-color: transparent; animation: sf-spin .9s linear infinite; }
--@keyframes sf-spin { to { transform: rotate(360deg); } }
++.sf-demo-steps li.is-now::before { border-color: var(--room-accent); animation: sf-pulse 1.4s ease-out infinite; }   /* the step on now pulses out, never spins */
++@keyframes sf-pulse { from { box-shadow: 0 0 0 0 color-mix(in srgb, var(--room-accent) 50%, transparent); } to { box-shadow: 0 0 0 7px transparent; } }
++@media (prefers-reduced-motion: reduce) { .sf-demo-steps li.is-now::before { animation: none; } }
  .sf-demo-tv { display: grid; gap: 8px; padding: 10px; border-radius: 18px; background: var(--bg-card, #0f1729); border: 1px solid var(--border, #1f2d47); }
  .sf-demo-screen { position: relative; display: flex; align-items: flex-end; gap: 8px; aspect-ratio: 16 / 6; max-height: 210px; padding: 12px; border-radius: 12px; color: #fff; font-weight: 700; font-size: .85rem;
      background: radial-gradient(120% 120% at 70% 30%, color-mix(in srgb, var(--room-accent) 45%, transparent), transparent 60%), linear-gradient(160deg, #1e293b, #0b1020); }