feat(marketing): A-2.7b témoignages placeholder + FAQ accordion + CTA + JSON-LD

- Pre-launch testimonials section: 3 placeholder cards (avocat, CPA, municipal)
  with persona icons + 'Témoignage à venir' label — NO fabricated quotes
  (LPC art. 219). Expected publication mai-juin 2026 from T-4.1 interviews.
- FAQ accordion: 7 verifiable Q&A using Alpine.js core (x-data + x-show +
  built-in x-transition; NO x-collapse plugin). Each item has @click toggle,
  :aria-expanded, aria-controls, role="region" panel, focusable button.
- Schema.org FAQPage JSON-LD inline at end of FAQ section — striptags +
  replace(' ', ' ') to normalize entities for Google FAQ rich result.
- CTA final: 'Réservez votre pré-inscription' (mailto + #tarifs anchor),
  cosmic orbs to mirror Hero (page closure), ghost variant secondary button.
- Inline TESTIMONIALS and FAQ Python lists in src/marketing/routes.py
  (no PyYAML dep — YAGNI; T-4.1 can introduce it when real data warrants).
- 8 new tests covering testimonials placeholders, forbidden fake names,
  7 FAQ panels, Alpine bindings, JSON-LD schema, CTA wording, route data.

templates/marketing/landing.html

@@ -430,6 +430,131 @@
     </div>
   </div>
 </section>
+
+{# ===== TÉMOIGNAGES (placeholder pré-lancement) ===== #}
+<section class="bg-brand-bg py-20" aria-labelledby="testimonials-title">
+  <div class="max-w-[1200px] mx-auto px-6">
+    <div class="text-center max-w-2xl mx-auto mb-12">
+      <p class="eyebrow grad-text mb-4">TÉMOIGNAGES</p>
+      <h2 id="testimonials-title" class="text-[clamp(2rem,3vw,2.75rem)] font-black mb-4 text-brand-navy">
+        Premiers cabinets pilotes interviewés au printemps&nbsp;2026.
+      </h2>
+      <p class="text-lg text-brand-navy/70">
+        Trois pilotes confidentiels en cours&nbsp;: un cabinet juridique, un cabinet CPA, une municipalité. Témoignages publiés ici dès l'aboutissement des entrevues, accompagnés d'une métrique vérifiable.
+      </p>
+    </div>
+
+    <div class="grid md:grid-cols-3 gap-6">
+      {% for t in testimonials %}
+      <article class="bg-white p-6 rounded-[18px] border border-brand-border flex flex-col items-center text-center"
+               aria-label="Témoignage {{ t.placeholder_label }} à venir">
+        <div class="w-16 h-16 rounded-full grad-bg flex items-center justify-center mb-4 shadow-cta" aria-hidden="true">
+          {%- if t.persona == 'avocat' -%}<span class="text-2xl">⚖️</span>
+          {%- elif t.persona == 'cpa' -%}<span class="text-2xl">📊</span>
+          {%- elif t.persona == 'municipal' -%}<span class="text-2xl">🏛️</span>
+          {%- endif -%}
+        </div>
+        <p class="text-sm font-bold text-brand-navy mb-1">{{ t.placeholder_label | safe }}</p>
+        <p class="text-xs text-brand-navy/70 mb-4">Témoignage à venir &middot; {{ t.expected | safe }}</p>
+        <p class="text-sm text-brand-navy/70 italic">
+          « Citation et métrique publiées après validation par le pilote. »
+        </p>
+      </article>
+      {% endfor %}
+    </div>
+  </div>
+</section>
+
+{# ===== FAQ ===== #}
+<section class="bg-white py-20" aria-labelledby="faq-title">
+  <div class="max-w-[820px] mx-auto px-6">
+    <div class="text-center mb-12">
+      <p class="eyebrow grad-text mb-4">FAQ</p>
+      <h2 id="faq-title" class="text-[clamp(2rem,3vw,2.75rem)] font-black mb-4 text-brand-navy">
+        Vos questions les plus fréquentes.
+      </h2>
+      <p class="text-lg text-brand-navy/70">
+        Une question qui n'est pas couverte ici&nbsp;? Écrivez-nous&nbsp;:
+        <a href="mailto:info@dictia.ca" class="grad-text font-semibold hover:underline">info@dictia.ca</a>.
+      </p>
+    </div>
+
+    <div class="divide-y divide-brand-border border-y border-brand-border" role="list">
+      {% for item in faq %}
+      <div x-data="{ open: false }" class="py-2" role="listitem">
+        <h3>
+          <button type="button"
+                  class="w-full flex items-center justify-between gap-4 py-4 text-left hover:bg-brand-bg/50 transition-colors rounded-md px-2"
+                  @click="open = !open"
+                  :aria-expanded="open.toString()"
+                  aria-controls="faq-panel-{{ loop.index }}">
+            <span class="font-semibold text-brand-navy text-base">{{ item.q | safe }}</span>
+            <span class="grad-text text-2xl flex-shrink-0 transition-transform"
+                  :class="open ? 'rotate-45' : ''" aria-hidden="true">+</span>
+          </button>
+        </h3>
+        <div id="faq-panel-{{ loop.index }}"
+             x-show="open"
+             x-transition.opacity.duration.200ms
+             role="region">
+          <p class="px-2 pb-4 text-sm text-brand-navy/80 leading-relaxed">{{ item.a | safe }}</p>
+        </div>
+      </div>
+      {% endfor %}
+    </div>
+  </div>
+
+  {# Schema.org FAQPage JSON-LD for SEO/GEO — inline so it travels with this page only #}
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "FAQPage",
+    "mainEntity": [
+      {%- for item in faq -%}
+      {
+        "@type": "Question",
+        "name": {{ (item.q | striptags | replace('&nbsp;', ' '))|tojson }},
+        "acceptedAnswer": {
+          "@type": "Answer",
+          "text": {{ (item.a | striptags | replace('&nbsp;', ' '))|tojson }}
+        }
+      }{{ "," if not loop.last }}
+      {%- endfor -%}
+    ]
+  }
+  </script>
+</section>
+
+{# ===== CTA FINAL ===== #}
+<section class="relative bg-brand-navy text-white py-24 overflow-hidden" aria-labelledby="cta-title">
+  {# Two warm cosmic orbs to mirror the Hero — visual closure of the page #}
+  <div class="absolute inset-0 pointer-events-none" aria-hidden="true">
+    <div class="absolute top-1/4 left-1/3 w-[500px] h-[500px] rounded-full"
+         style="background: radial-gradient(circle, rgba(0,98,255,0.14) 0%, transparent 60%); filter: blur(50px);"></div>
+    <div class="absolute bottom-1/4 right-1/3 w-[450px] h-[450px] rounded-full"
+         style="background: radial-gradient(circle, rgba(0,200,150,0.10) 0%, transparent 60%); filter: blur(50px);"></div>
+  </div>
+
+  <div class="relative max-w-[820px] mx-auto px-6 text-center">
+    <p class="eyebrow grad-text mb-4">PRÊT&nbsp;?</p>
+    <h2 id="cta-title" class="text-[clamp(2.25rem,4vw,3.5rem)] font-black mb-6">
+      Réservez votre <span class="grad-text">pré-inscription</span>.
+    </h2>
+    <p class="text-lg text-white/80 mb-8">
+      Lancement printemps&nbsp;2026. Les premiers utilisateurs bénéficient d'une remise de bienvenue et d'un accompagnement direct par notre équipe technique. Aucun engagement.
+    </p>
+
+    <div class="flex flex-col sm:flex-row gap-4 justify-center">
+      {% from 'macros/button.html' import button %}
+      {{ button('Pré-inscription par courriel', href='mailto:info@dictia.ca?subject=Pré-inscription%20DictIA', variant='primary', size='lg', icon='✉️') }}
+      {{ button('Voir les forfaits', href='#tarifs', variant='ghost', size='lg') }}
+    </div>
+
+    <p class="text-xs text-white/70 mt-8">
+      Pré-inscription par courriel jusqu'à l'ouverture de la plateforme. Inscription en ligne disponible dès le lancement.
+    </p>
+  </div>
+</section>
 {% endblock %}
 
 {% block scripts %}