diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index f35380a..626c1b3 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -3054,6 +3054,15 @@ p:last-child { margin-bottom: 0; }
   justify-content: center;
 }
 
+/* Homepage flow: avoid oversized gap before use-cases section */
+.hero-animated {
+  min-height: auto;
+}
+
+.hero-animated + .use-cases-section {
+  padding-top: clamp(2rem, 4vw, 3.5rem);
+}
+
 .hero-stats--three {
   display: flex;
   gap: 3rem;