diff --git a/css/components/landing/layout.landing.css b/css/components/landing/layout.landing.css
index 1dc978e..7f2057c 100644
--- a/css/components/landing/layout.landing.css
+++ b/css/components/landing/layout.landing.css
@@ -16,6 +16,7 @@
 .content-wrapper {
     max-width: 720px;
     margin: 0 auto;
-    padding: 24px 32px;
+    padding: 16px 32px;
+        /* Reduced top padding from 24px to 16px */
     width: 100%;
 }
diff --git a/css/layout.css b/css/layout.css
index a50b5f3..22328ab 100644
--- a/css/layout.css
+++ b/css/layout.css
@@ -7,7 +7,8 @@
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 32px;
-    margin: 40px 0;
+    margin: 16px 0 40px;
+        /* Reduced top margin from 40px to 16px */
     max-width: 100%;
 }
 
@@ -29,7 +30,8 @@
 @media (max-width: 1024px) {
     .feature-grid {
         gap: 24px;
-        margin: 32px 0;
+        margin: 16px 0 32px;
+            /* Adjusted margins */
     }
 }
 
@@ -41,7 +43,8 @@
     .feature-grid {
         grid-template-columns: 1fr;
         gap: 20px;
-        margin: 24px 0;
+        margin: 12px 0 24px;
+            /* Further reduced margins for mobile */
     }
 
     .context-options {