Add Connect button to all pages, eyebrow text to white

- Add desktop Connect button + mobile menu Connect to whoami, contact, careers
- Move mobile menus to end of body with body.menu-open toggle
- Change page-eyebrow-text color from cyan to white across all 14 pages

Co-Authored-By: systemthreat <systemthreat@users.noreply.github.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: SystemThreat

careers.html

@@ -898,7 +898,7 @@
             font-size: 11px;
             letter-spacing: 0.5em;
             text-transform: uppercase;
-            color: var(--cyan);
+            color: #ffffff;
         }
 
         .page-title {
@@ -2421,21 +2421,6 @@
     <div class="grid-overlay"></div>
     <div class="vignette"></div>
 
-    <!-- Mobile Menu -->
-    <div class="mobile-menu" id="mobileMenu">
-        <button class="mobile-menu-close" onclick="closeMobileMenu()">
-            <svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2">
-                <path d="M18 6L6 18M6 6l12 12"/>
-            </svg>
-        </button>
-        <a href="index.html">Home</a>
-        <a href="whoami.html">WhoAmI</a>
-        <a href="index.html#loselijo">Los Elijo</a>
-        <a href="index.html#products">Products</a>
-        <a href="contact.html">Contact</a>
-        <a href="careers.html">Careers</a>
-    </div>
-
     <!-- Application Modal -->
     <div class="modal-overlay" id="applicationModal">
         <div class="modal">
@@ -2694,6 +2679,7 @@ <h3 class="success-title">Application Submitted</h3>
                 <li><a href="contact.html" class="sound-hover">Contact</a></li>
                 <li><a href="careers.html" class="sound-hover active">Careers</a></li>
             </ul>
+            <a href="https://app.skyknet.com" class="connect-btn desktop sound-hover">Connect</a>
             <button class="mobile-menu-btn" onclick="openMobileMenu()" aria-label="Open menu">
                 <span></span>
                 <span></span>
@@ -3986,12 +3972,14 @@ <h3 class="job-title">Product Design Intern</h3>
 
         function openMobileMenu() {
             document.getElementById('mobileMenu').classList.add('visible');
+            document.body.classList.add('menu-open');
             document.body.style.overflow = 'hidden';
             playClickSound();
         }
 
         function closeMobileMenu() {
             document.getElementById('mobileMenu').classList.remove('visible');
+            document.body.classList.remove('menu-open');
             document.body.style.overflow = '';
             playClickSound();
         }
@@ -4379,5 +4367,19 @@ <h3 class="job-title">Product Design Intern</h3>
 
         document.querySelectorAll('.reveal').forEach(el => observer.observe(el));
     </script>
+
+    <!-- Mobile Menu (last in body for correct stacking) -->
+    <div class="mobile-menu" id="mobileMenu">
+        <button class="mobile-menu-close" onclick="closeMobileMenu()">
+            <svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>
+        </button>
+        <a href="whoami.html">WhoAmI</a>
+        <a href="index.html#loselijo" onclick="closeMobileMenu()">Los Elijo</a>
+        <a href="index.html#products" onclick="closeMobileMenu()">Products</a>
+        <a href="index.html#credentials" onclick="closeMobileMenu()">Credentials</a>
+        <a href="contact.html">Contact</a>
+        <a href="careers.html">Careers</a>
+        <a href="https://app.skyknet.com" class="connect-btn" onclick="closeMobileMenu()">Connect</a>
+    </div>
 </body>
 </html>