diff --git a/docs/demo-reel.jpg b/docs/demo-reel.jpg
new file mode 100644
index 0000000..4030035
Binary files /dev/null and b/docs/demo-reel.jpg differ
diff --git a/docs/demo-reel.mp4 b/docs/demo-reel.mp4
new file mode 100644
index 0000000..0034ee2
Binary files /dev/null and b/docs/demo-reel.mp4 differ
diff --git a/site/index.html b/site/index.html
index 3470ac6..56d9acd 100644
--- a/site/index.html
+++ b/site/index.html
@@ -211,10 +211,10 @@ <h1>Point at it. Say it. Your agent gets it.</h1>
     </div>
 
     <figure class="film" style="margin-left:0;margin-right:0">
-      <video src="demo.mp4" poster="demo.jpg" autoplay muted loop playsinline controls preload="metadata"
-             aria-label="Recording: a button on a local page is picked, a comment is sent, the agent asks a question, the answer goes back, the agent changes the button and the before and after crops are shown"></video>
+      <video src="demo-reel.mp4" poster="demo-reel.jpg" autoplay muted loop playsinline controls preload="metadata"
+             aria-label="Pinpoint in 34 seconds: your agent can't tell which button you meant; press Alt Shift A, click the button and say what should change; the agent gets the selector, styles and a crop, asks a question you answer on the page, shows before and after, and you accept. Works with Claude Code, Cursor and Codex, and native iOS and Android apps. Runs on your machine."></video>
     </figure>
-    <p class="film-cap">One note from start to finish, recorded from the real extension. The agent's side is played through the bridge's API.</p>
+    <p class="film-cap">Pinpoint in 34 seconds — unmute for the soundtrack. Every screen in it is the real extension.</p>
   </div>
 
   <section aria-labelledby="what">
@@ -242,6 +242,11 @@ <h2 id="how-h">How it works</h2>
         <li><h3>Say it</h3><p>Type what should change and press <kbd>⌘↩</kbd>. Type, or dictate. Mark the next thing straight away.</p></li>
         <li><h3>Your agent gets it</h3><p>Over MCP or a hook, with your next message. It changes the code and replies on the page.</p></li>
       </ol>
+      <figure class="film" style="grid-column:1/-1">
+        <video src="demo.mp4" poster="demo.jpg" muted loop playsinline controls preload="metadata"
+               aria-label="Recording: a button on a local page is picked, a comment is sent, the agent asks a question, the answer goes back, the agent changes the button and the before and after crops are shown"></video>
+      </figure>
+      <p class="film-cap" style="grid-column:1/-1">One note from start to finish, recorded from the real extension. The agent's side is played through the bridge's API.</p>
     </div>
   </section>