acg-website: Phase 3A enhancements - premium polish + dark mode fix

- Add timing system: --t-fast/med/slow + cubic-bezier easing vars
- Enhanced button/card hover: subtle lift + box-shadow + filter
- Nav link underline wipe effect with accent color
- Form input focus: accent border + 25% opacity outline
- Micro-interactions: stepper scale, switch snap, FAQ rotation
- Reveal animations: opacity + translateY with 55ms stagger
- Radio promo bar CSS + pauseable ticker on hover
- Dispatch board: 1px grid + left accent rule + tighter cards
- CRITICAL FIX: orphaned CSS selector causing dark mode white boxes

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

projects/acg-website-showcase/multipage/js/app.js

@@ -268,7 +268,7 @@
     });
   }
 
-  /* ---- Reveal on scroll ------------------------------------------------- */
+  /* ---- Reveal on scroll (with stagger) ---------------------------------- */
   var reveals = $$(".reveal");
   if ("IntersectionObserver" in window && reveals.length) {
     var io = new IntersectionObserver(function (entries) {
@@ -276,7 +276,11 @@
         if (en.isIntersecting) { en.target.classList.add("in"); io.unobserve(en.target); }
       });
     }, { rootMargin: "0px 0px -8% 0px", threshold: 0.08 });
-    reveals.forEach(function (el) { io.observe(el); });
+    // Add stagger delays for sequential reveal
+    reveals.forEach(function (el, i) {
+      el.style.transitionDelay = Math.min(i * 55, 280) + "ms";
+      io.observe(el);
+    });
   } else {
     reveals.forEach(function (el) { el.classList.add("in"); });
   }