Add code-text class to hero card for syntax highlighting

Co-authored-by: brunoborges <129743+brunoborges@users.noreply.github.com>

Author: Copilot

index.html

@@ -176,7 +176,7 @@ <h1>Java has evolved.<br><span class="gradient">Your code can too.</span></h1>
     <a href="/records-for-data-classes.html" class="hero-compare">
       <div class="hero-compare-side old">
         <div class="compare-label old">✕ Old</div>
-        <pre style="margin:0;background:none;border:none;font:inherit;line-height:inherit;padding:0;overflow:visible"><code style="background:none;border:none;padding:0;font:inherit">public class Point {
+        <pre class="code-text" style="margin:0;background:none;border:none;font:inherit;line-height:inherit;padding:0;overflow:visible"><code style="background:none;border:none;padding:0;font:inherit">public class Point {
     private final int x, y;
     public Point(int x, int y) { ... }
     public int getX() { return x; }
@@ -186,7 +186,7 @@ <h1>Java has evolved.<br><span class="gradient">Your code can too.</span></h1>
       </div>
       <div class="hero-compare-side modern">
         <div class="compare-label modern">✓ Modern</div>
-        <pre style="margin:0;background:none;border:none;font:inherit;line-height:inherit;padding:0;overflow:visible"><code style="background:none;border:none;padding:0;font:inherit">public record Point(int x, int y) {}</code></pre>
+        <pre class="code-text" style="margin:0;background:none;border:none;font:inherit;line-height:inherit;padding:0;overflow:visible"><code style="background:none;border:none;padding:0;font:inherit">public record Point(int x, int y) {}</code></pre>
       </div>
     </a>
   </section>