Numbered process tabs as a plain, fully editable Etch tree: section > container > header (eyebrow, h2, intro) > tab bar (a tablist of four "Underline Tab" component instances with one sliding indicator, plus a play/pause button) > four tab panels, each holding an "Underline Tab Panel" instance. The Tab component has tabId, number, label, caption, showNumber and showCaption props; the Panel component (image, imageAlt, showImage, kicker, heading, text, showPoints, showMetric, showLink + linkText + linkUrl) has a "points" slot filled with "Tab Point" instances (text) and a "metric" slot filled with a "Tab Metric" instance (value, label). The indicator measures the active tab and slides with a transform transition; arrow keys, Home and End move between tabs (roving tabindex, aria-selected, aria-controls); on narrow screens the tab row scrolls sideways and keeps the active tab in view. Section options (data attributes): data-theme light|dark (default light); data-align start|center (header + tab row alignment); data-indicator underline|pill (sliding hairline under the tab, or a sliding pill behind it); data-media start|end (photo side in the panel from a 50em container); data-ratio landscape|square|portrait (photo aspect ratio); data-anim rise|fade|none (how the incoming panel enters); data-duration ms (indicator + panel motion, default 480); data-easing smooth|snappy|linear (motion curve); data-autoplay true|false (advance tabs automatically, pauses on hover/focus, play/pause button shown); data-delay ms (autoplay interval, default 6000); data-numbers true|false (show the 01/02 numbers in the tabs). Without JS the first panel shows. Respects prefers-reduced-motion, AA contrast in both themes, visible focus rings.