Ividiyo yokuqalisa iFrame ngeFrame

Ndibuze: igama lemveliso yam, uphawu (okanye ndikuvumele udwebe uphawu olulula), into enomgca omnye umsebenzisi ayibhalayo kwibhokisi yesindululo, iphepha eliyiphendulayo (isihloko + izivakalisi ezi-2–3 ezinegama elinye eliphambili), amagama amabini eempawu zamakhadi agciniweyo, kunye nengoma yomculo. Ukuba ndiyayitsiba nayiphi na, sebenzisa okuzenzakalelayo: imveliso "Frame by Frame" ehlala ngaphakathi kwe-hub yayo ye-Whop, uphawu lwe-viewfinder (izibiyeli ezine zeekona ezijikeleze "FF" enesibindi), isindululo esithi "Make a launch video for my app", iphepha lesifundo elinesihloko esithi "2.1 Khetha isalathiso", amakhadi athi "Launch" kunye "Sound", kunye nengoma yasimahla yendlu kaMixkit ethi "Rising Forest" yehle yaya kwi-124 BPM.

Imveliso yesikwere semizuzwana eli-12 ehlabayo, eyi-1080x1080, amanani esakhelo kwi-29.97 fps (f0–f359), i-master rendered kwi-59.94 fps. Imvakalelo ye-Apple-keynote: ithambile, imhlophe, iluhlaza okwesibhakabhaka okuqaqambileyo, ifana neglasi. Ikhamera ayikaze isike kwisakhelo esingashukumiyo: yonke ifoto ingena sele ihamba (i-exponential ease-out, i-12–19% yomgama oseleyo kwisakhelo ngasinye) kwaye iphuma kwintshukumo ekhawulezayo okanye kwi-blur ramp. I-Blur ilandela isantya kunye necala kuyo yonke intshukumo.
Iphalethi: iphepha #FDFDFB, inkungu #B7CFEB, umkhenkce #E6F0FA, luhlaza okwesibhakabhaka #294376 → #769CC2 i-sky gradient, i-navy #1E2F52, i-accent blues #2F6BFF / #3CC8F0 / i-mint #4ED6A0, emhlophe. Uhlobo: Inter (400/500/600/700). Akukho mfusa, i-violet, i-magenta okanye i-orenji naphi na.
Ibali: Intloko yemveliso iphuma kwi-blue inkungu ngaphakathi kwifestile ye-app ekhanyayo → Isikhombisi siyangena, sijike sijonge apho siya khona, sikhulela phezulu size sicofe ilogo → sinqumle kakhulu kwi-music drop ukuya kwi-icon ye-app enezikwere ezine ezijikeleza kumnqamlezo → Isikhombisi siyawa kwi-Mac menu bar → Isikhombisi sicofa i-icon ye-menu-bar, ibhokisi ye-frosted glass prompt iyaphuma kwaye iintlobo ze-prompt → zijike nge-blu-blue flash ukuya kwiphepha leempendulo ziskrola ziye endaweni yazo → ikhadi liyaphakama phezu kwayo → zinqumle ngokufiphaza ukuya kumakhadi amabini adibeneyo anezihloko ezinkulu ze-frosted-glass → zinqumle ngokufiphaza ukuya kwi-disc ye-lone logo → zinqumle ngokufiphaza ukuya kwikhadi elimnyama elinophawu olukhanyayo.
Ivaliwe: ii-crossfades, iifreyimu ezikhenkcezisiweyo (ngaphandle kwe-hold enye kwi-S7), ii-stock UI kits, ziyakhanya kumbhalo we-UI, iMath.random, nantoni na ebonakala njengetemplate.

Ii-coordinates zi-px kwiqonga le-1080. I-music beat k = 0.048 + 0.4838·ks (124 BPM, i-beat enye = iifreyimu ezili-14.5). Iziqwenga ezintathu ezinzima f72, f101, f159 zibeka iifreyimu ezi-2 ngaphambi kwe-beat: gcina ezi freyimu zichanekileyo.
I-S1 f0–71, i-header + ifestile + cofa: i-haze #B7CFEB iyaphela ukuya kwi-#FDFDFB ngo-f28, gcina umgangatho oluhlaza okwesibhakabhaka ukhanya #DBEEFD ezantsi. I-header kumgca omnye: i-logo disc ⌀132 (#FBFCFE, 1px rim #E8E8EA, uphawu olumnyama), igama lemveliso (Inter 500), ipilisi ye-capsule emnyama "kwi-Whop" (#2F2E2F, umbhalo omhlophe); yonke indawo ivaliwe i-x474–1063, umgca ophakathi unyuka y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), ijika i-1 px/ifreyimu emva koko. Igama libonakala lifiphele f2, ipilisi f4–5 ifiphele kakhulu kwaye ityibilika ishiyekile i-15 px njengoko ilola. Ifestile yehabhu yokukhanya (i-radius 93, i-fill #FCFDFF, ibhendi ephezulu #F1F6FF, ukukhanya komgangatho oluhlaza okwesibhakabhaka) iyafiphala ngaphakathi kuyo: i-opacity 0 ukuya kwi-f14, 0.53 f15, 0.7 f19, 1.0 f24; ikona ephezulu ngasekhohlo (408,405), ihamba ngasekunene nasezantsi. Ngaphakathi: ipilisi yokukhangela kwibhendi ephezulu, ikholamu yophawu lwasekhohlo (uphawu lwezifundo kwi-(537,739), uphawu lwencoko olufiphele kwi-(537,900)), kunye nekhadi lekhosi elivela kwi-(764,700) ngaphandle kwefreyimu enomfanekiso wekhava, isihloko kunye "nekhosi · izifundo ezi-8". Cursor (utolo olumnyama lwe-macOS, umzobo omhlophe, 32x39) sivela ku-f27 ku-(891,393), sitsibela ngasekhohlo sinciphisa isantya ukuya ku-(770,383) f44, sijikeleza siye ezantsi-ekhohlo f47–51 njengoko sintywila, siwela ezantsi ngasekunene kwediski (629,564) f56 → (587,546) f59 → (555,531) f71; sikhula ku-×1.55 xa sihamba ukusuka ku-f56; indandatho yomkhenkce ethambileyo (#D5F3FF → #F7FEFF, yangaphandle ⌀174) ikhanyisa idiski ukusuka ku-f53. Ikhamera isondeza malunga (540,540): 1.0 f46 → 1.2 f60 i-ease-in-out, ibamba i-f61, ize ikhawuleze ukuya ku-1.04 ku-f71 ngelixa isikhombisi sicinezela (sincipha nge-15% f69–71).
I-S2 f72–100, uphawu + i-orbit: uphawu lwe-app ye-navy squircle (#294376 → #1E2F52, uphawu olumhlophe), i-276 px kwi-f72 inciphisa i-ease-out ukuya kwi-178 px nge-f86, i-radius eyi-28% yobubanzi, kwidiski ye-halo engwevu #E9E9E7 ekhulayo ⌀240 (f75) → 326 (f86). Izikwere ezine ze-92 px (i-radius 26) zijikeleza ngokuchasene newotshi, zinciphisa isantya, kwaye zitshixeke kumnqamlezo kwi-orbit radius ≈216 nge-f86: emhlophe (1px #E3E8EF edge + faint shadow) ekhohlo, #2F6BFF top, #3CC8F0 ekunene, #4ED6A0 ezantsi. f88–100: uphawu luyancipha ngokukhawuleza ukuya kwi-≈40 px, izikwere zityibilika ziye kumqolo ngasekunene kwalo (iiflethi ezimhlophe emva kophawu), iiflethi ze-blur 0.3 → 6 px.
I-S3 f101–158, ibar yemenyu + isindululo: iphepha elimhlophe ngaphezulu kwebhendi ye-bezel yelaptop emnyama (y425–475, uphawu oluphezulu #686866), ibar yemenyu emnyama emnyama (y477–538), iphepha lodonga elingezantsi = i-gradient yesibhakabhaka esiluhlaza okwesibhakabhaka enobugcisa obumhlophe obuncinci (isangqa esinye esikhulu, imigca emibini ethe tye, enye ethe nkqo, ukukhanya okune-point-four kwindawo yokunqumla, ukukhanya okuthambileyo kwe-teal phezulu-ekunene). Ibar yemenyu ngasekunene iqela elimhlophe: I-Wi-Fi, ibhetri, ii-toggles, uphawu lwemveliso kwi-x531–584, amachaphaza amathathu angama-⌀36 #2F6BFF / #3CC8F0 / #4ED6A0 kwi-x612, 661, 709, "UMvulo we-22 kaJuni 9:41 AM" ama-34 px. Ingena kwi-3 px efipheleyo kwaye ihla ngo-f110. Cursor iphakama ukusuka ngaphantsi (f102), ihlala kuphawu, icinezela i-f113–117. Umxholo weepane zekhamera ufikelela ekunene +125 px f115–130 (ekhawulezayo f118–120). Ibhokisi yeglasi enomkhenkce (iglasi emhlophe-eluhlaza okwesibhakabhaka phezu kwesibhakabhaka, umphetho oqaqambileyo ophezulu, irediyasi 60) iphuma phantsi kophawu f116: ububanzi bufikelela kwi-744 kwi-f126 kwaye buhlala kwi-726x228 nge-f138 malunga ne-x196–922, y568–797. I-prompt types ukusuka kwi-f121 (efundekayo yokuqala ethi "Yenza") ukuya kwi-f150 (igqityiwe) malunga ne-char/frame enye kunye ne-frame e-1 ebamba rhoqo emva kwe-chars ezi-2–3; i-caret ihlala ivuliwe; ii-icon ezintathu ezimhlophe ezisezantsi; thumela iqhosha #2F6BFF ⌀51 ngotolo olumhlophe oluphezulu. Ukusuka kwi-f136 yonke indawo iyanyuka, ikhawuleza ibe yi-whip-tilt (f158 ishukuma ≈25 px/frame, i-vertical blur ≈6–8 px) ngelixa iphepha litshintsha umbala #E6F4FE ngaphezulu kwe-f154–158.
I-S4 f159–186, iphepha leempendulo: iphepha lesifundo sekhosi elula (iqhekeza lesonka, isihloko, umzimba): ikholamu yombhalo x120, umzimba 47 px Inter 400 grey #BCBCBA, umgca wepitch 58, ibinzana elinye eliphambili ("isakhelo sesakhelo") ngombala omnyama 600. Ifika ingcolile kwaye iphantsi nge-420 px, iskrola phezulu ngee-offset 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), emva koko irhubuluza nge-−6 px nge-f186. I-Blur 24 px (f159) → 1.5 (f165) → 0. I-Flash #E2F4FE iyaphela iye kwi-#FDFDFB nge-f165. Isalathisi esijonge phezulu sihamba siskrola size sime phantsi kwegama elingundoqo (≈(450,591) f180), size sihambe ngasekunene.
I-S5 f187–214, ikhadi: ikhadi elimhlophe (x203–878, liphuma ezantsi) liphakama phezu kwephepha: umfanekiso wekhava 627x536 i-inset 24 px, i-radius 64, ibha yokubamba ekhanyayo embindini wayo ophezulu, i-caption engqindilili engama-38 px emnyama, i-sub-caption grey engama-23 px. I-cover top y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), emva koko iqhubeka inyuka ~4 px/ifreyimu. I-card blur ifikelela kwi-3.8 px kwi-f189, ibukhali nge-f201; iphepha elingasemva kwe-blur lifikelela kwi-≈2.5 px. Phuma kwi-f207–214: ikhadi liyancipha ~5% kwaye linyuka ngelixa ifreyimu yonke ifiphaza nge-1 → 7 px; sike kwi-blur peak.
S6 f215–244, amakhadi amabini: iphepha elimhlophe, amakhadi amabini ahlanganisiweyo angama-538x348 (irediyasi 57, umsantsa 36) agxile kwi-x540, ikhadi eliphezulu lihlala kwi-y168 nge-f230, ezantsi kwi-y552. Nganye: ubugcisa bekhava (akukho mbhalo ubhakiweyo kuyo), ipilisi eqandisiweyo phezulu ngasekhohlo ("Imodyuli 3" / "Imodyuli 5"), isangqa esiqandisiweyo "•••" phezulu ngasekunene, kunye nesihloko esikhulu esinesibindi ecaleni komphetho ongezantsi owenziwe ngeglasi eqandisiweyo (ikopi efipheleyo, ekhanyisiweyo yomfanekiso eqhotyoshelwe koonobumba, enqunyulwe ngumphetho ongezantsi wekhadi): "Launch" kunye "neSandi". Zombini zingena zifiphele nge-12 px kwaye zibukhali nge-f224; ikhadi eliphezulu lingena kwi-8% enkulu kwaye linyuka ukusuka kwi-y264; ikhadi elisezantsi linyuka ukusuka kwi-y927, lithe tyaba emva kwalo. Zinyuka nge-3 px/ifreyimu f230–238, emva koko zikhawulezise zize zifiphele ziye kumnqumlo.
I-S7 f245–300, idiski yelogo: iphepha #FDFDFB, idiski ⌀168 #F6F6F6 enophawu olumnyama, inyuka iye embindini (phezulu y569 f245 → 491 f250 → 468 f255 → 456 f269) ene-smear ethe nkqo kwisakhelo esisikiweyo, ibambe inganyakazi f269–287 (ukuphela kwendlela eqandisiweyo), ize inciphe ngokukhawuleza iye kwi-⌀123 kwi-f300.
I-S8 f301–359, ikhadi lokugqibela: imvelaphi yeradiyo emnyama (#020204 iikona, ≈#272729 ejikeleze igama), uphawu lwamagama kwi Inter 600, olumhlophe #F3F3F5 olunekhazimlo eliqinileyo kunye ne-halo ethambileyo ebanzi, ephakathi (540,540). Ububanzi bamagama: ≈1650 px f301 (ifakwe ngokuthe tye, imiqolo ye-zoom) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/frame shrink) → 492 f350, emva koko i-collapse i-ease-in: 450 f355 → 267 f359 kunye ne-blur enyuka iye kwi-3.5 px. Ifilimu iphela phakathi kokuwa.

1. Iphepha elinye HTML, 1080x1080, elitsalwe yi-seek(t) njengomsebenzi ococekileyo wenombolo yesakhelo. Akukho tshintsho CSS, akukho zibali-xesha, akukho Math.random (i-seeded hashes kuphela). Iishots zibhaliswa njengo-{f0, f1, render(localFrame)}.
2. Ixabiso ngalinye liyaqhubeka kwinombolo yesakhelo (i-master 59.94 irender isiqingatha seefreyimu): i-animation ngeetafile ze-keyframe kf(frame, [[f, value],...], ease) kunye neetafile zokukhangela ngesakhelo ngasinye ezine-linear interpolation. Akukho Math.floor ishukumayo.
3. Ukufiphaza: Ukufiphaza kwesihluzo CSS sokufiphaza okujikelezayo, SVG feGaussianBlur ene-x/y stdDeviation eyahlukileyo yokufiphaza okubhekisele kwicala. Ukufiphaza isihluzo kwikhadi lokugqibela = iikopi ezingama-20–30 zegama ezilinganisiweyo, ezifipheleyo. Iglasi eqhotsiweyo = ikopi efipheleyo, ekhanyisiweyo yoko kungasemva, eqhotsiweyo kwimilo.
4. Cursor: utolo olunye SVG macOS (ukugcwalisa okumnyama, umgca omhlophe, isithunzi esithambileyo) olunokujikeleza kunye nesikali, olusetyenziswa kwakhona kwi-S1, S3, S4.
5. Isandi (akukho lizwi), kanye nge-12.075 s: umculo kwi-124 BPM, intshayelelo ethambileyo, ukuhla kwi-2.47 s (beat 5, i-f72 cut iyikhokela ngeefreyimu ezi-2). I-SFX edibeneyo: i-soft impact 0.10 s; i-whooshes ifikelela phezulu kwi-cuts 2.402, 3.370, 5.305, 10.043 s; i-transition ibetha ngqo kwi-6.240 s kunye ne-8.175 s; ukucofa kwi-2.33 kunye ne-3.83 s; i-key cwaka kakhulu iphawula rhoqo emva kwe-~32 ms ngaphezulu kwe-4.04–5.00 s; i-shimmer ethambileyo kwi-10.05 s. I-Master ukuya kwi-−14 LUFS, i-true peak −1 dBTP, akukho fade ngaphandle kwe-60 ms yokugqibela.
6. Yenza iRender Playwright (isithombe-skrini esinye kwifreyimu nganye, iifonti zilayishwe kuqala), faka ikhowudi kwi-H.264 yuv420p kwi-60000/1001, susa umsindo.

Linganisa umbhalo kuphela emva kokuba iifonti zilayishiwe. Igama lemveliso elide aliyi kuhambelana nendawo apho igama elinoonobumba aba-5 lenze khona: yenza umlinganiselo we-lockup yonke (isithuba sediski, igama, ipilisi) ukuze ilingane ne-span x474–1063, ungavumeli ipilisi iwele kwifreyimu. Isikwere esimhlophe esijikelezayo siyanyamalala kwiphepha elimhlophe ngaphandle komphetho we-1px kunye nomthunzi obuthathaka. Musa ukufaka imifanekiso enombhalo wayo ngaphakathi kwamakhadi e-S6, okanye isihloko seglasi siyaphindaphindeka. Gcina iifreyimu ezisikiweyo zichanekile nokuba azihlali phantsi. Akukho nto iqina ngaphandle kwe-S7 f269–287. Iitafile ezifiphalisayo ezinzima zinokusula imo ngokupheleleyo: ukuba imo ibonakala ingenanto, yehlisa i-fiphaleyo ide imo ifundeke.

Ndibuze ukuba ndithini na. Emva koko ndibonise imifanekiso emi-4 (intloko ye-f40 efestileni, unqamlezo lwe icon ye-f86, umpompelo ogqityiweyo we-f150, amakhadi amabini e-f230) ngaphambi kokuba ubonise ifilimu epheleleyo.

Ask me for: my product name, a logo (or let you draw a simple mark), the one-line thing a user types into the prompt box, the page that answers it (title + 2–3 sentences with one key phrase), two feature names for the stacked cards, and a music track. If I skip any, use the defaults: product "Frame by Frame" living inside its Whop hub, a viewfinder mark (four corner brackets around a bold "FF"), prompt "Make a launch video for my app", a lesson page titled "2.1 Choose a reference", cards "Launch" and "Sound", and Mixkit's free house track "Rising Forest" slowed to 124 BPM.

A 12 second square product sting, 1080x1080, frame numbers at 29.97 fps (f0–f359), master rendered at 59.94 fps. Apple-keynote feel: soft, white, bright blue, glassy. The camera never cuts on a still frame: every shot enters already moving (exponential ease-out, 12–19% of the remaining distance per frame) and leaves on an accelerating move or a blur ramp. Blur follows speed and direction on every move.
Palette: page #FDFDFB, haze #B7CFEB, ice #E6F0FA, deep blue #294376 → #769CC2 sky gradient, navy #1E2F52, accent blues #2F6BFF / #3CC8F0 / mint #4ED6A0, white. Type: Inter (400/500/600/700). No purple, violet, magenta or orange anywhere.
Story: the product header rises out of a blue haze inside a light app window → a cursor glides in, turns to face where it's going, grows on hover and clicks the logo → hard cut on the music drop to the app icon with four squares orbiting into a cross → the icon collapses into a Mac menu bar → the cursor clicks the menu-bar icon, a frosted glass prompt box springs out and the prompt types → whip-tilt up through a light-blue flash into the answer page scrolling into place → a card rises over it → blur-dissolve to two stacked cards with giant frosted-glass titles → blur-dissolve to the lone logo disc → hard cut to a black end card with a glowing wordmark.
Banned: crossfades, frozen frames (except one hold in S7), stock UI kits, glows on UI text, Math.random, anything that looks like a template.

Coordinates are px on the 1080 stage. Music beat k = 0.048 + 0.4838·k s (124 BPM, one beat = 14.5 frames). The three hard cuts f72, f101, f159 land 2 frames before a beat: keep these exact frames.
S1 f0–71, header + window + click: haze #B7CFEB fading to #FDFDFB by f28, keep a blue floor glow #DBEEFD at the bottom. Header on one line: logo disc ⌀132 (#FBFCFE, 1px rim #E8E8EA, dark mark), the product name (Inter 500), a dark capsule pill "on Whop" (#2F2E2F, white text); the whole lockup spans x474–1063, centre line rises y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), drifting 1 px/frame after. Name appears f2 blurred, pill f4–5 heavily blurred and sliding 15 px left as it sharpens. A light hub window (radius 93, fill #FCFDFF, top band #F1F6FF, blue inner floor glow) fades in around it: opacity 0 to f14, 0.53 f15, 0.7 f19, 1.0 f24; top-left corner (408,405), runs off the right and bottom. Inside: a search pill in the top band, a left icon column (Courses icon at (537,739), faded Chat icon at (537,900)), and a course card from (764,700) off-frame with its cover image, title and "Course · 8 lessons". Cursor (black macOS arrow, white outline, 32x39) appears f27 at (891,393), glides left decelerating to (770,383) f44, rotates to point down-left f47–51 as it dives, lands on the disc's lower right (629,564) f56 → (587,546) f59 → (555,531) f71; grows ×1.55 on hover from f56; a soft ice ring (#D5F3FF → #F7FEFF, outer ⌀174) lights around the disc from f53. Camera zooms about (540,540): 1.0 f46 → 1.2 f60 ease-in-out, holds f61, then eases out accelerating to 1.04 at f71 while the cursor presses (shrinks 15% f69–71).
S2 f72–100, icon + orbit: navy squircle app icon (#294376 → #1E2F52, white mark), 276 px at f72 shrinking ease-out to 178 px by f86, radius 28% of width, on a grey halo disc #E9E9E7 growing ⌀240 (f75) → 326 (f86). Four 92 px squares (radius 26) spin in counter-clockwise, decelerating, and lock into a cross at orbit radius ≈216 by f86: white (1px #E3E8EF edge + faint shadow) left, #2F6BFF top, #3CC8F0 right, #4ED6A0 bottom. f88–100: the icon shrinks accelerating to ≈40 px, the squares slide into a row on its right (white slips behind the icon), blur ramps 0.3 → 6 px.
S3 f101–158, menu bar + prompt: white page above a black laptop bezel band (y425–475, top highlight #686866), a dark navy menu bar (y477–538), wallpaper below = the blue sky gradient with thin white line art (one big circle, two horizontal lines, one vertical, a four-point sparkle at a crossing, soft teal glow top-right). Menu bar right cluster in white: Wi-Fi, battery, toggles, the product mark at x531–584, three ⌀36 dots #2F6BFF / #3CC8F0 / #4ED6A0 at x612, 661, 709, "Mon Jun 22  9:41 AM" 34 px. Enters blurred 3 px and settling by f110. Cursor rises from below (f102), sits on the mark, presses f113–117. Camera pans content right +125 px f115–130 (fastest f118–120). A frosted glass box (white-blue glass over the sky, bright top rim, radius 60) springs out from under the mark f116: width peaks 744 at f126 and settles 726x228 by f138 around x196–922, y568–797. The prompt types from f121 (first legible "Make ") to f150 (complete) at about 1 char/frame with a 1-frame hold every 2–3 chars; caret always on; three white outline icons along the bottom; send button #2F6BFF ⌀51 with a white up arrow. From f136 the whole scene drifts up, accelerating into a whip-tilt (f158 moving ≈25 px/frame, vertical blur ≈6–8 px) while the page tints #E6F4FE over f154–158.
S4 f159–186, answer page: a light course lesson page (breadcrumb, title, body): text column x120, body 47 px Inter 400 grey #BCBCBA, line pitch 58, one key phrase ("frame for frame") in black 600. It arrives smeared and 420 px low, scrolls up with offsets 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), then creeps −6 px by f186. Blur 24 px (f159) → 1.5 (f165) → 0. Flash #E2F4FE fading to #FDFDFB by f165. A cursor pointing straight up rides the scroll and stops under the key phrase (≈(450,591) f180), then drifts right.
S5 f187–214, card: a white card (x203–878, runs off the bottom) rises over the page: cover image 627x536 inset 24 px, radius 64, a light grabber bar at its top centre, caption semibold 38 px black, sub-caption grey 23 px. Cover top y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), then keeps drifting up ~4 px/frame. Card blur peaks 3.8 px at f189, sharp by f201; the page behind blurs to ≈2.5 px. Exit f207–214: card shrinks ~5% and rises while the whole frame blurs 1 → 7 px; cut at the blur peak.
S6 f215–244, two cards: white page, two stacked cards 538x348 (radius 57, gap 36) centred on x540, top card settling at y168 by f230, bottom at y552. Each: cover art (no text baked into it), a frosted pill top-left ("Module 3" / "Module 5"), a frosted round "•••" top-right, and a huge bold title along the bottom edge made of frosted glass (a blurred, lightened copy of the image clipped to the letters, cut off by the card's bottom edge): "Launch" and "Sound". Both enter blurred 12 px and sharp by f224; the top card enters 8% large and rises from y264; the bottom card rises from y927, staggered behind it. They drift up 3 px/frame f230–238, then accelerate up and blur out into the cut.
S7 f245–300, logo disc: page #FDFDFB, disc ⌀168 #F6F6F6 with the dark mark, rises into the centre (top y569 f245 → 491 f250 → 468 f255 → 456 f269) with a vertical smear on the cut frame, holds still f269–287 (the only frozen stretch), then shrinks accelerating to ⌀123 at f300.
S8 f301–359, end card: black radial background (#020204 corners, ≈#272729 around the word), the wordmark in Inter 600, white #F3F3F5 with a tight glow plus a wide soft halo, centred (540,540). Word width: ≈1650 px f301 (horizontally smeared, zoom streaks) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/frame shrink) → 492 f350, then collapses ease-in: 450 f355 → 267 f359 with blur rising to 3.5 px. The film ends mid-collapse.

1. One HTML page, 1080x1080, drawn by seek(t) as a pure function of the frame number. No CSS transitions, no timers, no Math.random (seeded hashes only). Shots register as {f0, f1, render(localFrame)}.
2. Every value is continuous in the frame number (the 59.94 master renders half frames): animate with keyframe tables kf(frame, [[f, value], ...], ease) and per-frame lookup tables with linear interpolation. No Math.floor on motion.
3. Blur: CSS filter blur for round blur, SVG feGaussianBlur with separate x/y stdDeviation for directional smears. Zoom smear on the end card = 20–30 scaled, faded copies of the word. Frosted glass = a blurred, lightened copy of what's behind, clipped to the shape.
4. Cursor: one SVG macOS arrow (black fill, white outline, soft shadow) with rotation and scale, reused in S1, S3, S4.
5. Sound (no voice), exactly 12.075 s: music at 124 BPM, soft intro, the drop at 2.47 s (beat 5, the f72 cut leads it by 2 frames). Synthesized SFX: soft impact 0.10 s; whooshes peaking at the cuts 2.402, 3.370, 5.305, 10.043 s; transition hits exactly on 6.240 s and 8.175 s; clicks at 2.33 and 3.83 s; very quiet key ticks every ~32 ms over 4.04–5.00 s; a soft shimmer at 10.05 s. Master to −14 LUFS, true peak −1 dBTP, no fade except the last 60 ms.
6. Render with Playwright (one screenshot per frame, fonts loaded first), encode H.264 yuv420p at 60000/1001, mux the audio.

Measure text only after the fonts load. A long product name won't fit where a 5-letter name did: scale the whole lockup (disc gap, name, pill) to fit the span x474–1063, don't let the pill fall off-frame. A white orbit square vanishes on the white page without a 1px edge and a faint shadow. Don't put images with their own text inside the S6 cards, or the glass title doubles up. Keep the cut frames exact even where they don't sit on a beat. Nothing freezes except S7 f269–287. Heavy blur tables can wipe a shape out completely: if a frame looks empty, lower the blur until the shape still reads.

Ask me for the inputs. Then show me 4 stills (f40 header in the window, f86 icon cross, f150 finished prompt, f230 the two cards) before you render the full film.

Isaziso sithathwe kwi iposi @notdwd.