diff --git a/docs/index.html b/docs/index.html
index 1890931..651e65f 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>WalBridge | macOS Wallpaper Theme Bridge</title>
-  <meta name="description" content="WalBridge syncs your macOS apps to your wallpaper colors with animated transitions and Linux-inspired theming workflows.">
+  <meta name="description" content="WalBridge syncs your macOS apps to your wallpaper colors with animated transitions and Linux-inspired theming.">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
@@ -21,7 +21,7 @@
         <p class="kicker">Linux-inspired theming for macOS</p>
         <h1>Bridge your wallpaper to your entire desktop stack.</h1>
         <p class="lead">
-          WalBridge automatically syncs color themes across 14 apps from your current wallpaper, with vivid active borders, muted inactive borders, and smooth animated transitions.
+          WalBridge automatically syncs color themes across 14 apps from your current wallpaper, with high-contrast active borders, dimmed inactive borders, and animated transitions.
         </p>
         <div class="cta-row">
           <a class="btn btn-primary" href="https://github.com/paul-cch/WalBridge/releases/latest" target="_blank" rel="noreferrer">Get Latest Release</a>
@@ -58,7 +58,6 @@ <h2>How It Works</h2>
 
     <section class="panel">
       <h2>Release Demo</h2>
-      <p>See animated transitions and multi-target sync in action.</p>
       <a class="btn btn-primary" href="https://github.com/paul-cch/WalBridge/releases/download/v1.0.0/walbridge-demo.gif" target="_blank" rel="noreferrer">Open Demo GIF</a>
     </section>
   </main>
diff --git a/docs/styles.css b/docs/styles.css
index 9273643..6458f2e 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -1,12 +1,12 @@
 :root {
   --bg: #0f1724;
-  --bg-soft: #162237;
-  --panel: #1d2c45;
   --text: #f2f6fc;
   --muted: #b4c4d8;
   --accent: #f08c5a;
   --accent-2: #5fb7b0;
   --line: #304666;
+  --accent-warm: #ffb347;
+  --accent-dark: #231209;
 }
 
 * {
@@ -17,10 +17,7 @@ body {
   margin: 0;
   font-family: "Space Grotesk", sans-serif;
   color: var(--text);
-  background:
-    radial-gradient(circle at 80% -20%, #2f4c7a 0%, transparent 45%),
-    radial-gradient(circle at -10% 30%, #3d2f53 0%, transparent 35%),
-    linear-gradient(165deg, var(--bg) 0%, #101f33 55%, #121d2d 100%);
+  background: linear-gradient(165deg, var(--bg) 0%, #101f33 55%, #121d2d 100%);
   min-height: 100vh;
 }
 
@@ -104,8 +101,8 @@ h1 {
 }
 
 .btn-primary {
-  background: linear-gradient(135deg, var(--accent), #ffb347);
-  color: #231209;
+  background: linear-gradient(135deg, var(--accent), var(--accent-warm));
+  color: var(--accent-dark);
 }
 
 .btn-ghost {