How to get inside the screen

# CLAUDE — ENTER THE SCREEN
# INSTAGRAM CINEMATIC PORTAL EDIT

Use the uploaded vertical laptop video as the EXACT live-action base plate.
Do NOT redesign the Claude animation itself from scratch.
Do NOT replace the real laptop footage.

The goal is to transform the current video into a premium Instagram motion-design piece where the viewer physically ENTERS the laptop screen, experiences the Claude animation as a full-screen world, and then returns to reality.

The current video already has: a real hand, real laptop, physical environment, Claude interface, strong warm Claude motion graphics, "Launch readiness", "Research deeply", "Think clearly", "Create completely", "Meet Claude", final Claude identity.

Preserve those strengths.

The main problem is: for too much of the video, the viewer stays outside the laptop and watches the animation from a distance. Fix that.

==================================================
ONE CREATIVE THESIS
==================================================

THE SCREEN BECOMES THE WORLD.

Use one continuous transformation:

REAL LAPTOP -> SCREEN INTERACTION -> SCREEN PORTAL -> FULL-SCREEN CLAUDE WORLD -> CLAUDE MARK -> EXIT PORTAL -> REAL LAPTOP

The transition must feel physically connected.

Never: laptop footage -> flash -> unrelated full-screen animation.

The actual laptop screen must expand and become the digital world.

==================================================
FORMAT
==================================================

Keep the vertical Instagram format. 1080 x 1920, 9:16, 60 FPS.
Keep the current general duration, but tighten dead moments if necessary.
Target final duration: approximately 17 to 20 seconds.
Do not slow the animation down.

==================================================
USE THE ORIGINAL FOOTAGE AS A PLATE
==================================================

Treat the uploaded video as LIVE_ACTION_PLATE.

Create these layers:
LIVE_ACTION_PLATE
SCREEN_TRACK
SCREEN_CONTENT
SCREEN_GLOW
FOREGROUND_HAND
DIGITAL_WORLD
CLAUDE_MARK
TRANSITION_LIGHT

Do not flatten all effects into one layer.

==================================================
TRACK THE LAPTOP SCREEN
==================================================

Track the four visible laptop-screen corners.
Create four screen anchors: screenTL, screenTR, screenBR, screenBL.
Use those anchors to define the screen plane.

Before the portal transition, the Claude content must stay perspective-correct inside the physical laptop.
If necessary, manually keyframe the four corners every 6 to 10 frames.
Do not let the digital overlay slide independently from the real screen.
The screen must feel physically attached to the laptop.

==================================================
IMPORTANT QUALITY RULE
==================================================

Do NOT simply enlarge a low-resolution crop from the laptop screen for the full-screen digital section.

Preferred order:
1. If a clean source render of the Claude animation exists, use it for the full-screen digital section.
2. If no clean source render exists, reconstruct the visible Claude scenes using live HTML/CSS/SVG based on the laptop-screen reference.

Do not blow up a blurry screen capture to fill the vertical canvas.
The full-screen digital section must remain crisp.

==================================================
PHASE 1 — 0.00 to 2.40 SECONDS — REALITY
==================================================

Keep the real laptop and hand.
Do NOT immediately add giant motion graphics.
The physical reality is important because it makes the portal more impressive.

Enhance the live-action shot subtly. Add:
- very slow 1 to 2% digital camera push
- slightly stronger screen glow on the hand and keyboard
- subtle Claude-orange reflection from the screen
- slight local contrast increase around the laptop
- extremely subtle vignette
- no fake cinematic bars

The viewer should clearly understand: this is a real laptop.
Keep the Hebrew subtitle readable. Do not cover it with additional motion graphics.

==================================================
SCREEN ACTIVITY
==================================================

Inside the laptop, allow the existing Claude interface to play normally.

But create subtle physical spill into reality. When orange elements brighten on the laptop screen:
- keyboard receives a tiny warm reflection
- hand receives a tiny warm highlight
- desk receives almost imperceptible reflected light

The digital content should appear to illuminate the physical world.
Keep this restrained. Do not make the room glow orange.

==================================================
PORTAL PREPARATION — 2.40 to 3.00 SECONDS
==================================================

Begin making the screen feel magnetic.
The viewer should not consciously realize what is happening yet.

Use:
- screen brightness +5 to 8%
- tiny camera push
- laptop-screen edges become slightly brighter
- content inside screen shifts forward through subtle parallax
- physical world darkens approximately 5%

The HAND remains real and visible.
Use the hand / trackpad interaction as the trigger.
If there is a natural click or movement in the footage, align the transition to it.
If not, use the moment when the Claude content visibly changes.

==================================================
SIGNATURE TRANSITION — 3.00 to 3.65 SECONDS — ENTER THE SCREEN
==================================================

THIS IS THE BIG MOMENT.
Do not use a generic zoom transition.
The viewer must feel the camera physically travels through the laptop display.

Use the real tracked screen quadrilateral.
At transition start, the screen still exists in laptop perspective.
Then animate the four tracked screen corners toward the four viewport corners:

screenTL -> viewportTL
screenTR -> viewportTR
screenBR -> viewportBR
screenBL -> viewportBL

As this happens:
- laptop bezel moves beyond the viewport
- keyboard moves downward and out
- physical environment falls into darkness
- screen content becomes larger
- perspective gradually resolves to flat front-facing geometry

The laptop screen itself becomes the entire canvas.
Do not cut. Do not dissolve. Do not use an unrelated white flash.

==================================================
CAMERA MOVEMENT DURING PORTAL
==================================================

Use one strong smooth camera push.
Start at scale approximately 1.00, then 1.08 -> 1.22 -> 1.42.

At the closest moment:
- screen edges exceed the frame
- laptop bezel is no longer visible
- only digital Claude content fills the viewport

The transition should accelerate strongly in the middle and decelerate into the digital world.
Use cubic-bezier(0.16, 1, 0.3, 1) as the starting motion character.
Do not use spring. Do not bounce.

==================================================
SCREEN SURFACE TRANSITION DETAIL
==================================================

As we cross the physical screen boundary, add a VERY brief optical transition, 2 to 4 frames maximum.

Possible effects:
- glass reflection streak passes camera
- slight RGB separation at screen edge
- 3 to 5px local directional blur
- very small exposure bloom
- subtle scanline / pixel structure for 1 to 2 frames

Then instantly return to crisp digital content.
Do not make this a glitch effect.
The viewer should feel: WE PASSED THROUGH GLASS.

==================================================
PHASE 2 — 3.65 to 13.80 SECONDS — INSIDE CLAUDE
==================================================

Now completely remove: laptop, hand, keyboard, room, physical camera footage.
The viewer is now INSIDE the animation.

Recompose the Claude animation specifically for vertical full screen.
Do not simply center the old laptop-screen composition.
Make important objects dramatically larger.

==================================================
DIGITAL WORLD COMPOSITION
==================================================

Use the existing Claude visual language: near-black / dark brown, warm coral, Claude orange, warm ivory, editorial serif, Claude star.

Allow important elements to occupy 60 to 95% of viewport width, and sometimes exceed the frame.
This section must feel MORE impressive than seeing it on the laptop.

==================================================
LAUNCH READINESS
==================================================

When "Launch readiness" appears, do not show it as a small dashboard in the middle.
Make the chart approximately 75 to 90% of viewport width.
Allow one chart bar to approach the camera.
Use a small camera push, 1.00 -> 1.08.
The bar then becomes the transition line for the next scene.

==================================================
FROM A QUESTION TO WORK
==================================================

Use the chart bar as the match anchor.
The bar stretches vertically.
It becomes the strong coral line beside "From a question to work".
Do not fade between the scenes.
The chart physically becomes the typography composition.

==================================================
RESEARCH DEEPLY
==================================================

The coral line breaks into research cards, small document surfaces, and Claude rays.
These move through depth.
Reveal "Research deeply". Make "deeply" the warm accent.
Use one foreground research card passing close to the camera as the transition wipe.

==================================================
THINK CLEARLY
==================================================

The passing card reveals "Think clearly".
The Claude star moves closer. Its rays should feel alive.

Use puppet-like secondary movement:
core settles -> rays continue -> small fragments settle -> warm light settles last

Do not keep the star completely rigid.

==================================================
CREATE COMPLETELY
==================================================

Use one Claude ray as the transformation anchor.
The ray extends. It becomes a content line, a UI panel edge, several created output layers.
Reveal "Create completely".
Use more depth than the current version.
Output surfaces may enter from foreground, midground, or background, but keep one clear focal object.

==================================================
DIGITAL CAMERA LANGUAGE
==================================================

Inside the screen, use stronger camera motion than the physical opening, but keep it authored.

Use:
- short 4 to 8% pushes during text reveals
- one 12 to 18% push during a hero Claude-mark moment
- small pull-backs when a complete UI is revealed
- 2 to 3% X/Y correction maximum

Do not constantly zoom. Do not randomly drift.

==================================================
PHASE 3 — 13.80 to 15.30 SECONDS — CLAUDE MARK BECOMES EXIT PORTAL
==================================================

The Claude mark becomes the transition back to reality.
Do not simply cut back to the laptop.

Use a macro Claude-mark push.
Claude mark scale: normal -> 1.20 -> 1.45 -> large enough that several rays leave the frame.

At the peak, the center of the Claude mark becomes dark.
Inside that dark center, begin revealing the physical laptop screen.
The viewer must see the real world INSIDE the Claude mark before the pull-back.

==================================================
EXIT TRANSITION
==================================================

The Claude-mark rays become the edges of the laptop screen.

As camera pulls backward:
- mark edges become screen borders
- digital world compresses into the screen plane
- laptop bezel appears
- keyboard reappears
- hand / desk return
- physical reflections return

Reverse the screen-corner transform: viewport corners -> tracked laptop screen corners.
Do not hard cut.

==================================================
PHASE 4 — 15.30 to END — BACK IN REALITY
==================================================

Now we are outside the laptop again.
The physical footage should feel slightly calmer.

On the laptop screen, resolve to "Meet Claude." then Claude mark + wordmark.
Let the screen cast one final warm reflection onto the keyboard / hand.
The physical camera performs one tiny pull-back, approximately 1.02 -> 1.00. Then stop.

==================================================
OPTIONAL FINAL INSTAGRAM PUNCH
==================================================

For the final 0.8 to 1.2 seconds, use one small overlay near the lower safe area.
Do not cover the laptop.
Possible copy: MADE WITH CLAUDE, or preserve only the existing Hebrew subtitle / CTA if that is already the intended social message.
Keep it minimal.

==================================================
VERY IMPORTANT — DO NOT OVEREDIT
==================================================

The portal is the hero transition.

Do not add: ten zoom transitions, constant shake, random speed ramps, transitions on every sentence, glitch everywhere, particles, fake HUD graphics, multiple camera spins.

The video should have:
1. REALITY
2. ONE AMAZING ENTRY
3. RICH DIGITAL WORLD
4. ONE AMAZING EXIT
5. CALM END

That contrast is what makes the portal feel expensive.

==================================================
MOTION BLUR
==================================================

Use blur only for: portal push, foreground card passes, Claude mark macro, exit portal.
Maximum 6 to 10px, 2 to 4 frames.
Never blur: Hebrew subtitles, important typography, Claude final lock, laptop recognition frames.

==================================================
SCREEN REFLECTION SYSTEM
==================================================

During physical footage only, sample the dominant screen-light color approximately every 6 to 10 frames.

Use it to drive: keyboard reflection, hand highlight, bezel edge, subtle desk reflection.
Response intensity approximately 5 to 12% of the digital color intensity.
The reflections should trail screen changes by approximately 2 to 4 frames.
This makes the laptop feel physically connected to the animation.

==================================================
SOUND CUES
==================================================

Create sound markers:
physical_room, screen_activity, portal_prepare, portal_suction, glass_cross, digital_world_lock, launch_readiness, chart_to_line, research_transition, think_lock, create_transition, claude_macro, exit_portal, physical_return, meet_claude, final_lock

Important sound hierarchy:
PORTAL ENTRY: strongest directional suction
DIGITAL ARRIVAL: clean low impact
CONTENT TRANSITIONS: small editorial ticks / short air movement
CLAUDE MACRO: deep warm tonal rise
EXIT: reverse spatial pull
FINAL: clean soft identity lock

Do not add a whoosh to every animation.

==================================================
FIRST BUILD PASS
==================================================

Do not rebuild the entire video immediately.
Build only 0.00 to 5.00 seconds.

This must contain: physical opening, hand / laptop, screen tracking, portal preparation, complete camera dive through the screen, first 1 to 1.5 seconds of full-screen digital Claude world.

Stop there. Deliver:
1. true 60 FPS preview
2. contact sheet every 0.25 seconds during the portal
3. tracked screen-corner positions
4. camera scale
5. screen coverage %
6. physical-world opacity
7. digital-world opacity
8. confirmation that no hard cut occurs

Do not continue until the screen-entry transition feels exceptional.

==================================================
FAILURE CONDITIONS
==================================================

The pass has failed if:
- the video remains outside the laptop for most of the film
- the portal is just a normal zoom
- the screen does not geometrically become the viewport
- laptop bezel suddenly disappears
- full-screen content is blurry
- a low-resolution screen crop is simply enlarged
- physical reflections do not react to the screen
- too many transitions compete with the portal
- the digital section feels like the same laptop composition without the laptop
- the exit is a hard cut back to reality
- the final physical shot is still moving chaotically

The intended reaction is:
"Wait, did the camera just go INTO the laptop?"
Then: "Now I'm inside Claude."
Then: "The Claude mark just pulled me back OUT."

That is the entire creative idea.