diff --git a/src/deck/slides/TitleSlide.vue b/src/deck/slides/TitleSlide.vue
index 23814eb..12f835f 100644
--- a/src/deck/slides/TitleSlide.vue
+++ b/src/deck/slides/TitleSlide.vue
@@ -25,11 +25,16 @@ import logoUrl from '@/deck/assets/logo.webp'
               radial-gradient(38% 55% at 70% 55%, hsl(215 90% 58% / 0.5), transparent 70%);
           "
         />
-        <img
-          :src="logoUrl"
-          alt="SolLunar — Energy · Intelligence · Harmony"
-          class="w-64 drop-shadow-2xl sm:w-72 lg:w-80"
-        />
+        <!-- dark badge in light mode (the logo is drawn for dark); floats free in dark mode -->
+        <div
+          class="rounded-[2rem] bg-[hsl(160_28%_9%)] p-4 shadow-2xl ring-1 ring-white/10 sm:p-6 dark:bg-transparent dark:p-0 dark:shadow-none dark:ring-0"
+        >
+          <img
+            :src="logoUrl"
+            alt="SolLunar — Energy · Intelligence · Harmony"
+            class="w-60 drop-shadow-2xl sm:w-64 lg:w-72"
+          />
+        </div>
       </div>
 
       <p class="mt-7 max-w-2xl text-balance text-xl text-fg sm:text-2xl">