Onboarding / Deployment Scripts / Marketing updates

src/lib/styles/responsive.css

@@ -28,10 +28,6 @@
   .hero-text h1 {
     font-size: 40px;
   }
-
-  .values-grid {
-    grid-template-columns: repeat(2, 1fr);
-  }
 }
 
 @media (max-width: 768px) {
@@ -108,8 +104,11 @@
     padding: 11px 14px;
     background: rgba(33, 48, 33, 0.1);
     color: var(--gw-green);
+    font-family: var(--font-head);
     font-size: 13px;
-    font-weight: 600;
+    font-weight: 700;
+    line-height: 1.2;
+    letter-spacing: 0.01em;
   }
 
   .mobile-phone .icon {
@@ -191,6 +190,14 @@
     animation-delay: 210ms;
   }
 
+  .mobile-menu.open a:nth-child(8) {
+    animation-delay: 240ms;
+  }
+
+  .mobile-menu.open a:nth-child(9) {
+    animation-delay: 270ms;
+  }
+
   #hero {
     min-height: auto;
     padding: 50px 20px 0;
@@ -221,7 +228,7 @@
   .hero-subtitle {
     margin: -10px 0 22px;
     max-width: none;
-    font-size: 15.5px;
+    font-size: 16px;
     line-height: 1.5;
   }
 
@@ -239,7 +246,7 @@
     display: block;
     color: #fff;
     font-family: var(--font-head);
-    font-size: 33.5px;
+    font-size: 36px;
     font-weight: 800;
     line-height: 1.08;
     letter-spacing: -0.04em;
@@ -258,7 +265,7 @@
     width: 0;
     min-width: 0;
     padding: 14px 10px;
-    font-size: 12.5px;
+    font-size: 13px;
     font-weight: 700;
     text-align: center;
     border-radius: 999px;
@@ -376,7 +383,6 @@
   }
 
   .services-grid,
-  .values-grid,
   .testimonials-grid,
   .info-inner,
   .field-group,
@@ -384,6 +390,18 @@
     grid-template-columns: 1fr;
   }
 
+  .values-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .value-card:nth-child(odd) {
+    border-right: none;
+  }
+
+  .value-card {
+    padding: 24px 0;
+  }
+
   .service-icon-bubble {
     width: 78px;
     height: 78px;
@@ -489,6 +507,10 @@
     border-radius: 24px;
   }
 
+  .booking-card-grid-with-banner .booking-field-card {
+    border-radius: 0 0 24px 24px;
+  }
+
   .booking-field-card-group {
     padding: 24px 22px;
   }
@@ -645,7 +667,7 @@
   }
 
   .hero-text h1 .hero-heading-mobile {
-    font-size: 30px;
+    font-size: 31px;
     line-height: 1.12;
   }