diff --git a/server/index.ts b/server/index.ts
index 0b50654..100e478 100644
--- a/server/index.ts
+++ b/server/index.ts
@@ -75,8 +75,11 @@ app.get('/admin/:slug', page('admin.html')); // deep link still works; auth driv
 app.get('/demo', page('demo.html'));
 
 /**
- * Root landing page: a single button into the admin dashboard. Static, script-free HTML (served
- * under LOCKED_CSP, so only inline styles are allowed — no <script>), so it needs no build step.
+ * Root landing page: a self-contained capability page for prospective sitters. Static and
+ * script-free (served under LOCKED_CSP, so only inline styles are allowed — NO <script>, no
+ * external fonts/CSS/images), so it needs no build step. Any interactivity is native HTML/CSS
+ * (the FAQ uses <details>/<summary>). The embed snippet below is shown as escaped text
+ * (&lt;script&gt;…) so the served body genuinely contains no <script tag.
  */
 const LANDING_HTML = `<!doctype html>
 <html lang="en">
@@ -90,7 +93,7 @@ const LANDING_HTML = `<!doctype html>
         --paper: #ece6d8;
         --paper-2: #f7f3ea;
         --ink: #26312e;
-        --soft: #5e675f;
+        --soft: #545d4d;
         --rule: #d6cebc;
         --accent: #c77d0a;
         --stamp: #9e3b4e;
@@ -102,33 +105,46 @@ const LANDING_HTML = `<!doctype html>
           "Liberation Mono", monospace;
       }
       * { box-sizing: border-box; }
+      html { -webkit-text-size-adjust: 100%; }
       body {
         margin: 0;
-        min-height: 100vh;
-        display: grid;
-        place-items: center;
-        padding: 32px 20px;
         font-family: var(--sans);
         color: var(--ink);
+        line-height: 1.55;
         /* A faint ruled-notebook wash on warm paper — the ledger, felt not shouted. */
         background-color: var(--paper);
         background-image:
-          radial-gradient(120% 80% at 50% -10%, #f2ecdd 0%, var(--paper) 55%),
+          radial-gradient(120% 60% at 50% -6%, #f2ecdd 0%, var(--paper) 55%),
           repeating-linear-gradient(
             to bottom,
             transparent 0 31px,
             rgba(38, 49, 46, 0.05) 31px 32px
           );
       }
-      main {
+      .page {
         width: 100%;
-        max-width: 560px;
-        text-align: center;
+        max-width: 760px;
+        margin: 0 auto;
+        padding: 40px 22px 64px;
+      }
+
+      /* ── Utility type: mono eyebrows / folios / captions ─────────── */
+      .eyebrow {
+        font-family: var(--mono);
+        font-size: 0.66rem;
+        letter-spacing: 0.2em;
+        text-transform: uppercase;
+        color: var(--soft);
+        margin: 0;
       }
 
       /* ── Signature: the ledger card ─────────────────────────────── */
+      .hero { text-align: center; }
       .ledger {
+        position: relative;
         text-align: left;
+        max-width: 460px;
+        margin: 0 auto;
         background: var(--paper-2);
         border: 1px solid var(--rule);
         border-radius: 4px;
@@ -138,6 +154,18 @@ const LANDING_HTML = `<!doctype html>
           0 18px 40px -26px rgba(38, 49, 46, 0.6);
         transform: rotate(-0.7deg);
       }
+      /* Penciled marginalia — a bookkeeper's aside, the page's quiet signature. */
+      .marginalia {
+        position: absolute;
+        right: -6px;
+        bottom: -30px;
+        font-family: var(--serif);
+        font-style: italic;
+        font-size: 0.9rem;
+        color: var(--soft);
+        transform: rotate(-4deg);
+        pointer-events: none;
+      }
       .ledger-head {
         display: flex;
         align-items: flex-start;
@@ -146,14 +174,7 @@ const LANDING_HTML = `<!doctype html>
         padding-bottom: 10px;
         border-bottom: 2px solid var(--ink);
       }
-      .ledger-head .eyebrow {
-        font-family: var(--mono);
-        font-size: 0.66rem;
-        letter-spacing: 0.18em;
-        text-transform: uppercase;
-        color: var(--soft);
-        line-height: 1.5;
-      }
+      .ledger-head .eyebrow { line-height: 1.5; }
       .ledger-head .eyebrow b {
         display: block;
         color: var(--ink);
@@ -185,7 +206,6 @@ const LANDING_HTML = `<!doctype html>
       }
       .entry:last-child { border-bottom: 0; padding-bottom: 2px; }
       .entry .who { font-weight: 700; color: var(--ink); }
-      .entry .svc { color: var(--soft); }
       .entry .when {
         grid-column: 1;
         color: var(--soft);
@@ -199,27 +219,27 @@ const LANDING_HTML = `<!doctype html>
         font-weight: 700;
       }
 
-      /* ── Wordmark + copy ────────────────────────────────────────── */
+      /* ── Wordmark + hero copy ───────────────────────────────────── */
       .brand {
-        margin: 30px 0 6px;
+        margin: 46px 0 8px;
         font-family: var(--serif);
         font-weight: 700;
-        font-size: clamp(3rem, 12vw, 4.4rem);
+        font-size: clamp(3rem, 12vw, 4.6rem);
         line-height: 0.92;
         letter-spacing: -0.02em;
       }
       .lede {
-        margin: 0 auto 4px;
-        max-width: 30ch;
+        margin: 0 auto 10px;
+        max-width: 26ch;
         font-family: var(--serif);
-        font-size: 1.12rem;
-        line-height: 1.4;
+        font-size: clamp(1.15rem, 4.4vw, 1.5rem);
+        line-height: 1.35;
       }
       .sub {
-        margin: 0 auto 26px;
-        max-width: 34ch;
+        margin: 0 auto 28px;
+        max-width: 42ch;
         color: var(--soft);
-        font-size: 0.95rem;
+        font-size: 1rem;
       }
 
       /* ── Actions ────────────────────────────────────────────────── */
@@ -227,7 +247,7 @@ const LANDING_HTML = `<!doctype html>
         display: flex;
         flex-direction: column;
         align-items: center;
-        gap: 14px;
+        gap: 16px;
       }
       a.cta {
         display: inline-block;
@@ -245,81 +265,443 @@ const LANDING_HTML = `<!doctype html>
         box-shadow: 0 6px 18px -10px rgba(38, 49, 46, 0.8);
       }
       a.cta:hover { transform: translateY(-1px); }
-      a.demo {
+      .links {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+        gap: 8px 22px;
+      }
+      a.quiet {
         font-family: var(--mono);
         font-size: 0.78rem;
-        letter-spacing: 0.06em;
+        letter-spacing: 0.05em;
         color: var(--soft);
         text-decoration: none;
         border-bottom: 2px solid var(--accent);
         padding-bottom: 1px;
       }
-      a.demo:hover { color: var(--ink); }
-      :focus-visible {
-        outline: 3px solid var(--accent);
-        outline-offset: 3px;
-        border-radius: 3px;
+      a.quiet:hover { color: var(--ink); }
+      .deploy-note {
+        margin: 4px auto 0;
+        max-width: 46ch;
+        font-family: var(--mono);
+        font-size: 0.72rem;
+        line-height: 1.55;
+        letter-spacing: 0.01em;
+        color: var(--soft);
       }
-      .foot {
-        margin-top: 34px;
+
+      /* ── Section rhythm ─────────────────────────────────────────── */
+      .section {
+        margin-top: 60px;
+        padding-top: 22px;
+        border-top: 2px solid var(--ink);
+      }
+      /* ── Running heads: a book's pages announce themselves, verso & recto ── */
+      .runhead {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: baseline;
+        gap: 8px 16px;
+        margin-bottom: 26px;
+      }
+      .runhead h2 {
+        margin: 0;
+        font-family: var(--serif);
+        font-weight: 700;
+        font-size: clamp(1.7rem, 6vw, 2.3rem);
+        line-height: 1.02;
+        letter-spacing: -0.01em;
+      }
+      .runhead .rule {
+        flex: 1 1 40px;
+        height: 0;
+        align-self: center;
+        border-top: 1px solid var(--rule);
+      }
+      .runhead .tab {
+        font-family: var(--mono);
+        font-size: 0.66rem;
+        letter-spacing: 0.18em;
+        text-transform: uppercase;
+        color: var(--soft);
+      }
+
+      /* ── What it does: one opening entry, then a book of accounts ── */
+      .cap {
+        display: grid;
+        gap: 34px 46px;
+      }
+      .cap-lead {
+        border-left: 3px solid var(--accent);
+        padding-left: 20px;
+      }
+      .cap-lead .kicker {
+        margin: 0 0 12px;
+        font-family: var(--mono);
+        font-size: 0.66rem;
+        letter-spacing: 0.2em;
+        text-transform: uppercase;
+        color: var(--accent);
+      }
+      .cap-lead h3 {
+        margin: 0 0 12px;
+        font-family: var(--serif);
+        font-weight: 700;
+        font-size: clamp(1.5rem, 5vw, 1.95rem);
+        line-height: 1.12;
+        letter-spacing: -0.01em;
+      }
+      .cap-lead p {
+        margin: 0 0 14px;
+        font-size: 1.04rem;
+        line-height: 1.5;
+        max-width: 36ch;
+      }
+      .cap-lead .fine {
+        display: block;
+        margin: 0;
+        font-family: var(--mono);
+        font-size: 0.73rem;
+        line-height: 1.5;
+        color: var(--soft);
+      }
+      .book-group + .book-group { margin-top: 24px; }
+      .book-group h4 {
+        margin: 0;
+        padding-bottom: 7px;
         font-family: var(--mono);
         font-size: 0.66rem;
-        letter-spacing: 0.16em;
+        letter-spacing: 0.2em;
         text-transform: uppercase;
         color: var(--soft);
+        border-bottom: 2px solid var(--ink);
+      }
+      .book-group dl { margin: 0; }
+      .line {
+        display: grid;
+        grid-template-columns: 1fr;
+        gap: 1px 16px;
+        padding: 10px 0;
+        border-bottom: 1px solid var(--rule);
+      }
+      .line:last-child { border-bottom: 0; }
+      .line dt {
+        font-family: var(--mono);
+        font-size: 0.73rem;
+        letter-spacing: 0.01em;
+        font-weight: 700;
+        color: var(--ink);
+      }
+      .line dd {
+        margin: 0;
+        color: var(--soft);
+        font-size: 0.92rem;
+        line-height: 1.42;
+      }
+      @media (min-width: 520px) {
+        .line { grid-template-columns: 8.5rem 1fr; align-items: baseline; }
+      }
+      @media (min-width: 760px) {
+        .cap { grid-template-columns: 0.92fr 1.08fr; align-items: start; }
+      }
+
+      /* ── Drop it in: words to the left, the receipt to the right ── */
+      .embed-grid {
+        display: grid;
+        gap: 22px 46px;
+        align-items: start;
+      }
+      .embed-say h2 {
+        margin: 0 0 12px;
+        font-family: var(--serif);
+        font-weight: 700;
+        font-size: clamp(1.6rem, 5.5vw, 2.1rem);
+        line-height: 1.08;
+        letter-spacing: -0.01em;
+      }
+      .embed-say p {
+        margin: 0;
+        color: var(--soft);
+        max-width: 34ch;
+      }
+      @media (min-width: 720px) {
+        .embed-grid { grid-template-columns: 0.82fr 1.18fr; }
+      }
+
+      /* ── Embed slip ─────────────────────────────────────────────── */
+      .slip {
+        background: var(--paper-2);
+        border: 1px solid var(--rule);
+        border-radius: 4px;
+        box-shadow: 0 1px 0 #fff inset;
+        overflow: hidden;
+      }
+      .slip-cap {
+        display: flex;
+        justify-content: space-between;
+        gap: 10px;
+        padding: 10px 16px;
+        border-bottom: 1px dashed var(--rule);
+      }
+      .code-scroll { overflow-x: auto; }
+      .slip pre {
+        margin: 0;
+        padding: 16px;
+        min-width: max-content;
+        font-family: var(--mono);
+        font-size: 0.82rem;
+        line-height: 1.7;
+        color: var(--ink);
+      }
+      .slip .tag { color: var(--stamp); }
+      .slip .attr { color: var(--accent); }
+      .slip-foot {
+        margin: 0;
+        padding: 12px 16px 14px;
+        border-top: 1px dashed var(--rule);
+        font-size: 0.9rem;
+        color: var(--soft);
+      }
+
+      /* ── The fine print: answers laid open in two columns, no toggles ── */
+      .qa {
+        display: grid;
+        gap: 0 46px;
+      }
+      .qa-item {
+        padding: 18px 0;
+        border-top: 1px solid var(--rule);
+      }
+      .qa-item h3 {
+        margin: 0 0 6px;
+        font-family: var(--serif);
+        font-size: 1.12rem;
+        font-weight: 700;
+        line-height: 1.2;
+        color: var(--ink);
+      }
+      .qa-item p {
+        margin: 0;
+        color: var(--soft);
+        font-size: 0.92rem;
+        line-height: 1.5;
+        max-width: 42ch;
+      }
+      .qa-item p strong { color: var(--ink); font-weight: 700; }
+      .qa-item a {
+        color: var(--ink);
+        text-decoration: underline;
+        text-decoration-color: var(--accent);
+        text-underline-offset: 2px;
+      }
+      @media (min-width: 640px) {
+        .qa { grid-template-columns: 1fr 1fr; }
+      }
+
+      /* ── Footer ─────────────────────────────────────────────────── */
+      .foot {
+        margin-top: 56px;
+        padding-top: 20px;
+        border-top: 2px solid var(--ink);
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: 8px 14px;
+        font-family: var(--mono);
+        font-size: 0.68rem;
+        letter-spacing: 0.14em;
+        text-transform: uppercase;
+        color: var(--soft);
+      }
+      .foot a {
+        color: var(--soft);
+        text-decoration: none;
+        border-bottom: 1px solid var(--accent);
+      }
+      .foot a:hover { color: var(--ink); }
+      .foot .dot { opacity: 0.5; }
+
+      :focus-visible {
+        outline: 3px solid var(--accent);
+        outline-offset: 3px;
+        border-radius: 3px;
       }
       @media (prefers-reduced-motion: reduce) {
         a.cta { transition: none; }
+        a.cta:hover { transform: none; }
       }
     </style>
   </head>
   <body>
-    <main>
-      <div class="ledger" aria-hidden="true">
-        <div class="ledger-head">
-          <div class="eyebrow">Pawbook<b>Day book</b>Wed · Jul 2</div>
-          <svg class="stamp" viewBox="0 0 100 100" fill="currentColor" role="img" aria-label="booked">
-            <circle cx="50" cy="50" r="47" fill="none" stroke="currentColor" stroke-width="2.5" />
-            <circle cx="50" cy="50" r="41" fill="none" stroke="currentColor" stroke-width="1" />
-            <ellipse cx="50" cy="44" rx="14" ry="11.5" />
-            <ellipse cx="30" cy="34" rx="6.4" ry="8.4" />
-            <ellipse cx="42" cy="26" rx="6.4" ry="8.8" />
-            <ellipse cx="58" cy="26" rx="6.4" ry="8.8" />
-            <ellipse cx="70" cy="34" rx="6.4" ry="8.4" />
-            <text x="50" y="72" text-anchor="middle" font-family="ui-monospace, monospace" font-size="9" font-weight="700" letter-spacing="1.5">BOOKED</text>
-          </svg>
+    <main class="page">
+      <header class="hero">
+        <div class="ledger">
+          <div class="ledger-head">
+            <p class="eyebrow">Pawbook<b>Day book</b>Wed &middot; Jul 2</p>
+            <svg class="stamp" viewBox="0 0 100 100" fill="currentColor" aria-hidden="true">
+              <circle cx="50" cy="50" r="47" fill="none" stroke="currentColor" stroke-width="2.5" />
+              <circle cx="50" cy="50" r="41" fill="none" stroke="currentColor" stroke-width="1" />
+              <ellipse cx="50" cy="44" rx="14" ry="11.5" />
+              <ellipse cx="30" cy="34" rx="6.4" ry="8.4" />
+              <ellipse cx="42" cy="26" rx="6.4" ry="8.8" />
+              <ellipse cx="58" cy="26" rx="6.4" ry="8.8" />
+              <ellipse cx="70" cy="34" rx="6.4" ry="8.4" />
+              <text x="50" y="72" text-anchor="middle" font-family="ui-monospace, monospace" font-size="9" font-weight="700" letter-spacing="1.5">BOOKED</text>
+            </svg>
+          </div>
+          <div class="entries">
+            <div class="entry">
+              <span class="who">Bella</span>
+              <span class="cost">$180</span>
+              <span class="when">boarding &middot; Jul 2&ndash;5 &middot; 3 nights</span>
+            </div>
+            <div class="entry">
+              <span class="who">Otis</span>
+              <span class="cost">$22</span>
+              <span class="when">dog walk &middot; Jul 3 &middot; 8&ndash;9am</span>
+            </div>
+            <div class="entry">
+              <span class="who">Mochi</span>
+              <span class="cost">$240</span>
+              <span class="when">house-sit &middot; Jul 6&ndash;9</span>
+            </div>
+          </div>
+          <span class="marginalia" aria-hidden="true">the day, all in one place</span>
         </div>
-        <div class="entries">
-          <div class="entry">
-            <span class="who">Bella</span>
-            <span class="cost">$180</span>
-            <span class="when">boarding · Jul 2&ndash;5 · 3 nights</span>
+
+        <h1 class="brand">Pawbook</h1>
+        <p class="lede">Booking, kept like a ledger &mdash; for the people who keep other people&rsquo;s pets.</p>
+        <p class="sub">
+          A booking page you drop onto your own site, with your services, your rates, and your rules.
+          Every request waits for your yes, and the book keeps count of what you&rsquo;re owed.
+        </p>
+
+        <div class="actions">
+          <a class="cta" href="/demo">See two sitters&rsquo; widgets, live &rarr;</a>
+          <div class="links">
+            <a class="quiet" href="/admin">Already set up? Sign in &rarr;</a>
+            <a class="quiet" href="https://github.com/bradburch/pawbook">View source / self-host &rarr;</a>
           </div>
-          <div class="entry">
-            <span class="who">Otis</span>
-            <span class="cost">$22</span>
-            <span class="when">dog walk · Jul 3 · 30 min</span>
+          <p class="deploy-note">
+            Open source and self-hosted &mdash; today you (or a developer) deploy your own copy on Cloudflare Workers. Hosted signup is on the roadmap.
+          </p>
+        </div>
+      </header>
+
+      <section class="section" aria-labelledby="work">
+        <div class="runhead">
+          <h2 id="work">What the book does</h2>
+          <span class="rule" aria-hidden="true"></span>
+          <span class="tab">the whole job</span>
+        </div>
+        <div class="cap">
+          <div class="cap-lead">
+            <p class="kicker">Start here</p>
+            <h3>It lives on your site, not ours.</h3>
+            <p>
+              One line of HTML drops a live booking widget onto your own page &mdash; Squarespace, Wix, or hand-built. It resizes itself to fit, and clients book without ever leaving your site.
+            </p>
+            <span class="fine">A plain-iframe version stands in for hosts that strip scripts.</span>
           </div>
-          <div class="entry">
-            <span class="who">Mochi</span>
-            <span class="cost">$240</span>
-            <span class="when">house-sit · Jul 6&ndash;9</span>
+          <div class="book">
+            <div class="book-group">
+              <h4>Your rules</h4>
+              <dl>
+                <div class="line"><dt>Services &amp; rates</dt><dd>Boarding, house-sitting, day care, walks, check-ins &mdash; each with your price and length.</dd></div>
+                <div class="line"><dt>Walk windows</dt><dd>Timed slots like 8&ndash;9am, each with its own capacity.</dd></div>
+                <div class="line"><dt>Limits &amp; intake</dt><dd>Min/max nights, pet counts, and your own questions per service.</dd></div>
+                <div class="line"><dt>Daily caps</dt><dd>Boarding cap, house-sits cap, longest stay, time off, timezone. A full day won&rsquo;t be offered.</dd></div>
+              </dl>
+            </div>
+            <div class="book-group">
+              <h4>Every request</h4>
+              <dl>
+                <div class="line"><dt>You decide</dt><dd>Confirm, decline, or cancel. Nothing books itself.</dd></div>
+                <div class="line"><dt>Clients hear back</dt><dd>Status emails send automatically &mdash; and the dashboard flags any that didn&rsquo;t.</dd></div>
+                <div class="line"><dt>On your calendar</dt><dd>Confirmed bookings push to your Google Calendar.</dd></div>
+              </dl>
+            </div>
+            <div class="book-group">
+              <h4>The money</h4>
+              <dl>
+                <div class="line"><dt>Clients &amp; pets</dt><dd>Invite by email or CSV up to 500. Keep profiles and care notes.</dd></div>
+                <div class="line"><dt>Payments</dt><dd>Cash, Venmo, Zelle, PayPal, check &mdash; deposits and partials too.</dd></div>
+                <div class="line"><dt>Earnings</dt><dd>This month against last, what&rsquo;s outstanding, a year of revenue, your top clients.</dd></div>
+              </dl>
+            </div>
           </div>
         </div>
-      </div>
+      </section>
 
-      <h1 class="brand">Pawbook</h1>
-      <p class="lede">Booking, kept like a ledger &mdash; for the people who keep other people&rsquo;s pets.</p>
-      <p class="sub">
-        One embeddable widget, every sitter&rsquo;s own rates, dates, and rules.
-      </p>
+      <section class="section" aria-labelledby="embed">
+        <div class="embed-grid">
+          <div class="embed-say">
+            <h2 id="embed">Paste one line where you want it.</h2>
+            <p>Change the slug to yours and save. No plugins, no theme surgery, nothing to lay out.</p>
+          </div>
+          <div class="slip">
+            <div class="slip-cap">
+              <span class="eyebrow">embed &middot; your-page.html</span>
+              <span class="eyebrow">paste &amp; save</span>
+            </div>
+            <div class="code-scroll">
+<pre><span class="tag">&lt;script</span> <span class="attr">src</span>=&quot;https://your-site/embed.js&quot;
+        <span class="attr">data-pawbook-tenant</span>=&quot;your-slug&quot;
+        <span class="attr">data-height</span>=&quot;520&quot;<span class="tag">&gt;&lt;/script&gt;</span></pre>
+            </div>
+            <p class="slip-foot">
+              On a host that strips scripts? Paste the plain-iframe version instead &mdash; same widget, no JavaScript needed. Works on Squarespace, Wix, or a page you wrote by hand.
+            </p>
+          </div>
+        </div>
+      </section>
 
-      <div class="actions">
-        <a class="cta" href="/admin">Open the dashboard &rarr;</a>
-        <a class="demo" href="/demo">See two sitters&rsquo; widgets, live &rarr;</a>
-      </div>
+      <section class="section" aria-labelledby="faq">
+        <div class="runhead mirror">
+          <span class="tab">Straight answers</span>
+          <span class="rule" aria-hidden="true"></span>
+          <h2 id="faq">The fine print, no asterisks.</h2>
+        </div>
+        <div class="qa">
+          <div class="qa-item">
+            <h3>Will it work on my Squarespace or Wix site?</h3>
+            <p>Yes. Paste one line &mdash; or the iframe version &mdash; into a page and the widget shows up, sized to fit. Plain HTML works too.</p>
+          </div>
+          <div class="qa-item">
+            <h3>Do customers pay by card here?</h3>
+            <p><strong>No &mdash; Pawbook tracks money, it doesn&rsquo;t take it.</strong> A booking arrives with an estimated cost; you collect it off-platform (cash, Venmo, Zelle, check) and log it so your earnings stay accurate.</p>
+          </div>
+          <div class="qa-item">
+            <h3>Can it double-book me?</h3>
+            <p><strong>No.</strong> Your caps and time-off hold the day, and a full day isn&rsquo;t offered. One caveat: Google Calendar sync is one-way &mdash; being busy elsewhere won&rsquo;t block a request unless you enter it as time off.</p>
+          </div>
+          <div class="qa-item">
+            <h3>Can anyone book, or just my clients?</h3>
+            <p><strong>Invite-only, on purpose.</strong> You add each client&rsquo;s email (or import a CSV) before they can book. No walk-in strangers &mdash; and dogs and cats only.</p>
+          </div>
+          <div class="qa-item">
+            <h3>Can I charge more for a second dog?</h3>
+            <p><strong>No.</strong> Rates are flat per service. A second pet uses a slot of your capacity, not extra money.</p>
+          </div>
+          <div class="qa-item">
+            <h3>How do I sign up? Is it free?</h3>
+            <p><strong>There&rsquo;s no signup yet.</strong> Pawbook is open source (MIT); you (or a developer) deploy your own copy on Cloudflare Workers. Free to run &mdash; you host it. Hosted signup is on the <a href="https://github.com/bradburch/pawbook">roadmap</a>.</p>
+          </div>
+        </div>
+      </section>
 
-      <div class="foot">Open source &middot; Runs on Cloudflare Workers</div>
+      <footer class="foot">
+        <span>Pawbook</span>
+        <span class="dot" aria-hidden="true">&middot;</span>
+        <span>Open source</span>
+        <span class="dot" aria-hidden="true">&middot;</span>
+        <span>MIT</span>
+        <span class="dot" aria-hidden="true">&middot;</span>
+        <span>Runs on Cloudflare Workers</span>
+        <span class="dot" aria-hidden="true">&middot;</span>
+        <a href="https://github.com/bradburch/pawbook">GitHub</a>
+      </footer>
     </main>
   </body>
 </html>
