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;