diff --git a/site/assets/img/ui-showcase.jpg b/site/assets/img/ui-showcase.jpg
new file mode 100644
index 0000000..93a9c41
Binary files /dev/null and b/site/assets/img/ui-showcase.jpg differ
diff --git a/site/index.html b/site/index.html
index b428dda..b778ed2 100644
--- a/site/index.html
+++ b/site/index.html
@@ -43,6 +43,7 @@
         <a href="#features">Features</a>
         <a href="#demos">Demos</a>
         <a href="#start">Get started</a>
+        <a class="btn btn-sponsor" href="https://github.com/sponsors/TemujinCalidius">♥ Sponsor</a>
         <a class="btn btn-ghost" href="https://github.com/TemujinCalidius/SurvivorCore">GitHub ↗</a>
       </nav>
     </header>
@@ -150,7 +151,7 @@
         </div>
         <figure class="shot">
           <img
-            src="assets/img/ui-showcase.png"
+            src="assets/img/ui-showcase.jpg"
             alt="SurvivorCore in Roblox Studio: the survival HUD, a tabbed inventory/crafting menu, and the hotbar"
             loading="lazy"
             onerror="this.closest('figure').style.display='none'"
@@ -209,6 +210,7 @@ SurvivorCore.start()  -- boots stats, inventory, gathering, crafting, combat, mo
           <a href="https://github.com/TemujinCalidius/SurvivorCore">GitHub</a>
           <a href="https://github.com/TemujinCalidius/SurvivorCore/tree/main/docs">Docs</a>
           <a href="https://github.com/TemujinCalidius/SurvivorCore/releases">Releases</a>
+          <a href="https://github.com/sponsors/TemujinCalidius">♥ Sponsor</a>
           <a href="https://thecounterearth.com">The Counter Earth</a>
         </nav>
       </div>
diff --git a/site/styles.css b/site/styles.css
index faa1324..449d531 100644
--- a/site/styles.css
+++ b/site/styles.css
@@ -61,6 +61,12 @@ h1, h2, h3 { line-height: 1.15; letter-spacing: -0.015em; margin: 0; }
   color: var(--text);
 }
 .btn-ghost:hover { border-color: var(--green); color: var(--text); background: rgba(90, 205, 120, 0.08); }
+.btn-sponsor {
+  background: rgba(233, 105, 150, 0.12);
+  border-color: rgba(233, 105, 150, 0.35);
+  color: #f3a0bd;
+}
+.btn-sponsor:hover { background: rgba(233, 105, 150, 0.2); border-color: rgba(233, 105, 150, 0.6); color: #ffc0d6; }
 
 /* ---- Nav ---- */
 .nav {
@@ -247,6 +253,7 @@ h1 {
 /* ---- Get started ---- */
 .start-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; }
 .panel {
+  min-width: 0; /* let the panel shrink so its <pre> scrolls instead of overflowing the page */
   padding: 1.6rem;
   background: var(--panel);
   border: 1px solid var(--stroke);