diff --git a/static/css/marketing.css b/static/css/marketing.css
index f4fe078..9821cfa 100644
--- a/static/css/marketing.css
+++ b/static/css/marketing.css
@@ -2893,21 +2893,12 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
-  .text-\[6\.5px\] {
-    font-size: 6.5px;
-  }
   .text-\[6px\] {
     font-size: 6px;
   }
-  .text-\[7\.5px\] {
-    font-size: 7.5px;
-  }
   .text-\[7px\] {
     font-size: 7px;
   }
-  .text-\[8\.5px\] {
-    font-size: 8.5px;
-  }
   .text-\[8px\] {
     font-size: 8px;
   }
diff --git a/templates/marketing/fonctionnalites.html b/templates/marketing/fonctionnalites.html
index b02ff4e..457e006 100644
--- a/templates/marketing/fonctionnalites.html
+++ b/templates/marketing/fonctionnalites.html
@@ -999,9 +999,9 @@
         </div>{# /dictia-phone-shell #}
         </div>{# /phone wrapper (glow ring) #}
 
-        {# Feature info card sous le phone — uniform bg-white/[0.06] + accent border-left tab indicator #}
+        {# Feature info card sous le phone — fond bg-brand-navy SOLIDE (extension visuelle du phone, contraste WCAG AA garanti sur section claire) + accent border-left tab indicator #}
         <div style="min-height:64px;width:280px;max-width:100%;" class="mt-3 mx-auto">
-          <div class="dictia-feature-card rounded-xl px-4 py-3 relative bg-white/[0.06] border border-white/[0.10] overflow-hidden"
+          <div class="dictia-feature-card rounded-xl px-4 py-3 relative bg-brand-navy border border-white/10 overflow-hidden"
                :style="`box-shadow: 0 6px 24px rgba(0,0,0,0.20);`">
             {# Border-left 3px accent — style tab indicator #}
             <span class="absolute left-0 top-0 bottom-0" aria-hidden="true"
@@ -1155,19 +1155,19 @@
           </div>
         </div>
 
-        {# Feature grid 3 cols × 6 buttons #}
+        {# Feature grid 3 cols × 6 buttons — fond TOUJOURS dark navy (actif/inactif) pour garantir contraste WCAG AA blanc-sur-dark sur section claire #}
         <div class="grid grid-cols-3 gap-2">
           <template x-for="i in [1,2,3,4,5,6]" :key="i">
             <button type="button" @click="handleManualSelect(i)"
                     class="flex flex-col items-center gap-1.5 rounded-xl py-3 px-2 outline-none transition-all focus-visible:ring-2 focus-visible:ring-white/40"
-                    :style="`border: 1px solid ${selectedFeature === i ? FEATURES[i].color + '60' : 'rgba(255,255,255,0.10)'}; background-color: ${selectedFeature === i ? FEATURES[i].color + '14' : 'rgba(8,12,24,0.85)'}; box-shadow: ${selectedFeature === i ? '0 0 16px ' + FEATURES[i].color + '30, inset 0 0 12px ' + FEATURES[i].color + '10' : 'none'}; cursor: pointer;`"
+                    :style="`border: 1px solid ${selectedFeature === i ? FEATURES[i].color + '70' : 'rgba(255,255,255,0.10)'}; background-color: ${selectedFeature === i ? 'rgba(8,12,24,0.95)' : 'rgba(8,12,24,0.85)'}; box-shadow: ${selectedFeature === i ? '0 0 16px ' + FEATURES[i].color + '40, inset 0 0 16px ' + FEATURES[i].color + '20' : 'none'}; cursor: pointer;`"
                     :aria-pressed="selectedFeature === i ? 'true' : 'false'"
                     :aria-label="`Sélectionner : ${FEATURES[i].title}`">
               <span :style="`color: ${selectedFeature === i ? FEATURES[i].color : 'rgba(255,255,255,0.55)'}; filter: ${selectedFeature === i ? 'drop-shadow(0 0 6px ' + FEATURES[i].color + 'BB)' : 'none'}; transform: scale(${selectedFeature === i ? 1.20 : 1}) translateY(${selectedFeature === i ? -1 : 0}px); transition: all 0.2s; display:inline-block;`">
                 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:18px;height:18px;" aria-hidden="true" x-html="featureIconPath(i)"></svg>
               </span>
               <span class="text-[10px] font-semibold text-center leading-tight"
-                    :style="`color: ${selectedFeature === i ? 'rgba(255,255,255,0.95)' : 'rgba(255,255,255,0.65)'}; transition: color 0.2s;`"
+                    :style="`color: ${selectedFeature === i ? 'rgba(255,255,255,0.98)' : 'rgba(255,255,255,0.70)'}; transition: color 0.2s;`"
                     x-text="FEATURES[i].title"></span>
             </button>
           </template>
diff --git a/tests/test_marketing_secondary_pages.py b/tests/test_marketing_secondary_pages.py
index 4c908d3..a81eafa 100644
--- a/tests/test_marketing_secondary_pages.py
+++ b/tests/test_marketing_secondary_pages.py
@@ -266,8 +266,9 @@ def test_fonctionnalites_how_it_works_reactor_section():
 
     # Inner screen seam (effet "écran encastré")
     assert 'dictia-phone-screen-seam' in body, "Missing inner screen seam (encastré effect)"
-    # Uniform feature info card — bg-white/[0.06] + accent border-left
-    assert 'bg-white/[0.06]' in body, "Missing uniform white/0.06 bg on feature card"
+    # Uniform feature info card — bg-brand-navy SOLIDE (extension visuelle du phone, WCAG AA garanti sur section claire) + accent border-left
+    assert 'dictia-feature-card rounded-xl px-4 py-3 relative bg-brand-navy' in body, \
+        "Missing solid bg-brand-navy on feature info card (must be dark, not transparent on light bg)"
     # Sovereignty bullets : icon dans cercle 20×20 brand-b3/[0.15]
     assert 'bg-brand-b3/[0.15]' in body, "Missing brand-b3 circle bg on sovereignty bullets"
     # Performance metrics : 3 cells with grad-text for 0ms / 24/7