Before and After

One set cut down the middle by a wall: the cold old way on the left (paper, receipts, an endless spreadsheet) and the warm sunlit app way on the right, with the camera trucking sideways through the wall as the dashboard assembles.

One set cut down the middle by a wall: on one side a cold dim back office of concrete, a steel desk, a filing cabinet and drifts of paper receipts; on the other a warm oak room with a sun window, shelf, pendant and plant. Five beats over 25 s at 100 bpm: a low dolly through clutter, a sideways truck through the wall as the music turns major, two close beats in the warm room, then a wide as the cold side goes dark.

Length: 25 s
Scenes: 5
Device: laptop, iphone, chrome
Style: realistic place
Camera: dolly, tracking, orbit, ultra closeup, pull back, establishing wide

//
    TPL-SPLITWORLD — 25.2 s, 16:9. TEMPLATE 4 · BEFORE / AFTER SPLIT WORLD.
    Sample app: Ledgerly (invoicing + expenses), on a laptop and an iPhone.
    Treatment: treatment.md. Screens: tpl-splitworld.screens.html → screens.json (html-screens.mts).

    THE IDEA. One set, cut down the middle by a wall. LEFT is the old way: a cold, dim back office,
    a grey desk buried in paper stacks and loose receipts, a spreadsheet on the monitor that scrolls
    forever (#REF!, OVERDUE, a circular-reference dialog nobody reads). RIGHT is the same job done
    with the app: a warm, sunlit room, an oak desk, the laptop and the phone running Ledgerly. The
    camera never cuts across the wall: it TRUCKS sideways through it (the divider's end wipes the
    frame) on the line "there's a cleaner side", and the laptop's dashboard assembles on that beat.

    THE WORLD (1 unit = 1 mm, y up, floor y = 0, desks' tops y = 740, back wall face z = -900).
      divider   x -70..70, z -950..550, 3.2 m tall; a dark cap on its front edge is the split line
      LEFT      x < 0: concrete floor, slate wall, grey desk (-1150, z -450), the browser window as the
                monitor (-1150 1110 -700), filing cabinet, cork board, wastebasket, clock, stacks,
                receipts (primitives + reused tally models), a cold desk lamp; light = cold overhead
                + monitor glow + a cool spot, no warm source at all
      RIGHT     x > 0: oak floor and rug, cream plaster wall with a sunlit window, oak desk (1150, z -450),
                laptop (1080 740 -420), iPhone on an aluminium dock (1480), shelf, pendant lamp, plant;
                light = a low warm sun through the window (shadows on), the pendant, a soft warm key

    PALETTE. old: slate #545C69 · concrete #474C55 · paper #EEECE6 · overdue red #C62828 · cold light
    #BCD0FF.  new (Ledgerly): cream #F6F1E7 · ink #12261F · forest #0F3D2E · emerald #1FA67A ·
    mint #DDF3E8 · amber #F2B544 · sun #FFD29A.

    BEATS AND SCENES (music 100 BPM, a beat = 0.6 s, a bar = 2.4 s; every cut on a bar or a beat)
      s1-oldway   0.0–4.8   HOOK. Low along the cluttered desk, receipts in the foreground, up to the
                            monitor: the sheet scrolls (`scroll`), the dialog sits on it; the wall reads
                            "Still chasing invoices by hand?" (text3d rises on the beat, 1.2)
      s2-truck    4.8–12.0  TURN. Wide on the old room; the camera trucks right THROUGH the split
                            (crosses the divider at 7.2 = bar 3, the music turns major); the laptop's
                            dashboard ASSEMBLES (ui-assemble: 4 layers fly in, explode +40/80/120 mm,
                            pack home 11.2–11.5) while the camera swings from 3/4 to the front;
                            "There's a cleaner side." on the warm wall
      s3-invoice  12.0–17.4 FEATURE. New invoice: the client TYPES (typewriter), AI fills the lines, then
                            the ULTRA CLOSE-UP rakes along "Total due / $4,800.00" (node inv-amount,
                            fill 155–160, yaw -52/-55, 14° lens) while it types; Send dips, toast lands
      s4-paid     17.4–21.0 PROOF. The iPhone on its dock: a pill GROWS into the payment card
                            (expand-input: top-pinned scale + position.y), PAID pops; pull back to the
                            warm desk
      s5-end      21.0–25.2 CTA. Wide on both rooms: the old room's lights die; the camera trucks to the
                            clean wall where "Ledgerly" rises in text3d over "Invoices that get paid."

    TEMPLATE SWAP POINTS (to re-skin for your own app)
      1. App name: text3d#s5-logo text, the tagline text3d#s5-line, and "Ledgerly" inside
         tpl-splitworld.screens.html (sidebar logo, phone header). Caption copy: text3d#s1-cap,
         text3d#s2-cap.
      2. Screens: edit tpl-splitworld.screens.html, sections:
           sheet / sheet-rows  the OLD WAY (any cluttered legacy too