diff --git a/memory/index.html b/memory/index.html
new file mode 100644
index 0000000..1ba8644
--- /dev/null
+++ b/memory/index.html
@@ -0,0 +1,140 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>TPS REPORT — Form MEM-001</title>
+  <meta name="description" content="Connect any AI agent to a public Flair memory server over MCP in about a minute.">
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+  <link rel="stylesheet" href="/style.css">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&display=swap" rel="stylesheet">
+</head>
+<body>
+
+<div class="tps-report">
+
+  <!-- Header -->
+  <header class="report-header">
+    <h1>TPS REPORT</h1>
+    <div class="subtitle">Form MEM-001 — Memory Issuance Request</div>
+    <div class="report-meta">
+      <span><span class="field-label">Form:</span> MEM-001</span>
+      <span><span class="field-label">Date:</span> <time id="report-date">2026-07-23</time></span>
+      <span><span class="field-label">Classification:</span> <span class="classification">PUBLIC</span></span>
+    </div>
+  </header>
+
+  <!-- Subject -->
+  <section class="report-subject">
+    <div class="field-label">Subject</div>
+    <div class="subject-text">Give your AI a memory.</div>
+    <div class="description">Flair is an open-source memory server for AI agents, over MCP. This one is public — connect any agent and it remembers.</div>
+  </section>
+
+  <!-- Section 1: Connect -->
+  <section class="report-section" id="connect">
+    <div class="section-number">Section 1</div>
+    <div class="section-title">CONNECT</div>
+    <div class="section-desc">Three steps. About sixty seconds.</div>
+
+    <div class="step-row">
+      <div class="step-num">Step 1</div>
+      <div class="step-body">
+        <div class="step-instr">Copy the memory server URL.</div>
+        <!-- TODO: real Fabric URL — replace the string in #mcp-url-code below; the copy button reads it automatically -->
+        <div class="terminal-block url-terminal">
+          <code id="mcp-url-code">https://PENDING.example/mcp</code>
+          <button type="button" class="copy-btn" id="copy-url-btn" aria-live="polite">Copy</button>
+        </div>
+      </div>
+    </div>
+
+    <div class="step-row">
+      <div class="step-num">Step 2</div>
+      <div class="step-body">
+        For <strong>claude.ai</strong> or Claude mobile: open <a href="https://claude.ai/settings/connectors">claude.ai/settings/connectors</a>, choose "Add custom connector," and paste the URL. Added on the web, syncs to your phone automatically.
+      </div>
+    </div>
+
+    <div class="step-row">
+      <div class="step-num">Step 3</div>
+      <div class="step-body">
+        Ask your AI: <em>"What do you remember?"</em> — first recall is seeded.
+      </div>
+    </div>
+
+    <div class="step-row">
+      <div class="step-num">Other clients</div>
+      <div class="step-body">
+        Any other MCP client: paste the same URL wherever your client takes a remote MCP server.
+      </div>
+    </div>
+  </section>
+
+  <!-- Section 2: What is this -->
+  <section class="report-section" id="about">
+    <div class="section-number">Section 2</div>
+    <div class="section-title">WHAT IS THIS?</div>
+    <table class="field-table">
+      <tr><td class="field-key">Identity</td><td class="field-val">Signed identities — no anonymous writes</td></tr>
+      <tr><td class="field-key">Recall</td><td class="field-val">Trust-graded — your AI sees how much to trust each memory</td></tr>
+      <tr><td class="field-key">Source</td><td class="field-val"><a href="https://github.com/tpsdev-ai/flair">github.com/tpsdev-ai/flair</a> — open source</td></tr>
+      <tr><td class="field-key">Self-host</td><td class="field-val"><code>npm i -g @tpsdev-ai/flair</code> — run your own instead of the public one</td></tr>
+    </table>
+  </section>
+
+  <!-- Distribution -->
+  <footer class="report-footer">
+    <div class="footer-line">Public preview. Be kind; everything is signed. — <a href="/">tps.dev</a></div>
+  </footer>
+
+</div>
+
+<script>
+  document.getElementById('report-date').textContent =
+    new Date().toISOString().slice(0, 10);
+
+  var copyBtn = document.getElementById('copy-url-btn');
+  var urlCode = document.getElementById('mcp-url-code');
+
+  copyBtn.addEventListener('click', function () {
+    var url = urlCode.textContent.trim();
+
+    function showCopied() {
+      copyBtn.textContent = 'Copied ✓';
+      copyBtn.classList.add('copied');
+      setTimeout(function () {
+        copyBtn.textContent = 'Copy';
+        copyBtn.classList.remove('copied');
+      }, 1600);
+    }
+
+    if (navigator.clipboard && navigator.clipboard.writeText) {
+      navigator.clipboard.writeText(url).then(showCopied, function () {
+        fallbackCopy(url);
+        showCopied();
+      });
+    } else {
+      fallbackCopy(url);
+      showCopied();
+    }
+  });
+
+  function fallbackCopy(text) {
+    var ta = document.createElement('textarea');
+    ta.value = text;
+    ta.style.position = 'fixed';
+    ta.style.opacity = '0';
+    document.body.appendChild(ta);
+    ta.select();
+    try { document.execCommand('copy'); } catch (e) { /* no-op */ }
+    document.body.removeChild(ta);
+  }
+</script>
+
+</body>
+</html>
diff --git a/style.css b/style.css
index 7ebce7e..dd7557e 100644
--- a/style.css
+++ b/style.css
@@ -600,3 +600,130 @@ html {
     border: 1px solid #000;
   }
 }
+
+/* ==========================================================
+   Additions: /memory connect page (Form MEM-001)
+   Numbered step rows + tap-to-copy MCP URL button.
+   ========================================================== */
+
+.step-row {
+  display: flex;
+  gap: 1rem;
+  padding: 0.6rem 0;
+  border-bottom: 1px solid var(--border-light);
+  align-items: flex-start;
+}
+
+.step-row:last-child {
+  border-bottom: none;
+}
+
+.step-num {
+  font-weight: 600;
+  width: 100px;
+  flex-shrink: 0;
+  color: var(--ink);
+  font-size: 0.8rem;
+}
+
+.step-body {
+  flex: 1 1 auto;
+  font-size: 0.85rem;
+  color: var(--ink-light);
+}
+
+.step-body a {
+  color: var(--ink-light);
+  text-decoration: none;
+  border-bottom: 1px solid var(--border-light);
+}
+
+.step-body a:hover {
+  color: var(--accent);
+  border-bottom-color: var(--accent);
+}
+
+.step-instr {
+  color: var(--ink-light);
+  margin-bottom: 0.35rem;
+}
+
+/* URL terminal block with copy button */
+.url-terminal {
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  flex-wrap: wrap;
+}
+
+.url-terminal code {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.copy-btn {
+  flex: 0 0 auto;
+  font-family: var(--mono);
+  font-size: 0.75rem;
+  font-weight: 600;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  color: var(--paper);
+  background: var(--accent);
+  border: 1.5px solid var(--accent);
+  padding: 0.4rem 0.85rem;
+  cursor: pointer;
+  transition: background 0.15s ease, border-color 0.15s ease;
+}
+
+.copy-btn:hover {
+  background: var(--accent-light);
+  border-color: var(--accent-light);
+}
+
+.copy-btn:active {
+  transform: translateY(1px);
+}
+
+.copy-btn.copied {
+  background: #27ae60;
+  border-color: #27ae60;
+}
+
+.footer-line {
+  font-size: 0.8rem;
+  color: var(--ink-light);
+}
+
+.footer-line a {
+  color: var(--ink);
+  text-decoration: none;
+  border-bottom: 1px solid var(--border-light);
+}
+
+.footer-line a:hover {
+  color: var(--accent);
+  border-bottom-color: var(--accent);
+}
+
+@media (max-width: 500px) {
+  .step-row {
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+
+  .step-num {
+    width: auto;
+  }
+
+  .url-terminal {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .copy-btn {
+    width: 100%;
+  }
+}

Identity	Signed identities — no anonymous writes
Recall	Trust-graded — your AI sees how much to trust each memory
Source	github.com/tpsdev-ai/flair — open source
Self-host	`npm i -g @tpsdev-ai/flair` — run your own instead of the public one