style(ui): reduce vertical spacing in hero section

Author: jkyberneees

docs/styles.css

@@ -216,7 +216,7 @@ a { color: inherit; text-decoration: none; }
   position: relative;
   display: flex;
   flex-direction: column;
-  min-height: 85vh;
+  min-height: 65vh;
   overflow: hidden;
   background: var(--color-bg);
 }
@@ -238,13 +238,13 @@ a { color: inherit; text-decoration: none; }
   align-items: center;
   justify-content: center;
   text-align: center;
-  padding: 20px 20px 32px;
+  padding: 16px 16px 24px;
   position: relative;
   z-index: 2;
 }
 
 .hero-logo {
-  margin-bottom: 16px;
+  margin-bottom: 12px;
   animation: float 6s ease-in-out infinite;
 }
 
@@ -266,22 +266,22 @@ a { color: inherit; text-decoration: none; }
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
-  margin-bottom: 8px;
+  margin-bottom: 4px;
   letter-spacing: -0.03em;
 }
 
 .hero-subtitle {
   font-size: clamp(1rem, 2.5vw, 1.3rem);
   color: var(--color-text-secondary);
   font-weight: 500;
-  margin-bottom: 12px;
+  margin-bottom: 8px;
 }
 
 .hero-description {
   font-size: 1rem;
   color: var(--color-text-muted);
   max-width: 620px;
-  margin-bottom: 20px;
+  margin-bottom: 16px;
   line-height: 1.6;
 }
 
@@ -293,7 +293,7 @@ a { color: inherit; text-decoration: none; }
   grid-template-columns: repeat(4, auto);
   align-items: center;
   column-gap: 0;
-  margin-bottom: 24px;
+  margin-bottom: 16px;
   background: var(--color-bg-tertiary);
   border: 1px solid var(--color-border);
   border-radius: var(--radius-lg);
@@ -337,7 +337,7 @@ a { color: inherit; text-decoration: none; }
 .hero-actions {
   display: flex;
   gap: 12px;
-  margin-bottom: 20px;
+  margin-bottom: 16px;
   flex-wrap: wrap;
   justify-content: center;
 }
@@ -1179,7 +1179,7 @@ a { color: inherit; text-decoration: none; }
   }
 
   .hero { min-height: auto; }
-  .hero-content { padding: 16px 12px 32px; }
+  .hero-content { padding: 12px 12px 24px; }
   .hero-logo-svg { width: 64px; height: 64px; }
   .hero-title { font-size: 2.2rem; }
   .hero-subtitle { font-size: 1rem; }
@@ -1190,7 +1190,7 @@ a { color: inherit; text-decoration: none; }
     gap: 12px;
     row-gap: 16px;
     width: 100%;
-    margin-bottom: 20px;
+    margin-bottom: 16px;
   }
 
   /* Hide dividers on mobile 2×2 grid */