Split integrations section built as a plain, fully editable Etch tree: section > container > panel (eyebrow, h2, lede, checklist, CTAs, stats) beside a CSS-and-Web-Animations-API orbit visual — a glowing hub circled by two counter-rotating rings of upright app tiles. Only the repeating units are components: "Checklist Point" (3 instances), "Stat" (3 instances, dt/dd pair) and "Orbit App" (9 instances shared by both rings: name, angle, hue select, glyph path). Section-level options are data attributes on the section, not props: data-tone (light|dark|aurora), data-layout (split|centered), data-side (start|end, swaps panel/visual columns) and data-speed (slow|normal|fast). Rotation, the counter-rotating app chips and the hub pulse run on the Web Animations API (no @keyframes) so JS can pause them on manual toggle, on stage hover and via IntersectionObserver when offscreen; without JS the orbit is static. A WCAG 2.2.2 pause/play toggle (aria-pressed, swapped icon) is hidden under prefers-reduced-motion, which also skips building the animations entirely.