Refonte accueil : hero typo statique, axes icônes, menu italic, page numérique

- Hero : 5 lignes typographiques alternées (bold/light/accent/caps/italic),
  citations et axes dans un bloc discret dépliable
- Icônes axes : Ğ1 custom, balance (éco don), graphe (WoT), marteau (décision),
  pictos plus lumineux (glow)
- Menu : Autonomie en italique + grand, Événement majuscule
- Page /autonomie renommée /numerique avec redirect 301
- Sceau hexagramme 益 Yì dans le layout, BookSection dans /modele-eco
- Fonts Syne + Space Grotesk, dark theme éclairci
- Popup GrateWizard agrandie (480×860)
- Actions AxisBlock : primary côte à côte, secondary séparé dessous

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

app/pages/modele-eco/index.vue

@@ -74,6 +74,13 @@
     </svg>
 
     <div class="container-content">
+      <!-- Page de couverture du livre -->
+      <HomeBookSection
+        class="mb-16"
+        @open-player="showBookPlayer = true"
+        @open-pdf="showPdfReader = true"
+      />
+
       <header class="mb-12 text-center">
         <p class="mb-2 font-mono text-sm tracking-widest text-primary uppercase">{{ content?.kicker }}</p>
         <h1 class="page-title font-display font-bold tracking-tight text-white">
@@ -118,6 +125,9 @@
         </ul>
       </div>
     </div>
+
+    <BookPlayer v-model="showBookPlayer" />
+    <BookPdfReader v-model="showPdfReader" />
   </div>
 </template>
 
@@ -135,6 +145,9 @@ useHead({
 const { data: chapters } = await useAsyncData('book-toc', () =>
   queryCollection('book').order('order', 'ASC').all(),
 )
+
+const showBookPlayer = ref(false)
+const showPdfReader = ref(false)
 </script>
 
 <style scoped>