Social proof popup — HyperFrames prompt (notification stack)

<direction> An 11-second social-proof popup film (1280x720, 30fps) for Prompt Deck Pro. House style: near-black #0a0a0a background, white type, ONE orange accent #ff5c1a, Arial/Helvetica bold, no webfonts. A generic browser-window mock fills the frame (chrome bar, three dots, a "yourstore.com" URL pill, dim skeleton page blocks) while notification toasts for the events in Ayesha | Lahore | booked | 12 min ago; Dan | Austin | started a trial | 26 min ago; Maria | Berlin | upgraded to Pro | 41 min ago; Ken | Nairobi | booked | 1 hr ago slide in at bottom-left and stack upward like a real social-proof widget. Every name and event is fictional, and the film says so in fine print. Banned: real brand logos, real people's names, fake review stars, prices or discount claims, screenshots of a real store. </direction> <structure> 0.0-1.5s: the browser mock fades in — chrome bar, URL pill, page headline and skeleton blocks; fine print "SAMPLE EVENTS — FICTIONAL NAMES" bottom-right. 1.5s: toast 1 slides in at the bottom-left slot (avatar initials, bold "Name — City", action line naming Prompt Deck Pro, grey relative time, small orange check dot on the avatar). 4.0s / 6.5s / 9.0s: toasts 2, 3 and 4 land in the bottom slot while every earlier toast nudges up one slot (106px) at the same moment. 9.5-11.0s: the full stack of four holds. </structure> <build> One HyperFrames composition, 1280x720, seek-driven paused GSAP timeline. Parse Ayesha | Lahore | booked | 12 min ago; Dan | Austin | started a trial | 26 min ago; Maria | Berlin | upgraded to Pro | 41 min ago; Ken | Nairobi | booked | 1 hr ago as "Name | City | action | time" entries separated by semicolons and build one toast per entry (the demo ships four). All toasts share one base position (the bottom slot); arrivals tween x from off-frame with opacity, and stacking is done with cumulative y offsets (-106px per later arrival) so a nudge and a landing can share a timestamp. Keep toast text on one line per row — widen the card before shrinking the type. </build> <gotchas> - If each toast has its own hard-coded top position, the nudge becomes four separate animations to keep in sync — one base slot plus y offsets stays honest. - The action line is the longest string in the card ("upgraded to Pro — Prompt Deck Pro"); size the card for it or it spills past the border. - The check dot must read as a badge on the avatar, not a stray orange pixel — overlap the avatar's corner and give the glyph contrast against the accent. - The fiction disclosure stays visible in the final frame; a social-proof demo without it reads as a claim. </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.