diff --git a/src/pages/docs.astro b/src/pages/docs.astro
index 22e2196..4e7e842 100644
--- a/src/pages/docs.astro
+++ b/src/pages/docs.astro
@@ -590,11 +590,11 @@ import BaseLayout from '../layouts/BaseLayout.astro';
   
   /* Hero */
   .docs-hero {
-    min-height: 60vh;
+    min-height: 35vh;
     display: flex;
     align-items: center;
-    padding-top: calc(var(--space-3xl) + 60px);
-    padding-bottom: var(--space-2xl);
+    padding-top: calc(var(--space-2xl) + 60px);
+    padding-bottom: var(--space-lg);
     background: linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg-secondary) 100%);
     border-bottom: 1px solid var(--color-border);
   }
@@ -604,12 +604,12 @@ import BaseLayout from '../layouts/BaseLayout.astro';
   }
   
   .docs-hero .hero-title {
-    margin-bottom: var(--space-lg);
+    margin-bottom: var(--space-md);
   }
   
   .title-line-1 {
     display: block;
-    font-size: clamp(2.5rem, 8vw, 5rem);
+    font-size: clamp(2rem, 6vw, 3.5rem);
     font-weight: 900;
     line-height: 0.95;
     letter-spacing: -0.03em;
@@ -618,11 +618,11 @@ import BaseLayout from '../layouts/BaseLayout.astro';
   
   .title-accent {
     display: block;
-    font-size: clamp(1.25rem, 3vw, 1.75rem);
+    font-size: clamp(1rem, 2.5vw, 1.25rem);
     font-weight: 700;
     color: var(--color-accent);
     font-family: var(--font-mono);
-    margin-top: var(--space-sm);
+    margin-top: 0.25rem;
     letter-spacing: 0.05em;
   }
   
@@ -1599,7 +1599,8 @@ import BaseLayout from '../layouts/BaseLayout.astro';
   @media (max-width: 768px) {
     .docs-hero {
       min-height: auto;
-      padding-top: calc(var(--space-2xl) + 60px);
+      padding-top: calc(var(--space-xl) + 60px);
+      padding-bottom: var(--space-md);
     }
     
     .concept-header {