Instantly headline, ad-product sections, animated level cycler

Hero now reads Advertise and earn instantly. New Branded Voice sections:
ad-format showcase (3 live, 3 soon) and free-vs-package member benefits.
The earn-deeper diagram cycles levels 1-3, lighting the paying generation
with its percent; chips are clickable, auto-advance respects reduced
motion.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

public/assets/home.js

@@ -67,6 +67,33 @@
       IAP.$('ticker').hidden = false;
     } catch (e) {}
   }
+  // level cycler: chips + generation highlighting + auto-advance
+  const LVL = {
+    1: { pct: '50%', desc: 'Level 1 is open to every member: your direct referrals each pay you 50 percent of every package they ever buy, straight to your wallet.' },
+    2: { pct: '20%', desc: 'Bring 2 buyers of $20 or more and level 2 unlocks: 20 percent of every package your referrals’ referrals buy, on every purchase, forever.' },
+    3: { pct: '10%', desc: 'At 5 qualifying buyers, level 3 opens the third generation: 10 percent of everything they buy. Eight positions deep in this picture, and it keeps growing.' }
+  };
+  const viz = document.getElementById('genViz');
+  if (viz) {
+    const chips = [...document.querySelectorAll('.chips [data-lvl]')];
+    const setLvl = n => {
+      viz.dataset.lvl = n;
+      document.getElementById('vizPct').textContent = LVL[n].pct;
+      document.getElementById('lvlDesc').textContent = LVL[n].desc;
+      chips.forEach(ch => ch.classList.toggle('on', ch.dataset.lvl === String(n)));
+    };
+    let cur = 1;
+    let auto = null;
+    if (!matchMedia('(prefers-reduced-motion: reduce)').matches) {
+      auto = setInterval(() => { cur = cur % 3 + 1; setLvl(cur); }, 4200);
+    }
+    chips.forEach(ch => ch.addEventListener('click', () => {
+      if (auto) { clearInterval(auto); auto = null; } // a click takes the wheel
+      cur = Number(ch.dataset.lvl);
+      setLvl(cur);
+    }));
+  }
+
   loadLadder();
   loadStats();
   loadTicker();