diff --git a/brand/index.html b/brand/index.html
index 7afe1fa..16b60a2 100644
--- a/brand/index.html
+++ b/brand/index.html
@@ -41,6 +41,28 @@
   .topnav a .g{color:var(--acid)}
   .topnav a svg.tabicon{width:15px;height:15px;flex:none}
 
+  /* Mobile hamburger — matches the home-page pattern. */
+  .topnav .menu{display:none}
+  @media (max-width:720px){
+    .topnav{flex-wrap:nowrap;padding:10px 1rem}
+    .topnav .brand{margin-right:0}
+    .topnav > a:not(.brand){display:none}
+    .topnav .menu{display:block;margin-left:auto;position:relative}
+    .topnav .menu > summary{list-style:none;cursor:pointer;padding:8px 10px;
+         border-radius:8px;color:var(--mut);display:inline-flex;align-items:center;gap:6px}
+    .topnav .menu > summary::-webkit-details-marker{display:none}
+    .topnav .menu > summary svg{width:22px;height:22px;display:block}
+    .topnav .menu > summary:hover,
+    .topnav .menu[open] > summary{color:var(--ink);background:var(--panel)}
+    .topnav .menu .menu-panel{position:absolute;top:calc(100% + 6px);right:0;
+         background:var(--bg);border:1px solid var(--line);border-radius:12px;
+         padding:6px;min-width:220px;display:flex;flex-direction:column;gap:2px;
+         box-shadow:0 10px 32px rgba(0,0,0,.55)}
+    .topnav .menu .menu-panel a{padding:10px 14px;border-radius:8px;font-size:14.5px;
+         color:var(--mut);text-decoration:none;display:flex;align-items:center;gap:8px}
+    .topnav .menu .menu-panel a:hover{color:var(--ink);background:var(--panel)}
+  }
+
   /* Sidebar overlay — same shape as index.html */
   :root{--sn-w:200px;--tn-h:52px}
   body{padding-top:var(--tn-h)}
@@ -133,9 +155,20 @@
   </a>
   <a href="../plug-ins/">Plug-ins</a>
   <a href="../extensions/">Extensions</a>
-  <a class="here" href="./">Brand</a>
+  <a href="../dev/">Developers</a>
   <a href="https://sirius.x/" title="Register a BCNR name"><svg class="tabicon" viewBox="0 0 64 64" aria-hidden="true"><rect width="64" height="64" rx="12" fill="#0b0e14"/><path d="M32 4 L36.4 27.6 L60 32 L36.4 36.4 L32 60 L27.6 36.4 L4 32 L27.6 27.6 Z" fill="#d6ff3d"/></svg><span>Sirius<span class="g">.X</span></span></a>
   <a class="get" href="../#download">Get Theseus</a>
+  <details class="menu">
+    <summary aria-label="Open menu">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h16"/></svg>
+    </summary>
+    <div class="menu-panel">
+      <a href="../plug-ins/">Plug-ins</a>
+      <a href="../extensions/">Extensions</a>
+      <a href="../dev/">Developers</a>
+      <a href="https://sirius.x/">Sirius.X</a>
+    </div>
+  </details>
 </nav>
 
 <aside class="sidenav" aria-label="On this page">
diff --git a/extensions/index.html b/extensions/index.html
index 16a106d..c8bddcc 100644
--- a/extensions/index.html
+++ b/extensions/index.html
@@ -34,6 +34,28 @@
   .topnav a.here{color:var(--acid);background:rgba(214,255,61,.08)}
   .topnav a .g{color:var(--acid)}
   .topnav a svg.tabicon{width:15px;height:15px;flex:none}
+
+  /* Mobile hamburger — matches the home-page pattern. */
+  .topnav .menu{display:none}
+  @media (max-width:720px){
+    .topnav{flex-wrap:nowrap;padding:10px 1rem}
+    .topnav .brand{margin-right:0}
+    .topnav > a:not(.brand){display:none}
+    .topnav .menu{display:block;margin-left:auto;position:relative}
+    .topnav .menu > summary{list-style:none;cursor:pointer;padding:8px 10px;
+         border-radius:8px;color:var(--mut);display:inline-flex;align-items:center;gap:6px}
+    .topnav .menu > summary::-webkit-details-marker{display:none}
+    .topnav .menu > summary svg{width:22px;height:22px;display:block}
+    .topnav .menu > summary:hover,
+    .topnav .menu[open] > summary{color:var(--ink);background:var(--panel)}
+    .topnav .menu .menu-panel{position:absolute;top:calc(100% + 6px);right:0;
+         background:var(--bg);border:1px solid var(--line);border-radius:12px;
+         padding:6px;min-width:220px;display:flex;flex-direction:column;gap:2px;
+         box-shadow:0 10px 32px rgba(0,0,0,.55)}
+    .topnav .menu .menu-panel a{padding:10px 14px;border-radius:8px;font-size:14.5px;
+         color:var(--mut);text-decoration:none;display:flex;align-items:center;gap:8px}
+    .topnav .menu .menu-panel a:hover{color:var(--ink);background:var(--panel)}
+  }
   .topnav a.get{margin-left:auto;background:rgba(214,255,61,.10);color:var(--acid);font-weight:500}
   .topnav a.get:hover{background:rgba(214,255,61,.18)}
 
@@ -147,9 +169,20 @@
   </a>
   <a href="../plug-ins/">Plug-ins</a>
   <a class="here" href="./">Extensions</a>
-  <a href="../brand/">Brand</a>
+  <a href="../dev/">Developers</a>
   <a href="https://sirius.x/" title="Register a BCNR name"><svg class="tabicon" viewBox="0 0 64 64" aria-hidden="true"><rect width="64" height="64" rx="12" fill="#0b0e14"/><path d="M32 4 L36.4 27.6 L60 32 L36.4 36.4 L32 60 L27.6 36.4 L4 32 L27.6 27.6 Z" fill="#d6ff3d"/></svg><span>Sirius<span class="g">.X</span></span></a>
   <a class="get" href="../#download">Get Theseus</a>
+  <details class="menu">
+    <summary aria-label="Open menu">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h16"/></svg>
+    </summary>
+    <div class="menu-panel">
+      <a href="../plug-ins/">Plug-ins</a>
+      <a href="./">Extensions</a>
+      <a href="../dev/">Developers</a>
+      <a href="https://sirius.x/">Sirius.X</a>
+    </div>
+  </details>
 </nav>
 
 <aside class="sidenav" aria-label="On this page">
diff --git a/plug-ins/index.html b/plug-ins/index.html
index a0e8f9b..1060a73 100644
--- a/plug-ins/index.html
+++ b/plug-ins/index.html
@@ -32,7 +32,29 @@
   .topnav a:hover{color:var(--ink);background:var(--panel)}
   .topnav a.here{color:var(--acid);background:rgba(214,255,61,.08)}
   .topnav a .g{color:var(--acid)}
-  .topnav a svg.tabicon{width:15px;height:15px;flex:none}
+  .topnav a svg.tabicon{width:15px;height:15px;flex:none}
+
+  /* Mobile hamburger — matches the home-page pattern. */
+  .topnav .menu{display:none}
+  @media (max-width:720px){
+    .topnav{flex-wrap:nowrap;padding:10px 1rem}
+    .topnav .brand{margin-right:0}
+    .topnav > a:not(.brand){display:none}
+    .topnav .menu{display:block;margin-left:auto;position:relative}
+    .topnav .menu > summary{list-style:none;cursor:pointer;padding:8px 10px;
+         border-radius:8px;color:var(--mut);display:inline-flex;align-items:center;gap:6px}
+    .topnav .menu > summary::-webkit-details-marker{display:none}
+    .topnav .menu > summary svg{width:22px;height:22px;display:block}
+    .topnav .menu > summary:hover,
+    .topnav .menu[open] > summary{color:var(--ink);background:var(--panel)}
+    .topnav .menu .menu-panel{position:absolute;top:calc(100% + 6px);right:0;
+         background:var(--bg);border:1px solid var(--line);border-radius:12px;
+         padding:6px;min-width:220px;display:flex;flex-direction:column;gap:2px;
+         box-shadow:0 10px 32px rgba(0,0,0,.55)}
+    .topnav .menu .menu-panel a{padding:10px 14px;border-radius:8px;font-size:14.5px;
+         color:var(--mut);text-decoration:none;display:flex;align-items:center;gap:8px}
+    .topnav .menu .menu-panel a:hover{color:var(--ink);background:var(--panel)}
+  }
   .topnav a.get{margin-left:auto;background:rgba(214,255,61,.10);color:var(--acid);font-weight:500}
   .topnav a.get:hover{background:rgba(214,255,61,.18)}
 
@@ -118,9 +140,20 @@
   </a>
   <a class="here" href="./">Plug-ins</a>
   <a href="../extensions/">Extensions</a>
-  <a href="../brand/">Brand</a>
+  <a href="../dev/">Developers</a>
   <a href="https://sirius.x/" title="Register a BCNR name"><svg class="tabicon" viewBox="0 0 64 64" aria-hidden="true"><rect width="64" height="64" rx="12" fill="#0b0e14"/><path d="M32 4 L36.4 27.6 L60 32 L36.4 36.4 L32 60 L27.6 36.4 L4 32 L27.6 27.6 Z" fill="#d6ff3d"/></svg><span>Sirius<span class="g">.X</span></span></a>
   <a class="get" href="../#download">Get Theseus</a>
+  <details class="menu">
+    <summary aria-label="Open menu">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h16"/></svg>
+    </summary>
+    <div class="menu-panel">
+      <a href="./">Plug-ins</a>
+      <a href="../extensions/">Extensions</a>
+      <a href="../dev/">Developers</a>
+      <a href="https://sirius.x/">Sirius.X</a>
+    </div>
+  </details>
 </nav>
 
 <aside class="sidenav" aria-label="On this page">
diff --git a/whitepaper/index.html b/whitepaper/index.html
index 9284ecd..bea8663 100644
--- a/whitepaper/index.html
+++ b/whitepaper/index.html
@@ -31,6 +31,28 @@
   .topnav a.get:hover{background:rgba(214,255,61,.18)}
   .topnav a .g{color:var(--acid)}
   .topnav a svg.tabicon{width:15px;height:15px;flex:none}
+
+  /* Mobile hamburger — matches the home-page pattern. */
+  .topnav .menu{display:none}
+  @media (max-width:720px){
+    .topnav{flex-wrap:nowrap;padding:10px 1rem}
+    .topnav .brand{margin-right:0}
+    .topnav > a:not(.brand){display:none}
+    .topnav .menu{display:block;margin-left:auto;position:relative}
+    .topnav .menu > summary{list-style:none;cursor:pointer;padding:8px 10px;
+         border-radius:8px;color:var(--mut);display:inline-flex;align-items:center;gap:6px}
+    .topnav .menu > summary::-webkit-details-marker{display:none}
+    .topnav .menu > summary svg{width:22px;height:22px;display:block}
+    .topnav .menu > summary:hover,
+    .topnav .menu[open] > summary{color:var(--ink);background:var(--panel)}
+    .topnav .menu .menu-panel{position:absolute;top:calc(100% + 6px);right:0;
+         background:var(--bg);border:1px solid var(--line);border-radius:12px;
+         padding:6px;min-width:220px;display:flex;flex-direction:column;gap:2px;
+         box-shadow:0 10px 32px rgba(0,0,0,.55)}
+    .topnav .menu .menu-panel a{padding:10px 14px;border-radius:8px;font-size:14.5px;
+         color:var(--mut);text-decoration:none;display:flex;align-items:center;gap:8px}
+    .topnav .menu .menu-panel a:hover{color:var(--ink);background:var(--panel)}
+  }
   .wrap{max-width:1040px;margin:0 auto;padding:0 1.2rem}
   .layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:48px;justify-content:center;align-items:start}
   header.hero{padding:3rem 0 1rem}
@@ -73,10 +95,20 @@
   </a>
   <a href="../plug-ins/">Plug-ins</a>
   <a href="../extensions/">Extensions</a>
-  <a href="../brand/">Brand</a>
-  <a class="here" href="./">Whitepaper</a>
+  <a href="../dev/">Developers</a>
   <a href="https://sirius.x/" title="Register a BCNR name"><svg class="tabicon" viewBox="0 0 64 64" aria-hidden="true"><rect width="64" height="64" rx="12" fill="#0b0e14"/><path d="M32 4 L36.4 27.6 L60 32 L36.4 36.4 L32 60 L27.6 36.4 L4 32 L27.6 27.6 Z" fill="#d6ff3d"/></svg><span>Sirius<span class="g">.X</span></span></a>
   <a class="get" href="../#download">Get Theseus</a>
+  <details class="menu">
+    <summary aria-label="Open menu">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h16"/></svg>
+    </summary>
+    <div class="menu-panel">
+      <a href="../plug-ins/">Plug-ins</a>
+      <a href="../extensions/">Extensions</a>
+      <a href="../dev/">Developers</a>
+      <a href="https://sirius.x/">Sirius.X</a>
+    </div>
+  </details>
 </nav>
 
 <div class="wrap">