Floating glass-pill SaaS header as a plain, fully editable Etch tree over an optional demo hero: header > head > pill bar (brand with an animated orbit mark and a wordmark that folds away when the pill detaches; menu holding an "Orbit Nav" wrapper component; Sign in, CTA and Menu button) > demo stage (photo, New chip, headline, copy, two buttons, "Stage Stat" instances). The Orbit Nav wrapper's props are its controls, rendered as data attributes the inline script reads: indicator (pill|underline|dot|none); trigger (click|hover) how Product and Resources open on desktop (keyboard and click always work); easing (spring|smooth|snappy|linear) indicator, panels and detach motion; duration (ms, default 560); label (aria-label of the nav landmark). Its items slot holds plain menu items plus "Nav Link" instances (label, url, current, optional badge). "Product" opens a mega panel of "Product Link" instances (icon select, title, description, optional badge, preview photo + alt + preview text, show/hide toggles) beside a live preview pane that crossfades photo, title and text as you hover or focus each product, plus a news footer; "Resources" opens a compact anchored list of "Resource Link" instances (title, meta, url, live status dot, external icon). Panels open by click, Enter/Space or ArrowDown, move with arrow keys, close on Esc (focus returns), outside click or focus leaving. Once you scroll, the bar detaches into a compact lifted pill (wordmark folds, glass thickens). Below 60em the same tree becomes a full-screen menu that grows as a circle from the Menu button (or fades): accordion sections for Product and Resources, large links, Sign in + CTA, focus trap, Esc, scroll lock; brand and Close stay in place. Section options (data attributes): data-theme (light|dark); data-accent (primary|secondary|neutral) ACSS colour for the CTA, indicator, icon tiles and orbit mark; data-position (static|sticky) with the demo stage on, the pill sticks while the stage scrolls; with data-stage false the whole header sticks to the page; data-detach (true|false) detach into a compact lifted pill after scrolling; data-glass (true|false) frosted or solid pill; data-orbit (always|hover|off) satellite motion around the mark; data-reveal (circle|fade) mobile menu entrance; data-stage (true|false) the demo hero behind the pill; turn it off on real pages. Reduced motion: no orbit, springs or circle wipe; reduced transparency: solid pill. ACSS tokens with px fallbacks.