feat(marketing): PAS frame sections (Problème + Solution) after trust bar

- Problème section (light bg-brand-bg, white cards): 3 risk cards
  (Cloud Act, Loi 25 biométrie art. 60.1 LPRPSP, sanctions disciplinaires
  9 ordres pros). H2 grad-text accent on 'violent la Loi 25' — defensible
  legal claim citing CAI + LPRPSP statutes by name. text-brand-navy/70 for
  all body text (WCAG AA compliant, no /40 or /50 regression).
- Solution section (bg-brand-navy with single subtle green orb): 3 pillars
  (100% local, Conforme Loi 25, Précision FR-CA). H2 grad-text accent on
  'par design'. Pillars cite specific tech (WhisperX Large-v3, Mistral 7B,
  pyannote, OVH Beauharnois, AGPL v3) — all factually verifiable.
- French typography: NBSP via   + |safe before %, $, and within
  'Loi 25' to prevent line break separation (OQLF rule).
- 4 new tests verify both sections, 3 cards each, key tech mentions,
  and WCAG-safe opacity policy.

templates/marketing/landing.html

@@ -118,4 +118,70 @@
     </p>
   </div>
 </section>
+
+{# ===== PROBLÈME (P de PAS) ===== #}
+<section class="bg-brand-bg py-20" aria-labelledby="probleme-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">LE PROBLÈME — TRANSCRIPTION CLOUD</p>
+      <h2 id="probleme-title" class="text-[clamp(2rem,3vw,2.75rem)] font-black mb-4">
+        Vos réunions confidentielles dans Teams Copilot ou Otter.ai
+        <span class="grad-text">violent la Loi 25</span>.
+      </h2>
+      <p class="text-lg text-brand-navy/70">
+        Le transfert de données vocales hors-Québec sans consentement explicite expose les professionnels réglementés à des sanctions disciplinaires de leurs ordres et à des amendes CAI jusqu'à 25 M$ ou 4 % du chiffre d'affaires mondial.
+      </p>
+    </div>
+
+    {# 3 problem cards on white surface — Cloud Act, Loi 25, Sanctions #}
+    <div class="grid md:grid-cols-3 gap-6 mt-12">
+      {% for card in [
+        ('Cloud Act', 'Loi américaine 2018', 'Microsoft, Google et OpenAI sont soumis au Cloud Act. Vos données peuvent être saisies par les autorités américaines sans votre consentement ni notification — y compris les enregistrements de vos réunions client.', '⚖️'),
+        ('Loi 25 — biométrie', 'Sanction CAI jusqu\'à 25 M$', 'La voix est une donnée biométrique au sens de l\'article 60.1 LPRPSP. Tout traitement nécessite un consentement explicite, une déclaration CAI et un transfert vers un territoire offrant une protection équivalente — ce que les États-Unis n\'offrent pas.', '🛡️'),
+        ('Sanctions disciplinaires', '252 000+ pros réglementés QC', 'Le Barreau du Québec, la Chambre des notaires, CPA Québec et 6 autres ordres considèrent le transfert de données client hors-juridiction sans accord exprès comme un manquement à l\'obligation de confidentialité — radiation possible.', '⚠️')
+      ] %}
+      <article class="bg-white p-6 rounded-[0.75rem] border border-brand-border">
+        <div class="text-3xl mb-4" aria-hidden="true">{{ card[3] }}</div>
+        <h3 class="text-lg font-bold mb-1 text-brand-navy">{{ card[0] }}</h3>
+        <p class="text-xs uppercase tracking-wider text-brand-navy/70 mb-3 font-semibold">{{ card[1] }}</p>
+        <p class="text-sm text-brand-navy/70 leading-relaxed">{{ card[2] }}</p>
+      </article>
+      {% endfor %}
+    </div>
+  </div>
+</section>
+
+{# ===== SOLUTION (S de PAS) ===== #}
+<section class="relative bg-brand-navy text-white py-20 overflow-hidden" aria-labelledby="solution-title">
+  {# Single subtle orb in solution bg — less busy than hero #}
+  <div class="absolute top-1/2 right-1/4 w-[500px] h-[500px] rounded-full pointer-events-none" aria-hidden="true"
+       style="background: radial-gradient(circle, rgba(0,200,150,0.08) 0%, transparent 60%); filter: blur(60px);"></div>
+
+  <div class="relative 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">LA SOLUTION — DICTIA</p>
+      <h2 id="solution-title" class="text-[clamp(2rem,3vw,2.75rem)] font-black mb-4">
+        Conforme <span class="grad-text">par design</span>, pas par défaut.
+      </h2>
+      <p class="text-lg text-white/70">
+        DictIA reproduit la précision des outils cloud — WhisperX Large-v3 + Mistral 7B — mais avec une architecture où vos données ne quittent jamais vos murs ou nos serveurs OVH Beauharnois.
+      </p>
+    </div>
+
+    {# 3 solution pillars — dark cards with grad-bg icon corners #}
+    <div class="grid md:grid-cols-3 gap-6">
+      {% for pillar in [
+        ('100&nbsp;% local', 'Vos données ne sortent jamais de vos murs. Inférence GPU sur place ou VPS Québec OVH Beauharnois — vous gardez le contrôle, l\'audit, et les clés.'),
+        ('Conforme Loi&nbsp;25', 'Audit trail intégré (qui a écouté quoi, quand). Déclaration CAI prête. Consentement explicite tracé pour chaque enregistrement. Code source AGPL v3 — transparence vérifiable.'),
+        ('Précision FR-CA', 'WhisperX Large-v3 fine-tuné français québécois. Diarisation pyannote 8 locuteurs. Résumés Mistral 7B local — aucune connexion OpenAI/Google/Microsoft.')
+      ] %}
+      <article class="bg-white/[0.05] backdrop-blur-sm p-6 rounded-[0.75rem] border border-white/[0.08]">
+        <div class="w-10 h-10 grad-bg rounded-[0.5rem] mb-4 flex items-center justify-center font-black text-white shadow-cta" aria-hidden="true">✓</div>
+        <h3 class="text-lg font-bold mb-2 text-white">{{ pillar[0] | safe }}</h3>
+        <p class="text-sm text-white/70 leading-relaxed">{{ pillar[1] | safe }}</p>
+      </article>
+      {% endfor %}
+    </div>
+  </div>
+</section>
 {% endblock %}