Add intro video to README and website

50-second pixel art intro video (1280x720, 30fps) covering:
- PI/Trainee/Editor character system
- Research loop workflow
- Skill acquisition from marketplace
- Expert consultation
- Peer review editorial process
- Monitoring UI overview

Author: albert-ying

README.md

@@ -7,9 +7,11 @@
 MCP server that turns any senior-junior workflow into an autonomous loop. AI handles the execution. You make the decisions.
 
 <p align="center">
-  <a href="https://autolab.kejunying.com">
-    <img src="docs/screenshot.png" alt="Autonomous Lab" width="700">
-  </a>
+  <video src="https://github.com/albert-ying/autonomous-lab/raw/main/docs/intro.mp4" width="700" autoplay loop muted playsinline>
+    <a href="https://autolab.kejunying.com">
+      <img src="docs/screenshot.png" alt="Autonomous Lab" width="700">
+    </a>
+  </video>
 </p>
 
 ## Vision

docs/index.html

@@ -90,6 +90,11 @@ <h1 class="hero-title">Autonomous Lab</h1>
                     <span class="mcp-tool">Any MCP Client</span>
                 </div>
             </div>
+            <div class="hero-video">
+                <video width="700" autoplay loop muted playsinline style="border-radius: 8px; border: 2px solid #6b5e8a; box-shadow: 0 8px 32px rgba(0,0,0,0.4); max-width: 100%;">
+                    <source src="intro.mp4" type="video/mp4">
+                </video>
+            </div>
             <div class="hero-cta">
                 <a href="#tutorial" class="btn-primary">See How It Works</a>
                 <a href="#marketplace" class="btn-secondary">Browse Characters</a>