diff --git a/docs/de/index.html b/docs/de/index.html
index 5e00da5f..9aca252a 100644
--- a/docs/de/index.html
+++ b/docs/de/index.html
@@ -57,37 +57,6 @@
     <a class="btn btn-primary btn-sm" href="https://github.com/xinbetween/flowlight/releases/latest/download/Flowlight.dmg">Herunterladen</a>
   </div>
 </header>
-<style>
-  /* Home page only: force the dark palette (the same values site.css already uses for dark), the gradient
-     headline, and a lightweight ambient glow. The glow animates transform only, so it runs on the compositor
-     and costs effectively nothing — no canvas, no requestAnimationFrame. Layout is otherwise unchanged. */
-  :root {
-    --ground:#0d0f16; --surface:#151824; --surface-2:#1c2030; --ink:#eef0f6; --muted:#a3a9bb; --faint:#737a8f;
-    --line:#262b3b; --accent:#9085e9; --accent-ink:#0d0f16; --received:#4a93ea; --sent:#e5723f;
-    --critical:#ec6a62; --warning:#e0a13a; --log-bg:#090b11; --log-line:#1d2130;
-    --shadow:0 1px 2px rgba(0,0,0,.4), 0 16px 48px rgba(0,0,0,.35); color-scheme:dark;
-  }
-  .hero { position: relative; overflow: hidden; }
-  .hero > .wrap { position: relative; z-index: 1; }
-  .hero::before {
-    content: ""; position: absolute; inset: -25% -12%; z-index: 0; pointer-events: none;
-    background:
-      radial-gradient(42vw 44vh at 22% 26%, rgba(144,133,233,.20), transparent 62%),
-      radial-gradient(40vw 40vh at 80% 16%, rgba(74,147,234,.14), transparent 64%),
-      radial-gradient(36vw 36vh at 62% 84%, rgba(229,114,63,.09), transparent 64%);
-    animation: hero-drift 28s ease-in-out infinite alternate;
-    will-change: transform;
-  }
-  @keyframes hero-drift {
-    from { transform: translate3d(-2%, -1%, 0) scale(1); }
-    to   { transform: translate3d(2%, 2%, 0) scale(1.07); }
-  }
-  h1 .flow {
-    background: linear-gradient(100deg, var(--accent) 2%, var(--received) 42%, var(--muted) 66%, var(--sent) 100%);
-    -webkit-background-clip: text; background-clip: text; color: transparent;
-  }
-  @media (prefers-reduced-motion: reduce) { .hero::before { animation: none; } }
-</style>
 <main id="main">
   <section class="hero">
     <div class="wrap">
diff --git a/docs/es/index.html b/docs/es/index.html
index 8a1f0f20..ac26d224 100644
--- a/docs/es/index.html
+++ b/docs/es/index.html
@@ -57,37 +57,6 @@
     <a class="btn btn-primary btn-sm" href="https://github.com/xinbetween/flowlight/releases/latest/download/Flowlight.dmg">Descargar</a>
   </div>
 </header>
-<style>
-  /* Home page only: force the dark palette (the same values site.css already uses for dark), the gradient
-     headline, and a lightweight ambient glow. The glow animates transform only, so it runs on the compositor
-     and costs effectively nothing — no canvas, no requestAnimationFrame. Layout is otherwise unchanged. */
-  :root {
-    --ground:#0d0f16; --surface:#151824; --surface-2:#1c2030; --ink:#eef0f6; --muted:#a3a9bb; --faint:#737a8f;
-    --line:#262b3b; --accent:#9085e9; --accent-ink:#0d0f16; --received:#4a93ea; --sent:#e5723f;
-    --critical:#ec6a62; --warning:#e0a13a; --log-bg:#090b11; --log-line:#1d2130;
-    --shadow:0 1px 2px rgba(0,0,0,.4), 0 16px 48px rgba(0,0,0,.35); color-scheme:dark;
-  }
-  .hero { position: relative; overflow: hidden; }
-  .hero > .wrap { position: relative; z-index: 1; }
-  .hero::before {
-    content: ""; position: absolute; inset: -25% -12%; z-index: 0; pointer-events: none;
-    background:
-      radial-gradient(42vw 44vh at 22% 26%, rgba(144,133,233,.20), transparent 62%),
-      radial-gradient(40vw 40vh at 80% 16%, rgba(74,147,234,.14), transparent 64%),
-      radial-gradient(36vw 36vh at 62% 84%, rgba(229,114,63,.09), transparent 64%);
-    animation: hero-drift 28s ease-in-out infinite alternate;
-    will-change: transform;
-  }
-  @keyframes hero-drift {
-    from { transform: translate3d(-2%, -1%, 0) scale(1); }
-    to   { transform: translate3d(2%, 2%, 0) scale(1.07); }
-  }
-  h1 .flow {
-    background: linear-gradient(100deg, var(--accent) 2%, var(--received) 42%, var(--muted) 66%, var(--sent) 100%);
-    -webkit-background-clip: text; background-clip: text; color: transparent;
-  }
-  @media (prefers-reduced-motion: reduce) { .hero::before { animation: none; } }
-</style>
 <main id="main">
   <section class="hero">
     <div class="wrap">
diff --git a/docs/fr/index.html b/docs/fr/index.html
index 14acc029..339245ef 100644
--- a/docs/fr/index.html
+++ b/docs/fr/index.html
@@ -57,37 +57,6 @@
     <a class="btn btn-primary btn-sm" href="https://github.com/xinbetween/flowlight/releases/latest/download/Flowlight.dmg">Télécharger</a>
   </div>
 </header>
-<style>
-  /* Home page only: force the dark palette (the same values site.css already uses for dark), the gradient
-     headline, and a lightweight ambient glow. The glow animates transform only, so it runs on the compositor
-     and costs effectively nothing — no canvas, no requestAnimationFrame. Layout is otherwise unchanged. */
-  :root {
-    --ground:#0d0f16; --surface:#151824; --surface-2:#1c2030; --ink:#eef0f6; --muted:#a3a9bb; --faint:#737a8f;
-    --line:#262b3b; --accent:#9085e9; --accent-ink:#0d0f16; --received:#4a93ea; --sent:#e5723f;
-    --critical:#ec6a62; --warning:#e0a13a; --log-bg:#090b11; --log-line:#1d2130;
-    --shadow:0 1px 2px rgba(0,0,0,.4), 0 16px 48px rgba(0,0,0,.35); color-scheme:dark;
-  }
-  .hero { position: relative; overflow: hidden; }
-  .hero > .wrap { position: relative; z-index: 1; }
-  .hero::before {
-    content: ""; position: absolute; inset: -25% -12%; z-index: 0; pointer-events: none;
-    background:
-      radial-gradient(42vw 44vh at 22% 26%, rgba(144,133,233,.20), transparent 62%),
-      radial-gradient(40vw 40vh at 80% 16%, rgba(74,147,234,.14), transparent 64%),
-      radial-gradient(36vw 36vh at 62% 84%, rgba(229,114,63,.09), transparent 64%);
-    animation: hero-drift 28s ease-in-out infinite alternate;
-    will-change: transform;
-  }
-  @keyframes hero-drift {
-    from { transform: translate3d(-2%, -1%, 0) scale(1); }
-    to   { transform: translate3d(2%, 2%, 0) scale(1.07); }
-  }
-  h1 .flow {
-    background: linear-gradient(100deg, var(--accent) 2%, var(--received) 42%, var(--muted) 66%, var(--sent) 100%);
-    -webkit-background-clip: text; background-clip: text; color: transparent;
-  }
-  @media (prefers-reduced-motion: reduce) { .hero::before { animation: none; } }
-</style>
 <main id="main">
   <section class="hero">
     <div class="wrap">
diff --git a/docs/index.html b/docs/index.html
index 59c6bd8f..53dd98b6 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -57,37 +57,6 @@
     <a class="btn btn-primary btn-sm" href="https://github.com/xinbetween/flowlight/releases/latest/download/Flowlight.dmg">Download</a>
   </div>
 </header>
-<style>
-  /* Home page only: force the dark palette (the same values site.css already uses for dark), the gradient
-     headline, and a lightweight ambient glow. The glow animates transform only, so it runs on the compositor
-     and costs effectively nothing — no canvas, no requestAnimationFrame. Layout is otherwise unchanged. */
-  :root {
-    --ground:#0d0f16; --surface:#151824; --surface-2:#1c2030; --ink:#eef0f6; --muted:#a3a9bb; --faint:#737a8f;
-    --line:#262b3b; --accent:#9085e9; --accent-ink:#0d0f16; --received:#4a93ea; --sent:#e5723f;
-    --critical:#ec6a62; --warning:#e0a13a; --log-bg:#090b11; --log-line:#1d2130;
-    --shadow:0 1px 2px rgba(0,0,0,.4), 0 16px 48px rgba(0,0,0,.35); color-scheme:dark;
-  }
-  .hero { position: relative; overflow: hidden; }
-  .hero > .wrap { position: relative; z-index: 1; }
-  .hero::before {
-    content: ""; position: absolute; inset: -25% -12%; z-index: 0; pointer-events: none;
-    background:
-      radial-gradient(42vw 44vh at 22% 26%, rgba(144,133,233,.20), transparent 62%),
-      radial-gradient(40vw 40vh at 80% 16%, rgba(74,147,234,.14), transparent 64%),
-      radial-gradient(36vw 36vh at 62% 84%, rgba(229,114,63,.09), transparent 64%);
-    animation: hero-drift 28s ease-in-out infinite alternate;
-    will-change: transform;
-  }
-  @keyframes hero-drift {
-    from { transform: translate3d(-2%, -1%, 0) scale(1); }
-    to   { transform: translate3d(2%, 2%, 0) scale(1.07); }
-  }
-  h1 .flow {
-    background: linear-gradient(100deg, var(--accent) 2%, var(--received) 42%, var(--muted) 66%, var(--sent) 100%);
-    -webkit-background-clip: text; background-clip: text; color: transparent;
-  }
-  @media (prefers-reduced-motion: reduce) { .hero::before { animation: none; } }
-</style>
 <main id="main">
   <section class="hero">
     <div class="wrap">
diff --git a/docs/it/index.html b/docs/it/index.html
index 1c761459..81876b2a 100644
--- a/docs/it/index.html
+++ b/docs/it/index.html
@@ -57,37 +57,6 @@
     <a class="btn btn-primary btn-sm" href="https://github.com/xinbetween/flowlight/releases/latest/download/Flowlight.dmg">Scarica</a>
   </div>
 </header>
-<style>
-  /* Home page only: force the dark palette (the same values site.css already uses for dark), the gradient
-     headline, and a lightweight ambient glow. The glow animates transform only, so it runs on the compositor
-     and costs effectively nothing — no canvas, no requestAnimationFrame. Layout is otherwise unchanged. */
-  :root {
-    --ground:#0d0f16; --surface:#151824; --surface-2:#1c2030; --ink:#eef0f6; --muted:#a3a9bb; --faint:#737a8f;
-    --line:#262b3b; --accent:#9085e9; --accent-ink:#0d0f16; --received:#4a93ea; --sent:#e5723f;
-    --critical:#ec6a62; --warning:#e0a13a; --log-bg:#090b11; --log-line:#1d2130;
-    --shadow:0 1px 2px rgba(0,0,0,.4), 0 16px 48px rgba(0,0,0,.35); color-scheme:dark;
-  }
-  .hero { position: relative; overflow: hidden; }
-  .hero > .wrap { position: relative; z-index: 1; }
-  .hero::before {
-    content: ""; position: absolute; inset: -25% -12%; z-index: 0; pointer-events: none;
-    background:
-      radial-gradient(42vw 44vh at 22% 26%, rgba(144,133,233,.20), transparent 62%),
-      radial-gradient(40vw 40vh at 80% 16%, rgba(74,147,234,.14), transparent 64%),
-      radial-gradient(36vw 36vh at 62% 84%, rgba(229,114,63,.09), transparent 64%);
-    animation: hero-drift 28s ease-in-out infinite alternate;
-    will-change: transform;
-  }
-  @keyframes hero-drift {
-    from { transform: translate3d(-2%, -1%, 0) scale(1); }
-    to   { transform: translate3d(2%, 2%, 0) scale(1.07); }
-  }
-  h1 .flow {
-    background: linear-gradient(100deg, var(--accent) 2%, var(--received) 42%, var(--muted) 66%, var(--sent) 100%);
-    -webkit-background-clip: text; background-clip: text; color: transparent;
-  }
-  @media (prefers-reduced-motion: reduce) { .hero::before { animation: none; } }
-</style>
 <main id="main">
   <section class="hero">
     <div class="wrap">
diff --git a/docs/ja/index.html b/docs/ja/index.html
index 75d3d1f4..39177eca 100644
--- a/docs/ja/index.html
+++ b/docs/ja/index.html
@@ -57,37 +57,6 @@
     <a class="btn btn-primary btn-sm" href="https://github.com/xinbetween/flowlight/releases/latest/download/Flowlight.dmg">ダウンロード</a>
   </div>
 </header>
-<style>
-  /* Home page only: force the dark palette (the same values site.css already uses for dark), the gradient
-     headline, and a lightweight ambient glow. The glow animates transform only, so it runs on the compositor
-     and costs effectively nothing — no canvas, no requestAnimationFrame. Layout is otherwise unchanged. */
-  :root {
-    --ground:#0d0f16; --surface:#151824; --surface-2:#1c2030; --ink:#eef0f6; --muted:#a3a9bb; --faint:#737a8f;
-    --line:#262b3b; --accent:#9085e9; --accent-ink:#0d0f16; --received:#4a93ea; --sent:#e5723f;
-    --critical:#ec6a62; --warning:#e0a13a; --log-bg:#090b11; --log-line:#1d2130;
-    --shadow:0 1px 2px rgba(0,0,0,.4), 0 16px 48px rgba(0,0,0,.35); color-scheme:dark;
-  }
-  .hero { position: relative; overflow: hidden; }
-  .hero > .wrap { position: relative; z-index: 1; }
-  .hero::before {
-    content: ""; position: absolute; inset: -25% -12%; z-index: 0; pointer-events: none;
-    background:
-      radial-gradient(42vw 44vh at 22% 26%, rgba(144,133,233,.20), transparent 62%),
-      radial-gradient(40vw 40vh at 80% 16%, rgba(74,147,234,.14), transparent 64%),
-      radial-gradient(36vw 36vh at 62% 84%, rgba(229,114,63,.09), transparent 64%);
-    animation: hero-drift 28s ease-in-out infinite alternate;
-    will-change: transform;
-  }
-  @keyframes hero-drift {
-    from { transform: translate3d(-2%, -1%, 0) scale(1); }
-    to   { transform: translate3d(2%, 2%, 0) scale(1.07); }
-  }
-  h1 .flow {
-    background: linear-gradient(100deg, var(--accent) 2%, var(--received) 42%, var(--muted) 66%, var(--sent) 100%);
-    -webkit-background-clip: text; background-clip: text; color: transparent;
-  }
-  @media (prefers-reduced-motion: reduce) { .hero::before { animation: none; } }
-</style>
 <main id="main">
   <section class="hero">
     <div class="wrap">
diff --git a/docs/ko/index.html b/docs/ko/index.html
index 6935dc32..b62e2f17 100644
--- a/docs/ko/index.html
+++ b/docs/ko/index.html
@@ -57,37 +57,6 @@
     <a class="btn btn-primary btn-sm" href="https://github.com/xinbetween/flowlight/releases/latest/download/Flowlight.dmg">다운로드</a>
   </div>
 </header>
-<style>
-  /* Home page only: force the dark palette (the same values site.css already uses for dark), the gradient
-     headline, and a lightweight ambient glow. The glow animates transform only, so it runs on the compositor
-     and costs effectively nothing — no canvas, no requestAnimationFrame. Layout is otherwise unchanged. */
-  :root {
-    --ground:#0d0f16; --surface:#151824; --surface-2:#1c2030; --ink:#eef0f6; --muted:#a3a9bb; --faint:#737a8f;
-    --line:#262b3b; --accent:#9085e9; --accent-ink:#0d0f16; --received:#4a93ea; --sent:#e5723f;
-    --critical:#ec6a62; --warning:#e0a13a; --log-bg:#090b11; --log-line:#1d2130;
-    --shadow:0 1px 2px rgba(0,0,0,.4), 0 16px 48px rgba(0,0,0,.35); color-scheme:dark;
-  }
-  .hero { position: relative; overflow: hidden; }
-  .hero > .wrap { position: relative; z-index: 1; }
-  .hero::before {
-    content: ""; position: absolute; inset: -25% -12%; z-index: 0; pointer-events: none;
-    background:
-      radial-gradient(42vw 44vh at 22% 26%, rgba(144,133,233,.20), transparent 62%),
-      radial-gradient(40vw 40vh at 80% 16%, rgba(74,147,234,.14), transparent 64%),
-      radial-gradient(36vw 36vh at 62% 84%, rgba(229,114,63,.09), transparent 64%);
-    animation: hero-drift 28s ease-in-out infinite alternate;
-    will-change: transform;
-  }
-  @keyframes hero-drift {
-    from { transform: translate3d(-2%, -1%, 0) scale(1); }
-    to   { transform: translate3d(2%, 2%, 0) scale(1.07); }
-  }
-  h1 .flow {
-    background: linear-gradient(100deg, var(--accent) 2%, var(--received) 42%, var(--muted) 66%, var(--sent) 100%);
-    -webkit-background-clip: text; background-clip: text; color: transparent;
-  }
-  @media (prefers-reduced-motion: reduce) { .hero::before { animation: none; } }
-</style>
 <main id="main">
   <section class="hero">
     <div class="wrap">
diff --git a/docs/pt-PT/index.html b/docs/pt-PT/index.html
index 59c084c4..beb2c2b6 100644
--- a/docs/pt-PT/index.html
+++ b/docs/pt-PT/index.html
@@ -57,37 +57,6 @@
     <a class="btn btn-primary btn-sm" href="https://github.com/xinbetween/flowlight/releases/latest/download/Flowlight.dmg">Transferir</a>
   </div>
 </header>
-<style>
-  /* Home page only: force the dark palette (the same values site.css already uses for dark), the gradient
-     headline, and a lightweight ambient glow. The glow animates transform only, so it runs on the compositor
-     and costs effectively nothing — no canvas, no requestAnimationFrame. Layout is otherwise unchanged. */
-  :root {
-    --ground:#0d0f16; --surface:#151824; --surface-2:#1c2030; --ink:#eef0f6; --muted:#a3a9bb; --faint:#737a8f;
-    --line:#262b3b; --accent:#9085e9; --accent-ink:#0d0f16; --received:#4a93ea; --sent:#e5723f;
-    --critical:#ec6a62; --warning:#e0a13a; --log-bg:#090b11; --log-line:#1d2130;
-    --shadow:0 1px 2px rgba(0,0,0,.4), 0 16px 48px rgba(0,0,0,.35); color-scheme:dark;
-  }
-  .hero { position: relative; overflow: hidden; }
-  .hero > .wrap { position: relative; z-index: 1; }
-  .hero::before {
-    content: ""; position: absolute; inset: -25% -12%; z-index: 0; pointer-events: none;
-    background:
-      radial-gradient(42vw 44vh at 22% 26%, rgba(144,133,233,.20), transparent 62%),
-      radial-gradient(40vw 40vh at 80% 16%, rgba(74,147,234,.14), transparent 64%),
-      radial-gradient(36vw 36vh at 62% 84%, rgba(229,114,63,.09), transparent 64%);
-    animation: hero-drift 28s ease-in-out infinite alternate;
-    will-change: transform;
-  }
-  @keyframes hero-drift {
-    from { transform: translate3d(-2%, -1%, 0) scale(1); }
-    to   { transform: translate3d(2%, 2%, 0) scale(1.07); }
-  }
-  h1 .flow {
-    background: linear-gradient(100deg, var(--accent) 2%, var(--received) 42%, var(--muted) 66%, var(--sent) 100%);
-    -webkit-background-clip: text; background-clip: text; color: transparent;
-  }
-  @media (prefers-reduced-motion: reduce) { .hero::before { animation: none; } }
-</style>
 <main id="main">
   <section class="hero">
     <div class="wrap">
diff --git a/docs/zh-Hans/index.html b/docs/zh-Hans/index.html
index c495604e..5cbeb776 100644
--- a/docs/zh-Hans/index.html
+++ b/docs/zh-Hans/index.html
@@ -57,37 +57,6 @@
     <a class="btn btn-primary btn-sm" href="https://github.com/xinbetween/flowlight/releases/latest/download/Flowlight.dmg">下载</a>
   </div>
 </header>
-<style>
-  /* Home page only: force the dark palette (the same values site.css already uses for dark), the gradient
-     headline, and a lightweight ambient glow. The glow animates transform only, so it runs on the compositor
-     and costs effectively nothing — no canvas, no requestAnimationFrame. Layout is otherwise unchanged. */
-  :root {
-    --ground:#0d0f16; --surface:#151824; --surface-2:#1c2030; --ink:#eef0f6; --muted:#a3a9bb; --faint:#737a8f;
-    --line:#262b3b; --accent:#9085e9; --accent-ink:#0d0f16; --received:#4a93ea; --sent:#e5723f;
-    --critical:#ec6a62; --warning:#e0a13a; --log-bg:#090b11; --log-line:#1d2130;
-    --shadow:0 1px 2px rgba(0,0,0,.4), 0 16px 48px rgba(0,0,0,.35); color-scheme:dark;
-  }
-  .hero { position: relative; overflow: hidden; }
-  .hero > .wrap { position: relative; z-index: 1; }
-  .hero::before {
-    content: ""; position: absolute; inset: -25% -12%; z-index: 0; pointer-events: none;
-    background:
-      radial-gradient(42vw 44vh at 22% 26%, rgba(144,133,233,.20), transparent 62%),
-      radial-gradient(40vw 40vh at 80% 16%, rgba(74,147,234,.14), transparent 64%),
-      radial-gradient(36vw 36vh at 62% 84%, rgba(229,114,63,.09), transparent 64%);
-    animation: hero-drift 28s ease-in-out infinite alternate;
-    will-change: transform;
-  }
-  @keyframes hero-drift {
-    from { transform: translate3d(-2%, -1%, 0) scale(1); }
-    to   { transform: translate3d(2%, 2%, 0) scale(1.07); }
-  }
-  h1 .flow {
-    background: linear-gradient(100deg, var(--accent) 2%, var(--received) 42%, var(--muted) 66%, var(--sent) 100%);
-    -webkit-background-clip: text; background-clip: text; color: transparent;
-  }
-  @media (prefers-reduced-motion: reduce) { .hero::before { animation: none; } }
-</style>
 <main id="main">
   <section class="hero">
     <div class="wrap">
diff --git a/docs/zh-Hant/index.html b/docs/zh-Hant/index.html
index e3ecf530..47574b34 100644
--- a/docs/zh-Hant/index.html
+++ b/docs/zh-Hant/index.html
@@ -57,37 +57,6 @@
     <a class="btn btn-primary btn-sm" href="https://github.com/xinbetween/flowlight/releases/latest/download/Flowlight.dmg">下載</a>
   </div>
 </header>
-<style>
-  /* Home page only: force the dark palette (the same values site.css already uses for dark), the gradient
-     headline, and a lightweight ambient glow. The glow animates transform only, so it runs on the compositor
-     and costs effectively nothing — no canvas, no requestAnimationFrame. Layout is otherwise unchanged. */
-  :root {
-    --ground:#0d0f16; --surface:#151824; --surface-2:#1c2030; --ink:#eef0f6; --muted:#a3a9bb; --faint:#737a8f;
-    --line:#262b3b; --accent:#9085e9; --accent-ink:#0d0f16; --received:#4a93ea; --sent:#e5723f;
-    --critical:#ec6a62; --warning:#e0a13a; --log-bg:#090b11; --log-line:#1d2130;
-    --shadow:0 1px 2px rgba(0,0,0,.4), 0 16px 48px rgba(0,0,0,.35); color-scheme:dark;
-  }
-  .hero { position: relative; overflow: hidden; }
-  .hero > .wrap { position: relative; z-index: 1; }
-  .hero::before {
-    content: ""; position: absolute; inset: -25% -12%; z-index: 0; pointer-events: none;
-    background:
-      radial-gradient(42vw 44vh at 22% 26%, rgba(144,133,233,.20), transparent 62%),
-      radial-gradient(40vw 40vh at 80% 16%, rgba(74,147,234,.14), transparent 64%),
-      radial-gradient(36vw 36vh at 62% 84%, rgba(229,114,63,.09), transparent 64%);
-    animation: hero-drift 28s ease-in-out infinite alternate;
-    will-change: transform;
-  }
-  @keyframes hero-drift {
-    from { transform: translate3d(-2%, -1%, 0) scale(1); }
-    to   { transform: translate3d(2%, 2%, 0) scale(1.07); }
-  }
-  h1 .flow {
-    background: linear-gradient(100deg, var(--accent) 2%, var(--received) 42%, var(--muted) 66%, var(--sent) 100%);
-    -webkit-background-clip: text; background-clip: text; color: transparent;
-  }
-  @media (prefers-reduced-motion: reduce) { .hero::before { animation: none; } }
-</style>
 <main id="main">
   <section class="hero">
     <div class="wrap">
diff --git a/site/pages/de/index.html b/site/pages/de/index.html
index 00b7511d..49de61c1 100644
--- a/site/pages/de/index.html
+++ b/site/pages/de/index.html
@@ -3,37 +3,6 @@
 description: Flowlight ist Open-Source-Netzwerküberwachung für macOS – app-genau, mit dem tiefsten Blick auf KI-Agenten, ihre Tools und MCP-Server.
 nav: home
 -->
-<style>
-  /* Home page only: force the dark palette (the same values site.css already uses for dark), the gradient
-     headline, and a lightweight ambient glow. The glow animates transform only, so it runs on the compositor
-     and costs effectively nothing — no canvas, no requestAnimationFrame. Layout is otherwise unchanged. */
-  :root {
-    --ground:#0d0f16; --surface:#151824; --surface-2:#1c2030; --ink:#eef0f6; --muted:#a3a9bb; --faint:#737a8f;
-    --line:#262b3b; --accent:#9085e9; --accent-ink:#0d0f16; --received:#4a93ea; --sent:#e5723f;
-    --critical:#ec6a62; --warning:#e0a13a; --log-bg:#090b11; --log-line:#1d2130;
-    --shadow:0 1px 2px rgba(0,0,0,.4), 0 16px 48px rgba(0,0,0,.35); color-scheme:dark;
-  }
-  .hero { position: relative; overflow: hidden; }
-  .hero > .wrap { position: relative; z-index: 1; }
-  .hero::before {
-    content: ""; position: absolute; inset: -25% -12%; z-index: 0; pointer-events: none;
-    background:
-      radial-gradient(42vw 44vh at 22% 26%, rgba(144,133,233,.20), transparent 62%),
-      radial-gradient(40vw 40vh at 80% 16%, rgba(74,147,234,.14), transparent 64%),
-      radial-gradient(36vw 36vh at 62% 84%, rgba(229,114,63,.09), transparent 64%);
-    animation: hero-drift 28s ease-in-out infinite alternate;
-    will-change: transform;
-  }
-  @keyframes hero-drift {
-    from { transform: translate3d(-2%, -1%, 0) scale(1); }
-    to   { transform: translate3d(2%, 2%, 0) scale(1.07); }
-  }
-  h1 .flow {
-    background: linear-gradient(100deg, var(--accent) 2%, var(--received) 42%, var(--muted) 66%, var(--sent) 100%);
-    -webkit-background-clip: text; background-clip: text; color: transparent;
-  }
-  @media (prefers-reduced-motion: reduce) { .hero::before { animation: none; } }
-</style>
 <main id="main">
   <section class="hero">
     <div class="wrap">
diff --git a/site/pages/es/index.html b/site/pages/es/index.html
index ac8b1962..da622d2f 100644
--- a/site/pages/es/index.html
+++ b/site/pages/es/index.html
@@ -3,37 +3,6 @@
 description: Flowlight es inteligencia de red por app para macOS, de código abierto, con una visión más clara de los agentes de IA, sus herramientas y sus servidores MCP.
 nav: home
 -->
-<style>
-  /* Home page only: force the dark palette (the same values site.css already uses for dark), the gradient
-     headline, and a lightweight ambient glow. The glow animates transform only, so it runs on the compositor
-     and costs effectively nothing — no canvas, no requestAnimationFrame. Layout is otherwise unchanged. */
-  :root {
-    --ground:#0d0f16; --surface:#151824; --surface-2:#1c2030; --ink:#eef0f6; --muted:#a3a9bb; --faint:#737a8f;
-    --line:#262b3b; --accent:#9085e9; --accent-ink:#0d0f16; --received:#4a93ea; --sent:#e5723f;
-    --critical:#ec6a62; --warning:#e0a13a; --log-bg:#090b11; --log-line:#1d2130;
-    --shadow:0 1px 2px rgba(0,0,0,.4), 0 16px 48px rgba(0,0,0,.35); color-scheme:dark;
-  }
-  .hero { position: relative; overflow: hidden; }
-  .hero > .wrap { position: relative; z-index: 1; }
-  .hero::before {
-    content: ""; position: absolute; inset: -25% -12%; z-index: 0; pointer-events: none;
-    background:
-      radial-gradient(42vw 44vh at 22% 26%, rgba(144,133,233,.20), transparent 62%),
-      radial-gradient(40vw 40vh at 80% 16%, rgba(74,147,234,.14), transparent 64%),
-      radial-gradient(36vw 36vh at 62% 84%, rgba(229,114,63,.09), transparent 64%);
-    animation: hero-drift 28s ease-in-out infinite alternate;
-    will-change: transform;
-  }
-  @keyframes hero-drift {
-    from { transform: translate3d(-2%, -1%, 0) scale(1); }
-    to   { transform: translate3d(2%, 2%, 0) scale(1.07); }
-  }
-  h1 .flow {
-    background: linear-gradient(100deg, var(--accent) 2%, var(--received) 42%, var(--muted) 66%, var(--sent) 100%);
-    -webkit-background-clip: text; background-clip: text; color: transparent;
-  }
-  @media (prefers-reduced-motion: reduce) { .hero::before { animation: none; } }
-</style>
 <main id="main">
   <section class="hero">
     <div class="wrap">
diff --git a/site/pages/fr/index.html b/site/pages/fr/index.html
index 1f83fa4f..05271966 100644
--- a/site/pages/fr/index.html
+++ b/site/pages/fr/index.html
@@ -3,37 +3,6 @@
 description: Flowlight est un logiciel libre de surveillance réseau app par app pour macOS, avec une vue précise des agents IA, de leurs outils et de leurs serveurs MCP.
 nav: home
 -->
-<style>
-  /* Home page only: force the dark palette (the same values site.css already uses for dark), the gradient
-     headline, and a lightweight ambient glow. The glow animates transform only, so it runs on the compositor
-     and costs effectively nothing — no canvas, no requestAnimationFrame. Layout is otherwise unchanged. */
-  :root {
-    --ground:#0d0f16; --surface:#151824; --surface-2:#1c2030; --ink:#eef0f6; --muted:#a3a9bb; --faint:#737a8f;
-    --line:#262b3b; --accent:#9085e9; --accent-ink:#0d0f16; --received:#4a93ea; --sent:#e5723f;
-    --critical:#ec6a62; --warning:#e0a13a; --log-bg:#090b11; --log-line:#1d2130;
-    --shadow:0 1px 2px rgba(0,0,0,.4), 0 16px 48px rgba(0,0,0,.35); color-scheme:dark;
-  }
-  .hero { position: relative; overflow: hidden; }
-  .hero > .wrap { position: relative; z-index: 1; }
-  .hero::before {
-    content: ""; position: absolute; inset: -25% -12%; z-index: 0; pointer-events: none;
-    background:
-      radial-gradient(42vw 44vh at 22% 26%, rgba(144,133,233,.20), transparent 62%),
-      radial-gradient(40vw 40vh at 80% 16%, rgba(74,147,234,.14), transparent 64%),
-      radial-gradient(36vw 36vh at 62% 84%, rgba(229,114,63,.09), transparent 64%);
-    animation: hero-drift 28s ease-in-out infinite alternate;
-    will-change: transform;
-  }
-  @keyframes hero-drift {
-    from { transform: translate3d(-2%, -1%, 0) scale(1); }
-    to   { transform: translate3d(2%, 2%, 0) scale(1.07); }
-  }
-  h1 .flow {
-    background: linear-gradient(100deg, var(--accent) 2%, var(--received) 42%, var(--muted) 66%, var(--sent) 100%);
-    -webkit-background-clip: text; background-clip: text; color: transparent;
-  }
-  @media (prefers-reduced-motion: reduce) { .hero::before { animation: none; } }
-</style>
 <main id="main">
   <section class="hero">
     <div class="wrap">
diff --git a/site/pages/index.html b/site/pages/index.html
index fa6e44e4..a19bd606 100644
--- a/site/pages/index.html
+++ b/site/pages/index.html
@@ -4,37 +4,6 @@
 path: /
 nav: home
 -->
-<style>
-  /* Home page only: force the dark palette (the same values site.css already uses for dark), the gradient
-     headline, and a lightweight ambient glow. The glow animates transform only, so it runs on the compositor
-     and costs effectively nothing — no canvas, no requestAnimationFrame. Layout is otherwise unchanged. */
-  :root {
-    --ground:#0d0f16; --surface:#151824; --surface-2:#1c2030; --ink:#eef0f6; --muted:#a3a9bb; --faint:#737a8f;
-    --line:#262b3b; --accent:#9085e9; --accent-ink:#0d0f16; --received:#4a93ea; --sent:#e5723f;
-    --critical:#ec6a62; --warning:#e0a13a; --log-bg:#090b11; --log-line:#1d2130;
-    --shadow:0 1px 2px rgba(0,0,0,.4), 0 16px 48px rgba(0,0,0,.35); color-scheme:dark;
-  }
-  .hero { position: relative; overflow: hidden; }
-  .hero > .wrap { position: relative; z-index: 1; }
-  .hero::before {
-    content: ""; position: absolute; inset: -25% -12%; z-index: 0; pointer-events: none;
-    background:
-      radial-gradient(42vw 44vh at 22% 26%, rgba(144,133,233,.20), transparent 62%),
-      radial-gradient(40vw 40vh at 80% 16%, rgba(74,147,234,.14), transparent 64%),
-      radial-gradient(36vw 36vh at 62% 84%, rgba(229,114,63,.09), transparent 64%);
-    animation: hero-drift 28s ease-in-out infinite alternate;
-    will-change: transform;
-  }
-  @keyframes hero-drift {
-    from { transform: translate3d(-2%, -1%, 0) scale(1); }
-    to   { transform: translate3d(2%, 2%, 0) scale(1.07); }
-  }
-  h1 .flow {
-    background: linear-gradient(100deg, var(--accent) 2%, var(--received) 42%, var(--muted) 66%, var(--sent) 100%);
-    -webkit-background-clip: text; background-clip: text; color: transparent;
-  }
-  @media (prefers-reduced-motion: reduce) { .hero::before { animation: none; } }
-</style>
 <main id="main">
   <section class="hero">
     <div class="wrap">
diff --git a/site/pages/it/index.html b/site/pages/it/index.html
index 93983969..4ee06877 100644
--- a/site/pages/it/index.html
+++ b/site/pages/it/index.html
@@ -3,37 +3,6 @@
 description: Flowlight è l'analisi di rete app per app per macOS, open source, con uno sguardo più attento su agenti IA, strumenti e server MCP.
 nav: home
 -->
-<style>
-  /* Home page only: force the dark palette (the same values site.css already uses for dark), the gradient
-     headline, and a lightweight ambient glow. The glow animates transform only, so it runs on the compositor
-     and costs effectively nothing — no canvas, no requestAnimationFrame. Layout is otherwise unchanged. */
-  :root {
-    --ground:#0d0f16; --surface:#151824; --surface-2:#1c2030; --ink:#eef0f6; --muted:#a3a9bb; --faint:#737a8f;
-    --line:#262b3b; --accent:#9085e9; --accent-ink:#0d0f16; --received:#4a93ea; --sent:#e5723f;
-    --critical:#ec6a62; --warning:#e0a13a; --log-bg:#090b11; --log-line:#1d2130;
-    --shadow:0 1px 2px rgba(0,0,0,.4), 0 16px 48px rgba(0,0,0,.35); color-scheme:dark;
-  }
-  .hero { position: relative; overflow: hidden; }
-  .hero > .wrap { position: relative; z-index: 1; }
-  .hero::before {
-    content: ""; position: absolute; inset: -25% -12%; z-index: 0; pointer-events: none;
-    background:
-      radial-gradient(42vw 44vh at 22% 26%, rgba(144,133,233,.20), transparent 62%),
-      radial-gradient(40vw 40vh at 80% 16%, rgba(74,147,234,.14), transparent 64%),
-      radial-gradient(36vw 36vh at 62% 84%, rgba(229,114,63,.09), transparent 64%);
-    animation: hero-drift 28s ease-in-out infinite alternate;
-    will-change: transform;
-  }
-  @keyframes hero-drift {
-    from { transform: translate3d(-2%, -1%, 0) scale(1); }
-    to   { transform: translate3d(2%, 2%, 0) scale(1.07); }
-  }
-  h1 .flow {
-    background: linear-gradient(100deg, var(--accent) 2%, var(--received) 42%, var(--muted) 66%, var(--sent) 100%);
-    -webkit-background-clip: text; background-clip: text; color: transparent;
-  }
-  @media (prefers-reduced-motion: reduce) { .hero::before { animation: none; } }
-</style>
 <main id="main">
   <section class="hero">
     <div class="wrap">
diff --git a/site/pages/ja/index.html b/site/pages/ja/index.html
index 0e6c0458..c575159c 100644
--- a/site/pages/ja/index.html
+++ b/site/pages/ja/index.html
@@ -3,37 +3,6 @@
 description: Flowlight は macOS 向けのオープンソースなアプリ単位のネットワーク監視ツールです。AI エージェントやツール、MCP サーバの通信までくわしく見えます。
 nav: home
 -->
-<style>
-  /* Home page only: force the dark palette (the same values site.css already uses for dark), the gradient
-     headline, and a lightweight ambient glow. The glow animates transform only, so it runs on the compositor
-     and costs effectively nothing — no canvas, no requestAnimationFrame. Layout is otherwise unchanged. */
-  :root {
-    --ground:#0d0f16; --surface:#151824; --surface-2:#1c2030; --ink:#eef0f6; --muted:#a3a9bb; --faint:#737a8f;
-    --line:#262b3b; --accent:#9085e9; --accent-ink:#0d0f16; --received:#4a93ea; --sent:#e5723f;
-    --critical:#ec6a62; --warning:#e0a13a; --log-bg:#090b11; --log-line:#1d2130;
-    --shadow:0 1px 2px rgba(0,0,0,.4), 0 16px 48px rgba(0,0,0,.35); color-scheme:dark;
-  }
-  .hero { position: relative; overflow: hidden; }
-  .hero > .wrap { position: relative; z-index: 1; }
-  .hero::before {
-    content: ""; position: absolute; inset: -25% -12%; z-index: 0; pointer-events: none;
-    background:
-      radial-gradient(42vw 44vh at 22% 26%, rgba(144,133,233,.20), transparent 62%),
-      radial-gradient(40vw 40vh at 80% 16%, rgba(74,147,234,.14), transparent 64%),
-      radial-gradient(36vw 36vh at 62% 84%, rgba(229,114,63,.09), transparent 64%);
-    animation: hero-drift 28s ease-in-out infinite alternate;
-    will-change: transform;
-  }
-  @keyframes hero-drift {
-    from { transform: translate3d(-2%, -1%, 0) scale(1); }
-    to   { transform: translate3d(2%, 2%, 0) scale(1.07); }
-  }
-  h1 .flow {
-    background: linear-gradient(100deg, var(--accent) 2%, var(--received) 42%, var(--muted) 66%, var(--sent) 100%);
-    -webkit-background-clip: text; background-clip: text; color: transparent;
-  }
-  @media (prefers-reduced-motion: reduce) { .hero::before { animation: none; } }
-</style>
 <main id="main">
   <section class="hero">
     <div class="wrap">
diff --git a/site/pages/ko/index.html b/site/pages/ko/index.html
index 1a43135f..2d7076fe 100644
--- a/site/pages/ko/index.html
+++ b/site/pages/ko/index.html
@@ -3,37 +3,6 @@
 description: Flowlight는 어떤 앱이 어디로 연결하는지 보여주는 macOS용 오픈 소스 네트워크 도구입니다. AI 에이전트와 그 도구, MCP 서버는 더 자세히 들여다봅니다.
 nav: home
 -->
-<style>
-  /* Home page only: force the dark palette (the same values site.css already uses for dark), the gradient
-     headline, and a lightweight ambient glow. The glow animates transform only, so it runs on the compositor
-     and costs effectively nothing — no canvas, no requestAnimationFrame. Layout is otherwise unchanged. */
-  :root {
-    --ground:#0d0f16; --surface:#151824; --surface-2:#1c2030; --ink:#eef0f6; --muted:#a3a9bb; --faint:#737a8f;
-    --line:#262b3b; --accent:#9085e9; --accent-ink:#0d0f16; --received:#4a93ea; --sent:#e5723f;
-    --critical:#ec6a62; --warning:#e0a13a; --log-bg:#090b11; --log-line:#1d2130;
-    --shadow:0 1px 2px rgba(0,0,0,.4), 0 16px 48px rgba(0,0,0,.35); color-scheme:dark;
-  }
-  .hero { position: relative; overflow: hidden; }
-  .hero > .wrap { position: relative; z-index: 1; }
-  .hero::before {
-    content: ""; position: absolute; inset: -25% -12%; z-index: 0; pointer-events: none;
-    background:
-      radial-gradient(42vw 44vh at 22% 26%, rgba(144,133,233,.20), transparent 62%),
-      radial-gradient(40vw 40vh at 80% 16%, rgba(74,147,234,.14), transparent 64%),
-      radial-gradient(36vw 36vh at 62% 84%, rgba(229,114,63,.09), transparent 64%);
-    animation: hero-drift 28s ease-in-out infinite alternate;
-    will-change: transform;
-  }
-  @keyframes hero-drift {
-    from { transform: translate3d(-2%, -1%, 0) scale(1); }
-    to   { transform: translate3d(2%, 2%, 0) scale(1.07); }
-  }
-  h1 .flow {
-    background: linear-gradient(100deg, var(--accent) 2%, var(--received) 42%, var(--muted) 66%, var(--sent) 100%);
-    -webkit-background-clip: text; background-clip: text; color: transparent;
-  }
-  @media (prefers-reduced-motion: reduce) { .hero::before { animation: none; } }
-</style>
 <main id="main">
   <section class="hero">
     <div class="wrap">
diff --git a/site/pages/pt-PT/index.html b/site/pages/pt-PT/index.html
index 9711544c..e010b622 100644
--- a/site/pages/pt-PT/index.html
+++ b/site/pages/pt-PT/index.html
@@ -3,37 +3,6 @@
 description: O Flowlight é monitorização de rede por app no macOS, de código aberto, com visibilidade mais profunda sobre agentes de IA, ferramentas e servidores MCP.
 nav: home
 -->
-<style>
-  /* Home page only: force the dark palette (the same values site.css already uses for dark), the gradient
-     headline, and a lightweight ambient glow. The glow animates transform only, so it runs on the compositor
-     and costs effectively nothing — no canvas, no requestAnimationFrame. Layout is otherwise unchanged. */
-  :root {
-    --ground:#0d0f16; --surface:#151824; --surface-2:#1c2030; --ink:#eef0f6; --muted:#a3a9bb; --faint:#737a8f;
-    --line:#262b3b; --accent:#9085e9; --accent-ink:#0d0f16; --received:#4a93ea; --sent:#e5723f;
-    --critical:#ec6a62; --warning:#e0a13a; --log-bg:#090b11; --log-line:#1d2130;
-    --shadow:0 1px 2px rgba(0,0,0,.4), 0 16px 48px rgba(0,0,0,.35); color-scheme:dark;
-  }
-  .hero { position: relative; overflow: hidden; }
-  .hero > .wrap { position: relative; z-index: 1; }
-  .hero::before {
-    content: ""; position: absolute; inset: -25% -12%; z-index: 0; pointer-events: none;
-    background:
-      radial-gradient(42vw 44vh at 22% 26%, rgba(144,133,233,.20), transparent 62%),
-      radial-gradient(40vw 40vh at 80% 16%, rgba(74,147,234,.14), transparent 64%),
-      radial-gradient(36vw 36vh at 62% 84%, rgba(229,114,63,.09), transparent 64%);
-    animation: hero-drift 28s ease-in-out infinite alternate;
-    will-change: transform;
-  }
-  @keyframes hero-drift {
-    from { transform: translate3d(-2%, -1%, 0) scale(1); }
-    to   { transform: translate3d(2%, 2%, 0) scale(1.07); }
-  }
-  h1 .flow {
-    background: linear-gradient(100deg, var(--accent) 2%, var(--received) 42%, var(--muted) 66%, var(--sent) 100%);
-    -webkit-background-clip: text; background-clip: text; color: transparent;
-  }
-  @media (prefers-reduced-motion: reduce) { .hero::before { animation: none; } }
-</style>
 <main id="main">
   <section class="hero">
     <div class="wrap">
diff --git a/site/pages/zh-Hans/index.html b/site/pages/zh-Hans/index.html
index a7fca8f3..1542ca86 100644
--- a/site/pages/zh-Hans/index.html
+++ b/site/pages/zh-Hans/index.html
@@ -3,37 +3,6 @@
 description: Flowlight 是面向 macOS 的开源应用级网络监控工具，能看清每个应用的连接去向，尤其看得清 AI 代理、它们的工具和 MCP 服务器。
 nav: home
 -->
-<style>
-  /* Home page only: force the dark palette (the same values site.css already uses for dark), the gradient
-     headline, and a lightweight ambient glow. The glow animates transform only, so it runs on the compositor
-     and costs effectively nothing — no canvas, no requestAnimationFrame. Layout is otherwise unchanged. */
-  :root {
-    --ground:#0d0f16; --surface:#151824; --surface-2:#1c2030; --ink:#eef0f6; --muted:#a3a9bb; --faint:#737a8f;
-    --line:#262b3b; --accent:#9085e9; --accent-ink:#0d0f16; --received:#4a93ea; --sent:#e5723f;
-    --critical:#ec6a62; --warning:#e0a13a; --log-bg:#090b11; --log-line:#1d2130;
-    --shadow:0 1px 2px rgba(0,0,0,.4), 0 16px 48px rgba(0,0,0,.35); color-scheme:dark;
-  }
-  .hero { position: relative; overflow: hidden; }
-  .hero > .wrap { position: relative; z-index: 1; }
-  .hero::before {
-    content: ""; position: absolute; inset: -25% -12%; z-index: 0; pointer-events: none;
-    background:
-      radial-gradient(42vw 44vh at 22% 26%, rgba(144,133,233,.20), transparent 62%),
-      radial-gradient(40vw 40vh at 80% 16%, rgba(74,147,234,.14), transparent 64%),
-      radial-gradient(36vw 36vh at 62% 84%, rgba(229,114,63,.09), transparent 64%);
-    animation: hero-drift 28s ease-in-out infinite alternate;
-    will-change: transform;
-  }
-  @keyframes hero-drift {
-    from { transform: translate3d(-2%, -1%, 0) scale(1); }
-    to   { transform: translate3d(2%, 2%, 0) scale(1.07); }
-  }
-  h1 .flow {
-    background: linear-gradient(100deg, var(--accent) 2%, var(--received) 42%, var(--muted) 66%, var(--sent) 100%);
-    -webkit-background-clip: text; background-clip: text; color: transparent;
-  }
-  @media (prefers-reduced-motion: reduce) { .hero::before { animation: none; } }
-</style>
 <main id="main">
   <section class="hero">
     <div class="wrap">
diff --git a/site/pages/zh-Hant/index.html b/site/pages/zh-Hant/index.html
index dd626483..5410179b 100644
--- a/site/pages/zh-Hant/index.html
+++ b/site/pages/zh-Hant/index.html
@@ -3,37 +3,6 @@
 description: Flowlight 是開放原始碼的 macOS App 層級網路監控工具，看得見每個 App 的連線，也看得清 AI 代理、工具與 MCP 伺服器。
 nav: home
 -->
-<style>
-  /* Home page only: force the dark palette (the same values site.css already uses for dark), the gradient
-     headline, and a lightweight ambient glow. The glow animates transform only, so it runs on the compositor
-     and costs effectively nothing — no canvas, no requestAnimationFrame. Layout is otherwise unchanged. */
-  :root {
-    --ground:#0d0f16; --surface:#151824; --surface-2:#1c2030; --ink:#eef0f6; --muted:#a3a9bb; --faint:#737a8f;
-    --line:#262b3b; --accent:#9085e9; --accent-ink:#0d0f16; --received:#4a93ea; --sent:#e5723f;
-    --critical:#ec6a62; --warning:#e0a13a; --log-bg:#090b11; --log-line:#1d2130;
-    --shadow:0 1px 2px rgba(0,0,0,.4), 0 16px 48px rgba(0,0,0,.35); color-scheme:dark;
-  }
-  .hero { position: relative; overflow: hidden; }
-  .hero > .wrap { position: relative; z-index: 1; }
-  .hero::before {
-    content: ""; position: absolute; inset: -25% -12%; z-index: 0; pointer-events: none;
-    background:
-      radial-gradient(42vw 44vh at 22% 26%, rgba(144,133,233,.20), transparent 62%),
-      radial-gradient(40vw 40vh at 80% 16%, rgba(74,147,234,.14), transparent 64%),
-      radial-gradient(36vw 36vh at 62% 84%, rgba(229,114,63,.09), transparent 64%);
-    animation: hero-drift 28s ease-in-out infinite alternate;
-    will-change: transform;
-  }
-  @keyframes hero-drift {
-    from { transform: translate3d(-2%, -1%, 0) scale(1); }
-    to   { transform: translate3d(2%, 2%, 0) scale(1.07); }
-  }
-  h1 .flow {
-    background: linear-gradient(100deg, var(--accent) 2%, var(--received) 42%, var(--muted) 66%, var(--sent) 100%);
-    -webkit-background-clip: text; background-clip: text; color: transparent;
-  }
-  @media (prefers-reduced-motion: reduce) { .hero::before { animation: none; } }
-</style>
 <main id="main">
   <section class="hero">
     <div class="wrap">