feat(marketing): A-2.8a /tarifs + /fonctionnalites standalone pages

- /tarifs page: extends base.html, reuses pricing_card + button macros,
  shows the 3 forfaits with NBSP-formatted CAD prices, an 8-row deep-dive
  comparison matrix (DictIA 8 vs DictIA 16 vs DictIA Cloud), 5 tarification
  FAQ items (frais cachés, migration, GPU, taxes TPS/TVQ, plans annuels)
  with Alpine accordion + focus-visible WCAG 2.2 AA, CTA section
- /fonctionnalites page: extends base.html, reuses bento_card macro,
  re-renders the 6 features with same content as landing's bento section
  for consistency, adds dedicated 7-format export grid + 8-integration
  grid (with trademark disclaimer) + 6 tech specs section (Whisper/pyannote
  /Mistral/stack/audio/langues), CTA section
- routes.py: add /tarifs and /fonctionnalites routes (passes FAQ to /tarifs
  for the tarification accordion; preserves existing landing(), TESTIMONIALS,
  FAQ data structures unchanged)
- tests/test_marketing_secondary_pages.py: NEW test file (16 tests covering
  routes 200, base.html inheritance, H1 anchors, 3 pricing cards, comparison
  matrix, tarifs FAQ accordion, OQLF typography, 6 bento + 7 exports + 8
  integrations + 6 tech specs sections, canonical meta)
- All sections respect WCAG 2.2 AA, FlexiHub design discipline, LPC art. 219
  hygiene (sourcing dates, trademark disclaimer, hedged claims, NBSP)

static/css/marketing.css

@@ -1334,6 +1334,12 @@
   .rounded-\[0\.75rem\] {
     border-radius: 0.75rem;
   }
+  .rounded-\[12px\] {
+    border-radius: 12px;
+  }
+  .rounded-\[14px\] {
+    border-radius: 14px;
+  }
   .rounded-\[18px\] {
     border-radius: 18px;
   }
@@ -2297,6 +2303,9 @@
   .text-\[clamp\(2\.25rem\,4vw\,3\.5rem\)\] {
     font-size: clamp(2.25rem, 4vw, 3.5rem);
   }
+  .text-\[clamp\(2rem\,3vw\,2\.5rem\)\] {
+    font-size: clamp(2rem, 3vw, 2.5rem);
+  }
   .text-\[clamp\(2rem\,3vw\,2\.75rem\)\] {
     font-size: clamp(2rem, 3vw, 2.75rem);
   }
@@ -3220,6 +3229,13 @@
       }
     }
   }
+  .hover\:bg-brand-navy\/\[0\.03\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in oklab, #060d1a 3%, transparent);
+      }
+    }
+  }
   .hover\:bg-emerald-700 {
     &:hover {
       @media (hover: hover) {
@@ -4285,6 +4301,11 @@
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
+  .lg\:grid-cols-7 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(7, minmax(0, 1fr));
+    }
+  }
   .lg\:grid-cols-9 {
     @media (width >= 64rem) {
       grid-template-columns: repeat(9, minmax(0, 1fr));