From 7384ea48da8ca2f4c652d8e71fc53fb24b02b516 Mon Sep 17 00:00:00 2001
From: Emre Sokullu <esokullu@gmail.com>
Date: Mon, 2 Nov 2026 20:58:37 +0300
Subject: [PATCH] Show Word on the web before the On your website card

The quotes (Chris Messina, Robert Scoble, MarkTechPost) are about the
browser extension, but the On your website card sat between them and
the extension's card. The card now leaves the hero and follows Word on
the web in its own wrapper with the hero's width and gutters, so the
quotes back the extension right after its card and the page then turns
to the second product. It still follows WEBSITES_LAUNCHED.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EsDq6DxFiLVCyWkC3JtHbh
---
 test/run.js             | 10 +++--
 web/ar/index.html       | 97 +++++++++++++++++++++-------------------
 web/bn/index.html       | 97 +++++++++++++++++++++-------------------
 web/build/template.html | 99 ++++++++++++++++++++++-------------------
 web/de/index.html       | 97 +++++++++++++++++++++-------------------
 web/es/index.html       | 97 +++++++++++++++++++++-------------------
 web/fa/index.html       | 97 +++++++++++++++++++++-------------------
 web/fr/index.html       | 97 +++++++++++++++++++++-------------------
 web/he/index.html       | 97 +++++++++++++++++++++-------------------
 web/hi/index.html       | 97 +++++++++++++++++++++-------------------
 web/id/index.html       | 97 +++++++++++++++++++++-------------------
 web/index.html          | 97 +++++++++++++++++++++-------------------
 web/ja/index.html       | 97 +++++++++++++++++++++-------------------
 web/ko/index.html       | 97 +++++++++++++++++++++-------------------
 web/ms/index.html       | 97 +++++++++++++++++++++-------------------
 web/nl/index.html       | 97 +++++++++++++++++++++-------------------
 web/pt/index.html       | 97 +++++++++++++++++++++-------------------
 web/ru/index.html       | 97 +++++++++++++++++++++-------------------
 web/th/index.html       | 97 +++++++++++++++++++++-------------------
 web/tl/index.html       | 97 +++++++++++++++++++++-------------------
 web/tr/index.html       | 97 +++++++++++++++++++++-------------------
 web/uk/index.html       | 97 +++++++++++++++++++++-------------------
 web/vi/index.html       | 97 +++++++++++++++++++++-------------------
 web/zh/index.html       | 97 +++++++++++++++++++++-------------------
 24 files changed, 1204 insertions(+), 1039 deletions(-)

diff --git a/test/run.js b/test/run.js
index 433f54326..d534214cc 100644
--- a/test/run.js
+++ b/test/run.js
@@ -44973,13 +44973,13 @@ test('homepage leads with the browser extension and offers WebBrain for websites
   assert.match(build, /\{ page: 'home', source: template, outPath: path\.join\(localeDir, 'index\.html'\) \}/);
 
   // Order: headline, the browser extension with the scene carousel, then
-  // WebBrain for websites, word on the web, and the extension's sections.
+  // word on the web, WebBrain for websites, and the extension's sections.
   const order = [
     '<section class="home-hero"',
     '<section class="path path-browser"',
     'id="mockup-stack"',
-    '<section class="path path-websites"',
     'id="voices"',
+    '<section class="path path-websites"',
     '<section class="section" id="providers"',
     '<section class="section" id="features"',
     'id="faq"',
@@ -45010,7 +45010,11 @@ test('homepage leads with the browser extension and offers WebBrain for websites
   assert.match(template, /href="\{\{websites_path\}\}" class="path-btn path-btn-ink" id="hero-websites-cta"/, 'web home: the website card adds WebBrain to a website');
   // WebBrain for websites sits behind one switch: the card stays in the
   // template either way, and the built pages keep it only while it is on.
-  assert.match(template, /<!-- if websites -->\s*<!-- WebBrain for websites:[\s\S]*?<section class="path path-websites"[\s\S]*?<\/section>\s*<!-- end websites -->/, 'web home: the website card is behind the launch switch');
+  assert.match(template, /<!-- if websites -->\s*<!-- WebBrain for websites:[\s\S]*?<div class="home-websites">\s*<section class="path path-websites"[\s\S]*?<\/section>\s*<\/div>\s*<!-- end websites -->/, 'web home: the website card is behind the launch switch');
+  // Word on the web backs the extension right after its card; the website card follows it.
+  assert.ok(template.indexOf('id="voices"') < template.indexOf('<div class="home-websites">'), 'web home: the website card comes after Word on the web');
+  const heroSection = template.slice(template.indexOf('<section class="home-hero"'), template.indexOf('id="voices"'));
+  assert.doesNotMatch(heroSection, /path-websites/, 'web home: the website card is no longer inside the hero');
   assert.match(build, /WEBSITES_LAUNCHED,/, 'web home: the build reads the launch switch');
   // The hero has a browser-only version for while the switch is off.
   for (const key of ['kicker', 'title_line1', 'title_line2', 'lede']) {
diff --git a/web/ar/index.html b/web/ar/index.html
index b0853c358..4df76ee3d 100644
--- a/web/ar/index.html
+++ b/web/ar/index.html
@@ -3782,6 +3782,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3904,6 +3906,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4567,10 +4570,54 @@ <h3>كتالوج المنتجات</h3>
 
   </div>
 
-  
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">شاهد WebBrain أثناء العمل</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="إغلاق الفيديو">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4623,48 +4670,8 @@ <h2 id="path-websites-title">على موقعك</h2>
       </div>
     </div>
   </section>
-  
-</section>
+</div>
 
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">شاهد WebBrain أثناء العمل</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="إغلاق الفيديو">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">
diff --git a/web/bn/index.html b/web/bn/index.html
index 485fe68b4..b8deef97a 100644
--- a/web/bn/index.html
+++ b/web/bn/index.html
@@ -3782,6 +3782,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3904,6 +3906,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4567,10 +4570,54 @@ <h3>পণ্য ক্যাটালগ</h3>
 
   </div>
 
-  
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">WebBrain অ্যাকশনে দেখুন</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="ভিডিও বন্ধ করুন">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4623,48 +4670,8 @@ <h2 id="path-websites-title">আপনার ওয়েবসাইটে</h2>
       </div>
     </div>
   </section>
-  
-</section>
+</div>
 
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">WebBrain অ্যাকশনে দেখুন</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="ভিডিও বন্ধ করুন">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">
diff --git a/web/build/template.html b/web/build/template.html
index 151dbbb40..5614c5f7a 100644
--- a/web/build/template.html
+++ b/web/build/template.html
@@ -3437,6 +3437,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3559,6 +3561,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4170,10 +4173,54 @@ <h3>{{t:hero.mockup.page_title}}</h3>
 
   </div>
 
-  <!-- if websites -->
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">{{t:demo.title}}</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="{{t:home.video.close_aria}}">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+<!-- if websites -->
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4226,48 +4273,8 @@ <h2 id="path-websites-title">{{t:home.websites.title}}</h2>
       </div>
     </div>
   </section>
-  <!-- end websites -->
-</section>
-
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">{{t:demo.title}}</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="{{t:home.video.close_aria}}">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
+</div>
+<!-- end websites -->
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">
diff --git a/web/de/index.html b/web/de/index.html
index 25632561f..27c4680d4 100644
--- a/web/de/index.html
+++ b/web/de/index.html
@@ -3782,6 +3782,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3904,6 +3906,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4567,10 +4570,54 @@ <h3>Produktkatalog</h3>
 
   </div>
 
-  
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">WebBrain in Aktion sehen</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Video schließen">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4623,48 +4670,8 @@ <h2 id="path-websites-title">Auf Ihrer Website</h2>
       </div>
     </div>
   </section>
-  
-</section>
+</div>
 
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">WebBrain in Aktion sehen</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Video schließen">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">
diff --git a/web/es/index.html b/web/es/index.html
index d91448208..9d7056d46 100644
--- a/web/es/index.html
+++ b/web/es/index.html
@@ -3782,6 +3782,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3904,6 +3906,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4567,10 +4570,54 @@ <h3>Catálogo de productos</h3>
 
   </div>
 
-  
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">Mira WebBrain en acción</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Cerrar el video">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4623,48 +4670,8 @@ <h2 id="path-websites-title">En tu sitio web</h2>
       </div>
     </div>
   </section>
-  
-</section>
+</div>
 
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">Mira WebBrain en acción</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Cerrar el video">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">
diff --git a/web/fa/index.html b/web/fa/index.html
index e96b96f74..c1fc3b98e 100644
--- a/web/fa/index.html
+++ b/web/fa/index.html
@@ -3782,6 +3782,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3904,6 +3906,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4567,10 +4570,54 @@ <h3>کاتالوگ محصولات</h3>
 
   </div>
 
-  
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">WebBrain را در عمل تماشا کنید</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="بستن ویدیو">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4623,48 +4670,8 @@ <h2 id="path-websites-title">در وب‌سایت شما</h2>
       </div>
     </div>
   </section>
-  
-</section>
+</div>
 
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">WebBrain را در عمل تماشا کنید</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="بستن ویدیو">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">
diff --git a/web/fr/index.html b/web/fr/index.html
index c528f4883..ada032acc 100644
--- a/web/fr/index.html
+++ b/web/fr/index.html
@@ -3782,6 +3782,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3904,6 +3906,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4567,10 +4570,54 @@ <h3>Catalogue produits</h3>
 
   </div>
 
-  
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">WebBrain en action</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Fermer la vidéo">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4623,48 +4670,8 @@ <h2 id="path-websites-title">Sur votre site web</h2>
       </div>
     </div>
   </section>
-  
-</section>
+</div>
 
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">WebBrain en action</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Fermer la vidéo">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">
diff --git a/web/he/index.html b/web/he/index.html
index a05d7704a..f06c22ae7 100644
--- a/web/he/index.html
+++ b/web/he/index.html
@@ -3782,6 +3782,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3904,6 +3906,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4567,10 +4570,54 @@ <h3>קטלוג מוצרים</h3>
 
   </div>
 
-  
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">צפה ב-WebBrain בפעולה</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="סגירת הסרטון">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4623,48 +4670,8 @@ <h2 id="path-websites-title">באתר שלכם</h2>
       </div>
     </div>
   </section>
-  
-</section>
+</div>
 
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">צפה ב-WebBrain בפעולה</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="סגירת הסרטון">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">
diff --git a/web/hi/index.html b/web/hi/index.html
index ad478297d..2549062af 100644
--- a/web/hi/index.html
+++ b/web/hi/index.html
@@ -3782,6 +3782,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3904,6 +3906,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4567,10 +4570,54 @@ <h3>उत्पाद सूची</h3>
 
   </div>
 
-  
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">WebBrain को क्रियान्वित होते हुए देखें</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="वीडियो बंद करें">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4623,48 +4670,8 @@ <h2 id="path-websites-title">आपकी वेबसाइट पर</h2>
       </div>
     </div>
   </section>
-  
-</section>
+</div>
 
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">WebBrain को क्रियान्वित होते हुए देखें</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="वीडियो बंद करें">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">
diff --git a/web/id/index.html b/web/id/index.html
index 70a40b374..5fdab48f0 100644
--- a/web/id/index.html
+++ b/web/id/index.html
@@ -3782,6 +3782,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3904,6 +3906,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4567,10 +4570,54 @@ <h3>Katalog Produk</h3>
 
   </div>
 
-  
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">Saksikan WebBrain beraksi</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Tutup video">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4623,48 +4670,8 @@ <h2 id="path-websites-title">Di situs web Anda</h2>
       </div>
     </div>
   </section>
-  
-</section>
+</div>
 
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">Saksikan WebBrain beraksi</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Tutup video">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">
diff --git a/web/index.html b/web/index.html
index efdac0460..c2f652527 100644
--- a/web/index.html
+++ b/web/index.html
@@ -3782,6 +3782,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3904,6 +3906,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4567,10 +4570,54 @@ <h3>Product Catalog</h3>
 
   </div>
 
-  
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">Watch WebBrain in action</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Close the video">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4623,48 +4670,8 @@ <h2 id="path-websites-title">On your website</h2>
       </div>
     </div>
   </section>
-  
-</section>
+</div>
 
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">Watch WebBrain in action</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Close the video">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">
diff --git a/web/ja/index.html b/web/ja/index.html
index 1a327d161..4e6b213fd 100644
--- a/web/ja/index.html
+++ b/web/ja/index.html
@@ -3782,6 +3782,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3904,6 +3906,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4567,10 +4570,54 @@ <h3>製品カタログ</h3>
 
   </div>
 
-  
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">WebBrain の動作を見る</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="動画を閉じる">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4623,48 +4670,8 @@ <h2 id="path-websites-title">ウェブサイトで</h2>
       </div>
     </div>
   </section>
-  
-</section>
+</div>
 
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">WebBrain の動作を見る</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="動画を閉じる">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">
diff --git a/web/ko/index.html b/web/ko/index.html
index 0cdc35d2e..07fafa067 100644
--- a/web/ko/index.html
+++ b/web/ko/index.html
@@ -3782,6 +3782,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3904,6 +3906,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4567,10 +4570,54 @@ <h3>제품 카탈로그</h3>
 
   </div>
 
-  
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">WebBrain의 실제 동작을 보세요</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="동영상 닫기">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4623,48 +4670,8 @@ <h2 id="path-websites-title">웹사이트에서</h2>
       </div>
     </div>
   </section>
-  
-</section>
+</div>
 
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">WebBrain의 실제 동작을 보세요</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="동영상 닫기">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">
diff --git a/web/ms/index.html b/web/ms/index.html
index ee9f33c70..2768d6bdd 100644
--- a/web/ms/index.html
+++ b/web/ms/index.html
@@ -3782,6 +3782,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3904,6 +3906,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4567,10 +4570,54 @@ <h3>Katalog Produk</h3>
 
   </div>
 
-  
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">Saksikan WebBrain beraksi</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Tutup video">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4623,48 +4670,8 @@ <h2 id="path-websites-title">Pada laman web anda</h2>
       </div>
     </div>
   </section>
-  
-</section>
+</div>
 
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">Saksikan WebBrain beraksi</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Tutup video">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">
diff --git a/web/nl/index.html b/web/nl/index.html
index 33c2f1d54..1a2fa81c1 100644
--- a/web/nl/index.html
+++ b/web/nl/index.html
@@ -3782,6 +3782,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3904,6 +3906,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4567,10 +4570,54 @@ <h3>Productcatalogus</h3>
 
   </div>
 
-  
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">Bekijk WebBrain in actie</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Video sluiten">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4623,48 +4670,8 @@ <h2 id="path-websites-title">Op je website</h2>
       </div>
     </div>
   </section>
-  
-</section>
+</div>
 
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">Bekijk WebBrain in actie</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Video sluiten">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">
diff --git a/web/pt/index.html b/web/pt/index.html
index a09982d4e..9b0cb1736 100644
--- a/web/pt/index.html
+++ b/web/pt/index.html
@@ -3782,6 +3782,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3904,6 +3906,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4567,10 +4570,54 @@ <h3>Catálogo de Produtos</h3>
 
   </div>
 
-  
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">Veja WebBrain em ação</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Fechar o vídeo">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4623,48 +4670,8 @@ <h2 id="path-websites-title">No seu site</h2>
       </div>
     </div>
   </section>
-  
-</section>
+</div>
 
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">Veja WebBrain em ação</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Fechar o vídeo">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">
diff --git a/web/ru/index.html b/web/ru/index.html
index b54fea113..46e4313d3 100644
--- a/web/ru/index.html
+++ b/web/ru/index.html
@@ -3782,6 +3782,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3904,6 +3906,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4567,10 +4570,54 @@ <h3>Каталог товаров</h3>
 
   </div>
 
-  
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">WebBrain в действии</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Закрыть видео">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4623,48 +4670,8 @@ <h2 id="path-websites-title">На вашем сайте</h2>
       </div>
     </div>
   </section>
-  
-</section>
+</div>
 
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">WebBrain в действии</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Закрыть видео">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">
diff --git a/web/th/index.html b/web/th/index.html
index 4fe0965b1..9c32a4ce2 100644
--- a/web/th/index.html
+++ b/web/th/index.html
@@ -3782,6 +3782,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3904,6 +3906,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4567,10 +4570,54 @@ <h3>แค็ตตาล็อกสินค้า</h3>
 
   </div>
 
-  
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">ดู WebBrain ทำงานจริง</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="ปิดวิดีโอ">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4623,48 +4670,8 @@ <h2 id="path-websites-title">บนเว็บไซต์ของคุณ</h
       </div>
     </div>
   </section>
-  
-</section>
+</div>
 
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">ดู WebBrain ทำงานจริง</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="ปิดวิดีโอ">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">
diff --git a/web/tl/index.html b/web/tl/index.html
index 6c0271031..5fd221df4 100644
--- a/web/tl/index.html
+++ b/web/tl/index.html
@@ -3782,6 +3782,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3904,6 +3906,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4567,10 +4570,54 @@ <h3>Catalog ng Produkto</h3>
 
   </div>
 
-  
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">Panoorin ang WebBrain sa aksyon</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Isara ang video">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4623,48 +4670,8 @@ <h2 id="path-websites-title">Sa iyong website</h2>
       </div>
     </div>
   </section>
-  
-</section>
+</div>
 
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">Panoorin ang WebBrain sa aksyon</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Isara ang video">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">
diff --git a/web/tr/index.html b/web/tr/index.html
index 1a22d2f58..f3e027b25 100644
--- a/web/tr/index.html
+++ b/web/tr/index.html
@@ -3782,6 +3782,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3904,6 +3906,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4567,10 +4570,54 @@ <h3>Ürün Kataloğu</h3>
 
   </div>
 
-  
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">WebBrain iş başında</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Videoyu kapat">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4623,48 +4670,8 @@ <h2 id="path-websites-title">Web sitenizde</h2>
       </div>
     </div>
   </section>
-  
-</section>
+</div>
 
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">WebBrain iş başında</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Videoyu kapat">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">
diff --git a/web/uk/index.html b/web/uk/index.html
index 9d9384439..0ad93e8a7 100644
--- a/web/uk/index.html
+++ b/web/uk/index.html
@@ -3782,6 +3782,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3904,6 +3906,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4567,10 +4570,54 @@ <h3>Каталог товарів</h3>
 
   </div>
 
-  
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">WebBrain у дії</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Закрити відео">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4623,48 +4670,8 @@ <h2 id="path-websites-title">На вашому сайті</h2>
       </div>
     </div>
   </section>
-  
-</section>
+</div>
 
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">WebBrain у дії</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Закрити відео">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">
diff --git a/web/vi/index.html b/web/vi/index.html
index 7596c8358..7e1f29af8 100644
--- a/web/vi/index.html
+++ b/web/vi/index.html
@@ -3782,6 +3782,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3904,6 +3906,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4567,10 +4570,54 @@ <h3>Danh mục sản phẩm</h3>
 
   </div>
 
-  
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">Xem WebBrain hoạt động</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Đóng video">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4623,48 +4670,8 @@ <h2 id="path-websites-title">Trên website của bạn</h2>
       </div>
     </div>
   </section>
-  
-</section>
+</div>
 
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">Xem WebBrain hoạt động</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="Đóng video">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">
diff --git a/web/zh/index.html b/web/zh/index.html
index 664c4e7d4..e16a5ca6b 100644
--- a/web/zh/index.html
+++ b/web/zh/index.html
@@ -3782,6 +3782,8 @@
       padding: 12px 32px 12px 12px;
     }
     .path-websites .path-copy { display: flex; flex-direction: column; gap: 22px; padding: 14px 0; }
+    .home-websites { max-width: var(--max-w); margin: 0 auto; padding: 8px 24px 40px; }
+    .home-websites .path-websites { margin-top: 0; }
 
     .illo {
       position: relative;
@@ -3904,6 +3906,7 @@
     }
     @media (max-width: 768px) {
       .home-hero { padding: 48px 16px 0; }
+      .home-websites { padding: 4px 16px 32px; }
       .path-browser { padding: 22px 16px 20px; margin-top: 34px; }
       .video-dialog { width: min(440px, calc(100vw - 24px)); }
       .video-dialog video { aspect-ratio: 9 / 16; }
@@ -4567,10 +4570,54 @@ <h3>产品目录</h3>
 
   </div>
 
-  
-  <!-- WebBrain for websites: same weight of words, less room. The code
-       illustration marks it as the developer product. Shown while
-       WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+</section>
+
+<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
+  <div class="video-dialog-head">
+    <h2 id="home-video-title">观看 WebBrain 实战</h2>
+    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="关闭视频">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
+    </button>
+  </div>
+  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
+</dialog>
+
+<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
+  <h2 id="voices-title">Word on the web</h2>
+  <div class="voices-grid">
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Chris Messina</span>
+        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
+      </figcaption>
+    </figure>
+    <figure class="voice voice-featured">
+      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
+      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Robert Scoble</span>
+        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
+      </figcaption>
+    </figure>
+    <figure class="voice">
+      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
+      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
+      <figcaption>
+        <span class="voice-name">Asif Razzaq</span>
+        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
+      </figcaption>
+    </figure>
+  </div>
+</section>
+
+
+<!-- WebBrain for websites: same weight of words, less room. The code
+     illustration marks it as the developer product. It follows Word on
+     the web, so the quotes back the extension right after its card.
+     Shown while WEBSITES_LAUNCHED (site-footer.mjs) is on. -->
+<div class="home-websites">
   <section class="path path-websites" aria-labelledby="path-websites-title">
     <div class="illo illo-site" aria-hidden="true">
       <div class="code-pane">
@@ -4623,48 +4670,8 @@ <h2 id="path-websites-title">在您的网站上</h2>
       </div>
     </div>
   </section>
-  
-</section>
+</div>
 
-<dialog class="video-dialog" id="home-video-dialog" aria-labelledby="home-video-title">
-  <div class="video-dialog-head">
-    <h2 id="home-video-title">观看 WebBrain 实战</h2>
-    <button class="video-dialog-close" id="home-video-close" type="button" aria-label="关闭视频">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
-    </button>
-  </div>
-  <video id="home-video" data-desktop-src="/assets/webbrain-home-demo.mp4" data-mobile-src="/assets/webbrain-home-demo-vertical.mp4" data-desktop-poster="/assets/webbrain-home-demo-poster.jpg" data-mobile-poster="/assets/webbrain-home-demo-poster-vertical.jpg" controls preload="none" playsinline></video>
-</dialog>
-
-<section class="section voices-section" id="voices" lang="en" dir="ltr" aria-labelledby="voices-title">
-  <h2 id="voices-title">Word on the web</h2>
-  <div class="voices-grid">
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/chris-messina.png" alt="Illustrated portrait of Chris Messina" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.producthunt.com/products/webbrain">“The power of this approach is that the assistant has access to your sessions, cookies, and context — <em>intact</em>.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Chris Messina</span>
-        <a class="voice-source" href="https://www.producthunt.com/products/webbrain" target="_blank" rel="noopener noreferrer">Product Hunt</a>
-      </figcaption>
-    </figure>
-    <figure class="voice voice-featured">
-      <img class="voice-portrait" src="/assets/voices/robert-scoble.png" alt="Illustrated portrait of Robert Scoble" width="90" height="90" loading="lazy" decoding="async">
-      <blockquote cite="https://x.com/Scobleizer/status/2098481418687123967">“Makes Google Chrome a lot more useful.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Robert Scoble</span>
-        <a class="voice-source" href="https://x.com/Scobleizer/status/2098481418687123967" target="_blank" rel="noopener noreferrer">X / Scobleizer</a>
-      </figcaption>
-    </figure>
-    <figure class="voice">
-      <img class="voice-portrait" src="/assets/voices/asif-razzaq.png" alt="Illustrated portrait of Asif Razzaq" width="76" height="76" loading="lazy" decoding="async">
-      <blockquote cite="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/">“Run the agent against a local model, and no page data leaves your machine.”</blockquote>
-      <figcaption>
-        <span class="voice-name">Asif Razzaq</span>
-        <a class="voice-source" href="https://www.marktechpost.com/2026/07/02/meet-webbrain-an-open-source-local-first-ai-browser-agent-that-reads-pages-and-automates-tasks-in-chrome-and-firefox/" target="_blank" rel="noopener noreferrer">MarkTechPost</a>
-      </figcaption>
-    </figure>
-  </div>
-</section>
 
 <!-- 4. BRING YOUR OWN AI -->
 <section class="section" id="providers" style="padding-top: 40px;">