Redesign accueil : grille 3 axes, hero fade/swipe, pages gestation et décision

- Hero : animation fade-in/fade-out + swipe (useTypewriter composable + TypewriterText)
- 3 axes : Autonomie numérique, économique, citoyenne (AxisBlock + AxisGrid)
- Pages gestation avec présentations (wishBounty, trustWallet, Cloud libre)
- Page /decision : plateforme Décision collective (lien Glibredecision)
- Bloc événement distinct en bas des axes
- Nav : Numérique / Économique / Citoyenne / Événement
- Dark theme éclairci (bg 7→10%, surface 12→14%)
- Suppression BookSection + GrateWizardTeaser (remplacés par AxisGrid)

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

app/components/home/HomeMessages.vue

@@ -1,7 +1,8 @@
 <template>
-  <div class="mt-16">
+  <section class="section-padding">
+    <div class="container-content mx-auto max-w-3xl">
     <!-- Formulaire -->
-    <UiScrollReveal :delay="500">
+    <UiScrollReveal>
       <div class="message-form-card">
         <h3 class="font-display text-lg font-bold text-white mb-4">Laisser un message</h3>
 
@@ -45,7 +46,7 @@
     </UiScrollReveal>
 
     <!-- 2 derniers messages publiés -->
-    <UiScrollReveal v-if="messages?.length" :delay="600">
+    <UiScrollReveal v-if="messages?.length" :delay="100">
       <div class="mt-8 space-y-4">
         <h3 class="font-display text-lg font-bold text-white/80 text-center">Derniers messages</h3>
         <div v-for="msg in messages.slice(0, 2)" :key="msg.id" class="message-card">
@@ -64,7 +65,8 @@
         </div>
       </div>
     </UiScrollReveal>
-  </div>
+    </div>
+  </section>
 </template>
 
 <script setup lang="ts">