identité 3 : plus de zigzag ni de paires, des tailles variées, chaque oiseau sur une vraie ligne

Second avis du studio DA (03/11, 07h56) et relecture de fb8c71f (08h14) :
- numérique : le zigzag gauche-droite à pas égal est cassé. Électricien en M,
  codeuse et cryptographe au bas de leur carte, à droite, administrateur réseau
  en grand derrière Cloud libre ;
- commande : un seul côté par carte. Cycliste à gauche de la première, libraire
  en grand derrière la seconde ; la lectrice se tient sur le sac de l'icône.
  Le cartonnier va sur la ligne qui clôt chaque chapitre, l'empileur sur le
  sommaire du livre : les 61 restent rendus ;
- au moins deux tailles dès trois oiseaux (chapitre, en-musique, événement) ;
- un oiseau de marge a les pieds sur une vraie ligne, le bas ou le haut de son
  bloc ou d'une carte, jamais à mi-hauteur (« posés sans flotter ») ;
- aucun oiseau sur le haut invisible de la boîte d'un titre : dj, trapéziste,
  alchimiste et droneuse se tiennent sur la dernière ligne ou au bout de
  l'intitulé ;
- téléphone : le pompeur de Ğ1 au bout de la ligne de l'intitulé ;
- sous-pages numériques : poses, tailles et décalages variés malgré le sommaire
  à droite ; le comédien de tarifs-eau perché sur sa carte, hors du sommaire.

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

app/pages/economique/commande.vue

@@ -2,7 +2,9 @@
   <div class="oiseaux-scene relative overflow-hidden section-padding">
     <div class="container-content">
       <div class="mx-auto max-w-2xl">
-        <div class="section-icon mx-auto mb-6">
+        <div class="section-icon relative mx-auto mb-6">
+          <!-- The reader stands on the bag: a real edge, with the page's top margin above -->
+          <UiOiseauPose nom="lectrice" pose="perche" left="14px" :w="84" retourne :seuil="1024" />
           <div class="i-lucide-shopping-bag h-12 w-12" />
         </div>
 
@@ -14,7 +16,6 @@
 
         <h1 class="relative font-display text-3xl font-bold mb-4 text-center" style="color: hsl(var(--color-text))">
           {{ content?.title }}
-          <UiOiseauPose nom="lectrice" pose="perche" right="8px" :w="84" retourne />
         </h1>
 
         <p class="text-lg leading-relaxed mb-10 text-center" style="color: hsl(var(--color-text-muted))">
@@ -23,8 +24,7 @@
 
         <!-- Bookelis CTA -->
         <div class="cta-block mb-8">
-          <UiOiseauPose nom="cartonnier" pose="marge-d" ecart="44px" bottom="10px" :w="96" retourne />
-          <UiOiseauPose nom="cycliste-livreur" pose="marge-g" ecart="54px" bottom="-10px" :w="156" />
+          <UiOiseauPose nom="cycliste-livreur" pose="marge-g" ecart="54px" :w="150" />
           <div class="cta-icon">
             <div class="i-lucide-globe h-5 w-5" />
           </div>
@@ -49,8 +49,7 @@
 
         <!-- Librairie -->
         <div class="cta-block mb-10">
-          <UiOiseauPose nom="libraire" pose="marge-d" ecart="40px" bottom="-60px" :w="122" retourne />
-          <UiOiseauPose nom="empileur" pose="derriere" left="-120px" bottom="-30px" :w="200" />
+          <UiOiseauPose nom="libraire" pose="derriere" left="calc(100% - 96px)" bottom="-36px" :w="214" retourne />
           <div class="cta-icon cta-icon--accent">
             <div class="i-lucide-store h-5 w-5" />
           </div>