feat(website): add juggling koala mascot to platforms section and optimize spacing

website/index.html

@@ -379,6 +379,8 @@
 
     <section class="compat-section">
         <div class="container">
+            <img src="assets/PlatformJuggler_New.webp" alt="A cute koala juggling multiple browser tabs showing streaming platforms" class="compat-mascot" lang="en" width="300" height="233" loading="lazy" data-reveal>
+            <img src="assets/PlatformJuggler_New.webp" alt="Ein niedlicher Koala jongliert mit mehreren Browser-Tabs, auf denen verschiedene Streamingdienste laufen" class="compat-mascot" lang="de" width="300" height="233" loading="lazy" data-reveal>
             <p class="compat-heading" data-reveal>
                 <span lang="en">Works on your favorite platforms</span>
                 <span lang="de">Funktioniert auf deinen Lieblingsplattformen</span>

website/style.css

@@ -1299,12 +1299,20 @@ html.lang-de [lang="en"] {
 
 /* --- Compatibility Section --- */
 .compat-section {
-    padding: 4rem 0;
+    padding: 1rem 0 3.5rem 0;
     text-align: center;
     background: rgba(255,255,255,0.01);
     border-bottom: 1px solid var(--glass-border);
 }
 
+.compat-mascot {
+    display: block;
+    margin: 0 auto 0.5rem auto;
+    max-width: 320px;
+    width: 100%;
+    height: auto;
+}
+
 .compat-heading {
     font-size: 1rem;
     font-weight: 600;