update layout

src/app/globals.css

@@ -113,6 +113,7 @@
   --color-brand-cream: var(--brand-cream);
 
   /* Spacing */
+  --spacing-13: 3.25rem;
   --spacing-stack-xs: 4px;
   --spacing-stack-sm: 8px;
   --spacing-stack-md: 16px;
@@ -422,7 +423,7 @@ body {
     z-index: 3;
     width: 48%;
     max-width: 48%;
-    padding-top: 94px;
+    padding-top: 184px;
     padding-bottom: 40px;
     animation: hero-copy-enter 760ms cubic-bezier(0.16, 1, 0.3, 1) both;
   }
@@ -479,7 +480,7 @@ body {
     position: relative;
     z-index: 3;
     width: 100%;
-    padding-top: 60px;
+    padding-top: 138px;
     padding-bottom: 24px;
     padding-left: var(--spacing-margin-mobile);
     padding-right: var(--spacing-margin-mobile);
@@ -662,24 +663,22 @@ body {
 
 /* Contact Form Card styling */
 .footer-brand {
-  grid-area: brand;
+  min-width: 0;
 }
 
 .footer-company {
-  grid-area: company;
+  min-width: 0;
 }
 
 .footer-partnerships {
-  grid-area: partnerships;
+  min-width: 0;
 }
 
 .footer-legal {
-  grid-area: legal;
   margin-top: 12px;
 }
 
 .footer-contact-wrap {
-  grid-area: form;
   min-width: 0;
   width: 100%;
 }
@@ -689,14 +688,12 @@ body {
   max-width: 540px;
   min-width: 0;
   box-sizing: border-box;
-  padding: 48px 36px;
   border-radius: 32px;
 }
 
 @media (max-width: 640px) {
   .footer-contact-card {
     max-width: 100%;
-    padding: 32px 20px;
     border-radius: 24px;
   }
 }
@@ -726,15 +723,7 @@ body {
 }
 
 .footer-form-row {
-  display: grid;
-  grid-template-columns: 1fr;
-  gap: 16px;
-}
-
-@media (min-width: 1440px) {
-  .footer-form-row {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
+  /* Layout handled via Tailwind grid classes in Footer.tsx */
 }
 
 .footer-input {
@@ -745,7 +734,6 @@ body {
   color: var(--on-surface);
   border-radius: 14px;
   padding-inline: 16px;
-  min-height: 60px;
   font-size: 16px;
   outline: none;
   transition: all 0.2s ease;
@@ -777,7 +765,6 @@ body {
   color: var(--on-surface);
   border-radius: 14px;
   padding: 16px;
-  min-height: 130px;
   font-size: 16px;
   outline: none;
   resize: none;
@@ -818,7 +805,6 @@ body {
   background: var(--primary);
   color: var(--on-primary);
   font-weight: 700;
-  min-height: 62px;
   font-size: 18px;
   border-radius: 14px;
   display: flex;
@@ -915,10 +901,6 @@ body {
       "legal";
     gap: 32px;
   }
-  
-  .footer-contact-card {
-    padding: 28px 22px;
-  }
 }
 
 /* ─── Footer Vertical Spacing & Height Alignment ─── */