layout for mobile

Replace literal 'chief of staff' translations with natural equivalents:
- IT: 'Il tuo nuovo braccio destro.'
- ES: 'Tu nuevo brazo derecho.'
- FR: 'Votre nouveau bras droit.'
- DE: 'Deine neue rechte Hand.'

i18n.js

@@ -98,7 +98,7 @@ const I18N = {
   it: {
     navJoinWaitlist: 'Unisciti alla waitlist',
     heroBadge: 'Beta in arrivo a giugno 2026',
-    heroTagline: 'Il tuo nuovo capo di gabinetto.',
+    heroTagline: 'Il tuo nuovo braccio destro.',
     heroH1: 'E se l\'AI potesse essere<br><span class="accent">la tua segretaria?</span>',
     heroSub: 'Non un chatbot. Non un\'altra app. Un\'AI reale che legge le tue email, conosce i tuoi progetti e ti dice su cosa concentrarti — senza mai vedere i tuoi dati.',
     heroButton: 'Ottieni l\'accesso anticipato',
@@ -180,7 +180,7 @@ const I18N = {
   es: {
     navJoinWaitlist: 'Únete a la lista de espera',
     heroBadge: 'Beta en junio 2026',
-    heroTagline: 'Conoce a tu nuevo jefe de gabinete.',
+    heroTagline: 'Tu nuevo brazo derecho.',
     heroH1: '¿Y si la IA pudiera ser<br><span class="accent">tu secretaria?</span>',
     heroSub: 'No es un chatbot. No es otra app. Una IA real que lee tu correo, conoce tus proyectos y te dice en qué enfocarte — sin que tus datos salgan de tu dispositivo.',
     heroButton: 'Obtén acceso anticipado',
@@ -262,7 +262,7 @@ const I18N = {
   fr: {
     navJoinWaitlist: 'Rejoindre la liste d\'attente',
     heroBadge: 'Bêta en juin 2026',
-    heroTagline: 'Votre nouveau chef de cabinet.',
+    heroTagline: 'Votre nouveau bras droit.',
     heroH1: 'Et si l\'IA pouvait être<br><span class="accent">votre secrétaire ?</span>',
     heroSub: 'Pas un chatbot. Pas une autre app. Une vraie IA qui lit vos emails, connaît vos projets et vous dit sur quoi vous concentrer — sans jamais voir vos données.',
     heroButton: 'Obtenir un accès anticipé',
@@ -344,7 +344,7 @@ const I18N = {
   de: {
     navJoinWaitlist: 'Auf die Warteliste',
     heroBadge: 'Beta ab Juni 2026',
-    heroTagline: 'Dein neuer Stabschef.',
+    heroTagline: 'Deine neue rechte Hand.',
     heroH1: 'Was wäre, wenn KI<br><span class="accent">deine Sekretärin</span> wäre?',
     heroSub: 'Kein Chatbot. Keine weitere App. Eine echte KI, die deine E-Mails liest, deine Projekte kennt und dir sagt, worauf du dich konzentrieren sollst — ohne deine Daten jemals zu sehen.',
     heroButton: 'Frühen Zugang sichern',

index.html

@@ -1122,6 +1122,10 @@
       .features-grid { grid-template-columns: 1fr; }
       .pillars { flex-direction: column; align-items: center; }
       nav { padding: 0 16px; }
+      .nav-right { gap: 8px; }
+      .lang-switcher summary { padding: 6px; gap: 0; }
+      .lang-switcher .lang-label { display: none; }
+      .nav-right .btn-primary { padding: 8px 16px; font-size: 0.78rem; }
       .section { padding: 48px 20px; }
       .final-cta { padding: 48px 20px; }
       .founder-quote { padding: 28px; }
@@ -1156,17 +1160,19 @@
         <circle cx="32" cy="32" r="2.5" fill="#040404" opacity="0.18"/>
       </svg><span>adiuv<span class="ai">AI</span></span>
     </a>
-    <details id="lang-dropdown" class="lang-switcher">
+    <div class="nav-right">
-      <summary class="lang-current" aria-label="Select language"><i data-lucide="globe" style="width:16px;height:16px;"></i> <span id="lang-current-label">EN</span></summary>
+      <details id="lang-dropdown" class="lang-switcher">
-      <div class="lang-options">
+        <summary class="lang-current" aria-label="Select language"><i data-lucide="globe" style="width:16px;height:16px;"></i> <span id="lang-current-label" class="lang-label">EN</span></summary>
-        <button class="lang-option active" data-lang="en">EN</button>
+        <div class="lang-options">
-        <button class="lang-option" data-lang="it">IT</button>
+          <button class="lang-option active" data-lang="en">EN</button>
-        <button class="lang-option" data-lang="es">ES</button>
+          <button class="lang-option" data-lang="it">IT</button>
-        <button class="lang-option" data-lang="fr">FR</button>
+          <button class="lang-option" data-lang="es">ES</button>
-        <button class="lang-option" data-lang="de">DE</button>
+          <button class="lang-option" data-lang="fr">FR</button>
-      </div>
+          <button class="lang-option" data-lang="de">DE</button>
-    </details>
+        </div>
-    <a href="#final-cta" class="btn btn-primary" data-i18n="navJoinWaitlist">Join the waitlist</a>
+      </details>
+      <a href="#final-cta" class="btn btn-primary" data-i18n="navJoinWaitlist">Join the waitlist</a>
+    </div>
   </nav>
 
   <!-- ═══════ HERO ═══════ -->
@@ -1674,7 +1680,7 @@
         const res = await fetch('/api/v1/waitlist', {
           method: 'POST',
           headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ email }),
+          body: JSON.stringify({ email, lang }),
         });
 
         if (!res.ok) throw new Error(res.statusText);