Bilateral Split-Scroll — Synced Before/After Lesson

What it does

• Synchronized split-scroll — both columns scroll together so each before/after pair stays locked at eye level long enough to study the difference
• Pair-by-pair teaching arc — five comparison pairs walk through a deliberate sequence (opening, promise, proof, objection, close) rather than dumping every difference at once
• Failure-mode and fix tags — each side carries a short label naming what went wrong on the left and what got fixed on the right
• Visual markup that mirrors the lesson — strikethrough red ink crosses out the worst phrases on the left; bold accents highlight the strongest phrases on the right
• Numbered 'MOVE' notes on the after side — each fix is stamped with the rewrite technique, so the learner walks away with named patterns
• Pair indicator at the divider — a small 'Pair 2 / 5' marker at the center keeps the learner oriented as they scroll through the comparison

Best use cases

• Copywriting and writing teardowns — sales pages, emails, headlines, code refactors
• Coaching and consulting — weak pitch vs sharpened pitch, bad client conversation vs good one
• Design and branding — cluttered layout to clean, weak typography to strong, generic logo to confident one
• Healthcare and movement — poor form to corrected form, with each pair naming the postural fix
• Career and interviewing — generic answer vs sharpened answer to the same question

What you can change with your DNA

When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:

• Colors — two distinct palettes you can swap independently — a 'before' world (background, text, paper, strikethrough red) and an 'after' world (background, text, accent highlight, soft underline). The contrast between the two IS the lesson.
• Fonts — two roles per side. Pilot pairs a typewritten serif on the left with a sharp sans on the right; other pairings work just as well — whiteboard scrawl vs printed deck, lined notebook vs published book, sticky note vs keynote.
• Copy — opener (title + lede + legend pair), five before paragraphs (with crossed-out spans + tag + word count), five after paragraphs (with bold strong spans + tag + word count + MOVE note), synthesis block, practice block + CTA
• Images — none by default; the visual contrast is purely typographic. Optional textures (lined paper, dot grid, halftone) can be added per side as background patterns.
• Behavior — control how many comparison pairs appear (4-6 reads best), the smoothness of the scroll-sync, and whether the pair indicator is shown or hidden