Deployed aa89c04 with MkDocs version: 1.6.1

Author: github-actions[bot]

getting-started/index.html

@@ -754,7 +754,10 @@ <h1 id="getting-started">Getting Started</h1>
 <p>Get up and running with Project CodeGuard in just a few steps.</p>
 <h2 id="project-codeguard-introduction-video">Project CodeGuard Introduction Video</h2>
 <p><a href="https://www.youtube.com/watch?v=O03MDxUWjsE">This video</a> introduces Project CodeGuard and includes several demos on how to use it during code generation and code review with Claude Code, Codex, and other coding agents.</p>
-<p><a href="http://www.youtube.com/watch?v=O03MDxUWjsE" title="Project CodeGuard Introduction Video and Demos"><img alt="Project CodeGuard Introduction Video and Demos" src="http://img.youtube.com/vi/O03MDxUWjsE/0.jpg" /></a></p>
+<div style="position: relative; width: 100%; padding-bottom: 56.25%; margin: 2em 0; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);">
+  <iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://www.youtube.com/embed/O03MDxUWjsE" title="Project CodeGuard Introduction Video and Demos" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+</div>
+
 <h2 id="prerequisites">Prerequisites</h2>
 <p>Before you begin, familiarize yourself with how rules work in your IDE:</p>
 <div class="tabbed-set tabbed-alternate" data-tabs="1:3"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><input id="__tabbed_1_3" name="__tabbed_1" type="radio" /><div class="tabbed-labels"><label for="__tabbed_1_1">Cursor</label><label for="__tabbed_1_2">Windsurf</label><label for="__tabbed_1_3">GitHub Copilot</label></div>