Update index.html

index.html

@@ -788,7 +788,7 @@
                         <tr style="background: rgba(44, 140, 132, 0.05);">
                             <td style="padding: 12px; border: 1px solid var(--border-color);"><strong>1.5</strong></td>
                             <td style="padding: 12px; text-align: center; border: 1px solid var(--border-color); color: var(--success-color);">0.985 ✅</td>
-                            <td style="padding: 12px; text-align: center; border: 1px solid var(--border-color);">81% mid-band</td>
+                            <td style="padding: 12px; text-align: center; border: 1px solid var(--border-color); font-weight: bold; color: var(--success-color);">39.1% training disruption<br>81% mid-band</td>
                             <td style="padding: 12px; border: 1px solid var(--border-color);">Subtle protection for public sharing</td>
                         </tr>
                         <tr>
@@ -800,7 +800,7 @@
                         <tr style="background: rgba(163, 120, 72, 0.05);">
                             <td style="padding: 12px; border: 1px solid var(--border-color);"><strong>6.2</strong></td>
                             <td style="padding: 12px; text-align: center; border: 1px solid var(--border-color); color: var(--warning-color);">0.739 ⚠️</td>
-                            <td style="padding: 12px; text-align: center; border: 1px solid var(--border-color); font-weight: bold; color: var(--success-color);">48% training disruption<br>91% mid-band</td>
+                            <td style="padding: 12px; text-align: center; border: 1px solid var(--border-color); font-weight: bold; color: var(--success-color);">48.2% training disruption<br>91% mid-band</td>
                             <td style="padding: 12px; border: 1px solid var(--border-color);">Maximum protection for legal/archival purposes</td>
                         </tr>
                     </tbody>
@@ -813,14 +813,14 @@
                     <div style="background: rgba(44, 140, 132, 0.05); padding: 15px; border-radius: 8px; border: 2px solid rgba(44, 140, 132, 0.3);">
                         <img src="assets/armored_park_strength_1-5.png" alt="Park - Strength 1.5" style="width: 100%; border-radius: 8px; margin-bottom: 10px;">
                         <h4 style="margin: 10px 0 5px 0; color: var(--success-color);">Strength 1.5 ✅</h4>
-                        <p style="font-size: 0.9em; margin: 5px 0;">SSIM: 0.985 | Mid-band: 81%</p>
+                        <p style="font-size: 0.9em; margin: 5px 0;">SSIM: 0.985 | Mid-band: 81% | <strong style="color: var(--success-color);">Training Disruption: 39.1%</strong></p>
                         <p style="font-size: 0.85em; color: var(--text-secondary); margin-top: 8px;">Excellent visual quality with good ML disruption. Ideal for social media and public sharing.</p>
                     </div>
                     
                     <div style="background: rgba(163, 120, 72, 0.05); padding: 15px; border-radius: 8px; border: 2px solid rgba(163, 120, 72, 0.3);">
                         <img src="assets/armored_park_strength_6-2.png" alt="Park - Strength 6.2" style="width: 100%; border-radius: 8px; margin-bottom: 10px;">
                         <h4 style="margin: 10px 0 5px 0; color: var(--warning-color);">Strength 6.2 ⚠️</h4>
-                        <p style="font-size: 0.9em; margin: 5px 0;">SSIM: 0.739 | Mid-band: 91% | <strong style="color: var(--success-color);">Training: 48%</strong></p>
+                        <p style="font-size: 0.9em; margin: 5px 0;">SSIM: 0.739 | Mid-band: 91% | <strong style="color: var(--success-color);">Training Disruption: 48.2%</strong></p>
                         <p style="font-size: 0.85em; color: var(--text-secondary); margin-top: 8px;">Maximum ML disruption with visible quality trade-off. Best for archival protection and legal evidence.</p>
                     </div>
                 </div>