diff --git a/index.html b/index.html
index b8dd764..0a0e4ad 100644
--- a/index.html
+++ b/index.html
@@ -52,10 +52,48 @@ nav .links a:hover{color:var(--ink)}
 .btn.ghost{background:transparent;color:var(--ink);border:1px solid rgba(244,241,234,.22)}
 .btn.ghost:hover{border-color:var(--gold);box-shadow:none}
 
+/* ── globe scroll story ── */
+.story{position:relative}
+.story .sticky{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center}
+.globewrap{position:absolute;inset:0;will-change:transform}
+#globe{width:100%;height:100%;display:block}
+.intro{position:absolute;inset:0;display:flex;align-items:center;z-index:3;will-change:transform,opacity}
+.intro .wrap{width:100%}
+.intro h1{font-size:clamp(2.4rem,6vw,4.4rem);max-width:13ch;margin:.5rem 0 0}
+.intro h1 em{font-style:normal;color:var(--gold);display:block}
+.intro .lede{margin-top:18px;font-size:1.08rem;max-width:30em}
+.intro::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
+  background:radial-gradient(70% 60% at 22% 50%,rgba(0,22,46,.94),rgba(0,22,46,.6) 45%,transparent 72%)}
+@media(max-width:820px){.intro::before{background:linear-gradient(180deg,rgba(0,22,46,.9),rgba(0,22,46,.55) 60%,transparent)}}
+.chapters{position:absolute;inset:0;z-index:4;pointer-events:none}
+.chapter{position:absolute;top:50%;width:min(400px,42vw);transform:translateY(28px);opacity:0;
+  background:rgba(0,13,28,.72);backdrop-filter:blur(10px);border:1px solid var(--line);
+  border-radius:16px;padding:26px 26px 28px;margin-top:-120px;will-change:transform,opacity}
+.chapter.left{left:max(24px,calc(50vw - var(--max)/2))}
+.chapter.right{right:max(24px,calc(50vw - var(--max)/2))}
+.chapter .coord{font-size:.66rem;letter-spacing:.16em;color:var(--gold);opacity:.8;font-weight:600}
+.chapter h2{font-size:1.5rem;margin:12px 0 10px}
+.chapter .cbody{color:var(--muted);font-size:.95rem}
+@media(max-width:820px){
+  .chapter{width:auto;left:20px;right:20px;top:auto;bottom:12vh;margin-top:0;padding:20px}
+  .chapter.left,.chapter.right{left:20px;right:20px}
+}
+.cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:5;
+  font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);opacity:.6}
+.cue::after{content:"";display:block;width:1px;height:26px;margin:8px auto 0;
+  background:linear-gradient(var(--gold),transparent);animation:cue 2.2s ease-in-out infinite}
+@keyframes cue{0%,100%{opacity:.2;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}
+
+/* LED wall-map band in the hardware section */
+.ledband{position:relative;height:230px;margin:44px 0 8px;border:1px solid var(--line);
+  border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#00162e,#000d1c)}
+.ledband canvas{position:absolute;inset:0;width:100%;height:100%}
+.ledcap{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:.72rem;
+  letter-spacing:.1em;color:var(--muted);opacity:.75}
+
 /* ── hero ── */
 .hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;
   background:radial-gradient(120% 80% at 78% 45%,rgba(11,25,44,.2),var(--midnight) 70%)}
-#led{position:absolute;inset:0;width:100%;height:100%;z-index:0}
 .hero .wrap{position:relative;z-index:2;padding-top:96px;padding-bottom:60px}
 .hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
   background:linear-gradient(90deg,var(--midnight) 8%,rgba(0,31,63,.86) 34%,rgba(0,31,63,.15) 62%,transparent 82%)}
@@ -67,8 +105,8 @@ h1 em{font-style:normal;color:var(--gold);display:block}
 .legend{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;font-size:.82rem;color:var(--muted)}
 .legend b{display:inline-flex;align-items:center;gap:8px;font-weight:400}
 .legend i{width:8px;height:8px;border-radius:50%;display:block}
-.legend .w{background:var(--gold);box-shadow:0 0 10px var(--gold)}
-.legend .v{background:var(--teal);box-shadow:0 0 10px var(--teal)}
+.legend .w{background:rgba(230,184,0,.55);box-shadow:0 0 8px rgba(230,184,0,.45)}
+.legend .v{background:#ffd54a;box-shadow:0 0 10px rgba(255,213,74,.9)}
 .legend .o{background:rgba(143,163,184,.32)}
 .scrollcue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:3;
   font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);opacity:.6}
@@ -213,7 +251,7 @@ footer.f a:hover{color:var(--gold)}
       TrekMap
     </a>
     <div class="links">
-      <a href="#loop" data-track="nav-loop">The loop</a>
+      <a href="#story" data-track="nav-story">The story</a>
       <a href="#app" data-track="nav-app">The app</a>
       <a href="#hardware" data-track="nav-hardware">Hardware</a>
       <a href="#faq" data-track="nav-faq">FAQ</a>
@@ -222,57 +260,28 @@ footer.f a:hover{color:var(--gold)}
   </nav>
 </header>
 
-<div class="hero" id="top">
-  <canvas id="led" aria-hidden="true"></canvas>
-  <div class="wrap">
-    <p class="eyebrow rev">Pre-order · first production run</p>
-    <h1 class="rev">Hang your travels <em>on the wall.</em></h1>
-    <p class="lede rev">TrekMap is a travel bucket list that lives on a world map — and an LED map that glows with everywhere you've been and everywhere you're going. One list, two places: your phone and your wall.</p>
-    <div class="cta-row rev">
-      <a class="btn" href="#reserve" data-track="hero-reserve">Reserve your map</a>
-      <a class="btn ghost" href="https://trekmap.co" data-track="hero-app">Open the app</a>
-    </div>
-    <div class="legend rev">
-      <b><i class="v"></i> bright — been there</b>
-      <b><i class="w"></i> amber — on the list</b>
-      <b><i class="o"></i> dark — not yet</b>
-    </div>
-  </div>
-  <div class="scrollcue" aria-hidden="true">Scroll</div>
-</div>
+<section class="story" id="story">
+  <div class="sticky">
+    <div class="globewrap" id="globewrap"><canvas id="globe" aria-hidden="true"></canvas></div>
 
-<section id="loop">
-  <div class="wrap">
-    <div class="sec-head wide rev">
-      <p class="eyebrow">How it works</p>
-      <h2>Wish it. Time it. Make it happen.</h2>
-      <p class="lede">Most travel apps are a log of where you've been. TrekMap is built around the part that comes first — wanting to go.</p>
-    </div>
-    <div class="loop">
-      <div class="step rev">
-        <p class="n">01 / WISH IT</p>
-        <h3>Save it in one tap</h3>
-        <p>Share an Instagram or TikTok reel straight from your phone. TrekMap watches the video, reads the signs and the audio, works out the actual place, and files it with a cover photo.</p>
-        <div class="art" aria-hidden="true"><div class="wish">
-          <div class="reel"></div><div class="trail"></div>
-          <div class="place"><i></i>Sagano Bamboo Grove</div>
-        </div></div>
-      </div>
-      <div class="step rev">
-        <p class="n">02 / TIME IT</p>
-        <h3>See it build up</h3>
-        <p>Countries glow by how badly you want to go. Explorer Mode splits 57 countries into states, prefectures and regions, so progress is honest instead of a flag you coloured in from the airport.</p>
-        <div class="art" aria-hidden="true"><div class="bars">
-          <i style="--h:34%"></i><i style="--h:62%"></i><i style="--h:28%"></i><i style="--h:88%"></i><i style="--h:46%"></i><i style="--h:71%"></i><i style="--h:22%"></i><i style="--h:55%"></i>
-        </div></div>
-      </div>
-      <div class="step rev">
-        <p class="n">03 / MAKE IT HAPPEN</p>
-        <h3>Go when it's cheap</h3>
-        <p>TrekMap hunts fares from your home airport straight to the places you've actually saved — not a feed of deals to somewhere you never wanted to go.</p>
-        <div class="art" aria-hidden="true"><div class="fare"><span class="rt">MCO → LIS</span><span class="pr">$388</span></div></div>
+    <div class="intro" id="intro">
+      <div class="wrap">
+        <p class="eyebrow">Pre-order · first production run</p>
+        <h1>Hang your travels <em>on the wall.</em></h1>
+        <p class="lede">A travel bucket list that lives on a world map — and an LED map that glows with everywhere you&rsquo;ve been and everywhere you&rsquo;re going.</p>
+        <div class="cta-row">
+          <a class="btn" href="#reserve" data-track="hero-reserve">Reserve your map</a>
+          <a class="btn ghost" href="https://trekmap.co" data-track="hero-app">Open the app</a>
+        </div>
+        <div class="legend">
+          <b><i class="v"></i> full gold — been there</b>
+          <b><i class="w"></i> ember — on the list</b>
+        </div>
       </div>
     </div>
+
+    <div class="chapters" id="chapters"></div>
+    <div class="cue" id="cue" aria-hidden="true">Scroll</div>
   </div>
 </section>
 
@@ -302,6 +311,8 @@ footer.f a:hover{color:var(--gold)}
       <h2>One LED per region. Yours lit the way you travelled.</h2>
       <p class="lede">The map syncs over Wi-Fi with your list. Wishes breathe amber. Places you've been sit bright and steady. It is the only wall art that is out of date the moment you land somewhere new — in a good way.</p>
     </div>
+    <div class="ledband rev" aria-hidden="true"><canvas id="led"></canvas>
+      <p class="ledcap">One LED per region &middot; full gold = been there &middot; ember = on the list</p></div>
     <div class="skus">
       <div class="sku rev">
         <h3>TrekMap Mini</h3>
@@ -379,6 +390,8 @@ footer.f a:hover{color:var(--gold)}
   </div>
 </footer>
 
+<script src="d3geo.min.js" defer></script>
+<script src="globe.js" defer></script>
 <script>window.__TREKMAP_MASK__="000000000000000000000000000000001000111011100011111111111111111111100000000000001111000000000000000000000000000000011110000000000000000000000000000000\n000000000000000000000000011100000001001111100111111111111111111111000000000000000100000000000000000000010000000000000111000000000000000000000000000000\n000000000000000000000000000110000001011111000000000111111111111111100000000000000000000000000000000100000000000111111111110000000000000000000000000000\n000000000000000000000001101011101111001110100000000011111111111110000000000000000000000000000000010000001000011111111111111111111000001000000000000000\n000000001110000000000000000011110001101111111110000010111111111101000000000000000000111100000000000000011011111111111111111111111111111111111100000000\n100000111111111111111111111000100000100110001110000001111111101000000000000000000111111111100100001111101111111111111111111111111111111111111111111111\n111100101111111111111111111111111111111100001111100001111111100001000000000000001111111110110111111111110111111111111111111111111111111111111111111111\n000000001111111111111111111111111111110110001111000000111100000000111000000000011111011111011111111111111111111111111111111111111111111111111111111110\n000000111111111111111111111111111111000000111001000000111000000000000000000001111100111111111111111111111111111111111111111111111111111111111111111100\n000001111110100111111111111111111111000000011100000000001000000000000000001000111110100111111111111111111111111111111111111111111111111111100011000000\n000000000110000000011111111111111111000000011111100000000000000000000000000000001100011111111111111111111111111111111111111111111111110000000110000000\n000000001000000000011111111111111111111000011111100000000000000000000000010000101000111111111111111111111111111111111111111111111111000000001110000000\n000001000000000000000111111111111111111110111111111000000000000000000001001000011111111111111111111111111111111111111111111111111111001000001100000000\n110000000000000000000011111111111111111110111111111100000000000000000001011001111111111111111111111111111111111111111111111111111111111000001000000000\n000000000000000000000011111111111111111111111110100100000000000000000000000111111111111111111111111111111111111111111111111111111111111000000000000000\n000000000000000000000001111111111111111111111111000000000000000000000000001111111111111111111111111111111111111111111111111111111111100000000000000000\n000000000000000000000001111111111111111111111111100000000000000000000000000111110111111001011110011111111111111111111111111111111111000000000000000000\n000000000000000000000001111111111111111111111100000000000000000000000000111111011011111000001110111111111111111111111111111111111110001100000000000000\n000000000000000000000001111111111111111111111100000000000000000000000001111100001101111011001110001111111111111111111111111111111000000000000000000000\n000000000000000000000001111111111111111111110000000000000000000000000001111000100000101111111111011111111111111111111111111110010000010000000000000000\n000000000000000000000000111111111111111111100000000000000000000000000001110000000000111111111111011111111111111111111111111111001000010000000000000000\n000000000000000000000000011111111111111111100000000000000000000000000000111111110000010000111111111111111111111111111111111110001011100000000000000000\n000000000000000000000000001111111111111111000000000000000000000000000001111111110000000000111111111111111111111111111111111110000100000000000000000000\n000000000000000000000000000011111111111110000000000000000000000000000001111111111101111111111111111111111111111111111111111111000000000000000000000000\n000000000000000000000000000111111110000000000000000000000000000000000011111111111111111110111110111111111111111111111111111111000000000000000000000000\n000000000000000000000000000011111100000001100000000000000000000000000111111111111111111110111111000111111111111111111111111110000000000000000000000000\n000000000000000000000000000010111100000000100000000000000000000000000111111111111111111111011111001000011111111111111111111101000000000000000000000000\n000000000000000000000000000000011100000001000000000000000000000000001111111111111111111111011111111100001111111111111111110000000000000000000000000000\n000000000000000000000000000000011110011000010000000000000000000000001111111111111111111111001111111100000111111000111110000000000000000000000000000000\n000000000000000000000000000000001111110000101001000000000000000000001111111111111111111111101111111000000111110000111110100001000000000000000000000000\n000000000000000000000000000000000010110000000000000000000000000001001111111111111111111111100111100000000011100000101111000001000000000000000000000000\n000000000000000000000000000000000000011100000000000000000000000000001111111111111111111111110110000000000011000000001111000001000000000000000000000000\n000000000000000000000000000000000000000100000000000000000000000000001111111111111111111111111000000000000011000000001011100000000000000000000000000000\n000000000000000000000000000000000000000100001111100000000000000000000111111111111111111111111111000000000001000000000000000010100000000000000000000000\n000000000000000000000000000000000000000001111111110000000000000000000011111111111111111111111111000000000000100000001000000000110000000000000000000000\n000000000000000000000000000000000000000000011111111100000000000000000001111001111111111111111110000000000000000000000100000100000000000000000000000000\n000000000000000000000000000000000000000000011111111111000000000000000000000000011111111111111110000000000000000000010100001100000000000000000000000000\n000000000000000000000000000000000000000000111111111111000000000000000000000000011111111111111100000000000000000000001000111100000000000000000000000000\n000000000000000000000000000000000000000001111111111111100000000000000000000000011111111111111000000000000000000000000110111100000000000000000000000000\n000000000000000000000000000000000000000001111111111111110000000000000000000000011111111111110000000000000000000000000110011001000010110000000000000000\n000000000000000000000000000000000000000001111111111111111110000000000000000000001111111111100000000000000000000000000010000000000000111100100000000000\n000000000000000000000000000000000000000000111111111111111111000000000000000000001111111111100000000000000000000000000001010000000000011100000000000000\n000000000000000000000000000000000000000000111111111111111111000000000000000000001111111111100000000000000000000000000000000001010000001010000000000000\n000000000000000000000000000000000000000000011111111111111111000000000000000000000111111111110000000000000000000000000000000000000000000000000000000000\n000000000000000000000000000000000000000000011111111111111110000000000000000000001111111111110001000000000000000000000000000000000111001000000000000000\n000000000000000000000000000000000000000000001111111111111110000000000000000000001111111111110001000000000000000000000000000000011111001100000000100000\n000000000000000000000000000000000000000000000111111111111110000000000000000000001111111111100111000000000000000000000000000000011111101100000000000000\n000000000000000000000000000000000000000000000011111111111100000000000000000000001111111111000110000000000000000000000000000000111111111100000000000000\n000000000000000000000000000000000000000000000011111111111100000000000000000000000111111111000110000000000000000000000000000111111111111110000000000000\n000000000000000000000000000000000000000000000011111111110000000000000000000000000111111111000110000000000000000000000000001111111111111111000000000000\n000000000000000000000000000000000000000000000011111111100000000000000000000000000111111110000000000000000000000000000000000111111111111111100000000000\n000000000000000000000000000000000000000000000111111111100000000000000000000000000111111110000000000000000000000000000000000111111111111111100000000000\n000000000000000000000000000000000000000000000111111111000000000000000000000000000011111100000000000000000000000000000000000111111111111111100000000000\n000000000000000000000000000000000000000000000111111110000000000000000000000000000001111000000000000000000000000000000000000111111011111111100000000000\n000000000000000000000000000000000000000000000111111110000000000000000000000000000001110000000000000000000000000000000000000110000001111111000000000000\n000000000000000000000000000000000000000000000111111000000000000000000000000000000000000000000000000000000000000000000000000000000000011111000000000100\n000000000000000000000000000000000000000000001111111000000000000000000000000000000000000000000000000000000000000000000000000000000000001100000000000010\n000000000000000000000000000000000000000000001111100000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000010\n000000000000000000000000000000000000000000000111100000000000000000000000000000000000000000000000000000000000000000000000000000000000000010000000001000\n000000000000000000000000000000000000000000001111000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000010000\n000000000000000000000000000000000000000000001110000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000010000\n000000000000000000000000000000000000000000011110000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000\n000000000000000000000000000000000000000000001100000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000\n000000000000000000000000000000000000000000001100000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000\n000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000\n000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000";</script>
 <script>
 (function(){
@@ -446,12 +459,10 @@ if (cv && MASK){
     cw = cv.clientWidth; ch = cv.clientHeight;
     cv.width = Math.floor(cw*dpr); cv.height = Math.floor(ch*dpr);
     ctx.setTransform(dpr,0,0,dpr,0,0);
-    // Bias the grid right so the headline sits over open ocean.
-    var scale = Math.max(cw/(MASK_W*0.86), ch/(MASK_H*1.5));
-    gap = Math.max(scale, 4.2);
-    dot = Math.max(gap*0.30, 1.15);
-    ox = cw - MASK_W*gap*0.94; oy = (ch - MASK_H*gap)/2;
-    if (ox > cw*0.12) ox = cw*0.12;
+    // Fit the whole world inside the band, centred — this is the wall map.
+    gap = Math.min(cw/(MASK_W+2), ch/(MASK_H+2));
+    dot = Math.max(gap*0.34, 1);
+    ox = (cw - MASK_W*gap)/2; oy = (ch - MASK_H*gap)/2 - ch*0.04;
   }
   layout();
   addEventListener("resize", layout, {passive:true});
@@ -462,28 +473,19 @@ if (cv && MASK){
     addEventListener("pointerleave", function(){ mx=my=-9999; });
   }
 
-  // Scroll drives how "full" the map reads — the product's whole promise.
-  var lit = 0;
-  function onScroll(){
-    var h = innerHeight || 1;
-    lit = Math.min(1, Math.max(0, scrollY / (h*1.15)));
-  }
-  onScroll();
-  addEventListener("scroll", onScroll, {passive:true});
+  var lit = 1;   // the band shows the finished map, not a scroll reveal
 
   var t = 0;
   function frame(){
     t += 0.016;
     ctx.clearRect(0,0,cw,ch);
-    var reach = Math.max(gap*7, 90), reach2 = reach*reach;
+    var reach = Math.max(gap*6, 60), reach2 = reach*reach;
     for (var i=0;i<cells.length;i++){
       var c = cells[i];
       var px = ox + c.gx*gap, py = oy + c.gy*gap;
       if (px < -20 || px > cw+20 || py < -20 || py > ch+20) continue;
 
-      // Cells switch on progressively as you scroll, low r first.
-      var awake = c.r < 0.14 + lit*0.86;
-      var st = awake ? c.s : 0;
+      var st = c.s;
       var base = st === 2 ? 0.92 : st === 1 ? 0.30 : 0.085;
       if (st === 1 && !reduce) base += Math.sin(t*1.1 + c.p)*0.085;  // idle pulse, like the firmware
 
@@ -493,10 +495,10 @@ if (cv && MASK){
       if (base <= 0.02) continue;
       var a = base > 1 ? 1 : base;
       ctx.beginPath();
-      if (st === 2){                                   // been there — teal, like the app
+      if (st === 2){                                   // been there — full gold
         ctx.arc(px, py, dot*1.24, 0, 6.2832);
-        ctx.fillStyle = "rgba(63,217,180," + a + ")";
-        if (a > 0.55){ ctx.shadowColor = "rgba(63,217,180,.8)"; ctx.shadowBlur = dot*4; } else ctx.shadowBlur = 0;
+        ctx.fillStyle = "rgba(255,213,74," + a + ")";
+        if (a > 0.55){ ctx.shadowColor = "rgba(255,213,74,.85)"; ctx.shadowBlur = dot*4; } else ctx.shadowBlur = 0;
       } else {
         var warm = base > 0.6;
         ctx.arc(px, py, dot*(warm?1.2:1), 0, 6.2832);
@@ -514,7 +516,7 @@ if (cv && MASK){
     cells.forEach(function(c){
       var a = c.s === 2 ? 0.92 : c.s === 1 ? 0.30 : 0.085;
       ctx.beginPath(); ctx.arc(ox + c.gx*gap, oy + c.gy*gap, dot, 0, 6.2832);
-      ctx.fillStyle = c.s === 2 ? "rgba(63,217,180," + a + ")" : "rgba(230,184,0," + a + ")";
+      ctx.fillStyle = c.s === 2 ? "rgba(255,213,74," + a + ")" : "rgba(230,184,0," + a + ")";
       ctx.fill();
     });
   } else requestAnimationFrame(frame);