SEO tweaks, design tweaks

src/lib/styles/layout.css

@@ -91,14 +91,43 @@ nav {
   border-radius: 20px;
   padding: 16px;
   display: flex;
-  flex-direction: row;
-  gap: 6px;
+  flex-direction: column;
+  gap: 0;
   box-shadow:
     0 4px 6px rgba(0, 0, 0, 0.04),
     0 16px 40px rgba(0, 0, 0, 0.12);
   min-width: 400px;
 }
 
+.mega-menu-services {
+  display: flex;
+  flex-direction: row;
+  gap: 6px;
+}
+
+.mega-menu-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 12px;
+  padding: 12px 14px;
+  border-radius: 12px;
+  background: rgba(33, 48, 33, 0.04);
+  color: var(--green);
+  font-size: 13px;
+  font-weight: 700;
+  text-decoration: none;
+  transition: background 0.16s ease;
+}
+
+.mega-menu-footer:hover {
+  background: rgba(33, 48, 33, 0.09);
+}
+
+:global(.mega-menu-footer-arrow) {
+  font-size: 12px;
+}
+
 .has-mega:hover .mega-menu {
   opacity: 1;
   visibility: visible;

src/lib/styles/responsive.css

@@ -201,6 +201,13 @@
     line-height: 1.08;
   }
 
+  .hero-subtitle {
+    margin: -10px 0 22px;
+    max-width: none;
+    font-size: 15.5px;
+    line-height: 1.5;
+  }
+
   .hero-heading-desktop {
     display: none;
   }

src/lib/styles/sections.css

@@ -25,6 +25,14 @@ section {
   padding-bottom: 44px;
 }
 
+.hero-subtitle {
+  margin: -8px 0 26px;
+  max-width: 460px;
+  color: rgba(255, 255, 255, 0.86);
+  font-size: 18px;
+  line-height: 1.55;
+}
+
 .hero-buttons {
   display: flex;
   gap: 16px;
@@ -301,10 +309,27 @@ section {
 }
 
 
+.service-card-price {
+  display: inline-block;
+  margin: 14px 0 0;
+  padding: 6px 14px;
+  border-radius: 999px;
+  background: rgba(33, 48, 33, 0.06);
+  color: var(--green);
+  font-family: var(--font-head);
+  font-size: 14px;
+  font-weight: 700;
+  letter-spacing: 0.02em;
+}
+
 .service-card a.btn {
   margin-top: 18px;
 }
 
+.service-card-price + a.btn {
+  margin-top: 14px;
+}
+
 #values,
 footer {
   background: var(--green);