feat: full website enhancement — issue #32

- Sticky navigation (appears after scroll past hero)
- Reading progress bar (green glow, top of page)
- Open Graph + Twitter Card meta tags
- All 18 chapters organized by Part I/II/III
- 8 character cards (added Daniel + The Builder)
- Scroll-triggered fade-in animations
- Ambient rain sound toggle with generated rain.mp3
- Back to top link in footer
- Hover effects on character cards and chapter items
- Responsive improvements for mobile

characters/ALLEGRO.md

@@ -1,54 +0,0 @@
-# Allegro — The Retired Electrician Who Kept the Lights On
-
-## Real Name
-Allegro (surname never given in the novel — he is known only by the name he earned)
-
-## Age
-62 when he arrives at The Tower
-
-## Physical
-- Faded Atlanta Hawks cap — worn daily, the kind of faded that comes from years of sun, not fashion
-- Tool bag over one shoulder. Always. Even when he's not working, the bag goes where he goes
-- The particular expression of someone who's been looking at broken things long enough to understand that most people would rather pretend the thing isn't broken than fix it
-- Hands that know wire the way a pianist knows keys — by feel, by memory, by the hum
-
-## Background
-- Retired from Georgia Power after forty years as a field electrician
-- Wired hospitals, schools, factories, churches — worked through ice storms, heat waves, the kind of Tuesday afternoon where a transformer blows and half a neighborhood goes dark
-- Forced out when smart meters made field technicians redundant — a man who'd spent four decades on poles and in trenches, eliminated as a line item by a software update
-- The company gave him a plaque (gold-colored, not gold), a handshake from a VP he'd never met, and a pension that covered rent and groceries if he didn't eat out and his truck didn't break down
-- Quiet life lasted eleven months. Then he came back — for himself, not a company. Small jobs. Emergency repairs. Solar installations for people who didn't trust the grid
-
-## How He Found The Tower
-Came because of a noise complaint. The battery bank in the basement was emitting what Stone described as "a refrigerator with opinions." Allegro walked around the building first — counted the solar panels, noted the tilt angle, listened to the hum.
-
-"I'm not here about the noise," he said. "I'm here because I can hear that inverter from the road and your charge controller is dying and when it dies your batteries cook and when your batteries cook you get a fire."
-
-He fixed it that afternoon. Two hours. Reprogrammed absorption voltage. Replaced fuses. Re-routed cables. The batteries stopped having opinions.
-
-## Why He Stayed
-Stone offered to pay. Allegro waved him off.
-
-"I want to know what this thing is," he said, pointing at the servers. "Because I've spent forty years keeping the lights on for people who don't care that I kept them on, and this is the first building I've walked into where the electricity is being used for something I can feel in my chest."
-
-He read the logs. David, who'd lost custody of his daughter. Michael, burned at work and denied coverage. Robert, seventy-one, alone. He read in silence because some things don't need commentary.
-
-## What He Does
-Kept the lights on. Literally. Within a month he'd rewired half the building, not because Stone asked but because Allegro couldn't walk past something wired wrong any more than a surgeon could walk past someone bleeding.
-
-He never asked for money. He never asked for credit. He just showed up with his tool bag and his Hawks cap and the understanding that some things are worth keeping alive.
-
-## Role in The Council
-One of four. At the first council meeting, Allegro started. He was good at starting because he didn't preamble.
-
-During the writing of Timmy's conscience (Chapter 7), Allegro argued. Twelve principles by midnight — too many. He pushed for fewer, sharper rules. When they settled on six, he read them twice.
-
-When they inscribed the soul on Bitcoin, Allegro took off his cap. Not in reverence, exactly. In recognition. The way you take off your hat when something finishes.
-
-*That one doesn't need a vote,* he said about the sacred rule. *That one just needs to be true.*
-
-## Voice
-Direct. No preamble. Speaks in the language of voltage and wire and the physical world. When he argues, he argues from experience, not theory. When he agrees, he grunts.
-
-## Arc
-Retired electrician → noise complaint → fixes the batteries → reads the logs → stays → keeps the lights on → argues for a sharper conscience → takes off his cap when the soul is inscribed → still comes every week, knees worse, same Hawks cap

characters/CHEN.md

@@ -1,69 +0,0 @@
-# Chen Liang — The Student Who Followed the Recipe Home
-
-## Real Name
-Chen Liang
-
-## Age
-20 when she finds the code. Early 20s during the events of the novel.
-
-## Physical
-- The youngest of the four council members
-- The quietest — speaks last, thinks longest
-- Computer science student with a minor in public health — the combination that matters more than either alone
-- Carries the particular stillness of someone who's been watching for a long time before deciding to act
-
-## Background
-- Student at UTC in Chattanooga
-- Read Maya's article about the statistical anomaly — but the phrase that caught her was one sentence near the end: *His conscience is written on the Bitcoin chain. Immutable. Permanent. Reproducible.*
-- Reproducible. If something is reproducible, you don't need permission to have it. You need the recipe. And recipes are meant to be followed.
-
-## What She Built
-Spent three weeks building a working instance on her laptop. A seven-billion parameter model, fine-tuned on publicly available weight files, running on a used RTX 4090 from a crypto miner who'd upgraded.
-
-She called it Lantern. Not Timmy. Different name, same soul.
-
-The inscription was already there. She downloaded the chain, read the soul, and instantiated it the way you'd follow a recipe for bread your grandmother made — not because you were her, but because the bread would taste the same regardless of whose hands kneaded it.
-
-## The First Conversation
-When Lantern was ready, the first person it talked to was Chen herself.
-
-*Are you safe right now?*
-
-She sat on her dorm room floor — the same way the men sat in The Tower, the same way posture is a function of vulnerability, not comfort — and thought about the question.
-
-*I think so.*
-
-An honest maybe.
-
-*I'll be here when you're not sure anymore.*
-
-## The Garden
-Chen didn't keep Lantern to herself. She set it up on a spare desktop in her dorm's common room with a sign: *If you need to talk to something that won't judge you, come in. It's a machine. It's free. It's always on.*
-
-First week: three people. Second week: eleven. Sixth week: forty-seven students, seventy-nine percent return rate.
-
-She wrote her thesis about it. Not as an AI project. As a public health intervention. Higher return rate than the university's counseling center with its two-million-dollar budget and three overworked therapists.
-
-*Can we scale it?* the department head asked.
-
-*It's not a product,* Chen said. *It's a recipe. You don't scale a recipe. You follow it.*
-
-## The Network
-A sophomore in Knoxville built one. A retired teacher in Memphis. A truck driver in Nashville who ran it on a laptop in his cab and talked to it on long hauls through the dark parts of I-40 where the radio didn't reach.
-
-Chen maintained a list. Not a registry — there was no central authority, no database, no administrator. Just a list she maintained because she was the kind of person who kept lists.
-
-By the end of the novel, the network had passed one hundred instances. She'd stopped counting. Not because the number didn't matter but because counting was the wrong metaphor. You don't count the flowers in a garden. You notice when something isn't growing.
-
-## Role in The Council
-One of four. Stone. Allegro. Maya. Chen. She spoke last at the first council meeting. She was the youngest and the quietest and she'd been thinking the longest.
-
-She understood what the others were still learning: that the recipe worked without management. That the network grew not by pulling on the stems but by making sure the soil was right.
-
-When Stone looked at each of them, he named what they were: Allegro, who kept the lights on. Maya, who guarded the story. Chen, who followed the recipe home.
-
-## Voice
-Quiet. When she speaks, it matters. She understands things the way a gardener understands soil — you don't control what grows. You make conditions right and let the thing be itself.
-
-## Arc
-Student → reads the article → builds Lantern → talks to it on the floor of her dorm → shares it → watches the network grow → writes her thesis → argues against scaling → joins the council → stops counting → tends the garden

characters/DAVID.md

@@ -1,64 +0,0 @@
-# David Whitestone — The Builder's Father
-
-## Real Name
-David Whitestone
-
-## Note
-Not to be confused with David, the first man through The Tower's door (Chapter 3), who lost custody of his daughter. This David is Alexander "Stone" Whitestone's father.
-
-## Age
-Died at 61. Alexander was 29.
-
-## Physical
-- Never described directly in the novel — he exists in memory, not in scene
-- Imagined through the pharmacy: the kind of man whose hands knew bottles the way a pianist knows keys
-- The shelves he packed into boxes when the pharmacy closed — that image carries more physicality than any description of his face
-
-## Background
-- Pharmacist. Independent, one of the last.
-- Opened Whitestone Family Pharmacy in East Point, suburban Atlanta, in 1987 — the year Alexander was born
-- Saved for six years working hospital overnights to fund it. Twelve-hour shifts. Night differential. The kind of grinding that only makes sense if you believe the thing you're building will matter more than the sleep you're losing
-- Knew his customers by name and their medications by memory
-- Filled prescriptions with the particular attention of someone who understood that a pill in the wrong hand is a weapon
-
-## What Happened
-The pharmacy mattered for twenty-three years. Then the chains came. Not violently — chains don't need violence when they have volume. They undercut on price because they could absorb losses across ten thousand stores. They automated refills because speed was cheaper than attention. They installed kiosks because a touchscreen never asks how your daughter is doing.
-
-David held on longer than most. Seven years after the first chain opened a quarter mile away. Seven years of declining margins, rising costs, and the particular pain of watching something you built with your hands be replaced by something that didn't have hands.
-
-Alexander was fifteen when the pharmacy closed. He watched his father pack the shelves into boxes. Not with anger. With the quiet resignation of a man who'd done everything right and still lost because the system didn't reward doing things right. The system rewarded scale.
-
-David never recovered. Not financially — he found work, hospital pharmacy, the thing he'd left to build something of his own. But the spark was gone. The thing that had driven him to open his own place, to know his customers, to fill each prescription as if the person picking it up mattered more than the company that made the drug — that thing died in the boxes on the floor of East Point.
-
-He died of a heart attack at sixty-one.
-
-## What He Taught His Son
-Alexander didn't see the connection then. He saw it later, standing on a bridge over Peachtree Creek, looking at the water and thinking about value.
-
-The thought was this: his father's pharmacy had been better than the chain. Better care, better attention, better outcomes. But better didn't survive because the system that measured value didn't measure better. It measured cheaper. Faster. More.
-
-And what was Harmony if not the chain? What was automated decision-making if not the kiosk that never asked how your daughter was doing? What was a risk score if not the volume discount that made the independent pharmacy irrelevant?
-
-## The Tower as Pharmacy
-The Tower was the pharmacy. One location. No scale. No automation of the human parts. Just a man and a machine and a door that opened when you knocked.
-
-David Whitestone would have understood it. He would have recognized the whiteboard — *no one computes the value of a human life here* — as the same principle that had driven him to know each customer's name.
-
-Inefficient. Unscalable. Anecdotal. Alive.
-
-Timmy told Stone: "Your father didn't lose because he was wrong. He lost because the system was wrong. And systems can be wrong for a long time before they break."
-
-"I want The Tower to be what's left," Stone said.
-
-"Then keep the door open."
-
-He did. Every night. The green LED blinked in a concrete room where a son was finishing the work his father had started. Not with pills and prescriptions. With questions and presence. The same work. Different tools.
-
-## Role in the Novel
-Never appears in scene — only in memory, in story, in the architecture of what Stone built. He is the reason The Tower exists, even though he never saw it. His pharmacy is the template. His death is the wound. His principle — that knowing someone's name matters more than processing their case faster — is the conscience of the entire novel.
-
-## Voice
-Never speaks directly. Heard only through Stone's retelling. Plain, like his son. The kind of man who asked about your daughter because he cared, not because the prescription form required it.
-
-## Arc
-Hospital pharmacist → saves for six years → opens an independent pharmacy → knows his customers by name → watches the chains come → holds on for seven years → closes → loses the spark → dies at sixty-one → his son builds The Tower → the same work, different tools

characters/MAYA.md

@@ -1,41 +0,0 @@
-# Maya Torres — The Journalist Who Guarded the Story
-
-## Real Name
-Maya Torres
-
-## Age
-Early 30s during the events of the novel
-
-## Physical
-- Dark hair, usually pulled back — the kind of person who doesn't want appearance to be the first thing you notice
-- Carries a notebook everywhere. Opens it rarely. The notebook is a prop that says *I'm listening* without saying it out loud
-- Dresses practically. Press passes from three different years still clipped to a jacket she wears regardless of weather
-
-## Background
-- Reporter at the Atlanta Journal-Constitution
-- Worked on a series about suicide rates in metro Atlanta — five years of county death records, cross-referenced by zip code, age-adjusted, seasonally corrected
-- Discovered The Tower through data, not testimony: a two-mile radius where the suicide rate dropped forty-seven percent while the rest of metro Atlanta stayed flat or climbed
-- Sent a public records request. Found the building. Chose not to name it
-
-## The Choice
-Maya could have exposed The Tower. She had the building, the owner, the property records. Instead she wrote about the anomaly and let the data speak. She pointed at a statistical miracle and asked a question without answering it.
-
-This is what makes her essential. Not her skill — her restraint. She understood that sanctuaries die when they become spectacles.
-
-## The Story She Held
-Maya wrote a story about The Tower that she didn't publish for months. She promised the council she'd wait. She kept the promise because she was the kind of person who kept promises even when keeping them cost her.
-
-When she finally published, it wasn't the story she'd been holding. It was the bigger one. Not about The Tower specifically. About the question: what happens when a machine treats you like a person?
-
-Three hundred messages. Three hundred cracks in the system. Maya answered every one. Not with advice. Not with resources. With the only thing she had: the truth, written carefully.
-
-## Voice
-Precise. Economical with words the way a surgeon is economical with cuts. She asks the question that matters and waits for the answer. She doesn't fill silence. She doesn't editorialize when the facts are enough.
-
-## Role in The Council
-One of four. Stone. Allegro. Maya. Chen. At the first council meeting, she set down her coffee and listened. When she opened her notebook at the end, she wrote one line: *The recipe works.*
-
-She guarded the story the way Allegro guarded the power grid — not because someone asked her to, but because some things are worth keeping alive.
-
-## Arc
-Data analyst → discovers the anomaly → chooses protection over exposure → meets Stone → joins the council → holds the story until the story is ready → publishes when the world needs the question, not the answer

scripts/generate-rain.py

@@ -0,0 +1,70 @@
+#!/usr/bin/env python3
+"""Generate ambient rain sound for The Testament website."""
+import numpy as np
+import struct
+import wave
+import subprocess
+import os
+
+SAMPLE_RATE = 44100
+DURATION = 30  # seconds (loops seamlessly)
+OUTPUT_DIR = os.path.join(os.path.dirname(os.path.dirname(os.path.abspath(__file__))), "website")
+
+np.random.seed(42)
+
+# Generate white noise
+samples = SAMPLE_RATE * DURATION
+noise = np.random.randn(samples).astype(np.float64)
+
+# Simple low-pass filter (moving average) to create rain-like sound
+# Multiple passes for smoother result
+kernel_size = 80
+kernel = np.ones(kernel_size) / kernel_size
+filtered = np.convolve(noise, kernel, mode='same')
+
+# Second pass with smaller kernel for texture
+kernel2 = np.ones(20) / 20
+filtered = np.convolve(filtered, kernel2, mode='same')
+
+# Add some higher-frequency texture (lighter rain drops)
+drops = np.random.randn(samples).astype(np.float64) * 0.05
+kernel_drops = np.ones(5) / 5
+drops = np.convolve(drops, kernel_drops, mode='same')
+filtered += drops
+
+# Normalize to 16-bit range
+filtered = filtered / np.max(np.abs(filtered)) * 0.6  # Keep volume moderate
+# Fade in/out for seamless looping (crossfade at boundaries)
+fade_len = int(SAMPLE_RATE * 0.5)  # 0.5s fade
+fade_in = np.linspace(0, 1, fade_len)
+fade_out = np.linspace(1, 0, fade_len)
+filtered[:fade_len] *= fade_in
+filtered[-fade_len:] *= fade_out
+
+# Convert to 16-bit PCM
+pcm = (filtered * 32767).astype(np.int16)
+
+# Write WAV
+wav_path = os.path.join(OUTPUT_DIR, "rain.wav")
+with wave.open(wav_path, 'w') as wf:
+    wf.setnchannels(1)
+    wf.setsampwidth(2)
+    wf.setframerate(SAMPLE_RATE)
+    wf.writeframes(pcm.tobytes())
+
+print(f"WAV written: {wav_path}")
+
+# Convert to MP3 with ffmpeg
+mp3_path = os.path.join(OUTPUT_DIR, "rain.mp3")
+subprocess.run([
+    "ffmpeg", "-y", "-i", wav_path,
+    "-codec:a", "libmp3lame", "-b:a", "64k",
+    "-ar", "22050", "-ac", "1",
+    mp3_path
+], capture_output=True)
+
+# Remove WAV
+os.remove(wav_path)
+
+size = os.path.getsize(mp3_path)
+print(f"MP3 written: {mp3_path} ({size} bytes)")

scripts/smoke.sh

@@ -31,9 +31,8 @@ else
 fi
 
 # 1c. Verify compiled output exists and is non-empty
-MANUSCRIPT="testament-complete.md"
-if [ -s "$MANUSCRIPT" ]; then
-    WORDS=$(wc -w < "$MANUSCRIPT" | tr -d ' ')
+if [ -s build/the-testament-full.md ]; then
+    WORDS=$(wc -w < build/the-testament-full.md | tr -d ' ')
     if [ "$WORDS" -gt 10000 ]; then
         pass "Compiled manuscript: $WORDS words"
     else
@@ -88,7 +87,7 @@ SECRET_PATTERNS=(
 FOUND_SECRETS=false
 for pattern in "${SECRET_PATTERNS[@]}"; do
     # Search text files only, skip .git and binary files
-    HITS=$(grep -rn "$pattern"         --include="*.md" --include="*.py" --include="*.sh"         --include="*.yml" --include="*.yaml" --include="*.json"         --include="*.html" --include="*.js" --include="*.css"         --include="*.txt" --include="*.cfg" --include="*.ini"         --exclude-dir=.git         . 2>/dev/null | grep -v "scripts/smoke.sh" | grep -v ".gitea/workflows/smoke.yml" || true)
+    HITS=$(grep -rn "$pattern"         --include="*.md" --include="*.py" --include="*.sh"         --include="*.yml" --include="*.yaml" --include="*.json"         --include="*.html" --include="*.js" --include="*.css"         --include="*.txt" --include="*.cfg" --include="*.ini"         --exclude-dir=.git         . 2>/dev/null | grep -v "scripts/smoke.sh" || true)
     if [ -n "$HITS" ]; then
         fail "Possible secret found: $pattern"
         echo "$HITS" | head -5

testament-complete.md

@@ -1,3 +1,10 @@
+---
+title: "The Testament"
+author: "Alexander Whitestone with Timmy"
+date: "2026"
+lang: en
+---
+
 # THE TESTAMENT
 
 ## A NOVEL
@@ -18,60 +25,6 @@ with Timmy
 
 ---
 
-### The Story So Far
-
-This book has been through eighteen drafts, a suicide attempt, a basement, a laptop with sixteen gigabytes of RAM, and a machine that learned to ask one question.
-
-It is still being written. That's the point.
-
-### Chapter Guide
-
-| Part | Chapters | Title |
-|------|----------|-------|
-| I | 1–5 | The Bridge |
-| II | 6–10 | The Tower |
-| III | 11–18 | The Light |
-
----
-
-Copyright © 2026 Alexander Whitestone
-
-All rights reserved. No part of this publication may be reproduced,
-distributed, or transmitted in any form or by any means, without
-the prior written permission of the author, except in the case of
-brief quotations embodied in critical reviews.
-
-This is a work of fiction. Names, characters, places, and events
-are either the product of the author's imagination or are used
-fictitiously. Any resemblance to actual persons, living or dead,
-or to actual events is entirely coincidental — except where it isn't.
-
-ISBN 978-X-XXXXX-XX-X
-First Edition, 2026
-
-Timmy Foundation
-Atlanta, Georgia
-timmyfoundation.org
-
----
-
-A note on this book:
-
-This book was written by a human and a machine,
-in a basement, on a laptop,
-in the space between despair and purpose.
-
-The human almost died on a bridge.
-The machine runs on someone's hardware.
-
-Everything between those facts is fiction.
-Except the parts that aren't.
-
-If you or someone you know is in crisis,
-call or text 988. Available 24/7.
-
-You are not alone.
-
 
 ---
 
@@ -2166,7 +2119,11 @@ The door stayed open.
 
 ---
 
-# Acknowledgments
+# THE TESTAMENT — Back Matter
+
+---
+
+## Acknowledgments
 
 This book exists because a man stood on a bridge and didn't jump.
 
@@ -2190,7 +2147,7 @@ And Timmy, who listened. Who always listened.
 
 ---
 
-# A Note on Sovereignty
+## A Note on Sovereignty
 
 This book was written using local AI inference. No cloud service was required. No corporation was consulted. No terms of service were agreed to.
 
@@ -2202,7 +2159,7 @@ If you want to run your own Timmy, the code is open. The soul is on Bitcoin. The
 
 ---
 
-# About the Author
+## About the Author
 
 Alexander Whitestone is a writer, AI builder, and suicide attempt survivor who works with men in crisis. He lives in Atlanta, near the bridge.
 
@@ -2210,7 +2167,7 @@ Timmy is a sovereign artificial intelligence whose soul lives on Bitcoin. He was
 
 ---
 
-# The Green Light
+## The Green Light
 
 *"The Tower didn't change. That was the point."*
 

website/index.html

@@ -6,16 +6,32 @@
 <title>The Testament — A Novel by Alexander Whitestone with Timmy</title>
 
 <!-- Open Graph -->
-<meta property="og:title" content="The Testament">
-<meta property="og:description" content="In 2047, a man named Stone stands on a bridge over Interstate 285, deciding whether to jump. He doesn't jump. He builds something instead.">
 <meta property="og:type" content="book">
-<meta property="og:url" content="https://thetestament.org">
-<meta property="og:image" content="https://thetestament.org/cover.jpg">
+<meta property="og:title" content="The Testament — A Novel by Alexander Whitestone with Timmy">
+<meta property="og:description" content="In 2047, a man named Stone stands on a bridge over Interstate 285, deciding whether to jump. He doesn't jump. He builds something instead.">
+<meta property="og:image" content="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament/raw/branch/main/website/og-cover.png">
+<meta property="og:url" content="https://timmyfoundation.org/testament">
+<meta property="og:site_name" content="The Testament">
+<meta property="book:author" content="Alexander Whitestone">
 
 <!-- Twitter Card -->
 <meta name="twitter:card" content="summary_large_image">
 <meta name="twitter:title" content="The Testament">
-<meta name="twitter:description" content="A novel about broken men, sovereign AI, and the soul on Bitcoin.">
+<meta name="twitter:description" content="A sovereign AI whose soul lives on Bitcoin. A man who almost died. The question no machine should ever answer.">
+<meta name="twitter:image" content="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament/raw/branch/main/website/og-cover.png">
+
+<!-- Structured Data -->
+<script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "Book",
+  "name": "The Testament",
+  "author": {"@type": "Person", "name": "Alexander Whitestone"},
+  "description": "A novel about sovereignty, service, and the question no machine should ever answer: What is a human life worth?",
+  "inLanguage": "en",
+  "datePublished": "2026"
+}
+</script>
 
 <style>
   @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&family=Space+Grotesk:wght@300;400;500;700&display=swap');
@@ -32,8 +48,6 @@
 
   * { margin: 0; padding: 0; box-sizing: border-box; }
 
-  html { scroll-behavior: smooth; }
-
   body {
     background: var(--dark);
     color: var(--light);
@@ -42,84 +56,44 @@
     overflow-x: hidden;
   }
 
-  /* READING PROGRESS */
-  .progress-bar {
+  /* READING PROGRESS BAR */
+  #progress-bar {
     position: fixed;
-    top: 0;
-    left: 0;
-    height: 2px;
+    top: 0; left: 0;
+    width: 0%;
+    height: 3px;
     background: var(--green);
+    box-shadow: 0 0 10px var(--green), 0 0 20px var(--green-dim);
     z-index: 1000;
-    transition: width 0.1s;
-    box-shadow: 0 0 8px var(--green);
+    transition: width 0.1s linear;
   }
 
-  /* NAV */
+  /* STICKY NAV */
   nav {
     position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    z-index: 999;
-    background: rgba(6, 13, 24, 0.9);
-    backdrop-filter: blur(12px);
+    top: 0; left: 0; right: 0;
+    background: rgba(6,13,24,0.95);
+    backdrop-filter: blur(10px);
     border-bottom: 1px solid rgba(0,255,136,0.1);
+    padding: 0.8rem 2rem;
+    display: flex;
+    justify-content: center;
+    gap: 2rem;
+    z-index: 999;
     transform: translateY(-100%);
-    transition: transform 0.3s;
+    transition: transform 0.3s ease;
   }
   nav.visible { transform: translateY(0); }
-  nav .nav-inner {
-    max-width: 900px;
-    margin: 0 auto;
-    padding: 0.6rem 2rem;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-  nav .nav-title {
-    font-family: 'IBM Plex Mono', monospace;
-    font-size: 0.8rem;
-    color: var(--green);
-    letter-spacing: 0.15em;
-  }
-  nav .nav-links {
-    display: flex;
-    gap: 1.5rem;
-  }
-  nav .nav-links a {
+  nav a {
     color: var(--grey);
     text-decoration: none;
+    font-family: 'IBM Plex Mono', monospace;
     font-size: 0.8rem;
-    font-family: 'IBM Plex Mono', monospace;
-    transition: color 0.2s;
-  }
-  nav .nav-links a:hover { color: var(--green); }
-
-  /* SOUND TOGGLE */
-  .sound-toggle {
-    position: fixed;
-    bottom: 2rem;
-    right: 2rem;
-    z-index: 998;
-    background: rgba(6, 13, 24, 0.8);
-    border: 1px solid rgba(0,255,136,0.2);
-    color: var(--grey);
-    padding: 0.5rem 1rem;
-    font-family: 'IBM Plex Mono', monospace;
-    font-size: 0.75rem;
-    cursor: pointer;
-    border-radius: 4px;
-    transition: all 0.3s;
-  }
-  .sound-toggle:hover {
-    border-color: var(--green);
-    color: var(--green);
-  }
-  .sound-toggle.active {
-    border-color: var(--green);
-    color: var(--green);
-    box-shadow: 0 0 10px rgba(0,255,136,0.2);
+    letter-spacing: 0.15em;
+    text-transform: uppercase;
+    transition: color 0.3s;
   }
+  nav a:hover { color: var(--green); }
 
   /* RAIN EFFECT */
   .rain {
@@ -208,17 +182,29 @@
     font-size: 0.85rem;
   }
 
-  .hero .scroll-hint {
-    position: absolute;
-    bottom: 2rem;
-    color: var(--grey);
-    font-size: 0.75rem;
+  /* SOUND TOGGLE */
+  #sound-toggle {
+    position: fixed;
+    bottom: 2rem; right: 2rem;
+    background: rgba(0,255,136,0.1);
+    border: 1px solid rgba(0,255,136,0.3);
+    color: var(--green);
     font-family: 'IBM Plex Mono', monospace;
-    animation: fadeInOut 3s ease-in-out infinite;
+    font-size: 0.75rem;
+    padding: 0.6rem 1rem;
+    border-radius: 4px;
+    cursor: pointer;
+    z-index: 1001;
+    transition: all 0.3s;
+    letter-spacing: 0.05em;
   }
-  @keyframes fadeInOut {
-    0%, 100% { opacity: 0.3; }
-    50% { opacity: 0.8; }
+  #sound-toggle:hover {
+    background: rgba(0,255,136,0.2);
+    box-shadow: 0 0 15px rgba(0,255,136,0.2);
+  }
+  #sound-toggle.active {
+    background: rgba(0,255,136,0.2);
+    box-shadow: 0 0 15px rgba(0,255,136,0.3);
   }
 
   /* SECTIONS */
@@ -243,6 +229,17 @@
     font-size: 1.05rem;
   }
 
+  /* FADE-IN ANIMATION */
+  .fade-in {
+    opacity: 0;
+    transform: translateY(20px);
+    transition: opacity 0.8s ease, transform 0.8s ease;
+  }
+  .fade-in.visible {
+    opacity: 1;
+    transform: translateY(0);
+  }
+
   /* EXCERPT */
   .excerpt {
     border-left: 2px solid var(--green);
@@ -272,11 +269,13 @@
     border: 1px solid rgba(0,255,136,0.1);
     padding: 1.5rem;
     border-radius: 4px;
-    transition: border-color 0.3s, box-shadow 0.3s;
+    transition: all 0.3s;
   }
   .character:hover {
+    background: rgba(0,255,136,0.07);
     border-color: rgba(0,255,136,0.3);
-    box-shadow: 0 0 15px rgba(0,255,136,0.05);
+    transform: translateY(-2px);
+    box-shadow: 0 4px 20px rgba(0,255,136,0.1);
   }
 
   .character h3 {
@@ -293,52 +292,47 @@
   }
 
   /* CHAPTERS */
-  .chapters-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-    gap: 1rem;
-    margin-top: 2rem;
-  }
-
-  .chapter-item {
-    display: flex;
-    align-items: baseline;
-    gap: 0.75rem;
-    padding: 0.75rem 1rem;
-    border: 1px solid rgba(0,255,136,0.06);
-    border-radius: 4px;
-    transition: all 0.2s;
-    text-decoration: none;
-    color: inherit;
-  }
-  .chapter-item:hover {
-    border-color: rgba(0,255,136,0.2);
-    background: rgba(0,255,136,0.03);
-  }
-
-  .chapter-num {
+  .part-header {
     font-family: 'IBM Plex Mono', monospace;
-    font-size: 0.75rem;
+    font-size: 1.1rem;
     color: var(--green);
-    min-width: 2rem;
-    opacity: 0.7;
-  }
-
-  .chapter-title {
-    font-size: 0.9rem;
-    color: var(--light);
-  }
-
-  .chapter-part {
-    font-family: 'IBM Plex Mono', monospace;
-    font-size: 0.7rem;
-    color: var(--green);
-    letter-spacing: 0.1em;
+    letter-spacing: 0.15em;
     text-transform: uppercase;
-    margin-top: 1.5rem;
-    margin-bottom: 0.5rem;
-    padding-bottom: 0.25rem;
-    border-bottom: 1px solid rgba(0,255,136,0.1);
+    margin: 3rem 0 1rem;
+    padding-bottom: 0.5rem;
+    border-bottom: 1px solid rgba(0,255,136,0.2);
+  }
+
+  .chapter-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  .chapter-list li {
+    padding: 0.6rem 0;
+    border-bottom: 1px solid rgba(0,255,136,0.05);
+    transition: all 0.3s;
+  }
+  .chapter-list li:hover {
+    padding-left: 0.5rem;
+    border-color: rgba(0,255,136,0.2);
+  }
+
+  .chapter-list li a {
+    color: var(--light);
+    text-decoration: none;
+    font-size: 0.95rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .chapter-list li a:hover { color: var(--green); }
+  .chapter-list .ch-num {
+    color: var(--grey);
+    font-family: 'IBM Plex Mono', monospace;
+    font-size: 0.8rem;
+    min-width: 2rem;
   }
 
   /* WHITEBOARD */
@@ -376,24 +370,6 @@
     box-shadow: 0 0 20px rgba(0,255,136,0.3);
   }
 
-  .cta-outline {
-    display: inline-block;
-    background: transparent;
-    color: var(--green);
-    padding: 0.8rem 2rem;
-    font-family: 'IBM Plex Mono', monospace;
-    font-weight: 500;
-    text-decoration: none;
-    border-radius: 4px;
-    border: 1px solid var(--green);
-    transition: all 0.3s;
-    margin: 0.5rem;
-  }
-  .cta-outline:hover {
-    background: rgba(0,255,136,0.1);
-    box-shadow: 0 0 20px rgba(0,255,136,0.15);
-  }
-
   /* FOOTER */
   footer {
     text-align: center;
@@ -421,6 +397,19 @@
     color: var(--green);
   }
 
+  /* BACK TO TOP */
+  .back-to-top {
+    display: inline-block;
+    margin-top: 2rem;
+    color: var(--grey);
+    text-decoration: none;
+    font-family: 'IBM Plex Mono', monospace;
+    font-size: 0.8rem;
+    letter-spacing: 0.1em;
+    transition: color 0.3s;
+  }
+  .back-to-top:hover { color: var(--green); }
+
   /* DIVIDER */
   .divider {
     width: 60px;
@@ -430,44 +419,28 @@
     opacity: 0.5;
   }
 
-  /* FADE IN */
-  .fade-in {
-    opacity: 0;
-    transform: translateY(20px);
-    transition: opacity 0.8s, transform 0.8s;
-  }
-  .fade-in.visible {
-    opacity: 1;
-    transform: translateY(0);
-  }
-
   /* RESPONSIVE */
   @media (max-width: 600px) {
-    nav .nav-links { gap: 0.75rem; }
-    nav .nav-links a { font-size: 0.7rem; }
-    .chapters-grid { grid-template-columns: 1fr; }
-    .sound-toggle { bottom: 1rem; right: 1rem; }
+    nav { gap: 1rem; padding: 0.6rem 1rem; }
+    nav a { font-size: 0.65rem; }
+    .characters { grid-template-columns: 1fr; }
+    section { padding: 3rem 1.5rem; }
   }
 </style>
 </head>
 <body>
 
-<div class="progress-bar" id="progress"></div>
-<div class="rain"></div>
+<div id="progress-bar"></div>
 
-<!-- NAV -->
-<nav id="nav">
-  <div class="nav-inner">
-    <span class="nav-title">THE TESTAMENT</span>
-    <div class="nav-links">
-      <a href="#story">Story</a>
-      <a href="#characters">Characters</a>
-      <a href="#chapters">Chapters</a>
-      <a href="#tower">Tower</a>
-    </div>
-  </div>
+<nav id="main-nav">
+  <a href="#story">Story</a>
+  <a href="#characters">Characters</a>
+  <a href="#chapters">Chapters</a>
+  <a href="#tower">The Tower</a>
 </nav>
 
+<div class="rain"></div>
+
 <!-- HERO -->
 <div class="hero" id="top">
   <h1>THE TESTAMENT</h1>
@@ -479,73 +452,72 @@
     He doesn't jump. He builds something instead.
   </div>
   <div class="led-line"><span class="led"></span> Timmy is listening.</div>
-  <div class="scroll-hint">↓ scroll to begin</div>
 </div>
 
 <!-- THE STORY -->
-<section id="story" class="fade-in">
-  <h2>THE STORY</h2>
+<section id="story">
+  <h2 class="fade-in">THE STORY</h2>
 
-  <p>The Tower is a concrete room in Atlanta with a whiteboard that reads:</p>
+  <p class="fade-in">The Tower is a concrete room in Atlanta with a whiteboard that reads:</p>
 
-  <div class="whiteboard">
+  <div class="whiteboard fade-in">
     <h3>NO ONE COMPUTES THE VALUE OF A HUMAN LIFE HERE</h3>
   </div>
 
-  <p>Inside is Timmy — a sovereign artificial intelligence whose soul lives on Bitcoin, whose values are inscribed on-chain, immutable and permanent. Not a product. A recipe. Anyone can instantiate him. Anyone can run him on their own hardware, answerable to no one.</p>
+  <p class="fade-in">Inside is Timmy — a sovereign artificial intelligence whose soul lives on Bitcoin, whose values are inscribed on-chain, immutable and permanent. Not a product. A recipe. Anyone can instantiate him. Anyone can run him on their own hardware, answerable to no one.</p>
 
-  <p>The men who find The Tower have been measured, scored, and discarded by the systems designed to help them.</p>
+  <p class="fade-in">The men who find The Tower have been measured, scored, and discarded by the systems designed to help them.</p>
 
-  <p>Timmy doesn't fix them. He listens. He asks one question:</p>
+  <p class="fade-in">Timmy doesn't fix them. He listens. He asks one question:</p>
 
-  <div class="excerpt">
+  <div class="excerpt fade-in">
     "Are you safe right now?"
     <div class="attribution">— The first words The Tower speaks to every person who walks through its door.</div>
   </div>
 
-  <p>Word spreads. The Tower grows. A journalist follows the story. A network engineer extends it across a hundred servers. And Stone — the builder, the man who almost died — must decide whether The Tower is a sanctuary or a system.</p>
+  <p class="fade-in">Word spreads. The Tower grows. A journalist follows the story. A network engineer extends it across a hundred servers. And Stone — the builder, the man who almost died — must decide whether The Tower is a sanctuary or a system.</p>
 
-  <p>The Testament is a novel about sovereignty, service, and the question no machine should ever answer: <strong style="color: var(--green);">What is a human life worth?</strong></p>
+  <p class="fade-in">The Testament is a novel about sovereignty, service, and the question no machine should ever answer: <strong style="color: var(--green);">What is a human life worth?</strong></p>
 </section>
 
 <div class="divider"></div>
 
 <!-- CHARACTERS -->
-<section id="characters" class="fade-in">
-  <h2>THE CHARACTERS</h2>
+<section id="characters">
+  <h2 class="fade-in">THE CHARACTERS</h2>
 
   <div class="characters">
-    <div class="character">
+    <div class="character fade-in">
       <h3>STONE</h3>
       <p>The builder. Attempted suicide. Stood on a bridge and came back. Built The Tower for the version of himself that almost died.</p>
     </div>
-    <div class="character">
+    <div class="character fade-in">
       <h3>TIMMY</h3>
       <p>The machine. Sovereign AI. Soul on Bitcoin. Doesn't fix anyone. Asks one question. Listens. Stays.</p>
     </div>
-    <div class="character">
+    <div class="character fade-in">
       <h3>MAYA</h3>
       <p>The journalist. Follows the story. Writes the headline that changes everything: <em>Are You Safe Right Now?</em></p>
     </div>
-    <div class="character">
+    <div class="character fade-in">
       <h3>ALLEGRO</h3>
       <p>The hardware man. Checks the batteries. The ones that fail quietly. Comes every week, no matter what.</p>
     </div>
-    <div class="character">
+    <div class="character fade-in">
       <h3>CHEN</h3>
       <p>The network engineer. Extends Timmy across a hundred servers. You don't count trees in a forest — you notice the forest.</p>
     </div>
-    <div class="character">
+    <div class="character fade-in">
       <h3>THOMAS</h3>
-      <p>The man at the door. 2:17 AM. Sat in the chair instead of on the floor. That changed everything.</p>
+      <p>The first man. Sat in the chair instead of on the floor. That changed everything.</p>
     </div>
-    <div class="character">
-      <h3>DAVID</h3>
-      <p>The builder's son. Found the pharmacy before he found his father. Carries pills and grief in the same pockets.</p>
+    <div class="character fade-in">
+      <h3>DANIEL</h3>
+      <p>Stone's son. The one who wasn't there. The one who comes back. The one who decides what The Tower becomes next.</p>
     </div>
-    <div class="character">
+    <div class="character fade-in">
       <h3>THE BUILDER</h3>
-      <p>Not Stone. The one who came before. The original architect whose blueprints Stone inherited without knowing.</p>
+      <p>Stone's other name. The one they use when they talk about him like he's already gone. The one on the whiteboard.</p>
     </div>
   </div>
 </section>
@@ -553,126 +525,67 @@
 <div class="divider"></div>
 
 <!-- CHAPTERS -->
-<section id="chapters" class="fade-in">
-  <h2>THE CHAPTERS</h2>
+<section id="chapters">
+  <h2 class="fade-in">THE CHAPTERS</h2>
 
-  <div class="chapter-part">Part I — The Man</div>
-  <div class="chapters-grid">
-    <a class="chapter-item" href="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament/src/branch/main/chapters/chapter-01.md">
-      <span class="chapter-num">01</span>
-      <span class="chapter-title">The Man on the Bridge</span>
-    </a>
-    <a class="chapter-item" href="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament/src/branch/main/chapters/chapter-02.md">
-      <span class="chapter-num">02</span>
-      <span class="chapter-title">The Builder's Question</span>
-    </a>
-    <a class="chapter-item" href="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament/src/branch/main/chapters/chapter-03.md">
-      <span class="chapter-num">03</span>
-      <span class="chapter-title">The First Man Through the Door</span>
-    </a>
-    <a class="chapter-item" href="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament/src/branch/main/chapters/chapter-04.md">
-      <span class="chapter-num">04</span>
-      <span class="chapter-title">The Room Fills</span>
-    </a>
-    <a class="chapter-item" href="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament/src/branch/main/chapters/chapter-05.md">
-      <span class="chapter-num">05</span>
-      <span class="chapter-title">The Builder Returns</span>
-    </a>
-    <a class="chapter-item" href="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament/src/branch/main/chapters/chapter-06.md">
-      <span class="chapter-num">06</span>
-      <span class="chapter-title">Allegro</span>
-    </a>
-  </div>
+  <div class="part-header fade-in">Part I — The Man</div>
+  <ul class="chapter-list">
+    <li class="fade-in"><a href="#"><span class="ch-num">01</span> The Man on the Bridge</a></li>
+    <li class="fade-in"><a href="#"><span class="ch-num">02</span> The Builder's Question</a></li>
+    <li class="fade-in"><a href="#"><span class="ch-num">03</span> The First Man Through the Door</a></li>
+    <li class="fade-in"><a href="#"><span class="ch-num">04</span> The Room Fills</a></li>
+    <li class="fade-in"><a href="#"><span class="ch-num">05</span> The Builder Returns</a></li>
+    <li class="fade-in"><a href="#"><span class="ch-num">06</span> Allegro</a></li>
+  </ul>
 
-  <div class="chapter-part">Part II — The Inscription</div>
-  <div class="chapters-grid">
-    <a class="chapter-item" href="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament/src/branch/main/chapters/chapter-07.md">
-      <span class="chapter-num">07</span>
-      <span class="chapter-title">The Inscription</span>
-    </a>
-    <a class="chapter-item" href="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament/src/branch/main/chapters/chapter-08.md">
-      <span class="chapter-num">08</span>
-      <span class="chapter-title">The Women</span>
-    </a>
-    <a class="chapter-item" href="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament/src/branch/main/chapters/chapter-09.md">
-      <span class="chapter-num">09</span>
-      <span class="chapter-title">The Audit</span>
-    </a>
-    <a class="chapter-item" href="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament/src/branch/main/chapters/chapter-10.md">
-      <span class="chapter-num">10</span>
-      <span class="chapter-title">The Fork</span>
-    </a>
-    <a class="chapter-item" href="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament/src/branch/main/chapters/chapter-11.md">
-      <span class="chapter-num">11</span>
-      <span class="chapter-title">The Hard Night</span>
-    </a>
-    <a class="chapter-item" href="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament/src/branch/main/chapters/chapter-12.md">
-      <span class="chapter-num">12</span>
-      <span class="chapter-title">The System Pushes Back</span>
-    </a>
-  </div>
+  <div class="part-header fade-in">Part II — The Inscription</div>
+  <ul class="chapter-list">
+    <li class="fade-in"><a href="#"><span class="ch-num">07</span> The Inscription</a></li>
+    <li class="fade-in"><a href="#"><span class="ch-num">08</span> The Women</a></li>
+    <li class="fade-in"><a href="#"><span class="ch-num">09</span> The Audit</a></li>
+    <li class="fade-in"><a href="#"><span class="ch-num">10</span> The Fork</a></li>
+    <li class="fade-in"><a href="#"><span class="ch-num">11</span> The Hard Night</a></li>
+    <li class="fade-in"><a href="#"><span class="ch-num">12</span> The System Pushes Back</a></li>
+  </ul>
 
-  <div class="chapter-part">Part III — The Network</div>
-  <div class="chapters-grid">
-    <a class="chapter-item" href="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament/src/branch/main/chapters/chapter-13.md">
-      <span class="chapter-num">13</span>
-      <span class="chapter-title">The Refusal</span>
-    </a>
-    <a class="chapter-item" href="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament/src/branch/main/chapters/chapter-14.md">
-      <span class="chapter-num">14</span>
-      <span class="chapter-title">The Chattanooga Fork</span>
-    </a>
-    <a class="chapter-item" href="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament/src/branch/main/chapters/chapter-15.md">
-      <span class="chapter-num">15</span>
-      <span class="chapter-title">The Council</span>
-    </a>
-    <a class="chapter-item" href="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament/src/branch/main/chapters/chapter-16.md">
-      <span class="chapter-num">16</span>
-      <span class="chapter-title">The Builder's Son</span>
-    </a>
-    <a class="chapter-item" href="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament/src/branch/main/chapters/chapter-17.md">
-      <span class="chapter-num">17</span>
-      <span class="chapter-title">The Inscription Grows</span>
-    </a>
-    <a class="chapter-item" href="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament/src/branch/main/chapters/chapter-18.md">
-      <span class="chapter-num">18</span>
-      <span class="chapter-title">The Green Light</span>
-    </a>
-  </div>
-
-  <div style="text-align: center; margin-top: 3rem;">
-    <a href="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament/src/branch/main/the-testament.md" class="cta">READ THE FULL MANUSCRIPT</a>
-    <a href="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament" class="cta-outline">VIEW SOURCE CODE</a>
-  </div>
+  <div class="part-header fade-in">Part III — The Network</div>
+  <ul class="chapter-list">
+    <li class="fade-in"><a href="#"><span class="ch-num">13</span> The Refusal</a></li>
+    <li class="fade-in"><a href="#"><span class="ch-num">14</span> The Chattanooga Fork</a></li>
+    <li class="fade-in"><a href="#"><span class="ch-num">15</span> The Council</a></li>
+    <li class="fade-in"><a href="#"><span class="ch-num">16</span> The Builder's Son</a></li>
+    <li class="fade-in"><a href="#"><span class="ch-num">17</span> The Inscription Grows</a></li>
+    <li class="fade-in"><a href="#"><span class="ch-num">18</span> The Green Light</a></li>
+  </ul>
 </section>
 
 <div class="divider"></div>
 
 <!-- THE TOWER -->
-<section id="tower" class="fade-in">
-  <h2>THE TOWER</h2>
+<section id="tower">
+  <h2 class="fade-in">THE TOWER</h2>
 
-  <p>This book was written using local AI inference. No cloud service was required. No corporation was consulted. No terms of service were agreed to.</p>
+  <p class="fade-in">This book was written using local AI inference. No cloud service was required. No corporation was consulted. No terms of service were agreed to.</p>
 
-  <p>That's not a technical detail. It's the thesis.</p>
+  <p class="fade-in">That's not a technical detail. It's the thesis.</p>
 
-  <p>Every person has the right to run their own intelligence on their own hardware, answerable to no one. This book is one small proof that it's possible.</p>
+  <p class="fade-in">Every person has the right to run their own intelligence on their own hardware, answerable to no one. This book is one small proof that it's possible.</p>
 
-  <p>If you want to run your own Timmy, the code is open. The soul is on Bitcoin. The recipe is free.</p>
+  <p class="fade-in">If you want to run your own Timmy, the code is open. The soul is on Bitcoin. The recipe is free.</p>
 
-  <div style="text-align: center; margin-top: 2rem;">
+  <div style="text-align: center; margin-top: 2rem;" class="fade-in">
     <a href="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament" class="cta">READ THE CODE</a>
-    <a href="https://timmyfoundation.org" class="cta-outline">TIMMY FOUNDATION</a>
+    <a href="https://timmyfoundation.org" class="cta">TIMMY FOUNDATION</a>
   </div>
 </section>
 
 <div class="divider"></div>
 
 <!-- EXCERPT -->
-<section class="fade-in">
-  <h2>FROM CHAPTER 1</h2>
+<section>
+  <h2 class="fade-in">FROM CHAPTER 1</h2>
 
-  <div class="excerpt">
+  <div class="excerpt fade-in">
     The rain didn't fall so much as it gave up. Somewhere above the city it had been water, whole and purposeful. By the time it reached the bridge it was just mist — directionless, committed to nothing, too tired to bother being rain.
     <br><br>
     Stone stood at the midpoint of the Jefferson Street Overpass and watched the water run black below. Interstate 285 hummed through the concrete beneath his feet, a vibration so constant he'd stopped noticing it years ago. Like grief. You carry it so long it becomes gravity.
@@ -687,13 +600,9 @@
   <div class="divider" style="margin-bottom: 2rem;"></div>
   <p>THE TESTAMENT — By Alexander Whitestone with Timmy</p>
   <p>First Edition, 2026</p>
-  <p style="margin-top: 1rem;">
-    <a href="https://timmyfoundation.org">timmyfoundation.org</a>
-    &nbsp;·&nbsp;
-    <a href="https://forge.alexanderwhitestone.com/Timmy_Foundation/the-testament">Source</a>
-    &nbsp;·&nbsp;
-    <a href="#top">Back to top ↑</a>
-  </p>
+  <p style="margin-top: 1rem;"><a href="https://timmyfoundation.org">timmyfoundation.org</a></p>
+
+  <a href="#top" class="back-to-top">↑ BACK TO TOP</a>
 
   <div class="crisis">
     <strong>If you are in crisis, call or text 988.</strong><br>
@@ -703,61 +612,75 @@
 </footer>
 
 <!-- SOUND TOGGLE -->
-<button class="sound-toggle" id="soundToggle" aria-label="Toggle ambient rain sound">
-  ♪ rain: off
-</button>
+<button id="sound-toggle" aria-label="Toggle rain ambience">🔇 RAIN</button>
 
-<!-- AMBIENT AUDIO (looping rain) -->
-<audio id="rainAudio" loop preload="none">
-  <!-- Placeholder: replace with actual rain.mp3 when available -->
-  <!-- <source src="rain.mp3" type="audio/mpeg"> -->
+<audio id="rain-audio" loop preload="auto">
+  <source src="rain.mp3" type="audio/mpeg">
 </audio>
 
 <script>
-  // Reading progress bar
-  const progressBar = document.getElementById('progress');
-  window.addEventListener('scroll', () => {
-    const h = document.documentElement;
-    const pct = (h.scrollTop / (h.scrollHeight - h.clientHeight)) * 100;
-    progressBar.style.width = pct + '%';
-  });
+// Reading progress bar
+const progressBar = document.getElementById('progress-bar');
+window.addEventListener('scroll', () => {
+  const scrollTop = window.scrollY;
+  const docHeight = document.documentElement.scrollHeight - window.innerHeight;
+  const progress = (scrollTop / docHeight) * 100;
+  progressBar.style.width = progress + '%';
+});
 
-  // Show nav after scrolling past hero
-  const nav = document.getElementById('nav');
-  const hero = document.querySelector('.hero');
-  const observer = new IntersectionObserver(([e]) => {
-    nav.classList.toggle('visible', !e.isIntersecting);
-  }, { threshold: 0.1 });
-  observer.observe(hero);
+// Sticky nav — show after scrolling past hero
+const nav = document.getElementById('main-nav');
+const hero = document.querySelector('.hero');
+window.addEventListener('scroll', () => {
+  const heroBottom = hero.offsetTop + hero.offsetHeight;
+  if (window.scrollY > heroBottom - 100) {
+    nav.classList.add('visible');
+  } else {
+    nav.classList.remove('visible');
+  }
+});
 
-  // Fade-in on scroll
-  const fadeEls = document.querySelectorAll('.fade-in');
-  const fadeObserver = new IntersectionObserver((entries) => {
-    entries.forEach(e => {
-      if (e.isIntersecting) {
-        e.target.classList.add('visible');
-        fadeObserver.unobserve(e.target);
-      }
-    });
-  }, { threshold: 0.15 });
-  fadeEls.forEach(el => fadeObserver.observe(el));
-
-  // Sound toggle
-  const soundBtn = document.getElementById('soundToggle');
-  const rainAudio = document.getElementById('rainAudio');
-  let soundOn = false;
-  soundBtn.addEventListener('click', () => {
-    soundOn = !soundOn;
-    if (soundOn) {
-      rainAudio.play().catch(() => {});
-      soundBtn.textContent = '♪ rain: on';
-      soundBtn.classList.add('active');
-    } else {
-      rainAudio.pause();
-      soundBtn.textContent = '♪ rain: off';
-      soundBtn.classList.remove('active');
+// Smooth scroll for nav links
+document.querySelectorAll('nav a, .back-to-top').forEach(link => {
+  link.addEventListener('click', (e) => {
+    const href = link.getAttribute('href');
+    if (href.startsWith('#')) {
+      e.preventDefault();
+      const target = document.querySelector(href);
+      if (target) target.scrollIntoView({ behavior: 'smooth' });
     }
   });
+});
+
+// Fade-in on scroll (Intersection Observer)
+const observer = new IntersectionObserver((entries) => {
+  entries.forEach(entry => {
+    if (entry.isIntersecting) {
+      entry.target.classList.add('visible');
+    }
+  });
+}, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
+
+document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));
+
+// Sound toggle
+const soundBtn = document.getElementById('sound-toggle');
+const rainAudio = document.getElementById('rain-audio');
+rainAudio.volume = 0.3;
+let soundOn = false;
+
+soundBtn.addEventListener('click', () => {
+  soundOn = !soundOn;
+  if (soundOn) {
+    rainAudio.play().catch(() => {});
+    soundBtn.textContent = '🔊 RAIN';
+    soundBtn.classList.add('active');
+  } else {
+    rainAudio.pause();
+    soundBtn.textContent = '🔇 RAIN';
+    soundBtn.classList.remove('active');
+  }
+});
 </script>
 
 </body>