diff --git a/docs/index.html b/docs/index.html
index 4350b99..fe75c02 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -64,12 +64,13 @@ <h1>Your coding agent should not grade its own homework.</h1>
           </div>
 
           <aside class="terminal-card">
-            <div class="terminal-top">
-              <span></span>
-              <span></span>
-              <span></span>
-            </div>
-            <pre><code>$ git diff HEAD~1 | argus review --repo .
+            <div class="terminal-shell">
+              <div class="terminal-top">
+                <span></span>
+                <span></span>
+                <span></span>
+              </div>
+              <pre><code>$ git diff HEAD~1 | argus review --repo .
 
 review surface:
   repomap      loaded
@@ -84,6 +85,7 @@ <h1>Your coding agent should not grade its own homework.</h1>
 recommendation:
   add a test around token refresh and retry ordering
 </code></pre>
+            </div>
           </aside>
         </section>
 
diff --git a/docs/styles.css b/docs/styles.css
index 8f20aaf..7d63c9b 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -99,6 +99,7 @@ pre {
   display: grid;
   grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
   gap: 26px;
+  align-items: start;
   padding: 24px 0 44px;
 }
 
@@ -196,6 +197,18 @@ h1 {
   font-size: 0.9rem;
 }
 
+.terminal-card {
+  align-self: start;
+  height: fit-content;
+  padding: 12px;
+}
+
+.terminal-shell {
+  overflow: hidden;
+  border-radius: 20px;
+  background: linear-gradient(180deg, rgba(8, 12, 18, 0.82), rgba(8, 12, 18, 0.98));
+}
+
 .terminal-top {
   display: flex;
   gap: 8px;
@@ -216,7 +229,6 @@ h1 {
   margin: 0;
   padding: 18px 22px 24px;
   color: #edf2ff;
-  background: linear-gradient(180deg, rgba(8, 12, 18, 0.82), rgba(8, 12, 18, 0.98));
   line-height: 1.7;
   overflow-x: auto;
 }