feat(marketing-site): American Dream cover band + narrative weave

- Cover: publisher-style belly band across the lower book cover using a
  compressed banner (2.2MB screenshot -> 60KB WebP, resized to display
  needs), cropped via a width-locked <img> + percentage offset so the
  wordmark stays legible rather than getting zoomed/cropped sideways.
  Compass + wordmark compacted into a row to make room.
- Copy: the theme woven through Field Notes, Contents, the Founding
  Sponsor tier, and one direct FAQ entry -- mostly oblique, since the
  cover already states it explicitly. Hero/Recipe/Capture/Footer left
  untouched on purpose.

marketing-site/components/Book3D.jsx

@@ -22,12 +22,19 @@ export default function Book3D() {
           </h3>
           <span className="book3d__line" />
           <span className="book3d__sub">Tested workflows you can actually run</span>
-          <svg className="book3d__mark" viewBox="0 0 40 40" fill="none">
-            <circle cx="20" cy="20" r="17.5" stroke="#efe9db" strokeWidth="1" opacity="0.7" />
-            <path d="M20 5 L22.6 20 L20 35 L17.4 20 Z" fill="#efe9db" />
-            <path d="M5 20 L20 17.4 L35 20 L20 22.6 Z" fill="#efe9db" opacity="0.55" />
-          </svg>
-          <span className="book3d__brand">AIBook.fun</span>
+          <div className="book3d__foot">
+            <svg className="book3d__mark" viewBox="0 0 40 40" fill="none">
+              <circle cx="20" cy="20" r="17.5" stroke="#efe9db" strokeWidth="1" opacity="0.7" />
+              <path d="M20 5 L22.6 20 L20 35 L17.4 20 Z" fill="#efe9db" />
+              <path d="M5 20 L20 17.4 L35 20 L20 22.6 Z" fill="#efe9db" opacity="0.55" />
+            </svg>
+            <span className="book3d__brand">AIBook.fun</span>
+          </div>
+          {/* Belly band — the classic publisher's wraparound strip for a themed
+              tie-in, rather than redesigning the whole cover around it. */}
+          <div className="book3d__band">
+            <img src="/american-dream-banner.webp" alt="" />
+          </div>
         </div>
       </div>
     </div>

marketing-site/components/Contents.jsx

@@ -12,7 +12,7 @@ export default function Contents() {
     <section className="section contents" id="contents">
       <div className="wrap">
         <span className="spec reveal">The founding library</span>
-        <h2 className="reveal">Six practices. Written by people who do the work.</h2>
+        <h2 className="reveal">Six practices, written by people who built their careers on them.</h2>
         <div className="toc reveal">
           {ITEMS.map((x) => (
             <a href="#get" key={x.num}>

marketing-site/components/FAQ.jsx

@@ -20,6 +20,10 @@ const QA = [
     q: "Why subscribe instead of buy once?",
     a: "Because a static AI book is out of date in months. The subscription is what keeps every workflow current — and it’s what funds the practitioners keeping them that way.",
   },
+  {
+    q: "Why frame this around the American Dream?",
+    a: "Because for most of the people writing and reading this guide, real fluency with these tools isn’t a slogan — it’s a practical ladder. Nobody in this book inherited their edge; they built it, one real skill at a time. We think this is the next one worth building.",
+  },
 ];
 
 export default function FAQ() {

marketing-site/components/FieldNotes.jsx

@@ -2,12 +2,12 @@ const NOTES = [
   {
     n: "01 / Stays current",
     h: "A subscription, not a static book",
-    p: "AI moves too fast for a book you buy once. Each annual edition is refreshed so the workflows still work when you open them.",
+    p: "AI moves too fast for a book you buy once. Each annual edition is refreshed so the ground you gain here doesn’t erode the moment you look away.",
   },
   {
     n: "02 / Authored, then open",
     h: "Written by practitioners first",
-    p: "The first edition is seeded by co-authors — a real founding library, not an empty shelf. Open, paid contribution opens once it’s worth browsing.",
+    p: "The first edition is seeded by co-authors — a real founding library, not an empty shelf. Open, paid contribution opens once it’s worth browsing, so the people who build it get to own a piece of it.",
   },
   {
     n: "03 / Responsible by design",

marketing-site/components/Letter.jsx

@@ -7,8 +7,9 @@ export default function Letter() {
           Most AI advice is either hype or theory — and neither survives contact with real
           work. We’re writing the guide we wish we’d had: workflows that <em>actually run</em>,
           with the <span className="mark">guardrails built in</span>, kept honest by the people
-          who use them every day. Fund the first edition, and you don’t just get the book — you
-          help decide what goes in it.
+          who use them every day. For a lot of us, mastering these tools isn’t optional
+          anymore — it’s how you build the life you’re working toward. Fund the first edition,
+          and you don’t just get the book — you help decide what goes in it.
         </p>
         <div className="sign reveal">
           <span className="scrawl">The co-authors</span>

marketing-site/components/Tiers.jsx

@@ -40,7 +40,7 @@ export default function Tiers() {
             <div className="t-unit">limited · final terms at launch</div>
             <div className="t-desc">
               A named acknowledgment in the guide, a private cohort seat, and a hand in shaping
-              the first edition.
+              the first edition — the ground floor of something you helped build.
             </div>
           </div>
         </div>