diff --git a/.github/workflows/cloudflare-pages.yml b/.github/workflows/cloudflare-pages.yml
index c7da01b..e1db991 100644
--- a/.github/workflows/cloudflare-pages.yml
+++ b/.github/workflows/cloudflare-pages.yml
@@ -157,7 +157,7 @@ jobs:
           test ! -e dist/projects/relay
           test ! -e dist/projects/osahr
           test -s dist/og/attest.png
-          test -s dist/media/demos/gyre-full-v1.mp4
+          test -s dist/media/demos/gyre-full-v2.mp4
           test -s dist/og/flyspace.png
           grep -Fq 'og:image' dist/projects/flyspace/index.html
           test ! -e dist/projects/omnios
diff --git a/404.html b/404.html
index 8e1a118..85acd20 100644
--- a/404.html
+++ b/404.html
@@ -9,7 +9,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
-  <link rel="stylesheet" href="/syberlabs.css?v=20261105">
+  <link rel="stylesheet" href="/syberlabs.css?v=20261105b">
   <title>Page not found | SyberLabs</title>
   <style>
     body { min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; }
@@ -39,8 +39,8 @@
     <p class="sy-atlas__foot"><span>Press <kbd>/</kbd> anywhere to open the menu · <kbd>Esc</kbd> closes</span><a href="mailto:syberlabs.support@gmail.com">syberlabs.support@gmail.com</a></p>
   </div>
 </div></details>
-</div></header>
-<script type="module" src="/syberlabs.js?v=20261105"></script>
+</div><script type="speculationrules">{"prerender":[{"where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":"/admin*"}},{"not":{"href_matches":"/auth/*"}}]},"eagerness":"moderate"}]}</script></header>
+<script type="module" src="/syberlabs.js?v=20261105b"></script>
   <div class="nf sy-nebula--center">
     <canvas class="sy-atmosphere" id="plate" aria-hidden="true"></canvas>
     <div class="sy-scrim sy-scrim--heavy" aria-hidden="true"></div>
diff --git a/approach/index.html b/approach/index.html
index c37a447..811a972 100644
--- a/approach/index.html
+++ b/approach/index.html
@@ -19,7 +19,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
-  <link rel="stylesheet" href="/syberlabs.css?v=20261105">
+  <link rel="stylesheet" href="/syberlabs.css?v=20261105b">
   <link rel="stylesheet" href="/approach/approach.css?v=20261030">
   <title>Our Approach | SyberLabs</title>
 </head>
@@ -37,8 +37,8 @@
     <p class="sy-atlas__foot"><span>Press <kbd>/</kbd> anywhere to open the menu · <kbd>Esc</kbd> closes</span><a href="mailto:syberlabs.support@gmail.com">syberlabs.support@gmail.com</a></p>
   </div>
 </div></details>
-</div></header>
-<script type="module" src="/syberlabs.js?v=20261105"></script>
+</div><script type="speculationrules">{"prerender":[{"where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":"/admin*"}},{"not":{"href_matches":"/auth/*"}}]},"eagerness":"moderate"}]}</script></header>
+<script type="module" src="/syberlabs.js?v=20261105b"></script>
   <main class="approach-main" id="main">
     <section class="approach-hero" id="mission" aria-labelledby="mission-title">
       <p class="eyebrow">OUR APPROACH</p>
diff --git a/factory/index.html b/factory/index.html
index 3746feb..524be14 100644
--- a/factory/index.html
+++ b/factory/index.html
@@ -19,7 +19,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
-  <link rel="stylesheet" href="/syberlabs.css?v=20261105">
+  <link rel="stylesheet" href="/syberlabs.css?v=20261105b">
   <link rel="stylesheet" href="/factory/factory.css?v=20261030">
   <title>The Factory | SyberLabs</title>
 </head>
@@ -37,8 +37,8 @@
     <p class="sy-atlas__foot"><span>Press <kbd>/</kbd> anywhere to open the menu · <kbd>Esc</kbd> closes</span><a href="mailto:syberlabs.support@gmail.com">syberlabs.support@gmail.com</a></p>
   </div>
 </div></details>
-</div></header>
-<script type="module" src="/syberlabs.js?v=20261105"></script>
+</div><script type="speculationrules">{"prerender":[{"where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":"/admin*"}},{"not":{"href_matches":"/auth/*"}}]},"eagerness":"moderate"}]}</script></header>
+<script type="module" src="/syberlabs.js?v=20261105b"></script>
   <main class="factory" id="main">
     <section class="factory-hero sy-wrap" aria-labelledby="factory-title">
       <img class="factory-hero__emblem" src="/media/lab/syberlabs-emblem.webp" width="900" height="675" alt="">
diff --git a/jev/index.html b/jev/index.html
index ba3cb2a..590d26b 100644
--- a/jev/index.html
+++ b/jev/index.html
@@ -20,7 +20,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
-  <link rel="stylesheet" href="/syberlabs.css?v=20261105">
+  <link rel="stylesheet" href="/syberlabs.css?v=20261105b">
   <link rel="stylesheet" href="/jev/jev.css?v=20261030">
   <script src="/jev/primitives.js?v=3" defer></script>
 </head>
@@ -38,8 +38,8 @@
     <p class="sy-atlas__foot"><span>Press <kbd>/</kbd> anywhere to open the menu · <kbd>Esc</kbd> closes</span><a href="mailto:syberlabs.support@gmail.com">syberlabs.support@gmail.com</a></p>
   </div>
 </div></details>
-</div></header>
-<script type="module" src="/syberlabs.js?v=20261105"></script>
+</div><script type="speculationrules">{"prerender":[{"where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":"/admin*"}},{"not":{"href_matches":"/auth/*"}}]},"eagerness":"moderate"}]}</script></header>
+<script type="module" src="/syberlabs.js?v=20261105b"></script>
 
   <main id="main">
     <section class="jev-hero sy-container" aria-labelledby="hero-title">
diff --git a/kev/index.html b/kev/index.html
index 6803467..e99aef5 100644
--- a/kev/index.html
+++ b/kev/index.html
@@ -20,7 +20,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
-  <link rel="stylesheet" href="/syberlabs.css?v=20261105">
+  <link rel="stylesheet" href="/syberlabs.css?v=20261105b">
   <link rel="stylesheet" href="/approach/approach.css?v=20261030">
 </head>
 <body class="syber-approach">
@@ -37,8 +37,8 @@
     <p class="sy-atlas__foot"><span>Press <kbd>/</kbd> anywhere to open the menu · <kbd>Esc</kbd> closes</span><a href="mailto:syberlabs.support@gmail.com">syberlabs.support@gmail.com</a></p>
   </div>
 </div></details>
-</div></header>
-<script type="module" src="/syberlabs.js?v=20261105"></script>
+</div><script type="speculationrules">{"prerender":[{"where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":"/admin*"}},{"not":{"href_matches":"/auth/*"}}]},"eagerness":"moderate"}]}</script></header>
+<script type="module" src="/syberlabs.js?v=20261105b"></script>
   <main class="approach-main" id="main">
     <section class="approach-hero" aria-labelledby="kev-title">
       <p class="eyebrow">RISE / AI integration / updated October 2026</p>
diff --git a/media/demos/README.md b/media/demos/README.md
index b3ccb9a..eb9edac 100644
--- a/media/demos/README.md
+++ b/media/demos/README.md
@@ -1,6 +1,6 @@
 # Demonstration media
 
-- `gyre-full-v1.mp4` and `gyre-full-portrait-v1.mp4`, with their posters, are the homepage's muted background
+- `gyre-full-v2.mp4` and `gyre-full-portrait-v2.mp4`, with their posters, are the homepage's muted background
   clips: cinematic renderings of the Lorenz equations (RK4 integration, periodic camera). They are artwork, not
   recordings of a product interface. They contain no audio.
 - `rise-playback.mp4` records the RISE reading product from the 2026-10-05 build at `SyberLabs/RISE@998d725`. It
diff --git a/media/demos/gyre-full-portrait-v1.jpg b/media/demos/gyre-full-portrait-v1.jpg
deleted file mode 100644
index eb7c19e..0000000
Binary files a/media/demos/gyre-full-portrait-v1.jpg and /dev/null differ
diff --git a/media/demos/gyre-full-portrait-v1.mp4 b/media/demos/gyre-full-portrait-v1.mp4
deleted file mode 100644
index 992e149..0000000
Binary files a/media/demos/gyre-full-portrait-v1.mp4 and /dev/null differ
diff --git a/media/demos/gyre-full-portrait-v2.jpg b/media/demos/gyre-full-portrait-v2.jpg
new file mode 100644
index 0000000..67fd94d
Binary files /dev/null and b/media/demos/gyre-full-portrait-v2.jpg differ
diff --git a/media/demos/gyre-full-portrait-v2.mp4 b/media/demos/gyre-full-portrait-v2.mp4
new file mode 100644
index 0000000..b64ce3d
Binary files /dev/null and b/media/demos/gyre-full-portrait-v2.mp4 differ
diff --git a/media/demos/gyre-full-v1.jpg b/media/demos/gyre-full-v1.jpg
deleted file mode 100644
index 82afec5..0000000
Binary files a/media/demos/gyre-full-v1.jpg and /dev/null differ
diff --git a/media/demos/gyre-full-v1.mp4 b/media/demos/gyre-full-v1.mp4
deleted file mode 100644
index 1c8bfc7..0000000
Binary files a/media/demos/gyre-full-v1.mp4 and /dev/null differ
diff --git a/media/demos/gyre-full-v2.jpg b/media/demos/gyre-full-v2.jpg
new file mode 100644
index 0000000..b44142a
Binary files /dev/null and b/media/demos/gyre-full-v2.jpg differ
diff --git a/media/demos/gyre-full-v2.mp4 b/media/demos/gyre-full-v2.mp4
new file mode 100644
index 0000000..a091b11
Binary files /dev/null and b/media/demos/gyre-full-v2.mp4 differ
diff --git a/plus/index.html b/plus/index.html
index 33b290f..003f314 100644
--- a/plus/index.html
+++ b/plus/index.html
@@ -20,7 +20,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
-  <link rel="stylesheet" href="/syberlabs.css?v=20261105">
+  <link rel="stylesheet" href="/syberlabs.css?v=20261105b">
   <link rel="stylesheet" href="/plus/plus.css?v=20261030">
 </head>
 <body class="syber-plus">
@@ -37,8 +37,8 @@
     <p class="sy-atlas__foot"><span>Press <kbd>/</kbd> anywhere to open the menu · <kbd>Esc</kbd> closes</span><a href="mailto:syberlabs.support@gmail.com">syberlabs.support@gmail.com</a></p>
   </div>
 </div></details>
-</div></header>
-<script type="module" src="/syberlabs.js?v=20261105"></script>
+</div><script type="speculationrules">{"prerender":[{"where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":"/admin*"}},{"not":{"href_matches":"/auth/*"}}]},"eagerness":"moderate"}]}</script></header>
+<script type="module" src="/syberlabs.js?v=20261105b"></script>
   <main class="plus-main" id="main">
     <div class="plus-intro">
     <section class="plus-hero" aria-labelledby="plus-title">
diff --git a/privacy/index.html b/privacy/index.html
index 33de410..d718f90 100644
--- a/privacy/index.html
+++ b/privacy/index.html
@@ -20,7 +20,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
-  <link rel="stylesheet" href="/syberlabs.css?v=20261105">
+  <link rel="stylesheet" href="/syberlabs.css?v=20261105b">
   <link rel="stylesheet" href="/privacy/privacy.css?v=1">
 </head>
 <body>
@@ -38,8 +38,8 @@
     <p class="sy-atlas__foot"><span>Press <kbd>/</kbd> anywhere to open the menu · <kbd>Esc</kbd> closes</span><a href="mailto:syberlabs.support@gmail.com">syberlabs.support@gmail.com</a></p>
   </div>
 </div></details>
-</div></header>
-<script type="module" src="/syberlabs.js?v=20261105"></script>
+</div><script type="speculationrules">{"prerender":[{"where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":"/admin*"}},{"not":{"href_matches":"/auth/*"}}]},"eagerness":"moderate"}]}</script></header>
+<script type="module" src="/syberlabs.js?v=20261105b"></script>
   <main id="main" class="privacy sy-container">
     <div class="site-head">
       <p class="sy-eyebrow">Privacy</p>
diff --git a/projects/attest/index.html b/projects/attest/index.html
index 1aaffc1..d1bc37a 100644
--- a/projects/attest/index.html
+++ b/projects/attest/index.html
@@ -19,7 +19,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
-  <link rel="stylesheet" href="/syberlabs.css?v=20261105">
+  <link rel="stylesheet" href="/syberlabs.css?v=20261105b">
   <link rel="stylesheet" href="../experience-v7.css?v=20261030">
   <script type="module" src="../experience-v7.js?v=20261105"></script>
   <title>Attest — SyberLabs</title>
diff --git a/projects/flyspace/index.html b/projects/flyspace/index.html
index e3f260b..b2ef828 100644
--- a/projects/flyspace/index.html
+++ b/projects/flyspace/index.html
@@ -19,7 +19,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
-  <link rel="stylesheet" href="/syberlabs.css?v=20261105">
+  <link rel="stylesheet" href="/syberlabs.css?v=20261105b">
   <link rel="stylesheet" href="../experience-v7.css?v=20261030">
   <script type="module" src="../experience-v7.js?v=20261105"></script>
   <title>FLYSPACE — SyberLabs</title>
diff --git a/projects/project-template.js b/projects/project-template.js
index fc17d08..7ef6674 100644
--- a/projects/project-template.js
+++ b/projects/project-template.js
@@ -50,6 +50,10 @@ const navLinks = (current = '', here = '') => nav.map(item => `<li><a href="${it
 // JS, and src/site/nav.js keeps the attribute in step once it runs.
 // `sticky` (default) keeps the header in flow; the homepage passes false so it floats over the hero.
 // The customer subscription route is separate from staff sign-in in the footer.
+// Same-site links prerender after a short hover (Chromium's Speculation Rules), so a click lands on a page that is
+// already rendered. Staff routes are excluded. Browsers without support ignore it.
+const SPECULATION = `<script type="speculationrules">{"prerender":[{"where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":"/admin*"}},{"not":{"href_matches":"/auth/*"}}]},"eagerness":"moderate"}]}</script>`;
+
 // The header row ends with the one conversion action, Book a consultation, which stays visible on phones too.
 export const header = (current = '', { sticky = true, script = true, here = '' } = {}) => `<a class="sy-skip" href="#main">Skip to content</a>
 <div class="sy-field-host" aria-hidden="true"><canvas class="sy-field"></canvas></div>
@@ -57,7 +61,7 @@ export const header = (current = '', { sticky = true, script = true, here = '' }
   <a class="sy-lockup" href="/" aria-label="SyberLabs home"><img src="/syber-logo-96.png" alt="" width="22" height="24">SYBERLABS</a>
   <nav class="sy-nav" aria-label="Primary"><ul>${navLinks(current)}<li class="sy-nav__cta-item"><a class="sy-nav__cta" href="${workWithUs.href}">${workWithUs.label}</a></li></ul></nav>
   <details class="sy-menu"><summary aria-label="Menu" aria-controls="sy-atlas">${icon('menu', 18)}<span>Menu</span></summary>${atlas(here)}</details>
-</div></header>${script ? '\n<script type="module" src="/syberlabs.js?v=20261105"></script>' : ''}`;
+</div>${SPECULATION}</header>${script ? '\n<script type="module" src="/syberlabs.js?v=20261105b"></script>' : ''}`;
 
 // The footer: one hairline bar of essential contact, account and legal links. Every contact
 // route is defined by projects/site-data.js footerLinks. The site map is not repeated here: it is the header's
diff --git a/projects/rise/index.html b/projects/rise/index.html
index f6cba17..aeac03e 100644
--- a/projects/rise/index.html
+++ b/projects/rise/index.html
@@ -21,7 +21,7 @@
 <meta name="twitter:image" content="https://syberlabs.io/og/rise.png?v=20261105">
 <link rel="icon" href="/favicon-32x32.png?v=prism" type="image/png" sizes="32x32">
 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
-<link rel="stylesheet" href="/syberlabs.css?v=20261105">
+<link rel="stylesheet" href="/syberlabs.css?v=20261105b">
 <link rel="stylesheet" href="../experience-v7.css?v=20261030">
 <style>
 /* ---------- RISE tokens (single dark world, by choice) ---------- */
@@ -244,8 +244,8 @@
     <p class="sy-atlas__foot"><span>Press <kbd>/</kbd> anywhere to open the menu · <kbd>Esc</kbd> closes</span><a href="mailto:syberlabs.support@gmail.com">syberlabs.support@gmail.com</a></p>
   </div>
 </div></details>
-</div></header>
-<script type="module" src="/syberlabs.js?v=20261105"></script>
+</div><script type="speculationrules">{"prerender":[{"where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":"/admin*"}},{"not":{"href_matches":"/auth/*"}}]},"eagerness":"moderate"}]}</script></header>
+<script type="module" src="/syberlabs.js?v=20261105b"></script>
 
 <!-- Shared SVG defs for both wordmark layouts -->
 <svg width="0" height="0" style="position:absolute" aria-hidden="true" focusable="false">
diff --git a/projects/syberwork/index.html b/projects/syberwork/index.html
index d5fda3d..1c20828 100644
--- a/projects/syberwork/index.html
+++ b/projects/syberwork/index.html
@@ -19,7 +19,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
-  <link rel="stylesheet" href="/syberlabs.css?v=20261105">
+  <link rel="stylesheet" href="/syberlabs.css?v=20261105b">
   <link rel="stylesheet" href="../experience-v7.css?v=20261030">
   <script type="module" src="../experience-v7.js?v=20261105"></script>
   <title>SyberWork — SyberLabs</title>
diff --git a/research/decision-arena/index.html b/research/decision-arena/index.html
index ccbf807..b82a2c6 100644
--- a/research/decision-arena/index.html
+++ b/research/decision-arena/index.html
@@ -20,7 +20,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
-  <link rel="stylesheet" href="/syberlabs.css?v=20261105">
+  <link rel="stylesheet" href="/syberlabs.css?v=20261105b">
   <link rel="stylesheet" href="report.css?v=20261030">
 </head>
 <body>
@@ -37,8 +37,8 @@
     <p class="sy-atlas__foot"><span>Press <kbd>/</kbd> anywhere to open the menu · <kbd>Esc</kbd> closes</span><a href="mailto:syberlabs.support@gmail.com">syberlabs.support@gmail.com</a></p>
   </div>
 </div></details>
-</div></header>
-<script type="module" src="/syberlabs.js?v=20261105"></script>
+</div><script type="speculationrules">{"prerender":[{"where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":"/admin*"}},{"not":{"href_matches":"/auth/*"}}]},"eagerness":"moderate"}]}</script></header>
+<script type="module" src="/syberlabs.js?v=20261105b"></script>
 <main id="main">
   <section class="hero">
     <div class="meta"><span>RESEARCH REPORT · DA–01</span><span data-arena="captured">READING THE RUN FILE</span></div>
diff --git a/research/index.html b/research/index.html
index c54c7d2..ff6c73b 100644
--- a/research/index.html
+++ b/research/index.html
@@ -11,7 +11,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
-  <link rel="stylesheet" href="/syberlabs.css?v=20261105">
+  <link rel="stylesheet" href="/syberlabs.css?v=20261105b">
   <link rel="stylesheet" href="research.css?v=20261030">
   <meta property="og:title" content="Research Index | SyberLabs Research">
   <meta property="og:description" content="One card per research artifact: claim, evidence state, what it does not establish, date and source. Reports, notes, status pages and working papers.">
@@ -35,8 +35,8 @@
     <p class="sy-atlas__foot"><span>Press <kbd>/</kbd> anywhere to open the menu · <kbd>Esc</kbd> closes</span><a href="mailto:syberlabs.support@gmail.com">syberlabs.support@gmail.com</a></p>
   </div>
 </div></details>
-</div></header>
-<script type="module" src="/syberlabs.js?v=20261105"></script>
+</div><script type="speculationrules">{"prerender":[{"where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":"/admin*"}},{"not":{"href_matches":"/auth/*"}}]},"eagerness":"moderate"}]}</script></header>
+<script type="module" src="/syberlabs.js?v=20261105b"></script>
 <main id="main">
   <section class="hero">
     <nav class="sy-crumbs" aria-label="Breadcrumb"><ol><li><a href="/">SyberLabs</a></li><li><span aria-current="page">Research</span></li></ol></nav>
diff --git a/research/jev-execution/index.html b/research/jev-execution/index.html
index 014e6e8..c908c53 100644
--- a/research/jev-execution/index.html
+++ b/research/jev-execution/index.html
@@ -20,7 +20,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
-  <link rel="stylesheet" href="/syberlabs.css?v=20261105">
+  <link rel="stylesheet" href="/syberlabs.css?v=20261105b">
   <link rel="stylesheet" href="report.css?v=20261030">
 </head>
 <body>
@@ -37,8 +37,8 @@
     <p class="sy-atlas__foot"><span>Press <kbd>/</kbd> anywhere to open the menu · <kbd>Esc</kbd> closes</span><a href="mailto:syberlabs.support@gmail.com">syberlabs.support@gmail.com</a></p>
   </div>
 </div></details>
-</div></header>
-<script type="module" src="/syberlabs.js?v=20261105"></script>
+</div><script type="speculationrules">{"prerender":[{"where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":"/admin*"}},{"not":{"href_matches":"/auth/*"}}]},"eagerness":"moderate"}]}</script></header>
+<script type="module" src="/syberlabs.js?v=20261105b"></script>
 <main id="main">
   <section class="hero">
     <div class="meta"><span>TECHNICAL REPORT · GC–01</span><span>26 SEPTEMBER 2026 · REVISION 1</span></div>
diff --git a/research/sybershoke/index.html b/research/sybershoke/index.html
index 0c3d176..2861891 100644
--- a/research/sybershoke/index.html
+++ b/research/sybershoke/index.html
@@ -20,7 +20,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
-  <link rel="stylesheet" href="/syberlabs.css?v=20261105">
+  <link rel="stylesheet" href="/syberlabs.css?v=20261105b">
   <link rel="stylesheet" href="report.css?v=20261030">
 </head>
 <body>
@@ -37,8 +37,8 @@
     <p class="sy-atlas__foot"><span>Press <kbd>/</kbd> anywhere to open the menu · <kbd>Esc</kbd> closes</span><a href="mailto:syberlabs.support@gmail.com">syberlabs.support@gmail.com</a></p>
   </div>
 </div></details>
-</div></header>
-<script type="module" src="/syberlabs.js?v=20261105"></script>
+</div><script type="speculationrules">{"prerender":[{"where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":"/admin*"}},{"not":{"href_matches":"/auth/*"}}]},"eagerness":"moderate"}]}</script></header>
+<script type="module" src="/syberlabs.js?v=20261105b"></script>
 <main id="main">
   <section class="hero">
     <div class="meta"><span>RESEARCH NOTE · SB–01</span><span>29 SEPTEMBER 2026 · REVISION 2</span></div>
diff --git a/rise-demo/index.html b/rise-demo/index.html
index 25f06e9..eb31a0b 100644
--- a/rise-demo/index.html
+++ b/rise-demo/index.html
@@ -20,7 +20,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
-  <link rel="stylesheet" href="/syberlabs.css?v=20261105">
+  <link rel="stylesheet" href="/syberlabs.css?v=20261105b">
   <link rel="stylesheet" href="/rise-demo/rise-demo.css?v=20261030">
 </head>
 <body class="syber-demo">
@@ -37,8 +37,8 @@
     <p class="sy-atlas__foot"><span>Press <kbd>/</kbd> anywhere to open the menu · <kbd>Esc</kbd> closes</span><a href="mailto:syberlabs.support@gmail.com">syberlabs.support@gmail.com</a></p>
   </div>
 </div></details>
-</div></header>
-<script type="module" src="/syberlabs.js?v=20261105"></script>
+</div><script type="speculationrules">{"prerender":[{"where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":"/admin*"}},{"not":{"href_matches":"/auth/*"}}]},"eagerness":"moderate"}]}</script></header>
+<script type="module" src="/syberlabs.js?v=20261105b"></script>
   <div class="shell">
     <main id="main">
       <div class="hero-head">
diff --git a/services/index.html b/services/index.html
index 4d8058e..4a9fbbc 100644
--- a/services/index.html
+++ b/services/index.html
@@ -19,7 +19,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
-  <link rel="stylesheet" href="/syberlabs.css?v=20261105">
+  <link rel="stylesheet" href="/syberlabs.css?v=20261105b">
   <link rel="stylesheet" href="/services/services.css?v=20261105">
   <title>AI Consulting and Partnerships | SyberLabs</title>
 </head>
@@ -38,8 +38,8 @@
     <p class="sy-atlas__foot"><span>Press <kbd>/</kbd> anywhere to open the menu · <kbd>Esc</kbd> closes</span><a href="mailto:syberlabs.support@gmail.com">syberlabs.support@gmail.com</a></p>
   </div>
 </div></details>
-</div></header>
-<script type="module" src="/syberlabs.js?v=20261105"></script>
+</div><script type="speculationrules">{"prerender":[{"where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":"/admin*"}},{"not":{"href_matches":"/auth/*"}}]},"eagerness":"moderate"}]}</script></header>
+<script type="module" src="/syberlabs.js?v=20261105b"></script>
   <main id="main">
     <section class="intro" aria-labelledby="page-title">
       <p class="eyebrow">SyberLabs / Consulting and partnerships</p>
diff --git a/src/hero-media.js b/src/hero-media.js
index 7b1701a..82e8bb7 100644
--- a/src/hero-media.js
+++ b/src/hero-media.js
@@ -1,11 +1,11 @@
 // The hero's background clip: the Gyre, full-bleed, on every screen. Muted, looping, decorative; the copy never
 // depends on it. The homepage's first-visit reveal is timed to it (REVEAL, in seconds of its own playback).
 export const HERO_MEDIA = {
-  landscape: '/media/demos/gyre-full-v1.mp4',
-  portrait: '/media/demos/gyre-full-portrait-v1.mp4',
-  poster: '/media/demos/gyre-full-v1.jpg',
-  portraitPoster: '/media/demos/gyre-full-portrait-v1.jpg',
-  still: '/media/demos/gyre-full-v1.jpg',
+  landscape: '/media/demos/gyre-full-v2.mp4',
+  portrait: '/media/demos/gyre-full-portrait-v2.mp4',
+  poster: '/media/demos/gyre-full-v2.jpg',
+  portraitPoster: '/media/demos/gyre-full-portrait-v2.jpg',
+  still: '/media/demos/gyre-full-v2.jpg',
 };
 // The headline rises at once, then the panel. Times in seconds of the clip.
 export const REVEAL = { frame: .5, earth: 1, panel: 1.4, fallback: 4 };
diff --git a/src/home.css b/src/home.css
index b6de1bc..ae2a9e5 100644
--- a/src/home.css
+++ b/src/home.css
@@ -201,13 +201,13 @@ html:not(.sy-js) .pitch-hero__film { position:relative; aspect-ratio:16/9; heigh
 /* First visit (html.sy-reveal, index.html), timed to the clip by data-phase (src/App.jsx, REVEAL in hero-media.js):
    with the Gyre the name rises; as the Sophia frame draws, the role follows; once Earth is framed the panel rises.
    Interview and Résumé stay in the header throughout. Any failure, scroll or the film ends it in the full layout. */
-.pitch-hero h1>span, .pitch-hero__role, .pitch-hero__panel { transition:opacity .9s ease, transform 1.3s cubic-bezier(.16,.84,.24,1), filter 1s ease; }
-.sy-reveal .pitch-hero h1>span { animation:hero-rise 1.5s cubic-bezier(.16,.84,.24,1) .35s both; }
-.sy-reveal .pitch-hero h1>span + span { animation-delay:.55s; }
-.sy-reveal .pitch-hero .pitch-hero__brand { animation:brand-rise 1.5s cubic-bezier(.16,.84,.24,1) .35s both; }
+.pitch-hero h1>span, .pitch-hero__role, .pitch-hero__panel { transition:opacity .45s ease, transform .6s cubic-bezier(.16,.84,.24,1); }
+.sy-reveal .pitch-hero h1>span { animation:hero-rise .7s cubic-bezier(.16,.84,.24,1) .1s both; }
+.sy-reveal .pitch-hero h1>span + span { animation-delay:.2s; }
+.sy-reveal .pitch-hero .pitch-hero__brand { animation:brand-rise .7s cubic-bezier(.16,.84,.24,1) .1s both; }
 .sy-reveal .pitch-hero .pitch-hero__brand::after { animation-delay:1.5s; }
 @keyframes brand-rise { from { opacity:0; transform:translateY(30px); } }
-@keyframes hero-rise { from { opacity:0; transform:translateY(30px); filter:blur(12px); } }
+@keyframes hero-rise { from { opacity:0; transform:translateY(18px); } }
 /* The role, proof and actions are never held back: a recruiter can read and act from the first frame. */
 
 @media(max-width:800px) {
@@ -233,7 +233,6 @@ html:not(.sy-js) .pitch-hero__film { position:relative; aspect-ratio:16/9; heigh
   /* the frame held between the name and the panel, fading out before the clip's edges */
   /* the Gyre alone, full-bleed behind the copy, dimmed a little so the title and the panel stay crisp */
   .pitch-hero__art, .pitch-hero__clip { transform:none; -webkit-mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 100%); mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 100%); }
-  .pitch-hero__art, .pitch-hero__background.is-ready, .pitch-hero__still { opacity:.7; }
 }
 @media(prefers-reduced-motion:reduce) {
   .pitch-hero h1>span, .pitch-hero__role, .pitch-hero__panel, .pitch-hero__brand, .pitch-hero__brand::after, .pitch-hero__signature { transition:none; animation:none; }
@@ -324,7 +323,7 @@ html:not(.sy-js) .pitch-hero__film { position:relative; aspect-ratio:16/9; heigh
 /* ---------- The headline, still: SyberLabs in chromatic blue over "High-Fidelity Systems", on the Gyre ---------- */
 /* The Gyre is full-bleed on every screen, so it is never scaled into a frame or pushed aside. */
 .pitch-hero .pitch-hero__art, .pitch-hero .pitch-hero__clip { transform:none !important; -webkit-mask-image:none; mask-image:none; }
-.pitch-hero .pitch-hero__art, .pitch-hero .pitch-hero__background.is-ready, .pitch-hero .pitch-hero__still { opacity:.62; }
+.pitch-hero .pitch-hero__art, .pitch-hero .pitch-hero__background.is-ready, .pitch-hero .pitch-hero__still { opacity:1; }
 .pitch-hero h1>.pitch-hero__tagline { margin-top:10px; color:var(--sy-vellum); font:500 clamp(28px,3.4vw,52px)/1.05 var(--sy-sans); letter-spacing:-.03em; }
 @media (max-width:600px) { .pitch-hero h1>.pitch-hero__tagline { font-size:clamp(24px,7.4vw,32px); margin-top:6px; } }
 
@@ -332,8 +331,10 @@ html:not(.sy-js) .pitch-hero__film { position:relative; aspect-ratio:16/9; heigh
    The Gyre is graded from its steel blue into Electric Blue, and a warm Cantaloupe horizon glows at the foot of
    its bright column, as if the light rises from heat. The glow is screen-blended light (it brightens, never paints
    over type), sits above the scrim and below the copy, and leaves while the film plays. */
-.pitch-hero__art img, .pitch-hero__background, .pitch-hero__still { filter:saturate(2.1) hue-rotate(6deg); }
-.pitch-hero::before { content:""; position:absolute; inset:0; z-index:2; pointer-events:none; mix-blend-mode:screen;
+/* The grade (saturate 2.1, hue 6deg) and the dimming are baked into the v2 clip and posters (media/demos/gyre-full-*-v2):
+   a CSS filter or opacity on a full-screen playing video costs a full re-composite every frame. */
+.pitch-hero__art img, .pitch-hero__background, .pitch-hero__still { filter:none; }
+.pitch-hero::before { content:""; position:absolute; inset:0; z-index:2; pointer-events:none; /* plain alpha: a blend mode over a playing video re-blends every frame */
   background:radial-gradient(9% 9% at 46% 102%, rgba(255,222,206,.42), rgba(255,222,206,0) 70%),
     radial-gradient(26% 28% at 46% 104%, rgba(252,115,77,.8), rgba(252,115,77,0) 72%),
     radial-gradient(52% 40% at 46% 112%, rgba(252,115,77,.18), rgba(252,115,77,0) 70%),
diff --git a/src/site/field.js b/src/site/field.js
index 86121ec..d82e6cd 100644
--- a/src/site/field.js
+++ b/src/site/field.js
@@ -199,7 +199,9 @@ const idle = (fn, timeout = 600) => ('requestIdleCallback' in window ? requestId
 const cancelIdle = id => ('cancelIdleCallback' in window ? cancelIdleCallback(id) : clearTimeout(id));
 
 export function mountField(canvas, opts = {}) {
-  const reduced = !!(window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches);
+  // still: one frame (redrawn only on resize). The site uses it everywhere: a moving scene behind every page kept the
+  // GPU busy exactly while visitors hovered and scrolled, which made the whole UI feel slow.
+  const reduced = !!opts.still || !!(window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches);
   const off = () => { if (canvas) canvas.style.display = 'none'; return { supported: false, pulse() {}, destroy() {} }; };
   if (!canvas) return off();
   // low-power: on dual-GPU laptops the field never wakes the discrete GPU
@@ -326,8 +328,8 @@ function runField(canvas, gl, opts, reduced) {
   const mo = new MutationObserver(() => { const p = document.documentElement.classList.contains('sy-atlas-open'); if (p !== paused) { paused = p; last = 0; go(); } });
   mo.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });
   const onLost = e => { e.preventDefault(); dead = true; };
-  addEventListener('scroll', onScroll, { passive: true });
-  if (matchMedia('(pointer:fine)').matches) addEventListener('pointermove', onPointer, { passive: true });
+  if (!reduced) addEventListener('scroll', onScroll, { passive: true });
+  if (!reduced && matchMedia('(pointer:fine)').matches) addEventListener('pointermove', onPointer, { passive: true });
   addEventListener('resize', onResize);
   document.addEventListener('visibilitychange', onVis);
   canvas.addEventListener('webglcontextlost', onLost, false);
@@ -352,7 +354,7 @@ function runField(canvas, gl, opts, reduced) {
    sigil3d(canvas, P, { color }) -> { destroy() }. Static (one spin ease-in) under reduced motion. */
 export function sigil3d(canvas, P, opts = {}) {
   if (!canvas) return { supported: false, destroy() {} };
-  const reduced = !!(window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches);
+  const reduced = !!opts.still || !!(window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches);
   const gl = context(canvas, { alpha: true, antialias: false, depth: false, stencil: false, powerPreference: 'low-power', premultipliedAlpha: true });
   if (!gl) return { supported: false, destroy() {} };
   try { return runSigil(canvas, gl, P, opts, reduced); } catch (e) { lose(gl); return { supported: false, destroy() {} }; }
diff --git a/src/site/motion.js b/src/site/motion.js
index 6a3e25e..10da25e 100644
--- a/src/site/motion.js
+++ b/src/site/motion.js
@@ -5,7 +5,6 @@
    - progress(): a spectrum scroll-progress bar under the header (.sy-progress).
    - spy(): marks the header nav link whose section is on screen (aria-current="location").
    - header(): adds .is-scrolled to .sy-header after the first 24px.
-   - magnetic(root): .sy-btn--solid buttons drift a few px toward the pointer.
    - hue(root): spectrum text pauses its colour drift while off screen (it repaints its layer on every update).
    Everything is off under prefers-reduced-motion, and nothing here is needed to read the page. */
 
@@ -22,7 +21,7 @@ export function reveal(root = document) {
     for (const e of entries) if (e.isIntersecting) { io.unobserve(e.target); batch.push(e.target); }
     if (!flush) flush = requestAnimationFrame(() => {
       batch.sort((a, b) => a.getBoundingClientRect().top - b.getBoundingClientRect().top || a.getBoundingClientRect().left - b.getBoundingClientRect().left);
-      batch.forEach((el, i) => { el.style.setProperty('--sy-delay', Math.min(i, 8) * 70 + 'ms'); el.classList.add('is-in'); });
+      batch.forEach((el, i) => { el.style.setProperty('--sy-delay', Math.min(i, 5) * 40 + 'ms'); el.classList.add('is-in'); });
       batch = []; flush = 0;
     });
   }, { rootMargin: '0px 0px -8% 0px', threshold: 0.05 });
@@ -46,19 +45,6 @@ export function tilt(root = document) {
   }
 }
 
-export function magnetic(root = document) {
-  if (reducedMotion() || !fine()) return;
-  for (const el of root.querySelectorAll('.sy-btn--solid, [data-magnetic]')) {
-    el.addEventListener('pointermove', e => {
-      const r = el.getBoundingClientRect();
-      el.style.setProperty('--tx', ((e.clientX - r.left) / r.width - 0.5) * 8 + 'px');
-      el.style.setProperty('--ty', ((e.clientY - r.top) / r.height - 0.5) * 6 + 'px');
-    }, { passive: true });
-    el.addEventListener('pointerleave', () => { el.style.setProperty('--tx', '0px'); el.style.setProperty('--ty', '0px'); });
-    el.classList.add('sy-magnetic');
-  }
-}
-
 export function progress() {
   const header = document.querySelector('.sy-header');
   if (!header) return;
diff --git a/src/site/site.js b/src/site/site.js
index c23efaa..323c9b1 100644
--- a/src/site/site.js
+++ b/src/site/site.js
@@ -1,7 +1,7 @@
 /* SyberLabs site v3 "Observatory": the one script every static page loads, built unhashed to /syberlabs.js
    (vite.config.js). The homepage bundle (src/App.jsx) calls the same modules directly.
    Order: mark JS present -> chrome behaviours -> reveal/tilt -> the 3D field (lazy, so first paint never waits). */
-import { reveal, tilt, magnetic, hue, progress, spy, splitWords, toTop, reducedMotion } from './motion.js';
+import { reveal, tilt, hue, progress, spy, splitWords, toTop, reducedMotion } from './motion.js';
 import { atlas } from './nav.js';
 import { account as accountNav } from './account.js';
 import { params as sigilParams } from '../../kit/v2/syber-sigil.js';
@@ -10,7 +10,7 @@ export function boot(root = document, fieldOpts) {
   document.documentElement.classList.add('sy-js');
   accountNav(root); atlas(); progress(); spy(); toTop(); counters(root);
   root.querySelectorAll('[data-split]').forEach(el => { splitWords(el); el.setAttribute('data-reveal', ''); });
-  reveal(root); tilt(root); magnetic(root); hue(root);
+  reveal(root); tilt(root); hue(root);
   mountFieldLazy(fieldOpts);
   mountSigils3d(root);
 }
@@ -40,7 +40,7 @@ export function mountFieldLazy(fieldOpts = {}) {
   }
   const density = fieldOpts.density || document.documentElement.dataset.field || 'full';
   const start = () => import('./field.js').then(m => {
-    field = m.mountField(canvas, { ...fieldOpts, density });
+    field = m.mountField(canvas, { ...fieldOpts, density, still: true });
     document.documentElement.classList.toggle('sy-field-live', field.supported);
   }).catch(() => { canvas.style.display = 'none'; });
   if ('requestIdleCallback' in window) requestIdleCallback(start, { timeout: 1200 }); else setTimeout(start, 120);
@@ -54,7 +54,7 @@ export function mountSigils3d(root = document) {
   import('./field.js').then(m => {
     for (const c of list) {
       const { P } = sigilParams(c.dataset.sigil3d);
-      const r = m.sigil3d(c, P, { color: c.dataset.color || undefined });
+      const r = m.sigil3d(c, P, { color: c.dataset.color || undefined, still: true });
       if (!r.supported) c.remove(); // the 2D sigil behind it stays
       else c.classList.add('is-live');
     }
diff --git a/src/syberlabs.css b/src/syberlabs.css
index ebf709a..afa2324 100644
--- a/src/syberlabs.css
+++ b/src/syberlabs.css
@@ -143,8 +143,6 @@ html.sy-field-live .sy-nebula, html.sy-field-live .sy-nebula--center { backgroun
 /* ---------- 3D tilt (vars set by src/site/motion.js) ---------- */
 .sy-tilt { transform: perspective(1100px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)); transform-style: preserve-3d; will-change: transform; transition: transform 160ms var(--sy-ease); }
 .sy-tilt:hover { transition-duration: 60ms; }
-.sy-magnetic { transform: translate(var(--tx, 0px), var(--ty, 0px)); transition: transform 180ms var(--sy-ease), box-shadow var(--sy-t-enter) var(--sy-ease); }
-.sy-btn--solid.sy-magnetic:hover { transform: translate(var(--tx, 0px), calc(var(--ty, 0px) - 1px)); }
 
 /* ---------- reveal ---------- */
 html.sy-js .sy-reveal { opacity: 0; transform: translate3d(0, 28px, 0); filter: blur(6px); transition: opacity 700ms var(--sy-ease) var(--sy-delay, 0ms), transform 800ms var(--sy-ease) var(--sy-delay, 0ms), filter 700ms var(--sy-ease) var(--sy-delay, 0ms); }
@@ -433,3 +431,64 @@ html:not(.sy-js) .sy-atlas__close, html:not(.sy-js) .sy-atlas__foot > span { dis
   .sy-header .sy-menu summary span { display:none; }
 }
 @media (max-width:360px) { .sy-header .sy-lockup { font-size:0; gap:0; } .sy-header .sy-menu { margin-left:8px; } }
+
+/* ======================================================================================================
+   Interaction layer (2026-11-05): every hover and press answers within one frame and nothing behind the
+   page competes for the GPU. The field renders one still frame (src/site/field.js `still`), so surfaces
+   over it need no live blur: a translucent solid reads the same and costs nothing per frame.
+   ====================================================================================================== */
+:root { --sy-t-hover: 100ms; --sy-t-enter: 160ms; --sy-t-press: 60ms; }
+a, button, summary, [role="button"], label, input, select, textarea { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
+summary { cursor: pointer; }
+
+/* no backdrop blur over content that scrolls or moves */
+.sy-header, .sy-header.is-scrolled { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(2, 7, 10, .93); }
+.sy-glass { -webkit-backdrop-filter: none; backdrop-filter: none; background: linear-gradient(160deg, rgba(12,27,37,.94), rgba(2,7,10,.96)); }
+.sy-atlas__backdrop { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background: rgba(2, 7, 10, .86); }
+
+/* reveal: quick, transform and opacity only (a filter transition repaints the whole element every frame) */
+html.sy-js .sy-reveal { transform: translate3d(0, 14px, 0); filter: none; transition: opacity 360ms var(--sy-ease) var(--sy-delay, 0ms), transform 420ms var(--sy-ease) var(--sy-delay, 0ms); }
+html.sy-js .sy-split .sy-word > span { transition: transform 520ms var(--sy-ease) calc(var(--i, 0) * 30ms); }
+
+/* buttons: lift on hover, press on click, both immediate */
+.sy-btn { transition: transform var(--sy-t-hover) var(--sy-ease), box-shadow var(--sy-t-hover) var(--sy-ease), border-color var(--sy-t-hover), color var(--sy-t-hover), background-color var(--sy-t-hover), filter var(--sy-t-hover); }
+@media (hover: hover) {
+  .sy-btn:hover { transform: translateY(-1px); }
+  .sy-btn--solid:hover { filter: brightness(1.08); box-shadow: 0 8px 24px -10px color-mix(in srgb, var(--sy-cantaloupe, #fc734d) 70%, transparent); }
+  .sy-btn--line:hover, .sy-btn--ghost:hover { border-color: var(--sy-ice); color: var(--sy-vellum); }
+}
+.sy-btn:active, .sy-nav__cta:active, .sy-menu summary:active, .sy-totop:active { transform: translateY(0) scale(.97); transition-duration: var(--sy-t-press); }
+.sy-nav ul a.sy-nav__cta { transition: filter var(--sy-t-hover), transform var(--sy-t-hover) var(--sy-ease); }
+
+/* links and rows: colour answers at once; underline-free hover gets a visible change */
+main a, .sy-footer a, .sy-atlas a, .sy-crumbs a { transition: color var(--sy-t-hover), background-color var(--sy-t-hover), border-color var(--sy-t-hover), opacity var(--sy-t-hover); }
+@media (hover: hover) {
+  .sy-footer a:hover, .sy-crumbs a:hover { color: var(--sy-vellum); }
+  .sy-atlas__group li a:hover { background: rgba(2, 151, 222, .08); }
+}
+.sy-project-row, .sy-card { transition-duration: var(--sy-t-enter); }
+main a:active, .sy-footer a:active, .sy-atlas a:active { opacity: .72; transition-duration: var(--sy-t-press); }
+
+/* keyboard focus is as fast and visible as hover */
+:is(a, button, summary, .sy-btn):focus-visible { outline: 2px solid var(--sy-ice); outline-offset: 3px; transition: none; }
+
+@media (prefers-reduced-motion: reduce) {
+  .sy-btn:hover, .sy-btn:active, .sy-nav__cta:active { transform: none; }
+}
+
+/* every remaining control answers hover (found by an automated hover audit over all pages) */
+.sy-lockup, .sy-menu summary, .sy-totop, details > summary, .sy-link, .pitch-hero__motion { transition: color var(--sy-t-hover), background-color var(--sy-t-hover), border-color var(--sy-t-hover), opacity var(--sy-t-hover), transform var(--sy-t-hover) var(--sy-ease); }
+@media (hover: hover) {
+  .sy-lockup:hover { opacity: .78; }
+  .sy-menu summary:hover { border-color: var(--sy-ice); background: rgba(2, 151, 222, .08); }
+  .sy-totop:hover { border-color: var(--sy-ice); color: var(--sy-vellum); transform: translateY(-2px); }
+  main details > summary:hover { color: var(--sy-ice); }
+  main :is(p, li, dd, figcaption, td) a:not(.sy-btn):hover, main a.sy-link:hover, main [class*="__source"]:hover, main [class*="-links"] a:hover { color: var(--sy-vellum); text-decoration: underline; text-decoration-color: var(--sy-ice); text-underline-offset: 3px; }
+  .pitch-hero__motion:hover { border-color: var(--sy-ice); color: var(--sy-vellum); }
+  [role="tab"]:hover, .primitive-tab:hover { color: var(--sy-vellum); background: rgba(2, 151, 222, .06); }
+}
+
+/* page to page: a short crossfade instead of a blank flash (cross-document View Transitions; ignored where unsupported) */
+@view-transition { navigation: auto; }
+::view-transition-old(root), ::view-transition-new(root) { animation-duration: 160ms; animation-timing-function: var(--sy-ease); }
+@media (prefers-reduced-motion: reduce) { @view-transition { navigation: none; } }
diff --git a/stack/index.html b/stack/index.html
index 7a3a5ca..4976c48 100644
--- a/stack/index.html
+++ b/stack/index.html
@@ -19,7 +19,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
-  <link rel="stylesheet" href="/syberlabs.css?v=20261105">
+  <link rel="stylesheet" href="/syberlabs.css?v=20261105b">
   <link rel="stylesheet" href="/stack/stack.css?v=20261030">
   <title>How We Build | SyberLabs</title>
 </head>
@@ -37,8 +37,8 @@
     <p class="sy-atlas__foot"><span>Press <kbd>/</kbd> anywhere to open the menu · <kbd>Esc</kbd> closes</span><a href="mailto:syberlabs.support@gmail.com">syberlabs.support@gmail.com</a></p>
   </div>
 </div></details>
-</div></header>
-<script type="module" src="/syberlabs.js?v=20261105"></script>
+</div><script type="speculationrules">{"prerender":[{"where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":"/admin*"}},{"not":{"href_matches":"/auth/*"}}]},"eagerness":"moderate"}]}</script></header>
+<script type="module" src="/syberlabs.js?v=20261105b"></script>
   <main class="stack-main" id="main">
     <section class="stack-hero" aria-labelledby="stack-title">
       <p class="eyebrow">HOW WE BUILD</p>