fix: compact unbalance video side card to prevent overflow

Author: LGDiMaggio

docs/index.html

@@ -261,17 +261,17 @@ <h2 class="text-4xl sm:text-5xl font-bold text-white">Unbalance Detection: Tools
           <iframe class="absolute inset-0 w-full h-full" src="https://www.youtube.com/embed/ccV5G37tiGQ?rel=0&modestbranding=1&hd=1&vq=hd1080" title="Unbalance detection: MCP + Skills vs plain LLM hallucination" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
         </div>
 
-        <div class="glass rounded-2xl p-7 flex flex-col justify-between">
+        <div class="glass rounded-2xl p-5 flex flex-col justify-between overflow-hidden">
           <div>
-            <p class="text-st-teal font-bold uppercase tracking-wider mb-3">Key takeaway</p>
-            <h3 class="text-3xl font-bold text-white mb-4">Tools Turn Guesses into Evidence</h3>
-            <p class="text-lg text-white/90 leading-relaxed">An LLM without tools can only speculate. With the MCP server and matching Skill, Claude acquires real vibration data, runs spectral analysis, and identifies the unbalance fault with measured frequencies and severity levels.</p>
+            <p class="text-st-teal font-bold uppercase tracking-wider text-sm mb-2">Key takeaway</p>
+            <h3 class="text-2xl font-bold text-white mb-3">Tools Turn Guesses into Evidence</h3>
+            <p class="text-base text-white/90 leading-relaxed">An LLM without tools can only speculate. With the MCP server and matching Skill, Claude acquires real vibration data, runs spectral analysis, and identifies faults with measured frequencies and severity levels.</p>
           </div>
-          <div class="mt-6 glass rounded-xl p-4">
-            <p class="text-sm text-white/70 mb-1 font-semibold">Without MCP + Skills</p>
-            <p class="text-base text-red-400 italic">&ldquo;It might be unbalance&hellip; maybe check the bearings?&rdquo;</p>
-            <p class="text-sm text-white/70 mb-1 mt-3 font-semibold">With MCP + Skills</p>
-            <p class="text-base text-st-teal">&ldquo;1&times; RPM peak at 24.5&thinsp;Hz confirms unbalance. Severity: ISO&nbsp;10816 Zone&nbsp;B.&rdquo;</p>
+          <div class="mt-4 glass rounded-xl p-3">
+            <p class="text-xs text-white/70 mb-0.5 font-semibold">Without MCP + Skills</p>
+            <p class="text-sm text-red-400 italic">&ldquo;It might be unbalance&hellip; maybe check the bearings?&rdquo;</p>
+            <p class="text-xs text-white/70 mb-0.5 mt-2 font-semibold">With MCP + Skills</p>
+            <p class="text-sm text-st-teal">&ldquo;1&times; RPM peak at 24.5&thinsp;Hz confirms unbalance. Severity: ISO&nbsp;10816 Zone&nbsp;B.&rdquo;</p>
           </div>
         </div>
       </div>