thumbgate 0.9.10 → 0.9.12

package/public/index.html

@@ -19,12 +19,12 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 __GOOGLE_SITE_VERIFICATION_META__
-<title>ThumbGate — Stop AI Coding Agents From Repeating Mistakes</title>
-<meta name="description" content="Pre-action gates for AI coding agents. Skill disclosure cuts tokens. Hallucination and PII checks harden outputs. 👍 Thumbs up reinforces good behavior. 👎 Thumbs down blocks repeated mistakes. Free is local. History-aware lessons distill vague feedback. Team adds shared lessons and org visibility, plus generated review views.">
-<meta property="og:title" content="ThumbGate — Human-in-the-Loop Enforcement for AI Agents">
-<meta property="og:description" content="Pre-action gates for AI coding agents. Skill disclosure cuts tokens. Hallucination and PII checks harden outputs. 👍 Thumbs up reinforces good behavior. 👎 Thumbs down blocks repeated mistakes. Free is local. History-aware lessons distill vague feedback. Team adds shared lessons and org visibility, plus generated review views.">
+<title>ThumbGate — Self-improving AI coding agents that learn from every mistake</title>
+<meta name="description" content="Pre-action gates for AI coding agents. 👎 Thumbs down → prevention rule → mistake permanently blocked. 👍 Thumbs up → pattern reinforced. History-aware lessons from your corrections. Team adds shared lessons and org visibility.">
+<meta property="og:title" content="ThumbGate — Self-improving AI coding agents that learn from every mistake">
+<meta property="og:description" content="Pre-action gates for AI coding agents. 👎 Thumbs down → prevention rule → mistake permanently blocked. 👍 Thumbs up → pattern reinforced. History-aware lessons from your corrections. Team adds shared lessons and org visibility.">
 <meta property="og:type" content="website">
-<meta name="keywords" content="ThumbGate, thumbgate, AI agent guardrails, pre-action gates, MCP server, Claude Code, Claude Code security, Claude Code guardrails, Claw-code, Cursor, Codex, Gemini, Amp, OpenCode, vibe coding safety, SpecLock alternative, Mem0 alternative, AI coding agent memory, PreToolUse hooks, prevention rules, feedback enforcement">
+<meta name="keywords" content="ThumbGate, thumbgate, self-improving AI agents, AI agent self-improvement, AI agent learning, AI agent memory, pre-action gates, human-in-the-loop, MCP server, Claude Code, Cursor, Codex, Gemini, Amp, OpenCode, vibe coding safety, SpecLock alternative, Mem0 alternative, AI coding agent feedback loop, PreToolUse hooks, prevention rules, feedback enforcement, context engineering">
 
 <!-- Privacy-friendly analytics by Plausible -->
 <script defer data-domain="thumbgate-production.up.railway.app" data-api="/api/event" src="/js/analytics.js"></script>
@@ -44,7 +44,7 @@ __GA_BOOTSTRAP__
   "@type": "SoftwareApplication",
   "name": "ThumbGate",
   "alternateName": "thumbgate",
-  "description": "👍 Thumbs up reinforces good behavior. 👎 Thumbs down blocks repeated mistakes. Free is local. History-aware lessons distill vague feedback. Team adds shared lessons and org visibility, plus generated review views.",
+  "description": "Make your AI coding agent self-improving. Every mistake becomes a prevention rule. Every correction makes it permanently smarter. Turns feedback into enforcement — your agent gets better with every session.",
   "applicationCategory": "DeveloperApplication",
   "operatingSystem": "Cross-platform, Node.js >=18.18.0",
   "license": "https://opensource.org/licenses/MIT",
@@ -82,7 +82,7 @@ __GA_BOOTSTRAP__
       "price": "19",
       "priceCurrency": "USD",
       "description": "Personal local dashboard, DPO export, advanced data exports, and founder-license support for individual operators",
-      "url": "https://buy.stripe.com/fZu9AT3Ug6zcdWh0XN3sI08"
+      "url": "https://thumbgate-production.up.railway.app/checkout/pro?plan_id=pro&landing_path=%2F"
     },
     {
       "@type": "Offer",
@@ -90,12 +90,12 @@ __GA_BOOTSTRAP__
       "price": "149",
       "priceCurrency": "USD",
       "description": "Annual Pro for individual operators who want the personal local dashboard and proof-ready exports",
-      "url": "https://buy.stripe.com/9B66oHeyUaPsaK521R3sI09"
+      "url": "https://thumbgate-production.up.railway.app/checkout/pro?plan_id=pro&billing_cycle=annual&landing_path=%2F"
     },
     {
       "@type": "Offer",
       "name": "Team",
-      "description": "Hosted shared lesson database, generated hosted review views, org dashboard, multi-agent visibility, and workflow hardening rollout support for teams",
+      "description": "Shared enforcement memory, review visibility, org dashboard, and pilot rollout support for teams shipping AI-generated changes",
       "url": "https://thumbgate-production.up.railway.app/#workflow-sprint-intake"
     }
   ]
@@ -106,8 +106,8 @@ __GA_BOOTSTRAP__
 {
   "@context": "https://schema.org",
   "@type": "HowTo",
-  "name": "How to prevent AI coding agents from repeating mistakes",
-  "description": "Set up ThumbGate to capture feedback, generate prevention rules, and block known-bad actions before execution.",
+  "name": "How to make your AI coding agent self-improving",
+  "description": "Set up ThumbGate so your AI agent learns from every mistake and never repeats it — a self-improvement loop powered by feedback enforcement.",
   "step": [
     {
       "@type": "HowToStep",
@@ -250,6 +250,11 @@ __GA_BOOTSTRAP__
   .signal-pill { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--border); background: var(--bg-raised); font-size: 13px; font-weight: 600; letter-spacing: -0.01em; }
   .signal-pill.signal-up { border-color: rgba(74, 222, 128, 0.28); color: #b8f7c8; background: rgba(74, 222, 128, 0.08); }
   .signal-pill.signal-down { border-color: rgba(248, 113, 113, 0.28); color: #ffc0c0; background: rgba(248, 113, 113, 0.08); }
+  .hero-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin: 0 auto 16px; max-width: 760px; }
+  .btn-pro-page { display: inline-flex; align-items: center; justify-content: center; padding: 11px 18px; background: var(--cyan); color: var(--bg); border-radius: 999px; text-decoration: none; font-size: 14px; font-weight: 700; box-shadow: 0 0 0 1px rgba(34,211,238,0.28), 0 12px 32px rgba(34,211,238,0.18); transition: opacity 0.15s, transform 0.15s; }
+  .btn-pro-page:hover { opacity: 0.9; transform: translateY(-1px); }
+  .hero-paid-note { font-size: 14px; color: var(--text-muted); max-width: 720px; margin: 0 auto 24px; }
+  .hero-paid-note strong { color: var(--text); }
   .hero-install { background: var(--bg-raised); border: 1px solid var(--border); border-radius: 10px; padding: 14px 24px; display: inline-flex; align-items: center; gap: 12px; font-family: var(--mono); font-size: 15px; margin-bottom: 40px; cursor: pointer; transition: border-color 0.2s; position: relative; max-width: 100%; overflow-x: auto; }
   .hero-install:hover { border-color: var(--cyan); }
   .hero-install .prompt { color: var(--text-muted); user-select: none; }
@@ -343,8 +348,10 @@ __GA_BOOTSTRAP__
   .price-card li { font-size: 14px; color: var(--text-muted); padding: 6px 0; display: flex; align-items: flex-start; gap: 8px; }
   .price-card li::before { content: "✓"; color: var(--cyan); font-weight: 700; flex-shrink: 0; }
   .price-card.pro li::before { color: var(--cyan); }
-  .btn-free { display: block; text-align: center; padding: 10px; border: 1px solid var(--border); border-radius: 8px; color: var(--text); text-decoration: none; font-size: 14px; font-weight: 500; transition: border-color 0.15s; }
-  .btn-free:hover { border-color: var(--text-muted); }
+  .btn-free,
+  .btn-demo-link { display: block; text-align: center; padding: 10px; border: 1px solid var(--border); border-radius: 8px; color: var(--text); text-decoration: none; font-size: 14px; font-weight: 500; transition: border-color 0.15s; }
+  .btn-free:hover,
+  .btn-demo-link:hover { border-color: var(--text-muted); }
   .btn-pro { display: block; text-align: center; padding: 10px; background: var(--cyan); color: var(--bg); border-radius: 8px; text-decoration: none; font-size: 14px; font-weight: 600; transition: opacity 0.15s; }
   .btn-pro:hover { opacity: 0.85; }
   .btn-team { display: block; text-align: center; padding: 10px; background: rgba(74,222,128,0.14); color: var(--green); border: 1px solid rgba(74,222,128,0.4); border-radius: 8px; text-decoration: none; font-size: 14px; font-weight: 600; transition: border-color 0.15s, transform 0.15s; }
@@ -387,6 +394,8 @@ __GA_BOOTSTRAP__
     .pricing-grid { grid-template-columns: 1fr; }
     .team-form { grid-template-columns: 1fr; }
     .hero { padding: 72px 0 56px; }
+    .hero-actions { flex-direction: column; }
+    .hero-actions a { width: 100%; }
     .nav-links a:not(.nav-cta) { display: none; }
     .proof-bar { gap: 16px; }
     .proof-bar .dot { display: none; }
@@ -409,7 +418,7 @@ __GA_BOOTSTRAP__
       <a href="/guide">Setup Guide</a>
       <a href="/learn">Learn</a>
       <a href="/dashboard">Dashboard Demo</a>
-      <a href="#pricing" class="nav-cta">View Plans</a>
+      <a href="/pro?utm_source=website&utm_medium=homepage_nav&utm_campaign=pro_page" class="nav-cta">See Pro</a>
     </div>
   </div>
 </nav>
@@ -418,14 +427,19 @@ __GA_BOOTSTRAP__
 <section class="hero">
   <div class="container">
     <div class="hero-thumbs">👍👎</div>
-    <div class="hero-badge">● Human-in-the-Loop Enforcement for AI Agents</div>
-    <h1>AI agents repeat mistakes.<br>Yours won't.</h1>
+    <div class="hero-badge">● Self-improving AI agents — every mistake makes it smarter</div>
+    <h1>Your AI agent learns<br>from every mistake.</h1>
     <div class="hero-signals">
-      <div class="signal-pill signal-down">👎 blocks dangerous and dumb mistakes before they run</div>
-      <div class="signal-pill signal-up">👍 reinforces what worked across sessions</div>
+      <div class="signal-pill signal-down">👎 Mistake becomes a prevention rule — permanently blocked</div>
+      <div class="signal-pill signal-up">👍 Good pattern reinforced — reused across sessions</div>
     </div>
-    <p class="hero-persona">For power users of Claude Code, Cursor, Codex, Gemini, Amp, and any MCP agent who are tired of fixing the same mistakes every session.</p>
-    <p><strong>Every mistake makes your agent stronger.</strong> ThumbGate turns thumbs-up/down feedback into hard gates that block bad actions before they execute. Think of it as an immune system for your AI agent — it learns from your corrections, distills vague signals from conversation context, and enforces lessons automatically. More errors = stronger gates. The safety net for vibe coding that gets more valuable the more chaos it encounters.</p>
+    <p class="hero-persona">For developers using Claude Code, Cursor, Codex, Gemini, Amp, and OpenCode who want their AI agent to actually get better over time — not repeat the same mistakes every session.</p>
+    <p><strong>The self-improvement loop:</strong> Your agent makes a mistake → you give a thumbs-down → ThumbGate auto-generates a prevention rule → a gate physically blocks that mistake from ever happening again. Your agent gets permanently smarter with every correction. No model retraining. No prompt hacking. Just enforcement that compounds.</p>
+    <div class="hero-actions">
+      <a href="/pro?utm_source=website&utm_medium=homepage_hero&utm_campaign=pro_page" class="btn-pro-page">See Pro for individual operators</a>
+      <a href="/dashboard?utm_source=website&utm_medium=homepage_hero&utm_campaign=demo" class="btn-demo-link">Open dashboard demo</a>
+    </div>
+    <p class="hero-paid-note"><strong>Paid path:</strong> Free stays the local install lane. Pro is the buyer-ready page for your personal local dashboard, DPO export, and review-ready evidence.</p>
     <div class="hero-install" onclick="copyInstall(this)" title="Click to copy">
       <span class="prompt">$</span>
       <span class="cmd">npx thumbgate init</span>
@@ -477,20 +491,20 @@ __GA_BOOTSTRAP__
 <section class="compatibility" id="social-proof">
   <div class="container">
     <div class="section-label">See It In Action</div>
-    <h2 class="section-title">Try the dashboard before you buy anything</h2>
+    <h2 class="section-title">See the enforcement before you buy anything</h2>
     <div class="agent-grid">
       <div class="agent-card">
         <h3>🔍 Live Dashboard Demo</h3>
-        <p>Search lessons, inspect gates, see blocked actions — all with real sample data. No signup, no install required.</p>
+        <p>Search lessons, inspect gates, and see exactly why risky actions were blocked. No signup or install required.</p>
         <a href="/dashboard" style="display:inline-block;margin-top:12px;color:var(--cyan);font-weight:600;text-decoration:underline;">Open Dashboard Demo →</a>
       </div>
       <div class="agent-card">
         <h3>⛔ Gate Reasoning Chains</h3>
-        <p>Every block explains WHY: which pattern matched, what evidence triggered it, whether it was auto-promoted from your feedback or manually set.</p>
+        <p>Every block explains why: which pattern matched, what evidence triggered it, and whether the rule came from your own corrections.</p>
       </div>
       <div class="agent-card">
         <h3>📊 Org Dashboard (Pro)</h3>
-        <p>See what ALL your agents are doing. Adherence rates, risk alerts, top blocked gates — across every session in your org.</p>
+        <p>See which agents are creating review churn, which gates are saving time, and where rollout risk is still concentrated.</p>
       </div>
       <div class="agent-card">
         <h3>🧪 Thompson Sampling</h3>
@@ -540,8 +554,8 @@ __GA_BOOTSTRAP__
 <!-- HOW IT WORKS -->
 <section class="how-it-works" id="how-it-works">
   <div class="container">
-    <div class="section-label">How It Works</div>
-    <h2 class="section-title">Three steps to mistake-proof vibe coding</h2>
+    <div class="section-label">New in v0.9.12</div>
+    <h2 class="section-title">Three steps to stop repeated AI failures</h2>
     <div class="steps">
       <div class="step">
         <div class="step-num">1</div>
@@ -563,130 +577,27 @@ __GA_BOOTSTRAP__
 </section>
 
 <!-- PROENTROPIC -->
-<section class="compatibility" id="proentropic">
-  <div class="container">
-    <div class="section-label">Proentropic Infrastructure</div>
-    <h2 class="section-title">Built to get stronger from chaos, not break from it</h2>
-    <div class="agent-grid">
-      <div class="agent-card">
-        <h3>Errors are fuel</h3>
-        <p>Every agent mistake becomes a prevention rule. Every thumbs-down becomes a gate. The more your agents fail, the more ThumbGate learns. Fragile systems break under chaos — ThumbGate feeds on it.</p>
-      </div>
-      <div class="agent-card">
-        <h3>Organizational learning</h3>
-        <p>One developer's thumbs-down becomes the whole team's protection. Lessons compound across agents, sessions, and projects. Your 100th agent inherits everything the first 99 learned.</p>
-      </div>
-      <div class="agent-card">
-        <h3>Enterprise-grade governance</h3>
-        <p>CISOs fear agent chaos. ThumbGate turns that chaos into structured audit trails, per-agent governance scores, PII scanning, and credential attestation. Compliance officers get a single dashboard, not scattered logs.</p>
-      </div>
-    </div>
-  </div>
-</section>
-
-<!-- WHY GUARDRAILS -->
+<!-- GUARDRAILS -->
 <section class="compatibility" id="guardrails">
   <div class="container">
-    <div class="section-label">Production-Grade AI Safety</div>
-    <h2 class="section-title">Every guardrail pattern experts recommend, built in</h2>
+    <div class="section-label">Enforcement</div>
+    <h2 class="section-title">Gates block. They don't ask nicely.</h2>
     <div class="agent-grid">
       <div class="agent-card">
         <h3>Don't trust — verify</h3>
-        <p>Gate reasoning chains show exactly WHY an action was blocked: pattern match, evidence, fire count. No hidden decisions.</p>
+        <p>Every block shows why: pattern match, evidence, confidence score.</p>
       </div>
       <div class="agent-card">
         <h3>Real tools, not wishes</h3>
-        <p>MCP tools call real enforcement — gates physically block tool calls, not ask the agent nicely. External system, not prompt tricks.</p>
+        <p>Gates physically block tool calls. Not prompt tricks. Not "please don't."</p>
       </div>
       <div class="agent-card">
         <h3>Force models to show work</h3>
-        <p>Every gate decision includes step-by-step reasoning. Thompson Sampling confidence tiers tell you when to trust the model vs fall back to rules.</p>
+        <p>Reasoning chains on every gate decision. Thompson Sampling confidence tiers.</p>
       </div>
       <div class="agent-card">
         <h3>Log everything, learn automatically</h3>
-        <p>Audit trail records every allow/deny/warn. Repeated failures auto-promote to gates. Org dashboard shows all agents across your team.</p>
-      </div>
-      <div class="agent-card">
-        <h3>Keep one correction thread</h3>
-        <p>Feedback sessions let you open, append, and finalize one linked correction instead of spraying follow-up notes across separate records. Better lessons, less operator friction.</p>
-      </div>
-    </div>
-  </div>
-</section>
-
-<!-- AI CONTROL TOWER -->
-<section class="compatibility" id="control-tower">
-  <div class="container">
-    <div class="section-label">Recently shipped</div>
-    <h2 class="section-title">AI Control Tower: monitor, alert, and act</h2>
-    <div class="agent-grid">
-      <div class="agent-card">
-        <h3>Domain skill packs</h3>
-        <p>Installable best-practice rules for Stripe, Railway, database migrations. Auto-match by task context. 100% eval pass rate with packs vs 0% without.</p>
-      </div>
-      <div class="agent-card">
-        <h3>Tool-level KPIs</h3>
-        <p>P50/P90/P95 latency and success rate per tool. Drill from gateway health down to the exact tool causing issues.</p>
-      </div>
-      <div class="agent-card">
-        <h3>SLO alerts</h3>
-        <p>Define thresholds for success rate and latency. Breach triggers webhook alerts to Slack, Teams, or Discord automatically.</p>
-      </div>
-      <div class="agent-card">
-        <h3>Access anomaly detection</h3>
-        <p>Tracks authorized vs failed access. Moving-average spike detection flags per-agent abuse. Security governance on autopilot.</p>
-      </div>
-      <div class="agent-card">
-        <h3>Metered outcome pricing</h3>
-        <p>$0.10 per blocked mistake (Pro). Minimum $19/mo floor. You pay for value delivered, not seats warmed.</p>
-      </div>
-      <div class="agent-card">
-        <h3>Ambient daily digest</h3>
-        <p>Push Slack/Teams/Discord summary at 9am. Weekly stats export for build-in-public content. Check in once a day, not babysit.</p>
-      </div>
-    </div>
-  </div>
-</section>
-
-<!-- PROGRESSIVE DISCLOSURE -->
-<section class="compatibility" id="progressive-disclosure">
-  <div class="container">
-    <div class="section-label">New in v0.9.10</div>
-    <h2 class="section-title">82% fewer tokens with progressive skill loading</h2>
-    <div class="agent-grid">
-      <div class="agent-card">
-        <h3>3-tier disclosure</h3>
-        <p>L1 metadata at startup (27 tokens). L2 rules on activation. L3 reference files on demand. Agents load only what they need.</p>
-      </div>
-      <div class="agent-card">
-        <h3>Skill factory</h3>
-        <p>Agent auto-generates new skill packs from recurring failures. Lessons become NEVER/ALWAYS rules. No manual curation needed.</p>
-      </div>
-      <div class="agent-card">
-        <h3>Security hardening</h3>
-        <p>Credential attestation per tool call. Privilege escalation detection against MCP profiles. Dependency gate blocks supply chain attacks.</p>
-      </div>
-    </div>
-  </div>
-</section>
-
-<!-- BACKGROUND AGENT GOVERNANCE -->
-<section class="compatibility" id="background-agents">
-  <div class="container">
-    <div class="section-label">For Background Agent Teams</div>
-    <h2 class="section-title">Your agents write 57% of PRs. ThumbGate makes sure they don't repeat mistakes.</h2>
-    <div class="agent-grid">
-      <div class="agent-card">
-        <h3>Run governance gate</h3>
-        <p>Before a background agent opens a PR, check its failure history. Agents with >50% fail rate get blocked. Protected branches get extra scrutiny.</p>
-      </div>
-      <div class="agent-card">
-        <h3>Auto-capture from CI</h3>
-        <p>CI pass/fail auto-generates structured feedback. No human in the loop. The agent learns from every merge and every rejection.</p>
-      </div>
-      <div class="agent-card">
-        <h3>Governance report</h3>
-        <p>Per-agent pass rates, gate blocks, run types, blast radius warnings. Know which agents are reliable and which need guardrails.</p>
+        <p>Repeated failures auto-promote to gates. Org dashboard shows all agents.</p>
       </div>
     </div>
   </div>
@@ -721,14 +632,14 @@ __GA_BOOTSTRAP__
 <!-- PRICING -->
 <section class="pricing" id="pricing">
   <div class="container">
-    <div class="section-label">Pricing — 7-Day Free Trial</div>
-    <h2 class="section-title">Start free. Try Pro for 7 days. Cancel anytime.</h2>
+    <div class="section-label">Pricing</div>
+    <h2 class="section-title">Start free. Prove value on a real workflow. Upgrade when review churn costs more than $19/mo.</h2>
     <div class="pricing-grid">
       <div class="price-card">
         <div class="tier">Free</div>
         <div class="price">$0</div>
-        <div class="price-sub">Forever free · Local-only, single dev</div>
-        <p style="font-size:13px;color:#aaa;margin-bottom:16px;">For solo devs experimenting with gates on one machine.</p>
+        <div class="price-sub">Forever free · Local enforcement for one developer</div>
+        <p style="font-size:13px;color:#aaa;margin-bottom:16px;">For solo developers who want to stop the same agent mistake from showing up twice.</p>
         <ul>
           <li>Unlimited feedback captures · 5 lesson searches/day · unlimited recall</li>
           <li>5 auto-promoted gates plus the core safety policy</li>
@@ -743,9 +654,9 @@ __GA_BOOTSTRAP__
         <div class="tier">Pro</div>
         <div class="price">$19<span style="font-size:16px;color:var(--text-dim)">/mo</span></div>
         <div class="price-sub">or $149/yr (save 35%) · Personal dashboard + exports</div>
-        <p style="font-size:13px;color:var(--cyan);margin-bottom:16px;font-weight:500;">For individual operators who want a personal local dashboard with proof-ready exports.</p>
+        <p style="font-size:13px;color:var(--cyan);margin-bottom:16px;font-weight:500;">For individual operators who need review-ready evidence, faster debugging, and a dashboard of exactly what got blocked.</p>
         <div class="pro-upgrade-triggers" style="font-size:12px;color:#aaa;margin-bottom:12px;">
-          <strong style="color:#fff;">Go Pro when:</strong> you've blocked 20+ actions, want your own dashboard, or need DPO exports without extra setup.
+          <strong style="color:#fff;">Go Pro when:</strong> you want review-ready evidence, need your own dashboard, or keep correcting the same failure modes.
         </div>
         <div class="dashboard-preview" style="margin-bottom:16px;border:1px solid #333;border-radius:8px;overflow:hidden;">
           <div style="background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:16px;text-align:center;">
@@ -764,13 +675,13 @@ __GA_BOOTSTRAP__
           <li>Auto-connect — activate once with your license key, then your running agents appear automatically on your local dashboard</li>
           <li><a href="/dashboard" style="color:var(--cyan);text-decoration:underline;">DPO training data export →</a> turn real thumbs-downs into ready-to-use preference pairs for fine-tuning (LoRA / JSONL)</li>
           <li><strong>Model Hardening Advisor</strong> — get recommendations on when and how to fine-tune your model to natively avoid recurring failures</li>
-          <li>Personal local dashboard — every Pro user gets their own localhost dashboard without extra cloud setup</li>
-          <li>Founder-license support — we help you wire your riskiest flows (migrations, force-pushes, CI) in the first week</li>
+          <li>Personal local dashboard — every Pro user gets a localhost dashboard without extra cloud setup</li>
+          <li>Founder-license support — we help you wire the riskiest flows first: migrations, force-pushes, deploys, and CI</li>
         </ul>
-        <a href="https://buy.stripe.com/fZu9AT3Ug6zcdWh0XN3sI08" class="btn-pro" style="display:none" id="pro-checkout-link">Start Free Trial — then $19/mo</a>
+        <a href="/checkout/pro?utm_source=website&utm_medium=homepage_pricing&utm_campaign=pro_pack&cta_id=homepage_pricing_trial&cta_placement=pricing&plan_id=pro&landing_path=%2F" class="btn-pro" style="display:none" id="pro-checkout-link">Start Free Trial — then $19/mo</a>
         <div class="trial-badge" style="background:var(--cyan);color:#000;display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;margin-bottom:12px;">7-DAY FREE TRIAL</div>
         <div class="email-gate" style="margin-bottom:12px;">
-          <input type="email" id="pro-email" placeholder="Your email to start trial" style="width:100%;padding:10px 14px;border:1px solid #333;border-radius:6px;background:#1a1a2e;color:#fff;font-size:14px;">
+          <input type="email" id="pro-email" data-buyer-email placeholder="Your email to start trial" style="width:100%;padding:10px 14px;border:1px solid #333;border-radius:6px;background:#1a1a2e;color:#fff;font-size:14px;">
         </div>
         <button class="btn-pro" id="pro-trial-btn" onclick="handleProTrial()" style="width:100%;cursor:pointer;border:none;">Start 7-Day Free Trial</button>
         <p style="font-size:11px;color:#666;margin-top:8px;">Founder pricing — <a href="https://buy.stripe.com/aFa4gz1M84r419v7mb3sI05" style="color:var(--cyan);text-decoration:underline;">preserved $49 one-time founder link</a> for early buyers who still want that path.</p>
@@ -779,21 +690,21 @@ __GA_BOOTSTRAP__
       <div class="price-card team">
         <div class="tier">Team</div>
         <div class="price">$12<span style="font-size:16px;color:var(--text-dim)">/seat/mo</span></div>
-        <div class="price-sub">Starts at $36/mo for 3 seats · or $297/yr · Shared lessons + org visibility</div>
-        <p style="font-size:13px;color:var(--green);margin-bottom:16px;font-weight:500;">For teams running multiple agents across shared repos who need one lesson to protect everyone.</p>
+        <div class="price-sub">Starts at $36/mo for 3 seats · or $297/yr · Shared enforcement + org visibility</div>
+        <p style="font-size:13px;color:var(--green);margin-bottom:16px;font-weight:500;">For teams shipping AI-generated changes across shared repos who need one correction to protect every reviewer and runtime.</p>
         <div class="pro-upgrade-triggers" style="font-size:12px;color:#aaa;margin-bottom:12px;">
-          <strong style="color:#fff;">Start Team when:</strong> you need a shared lesson DB, org-wide metrics, or workflow hardening that survives handoffs.
+          <strong style="color:#fff;">Start Team when:</strong> you need shared enforcement, org-wide proof, or one workflow pilot that proves ROI internally.
         </div>
         <ul>
-          <li>Hosted shared lesson DB — one dev's 👎 on a bad migration protects every agent on the team</li>
+          <li>Shared enforcement memory — a shared lesson database where one developer's 👎 on a bad migration protects every agent on the team</li>
           <li>Org dashboard — active agents, gate hit rates, risk agents, and proof-backed team metrics in one place</li>
-          <li>Generated hosted review views — constrained cards, lists, and callouts assemble team, incident, and rollout dashboards without custom page work</li>
+          <li>Hosted review views — constrained cards, lists, and callouts for rollout, incident, and audit visibility</li>
           <li>Gate template library — pre-built guardrails for force-pushes, skipped tests, destructive SQL, and evidence-before-done</li>
-          <li>Workflow hardening sprint — intake, rollout plan, and evidence pack for the first shared workflow</li>
-          <li>Product Hunt and campaign attribution stay tied to the team funnel instead of generic referral traffic</li>
+          <li>Workflow proof sprint — pilot one painful workflow first, then expand once the before/after evidence is real</li>
+          <li>Rollout attribution stays tied to the team funnel instead of disappearing into generic referral traffic</li>
         </ul>
-        <a href="#workflow-sprint-intake" class="btn-team">Start Team Rollout</a>
-        <p style="font-size:11px;color:#666;margin-top:8px;">Hosted team rollout starts with the workflow sprint intake so we scope the shared workflow honestly.</p>
+        <a href="#workflow-sprint-intake" class="btn-team">Start Team Pilot</a>
+        <p style="font-size:11px;color:#666;margin-top:8px;">Hosted rollout starts with one workflow pilot so the first expansion has measurable before/after proof.</p>
       </div>
     </div>
   </div>
@@ -801,9 +712,9 @@ __GA_BOOTSTRAP__
 
 <section class="compatibility" id="workflow-sprint-intake">
   <div class="container">
-    <div class="section-label">Team Rollout</div>
-    <h2 class="section-title">Start the Team lane with one workflow that matters</h2>
-    <p style="color:var(--text-dim);max-width:720px;margin:0 auto 16px;">The recurring value is shared enforcement. Start with one workflow, one owner, and one blocker. The hosted intake gives us a proof-backed path into the shared lesson DB, org dashboard, and team-wide gate rollout.</p>
+    <div class="section-label">Team Pilot</div>
+    <h2 class="section-title">Start with one repo, one workflow, one repeat failure</h2>
+    <p style="color:var(--text-dim);max-width:720px;margin:0 auto 16px;">The recurring value is shared enforcement. Start with one workflow, one owner, and one blocker. The intake is designed to prove that ThumbGate reduces review churn, rollout risk, or repeated agent mistakes before a wider rollout.</p>
     <form class="team-form" action="/v1/intake/workflow-sprint" method="POST">
       <input type="hidden" name="ctaId" value="workflow_sprint_intake">
       <input type="hidden" name="ctaPlacement" value="team_pricing">
@@ -816,7 +727,7 @@ __GA_BOOTSTRAP__
       <textarea class="full" name="blocker" placeholder="What repeat mistake, rollout blocker, or team handoff failure keeps happening?" required></textarea>
       <textarea class="full" name="note" placeholder="Optional context: team size, repos involved, target rollout date, or what you need to prove internally."></textarea>
       <div class="full">
-        <button type="submit" class="btn-team">Submit Team Workflow Intake</button>
+        <button type="submit" class="btn-team">Start Team Pilot Intake</button>
       </div>
     </form>
   </div>
@@ -846,7 +757,7 @@ __GA_BOOTSTRAP__
       </div>
       <div class="faq-item">
         <div class="faq-q" role="button" tabindex="0" aria-expanded="false" onclick="toggleFaq(this)" onkeydown="handleFaqKeydown(event)">Do I need a cloud account?</div>
-        <div class="faq-a">No. Free keeps local enforcement on your machine with 5 daily feedback captures, 10 lesson searches, unlimited recall, gates, and hook blocking. No cloud account is required. Pro adds a personal local dashboard on your machine plus DPO export. Team is the hosted rollout lane when your group wants a shared lesson database, generated hosted review views, org dashboard, and team-wide gate visibility.</div>
+        <div class="faq-a">No. Free keeps local enforcement on your machine with 5 daily feedback captures, 10 lesson searches, unlimited recall, gates, and hook blocking. No cloud account is required. Pro adds a personal local dashboard plus DPO export. Team is the hosted rollout lane when your group wants a shared lesson database, hosted review views, org dashboard visibility, and team-wide proof.</div>
       </div>
       <div class="faq-item">
         <div class="faq-q" role="button" tabindex="0" aria-expanded="false" onclick="toggleFaq(this)" onkeydown="handleFaqKeydown(event)">What if my thumbs-down is vague?</div>
@@ -854,7 +765,7 @@ __GA_BOOTSTRAP__
       </div>
       <div class="faq-item">
         <div class="faq-q" role="button" tabindex="0" aria-expanded="false" onclick="toggleFaq(this)" onkeydown="handleFaqKeydown(event)">How are pre-action gates different from prompt rules?</div>
-        <div class="faq-a">Prompt rules are suggestions that agents can ignore. Pre-Action Gates are enforcement — they block the action before execution. Gates are auto-generated from your feedback and use Thompson Sampling to adapt over time.</div>
+        <div class="faq-a">Prompt rules are suggestions that agents can ignore. Pre-Action Gates are enforcement — they block the action before execution. Gates are auto-generated from your human-in-the-loop feedback and use Thompson Sampling to adapt over time.</div>
       </div>
       <div class="faq-item">
         <div class="faq-q" role="button" tabindex="0" aria-expanded="false" onclick="toggleFaq(this)" onkeydown="handleFaqKeydown(event)">What does Pro cost?</div>
@@ -867,24 +778,25 @@ __GA_BOOTSTRAP__
 <!-- NEWSLETTER SIGNUP -->
 <section class="compatibility" id="newsletter" style="padding: 48px 0;">
   <div class="container" style="text-align: center;">
-    <div class="section-label">Stay in the loop</div>
-    <h2 class="section-title" style="margin-bottom: 16px;">Get notified when we ship</h2>
-    <p style="color: var(--text-dim); margin-bottom: 24px; max-width: 480px; margin-left: auto; margin-right: auto;">Release notes, new gate patterns, and agent governance insights. No spam. Unsubscribe anytime.</p>
-    <form action="https://thumbgate-production.up.railway.app/api/newsletter" method="POST" style="display: flex; gap: 8px; max-width: 420px; margin: 0 auto; flex-wrap: wrap; justify-content: center;">
-      <input type="email" name="email" placeholder="you@company.com" required style="flex: 1; min-width: 200px; padding: 12px 16px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); color: var(--text); font-size: 15px;">
-      <button type="submit" style="padding: 12px 24px; background: var(--cyan); color: #000; border: none; border-radius: 8px; font-weight: 600; font-size: 15px; cursor: pointer;" onclick="if(typeof plausible==='function')plausible('newsletter_signup')">Subscribe</button>
+    <div class="section-label">Buyer Follow-Up</div>
+    <h2 class="section-title" style="margin-bottom: 16px;">Not ready to buy today? Keep the demo and checkout link one click away.</h2>
+    <p style="color: var(--text-dim); margin-bottom: 24px; max-width: 560px; margin-left: auto; margin-right: auto;">Save your work email for launch updates, new gate patterns, and the paid demo path. We also keep it on this device so the Pro checkout can open prefilled instead of making you type it again.</p>
+    <form action="/api/newsletter" method="POST" data-newsletter-form data-page="homepage" data-intent="buyer_follow_up" style="display: flex; gap: 8px; max-width: 480px; margin: 0 auto; flex-wrap: wrap; justify-content: center;">
+      <input type="email" name="email" data-buyer-email placeholder="you@company.com" required style="flex: 1; min-width: 220px; padding: 12px 16px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg-raised); color: var(--text); font-size: 15px;">
+      <button type="submit" style="padding: 12px 24px; background: var(--cyan); color: #000; border: none; border-radius: 8px; font-weight: 600; font-size: 15px; cursor: pointer;">Get updates + keep checkout ready</button>
     </form>
+    <p data-newsletter-status style="min-height:20px;font-size:12px;color:var(--text-dim);margin-top:10px;" aria-live="polite"></p>
   </div>
 </section>
 
 <!-- FINAL CTA -->
 <section class="final-cta">
   <div class="container">
-    <h2>Ready to stop fixing the same AI mistakes?</h2>
-    <p>Try the dashboard demo first. Install in 30 seconds. No account required.</p>
+    <h2>Put ThumbGate on your next AI-generated change.</h2>
+    <p>Try the dashboard demo first or install in 30 seconds. Prove the value on a real PR, deploy, or migration.</p>
     <div style="display:flex;gap:12px;justify-content:center;flex-wrap:wrap;">
-      <a href="/dashboard" class="btn-free" style="background:transparent;border:1px solid var(--cyan);color:var(--cyan);">Try Dashboard Demo</a>
-      <a href="https://buy.stripe.com/fZu9AT3Ug6zcdWh0XN3sI08" class="btn-pro">Try Pro free for 7 days → $19/mo</a>
+      <a href="/dashboard" class="btn-demo-link" style="background:transparent;border:1px solid var(--cyan);color:var(--cyan);">Try Dashboard Demo</a>
+      <a href="/checkout/pro?utm_source=website&utm_medium=homepage_final&utm_campaign=pro_pack&cta_id=homepage_final_trial&cta_placement=final&plan_id=pro&landing_path=%2F" class="btn-pro">Try Pro free for 7 days → $19/mo</a>
     </div>
   </div>
 </section>
@@ -899,11 +811,29 @@ __GA_BOOTSTRAP__
       <a href="https://www.linkedin.com/in/igorganapolsky" target="_blank" rel="noopener">LinkedIn</a>
       <a href="/blog">Blog</a>
     </div>
-    <span class="footer-copy">© 2026 Max Smith KDP LLC · MIT License · v0.9.8</span>
+    <span class="footer-copy">© 2026 Max Smith KDP LLC · MIT License · v0.9.10</span>
   </div>
 </footer>
 
+<script src="/js/buyer-intent.js"></script>
 <script>
+function initializeBuyerIntentForms() {
+  globalThis.ThumbGateBuyerIntent.initializeBuyerIntent({
+    page: 'homepage',
+    duplicateMessage: 'You are already on the list. Checkout on this device is now prefilled.',
+    successMessage: 'Saved. We will keep checkout prefilled on this device.',
+  });
+}
+
+function resolvePricingClickTier(el) {
+  if (el.classList.contains('btn-pro')) return 'pro';
+  if (el.classList.contains('btn-pro-page')) return 'pro_page';
+  if (el.classList.contains('btn-team')) return 'team';
+  if (el.classList.contains('btn-free')) return 'free';
+  if (el.classList.contains('btn-demo-link')) return 'demo';
+  return 'nav';
+}
+
 function copyInstall(el) {
   navigator.clipboard.writeText('npx thumbgate init').then(function() {
     var hint = el.querySelector('.copy-hint');
@@ -938,20 +868,19 @@ function copyInstall(el) {
 
   /* CTA clicks */
   trackClick('.btn-pro', 'checkout_start', { tier: 'pro', price: 19, billing: 'monthly' });
+  trackClick('.btn-pro-page', 'pro_page_click', { tier: 'pro', source: 'hero' });
   trackClick('.btn-team', 'workflow_sprint_intake_click', { tier: 'team', offer: 'workflow_hardening_sprint' });
   trackClick('.btn-free', 'install_click', { tier: 'free' });
-  trackClick('.nav-cta', 'checkout_start', { tier: 'pro', source: 'nav' });
+  trackClick('.btn-demo-link', 'demo_click', { source: 'homepage' });
+  trackClick('.nav-cta', 'pro_page_click', { tier: 'pro', source: 'nav' });
 
   /* Pricing CTA conversion tracking — fires on every Get Started / Pro / Team button click
      with section context so we can distinguish pricing section vs final CTA section clicks */
-  document.querySelectorAll('.btn-pro, .btn-team, .btn-free, .nav-cta').forEach(function(el) {
+  document.querySelectorAll('.btn-pro, .btn-pro-page, .btn-team, .btn-free, .btn-demo-link, .nav-cta').forEach(function(el) {
     el.addEventListener('click', function() {
       var section = el.closest('section');
       var sectionId = section ? (section.id || section.className.split(' ')[0] || 'unknown') : 'unknown';
-      var tier = el.classList.contains('btn-pro') ? 'pro'
-               : el.classList.contains('btn-team') ? 'team'
-               : el.classList.contains('btn-free') ? 'free'
-               : 'nav';
+      var tier = resolvePricingClickTier(el);
       var label = (el.textContent || '').trim().substring(0, 40);
       if (typeof plausible === 'function') {
         plausible('pricing_cta_click', { props: { tier: tier, section: sectionId, label: label } });
@@ -992,22 +921,33 @@ function copyInstall(el) {
 })();
 </script>
 <script>
-function handleProTrial() {
+initializeBuyerIntentForms();
+
+async function handleProTrial() {
+  var buyerIntent = globalThis.ThumbGateBuyerIntent;
   var email = document.getElementById('pro-email');
-  if (!email || !email.value || !email.value.includes('@')) {
+  var normalizedEmail = buyerIntent.normalizeBuyerEmail(email && email.value);
+  if (!email || !buyerIntent.isValidBuyerEmail(normalizedEmail)) {
     email.style.border = '2px solid #f87171';
     email.placeholder = 'Please enter a valid email';
     email.focus();
     return;
   }
   email.style.border = '1px solid #333';
-  var checkoutUrl = document.getElementById('pro-checkout-link').href;
-  var sep = checkoutUrl.includes('?') ? '&' : '?';
-  var finalUrl = checkoutUrl + sep + 'prefilled_email=' + encodeURIComponent(email.value);
+  buyerIntent.storeBuyerEmail(normalizedEmail);
+  buyerIntent.hydrateBuyerEmailInputs(normalizedEmail);
+  buyerIntent.applyBuyerEmailToCheckoutLinks(normalizedEmail);
+  var checkoutLink = document.getElementById('pro-checkout-link');
+  var checkoutUrl = checkoutLink ? checkoutLink.href : '/checkout/pro';
   if (typeof plausible === 'function') {
-    plausible('trial_email_captured', { props: { email: email.value } });
+    plausible('trial_email_captured', { props: { page: 'homepage', intent: 'checkout' } });
+  }
+  try {
+    await buyerIntent.submitNewsletterSignup(normalizedEmail);
+  } catch (_err) {
+    // Continue to checkout even if lead capture fails.
   }
-  window.location.href = finalUrl;
+  globalThis.location.assign(checkoutUrl);
 }
 </script>
 </body>