feat(marketing): bento grid 6 features (style FlexiHub)

tests/test_marketing_landing_template.py

@@ -235,3 +235,49 @@ def test_pas_uses_wcag_safe_text_opacity():
     assert 'text-brand-navy/70 leading-relaxed' in body or 'text-brand-navy/70 mb-3' in body
     # No regression to /40 in this section
     # (Other sections may use /40 for decorative text — we just verify the new content uses /70)
+
+
+def test_bento_section_present():
+    """Bento features section is present after Solution section."""
+    client = app.test_client()
+    body = client.get('/').data.decode('utf-8')
+    assert 'FONCTIONNALIT' in body, "Missing Fonctionnalités eyebrow"
+    assert 'bento-title' in body, "Missing bento section anchor"
+    assert "rien que vous n'ayez besoin" in body, "Missing bento H2 differentiator"
+
+
+def test_bento_has_6_features():
+    """Bento grid renders 6 distinct feature cards."""
+    client = app.test_client()
+    body = client.get('/').data.decode('utf-8')
+    for feature in ['WhisperX', 'Diarisation', 'Mistral 7B', 'RAG local', 'DOCX, PDF, SRT', 'Outlook, Teams']:
+        assert feature in body, f"Missing bento feature: {feature}"
+    # Watermark numbers 01..06
+    for n in ['01', '02', '03', '04', '05', '06']:
+        assert f'>{n}<' in body, f"Missing bento watermark number {n}"
+
+
+def test_bento_uses_flexihub_styling():
+    """Bento uses FlexiHub spec: max-w-[1060px], gap-[1.5px], bg-brand-navy2, /[0.04] watermark."""
+    client = app.test_client()
+    body = client.get('/').data.decode('utf-8')
+    assert 'max-w-[1060px]' in body, "Missing FlexiHub bento container width 1060px"
+    assert 'gap-[1.5px]' in body, "Missing FlexiHub ultrafin separator gap"
+    assert 'bg-brand-navy2' in body, "Missing dark card background"
+    assert 'text-white/[0.04]' in body, "Missing FlexiHub watermark opacity"
+    assert 'grad-bg rounded-[0.5rem]' in body, "Missing gradient icon corner"
+
+
+def test_bento_responsive_grid():
+    """Bento grid responsive: 1 col mobile, 2 cols sm, 3 cols md+."""
+    client = app.test_client()
+    body = client.get('/').data.decode('utf-8')
+    assert 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3' in body, \
+        "Missing responsive grid breakpoints (1/2/3 cols)"
+
+
+def test_bento_uses_wcag_safe_text_on_dark():
+    """Bento card descriptions use text-white/70 (WCAG AA on bg-brand-navy2)."""
+    client = app.test_client()
+    body = client.get('/').data.decode('utf-8')
+    assert 'text-white/70' in body, "Missing WCAG-safe /70 text opacity on dark cards"