diff --git a/site/css/common.css b/site/css/common.css
index 307e69a..86d22fc 100644
--- a/site/css/common.css
+++ b/site/css/common.css
@@ -1,20 +1,29 @@
 :root {
-  --bg0: #0d1117;
-  --bg1: #161b22;
-  --bg2: #21262d;
-  --bg3: #30363d;
-  --border: #30363d;
+  --bg0: #0a0e14;
+  --bg1: #111820;
+  --bg2: #1a2230;
+  --bg3: #242f3f;
+  --border: #2a3544;
+  --border-subtle: #1c2533;
   --t1: #e6edf3;
-  --t2: #8b949e;
-  --t3: #6e7681;
-  --blue: #58a6ff;
+  --t2: #8b9cb3;
+  --t3: #5c6b7f;
+  --accent: #3b82f6;
+  --accent-hover: #2563eb;
+  --accent-dim: rgba(59, 130, 246, 0.1);
+  --accent-glow: rgba(59, 130, 246, 0.08);
+  --warm: #c9a227;
+  --blue: #3b82f6;
   --green: #3fb950;
   --yellow: #d29922;
   --red: #f85149;
-  --purple: #bc8cff;
-  --orange: #f0883e;
+  --purple: #a78bfa;
+  --orange: #e0883e;
   --cyan: #39c5cf;
-  --grad: linear-gradient(135deg, #58a6ff, #bc8cff);
+  --font-sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --font-mono: 'IBM Plex Mono', 'Cascadia Code', 'SF Mono', Consolas, monospace;
+  --radius: 6px;
+  --radius-lg: 8px;
 }
 
 * {
@@ -28,11 +37,26 @@ html {
 }
 
 body {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-family: var(--font-sans);
   background: var(--bg0);
   color: var(--t1);
   line-height: 1.6;
   overflow-x: hidden;
+  -webkit-font-smoothing: antialiased;
+}
+
+body::before {
+  content: '';
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  z-index: 0;
+  opacity: 0.35;
+  background-image:
+    linear-gradient(var(--border-subtle) 1px, transparent 1px),
+    linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px);
+  background-size: 64px 64px;
+  mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, black 0%, transparent 70%);
 }
 
 a {
@@ -50,17 +74,17 @@ a:hover {
   left: 16px;
   z-index: 200;
   padding: 8px 16px;
-  border-radius: 6px;
-  background: var(--blue);
+  border-radius: var(--radius);
+  background: var(--accent);
   color: #fff;
-  font-size: 14px;
+  font-size: 13px;
   font-weight: 600;
   text-decoration: none;
 }
 
 .skip-link:focus {
   top: 16px;
-  outline: 2px solid var(--cyan);
+  outline: 2px solid var(--accent);
   outline-offset: 2px;
 }
 
@@ -71,19 +95,18 @@ a:hover {
   left: 0;
   right: 0;
   z-index: 100;
-  background: rgba(13, 17, 23, 0.85);
-  backdrop-filter: blur(12px);
+  background: rgba(10, 14, 20, 0.92);
   border-bottom: 1px solid var(--border);
   padding: 0 24px;
 }
 
 .nav-inner {
-  max-width: 1200px;
+  max-width: 1120px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  height: 56px;
+  height: 52px;
 }
 
 .nav-brand {
@@ -91,9 +114,10 @@ a:hover {
   align-items: center;
   gap: 10px;
   font-weight: 600;
-  font-size: 15px;
+  font-size: 14px;
   color: var(--t1);
   text-decoration: none;
+  letter-spacing: -0.01em;
 }
 
 .nav-brand:hover {
@@ -104,7 +128,7 @@ a:hover {
 .nav-logo {
   width: 28px;
   height: 28px;
-  border-radius: 6px;
+  border-radius: var(--radius);
   overflow: hidden;
   display: inline-flex;
   align-items: center;
@@ -124,7 +148,7 @@ a:hover {
 
 .nav-links {
   display: flex;
-  gap: 24px;
+  gap: 20px;
   align-items: center;
 }
 
@@ -132,7 +156,7 @@ a:hover {
   color: var(--t2);
   font-size: 13px;
   text-decoration: none;
-  transition: color 0.2s;
+  transition: color 0.15s;
 }
 
 .nav-links a:hover {
@@ -141,66 +165,75 @@ a:hover {
 }
 
 .btn-nav {
-  padding: 6px 16px;
-  border-radius: 6px;
-  background: var(--blue);
+  padding: 5px 14px;
+  border-radius: var(--radius);
+  background: var(--accent);
   color: #fff !important;
+  font-family: var(--font-mono);
   font-weight: 500;
-  font-size: 13px;
-  transition: opacity 0.2s;
+  font-size: 12px;
+  transition: background 0.15s;
 }
 
 .btn-nav:hover {
-  opacity: 0.9;
+  background: var(--accent-hover);
   text-decoration: none !important;
 }
 
 /* Section base */
 .section {
-  padding: 100px 24px;
+  padding: 96px 24px;
+  position: relative;
+  z-index: 1;
 }
 
 .section-inner {
-  max-width: 1100px;
+  max-width: 1060px;
   margin: 0 auto;
 }
 
 .section-label {
-  font-size: 11px;
-  text-transform: uppercase;
-  letter-spacing: 1.5px;
-  color: var(--blue);
-  font-weight: 600;
-  margin-bottom: 8px;
+  font-family: var(--font-mono);
+  font-size: 12px;
+  color: var(--t3);
+  font-weight: 500;
+  margin-bottom: 10px;
+}
+
+.section-label::before {
+  content: '// ';
+  color: var(--t3);
+  opacity: 0.65;
 }
 
 .section-title {
-  font-size: clamp(28px, 4vw, 40px);
-  font-weight: 700;
-  margin-bottom: 16px;
-  letter-spacing: -0.01em;
+  font-size: clamp(26px, 3.5vw, 36px);
+  font-weight: 600;
+  margin-bottom: 14px;
+  letter-spacing: -0.025em;
+  line-height: 1.2;
 }
 
 .section-desc {
-  font-size: 16px;
+  font-size: 15px;
   color: var(--t2);
-  max-width: 600px;
-  line-height: 1.6;
+  max-width: 560px;
+  line-height: 1.65;
 }
 
 .section-header {
-  margin-bottom: 56px;
+  margin-bottom: 48px;
 }
 
 /* Buttons */
 .btn-hero {
-  padding: 12px 28px;
-  border-radius: 8px;
-  font-size: 15px;
+  padding: 10px 22px;
+  border-radius: var(--radius);
+  font-size: 14px;
   font-weight: 600;
   cursor: pointer;
   border: none;
-  transition: all 0.2s;
+  transition: background 0.15s, border-color 0.15s, color 0.15s;
   text-decoration: none;
   display: inline-flex;
   align-items: center;
@@ -212,34 +245,34 @@ a:hover {
 }
 
 .btn-primary {
-  background: var(--blue);
+  background: var(--accent);
   color: #fff;
 }
 
 .btn-primary:hover {
-  background: #4a96ef;
-  box-shadow: 0 0 20px rgba(88, 166, 255, 0.3);
+  background: var(--accent-hover);
 }
 
 .btn-secondary {
   background: transparent;
   color: var(--t1);
   border: 1px solid var(--border);
+  font-weight: 500;
 }
 
 .btn-secondary:hover {
-  border-color: var(--t2);
+  border-color: var(--t3);
   background: var(--bg1);
 }
 
-/* Animations */
+/* Animations: subtle, not SaaS-bouncy */
 .fade-in {
   opacity: 0;
-  transform: translateY(24px);
+  transform: translateY(10px);
 }
 
 .fade-in.visible {
-  animation: fadeInUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) var(--stagger, 0s) both;
+  animation: fadeInUp 0.5s ease-out var(--stagger, 0s) both;
 }
 
 @keyframes fadeInUp {
@@ -254,6 +287,8 @@ a:hover {
   padding: 32px 24px;
   border-top: 1px solid var(--border);
   text-align: center;
+  position: relative;
+  z-index: 1;
 }
 
 .footer p {
diff --git a/site/css/download.css b/site/css/download.css
new file mode 100644
index 0000000..a759121
--- /dev/null
+++ b/site/css/download.css
@@ -0,0 +1,531 @@
+/* Download page: extends common.css */
+
+.page {
+  max-width: 720px;
+  margin: 0 auto;
+  padding: 96px 24px 60px;
+  position: relative;
+  z-index: 1;
+}
+
+/* Hero */
+.dl-hero {
+  text-align: center;
+  margin-bottom: 40px;
+}
+
+.dl-hero h1 {
+  font-size: clamp(26px, 3.5vw, 36px);
+  font-weight: 600;
+  margin-bottom: 12px;
+  letter-spacing: -0.025em;
+  line-height: 1.2;
+}
+
+.dl-hero h1 .grad {
+  color: var(--accent);
+  -webkit-text-fill-color: var(--accent);
+  background: none;
+}
+
+.dl-hero p {
+  color: var(--t2);
+  font-size: 15px;
+  max-width: 520px;
+  margin: 0 auto;
+  line-height: 1.65;
+}
+
+/* Sections */
+.dl-section {
+  margin-bottom: 32px;
+}
+
+.dl-section-title {
+  font-size: 18px;
+  font-weight: 600;
+  margin-bottom: 12px;
+  letter-spacing: -0.02em;
+  line-height: 1.25;
+}
+
+.dl-section .section-label {
+  margin-bottom: 8px;
+}
+
+/* Main download card */
+.dl-card {
+  border-radius: var(--radius-lg);
+  border: 1px solid var(--border);
+  background: var(--bg1);
+  padding: 28px;
+  margin-bottom: 36px;
+}
+
+.dl-detected {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 20px;
+}
+
+.dl-os-icon {
+  width: 44px;
+  height: 44px;
+  border-radius: var(--radius-lg);
+  background: var(--bg0);
+  border: 1px solid var(--border);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.dl-os-info h2 {
+  font-size: 18px;
+  font-weight: 600;
+  margin-bottom: 2px;
+  letter-spacing: -0.01em;
+}
+
+.dl-os-info p {
+  font-size: 13px;
+  color: var(--t2);
+}
+
+.dl-meta {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 1px;
+  margin-bottom: 20px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius-lg);
+  overflow: hidden;
+  background: var(--border);
+}
+
+.dl-meta-item {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: 12px 14px;
+  background: var(--bg0);
+}
+
+.dl-meta-label {
+  font-family: var(--font-mono);
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: var(--t3);
+}
+
+.dl-meta-value {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--t1);
+}
+
+.dl-meta-value code {
+  font-family: var(--font-mono);
+  background: var(--bg2);
+  padding: 1px 5px;
+  border-radius: 3px;
+  font-size: 11px;
+  color: var(--t1);
+  border: 1px solid var(--border);
+  word-break: break-all;
+}
+
+.btn-download {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  padding: 11px 24px;
+  border-radius: var(--radius);
+  background: var(--accent);
+  color: #fff;
+  font-size: 14px;
+  font-weight: 600;
+  border: none;
+  cursor: pointer;
+  transition: background 0.15s;
+  text-decoration: none;
+}
+
+.btn-download:hover {
+  background: var(--accent-hover);
+  text-decoration: none;
+  color: #fff;
+}
+
+.btn-download svg {
+  flex-shrink: 0;
+}
+
+.dl-actions {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  flex-wrap: wrap;
+  margin-bottom: 20px;
+}
+
+.dl-alt {
+  font-size: 13px;
+  color: var(--t3);
+}
+
+.dl-alt a {
+  color: var(--t2);
+  font-size: 13px;
+}
+
+/* Trust: inside card */
+.trust-list--compact {
+  margin: 0;
+  padding: 16px 0 0;
+  border-top: 1px solid var(--border);
+}
+
+.trust-list--compact li {
+  padding: 5px 0;
+}
+
+.trust-list--compact li span {
+  color: var(--t2);
+  font-size: 13px;
+  line-height: 1.5;
+}
+
+.trust-list--compact code {
+  font-family: var(--font-mono);
+  font-size: 11px;
+  padding: 1px 4px;
+  border-radius: 3px;
+  background: var(--bg0);
+  color: var(--t1);
+  border: 1px solid var(--border);
+}
+
+.dl-verify {
+  margin-top: 10px;
+  font-family: var(--font-mono);
+  font-size: 11px;
+  color: var(--t3);
+  line-height: 1.5;
+}
+
+.dl-verify a {
+  color: var(--t2);
+}
+
+/* Other platforms */
+.dl-others {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-top: 20px;
+  padding-top: 20px;
+  border-top: 1px solid var(--border);
+  text-align: center;
+}
+
+.dl-others-label {
+  font-family: var(--font-mono);
+  font-size: 11px;
+  color: var(--t3);
+  margin-bottom: 10px;
+}
+
+.dl-others-row {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+  justify-content: center;
+}
+
+.btn-other {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 14px;
+  border-radius: var(--radius);
+  border: 1px solid var(--border);
+  background: var(--bg0);
+  color: var(--t2);
+  font-family: var(--font-mono);
+  font-size: 12px;
+  transition: border-color 0.15s, color 0.15s, background 0.15s;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.btn-other:hover {
+  border-color: var(--t3);
+  color: var(--t1);
+  text-decoration: none;
+}
+
+.btn-other.active {
+  border-color: var(--accent);
+  color: var(--accent);
+  background: var(--accent-dim);
+}
+
+/* Install steps */
+.install-steps {
+  list-style: none;
+  counter-reset: step;
+  padding-left: 28px;
+  border-left: 1px solid var(--border);
+  margin: 0;
+}
+
+.install-steps li {
+  counter-increment: step;
+  position: relative;
+  padding: 0 0 20px 16px;
+  font-size: 13px;
+  color: var(--t2);
+  line-height: 1.6;
+}
+
+.install-steps li:last-child {
+  padding-bottom: 0;
+}
+
+.install-steps li::before {
+  content: '0' counter(step);
+  position: absolute;
+  left: -28px;
+  top: 0;
+  font-family: var(--font-mono);
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--t1);
+}
+
+.install-steps li strong {
+  color: var(--t1);
+  font-weight: 600;
+}
+
+.install-steps code {
+  font-family: var(--font-mono);
+  background: var(--bg2);
+  padding: 1px 5px;
+  border-radius: 3px;
+  font-size: 11px;
+  color: var(--t1);
+  border: 1px solid var(--border);
+}
+
+/* OS warning */
+.os-warning {
+  margin-top: 18px;
+  padding: 14px 0 0;
+  border-top: 1px dashed var(--border);
+  display: flex;
+  gap: 10px;
+  align-items: flex-start;
+}
+
+.os-warning svg {
+  flex-shrink: 0;
+  margin-top: 1px;
+}
+
+.os-warning p {
+  font-size: 13px;
+  color: var(--t3);
+  line-height: 1.6;
+}
+
+.os-warning strong {
+  color: var(--yellow);
+  font-weight: 600;
+}
+
+/* Requirements */
+.req-lead {
+  font-size: 14px;
+  color: var(--t2);
+  margin-bottom: 12px;
+  line-height: 1.55;
+}
+
+.req-box {
+  border: 1px solid var(--border);
+  border-radius: var(--radius-lg);
+  background: var(--bg1);
+  overflow: hidden;
+}
+
+.req-row {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 12px 16px;
+  font-size: 13px;
+  border-bottom: 1px solid var(--border);
+}
+
+.req-row:last-child {
+  border-bottom: none;
+}
+
+.req-name {
+  font-weight: 600;
+  color: var(--t1);
+  flex-shrink: 0;
+}
+
+.req-detail {
+  color: var(--t2);
+  text-align: right;
+  line-height: 1.45;
+}
+
+.req-foot {
+  margin-top: 12px;
+  font-size: 13px;
+  color: var(--t3);
+  line-height: 1.55;
+}
+
+.req-box code {
+  font-family: var(--font-mono);
+  background: var(--bg0);
+  padding: 1px 5px;
+  border-radius: 3px;
+  font-size: 11px;
+  color: var(--t1);
+  border: 1px solid var(--border);
+}
+
+/* Trust list (shared) */
+.trust-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.trust-list li {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  font-size: 13px;
+  color: var(--t2);
+  padding: 6px 0;
+}
+
+.trust-list li svg {
+  flex-shrink: 0;
+  margin-top: 2px;
+  opacity: 0.85;
+}
+
+.trust-list li strong {
+  color: var(--t1);
+  font-weight: 600;
+}
+
+/* Install from source */
+.dl-source {
+  margin-bottom: 0;
+}
+
+.source-box {
+  border: 1px solid var(--border);
+  border-radius: var(--radius-lg);
+  background: var(--bg1);
+  overflow: hidden;
+}
+
+.source-code {
+  margin: 0;
+  padding: 16px 18px;
+  background: var(--bg0);
+  border-bottom: 1px solid var(--border);
+  overflow-x: auto;
+}
+
+.source-code code {
+  font-family: var(--font-mono);
+  font-size: 12px;
+  line-height: 1.7;
+  color: var(--t1);
+  white-space: pre;
+}
+
+.source-foot {
+  padding: 12px 18px;
+  font-size: 13px;
+  color: var(--t3);
+  line-height: 1.55;
+  margin: 0;
+}
+
+.source-foot code {
+  font-family: var(--font-mono);
+  font-size: 11px;
+  padding: 1px 4px;
+  border-radius: 3px;
+  background: var(--bg0);
+  color: var(--t1);
+  border: 1px solid var(--border);
+}
+
+/* Divider */
+.dl-divider {
+  height: 1px;
+  background: var(--border);
+  margin: 8px 0 28px;
+}
+
+.hidden {
+  display: none !important;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+  .page {
+    padding: 88px 16px 40px;
+  }
+
+  .dl-card {
+    padding: 20px;
+  }
+
+  .dl-meta {
+    grid-template-columns: 1fr;
+  }
+
+  .dl-hero h1 {
+    font-size: 24px;
+  }
+
+  .dl-actions {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+}
+
+@media (max-width: 480px) {
+  .dl-detected {
+    flex-direction: column;
+    text-align: center;
+  }
+
+  .req-row {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 4px;
+  }
+
+  .req-detail {
+    text-align: left;
+  }
+}
diff --git a/site/css/index.css b/site/css/index.css
index c12e9ca..85632f3 100644
--- a/site/css/index.css
+++ b/site/css/index.css
@@ -1,108 +1,105 @@
 /* Hero */
 .hero {
-  min-height: 100vh;
+  min-height: 92vh;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
-  padding: 120px 24px 80px;
+  padding: 108px 24px 64px;
   position: relative;
   overflow: hidden;
+  z-index: 1;
 }
 
 .hero::before {
   content: '';
   position: absolute;
-  top: -40%;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 800px;
-  height: 800px;
-  background: radial-gradient(circle, rgba(88, 166, 255, 0.08) 0%, rgba(188, 140, 255, 0.04) 40%, transparent 70%);
-  pointer-events: none;
-}
-
-#hero-canvas {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
+  inset: 0;
+  background: radial-gradient(ellipse 55% 45% at 50% 35%, var(--accent-glow) 0%, transparent 65%);
   pointer-events: none;
 }
 
 .hero-content {
   position: relative;
-  max-width: 720px;
+  max-width: 680px;
   z-index: 1;
 }
 
 .hero h1 {
-  font-size: clamp(36px, 6vw, 64px);
-  font-weight: 700;
-  line-height: 1.1;
-  margin-bottom: 20px;
-  letter-spacing: -0.02em;
+  font-size: clamp(34px, 5.5vw, 56px);
+  font-weight: 600;
+  line-height: 1.12;
+  margin-bottom: 18px;
+  letter-spacing: -0.03em;
 }
 
 .hero h1 .grad {
-  background: var(--grad);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
+  color: var(--accent);
+  -webkit-text-fill-color: var(--accent);
+  background: none;
 }
 
 .hero p {
-  font-size: clamp(16px, 2vw, 20px);
+  font-size: clamp(15px, 1.8vw, 17px);
   color: var(--t2);
-  max-width: 600px;
-  margin: 0 auto 36px;
-  line-height: 1.5;
+  max-width: 520px;
+  margin: 0 auto 32px;
+  line-height: 1.65;
 }
 
 .hero-actions {
   display: flex;
-  gap: 12px;
+  gap: 10px;
   justify-content: center;
   flex-wrap: wrap;
 }
 
 .hero-stats {
-  display: flex;
-  gap: 32px;
-  justify-content: center;
-  margin-top: 48px;
-  padding-top: 32px;
-  border-top: 1px solid var(--border);
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 1px;
+  margin-top: 44px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius-lg);
+  overflow: hidden;
+  background: var(--border);
+  max-width: 560px;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 .hero-stat {
   text-align: center;
+  padding: 14px 10px;
+  background: var(--bg1);
 }
 
 .hero-stat .num {
-  font-size: 28px;
-  font-weight: 700;
+  font-family: var(--font-mono);
+  font-size: 14px;
+  font-weight: 600;
   color: var(--t1);
+  letter-spacing: -0.02em;
 }
 
 .hero-stat .label {
-  font-size: 12px;
+  font-family: var(--font-mono);
+  font-size: 10px;
   color: var(--t3);
   text-transform: uppercase;
-  letter-spacing: 0.5px;
+  letter-spacing: 0.04em;
+  margin-top: 2px;
 }
 
-/* Dashboard Preview (window only — tentacles in inline CSS) */
+/* Dashboard Preview */
 .preview {
   width: 100%;
-  padding: 0 24px 80px;
-  margin-top: -40px;
+  padding: 0 24px 72px;
+  margin-top: -24px;
   position: relative;
   z-index: 1;
 }
 
-/* Scales on mobile via inline CSS; desktop = pass-through wrapper */
 .preview-stage {
   width: 100%;
   max-width: 1000px;
@@ -113,27 +110,43 @@
 .preview-window {
   max-width: 1000px;
   margin: 0 auto;
-  border-radius: 12px;
+  border-radius: var(--radius-lg);
   border: 1px solid var(--border);
   overflow: hidden;
-  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(88, 166, 255, 0.06);
+  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
   position: relative;
   z-index: 1;
 }
 
 .preview-bar {
   display: flex;
-  gap: 6px;
-  padding: 10px 14px;
+  align-items: center;
+  gap: 10px;
+  padding: 9px 14px;
   background: var(--bg2);
   border-bottom: 1px solid var(--border);
 }
 
+.preview-dots {
+  display: flex;
+  gap: 6px;
+  flex-shrink: 0;
+}
+
 .preview-dot {
-  width: 10px;
-  height: 10px;
+  width: 9px;
+  height: 9px;
   border-radius: 50%;
-  opacity: 0.8;
+  opacity: 0.75;
+}
+
+.preview-url {
+  flex: 1;
+  font-family: var(--font-mono);
+  font-size: 11px;
+  color: var(--t3);
+  text-align: center;
+  user-select: none;
 }
 
 .preview-img {
@@ -152,30 +165,37 @@
 .pain-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
-  gap: 20px;
-  margin-top: 40px;
+  gap: 12px;
+  margin-top: 36px;
 }
 
 .pain-card {
-  padding: 24px;
-  border-radius: 10px;
+  padding: 20px;
+  border-radius: var(--radius-lg);
   border: 1px solid var(--border);
   background: var(--bg0);
-  transition: all 0.25s;
+  transition: border-color 0.15s;
   position: relative;
-  overflow: hidden;
 }
 
 .pain-card:hover {
-  border-color: rgba(88, 166, 255, 0.25);
-  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
+  border-color: var(--t3);
 }
 
 .pain-icon {
-  margin-bottom: 12px;
+  margin-bottom: 10px;
   display: flex;
   align-items: center;
-  justify-content: center;
+  justify-content: flex-start;
+}
+
+.problem .pain-icon svg {
+  opacity: 0.5;
+}
+
+.hub-grid .pain-icon svg {
+  fill: var(--t2) !important;
+  opacity: 0.75;
 }
 
 .pain-card h3,
@@ -183,10 +203,11 @@
   font-size: 14px;
   font-weight: 600;
   margin-bottom: 6px;
+  letter-spacing: -0.01em;
 }
 
 .hub-grid {
-  max-width: 900px;
+  max-width: 880px;
   margin-left: auto;
   margin-right: auto;
 }
@@ -194,146 +215,88 @@
 .pain-card p {
   font-size: 13px;
   color: var(--t2);
-  line-height: 1.5;
+  line-height: 1.55;
 }
 
 /* Features */
 .features-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
-  gap: 16px;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 12px;
 }
 
 .feat-card {
-  padding: 28px;
-  border-radius: 12px;
+  padding: 22px;
+  border-radius: var(--radius-lg);
   border: 1px solid var(--border);
   background: var(--bg1);
-  transition: all 0.25s;
-  position: relative;
-  overflow: hidden;
+  transition: border-color 0.15s;
+  border-left: 2px solid var(--border-subtle);
 }
 
 .feat-card:hover {
-  border-color: var(--blue);
-  transform: translateY(-2px);
-  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
-}
-
-.feat-card::after {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  height: 2px;
-  background: var(--grad);
-  opacity: 0;
-  transition: opacity 0.25s;
-  z-index: 3;
-}
-
-.feat-card:hover::after {
-  opacity: 1;
-}
-
-.feat-card::before,
-.pain-card::before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  border-radius: inherit;
-  background: radial-gradient(600px circle at var(--mx, 50%) var(--my, 50%), rgba(88, 166, 255, 0.06), transparent 40%);
-  opacity: 0;
-  transition: opacity 0.3s;
-  pointer-events: none;
-  z-index: 1;
-}
-
-.feat-card:hover::before,
-.pain-card:hover::before {
-  opacity: 1;
-}
-
-.feat-card > *,
-.pain-card > * {
-  position: relative;
-  z-index: 2;
+  border-color: var(--border);
+  border-left-color: var(--accent);
 }
 
 .feat-icon {
-  width: 40px;
-  height: 40px;
-  border-radius: 10px;
+  width: 32px;
+  height: 32px;
+  border-radius: var(--radius);
   display: flex;
   align-items: center;
   justify-content: center;
-  margin-bottom: 16px;
-  font-size: 18px;
-}
-
-.feat-icon.blue {
-  background: rgba(88, 166, 255, 0.1);
-  color: var(--blue);
-}
-
-.feat-icon.green {
-  background: rgba(63, 185, 80, 0.1);
-  color: var(--green);
-}
-
-.feat-icon.purple {
-  background: rgba(188, 140, 255, 0.1);
-  color: var(--purple);
-}
-
-.feat-icon.orange {
-  background: rgba(240, 136, 62, 0.1);
-  color: var(--orange);
-}
-
-.feat-icon.yellow {
-  background: rgba(210, 153, 34, 0.1);
-  color: var(--yellow);
+  margin-bottom: 14px;
+  font-size: 16px;
+  background: var(--bg0);
+  border: 1px solid var(--border);
+  color: var(--t2);
+  transition: color 0.15s, border-color 0.15s;
 }
 
-.feat-icon.red {
-  background: rgba(248, 81, 73, 0.1);
-  color: var(--red);
+.feat-card:hover .feat-icon {
+  color: var(--accent);
+  border-color: var(--t3);
 }
 
+.feat-icon.blue,
+.feat-icon.green,
+.feat-icon.purple,
+.feat-icon.orange,
+.feat-icon.yellow,
+.feat-icon.red,
 .feat-icon.cyan {
-  background: rgba(57, 197, 207, 0.1);
-  color: var(--cyan);
+  background: var(--bg0);
+  border: 1px solid var(--border);
+  color: var(--t2);
 }
 
 .feat-card h3 {
-  font-size: 16px;
+  font-size: 15px;
   font-weight: 600;
-  margin-bottom: 8px;
+  margin-bottom: 6px;
+  letter-spacing: -0.01em;
 }
 
 .feat-card p {
   font-size: 13px;
   color: var(--t2);
-  line-height: 1.5;
+  line-height: 1.55;
 }
 
 .feat-tags {
   display: flex;
-  gap: 6px;
+  gap: 5px;
   margin-top: 12px;
   flex-wrap: wrap;
 }
 
 .feat-tag {
-  padding: 2px 8px;
-  border-radius: 4px;
+  padding: 2px 7px;
+  border-radius: 3px;
+  font-family: var(--font-mono);
   font-size: 10px;
-  background: var(--bg2);
+  background: var(--bg0);
   color: var(--t3);
   border: 1px solid var(--border);
 }
@@ -341,48 +304,53 @@
 /* How it works */
 .steps {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
-  gap: 24px;
-  margin-top: 48px;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  gap: 12px;
+  margin-top: 40px;
 }
 
 .step {
-  text-align: center;
-  padding: 32px 24px;
+  text-align: left;
+  padding: 24px 20px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius-lg);
+  background: var(--bg0);
 }
 
 .step-num {
-  width: 48px;
-  height: 48px;
-  border-radius: 50%;
-  background: var(--bg2);
-  border: 2px solid var(--border);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 18px;
-  font-weight: 700;
-  color: var(--blue);
-  margin: 0 auto 16px;
+  font-family: var(--font-mono);
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--t1);
+  margin-bottom: 12px;
+  letter-spacing: 0.05em;
+}
+
+.step-num::before {
+  content: '0';
 }
 
 .step h4 {
-  font-size: 15px;
+  font-size: 14px;
   font-weight: 600;
   margin-bottom: 8px;
+  letter-spacing: -0.01em;
 }
 
 .step p {
   font-size: 13px;
   color: var(--t2);
-  line-height: 1.5;
+  line-height: 1.55;
 }
 
 .step code {
+  font-family: var(--font-mono);
   background: var(--bg2);
-  padding: 2px 6px;
-  border-radius: 4px;
-  font-size: 12px;
+  padding: 1px 5px;
+  border-radius: 3px;
+  font-size: 11px;
+  color: var(--t1);
+  border: 1px solid var(--border);
 }
 
 /* Security panel */
@@ -393,18 +361,39 @@
 }
 
 .security-panel {
-  max-width: 760px;
-  margin: 40px auto 0;
-  border-radius: 12px;
+  max-width: 720px;
+  margin: 36px auto 0;
+  border-radius: var(--radius-lg);
   border: 1px solid var(--border);
   background: var(--bg0);
   overflow: hidden;
-  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22);
 }
 
 .security-panel-accent {
-  height: 2px;
-  background: linear-gradient(90deg, var(--blue), var(--green) 55%, var(--cyan));
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 9px 16px;
+  background: var(--bg2);
+  border-bottom: 1px solid var(--border);
+  font-family: var(--font-mono);
+  font-size: 11px;
+  color: var(--t3);
+  height: auto;
+}
+
+.security-panel-accent::before {
+  content: '● ● ●';
+  letter-spacing: 3px;
+  font-size: 7px;
+  color: var(--t3);
+  opacity: 0.6;
+  flex-shrink: 0;
+}
+
+.security-panel-accent::after {
+  content: '127.0.0.1:3847 / security audit';
+  color: var(--t3);
 }
 
 .security-panel-grid {
@@ -413,7 +402,7 @@
 }
 
 .security-block {
-  padding: 22px 24px;
+  padding: 20px 22px;
   border-right: 1px solid var(--border);
   border-bottom: 1px solid var(--border);
 }
@@ -431,41 +420,34 @@
   display: flex;
   align-items: center;
   gap: 10px;
-  margin-bottom: 14px;
+  margin-bottom: 12px;
 }
 
 .security-block-icon {
-  width: 32px;
-  height: 32px;
-  border-radius: 8px;
+  width: 28px;
+  height: 28px;
+  border-radius: var(--radius);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
+  background: var(--bg0);
+  border: 1px solid var(--border);
+  color: var(--t2);
 }
 
-.security-block-icon.blue {
-  background: rgba(88, 166, 255, 0.12);
-  color: var(--blue);
-}
-
-.security-block-icon.green {
-  background: rgba(63, 185, 80, 0.12);
-  color: var(--green);
-}
-
-.security-block-icon.purple {
-  background: rgba(188, 140, 255, 0.12);
-  color: var(--purple);
-}
-
+.security-block-icon.blue,
+.security-block-icon.green,
+.security-block-icon.purple,
 .security-block-icon.orange {
-  background: rgba(240, 136, 62, 0.12);
-  color: var(--orange);
+  background: var(--bg0);
+  border: 1px solid var(--border);
+  color: var(--t2);
 }
 
 .security-block h3 {
-  font-size: 13px;
+  font-family: var(--font-mono);
+  font-size: 12px;
   font-weight: 600;
   color: var(--t1);
   margin: 0;
@@ -483,7 +465,7 @@
 .security-block--wide .security-list {
   display: grid;
   grid-template-columns: 1fr 1fr;
-  gap: 14px 28px;
+  gap: 12px 24px;
 }
 
 .security-list li {
@@ -496,7 +478,7 @@
   font-size: 13px;
   font-weight: 600;
   color: var(--t1);
-  margin-bottom: 3px;
+  margin-bottom: 2px;
 }
 
 .security-list span {
@@ -507,28 +489,31 @@
 }
 
 .security-list code {
+  font-family: var(--font-mono);
   font-size: 11px;
-  padding: 1px 5px;
-  border-radius: 4px;
+  padding: 1px 4px;
+  border-radius: 3px;
   background: var(--bg2);
-  color: var(--t2);
+  color: var(--t1);
+  border: 1px solid var(--border);
 }
 
 .security-hub {
   display: flex;
   align-items: flex-start;
-  gap: 14px;
-  padding: 16px 24px;
-  background: rgba(57, 197, 207, 0.06);
+  gap: 12px;
+  padding: 14px 22px;
+  background: var(--bg1);
   border-top: 1px solid var(--border);
 }
 
 .security-hub-icon {
-  width: 32px;
-  height: 32px;
-  border-radius: 8px;
-  background: rgba(57, 197, 207, 0.12);
-  color: var(--cyan);
+  width: 28px;
+  height: 28px;
+  border-radius: var(--radius);
+  background: var(--bg0);
+  border: 1px solid var(--border);
+  color: var(--t2);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -556,27 +541,28 @@
 }
 
 .security-hub-tag {
-  display: block;
+  display: inline-block;
+  font-family: var(--font-mono);
   font-size: 10px;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: var(--cyan);
-  margin-top: 2px;
+  font-weight: 500;
+  color: var(--t3);
+  margin-top: 4px;
 }
 
 /* Editors */
 .editors {
   text-align: center;
   padding: 80px 24px;
+  position: relative;
+  z-index: 1;
 }
 
 .editor-logos {
   display: flex;
-  gap: 40px;
+  gap: 32px;
   justify-content: center;
   align-items: center;
-  margin-top: 32px;
+  margin-top: 28px;
   flex-wrap: wrap;
 }
 
@@ -590,90 +576,82 @@
 }
 
 .editor-box {
-  width: 56px;
-  height: 56px;
-  border-radius: 12px;
+  width: 48px;
+  height: 48px;
+  border-radius: var(--radius-lg);
   background: var(--bg1);
   border: 1px solid var(--border);
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 24px;
-  transition: all 0.2s;
+  font-size: 22px;
+  transition: border-color 0.15s;
+  color: var(--t2);
+}
+
+.editor-box svg {
+  fill: currentColor;
 }
 
 .editor-item:hover .editor-box {
-  border-color: var(--blue);
-  transform: scale(1.05);
+  border-color: var(--t3);
+  color: var(--accent);
 }
 
 /* CTA */
 .cta {
   text-align: center;
-  padding: 100px 24px;
+  padding: 88px 24px;
+  position: relative;
+  z-index: 1;
 }
 
 .cta-box {
-  max-width: 640px;
+  max-width: 580px;
   margin: 0 auto;
-  padding: 48px 40px;
-  border-radius: 16px;
+  padding: 40px 36px;
+  border-radius: var(--radius-lg);
   border: 1px solid var(--border);
   background: var(--bg1);
-  position: relative;
-  overflow: hidden;
-}
-
-.cta-box::before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  height: 2px;
-  background: var(--grad);
 }
 
 .cta-box h2 {
-  font-size: 28px;
-  font-weight: 700;
-  margin-bottom: 12px;
+  font-size: 24px;
+  font-weight: 600;
+  margin-bottom: 10px;
+  letter-spacing: -0.02em;
 }
 
 .cta-box > p {
   color: var(--t2);
-  margin-bottom: 28px;
-  font-size: 15px;
+  margin-bottom: 24px;
+  font-size: 14px;
+  line-height: 1.6;
 }
 
 .cta-actions {
-  margin-top: 24px;
+  margin-top: 20px;
   display: flex;
-  gap: 12px;
+  gap: 10px;
   flex-wrap: wrap;
   justify-content: center;
 }
 
-.cta-footnote {
-  font-size: 12px;
-  color: var(--t3);
-  margin-top: 16px;
-}
-
 .platforms {
   display: flex;
-  gap: 12px;
+  gap: 8px;
   justify-content: center;
-  margin-top: 20px;
+  margin-top: 18px;
 }
 
 .plat {
-  padding: 4px 12px;
-  border-radius: 6px;
+  padding: 3px 10px;
+  border-radius: var(--radius);
   border: 1px solid var(--border);
-  background: var(--bg2);
-  font-size: 11px;
-  color: var(--t2);
+  background: var(--bg0);
+  font-family: var(--font-mono);
+  font-size: 10px;
+  color: var(--t3);
   display: flex;
   align-items: center;
   gap: 5px;
@@ -693,7 +671,7 @@
 
   .hero {
     min-height: auto;
-    padding: 100px 20px 60px;
+    padding: 96px 20px 48px;
   }
 
   .hero h1 {
@@ -705,12 +683,11 @@
   }
 
   .hero-stats {
-    flex-direction: column;
-    gap: 16px;
+    grid-template-columns: 1fr 1fr;
   }
 
   .section {
-    padding: 60px 0;
+    padding: 64px 0;
   }
 
   .section-inner {
@@ -726,7 +703,7 @@
   }
 
   .feat-card {
-    padding: 20px;
+    padding: 18px;
   }
 
   .pain-grid {
@@ -759,11 +736,11 @@
   }
 
   .cta-box {
-    padding: 48px 20px;
+    padding: 32px 20px;
   }
 
   .cta-box h2 {
-    font-size: 24px;
+    font-size: 22px;
   }
 
   .platforms {
@@ -772,8 +749,8 @@
   }
 
   .preview {
-    padding: 0 16px 60px;
-    margin-top: -20px;
+    padding: 0 16px 56px;
+    margin-top: -12px;
     display: flex;
     justify-content: center;
     overflow-x: clip;
@@ -790,12 +767,16 @@
     font-size: 24px;
   }
 
+  .hero-stats {
+    grid-template-columns: 1fr 1fr;
+  }
+
   .pain-grid {
     grid-template-columns: 1fr;
   }
 
   .pain-card {
-    padding: 18px;
+    padding: 16px;
   }
 
   .nav-inner {
@@ -805,11 +786,12 @@
   .editor-logos {
     gap: 16px;
   }
-
 }
 
 @media (prefers-reduced-motion: reduce) {
-  #hero-canvas {
-    display: none;
+  .fade-in {
+    opacity: 1;
+    transform: none;
+    animation: none;
   }
 }
diff --git a/site/download.html b/site/download.html
index 1bd1f92..c1f95cb 100644
--- a/site/download.html
+++ b/site/download.html
@@ -10,10 +10,12 @@
   <meta name="robots" content="index, follow">
   <link rel="manifest" href="./manifest.json">
   <link rel="canonical" href="https://www.gitdock.dev/download.html">
-  <meta name="theme-color" content="#0d1117">
+  <meta name="theme-color" content="#0a0e14">
+  <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=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="./css/common.css">
-
-  <!-- Open Graph -->
+  <link rel="stylesheet" href="./css/download.css">
   <meta property="og:type" content="website">
   <meta property="og:site_name" content="GitDock">
   <meta property="og:title" content="Download GitDock | Free, Local Git Dashboard">
@@ -24,173 +26,68 @@
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:image:alt" content="GitDock logo">
-
-  <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:title" content="Download GitDock | Free, Local Git Dashboard">
   <meta name="twitter:description" content="Download GitDock for Windows, macOS, or Linux. Free, open-source, runs locally.">
   <meta name="twitter:image" content="https://www.gitdock.dev/og-card-white.png">
   <meta name="twitter:image:alt" content="GitDock logo">
-
-  <style>
-    :root{--bg0:#0d1117;--bg1:#161b22;--bg2:#21262d;--bg3:#30363d;--border:#30363d;--t1:#e6edf3;--t2:#8b949e;--t3:#6e7681;--blue:#58a6ff;--green:#3fb950;--yellow:#d29922;--red:#f85149;--purple:#bc8cff;--orange:#f0883e;--cyan:#39c5cf;--grad:linear-gradient(135deg,#58a6ff,#bc8cff)}
-    *{margin:0;padding:0;box-sizing:border-box}
-    html{scroll-behavior:smooth}
-    body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg0);color:var(--t1);line-height:1.6;overflow-x:hidden}
-    a{color:var(--blue);text-decoration:none}
-    a:hover{text-decoration:underline}
-
-    /* Navigation */
-    .nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(13,17,23,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 24px}
-    .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px}
-    .nav-brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;color:var(--t1);text-decoration:none}
-    .nav-brand:hover{text-decoration:none;color:var(--t1)}
-    .nav-logo{width:28px;height:28px;border-radius:6px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;transform:scale(1.25);transform-origin:center}
-    .nav-logo img{width:100%;height:100%;object-fit:cover;transform:scale(1.25);transform-origin:center}
-    .nav-links{display:flex;gap:24px;align-items:center}
-    .nav-links a{color:var(--t2);font-size:13px;text-decoration:none;transition:color .2s}
-    .nav-links a:hover{color:var(--t1);text-decoration:none}
-    .btn-nav{padding:6px 16px;border-radius:6px;background:var(--blue);color:#fff!important;font-weight:500;font-size:13px;transition:opacity .2s}
-    .btn-nav:hover{opacity:.9;text-decoration:none!important}
-
-    /* Page */
-    .page{max-width:800px;margin:0 auto;padding:100px 24px 60px}
-
-    /* Hero download */
-    .dl-hero{text-align:center;margin-bottom:56px}
-    .dl-hero h1{font-size:clamp(28px,4vw,40px);font-weight:700;margin-bottom:12px;letter-spacing:-.01em}
-    .dl-hero h1 .grad{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
-    .dl-hero p{color:var(--t2);font-size:16px;max-width:560px;margin:0 auto}
-
-    /* Main download card */
-    .dl-card{border-radius:12px;border:1px solid var(--border);background:var(--bg1);padding:36px;margin-bottom:32px;position:relative;overflow:hidden}
-    .dl-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad)}
-
-    .dl-detected{display:flex;align-items:center;gap:12px;margin-bottom:24px}
-    .dl-os-icon{width:48px;height:48px;border-radius:12px;background:var(--bg2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
-    .dl-os-info h2{font-size:20px;font-weight:600;margin-bottom:2px}
-    .dl-os-info p{font-size:13px;color:var(--t2)}
-
-    .dl-meta{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:24px;padding:16px;border-radius:8px;background:var(--bg0);border:1px solid var(--border)}
-    .dl-meta-item{display:flex;flex-direction:column}
-    .dl-meta-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--t3);margin-bottom:2px}
-    .dl-meta-value{font-size:14px;font-weight:500;color:var(--t1)}
-    .dl-meta-value code{background:var(--bg2);padding:2px 6px;border-radius:4px;font-size:12px}
-
-    .btn-download{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:8px;background:var(--blue);color:#fff;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .2s;text-decoration:none}
-    .btn-download:hover{background:#4a96ef;box-shadow:0 0 24px rgba(88,166,255,.3);text-decoration:none;color:#fff}
-    .btn-download svg{flex-shrink:0}
-
-    .dl-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
-    .dl-alt{font-size:13px;color:var(--t3)}
-    .dl-alt a{color:var(--t2);font-size:13px}
-
-    /* Other platforms */
-    .dl-others{display:flex;flex-direction:column;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--border);text-align:center}
-    .dl-others-label{font-size:12px;color:var(--t3);margin-bottom:10px}
-    .dl-others-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
-    .btn-other{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;border:1px solid var(--border);background:var(--bg2);color:var(--t2);font-size:13px;transition:all .2s;text-decoration:none;cursor:pointer}
-    .btn-other:hover{border-color:var(--t3);color:var(--t1);text-decoration:none}
-    .btn-other.active{border-color:var(--blue);color:var(--blue)}
-
-    /* Steps */
-    .dl-section{margin-bottom:32px}
-    .dl-section h3{font-size:16px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}
-    .dl-section h3 svg{flex-shrink:0}
-
-    .install-steps{list-style:none;counter-reset:step;padding-left:32px;border-left:2px solid var(--border);margin:0}
-    .install-steps li{counter-increment:step;position:relative;padding:0 0 24px 20px;font-size:14px;color:var(--t2);line-height:1.6}
-    .install-steps li:last-child{padding-bottom:0}
-    .install-steps li::before{content:counter(step);position:absolute;left:-43px;top:0;width:24px;height:24px;border-radius:50%;background:var(--bg0);border:2px solid var(--blue);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--blue)}
-    .install-steps li strong{color:var(--t1);font-weight:500}
-    .install-steps code{background:var(--bg2);padding:2px 6px;border-radius:4px;font-size:12px;color:var(--blue)}
-
-    /* OS warning */
-    .os-warning{margin-top:20px;padding:14px 0 0;border-top:1px dashed var(--border);display:flex;gap:10px;align-items:flex-start}
-    .os-warning svg{flex-shrink:0;margin-top:1px}
-    .os-warning p{font-size:13px;color:var(--t3);line-height:1.6}
-    .os-warning strong{color:var(--yellow);font-weight:500}
-
-    /* Requirements */
-    .req-lead{font-size:14px;color:var(--t2);margin-bottom:14px;line-height:1.55}
-    .req-box{border:1px solid var(--border);border-radius:8px;background:var(--bg1);overflow:hidden}
-    .req-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:12px 16px;font-size:14px;border-bottom:1px solid var(--border)}
-    .req-row:last-child{border-bottom:none}
-    .req-name{font-weight:600;color:var(--t1);flex-shrink:0}
-    .req-detail{color:var(--t2);text-align:right;line-height:1.45}
-    .req-foot{margin-top:12px;font-size:13px;color:var(--t3);line-height:1.55}
-    .req-foot strong{color:var(--t2);font-weight:500}
-    .req-box code{background:var(--bg0);padding:1px 5px;border-radius:4px;font-size:12px;color:var(--blue)}
-
-    /* Trust */
-    .trust-list{list-style:none;margin:0;padding:0}
-    .trust-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--t2);padding:6px 0}
-    .trust-list li svg{flex-shrink:0}
-    .trust-list li strong{color:var(--t1);font-weight:500}
-
-    /* Divider */
-    .dl-divider{height:1px;background:var(--border);margin:8px 0 32px}
-
-    /* Footer */
-    .footer{padding:32px 24px;border-top:1px solid var(--border);text-align:center}
-    .footer p{font-size:12px;color:var(--t3)}
-    .footer-links{margin-bottom:8px}
-    .footer-links a{color:var(--t3);margin:0 8px;font-size:12px;text-decoration:none}
-    .footer-links a:hover{color:var(--t1)}
-
-    /* Hidden */
-    .hidden{display:none!important}
-
-    /* Responsive */
-    @media(max-width:768px){
-      .nav-links a:not(.btn-nav){display:none}
-      .page{padding:80px 16px 40px}
-      .dl-card{padding:24px}
-      .dl-meta{gap:16px}
-      .dl-hero h1{font-size:24px}
-      .dl-actions{flex-direction:column;align-items:flex-start}
-    }
-    @media(max-width:480px){
-      .dl-detected{flex-direction:column;text-align:center}
-      .req-row{flex-direction:column;align-items:flex-start;gap:4px}
-      .req-detail{text-align:left}
-    }
-  </style>
 </head>
 <body>
 
-<!-- Navigation -->
-<nav class="nav">
+<a class="skip-link" href="#main">Skip to content</a>
+
+<nav class="nav" aria-label="Main">
   <div class="nav-inner">
-    <a href="./index.html" class="nav-brand">
+    <a href="./" class="nav-brand">
       <span class="nav-logo"><img src="./gitdock-logo.png" alt="GitDock"></span>
       GitDock
     </a>
     <div class="nav-links">
-      <a href="./index.html#features">Features</a>
-      <a href="./index.html#hub">Hub</a>
+      <a href="./#features">Features</a>
+      <a href="./#hub">Hub</a>
       <a href="https://github.com/gitdock-dev/gitdock" target="_blank" rel="noopener">GitHub</a>
       <a href="https://github.com/gitdock-dev/gitdock/releases" target="_blank" rel="noopener" class="btn-nav">All Releases</a>
     </div>
   </div>
 </nav>
 
-<div class="page">
+<div class="page" id="main">
 
-  <!-- Hero -->
   <div class="dl-hero">
     <h1>Download <span class="grad">GitDock</span></h1>
     <p>Free, open-source, runs on your machine only. No GitDock signup; no data collected.</p>
   </div>
 
+  <!-- Prerequisites first -->
+  <section class="dl-section" aria-labelledby="req-title">
+    <p class="section-label" id="req-label">Before you start</p>
+    <h2 class="dl-section-title" id="req-title">Standalone zip, no Node.js required</h2>
+    <p class="req-lead">You still need these on your computer before the app can manage repos:</p>
+    <div class="req-box">
+      <div class="req-row">
+        <span class="req-name">Git</span>
+        <span class="req-detail">clone, pull, commit, push</span>
+      </div>
+      <div class="req-row">
+        <span class="req-name">GitHub CLI (<code>gh</code>)</span>
+        <span class="req-detail">list repos, GitHub API</span>
+      </div>
+      <div class="req-row">
+        <span class="req-name">SSH to GitHub</span>
+        <span class="req-detail">guided in the app per account</span>
+      </div>
+    </div>
+    <p class="req-foot">Full prerequisite commands: <a href="https://github.com/gitdock-dev/gitdock#prerequisites" target="_blank" rel="noopener">README</a>.</p>
+  </section>
+
   <!-- Main download card -->
   <div class="dl-card">
     <div class="dl-detected">
       <div class="dl-os-icon">
-          <svg class="os-icon-svg" data-os="windows-x64" width="24" height="24" viewBox="0 0 16 16" fill="var(--blue)"><path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h4v6.5H1V2.5ZM1 9h5.5v6H2.5A1.5 1.5 0 0 1 1 13.5V9Zm7.5 6V9H15v4.5a1.5 1.5 0 0 1-1.5 1.5H8.5ZM15 7.5H8.5V1h5A1.5 1.5 0 0 1 15 2.5v5Z"/></svg>
-          <svg class="os-icon-svg hidden" data-os="macos-x64" width="24" height="24" viewBox="0 0 16 16" fill="var(--blue)"><path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm0 14.5a6.5 6.5 0 1 1 0-13 6.5 6.5 0 0 1 0 13Z"/></svg>
-          <svg class="os-icon-svg hidden" data-os="linux-x64" width="24" height="24" viewBox="0 0 16 16" fill="var(--blue)"><path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm3.5 9H8.25a.75.75 0 0 1-.75-.75V4.5a.75.75 0 0 1 1.5 0v3h2.5a.75.75 0 0 1 0 1.5Z"/></svg>
-        </div>
+        <svg class="os-icon-svg" data-os="windows-x64" width="24" height="24" viewBox="0 0 16 16" fill="var(--accent)" aria-hidden="true"><path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h4v6.5H1V2.5ZM1 9h5.5v6H2.5A1.5 1.5 0 0 1 1 13.5V9Zm7.5 6V9H15v4.5a1.5 1.5 0 0 1-1.5 1.5H8.5ZM15 7.5H8.5V1h5A1.5 1.5 0 0 1 15 2.5v5Z"/></svg>
+        <svg class="os-icon-svg hidden" data-os="macos-x64" width="24" height="24" viewBox="0 0 16 16" fill="var(--accent)" aria-hidden="true"><path d="M12.786 1.258C11.536.88 10.698 1.845 9.982 2.528c-.695.665-1.782 1.268-2.646 1.268-.806 0-1.529-.64-2.516-.59-1.082.055-2.087.652-2.692 1.532-.926 1.352-1.671 3.856-.691 5.543.692 1.186 1.963 1.932 3.354 1.937 1.035-.015 1.963-.679 2.692-.679.729 0 1.856.837 3.021.721.517-.022 1.978-.208 2.916-1.612-.076-.045-1.743-1.02-1.764-3.043-.021-1.918 1.498-2.836 1.566-2.887-.855-1.253-2.185-1.398-2.653-1.425ZM10.025 0c-.072 1.044.381 2.127 1.14 2.808.761.682 2.012 1.206 3.053 1.132.09-1.018-.353-2.078-1.103-2.772-.749-.695-1.992-1.239-3.09-1.168Z"/></svg>
+        <svg class="os-icon-svg hidden" data-os="linux-x64" width="24" height="24" viewBox="0 0 16 16" fill="var(--accent)" aria-hidden="true"><path d="M0 2.75C0 1.784.784 1 1.75 1h12.5c.966 0 1.75.784 1.75 1.75v8.5c0 .966-.784 1.75-1.75 1.75H1.75A1.75 1.75 0 0 1 0 11.25v-8.5ZM4.05 5.25a.75.75 0 0 1 1.06 0L7 7.19l1.89-1.94a.75.75 0 1 1 1.08 1.04L7.54 8.72a.75.75 0 0 1-1.08 0L4.05 6.29a.75.75 0 0 1 0-1.04ZM4.5 10.5a.75.75 0 0 0 0 1.5h7a.75.75 0 0 0 0-1.5h-7Z"/></svg>
+      </div>
       <div class="dl-os-info">
         <h2 id="os-title">Detecting your system...</h2>
         <p id="os-subtitle"></p>
@@ -207,141 +104,113 @@ <h2 id="os-title">Detecting your system...</h2>
         <span class="dl-meta-value" id="meta-version">Latest</span>
       </div>
       <div class="dl-meta-item">
-        <span class="dl-meta-label">Type</span>
-        <span class="dl-meta-value">Standalone executable (.zip)</span>
-      </div>
-      <div class="dl-meta-item">
-        <span class="dl-meta-label">License</span>
-        <span class="dl-meta-value">Apache 2.0</span>
+        <span class="dl-meta-label">Size</span>
+        <span class="dl-meta-value" id="meta-size">n/a</span>
       </div>
     </div>
 
     <div class="dl-actions">
       <a id="btn-download" href="https://github.com/gitdock-dev/gitdock/releases" class="btn-download">
-        <svg width="20" height="20" viewBox="0 0 16 16" fill="currentColor"><path d="M2.75 14A1.75 1.75 0 0 1 1 12.25v-2.5a.75.75 0 0 1 1.5 0v2.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25v-2.5a.75.75 0 0 1 1.5 0v2.5A1.75 1.75 0 0 1 13.25 14ZM7.25 7.689V2a.75.75 0 0 1 1.5 0v5.689l1.97-1.969a.749.749 0 1 1 1.06 1.06l-3.25 3.25a.749.749 0 0 1-1.06 0L4.22 6.78a.749.749 0 1 1 1.06-1.06l1.97 1.969Z"/></svg>
+        <svg width="20" height="20" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M2.75 14A1.75 1.75 0 0 1 1 12.25v-2.5a.75.75 0 0 1 1.5 0v2.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25v-2.5a.75.75 0 0 1 1.5 0v2.5A1.75 1.75 0 0 1 13.25 14ZM7.25 7.689V2a.75.75 0 0 1 1.5 0v5.689l1.97-1.969a.749.749 0 1 1 1.06 1.06l-3.25 3.25a.749.749 0 0 1-1.06 0L4.22 6.78a.749.749 0 1 1 1.06-1.06l1.97 1.969Z"/></svg>
         <span id="btn-download-text">Download for your system</span>
       </a>
       <span class="dl-alt">or <a href="https://github.com/gitdock-dev/gitdock/releases" target="_blank" rel="noopener">view all releases on GitHub</a></span>
     </div>
 
+    <ul class="trust-list trust-list--compact" aria-label="Why it's safe">
+      <li>
+        <svg width="14" height="14" viewBox="0 0 16 16" fill="var(--green)" aria-hidden="true"><path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.75.75 0 0 1 1.06-1.06L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"/></svg>
+        <span><strong>Open source</strong>: built by GitHub Actions, inspect on <a href="https://github.com/gitdock-dev/gitdock" target="_blank" rel="noopener">GitHub</a></span>
+      </li>
+      <li>
+        <svg width="14" height="14" viewBox="0 0 16 16" fill="var(--green)" aria-hidden="true"><path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.75.75 0 0 1 1.06-1.06L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"/></svg>
+        <span><strong>Local only</strong>: binds to <code>127.0.0.1</code>, nothing exposed to your network</span>
+      </li>
+      <li>
+        <svg width="14" height="14" viewBox="0 0 16 16" fill="var(--green)" aria-hidden="true"><path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.75.75 0 0 1 1.06-1.06L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"/></svg>
+        <span><strong>No tracking</strong>: no analytics, ads, or data collection</span>
+      </li>
+    </ul>
+    <p class="dl-verify">Verify downloads on <a href="https://github.com/gitdock-dev/gitdock/releases" target="_blank" rel="noopener">GitHub Releases</a> (asset details &amp; release notes).</p>
+
     <div class="dl-others">
       <div class="dl-others-label">Also available for:</div>
       <div class="dl-others-row">
-      <button class="btn-other" data-platform="windows-x64" id="btn-windows">
-        <svg width="14" height="14" viewBox="0 0 16 16" fill="currentColor"><path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h4v6.5H1V2.5ZM1 9h5.5v6H2.5A1.5 1.5 0 0 1 1 13.5V9Zm7.5 6V9H15v4.5a1.5 1.5 0 0 1-1.5 1.5H8.5ZM15 7.5H8.5V1h5A1.5 1.5 0 0 1 15 2.5v5Z"/></svg>
-        Windows
-      </button>
-      <button class="btn-other" data-platform="macos-x64" id="btn-macos">
-        <svg width="14" height="14" viewBox="0 0 16 16" fill="currentColor"><path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm0 14.5a6.5 6.5 0 1 1 0-13 6.5 6.5 0 0 1 0 13Z"/></svg>
-        macOS
-      </button>
-      <button class="btn-other" data-platform="linux-x64" id="btn-linux">
-        <svg width="14" height="14" viewBox="0 0 16 16" fill="currentColor"><path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm3.5 9H8.25a.75.75 0 0 1-.75-.75V4.5a.75.75 0 0 1 1.5 0v3h2.5a.75.75 0 0 1 0 1.5Z"/></svg>
-        Linux
-      </button>
-      </div>
-    </div>
-  </div>
-
-  <!-- Requirements (before install steps) -->
-  <div class="dl-section">
-    <h3>
-      <svg width="18" height="18" viewBox="0 0 16 16" fill="var(--green)"><path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.75.75 0 0 1 1.06-1.06L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"/></svg>
-      Before you start
-    </h3>
-    <p class="req-lead">Standalone zip (no Node.js). On your computer:</p>
-    <div class="req-box">
-      <div class="req-row">
-        <span class="req-name">Git</span>
-        <span class="req-detail">clone, pull, commit, push</span>
-      </div>
-      <div class="req-row">
-        <span class="req-name">GitHub CLI (<code>gh</code>)</span>
-        <span class="req-detail">list repos, GitHub API</span>
-      </div>
-      <div class="req-row">
-        <span class="req-name">SSH to GitHub</span>
-        <span class="req-detail">guided in the app per account</span>
+        <button type="button" class="btn-other" data-platform="windows-x64" id="btn-windows">
+          <svg width="14" height="14" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h4v6.5H1V2.5ZM1 9h5.5v6H2.5A1.5 1.5 0 0 1 1 13.5V9Zm7.5 6V9H15v4.5a1.5 1.5 0 0 1-1.5 1.5H8.5ZM15 7.5H8.5V1h5A1.5 1.5 0 0 1 15 2.5v5Z"/></svg>
+          Windows
+        </button>
+        <button type="button" class="btn-other" data-platform="macos-x64" id="btn-macos">
+          <svg width="14" height="14" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M12.786 1.258C11.536.88 10.698 1.845 9.982 2.528c-.695.665-1.782 1.268-2.646 1.268-.806 0-1.529-.64-2.516-.59-1.082.055-2.087.652-2.692 1.532-.926 1.352-1.671 3.856-.691 5.543.692 1.186 1.963 1.932 3.354 1.937 1.035-.015 1.963-.679 2.692-.679.729 0 1.856.837 3.021.721.517-.022 1.978-.208 2.916-1.612-.076-.045-1.743-1.02-1.764-3.043-.021-1.918 1.498-2.836 1.566-2.887-.855-1.253-2.185-1.398-2.653-1.425ZM10.025 0c-.072 1.044.381 2.127 1.14 2.808.761.682 2.012 1.206 3.053 1.132.09-1.018-.353-2.078-1.103-2.772-.749-.695-1.992-1.239-3.09-1.168Z"/></svg>
+          macOS
+        </button>
+        <button type="button" class="btn-other" data-platform="linux-x64" id="btn-linux">
+          <svg width="14" height="14" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M0 2.75C0 1.784.784 1 1.75 1h12.5c.966 0 1.75.784 1.75 1.75v8.5c0 .966-.784 1.75-1.75 1.75H1.75A1.75 1.75 0 0 1 0 11.25v-8.5ZM4.05 5.25a.75.75 0 0 1 1.06 0L7 7.19l1.89-1.94a.75.75 0 1 1 1.08 1.04L7.54 8.72a.75.75 0 0 1-1.08 0L4.05 6.29a.75.75 0 0 1 0-1.04ZM4.5 10.5a.75.75 0 0 0 0 1.5h7a.75.75 0 0 0 0-1.5h-7Z"/></svg>
+          Linux
+        </button>
       </div>
     </div>
-    <p class="req-foot">Install from source needs Node.js — <a href="https://github.com/gitdock-dev/gitdock#prerequisites" target="_blank" rel="noopener">README prerequisites</a>.</p>
   </div>
 
-  <div class="dl-divider"></div>
-
   <!-- Installation steps -->
-  <div class="dl-section" id="install-section">
-    <h3>
-      <svg width="18" height="18" viewBox="0 0 16 16" fill="var(--blue)"><path d="M7.775 3.275a.75.75 0 0 0 1.06 1.06l1.25-1.25a2 2 0 1 1 2.83 2.83l-2.5 2.5a2 2 0 0 1-2.83 0 .75.75 0 0 0-1.06 1.06 3.5 3.5 0 0 0 4.95 0l2.5-2.5a3.5 3.5 0 0 0-4.95-4.95l-1.25 1.25Zm-.025 5.45a.75.75 0 0 0-1.06-1.06l-1.25 1.25a2 2 0 1 1-2.83-2.83l2.5-2.5a2 2 0 0 1 2.83 0 .75.75 0 0 0 1.06-1.06 3.5 3.5 0 0 0-4.95 0l-2.5 2.5a3.5 3.5 0 0 0 4.95 4.95l1.25-1.25Z"/></svg>
-      How to install
-    </h3>
+  <section class="dl-section" id="install-section" aria-labelledby="install-title">
+    <p class="section-label">How to install</p>
+    <h2 class="dl-section-title" id="install-title">On Windows</h2>
 
-    <!-- Windows steps -->
     <div id="steps-windows">
       <ol class="install-steps">
-        <li>Download the <strong>.zip</strong> file above</li>
+        <li>Use the <strong>download button</strong> at the top of this page to get the <strong>.zip</strong></li>
         <li>Extract the zip to a folder of your choice (e.g. <code>C:\GitDock</code>)</li>
         <li>Run <strong>gitdock.exe</strong> → browser opens at <code>localhost:3847</code></li>
         <li>First run: choose a <strong>workspace</strong>, then <strong>Add Account</strong> (in-app setup)</li>
       </ol>
       <div class="os-warning">
-        <svg width="14" height="14" viewBox="0 0 16 16" fill="var(--yellow)"><path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"/></svg>
+        <svg width="14" height="14" viewBox="0 0 16 16" fill="var(--yellow)" aria-hidden="true"><path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"/></svg>
         <p><strong>SmartScreen</strong> may warn (unsigned build): More info → Run anyway. <a href="https://github.com/gitdock-dev/gitdock" target="_blank" rel="noopener">Source on GitHub</a>.</p>
       </div>
     </div>
 
-    <!-- macOS steps -->
     <div id="steps-macos" class="hidden">
       <ol class="install-steps">
-        <li>Download the <strong>.zip</strong> file above</li>
+        <li>Use the <strong>download button</strong> at the top of this page to get the <strong>.zip</strong></li>
         <li>Extract the zip (double-click or <code>unzip gitdock-macos-x64.zip</code>)</li>
         <li>Run <code>./gitdock</code> in Terminal → <code>localhost:3847</code></li>
         <li>First run: choose a <strong>workspace</strong>, then <strong>Add Account</strong> (in-app setup)</li>
       </ol>
       <div class="os-warning">
-        <svg width="14" height="14" viewBox="0 0 16 16" fill="var(--yellow)"><path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"/></svg>
-        <p><strong>Gatekeeper</strong> may block: Privacy & Security → Open Anyway, or <code>xattr -cr ./gitdock</code>. <a href="https://github.com/gitdock-dev/gitdock" target="_blank" rel="noopener">Source on GitHub</a>.</p>
+        <svg width="14" height="14" viewBox="0 0 16 16" fill="var(--yellow)" aria-hidden="true"><path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"/></svg>
+        <p><strong>Gatekeeper</strong> may block: Privacy &amp; Security → Open Anyway, or <code>xattr -cr ./gitdock</code>. <a href="https://github.com/gitdock-dev/gitdock" target="_blank" rel="noopener">Source on GitHub</a>.</p>
       </div>
     </div>
 
-    <!-- Linux steps -->
     <div id="steps-linux" class="hidden">
       <ol class="install-steps">
-        <li>Download the <strong>.zip</strong> file above</li>
+        <li>Use the <strong>download button</strong> at the top of this page to get the <strong>.zip</strong></li>
         <li>Extract: <code>unzip gitdock-linux-x64.zip</code></li>
         <li><code>chmod +x gitdock</code>, then <code>./gitdock</code> → <code>localhost:3847</code></li>
         <li>First run: choose a <strong>workspace</strong>, then <strong>Add Account</strong> (in-app setup)</li>
       </ol>
     </div>
-  </div>
+  </section>
 
   <div class="dl-divider"></div>
 
-  <!-- Trust / Why it's safe -->
-  <div class="dl-section">
-    <h3>
-      <svg width="18" height="18" viewBox="0 0 16 16" fill="var(--purple)"><path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm3.28 5.78-4 4a.75.75 0 0 1-1.06 0l-2-2a.75.75 0 0 1 1.06-1.06L6.75 8.19l3.47-3.47a.75.75 0 0 1 1.06 1.06Z"/></svg>
-      Why it's safe
-    </h3>
-    <ul class="trust-list">
-      <li>
-        <svg width="14" height="14" viewBox="0 0 16 16" fill="var(--green)"><path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.75.75 0 0 1 1.06-1.06L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"/></svg>
-        <strong>Open source</strong> on <a href="https://github.com/gitdock-dev/gitdock" target="_blank" rel="noopener">GitHub</a>; releases built by GitHub Actions
-      </li>
-      <li>
-        <svg width="14" height="14" viewBox="0 0 16 16" fill="var(--green)"><path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.75.75 0 0 1 1.06-1.06L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"/></svg>
-        <strong>Local only</strong>: 127.0.0.1, no exposure to your network
-      </li>
-      <li>
-        <svg width="14" height="14" viewBox="0 0 16 16" fill="var(--green)"><path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.75.75 0 0 1 1.06-1.06L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"/></svg>
-        <strong>No tracking</strong>: no analytics, ads, or data collection
-      </li>
-    </ul>
-  </div>
+  <!-- Install from source -->
+  <section class="dl-section dl-source" aria-labelledby="source-title">
+    <p class="section-label">Alternative</p>
+    <h2 class="dl-section-title" id="source-title">Install from source</h2>
+    <p class="req-lead">Prefer cloning the repo or hacking on GitDock? You need Node.js 18+.</p>
+    <div class="source-box">
+      <pre class="source-code"><code>git clone https://github.com/gitdock-dev/gitdock.git
+cd gitdock
+npm install
+node server.js</code></pre>
+      <p class="source-foot">Opens at <code>localhost:3847</code>. See the <a href="https://github.com/gitdock-dev/gitdock#step-by-step-installation-developer" target="_blank" rel="noopener">developer setup</a> in the README.</p>
+    </div>
+  </section>
 
 </div>
 
-<!-- Footer -->
 <footer class="footer">
   <div class="footer-links">
     <a href="https://github.com/gitdock-dev/gitdock" target="_blank" rel="noopener">GitHub</a>
@@ -358,7 +227,6 @@ <h3>
 
   var REPO = 'https://github.com/gitdock-dev/gitdock';
 
-  // Platform detection — userAgent only (navigator.platform is deprecated)
   var ua = navigator.userAgent || '';
   var platform = 'linux-x64';
   if (/Windows/i.test(ua)) platform = 'windows-x64';
@@ -370,65 +238,76 @@ <h3>
     'linux-x64':   { name: 'Linux',   steps: 'steps-linux' }
   };
 
-  var currentPlatform = platform;
+  var releaseAssets = null;
+
+  function formatSize(bytes) {
+    if (!bytes || bytes < 1) return 'n/a';
+    if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB';
+    return (bytes / (1024 * 1024)).toFixed(1) + ' MB';
+  }
 
-  // GitHub's /releases/latest/download/ redirects to the latest release asset automatically.
-  // No API call needed for the download to work.
   function getDirectURL(plat) {
     return REPO + '/releases/latest/download/gitdock-' + plat + '.zip';
   }
 
+  function findAsset(plat) {
+    if (!releaseAssets) return null;
+    var name = 'gitdock-' + plat + '.zip';
+    for (var i = 0; i < releaseAssets.length; i++) {
+      if (releaseAssets[i].name === name) return releaseAssets[i];
+    }
+    return null;
+  }
+
   function updateUI(plat) {
-    currentPlatform = plat;
     var info = PLATFORMS[plat];
     var asset = 'gitdock-' + plat + '.zip';
 
-    // OS icon — toggle visibility of pre-rendered SVGs
     document.querySelectorAll('.os-icon-svg').forEach(function(svg) {
       svg.classList.toggle('hidden', svg.getAttribute('data-os') !== plat);
     });
 
-    // OS title
     document.getElementById('os-title').textContent = 'GitDock for ' + info.name;
     document.getElementById('os-subtitle').textContent = 'Standalone executable. No Node.js needed.';
-
-    // Meta — textContent only, no innerHTML
     document.getElementById('meta-file').textContent = asset;
+    document.getElementById('install-title').textContent = 'On ' + info.name;
 
-    // Download button — always ready, no API dependency
     document.getElementById('btn-download').href = getDirectURL(plat);
     document.getElementById('btn-download-text').textContent = 'Download for ' + info.name;
 
-    // Steps visibility
+    var matched = findAsset(plat);
+    document.getElementById('meta-size').textContent = matched ? formatSize(matched.size) : 'n/a';
+
     ['steps-windows', 'steps-macos', 'steps-linux'].forEach(function(id) {
       document.getElementById(id).classList.toggle('hidden', id !== info.steps);
     });
 
-    // Platform buttons
     document.querySelectorAll('.btn-other').forEach(function(b) {
       b.classList.toggle('active', b.dataset.platform === plat);
     });
   }
 
-  // Platform switch buttons
   document.querySelectorAll('.btn-other').forEach(function(btn) {
     btn.addEventListener('click', function() {
       updateUI(btn.dataset.platform);
     });
   });
 
-  // Initial render — instant, no waiting for API
   updateUI(platform);
 
-  // Fetch version number in the background (cosmetic only — does not block download)
   fetch('https://api.github.com/repos/gitdock-dev/gitdock/releases/latest', {
     headers: { Accept: 'application/vnd.github.v3+json' }
   })
     .then(function(r) { return r.ok ? r.json() : null; })
     .then(function(data) {
-      if (data && data.tag_name) {
+      if (!data) return;
+      if (data.tag_name) {
         document.getElementById('meta-version').textContent = data.tag_name;
       }
+      if (data.assets && data.assets.length) {
+        releaseAssets = data.assets;
+        updateUI(platform);
+      }
     })
     .catch(function() {});
 })();
diff --git a/site/index.html b/site/index.html
index abec319..e0d4a39 100644
--- a/site/index.html
+++ b/site/index.html
@@ -10,7 +10,11 @@
   <link rel="apple-touch-icon" href="./gitdock-logo.png">
   <link rel="manifest" href="./manifest.json">
   <link rel="canonical" href="https://www.gitdock.dev/">
-  <meta name="theme-color" content="#0d1117">
+  <meta name="theme-color" content="#0a0e14">
+
+  <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=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
 
   <!-- Open Graph -->
   <meta property="og:type" content="website">
@@ -72,11 +76,11 @@
       user-select: none;
       opacity: 0.6;
       translate: var(--px, 0) var(--py, 0);
-      filter: brightness(0.8) contrast(2.5) drop-shadow(0 0 20px rgba(88, 166, 255, 0.12));
+      filter: brightness(0.8) contrast(2.5) drop-shadow(0 0 20px rgba(59, 130, 246, 0.1));
     }
     .tentacle.t-ready {
       mix-blend-mode: normal;
-      filter: drop-shadow(0 0 25px rgba(88, 166, 255, 0.15));
+      filter: drop-shadow(0 0 25px rgba(59, 130, 246, 0.12));
       opacity: 0.75;
     }
     .t-left {
@@ -182,15 +186,12 @@
     }
 
     @media (prefers-reduced-motion: reduce) {
-      #hero-canvas {
-        display: none;
-      }
       .tentacle {
         animation: none;
       }
     }
 
-    /* Mobile: one proportional scale — full dashboard always fits */
+    /* Mobile: one proportional scale; full dashboard always fits */
     @media (max-width: 768px) {
       .preview-stage {
         --tentacle-scale: min(1, calc((100vw - 48px) / 1000));
@@ -262,7 +263,6 @@
 
 <!-- Hero -->
 <section class="hero">
-  <canvas id="hero-canvas"></canvas>
   <div class="hero-content fade-in">
     <h1>Your Git projects.<br><span class="grad">One Space.</span></h1>
     <p>Stop wasting time switching between accounts, tabs, and terminals. Search, organize, and operate on all your repos from one local interface.</p>
@@ -290,9 +290,12 @@ <h1>Your Git projects.<br><span class="grad">One Space.</span></h1>
       <img class="tentacle t-top" src="./tentacle-top.png" alt="" aria-hidden="true" draggable="false" loading="lazy" onerror="this.remove()">
       <div class="preview-window">
         <div class="preview-bar">
-          <span class="preview-dot" style="background:var(--red)"></span>
-          <span class="preview-dot" style="background:var(--yellow)"></span>
-          <span class="preview-dot" style="background:var(--green)"></span>
+          <div class="preview-dots">
+            <span class="preview-dot" style="background:var(--red)"></span>
+            <span class="preview-dot" style="background:var(--yellow)"></span>
+            <span class="preview-dot" style="background:var(--green)"></span>
+          </div>
+          <span class="preview-url">127.0.0.1:3847</span>
         </div>
         <img src="./dashboard_v2.jpg" alt="GitDock Dashboard" class="preview-img">
       </div>
@@ -501,14 +504,14 @@ <h3>Credentials</h3>
           </div>
           <ul class="security-list">
             <li><strong>Tokens stay local</strong><span>Not in <code>config.json</code>. <code>gh</code> keyring or optional PAT (session or OS store). Never sent to GitDock.</span></li>
-            <li><strong>Serialized API calls</strong><span><code>gh</code> queued per account — no races when switching accounts.</span></li>
+            <li><strong>Serialized API calls</strong><span><code>gh</code> queued per account, no races when switching accounts.</span></li>
           </ul>
         </div>
       </div>
       <div class="security-hub">
         <span class="security-hub-icon" aria-hidden="true"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"><path d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v4c0 .372-.116.717-.314 1 .198.283.314.628.314 1v4a1.75 1.75 0 0 1-1.75 1.75H1.75A1.75 1.75 0 0 1 0 12.75v-4c0-.358.109-.707.314-1a1.739 1.739 0 0 1-.314-1v-4C0 1.784.784 1 1.75 1ZM1.5 2.75v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Zm.25 5.75a.25.25 0 0 0-.25.25v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25ZM7 4.75A.75.75 0 0 1 7.75 4h4.5a.75.75 0 0 1 0 1.5h-4.5A.75.75 0 0 1 7 4.75ZM7.75 10h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM3 4.75A.75.75 0 0 1 3.75 4h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 3 4.75ZM3.75 10h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5Z"/></svg></span>
         <div class="security-hub-text">
-          <strong>Hub — optional</strong>
+          <strong>Hub (optional)</strong>
           <span>Metadata only: repo names, branch, ahead/behind. No source code, no tokens.</span>
           <span class="security-hub-tag">Only if you enable it</span>
         </div>
@@ -523,15 +526,15 @@ <h3>Credentials</h3>
   <h2 class="section-title">Open repos directly in your favorite editor.</h2>
   <div class="editor-logos">
     <div class="editor-item">
-      <div class="editor-box"><svg width="24" height="24" viewBox="0 0 24 24" fill="var(--blue)"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg></div>
+      <div class="editor-box"><svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg></div>
       Cursor
     </div>
     <div class="editor-item">
-      <div class="editor-box"><svg width="24" height="24" viewBox="0 0 24 24" fill="var(--blue)"><path d="M17.583 2.261L9.831 9.92l-3.712-2.874L3 8.562l4.312 3.45L3 15.464l3.119 1.516 3.712-2.874 7.752 7.66L21 19.665V4.36z"/></svg></div>
+      <div class="editor-box"><svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M17.583 2.261L9.831 9.92l-3.712-2.874L3 8.562l4.312 3.45L3 15.464l3.119 1.516 3.712-2.874 7.752 7.66L21 19.665V4.36z"/></svg></div>
       VS Code
     </div>
     <div class="editor-item">
-      <div class="editor-box"><svg width="24" height="24" viewBox="0 0 16 16" fill="var(--t2)"><path d="M0 3.75C0 2.784.784 2 1.75 2h12.5c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0 1 14.25 14H1.75A1.75 1.75 0 0 1 0 12.25Zm1.75-.25a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-8.5a.25.25 0 0 0-.25-.25ZM3.5 6.25a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1-.75-.75Zm.75 2.25h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1 0-1.5Z"/></svg></div>
+      <div class="editor-box"><svg width="24" height="24" viewBox="0 0 16 16" fill="currentColor"><path d="M0 3.75C0 2.784.784 2 1.75 2h12.5c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0 1 14.25 14H1.75A1.75 1.75 0 0 1 0 12.25Zm1.75-.25a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-8.5a.25.25 0 0 0-.25-.25ZM3.5 6.25a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1-.75-.75Zm.75 2.25h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1 0-1.5Z"/></svg></div>
       Terminal
     </div>
   </div>
@@ -568,7 +571,6 @@ <h2>Ready to take control?</h2>
 </footer>
 
 <script src="./js/common.js" defer></script>
-<script src="./js/index-hero.js" defer></script>
 <script>
 // Tentacle alpha processing: convert dark pixels to transparent
 (function() {
@@ -600,7 +602,7 @@ <h2>Ready to take control?</h2>
       cx.putImageData(id, 0, 0);
       img.src = cv.toDataURL('image/png');
       img.classList.add('t-ready');
-    } catch (e) { /* CORS or security — fallback to blend mode */ }
+    } catch (e) { /* CORS or security: fallback to blend mode */ }
   }
 })();
 
diff --git a/site/js/common.js b/site/js/common.js
index 7189b2c..097023f 100644
--- a/site/js/common.js
+++ b/site/js/common.js
@@ -1,7 +1,7 @@
 // Stagger: assign incremental delay to grid children
 document.querySelectorAll('.pain-grid, .features-grid, .security-panel-grid, .steps').forEach(function (grid) {
   grid.querySelectorAll('.fade-in').forEach(function (child, i) {
-    child.style.setProperty('--stagger', i * 0.09 + 's');
+    child.style.setProperty('--stagger', i * 0.06 + 's');
   });
 });
 
@@ -23,26 +23,9 @@ var observer = new IntersectionObserver(
       }
     });
   },
-  { threshold: 0.1, rootMargin: '0px 0px -40px 0px' }
+  { threshold: 0.08, rootMargin: '0px 0px -32px 0px' }
 );
 
 document.querySelectorAll('.fade-in').forEach(function (el) {
   observer.observe(el);
 });
-
-// Spotlight: mouse-tracking glow on cards
-(function () {
-  var cards = document.querySelectorAll('.feat-card, .pain-card');
-  if (!cards.length) return;
-  cards.forEach(function (card) {
-    card.addEventListener(
-      'mousemove',
-      function (e) {
-        var rect = card.getBoundingClientRect();
-        card.style.setProperty('--mx', e.clientX - rect.left + 'px');
-        card.style.setProperty('--my', e.clientY - rect.top + 'px');
-      },
-      { passive: true }
-    );
-  });
-})();
diff --git a/site/js/index-hero.js b/site/js/index-hero.js
deleted file mode 100644
index 4072483..0000000
--- a/site/js/index-hero.js
+++ /dev/null
@@ -1,222 +0,0 @@
-(function () {
-  'use strict';
-
-  if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
-
-  var canvas = document.getElementById('hero-canvas');
-  if (!canvas) return;
-
-  var ctx = canvas.getContext('2d');
-  var dpr = Math.min(window.devicePixelRatio || 1, 2);
-
-  var BLUE = { r: 88, g: 166, b: 255 };
-  var PURPLE = { r: 188, g: 140, b: 255 };
-  var CYAN = { r: 57, g: 197, b: 207 };
-  var COLORS = [BLUE, BLUE, BLUE, PURPLE, PURPLE, CYAN];
-
-  var isMobile = window.innerWidth < 768;
-  var PARTICLE_COUNT = isMobile ? 35 : 80;
-  var MAX_DIST = isMobile ? 110 : 150;
-  var MAX_DIST_SQ = MAX_DIST * MAX_DIST;
-  var BASE_SPEED = 0.15;
-  var MOUSE_RADIUS = isMobile ? 0 : 200;
-  var MOUSE_RADIUS_SQ = MOUSE_RADIUS * MOUSE_RADIUS;
-  var MOUSE_FORCE = 0.02;
-  var CONN_OPACITY = 0.15;
-  var FADE_ZONE = 150;
-
-  var width = 0,
-    height = 0;
-  var particles = [];
-  var mouseX = -9999,
-    mouseY = -9999;
-  var animId = 0;
-  var running = true;
-  var bottomFade = null;
-
-  function resize() {
-    var rect = canvas.parentElement.getBoundingClientRect();
-    width = rect.width;
-    height = rect.height;
-    canvas.width = width * dpr;
-    canvas.height = height * dpr;
-    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
-
-    bottomFade = ctx.createLinearGradient(0, height - FADE_ZONE, 0, height);
-    bottomFade.addColorStop(0, 'rgba(13,17,23,0)');
-    bottomFade.addColorStop(1, 'rgba(13,17,23,1)');
-  }
-
-  function makeParticle() {
-    var c = COLORS[(Math.random() * COLORS.length) | 0];
-    return {
-      x: Math.random() * width,
-      y: Math.random() * height,
-      vx: (Math.random() - 0.5) * BASE_SPEED * 2,
-      vy: (Math.random() - 0.5) * BASE_SPEED * 2,
-      r: 1 + Math.random() * 1.5,
-      cr: c.r,
-      cg: c.g,
-      cb: c.b,
-      bo: 0.35 + Math.random() * 0.45,
-      ph: Math.random() * 6.2832,
-      ps: 0.004 + Math.random() * 0.008,
-      o: 0
-    };
-  }
-
-  function init() {
-    resize();
-    particles = [];
-    for (var i = 0; i < PARTICLE_COUNT; i++) particles.push(makeParticle());
-  }
-
-  function tick() {
-    if (!running) return;
-
-    ctx.clearRect(0, 0, width, height);
-
-    var i, j, p, q, dx, dy, dSq, d, f, op;
-    var maxV = BASE_SPEED * 3;
-
-    for (i = 0; i < particles.length; i++) {
-      p = particles[i];
-
-      if (MOUSE_RADIUS > 0) {
-        dx = p.x - mouseX;
-        dy = p.y - mouseY;
-        dSq = dx * dx + dy * dy;
-        if (dSq < MOUSE_RADIUS_SQ && dSq > 1) {
-          d = Math.sqrt(dSq);
-          f = (1 - d / MOUSE_RADIUS) * MOUSE_FORCE;
-          p.vx += (dx / d) * f;
-          p.vy += (dy / d) * f;
-        }
-      }
-
-      p.vx *= 0.994;
-      p.vy *= 0.994;
-
-      if (p.vx > maxV) p.vx = maxV;
-      else if (p.vx < -maxV) p.vx = -maxV;
-      if (p.vy > maxV) p.vy = maxV;
-      else if (p.vy < -maxV) p.vy = -maxV;
-
-      p.x += p.vx;
-      p.y += p.vy;
-
-      if (p.x < -50) p.x += width + 100;
-      else if (p.x > width + 50) p.x -= width + 100;
-      if (p.y < -50) p.y += height + 100;
-      else if (p.y > height + 50) p.y -= height + 100;
-
-      p.ph += p.ps;
-      p.o = p.bo * (0.65 + 0.35 * Math.sin(p.ph));
-    }
-
-    ctx.lineWidth = 0.6;
-    for (i = 0; i < particles.length; i++) {
-      p = particles[i];
-      for (j = i + 1; j < particles.length; j++) {
-        q = particles[j];
-        dx = p.x - q.x;
-        dy = p.y - q.y;
-        dSq = dx * dx + dy * dy;
-
-        if (dSq < MAX_DIST_SQ) {
-          d = Math.sqrt(dSq);
-          op = (1 - d / MAX_DIST) * CONN_OPACITY;
-
-          ctx.beginPath();
-          ctx.moveTo(p.x, p.y);
-          ctx.lineTo(q.x, q.y);
-          ctx.strokeStyle =
-            'rgba(' +
-            ((p.cr + q.cr) >> 1) +
-            ',' +
-            ((p.cg + q.cg) >> 1) +
-            ',' +
-            ((p.cb + q.cb) >> 1) +
-            ',' +
-            op +
-            ')';
-          ctx.stroke();
-        }
-      }
-    }
-
-    for (i = 0; i < particles.length; i++) {
-      p = particles[i];
-
-      ctx.beginPath();
-      ctx.arc(p.x, p.y, p.r * 4, 0, 6.2832);
-      ctx.fillStyle = 'rgba(' + p.cr + ',' + p.cg + ',' + p.cb + ',' + p.o * 0.07 + ')';
-      ctx.fill();
-
-      ctx.beginPath();
-      ctx.arc(p.x, p.y, p.r, 0, 6.2832);
-      ctx.fillStyle = 'rgba(' + p.cr + ',' + p.cg + ',' + p.cb + ',' + p.o + ')';
-      ctx.fill();
-    }
-
-    if (bottomFade) {
-      ctx.fillStyle = bottomFade;
-      ctx.fillRect(0, height - FADE_ZONE, width, FADE_ZONE);
-    }
-
-    animId = requestAnimationFrame(tick);
-  }
-
-  var hero = canvas.parentElement;
-  var mThrottle = false;
-  hero.addEventListener(
-    'mousemove',
-    function (e) {
-      if (mThrottle) return;
-      mThrottle = true;
-      var rect = canvas.getBoundingClientRect();
-      mouseX = e.clientX - rect.left;
-      mouseY = e.clientY - rect.top;
-      requestAnimationFrame(function () {
-        mThrottle = false;
-      });
-    },
-    { passive: true }
-  );
-
-  hero.addEventListener(
-    'mouseleave',
-    function () {
-      mouseX = -9999;
-      mouseY = -9999;
-    },
-    { passive: true }
-  );
-
-  var resizeTimer;
-  window.addEventListener(
-    'resize',
-    function () {
-      clearTimeout(resizeTimer);
-      resizeTimer = setTimeout(function () {
-        var nowMobile = window.innerWidth < 768;
-        if (nowMobile && particles.length > 35) particles.length = 35;
-        resize();
-      }, 250);
-    },
-    { passive: true }
-  );
-
-  document.addEventListener('visibilitychange', function () {
-    if (document.hidden) {
-      running = false;
-      cancelAnimationFrame(animId);
-    } else {
-      running = true;
-      animId = requestAnimationFrame(tick);
-    }
-  });
-
-  init();
-  tick();
-})();
diff --git a/site/manifest.json b/site/manifest.json
index cca80f3..3dc6831 100644
--- a/site/manifest.json
+++ b/site/manifest.json
@@ -4,8 +4,8 @@
   "description": "Organize Git Projects, One Dashboard",
   "start_url": "./",
   "display": "standalone",
-  "background_color": "#0d1117",
-  "theme_color": "#0d1117",
+  "background_color": "#0a0e14",
+  "theme_color": "#0a0e14",
   "icons": [
     {
       "src": "./gitdock-logo.png",