Major mobile navigation system implementation

- Added comprehensive mobile navigation system with hamburger menu
- Created new mobile nav files: gn-mobile-nav.css and gn-mobile-nav.js
- Integrated mobile navigation across all 25+ HTML pages
- Updated all Services and Industries pages with mobile nav
- Enhanced responsive design and mobile-first approach
- Added FOUC prevention and improved loading experience
- Updated theme colors and styling consistency
- Added comprehensive documentation (MOBILE_NAV_README.md)
- Fixed relative paths for subdirectory pages
- Improved accessibility features for mobile navigation

css/components.css

@@ -82,7 +82,7 @@
 
 /* ===== HERO TYPEWRITER SECTION ===== */
 .hero-typewriter-section {
-    margin: 0.2rem 0;
+    margin: 0.2rem 0 1.2rem 0;
     width: 100%; /* Full width */
     display: flex;
     flex-direction: column;
@@ -117,7 +117,7 @@
     font-size: 1.3rem;
     color: rgba(255, 255, 255, 0.8);
     line-height: 1.8;
-    margin: 1.5rem auto;
+    margin: 1.2rem auto;
     max-width: 600px;
     text-align: center;
 }
@@ -151,7 +151,7 @@
     gap: 1.2rem;
     justify-content: center;
     align-items: center;
-    margin-top: 1.8rem;
+    margin-top: 1.2rem;
     flex-wrap: wrap;
 }