diff --git a/README.md b/README.md
index 4da3291..c93feb4 100644
--- a/README.md
+++ b/README.md
@@ -15,6 +15,18 @@ use, with an optional desktop app for managing agent conversations.
 
 [Documentation](https://timctho.github.io/focalet/) · [Releases](https://github.com/timctho/focalet/releases) · [Build from source](CONTRIBUTING.md)
 
+## See visual context in action
+
+Sketch a chart redesign, compare separate product listings, or select the part
+of a dashboard that needs investigation.
+
+[![Sketch a chart redesign and ask an agent to rebuild it](docs/demos/frontend-preview.webp)](docs/demos/frontend.mp4)
+
+[Watch the chart demo](docs/demos/frontend.mp4) · [More recorded examples](docs/demos/README.md)
+
+These historical recordings preserve their original UI and source provenance;
+current builds display Focalet.
+
 ## Choose your workflow
 
 | | Focalet Capture | Focalet Desktop |
@@ -66,18 +78,6 @@ credentials, tools, permissions and canonical history.
 [Runtime support and setup](docs/install.md#2-choose-the-agent-you-already-have) ·
 [Runtime commands](docs/runtime-commands.md) · [Chrome and Edge context](docs/guides/chrome-edge.md)
 
-### See visual context in action
-
-Sketch a chart redesign, compare separate product listings, or select the part
-of a dashboard that needs investigation.
-
-[![Sketch a chart redesign and ask an agent to rebuild it](docs/demos/frontend-preview.webp)](docs/demos/frontend.mp4)
-
-[Watch the chart demo](docs/demos/frontend.mp4) · [More recorded examples](docs/demos/README.md)
-
-These historical recordings preserve their original UI and source provenance;
-current builds display Focalet.
-
 ## What gets shared
 
 Capture starts when you invoke it. Selected pixels are retained; browser or
diff --git a/docs/index.md b/docs/index.md
index 1fb91ae..33c0cff 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -9,6 +9,14 @@ description: Capture screen context into your existing tools, or work with your
 **Show your agent what you mean.** Select and annotate screen regions, then share
 the images with available text, links and structure.
 
+<video controls autoplay muted loop playsinline preload="metadata" poster="demos/frontend-poster.webp" style="width: 100%; border-radius: 12px;" aria-label="Desktop demo: sketch a chart and ask an agent to rebuild it">
+  <source src="demos/frontend.mp4" type="video/mp4">
+  <a href="demos/frontend.mp4">Watch the Desktop demo</a>.
+</video>
+
+This is a historical Desktop recording from before the rename. Its original
+footage is retained; new builds display Focalet.
+
 ## Choose your workflow
 
 | | Focalet Capture | Focalet Desktop |
@@ -44,14 +52,6 @@ attachments in a dedicated window. Runtime support includes Codex, Claude Code,
 OpenCode, Gemini CLI, Hermes, OpenClaw and Pi; features depend on each protocol.
 The selected agent continues to own credentials, tools, permissions and history.
 
-<video controls autoplay muted loop playsinline preload="metadata" poster="demos/frontend-poster.webp" style="width: 100%; border-radius: 12px;" aria-label="Desktop demo: sketch a chart and ask an agent to rebuild it">
-  <source src="demos/frontend.mp4" type="video/mp4">
-  <a href="demos/frontend.mp4">Watch the Desktop demo</a>.
-</video>
-
-This is a historical Desktop recording from before the rename. Its original
-footage is retained; new builds display Focalet.
-
 - [Install Desktop and connect an agent](install.md).
 - [Share screen context with Claude Code from Desktop](guides/claude-code.md).
 - [Connect Chrome and Edge for browser DOM context](guides/chrome-edge.md).