/* ============================================================================ mv-aisi.css — AI Search Intelligence, the page as one moving system. The old page was nine flat sections stacked vertically: a paragraph, then a grid of cards, then another paragraph. Everything appeared the same way, at the same speed, with the same weight, so nothing on it read as a product that does anything. This is built around three ideas, and every rule below serves one of them. 1. ONE CONTINUOUS SURFACE. A single fixed aurora field and grid sit behind the whole page rather than each section carrying its own background, so scrolling moves THROUGH something instead of past a series of panels. Section boundaries are dissolves, not edges. 2. SCROLL IS THE TIMELINE. js/mv-aisi.js writes one number, --p (0 to 1), onto each scene as it crosses the viewport. Nothing here listens to scroll itself; every transform, draw, fade and reveal is a function of that one custom property. That keeps the work in the compositor, keeps the choreography readable in one place, and means a scene can be frozen at any point by setting --p by hand. 3. THE DIAGRAM IS THE EXPLANATION. Where the old page put a paragraph beside a static icon, the visual does the explaining: ten blue links beside the one answer that replaced them, a trend line drawing itself as the section is read, a rail that fills as you move down the steps. ACCESSIBILITY IS NOT A LAYER ON TOP. prefers-reduced-motion pins --p to its finished value and disables every transition, so a reader who asks for less motion gets the COMPLETED diagram rather than an empty frame that never animates in. That is the failure mode of scroll-driven pages and it is designed out here rather than apologised for. Light and dark are both first-class: the page ships with a theme boot and tokens.css makes light the default. Every colour is a token or a color-mix() of one, so the whole system re-tunes with the theme and there is no hardcoded hex to drift. ========================================================================== */ /* ---------------------------------------------------------------- scaffolding */ /* The page's ground. This has to be stated: the old page carried it on a .plt-main class in an inline