Health app explainer — HyperFrames prompt (vertical onboarding, wellness-only)

<direction> A 9-second vertical explainer for a fictional wellness app, HyperFrames 1080x1920 at 30fps. House style: near-black #0a0a0a background, panels #141414, borders #2a2a2a, text #ffffff/#c9c9c9, ONE accent #ff5c1a, Arial/Helvetica bold, no webfonts. Calmer pacing than a launch film: three gentle step cards, one breathing circle, and a wellness disclaimer that never leaves the frame. No medical claims, no diagnoses, no treatment language — anywhere. No gradients, no stock photos, no real brand logos, no lorem ipsum, no purple/blue tech gradient. </direction> <structure> 0.0-1.7s — Kicker "HEALTH APP EXPLAINER — BreatheEasy". The wordmark settles in over "A calmer day, in three small steps." The footer disclaimer fades in here and STAYS: "GENERAL WELLNESS ONLY — NOT MEDICAL ADVICE, NOT A DIAGNOSIS OR TREATMENT TOOL". 1.7-4.3s — Three step cards stack in: 1 "Check in" (mood dots, one lit), 2 "Breathe" (sixty seconds of guided breathing), 3 "Sleep" (wind-down reminder, gentle alarm). One short line each. 4.3-7.0s — Cards clear. A breathing circle expands (1.1s) and contracts (1.1s) under "BREATHE IN… / FOLLOW THE CIRCLE". 7.0-9.0s — End card: wordmark + "Small steps. Calmer days." Disclaimer still on screen. </structure> <build> One paused GSAP timeline. The breath is two sine.inOut scale tweens (0.72 → 1.12 → 0.78) — slow eases only; nothing in this film should pop or slam. Cards enter on y with soft power3.out. </build> <gotchas> - The disclaimer is a first-class element: present from the first act to the last frame, min 22px at 1080 wide. - Wellness copy discipline: "calmer day" is fine; "reduces anxiety" is a medical claim — keep outcomes subjective and small. - Vertical safe zones: disclaimer sits above the platform UI band at the bottom. </gotchas> Before you finish: step through the timeline at five points and fix anything that overlaps, clips the frame, or drifts off the beat grid.