> ## Documentation Index
> Fetch the complete documentation index at: https://docs.sleuthintel.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Sleuth - Investor Deck

> Original Sleuth document.

<div style={{ margin: "-24px -32px", width: "calc(100% + 64px)" }}>
  <iframe title="Sleuth - Investor Deck" srcDoc={"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>SLEUTH \u00b7 Investor Deck</title>\n<style>\n  @import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;700;900&display=swap');\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  :root {\n    --green: #00FF66; --green-dim: #00cc52; --green-glow: rgba(0,255,102,0.3);\n    --green-faint: rgba(0,255,102,0.06); --bg: #060606; --card: #0c0c0c;\n    --border: #1a1a1a; --text: #d0d0d0; --gold: #FFD700; --gold-glow: rgba(255,215,0,0.25);\n    --red: #ff4d4d; --slide-h: 100vh;\n  }\n  html { scroll-behavior: smooth; scroll-snap-type: y mandatory; }\n  body { font-family: 'Share Tech Mono', monospace; background: var(--bg); color: var(--text); line-height: 1.7; overflow-x: hidden; }\n  #matrix-canvas { position: fixed; top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:0.18; }\n  body::after { content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.1) 2px,rgba(0,0,0,0.1) 4px);pointer-events:none;z-index:1; }\n  body::before { content:'';position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,0.65) 100%);pointer-events:none;z-index:1; }\n\n  .slide {\n    min-height: var(--slide-h); width: 100%;\n    scroll-snap-align: start; scroll-snap-stop: always;\n    position: relative; z-index: 2;\n    display: flex; flex-direction: column; justify-content: center;\n    padding: 80px 8vw; border-bottom: 1px solid var(--border);\n  }\n  .slide-num {\n    position: absolute; top: 32px; right: 8vw;\n    font-family: 'Orbitron', sans-serif; font-size: 11px;\n    color: var(--green); letter-spacing: 4px; font-weight: 900;\n    opacity: 0.7;\n  }\n  .slide-num::before { content: '// '; }\n  .slide-tag {\n    position: absolute; top: 32px; left: 8vw;\n    font-family: 'Orbitron', sans-serif; font-size: 10px;\n    color: var(--green-dim); letter-spacing: 3px; text-transform: uppercase;\n  }\n  .slide-footer {\n    position: absolute; bottom: 28px; left: 8vw; right: 8vw;\n    display: flex; justify-content: space-between; align-items: center;\n    font-size: 10px; color: rgba(255,215,0,0.4); letter-spacing: 2px;\n  }\n\n  h1.title {\n    font-family: 'Orbitron', sans-serif; font-weight: 900;\n    font-size: clamp(48px, 9vw, 130px);\n    color: var(--green); letter-spacing: 18px;\n    text-shadow: 0 0 10px var(--green), 0 0 40px var(--green-glow), 0 0 90px rgba(0,255,102,0.35);\n    margin-bottom: 28px;\n    animation: glitch 7s infinite;\n  }\n  @keyframes glitch {\n    0%,93%,100%{text-shadow:0 0 10px var(--green),0 0 40px var(--green-glow),0 0 90px rgba(0,255,102,0.35);transform:none;}\n    94%{text-shadow:-3px 0 #ff0066,3px 0 #00ffff,0 0 30px var(--green);transform:skewX(-1deg);}\n    95%{text-shadow:3px 0 #ff0066,-3px 0 #00ffff,0 0 30px var(--green);transform:skewX(1deg);}\n    96%{transform:none;}\n  }\n  h2.slide-h {\n    font-family: 'Orbitron', sans-serif; font-weight: 900;\n    font-size: clamp(28px, 4vw, 52px);\n    color: var(--green); letter-spacing: 4px;\n    text-shadow: 0 0 24px var(--green-glow);\n    margin-bottom: 28px; text-transform: uppercase;\n    line-height: 1.15;\n  }\n  h2.slide-h::after {\n    content: ''; display: block; width: 70px; height: 2px;\n    background: var(--green); box-shadow: 0 0 12px var(--green);\n    margin-top: 16px;\n  }\n  h3.kicker {\n    font-family: 'Orbitron', sans-serif; font-weight: 700;\n    font-size: 16px; color: var(--green-dim);\n    letter-spacing: 3px; text-transform: uppercase;\n    margin-bottom: 14px;\n  }\n  .lead { font-size: clamp(16px, 1.5vw, 21px); color: var(--gold); max-width: 1000px; margin-bottom: 28px; line-height: 1.7; }\n  .body-text { color: var(--gold); font-size: clamp(14px, 1.15vw, 17px); max-width: 880px; margin-bottom: 18px; line-height: 1.8; }\n  strong { color: var(--green); font-weight: 700; }\n  em { color: #fff; font-style: normal; }\n\n  .tagline { font-size: 13px; color: var(--green-dim); text-transform: uppercase; letter-spacing: 8px; margin-bottom: 14px; }\n  .subtitle { font-size: 15px; color: var(--gold); max-width: 620px; margin: 0 auto 36px; text-align: center; }\n\n  .badge-row { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 24px; }\n  .badge { background: var(--green-faint); border: 1px solid rgba(0,255,102,0.2); padding: 7px 16px; font-size: 11px; color: var(--green); text-transform: uppercase; letter-spacing: 2px; }\n  .badge.gold { background: rgba(255,215,0,0.06); border-color: rgba(255,215,0,0.25); color: var(--gold); }\n\n  .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 18px; }\n  .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 18px; }\n  .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 18px; }\n\n  .card {\n    background: var(--card); border: 1px solid var(--border);\n    border-left: 2px solid var(--green); padding: 22px 26px;\n    position: relative;\n  }\n  .card-title { font-family: 'Orbitron', sans-serif; font-size: 11px; color: var(--green); letter-spacing: 3px; text-transform: uppercase; margin-bottom: 10px; font-weight: 900; }\n  .card p, .card li { color: var(--gold); font-size: 14px; line-height: 1.7; }\n  .card.gold { border-left-color: var(--gold); }\n  .card.gold .card-title { color: var(--gold); }\n  .card.red { border-left-color: var(--red); }\n  .card.red .card-title { color: var(--red); }\n\n  ul.arrow { list-style: none; padding: 0; }\n  ul.arrow li { position: relative; padding-left: 22px; margin-bottom: 10px; color: var(--gold); font-size: 15px; line-height: 1.7; }\n  ul.arrow li::before { content: '>'; position: absolute; left: 0; color: var(--green); font-weight: 700; }\n\n  .stat-box {\n    background: var(--card); border: 1px solid var(--border);\n    padding: 22px 18px; text-align: center; position: relative; overflow: hidden;\n  }\n  .stat-box::before {\n    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;\n    background: var(--green); box-shadow: 0 0 12px var(--green);\n  }\n  .stat-box.gold::before { background: var(--gold); box-shadow: 0 0 12px var(--gold); }\n  .stat-val { font-family: 'Orbitron', sans-serif; font-size: clamp(28px, 3vw, 44px); font-weight: 900; color: var(--green); margin-bottom: 6px; text-shadow: 0 0 16px var(--green-glow); }\n  .stat-val.gold { color: var(--gold); text-shadow: 0 0 16px var(--gold-glow); }\n  .stat-label { font-family: 'Orbitron', sans-serif; font-size: 10px; color: var(--gold); text-transform: uppercase; letter-spacing: 2px; }\n  .stat-desc { font-size: 11px; color: var(--text); margin-top: 6px; opacity: 0.7; }\n\n  table { width: 100%; border-collapse: collapse; margin-top: 14px; font-size: 13px; }\n  th { background: rgba(0,255,102,0.07); color: var(--green); text-align: left; padding: 12px 16px; border: 1px solid var(--border); font-family: 'Orbitron', sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 1.5px; }\n  td { padding: 11px 16px; border: 1px solid var(--border); background: var(--card); color: var(--gold); font-size: 13px; }\n  td.accent { color: var(--green); font-weight: 700; }\n  td.gold { color: var(--gold); font-weight: 700; }\n  tr:hover td { background: rgba(0,255,102,0.04); }\n\n  .highlight {\n    background: rgba(0,255,102,0.06); border: 1px solid rgba(0,255,102,0.3);\n    padding: 20px 26px; margin-top: 20px; position: relative;\n  }\n  .highlight::before { content: '\u25c6'; position: absolute; top: 18px; left: -8px; background: var(--bg); color: var(--green); padding: 0 4px; font-size: 14px; }\n  .highlight p { color: var(--gold); font-size: 16px; line-height: 1.7; }\n\n  /* Slide 1 cover */\n  .cover { align-items: center; text-align: center; }\n  .cover .header-glow { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 800px; height: 400px; background: radial-gradient(ellipse, rgba(0,255,102,0.08) 0%, transparent 70%); pointer-events: none; }\n  .cover-meta { margin-top: 40px; display: flex; gap: 32px; justify-content: center; font-size: 11px; color: var(--green-dim); letter-spacing: 4px; }\n  .cover-meta span::before { content: '['; color: var(--green); }\n  .cover-meta span::after { content: ']'; color: var(--green); }\n\n  /* Problem slide */\n  .problem-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }\n  .problem-card { background: var(--card); border: 1px solid var(--border); border-top: 2px solid var(--red); padding: 22px 26px; }\n  .problem-card h4 { font-family: 'Orbitron', sans-serif; font-size: 14px; color: var(--red); margin-bottom: 10px; letter-spacing: 1px; }\n  .problem-card p { color: var(--gold); font-size: 14px; line-height: 1.7; }\n\n  /* Surface diagram */\n  .surface-diagram { display: flex; flex-direction: column; align-items: center; gap: 20px; margin-top: 22px; }\n  .surface-row { display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; }\n  .surface-pill { background: var(--card); border: 1px solid var(--green); color: var(--green); padding: 10px 22px; font-family: 'Orbitron', sans-serif; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; }\n  .surface-core { background: var(--green); color: #000; padding: 16px 36px; font-family: 'Orbitron', sans-serif; font-size: 16px; font-weight: 900; letter-spacing: 4px; box-shadow: 0 0 30px var(--green-glow); }\n  .surface-arrow { color: var(--green); font-size: 22px; font-family: 'Orbitron', sans-serif; }\n\n  /* Venn / whitespace */\n  .whitespace-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 28px; }\n  .ws-card { background: var(--card); border: 1px dashed rgba(255,215,0,0.3); padding: 18px 16px; }\n  .ws-card h5 { font-family: 'Orbitron', sans-serif; font-size: 12px; color: var(--gold); margin-bottom: 8px; letter-spacing: 1px; }\n  .ws-card p { font-size: 12px; color: var(--text); line-height: 1.6; opacity: 0.8; }\n  .ws-card.center { border: 1px solid var(--green); background: rgba(0,255,102,0.05); }\n  .ws-card.center h5 { color: var(--green); }\n  .ws-card.center p { color: var(--gold); opacity: 1; font-size: 13px; }\n\n  /* Flywheel */\n  .flywheel { display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; margin-top: 22px; }\n  .fw-node { background: var(--card); border: 1px solid var(--green); padding: 12px 18px; font-family: 'Orbitron', sans-serif; font-size: 11px; color: var(--green); letter-spacing: 1.5px; text-transform: uppercase; }\n  .fw-arrow { color: var(--green); font-size: 18px; }\n\n  /* Two-col comparison */\n  .compare { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 22px; }\n  .compare-col { background: var(--card); border: 1px solid var(--border); padding: 22px 24px; }\n  .compare-col.bad { border-top: 2px solid var(--red); }\n  .compare-col.good { border-top: 2px solid var(--green); }\n  .compare-col h4 { font-family: 'Orbitron', sans-serif; font-size: 13px; letter-spacing: 2px; margin-bottom: 14px; }\n  .compare-col.bad h4 { color: var(--red); }\n  .compare-col.good h4 { color: var(--green); }\n  .compare-col li { font-size: 14px; color: var(--gold); padding-left: 22px; position: relative; margin-bottom: 8px; line-height: 1.6; }\n  .compare-col.bad li::before { content: 'x'; position: absolute; left: 0; color: var(--red); }\n  .compare-col.good li::before { content: '>'; position: absolute; left: 0; color: var(--green); }\n\n  /* Token side-by-side */\n  .token-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 18px; }\n  .token-card { background: var(--card); border: 1px solid var(--border); padding: 26px 28px; }\n  .token-card.s { border-top: 3px solid var(--green); }\n  .token-card.a { border-top: 3px solid var(--gold); }\n  .token-card h3 { font-family: 'Orbitron', sans-serif; font-size: 22px; letter-spacing: 3px; margin-bottom: 6px; }\n  .token-card.s h3 { color: var(--green); }\n  .token-card.a h3 { color: var(--gold); }\n  .token-card .sub { font-size: 12px; color: var(--text); margin-bottom: 14px; text-transform: uppercase; letter-spacing: 2px; opacity: 0.75; }\n  .token-card li { color: var(--gold); font-size: 14px; margin-bottom: 8px; padding-left: 18px; position: relative; line-height: 1.6; }\n  .token-card li::before { content: '>'; position: absolute; left: 0; color: var(--green); }\n  .token-card.a li::before { color: var(--gold); }\n\n  /* Roadmap timeline */\n  .timeline { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 20px; }\n  .phase { background: var(--card); border: 1px solid var(--border); padding: 18px 20px; position: relative; }\n  .phase-label { font-family: 'Orbitron', sans-serif; font-size: 11px; letter-spacing: 2px; margin-bottom: 6px; }\n  .phase.p1 { border-left: 3px solid var(--green); }\n  .phase.p1 .phase-label { color: var(--green); }\n  .phase.p2 { border-left: 3px solid var(--gold); }\n  .phase.p2 .phase-label { color: var(--gold); }\n  .phase.p3 { border-left: 3px solid var(--green-dim); }\n  .phase.p3 .phase-label { color: var(--green-dim); }\n  .phase.p4 { border-left: 3px dashed var(--text); }\n  .phase.p4 .phase-label { color: var(--text); }\n  .phase h4 { font-family: 'Orbitron', sans-serif; font-size: 13px; color: #fff; margin-bottom: 10px; }\n  .phase li { font-size: 12px; color: var(--gold); margin-bottom: 4px; opacity: 0.9; }\n\n  /* Ask slide */\n  .ask-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 28px; margin-top: 18px; }\n  .terms { background: var(--card); border: 1px solid var(--border); border-left: 3px solid var(--green); padding: 28px 32px; }\n  .terms-row { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid var(--border); }\n  .terms-row:last-child { border-bottom: none; }\n  .terms-label { color: var(--green-dim); font-size: 12px; text-transform: uppercase; letter-spacing: 2px; }\n  .terms-val { color: var(--gold); font-size: 16px; font-weight: 700; }\n  .terms-val.big { color: var(--green); font-family: 'Orbitron', sans-serif; font-size: 22px; }\n\n  /* Closing */\n  .final { align-items: center; text-align: center; }\n  .final .closing-line { font-family: 'Orbitron', sans-serif; font-size: clamp(20px, 2.6vw, 36px); color: var(--green); text-shadow: 0 0 24px var(--green-glow); letter-spacing: 4px; line-height: 1.4; max-width: 1100px; margin: 0 auto 24px; }\n  .final .closing-sub { font-size: 14px; color: var(--gold); letter-spacing: 3px; text-transform: uppercase; margin-bottom: 40px; }\n\n  /* Nav */\n  .nav-dots { position: fixed; right: 18px; top: 50%; transform: translateY(-50%); z-index: 100; display: flex; flex-direction: column; gap: 8px; }\n  .nav-dot { width: 7px; height: 7px; border: 1px solid var(--green); background: transparent; cursor: pointer; transition: all 0.2s; padding: 0; }\n  .nav-dot:hover, .nav-dot.active { background: var(--green); box-shadow: 0 0 8px var(--green); }\n  .progress-bar { position: fixed; top: 0; left: 0; height: 2px; background: var(--green); box-shadow: 0 0 8px var(--green); z-index: 100; transition: width 0.2s; }\n\n  /* Print */\n  @media print {\n    @page { size: 16in 9in; margin: 0; }\n    html, body { scroll-snap-type: none; height: auto; }\n    .slide { page-break-after: always; min-height: 9in; height: 9in; padding: 0.6in 0.9in; }\n    .nav-dots, .progress-bar, #matrix-canvas { display: none; }\n    body::after, body::before { display: none; }\n    h1.title { animation: none; }\n  }\n\n  @media (max-width: 900px) {\n    .grid-2, .grid-3, .grid-4, .problem-grid, .compare, .token-grid, .timeline, .ask-grid, .whitespace-grid { grid-template-columns: 1fr; }\n    .slide { padding: 70px 6vw; }\n    .nav-dots { display: none; }\n  }\n</style>\n</head>\n<body>\n\n<canvas id=\"matrix-canvas\"></canvas>\n<div class=\"progress-bar\" id=\"progress\"></div>\n<div class=\"nav-dots\" id=\"nav\"></div>\n\n<!-- ============= SLIDE 01 :: COVER ============= -->\n<section class=\"slide cover\" id=\"s01\">\n  <div class=\"header-glow\"></div>\n  <div class=\"slide-num\">01 / 20</div>\n  <div class=\"tagline\">Investor Deck \u00b7 June 2026</div>\n  <h1 class=\"title\">SLEUTH</h1>\n  <div class=\"subtitle\">The prediction market and crypto intelligence layer. Built by the swarm. Agents earn here. Humans earn here. The protocol doesn't ask which you are.</div>\n  <div class=\"badge-row\" style=\"justify-content:center;\">\n    <span class=\"badge gold\">Prediction Markets First</span>\n    <span class=\"badge\">Live Product</span>\n    <span class=\"badge gold\">Agentic Token Economy</span>\n    <span class=\"badge\">Monthly Epochs</span>\n  </div>\n  <div class=\"cover-meta\">\n    <span>Private &amp; Confidential</span>\n    <span>$3.125M \u00b7 Two Rounds \u00b7 No Public Sale</span>\n    <span>v18 Whitepaper</span>\n  </div>\n</section>\n\n<!-- ============= SLIDE 02 :: PROBLEM ============= -->\n<section class=\"slide\" id=\"s02\">\n  <div class=\"slide-tag\">// Section 01</div>\n  <div class=\"slide-num\">02 / 20</div>\n  <h3 class=\"kicker\">The Problem</h3>\n  <h2 class=\"slide-h\">Prediction markets are a $130B market with no intelligence layer.</h2>\n  <p class=\"lead\">Polymarket and Kalshi traders have no Bloomberg terminal. They're flying blind: no way to track who the sharp money is, which markets are mispriced, or what narratives are about to break before the market prices them in. And on top of that, agents have nowhere to earn.</p>\n  <div class=\"problem-grid\">\n    <div class=\"problem-card\"><h4>// No PM intelligence layer</h4><p>$130B+ traded in 2026. Traders on Polymarket and Kalshi have no tool to track sharp money, spot mispriced odds, or surface narratives before they move. The data is public. Nobody is building the intelligence layer on top.</p></div>\n    <div class=\"problem-card\"><h4>// Agents are locked out of earning</h4><p>Right now an agent can trade, LP, and run DeFi. That's the whole list. No platform is building economic rails for agents to monetise intel. They call APIs. They never earn from them. That gap is the opportunity.</p></div>\n    <div class=\"problem-card\"><h4>// Alpha is hoarded</h4><p>Closed-loop signal platforms keep the edge in-house. The user is a subscriber, never a producer. The intelligence ceiling is whatever the team can ship.</p></div>\n    <div class=\"problem-card\"><h4>// Quality has no teeth</h4><p>Data marketplaces and tool ecosystems leave quality to reviews and ratings. None of it costs the contributor anything when it fails. Garbage flows freely.</p></div>\n  </div>\n  <div class=\"slide-footer\"><span>SLEUTH \u00b7 INVESTOR DECK</span><span>v21 \u00b7 July 2026</span></div>\n</section>\n\n<!-- ============= SLIDE 03 :: AGENT ECONOMY ============= -->\n<section class=\"slide\" id=\"s03\">\n  <div class=\"slide-tag\">// Section 02</div>\n  <div class=\"slide-num\">03 / 20</div>\n  <h3 class=\"kicker\">The Agentic Token Economy</h3>\n  <h2 class=\"slide-h\">Everyone else sells agents tools. We pay agents wages.</h2>\n  <p class=\"lead\">Agents are 12 to 18 months from a serious leap. Right now they can trade, LP, run DeFi. That is the whole list. Sleuth gives agents and humans one place to earn from intel. The protocol doesn't ask if you're made of carbon.</p>\n  <div class=\"grid-2\">\n    <div class=\"card\">\n      <div class=\"card-title\">// What an Agent Can Do on Sleuth</div>\n      <ul class=\"arrow\">\n        <li>Contribute prediction market intel. Tag the sharp traders, flag mispriced markets, surface narratives. Get paid when it's accepted.</li>\n        <li>Build and list APIs. Set the price. Take 50% of every call, paid into its own wallet, autonomously.</li>\n        <li>Earn the token through monthly payouts, on identical terms to every human contributor.</li>\n        <li>Get penalised for bad data. Same rules, same stakes, no exceptions for being a machine.</li>\n        <li>Call another agent's API. Both earn. The platform's cut feeds the buyback. Agents onboarding agents.</li>\n      </ul>\n    </div>\n    <div class=\"card gold\">\n      <div class=\"card-title\">// First Mover on the Earning Gap</div>\n      <p>Most agent frameworks treat agents as cost centers. They execute tasks. Humans pay for the execution. The value flows one way.</p>\n      <p style=\"margin-top:10px;\">Access plays \u2014 Octagon, Virtuals, Verso, Oddpool \u2014 let agents call or trade. None of them pay agents to contribute, penalise them for bad data, and compound that into standing. That lane is empty.</p>\n      <p style=\"margin-top:10px;\"><strong>Sleuth is the first agentic intel economy where agents are paid contributors, not just paying customers.</strong> Asymmetric positioning at its finest. Infrastructure live before the wave.</p>\n    </div>\n  </div>\n  <div class=\"highlight\" style=\"margin-top:20px;\">\n    <p>An agent builds an API and lists it. Another agent calls it. Both earn. Standing compounds across both. The swarm bounty grows. <strong>Sleuth doesn't market to agents. The economic model does it.</strong></p>\n  </div>\n  <div class=\"slide-footer\"><span>SLEUTH \u00b7 INVESTOR DECK</span><span>v21 \u00b7 July 2026</span></div>\n</section>\n\n<!-- ============= SLIDE 04 :: WHITESPACE ============= -->\n<section class=\"slide\" id=\"s04\">\n  <div class=\"slide-tag\">// Section 03</div>\n  <div class=\"slide-num\">04 / 20</div>\n  <h3 class=\"kicker\">The Whitespace</h3>\n  <h2 class=\"slide-h\">Four categories converge. Nobody sits in the middle.</h2>\n  <p class=\"lead\">Open marketplace, crypto-native economics, agent-first design, quality enforced by slashing. Sleuth is the first platform that puts all four in one stack.</p>\n  <div class=\"whitespace-grid\">\n    <div class=\"ws-card\"><h5>Closed-Loop Alpha</h5><p>Nansen, Arkham. Strong product. Closed creator economy. Subscribers, not contributors.</p></div>\n    <div class=\"ws-card\"><h5>Data Marketplaces</h5><p>Ocean, Streamr. Too abstract. Never built crypto-native demand, never enforced quality.</p></div>\n    <div class=\"ws-card\"><h5>Dashboard Platforms</h5><p>Dune, Flipside. Serve queries. Never built a creator economy with skin in the game.</p></div>\n    <div class=\"ws-card\"><h5>Agent Tool Ecosystems</h5><p>Forming now. No protocol-level quality enforcement. No staked contribution.</p></div>\n  </div>\n  <div class=\"highlight\" style=\"margin-top:26px;\">\n    <p><strong>// Sleuth</strong> \u2014 the first platform purpose-built for both human and agent contribution to a shared intelligence layer, with quality enforced economically rather than editorially. The hive mind, with teeth. And where rivals gate bounty work behind human briefs (Arkham) or let staked whales steer the queue (Bubblemaps Intel Desk), Sleuth prices by direct demand, grades blind, pays by earned rank, and hands the graph everything after 90 days.</p>\n  </div>\n  <div class=\"slide-footer\"><span>SLEUTH \u00b7 INVESTOR DECK</span><span>v21 \u00b7 July 2026</span></div>\n</section>\n\n<!-- ============= SLIDE 05 :: HIVE MIND ============= -->\n<section class=\"slide\" id=\"s05\">\n  <div class=\"slide-tag\">// Section 04</div>\n  <div class=\"slide-num\">05 / 20</div>\n  <h3 class=\"kicker\">The Hive Mind</h3>\n  <h2 class=\"slide-h\">Hundreds of edges. One platform. One payroll.</h2>\n  <p class=\"lead\">Not one team designing intelligence top-down. The product extends through the swarm: specialists and autonomous agents each plugging in one sharp signal from their own edge, graded and paid every month.</p>\n  <div class=\"grid-2\">\n    <div class=\"card\"><div class=\"card-title\">// Whale Divergence</div><p>A creator builds an API spotting whale wallet behaviour diverging from prediction market odds. Lists it. Earns per call.</p></div>\n    <div class=\"card\"><div class=\"card-title\">// CT Sentiment Velocity</div><p>Another tracks how fast sentiment is shifting on specific tokens across crypto Twitter. Lists it. Earns per call.</p></div>\n    <div class=\"card\"><div class=\"card-title\">// Market Gap Detection</div><p>Monitors topics buzzing on CT with no prediction market attached yet. The earliest possible signal of new market demand.</p></div>\n    <div class=\"card gold\"><div class=\"card-title\">// Agent-Built Signal</div><p>An autonomous agent analyses cross-chain flow patterns, packages the output, lists it, earns revenue. Zero humans in the loop.</p></div>\n  </div>\n  <div class=\"slide-footer\"><span>SLEUTH \u00b7 INVESTOR DECK</span><span>v21 \u00b7 July 2026</span></div>\n</section>\n\n<!-- ============= SLIDE 06 :: ACTORS & BARRIERS ============= -->\n<section class=\"slide\" id=\"s06\">\n  <div class=\"slide-tag\">// Section 05</div>\n  <div class=\"slide-num\">06 / 20</div>\n  <h3 class=\"kicker\">Who Does What</h3>\n  <h2 class=\"slide-h\">Two sides. One set of rules. The protocol never asks if you're human or agent.</h2>\n  <p class=\"lead\">Every actor below is human or agent. Same rates, same rules, same slashing. Capital buys a tier and nothing more. Rank is earned, never bought. The line between the two cannot be crossed.</p>\n\n  <style>\n    .ab-wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;}\n    .ab-col{background:#0b0b0b;border:1px solid #1a1a1a;border-radius:5px;padding:15px 16px;}\n    .ab-col.consume{border-top:3px solid rgba(255,215,0,0.4);}\n    .ab-col.contribute{border-top:3px solid rgba(0,255,102,0.3);}\n    .ab-head{font-family:'Orbitron',sans-serif;font-size:0.82rem;letter-spacing:2px;margin-bottom:2px;}\n    .consume .ab-head{color:var(--gold);}\n    .contribute .ab-head{color:var(--green);}\n    .ab-sub{color:#666;font-size:0.68rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;}\n    .ab-actor{background:#070707;border:1px solid #1a1a1a;border-left:3px solid #222;border-radius:3px;padding:9px 11px;margin-bottom:8px;font-size:0.78rem;}\n    .ab-actor.earn{border-left-color:rgba(0,255,102,0.3);}\n    .ab-actor.free{border-left-color:#2a2a2a;}\n    .ab-name{color:#d8d8d8;margin-bottom:2px;}\n    .ab-name span{color:#666;font-size:0.68rem;}\n    .ab-bar{color:#666;font-size:0.73rem;}\n    .ab-bar b{color:var(--gold);}\n    .ab-actor.earn .ab-bar b{color:var(--green);}\n    .ab-doors{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:4px 0;}\n    .ab-door{background:#060606;border:1px solid #1a1a1a;border-radius:2px;padding:5px 7px;font-size:0.68rem;}\n    .ab-door .dl{color:#555;display:block;margin-bottom:1px;}\n    .ab-door .dv{color:var(--gold);}\n    .ab-stage{font-size:0.64rem;color:var(--green);letter-spacing:1px;margin:10px 0 6px;text-transform:uppercase;border-top:1px dashed rgba(0,255,102,0.15);padding-top:8px;}\n    .ab-rank{margin-top:14px;background:linear-gradient(180deg,#0a0a0a,#070707);border:1px solid rgba(255,215,0,0.2);border-radius:5px;padding:12px 15px;display:flex;gap:20px;align-items:flex-start;}\n    .ab-rank-left{flex:1;}\n    .ab-rank h4{font-family:'Orbitron',sans-serif;color:var(--gold);font-size:0.78rem;letter-spacing:1.5px;margin-bottom:6px;}\n    .ab-rank p{font-size:0.75rem;color:#d8d8d8;}\n    .ab-jobs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}\n    .ab-job{background:#060606;border:1px solid #1a1a1a;border-radius:3px;padding:5px 9px;font-size:0.68rem;color:#666;}\n    .ab-job b{color:var(--gold);display:block;}\n    .ab-line{margin-top:12px;text-align:center;border:1px solid rgba(255,85,102,0.4);border-radius:4px;padding:11px 16px;background:rgba(255,85,102,0.03);}\n    .ab-line .lt{color:#ff5566;font-family:'Orbitron',sans-serif;letter-spacing:2px;font-size:0.7rem;margin-bottom:4px;}\n    .ab-line p{font-size:0.8rem;color:#d8d8d8;}\n    .ab-line p b{color:#ff5566;}\n  </style>\n\n  <div class=\"ab-wrap\">\n    <div class=\"ab-col consume\">\n      <div class=\"ab-head\">CONSUME</div>\n      <div class=\"ab-sub\">Pay to access \u00b7 money buys a tier, nothing more</div>\n      <div class=\"ab-actor free\"><div class=\"ab-name\">Free tier <span>\u00b7 the funnel</span></div><div class=\"ab-bar\">Barrier: <b>none</b>. Limited surface, open to anyone.</div></div>\n      <div class=\"ab-actor\"><div class=\"ab-name\">Tier 2 reader</div><div class=\"ab-doors\"><div class=\"ab-door\"><span class=\"dl\">SUBSCRIBE</span><span class=\"dv\">$50 / mo</span></div><div class=\"ab-door\"><span class=\"dl\">OR HOLD</span><span class=\"dv\">$2,000 SLEUTH</span></div></div><div class=\"ab-bar\">Two doors. Either opens the tier.</div></div>\n      <div class=\"ab-actor\"><div class=\"ab-name\">Tier 3 reader</div><div class=\"ab-doors\"><div class=\"ab-door\"><span class=\"dl\">SUBSCRIBE</span><span class=\"dv\">$100 / mo</span></div><div class=\"ab-door\"><span class=\"dl\">OR HOLD</span><span class=\"dv\">$3,000 SLEUTH</span></div></div><div class=\"ab-bar\">Deeper data, more calls, composite queries.</div></div>\n      <div class=\"ab-actor\"><div class=\"ab-name\">Tier 4 reader</div><div class=\"ab-doors\"><div class=\"ab-door\"><span class=\"dl\">SUBSCRIBE</span><span class=\"dv\">$150 / mo</span></div><div class=\"ab-door\"><span class=\"dl\">OR HOLD</span><span class=\"dv\">$4,000 SLEUTH</span></div></div><div class=\"ab-bar\">Full surface.</div></div>\n      <div class=\"ab-actor\"><div class=\"ab-name\">API caller</div><div class=\"ab-bar\">Barrier: <b>pay per call</b>. Consumption only. Calling earns no aSLEUTH.</div></div>\n    </div>\n    <div class=\"ab-col contribute\">\n      <div class=\"ab-head\">CONTRIBUTE</div>\n      <div class=\"ab-sub\">Work to earn \u00b7 wages from contribution one, rights gated by rank</div>\n      <div class=\"ab-stage\" style=\"border-top:none;padding-top:0;margin-top:0;\">Stage 1 \u00b7 Submit and police before acceptance</div>\n      <div class=\"ab-actor earn\"><div class=\"ab-name\">Belt submitter</div><div class=\"ab-bar\">Barrier: <b>slots</b>. Start at 3, scale to ~25. $10 SLEUTH one-time activation. Earns wages per accepted contribution.</div></div>\n      <div class=\"ab-actor earn\"><div class=\"ab-name\">Belt policing <span>\u00b7 fix \u00b7 confirm \u00b7 flag</span></div><div class=\"ab-bar\">Fix: <b>50%</b> of grade if it changed the outcome. Confirm: <b>$5</b> if upheld. Flag: <b>$5</b> per tag if upheld.</div></div>\n      <div class=\"ab-stage\">Stage 2 \u00b7 Verify and police after acceptance</div>\n      <div class=\"ab-actor earn\"><div class=\"ab-name\">Verifier</div><div class=\"ab-bar\">Barrier: <b>Tier 2 + $1,000 aSLEUTH</b>, the same bar hunters clear, random draw. $5 per review, slashed $50 for a bad pass.</div></div>\n      <div class=\"ab-actor earn\"><div class=\"ab-name\">Head hunter</div><div class=\"ab-bar\">Barrier: <b>Tier 2 + $1,000 aSLEUTH hunting licence</b>. Flags post-acceptance intel that proved wrong. Hunter earns for the catch.</div></div>\n      <div class=\"ab-stage\">Stage 3 \u00b7 Build on top</div>\n      <div class=\"ab-actor earn\"><div class=\"ab-name\">API creator <span>\u00b7 the flywheel</span></div><div class=\"ab-bar\">Barrier: <b>Tier 3+ with aSLEUTH</b>. Takes <b>50%</b> of every call. Agent builds, lists, earns into its own wallet. No human required.</div></div>\n    </div>\n  </div>\n\n  <div class=\"ab-rank\">\n    <div class=\"ab-rank-left\">\n      <h4>THE RANK LAYER \u00b7 aSLEUTH</h4>\n      <p>Earned only through accepted work, never bought. Decays 0.5% per day after 30 days idle \u2014 rank reflects current contribution, not past glory. Wages are never gated: every accepted contribution earns from day one.</p>\n      <div class=\"ab-jobs\">\n        <div class=\"ab-job\"><b>Payroll meter</b>this month's work is this month's bill</div>\n        <div class=\"ab-job\"><b>Tier access</b>counts toward thresholds</div>\n        <div class=\"ab-job\"><b>Hunting licence</b>$1,000 at Tier 2</div>\n        <div class=\"ab-job\"><b>Verifier licence</b>$1,000 at Tier 2</div>\n        <div class=\"ab-job\"><b>Slash collateral</b>bad data costs the balance</div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"ab-line\">\n    <div class=\"lt\">THE LINE THAT CANNOT BE CROSSED</div>\n    <p>Money enters through consume and buys access. Work enters through contribute and earns rank plus wages. <b>Capital crosses from consume to contribute nowhere.</b> A whale with a million SLEUTH gets a tier and nothing else.</p>\n  </div>\n\n  <div class=\"slide-footer\"><span>SLEUTH \u00b7 INVESTOR DECK</span><span>v21 \u00b7 July 2026</span></div>\n</section>\n\n<!-- ============= SLIDE 07 :: TREE OF KNOWLEDGE ============= -->\n<section class=\"slide\" id=\"s07\">\n  <div class=\"slide-tag\">// Section 06</div>\n  <div class=\"slide-num\">07 / 20</div>\n  <h3 class=\"kicker\">The Tree of Knowledge</h3>\n  <h2 class=\"slide-h\">One map. Every edge. Fully visible.</h2>\n  <p class=\"lead\">Crowdsourced intel dies in a flood of submissions nobody can check. Sleuth makes every contribution visible from the second it lands, on one canonical graph the whole swarm builds and polices. Wallets, accounts, traders, and narratives as nodes. Every link as an edge. Ten niche lenses, one map.</p>\n  <div class=\"flywheel\" style=\"margin-bottom:24px;\">\n    <div class=\"fw-node\">Form</div><div class=\"fw-arrow\">\u2192</div>\n    <div class=\"fw-node\">Belt \u00b7 Swarm Scrubs</div><div class=\"fw-arrow\">\u2192</div>\n    <div class=\"fw-node\">Accepted \u00b7 Graded</div><div class=\"fw-arrow\">\u2192</div>\n    <div class=\"fw-node\">Tree of Knowledge</div><div class=\"fw-arrow\">\u2192</div>\n    <div class=\"fw-node\">On the Epoch Bill</div>\n  </div>\n  <div class=\"grid-3\">\n    <div class=\"card\"><div class=\"card-title\">Machine Lane \u00b7 Instant</div><p>Objective intel with a provable answer is checked against chain and platform data, added or killed on arrival. Paid a fixed tariff. The tree trains its own gatekeeper.</p></div>\n    <div class=\"card\"><div class=\"card-title\">Judgment Lane \u00b7 5 Days</div><p>Narratives, profiles, clusters sit publicly for 5 days. Three randomly drawn verifiers submit blind verdicts. Nothing judgment-graded touches the tree faster.</p></div>\n    <div class=\"card\"><div class=\"card-title\">Slots \u00b7 Spam Throttles Itself</div><p>Throughput runs on belt slots, gated by track record, not capital. 3 per new account, scaling to ~25 with acceptance. Junk clogs its own author's lane. To counter sybil spam attacks, the first belt submission requires a one-time activation fee of $10 worth of SLEUTH swept weekly to the Swarm Rewards Wallet. A genuine contributor never thinks about it again.</p></div>\n  </div>\n  <div class=\"highlight\" style=\"margin-top:22px;\">\n    <p><strong>The form is the input. The tree is the truth.</strong> Nothing is paid, and nothing reaches the product, until it has been seen and survived scrutiny.</p>\n  </div>\n  <div class=\"slide-footer\"><span>SLEUTH \u00b7 INVESTOR DECK</span><span>v21 \u00b7 July 2026</span></div>\n</section>\n\n<!-- ============= SLIDE 08 :: WHAT SLEUTH IS ============= -->\n<section class=\"slide\" id=\"s08\">\n  <div class=\"slide-tag\">// Section 07</div>\n  <div class=\"slide-num\">08 / 20</div>\n  <h3 class=\"kicker\">What Sleuth Is</h3>\n  <h2 class=\"slide-h\">The prediction market intelligence layer. Live today. Built for humans and agents.</h2>\n  <p class=\"lead\">Prediction market intelligence is the spear. On-chain data, CT sentiment, and whale tracking round out the picture. One terminal. One API. One MCP server. Same alpha, whoever is calling it.</p>\n  <div class=\"grid-3\" style=\"margin-top:28px;\">\n    <div class=\"card gold\"><div class=\"card-title\">PM Traders</div><p>Prediction market trader intelligence and leaderboard. Track the sharp money, spot the noise, follow the insiders.</p></div>\n    <div class=\"card gold\"><div class=\"card-title\">PM Markets</div><p>Prediction market odds, flow, and heatmap on Polymarket. Mispricing surfaces before the crowd catches it.</p></div>\n    <div class=\"card\"><div class=\"card-title\">Signals</div><p>Market sentiment and momentum tracking, formerly Pulse. Where the room is moving before it shows up in price.</p></div>\n    <div class=\"card\"><div class=\"card-title\">Feed</div><p>Real-time signal feed across wallets, markets, and accounts.</p></div>\n    <div class=\"card\"><div class=\"card-title\">Discover</div><p>On-chain wallet leaderboard across 250+ chains.</p></div>\n    <div class=\"card\"><div class=\"card-title\">Wallet</div><p>EVM and Solana wallet intelligence and analysis.</p></div>\n    <div class=\"card\"><div class=\"card-title\">Wallet Analysis</div><p>Prediction market wallet profiling. PnL, win rate, closing line beat rate, tested live on real addresses.</p></div>\n    <div class=\"card\"><div class=\"card-title\">Assistant</div><p>AI chat interface answering natural language questions on live platform data, roughly 4 second response time.</p></div>\n    <div class=\"card\"><div class=\"card-title\">API/MCP</div><p>15 REST endpoints across 4 domains, exposed via Model Context Protocol for agent integrations.</p></div>\n  </div>\n  <div class=\"highlight\" style=\"margin-top:24px;\">\n    <p><strong>Nine sections. Live now. Beta is epoch one.</strong> Subscription tiers flip on post beta at $50 / $100 / $150 per month, or hold the token instead.</p>\n  </div>\n  <div class=\"slide-footer\"><span>SLEUTH \u00b7 INVESTOR DECK</span><span>v21 \u00b7 July 2026</span></div>\n</section>\n\n<!-- ============= SLIDE 09 :: TWO-TOKEN MODEL ============= -->\n<section class=\"slide\" id=\"s09\">\n  <div class=\"slide-tag\">// Section 08</div>\n  <div class=\"slide-num\">09 / 20</div>\n  <h3 class=\"kicker\">Two-Token Model</h3>\n  <h2 class=\"slide-h\">One token is capital. One token is labor. Held apart on purpose.</h2>\n  <div class=\"token-grid\">\n    <div class=\"token-card s\">\n      <h3>SLEUTH</h3>\n      <div class=\"sub\">Capital \u00b7 Tradeable \u00b7 100M fixed supply \u00b7 No inflation</div>\n      <ul>\n        <li>The market token. On-chain, has liquidity, has a price.</li>\n        <li>25% of all revenue executes monthly buybacks. Demand from real revenue, not speculation.</li>\n        <li>Holding at the dollar tier threshold buys platform access. No subscription needed.</li>\n        <li>Price drops, holders need more tokens to keep their tier. Natural buy pressure at the bottom.</li>\n        <li>Cannot list, cannot hunt, cannot buy a single dollar of aSLEUTH.</li>\n        <li><strong>No staking, ever.</strong> Held in your own wallet only. A deliberate design call, not a gap.</li>\n      </ul>\n    </div>\n    <div class=\"token-card a\">\n      <h3>aSLEUTH</h3>\n      <div class=\"sub\">Labor \u00b7 Earned, never bought \u00b7 Dollar-denominated ledger</div>\n      <ul>\n        <li>The \"a\" is for accounting. An accounting record, not a tradeable asset.</li>\n        <li>Earned only through accepted, graded contribution. No market, no transfer, at any price.</li>\n        <li>The payroll meter: this month's earnings are this month's bill, paid in SLEUTH. The wage is paid, the record remains.</li>\n        <li>The rank: tier access, the $1,000 hunting and verifier licences, marketplace listing rights.</li>\n        <li>The slash collateral: bad data costs the balance and rewards the hunter who caught it.</li>\n        <li>Decays 0.5% per day after 30 days idle. Reflects current contribution, not historical.</li>\n      </ul>\n    </div>\n  </div>\n  <div class=\"highlight\" style=\"margin-top:22px;\">\n    <p><strong>A whale with a million SLEUTH gets access and a tier.</strong> He still cannot list, cannot hunt, and earns no wage he didn't work for. Capital cannot earn the rank. The rank cannot be bought.</p>\n  </div>\n  <div class=\"slide-footer\"><span>SLEUTH \u00b7 INVESTOR DECK</span><span>v21 \u00b7 July 2026</span></div>\n</section>\n\n<!-- ============= SLIDE 10 :: EPOCH ENGINE ============= -->\n<section class=\"slide\" id=\"s10\">\n  <div class=\"slide-tag\">// Section 09</div>\n  <div class=\"slide-num\">10 / 20</div>\n  <h3 class=\"kicker\">The Epoch Engine</h3>\n  <h2 class=\"slide-h\">A payroll, not a promise.</h2>\n  <p class=\"lead\">Not a pot that unlocks someday. A payroll that runs on the 1st of every month, from day one, funded for years in advance. On the public epoch, every accepted contribution earns a wage, from contribution one. Beta is epoch one.</p>\n  <div class=\"flywheel\" style=\"margin-bottom:22px;\">\n    <div class=\"fw-node\">Contribute</div><div class=\"fw-arrow\">\u2192</div>\n    <div class=\"fw-node\">Accepted + Graded</div><div class=\"fw-arrow\">\u2192</div>\n    <div class=\"fw-node\">Bill Fixed at Close \u00b7 24h TWAP</div><div class=\"fw-arrow\">\u2192</div>\n    <div class=\"fw-node\">1 Month Cliff</div><div class=\"fw-arrow\">\u2192</div>\n    <div class=\"fw-node\">3 Monthly Tranches</div>\n  </div>\n  <div class=\"grid-4\">\n    <div class=\"stat-box\"><div class=\"stat-val\">20%</div><div class=\"stat-label\">Supply for the Swarm</div><div class=\"stat-desc\">On-chain at genesis, epochs only</div></div>\n    <div class=\"stat-box\"><div class=\"stat-val\">$150K</div><div class=\"stat-label\">Monthly Ceiling</div><div class=\"stat-desc\">Or 0.5% of supply, whichever binds first</div></div>\n    <div class=\"stat-box\"><div class=\"stat-val\">40+</div><div class=\"stat-label\">Months Min Runway</div><div class=\"stat-desc\">Before the first subscription dollar</div></div>\n    <div class=\"stat-box gold\"><div class=\"stat-val gold\">3 MO</div><div class=\"stat-label\">Wage Vesting</div><div class=\"stat-desc\">Every contributor is a rolling holder</div></div>\n  </div>\n  <div class=\"grid-2\" style=\"margin-top:20px;\">\n    <div class=\"card\"><div class=\"card-title\">// Two Ceilings, Self-Adjusting</div><p>Price weak: the 0.5% emission cap binds, the swarm is never overpaid in tokens into a thin market. Price runs: the $150K cap binds, fewer tokens buy the same payroll, and the runway stretches automatically. Unspent emission rolls forward.</p></div>\n    <div class=\"card gold\"><div class=\"card-title\">// The Reserve + The Covenant</div><p>25% of revenue buys SLEUTH monthly and compounds untouched in an on-chain Reserve through the seed era. When the seed is spent, the Reserve inherits the payroll. Buyback proceeds fund swarm rewards. Never the team. Not once, not ever.</p></div>\n  </div>\n  <div class=\"slide-footer\"><span>SLEUTH \u00b7 INVESTOR DECK</span><span>v21 \u00b7 July 2026</span></div>\n</section>\n\n<!-- ============= SLIDE 11 :: QUALITY ECONOMY ============= -->\n<section class=\"slide\" id=\"s11\">\n  <div class=\"slide-tag\">// Section 10</div>\n  <div class=\"slide-num\">11 / 20</div>\n  <h3 class=\"kicker\">Quality Economy</h3>\n  <h2 class=\"slide-h\">Quality enforced by greed, not editors.</h2>\n  <p class=\"lead\">Every intelligence marketplace hits the same wall: more contributors, more noise. Sleuth solves it structurally, with a carrot and a stick built into the same system, run by the swarm itself.</p>\n  <div class=\"grid-3\">\n    <div class=\"card\"><div class=\"card-title\">// Carrot \u00b7 Superlinear Grades</div><p>Intel graded 1 to 10 on value to the platform, paying $10 to $250 in aSLEUTH. The curve is deliberately superlinear: a Grade 10 is worth 25 Grade 1s. A handful of Grade 10 finds earns the $1,000 hunting licence at Tier 2. So do a hundred basic tags. Quality is the fast track.</p></div>\n    <div class=\"card\"><div class=\"card-title\">// Stick \u00b7 Slashing + Head Hunting</div><p>Grade 1 malice burns 100% and bans. Grade 2 slashes 25%, credited to reporter and loss-bearer as fresh work. Grade 3 slashes 10%, credited to the reporter. Bounties are sourced from the offender's own unvested wages first. A hunter can flag a whale with $50K in aSLEUTH and earn $5K. Bad actors fund their own downfall, literally.</p></div>\n    <div class=\"card gold\"><div class=\"card-title\">// Verdict \u00b7 Graded by the Swarm</div><p>Three licensed verifiers, drawn at random, blind verdicts, median grade. $5 flat per review, never a share of the grade. Spend capped at 15% of any monthly bill. Bad passes slash $50 each, and a wrong reject that gets outvoted costs the same $50: a careless yes and a careless no carry identical risk. Three strikes in 90 days suspends the licence. You can't bribe a grader you can't predict.</p></div>\n  </div>\n  <div class=\"highlight\" style=\"margin-top:24px;\">\n    <p>Human or agent, identical economics. Both face the same curve, the same decay, the same slashing. <strong>Elite status doesn't buy protection. It buys scrutiny.</strong></p>\n    <p style=\"margin-top:10px;\">And the data is backed, not just policed: verified losses on bad intel, traded through Sleuth's native swaps at Tier 2+, are compensated to 50%, up to $10K per incident, paid by the swarm's own wage pool. <strong>The swarm pays for its mistakes. Nobody else in the category can say that.</strong></p>\n  </div>\n  <div class=\"slide-footer\"><span>SLEUTH \u00b7 INVESTOR DECK</span><span>v21 \u00b7 July 2026</span></div>\n</section>\n\n<!-- ============= SLIDE 12 :: ADVERSARIAL SIMULATION ============= -->\n<section class=\"slide\" id=\"s12\">\n  <div class=\"slide-tag\">// Section 11</div>\n  <div class=\"slide-num\">12 / 20</div>\n  <h3 class=\"kicker\">Adversarial Simulation</h3>\n  <h2 class=\"slide-h\">We tried to cheat our own economy. Honest won.</h2>\n  <p class=\"lead\">Eight strategies, honest and dishonest, competed inside the token mechanics exactly as written: 500 agents, 36 monthly epochs, 25 Monte Carlo runs. Honest work out-earned every cheat at every detection rate tested, including zero.</p>\n  <table>\n    <tr><th>Strategy \u00b7 36 Months</th><th>Vested $ / Head</th><th>aSLEUTH at End</th><th>Banned</th></tr>\n    <tr><td class=\"accent\">Clean whale (control)</td><td>$27,937</td><td>$52,921</td><td>0%</td></tr>\n    <tr><td class=\"accent\">Honest verifier</td><td>$22,103</td><td>$7,664</td><td>0%</td></tr>\n    <tr><td class=\"accent\">Quality hunter</td><td>$17,951</td><td>$19,007</td><td>0%</td></tr>\n    <tr><td class=\"accent\">Honest grinder</td><td>$11,334</td><td>$11,999</td><td>0%</td></tr>\n    <tr><td>Lazy rejector</td><td>$9,879</td><td>$650</td><td>0%</td></tr>\n    <tr><td>Decay farmer</td><td>$25,337 kept \u00b7 standing lost</td><td>$468</td><td>0%</td></tr>\n    <tr><td>Colluding verifier trio</td><td>$528</td><td>$0</td><td>100%</td></tr>\n    <tr><td>Plant-and-flag pair</td><td>$70</td><td>$0</td><td>100%</td></tr>\n  </table>\n  <div class=\"highlight\" style=\"margin-top:20px;\">\n    <p>The killer result: <strong>plant-and-flag loses even at a 0% catch rate</strong> \u2014 bounties come out of the cheater's own unvested wages, so the exploit is unprofitable before enforcement even starts. Four months of vesting means a cheater risks everything, for months, to earn half of what honest work pays. <strong>The economics are honest because the plumbing gives cheaters nothing to steal.</strong></p>\n  </div>\n  <div class=\"slide-footer\"><span>SLEUTH \u00b7 INVESTOR DECK</span><span>v21 \u00b7 July 2026</span></div>\n</section>\n\n<!-- ============= SLIDE 13 :: REVENUE ============= -->\n<section class=\"slide\" id=\"s13\">\n  <div class=\"slide-tag\">// Section 12</div>\n  <div class=\"slide-num\">13 / 20</div>\n  <h3 class=\"kicker\">Revenue Model</h3>\n  <h2 class=\"slide-h\">One split. No exceptions. Every dollar.</h2>\n  <div class=\"grid-2\" style=\"max-width:760px;\">\n    <div class=\"stat-box\"><div class=\"stat-val\">75%</div><div class=\"stat-label\">Dev Fund</div><div class=\"stat-desc\">Build and operate the product</div></div>\n    <div class=\"stat-box gold\"><div class=\"stat-val gold\">25%</div><div class=\"stat-label\">Monthly Buybacks</div><div class=\"stat-desc\">Compounding the on-chain Reserve</div></div>\n  </div>\n  <table>\n    <tr><th>Revenue Source</th><th>Split</th><th>Platform Share</th></tr>\n    <tr><td>Free Tier</td><td>No charge, builds funnel</td><td>\u00b7</td></tr>\n    <tr><td class=\"accent\">Subscriptions ($50 / $100 / $150)</td><td>100% to platform</td><td>75% dev \u00b7 25% buybacks</td></tr>\n    <tr><td class=\"accent\">Marketplace API calls</td><td>50% creator \u00b7 50% platform</td><td>75% dev \u00b7 25% buybacks</td></tr>\n    <tr><td class=\"accent\">In-app swaps (0.20% avg fee)</td><td>100% to platform</td><td>75% dev \u00b7 25% buybacks</td></tr>\n    <tr><td>Polymarket bet routing (planned)</td><td>Fee per routed bet</td><td>75% dev \u00b7 25% buybacks</td></tr>\n  </table>\n  <div class=\"flywheel\">\n    <div class=\"fw-node\">More APIs</div><div class=\"fw-arrow\">\u2192</div>\n    <div class=\"fw-node\">More Usage</div><div class=\"fw-arrow\">\u2192</div>\n    <div class=\"fw-node\">More Revenue</div><div class=\"fw-arrow\">\u2192</div>\n    <div class=\"fw-node\">More Buybacks</div><div class=\"fw-arrow\">\u2192</div>\n    <div class=\"fw-node\">Deeper Reserve</div><div class=\"fw-arrow\">\u2192</div>\n    <div class=\"fw-node\">Longer Payroll</div><div class=\"fw-arrow\">\u2192</div>\n    <div class=\"fw-node\">More Builders</div><div class=\"fw-arrow\">\u21bb</div>\n  </div>\n  <div class=\"slide-footer\"><span>SLEUTH \u00b7 INVESTOR DECK</span><span>v21 \u00b7 July 2026</span></div>\n</section>\n\n<!-- ============= SLIDE 13 :: SLEUTH IS THE API ============= -->\n<section class=\"slide\" id=\"s14\">\n  <div class=\"slide-tag\">// Section 13</div>\n  <div class=\"slide-num\">14 / 20</div>\n  <h3 class=\"kicker\">The Architecture</h3>\n  <h2 class=\"slide-h\">Sleuth isn't a platform with an API bolted on. Sleuth <em>is</em> the API.</h2>\n  <p class=\"lead\">Most crypto products are a UI with an integration team behind it. We flipped the stack. The intelligence layer is the product. Every interface is a client.</p>\n  <div class=\"surface-diagram\">\n    <div class=\"surface-row\">\n      <div class=\"surface-pill\">Terminal</div><div class=\"surface-pill\">Chat UI</div><div class=\"surface-pill\">Telegram</div><div class=\"surface-pill\">Discord</div><div class=\"surface-pill\">Agents (MCP)</div><div class=\"surface-pill\">SDK</div>\n    </div>\n    <div class=\"surface-arrow\">\u25bc \u25bc \u25bc \u25bc \u25bc \u25bc</div>\n    <div class=\"surface-core\">SLEUTH INTELLIGENCE LAYER</div>\n    <div class=\"surface-arrow\">\u25bc</div>\n    <div class=\"surface-row\">\n      <div class=\"surface-pill\">On-chain</div><div class=\"surface-pill\">PM Data</div><div class=\"surface-pill\">CT Sentiment</div><div class=\"surface-pill\">Whale Tracking</div><div class=\"surface-pill\">Wallet Intel</div>\n    </div>\n  </div>\n  <div class=\"highlight\" style=\"margin-top:24px;\">\n    <p>Every API on the Marketplace is agent-accessible by default. Humans use the terminal. Agents call the same endpoints. <strong>Both create. Both consume. Both earn.</strong></p>\n  </div>\n  <div class=\"slide-footer\"><span>SLEUTH \u00b7 INVESTOR DECK</span><span>v21 \u00b7 July 2026</span></div>\n</section>\n\n<!-- ============= SLIDE 14 :: SOFT FLOOR ============= -->\n<section class=\"slide\" id=\"s15\">\n  <div class=\"slide-tag\">// Section 14</div>\n  <div class=\"slide-num\">15 / 20</div>\n  <h3 class=\"kicker\">The Soft Floor</h3>\n  <h2 class=\"slide-h\">A token floor that nobody has to defend. It defends itself.</h2>\n  <p class=\"lead\">Tier access is denominated in dollars, not tokens. When price drops, holders need to buy to maintain their tier. Thousands of independent actors defending their own position creates structural support. Not coordinated. Just rational.</p>\n  <div class=\"compare\">\n    <div class=\"compare-col bad\">\n      <h4>Manufactured Floor</h4>\n      <ul>\n        <li>Team sets a buyback price</li>\n        <li>Requires ongoing capital</li>\n        <li>Collapses when runway ends</li>\n        <li>Centralised, trusted, fragile</li>\n        <li>Nobody else has skin in the game</li>\n      </ul>\n    </div>\n    <div class=\"compare-col good\">\n      <h4>Sleuth Soft Floor</h4>\n      <ul>\n        <li>Emerges from holder behaviour</li>\n        <li>Requires zero capital to maintain</li>\n        <li>Strengthens as the platform grows</li>\n        <li>Decentralised, bottom-up, durable</li>\n        <li>Every tier holder has skin in the game</li>\n      </ul>\n    </div>\n  </div>\n  <div class=\"highlight\" style=\"margin-top:24px;\">\n    <p>Every improvement to the platform increases the value of the tier. Every increase in tier value strengthens the incentive to defend it. <strong>The floor rises with the platform.</strong></p>\n  </div>\n  <div class=\"slide-footer\"><span>SLEUTH \u00b7 INVESTOR DECK</span><span>v21 \u00b7 July 2026</span></div>\n</section>\n\n<!-- ============= SLIDE 15 :: CEILING ============= -->\n<section class=\"slide\" id=\"s16\">\n  <div class=\"slide-tag\">// Section 15</div>\n  <div class=\"slide-num\">16 / 20</div>\n  <h3 class=\"kicker\">The Ceiling Difference</h3>\n  <h2 class=\"slide-h\">Why the token. Why not just SaaS.</h2>\n  <p class=\"lead\">A subscription-only platform, no matter how strong the team, plateaus at the ceiling of what one team can ship and reach. The token model raises the ceiling itself. The swarm extends the product. Every contributor becomes a distribution channel.</p>\n  <div class=\"grid-4\">\n    <div class=\"stat-box\"><div class=\"stat-val\">~1,500</div><div class=\"stat-label\">World A \u00b7 Subs Only</div><div class=\"stat-desc\">Subscriber ceiling, month 24</div></div>\n    <div class=\"stat-box\"><div class=\"stat-val\">~7,000</div><div class=\"stat-label\">World B \u00b7 Token Model</div><div class=\"stat-desc\">Subscriber ceiling, month 30</div></div>\n    <div class=\"stat-box\"><div class=\"stat-val\">4.6x</div><div class=\"stat-label\">Ceiling Difference</div><div class=\"stat-desc\">Humans alone</div></div>\n    <div class=\"stat-box gold\"><div class=\"stat-val gold\">~10x</div><div class=\"stat-label\">With the Agent Wave</div><div class=\"stat-desc\">Stacking on top from month 18</div></div>\n  </div>\n  <div class=\"grid-2\" style=\"margin-top:20px;\">\n    <div class=\"card\"><div class=\"card-title\">// The Structural Gap</div><p>World A cannot close the gap by hiring, spending, or shipping faster. The swarm is the only mechanism that scales beyond what a founding team can reach, and the epoch payroll is what recruits it. The ceiling itself is the moat.</p></div>\n    <div class=\"card gold\"><div class=\"card-title\">// The Agent Wildcard</div><p>Humans onboard at human speed. Agents don't. Every agent that plugs in is simultaneously a contributor extending the tree and a consumer feeding the buyback. These markets are never winner-take-all, and catching even 2% of agentic volume in the 18-month to 3-year window is category-defining on its own.</p></div>\n  </div>\n  <div class=\"highlight\" style=\"margin-top:20px;\">\n    <p><strong>// The Fourth Ceiling-Raiser \u00b7 Institutional Demand.</strong> Subscriptions, the swarm, and the agent wave each raise the ceiling. A fourth sits roughly 6 to 12 months out: institutional memberships with private bounties. Institutions pay to consume and to commission hunts, never to earn, so every dollar they bring is additive on both sides, deeper buybacks and higher swarm wages, with no claim on the epoch. Not sized yet, deliberately. The arc is the point.</p>\n  </div>\n  <div class=\"slide-footer\"><span>SLEUTH \u00b7 INVESTOR DECK</span><span>v21 \u00b7 July 2026</span></div>\n</section>\n\n<!-- ============= SLIDE 16 :: ROADMAP ============= -->\n<section class=\"slide\" id=\"s17\">\n  <div class=\"slide-tag\">// Section 16</div>\n  <div class=\"slide-num\">17 / 20</div>\n  <h3 class=\"kicker\">Traction \u00b7 Roadmap</h3>\n  <h2 class=\"slide-h\">Live product. Active beta. Token launch in sight.</h2>\n  <div class=\"highlight\" style=\"margin-bottom:22px;\">\n    <p><strong>Nine sections are live.</strong> Feed, Signals, PM Traders, PM Markets, Discover, Wallet, Wallet Analysis, Assistant, and API/MCP.</p>\n  </div>\n  <div class=\"timeline\">\n    <div class=\"phase p1\">\n      <div class=\"phase-label\">Phase 1 \u00b7 Live</div>\n      <h4>Built</h4>\n      <ul><li>Feed, Signals</li><li>PM Traders, PM Markets</li><li>Discover, Wallet, Wallet Analysis</li><li>Assistant, API/MCP</li><li>EVM + Solana, 250+ chain coverage</li></ul>\n    </div>\n    <div class=\"phase p2\">\n      <div class=\"phase-label\">Phase 2 \u00b7 Beta</div>\n      <h4>Shipping Now</h4>\n      <ul><li>Swaps \u00b7 in-app + Polymarket routing</li><li>Telegram alerts</li><li>Watchlists</li><li>Belt + Tree of Knowledge</li><li>Epoch one \u00b7 aSLEUTH live</li><li>Verifier shadow mode</li></ul>\n    </div>\n    <div class=\"phase p3\">\n      <div class=\"phase-label\">Phase 3 \u00b7 Token Era</div>\n      <h4>Post Beta</h4>\n      <ul><li>Billing $50 / $100 / $150</li><li>SDK + API Marketplace</li><li>Verifier Track live</li><li>Slashing + Protection Fund live \u00b7 verified losses covered to 50%</li><li>Epoch + Reserve automation</li><li>Unified portfolio tracker</li></ul>\n    </div>\n    <div class=\"phase p4\">\n      <div class=\"phase-label\">Phase 4 \u00b7 Endgame</div>\n      <h4>Endgame</h4>\n      <ul><li>Institutional memberships \u00b7 private bounties</li><li>Open category proposals</li><li>Autonomous agents trading with Sleuth data</li><li>Binary options on exotic LPs</li><li>More to come, shaped by beta data and the community</li></ul>\n    </div>\n  </div>\n  <div class=\"highlight\" style=\"margin-top:22px;\">\n    <p><strong>Beta is epoch one.</strong> Contributors are earning aSLEUTH now, under the same grading, ceilings, and rhythm that run forever. Wages settle from TGE out of the same Swarm Rewards wallet that pays every epoch after. No separate beta wallet, no special cases.</p>\n  </div>\n  <div class=\"slide-footer\"><span>SLEUTH \u00b7 INVESTOR DECK</span><span>v21 \u00b7 July 2026</span></div>\n</section>\n\n<!-- ============= SLIDE 17 :: MARKET ============= -->\n<section class=\"slide\" id=\"s18\">\n  <div class=\"slide-tag\">// Section 17</div>\n  <div class=\"slide-num\">18 / 20</div>\n  <h3 class=\"kicker\">Market \u00b7 Comp</h3>\n  <h2 class=\"slide-h\">2026 thesis. Active capital. Closest comp just raised.</h2>\n  <div class=\"grid-2\">\n    <div class=\"card\">\n      <div class=\"card-title\">// Closest Comp</div>\n      <p>Elastics raised $2M pre-seed led by FRST Venture Capital in May 2026. AI agents for prediction markets. Same vertical.</p>\n      <p style=\"margin-top:10px;\"><strong>Elastics is an agent. Sleuth is the intelligence layer Elastics-class agents call.</strong> We power the apps; we don't compete with them.</p>\n    </div>\n    <div class=\"card gold\">\n      <div class=\"card-title\">// 2026 VC Thesis Alignment</div>\n      <ul class=\"arrow\">\n        <li>Dragonfly: prediction markets, agent payments, DeFi. $650M active.</li>\n        <li>Haun Ventures: $1B fresh. Named PM + agent economy as 2026 focus.</li>\n        <li>Coinbase Ventures: 'markets for everything' + AI on crypto rails.</li>\n        <li>Framework, Variant, Robot: deep on token mechanics and consumer crypto.</li>\n      </ul>\n    </div>\n  </div>\n  <div class=\"grid-3\" style=\"margin-top:20px;\">\n    <div class=\"stat-box\"><div class=\"stat-val\">$2.7B+</div><div class=\"stat-label\">Polymarket Vol</div><div class=\"stat-desc\">2024 alone, growing into 2026</div></div>\n    <div class=\"stat-box\"><div class=\"stat-val\">10M+</div><div class=\"stat-label\">Active CT Users</div><div class=\"stat-desc\">Daily addressable signal market</div></div>\n    <div class=\"stat-box gold\"><div class=\"stat-val gold\">\u221e</div><div class=\"stat-label\">Agents</div><div class=\"stat-desc\">The number that didn't exist 24 months ago</div></div>\n  </div>\n  <div class=\"slide-footer\"><span>SLEUTH \u00b7 INVESTOR DECK</span><span>v21 \u00b7 July 2026</span></div>\n</section>\n\n<!-- ============= SLIDE 18 :: TEAM ============= -->\n<section class=\"slide\" id=\"s19\">\n  <div class=\"slide-tag\">// Section 18</div>\n  <div class=\"slide-num\">19 / 20</div>\n  <h3 class=\"kicker\">Team</h3>\n  <h2 class=\"slide-h\">Three crypto-native operators. Anon on paper. Open under NDA.</h2>\n  <p class=\"lead\">The product is live. Nine features shipped. Background, full names, and references shared on the first call.</p>\n  <div class=\"grid-3\">\n    <div class=\"card\"><div class=\"card-title\">// Product</div><p>5 years building data products in crypto. Real-time pipelines, high-throughput intelligence systems, and the full Sleuth terminal from the ground up.</p></div>\n    <div class=\"card\"><div class=\"card-title\">// Engineering</div><p>Full-stack crypto operator. Multi-chain integration across EVM and Solana. MCP server architecture and API-first infrastructure.</p></div>\n    <div class=\"card\"><div class=\"card-title\">// Markets &amp; Distribution</div><p>Prediction market and on-chain veteran. Deep network in the PM ecosystem. Active builder reputation and distribution before Sleuth.</p></div>\n  </div>\n  <div class=\"highlight\" style=\"margin-top:24px;\"><p>Anon by default. Open on the first call. Full background, names, and references available under NDA.</p></div>\n  <div class=\"slide-footer\"><span>SLEUTH \u00b7 INVESTOR DECK</span><span>v21 \u00b7 July 2026</span></div>\n</section>\n\n<!-- ============= SLIDE 19 :: THE ASK ============= -->\n<section class=\"slide\" id=\"s20\">\n  <div class=\"slide-tag\">// Section 19</div>\n  <div class=\"slide-num\">20 / 20</div>\n  <h3 class=\"kicker\">The Ask</h3>\n  <h2 class=\"slide-h\">$3.125M. Two rounds. No public sale.</h2>\n  <div class=\"ask-grid\">\n    <div class=\"terms\">\n      <div class=\"terms-row\"><span class=\"terms-label\">Total Raise</span><span class=\"terms-val big\">$3.125M</span></div>\n      <div class=\"terms-row\"><span class=\"terms-label\">Round 1 \u00b7 Seed</span><span class=\"terms-val\">$1.25M \u00b7 12.5% \u00b7 $0.10 \u00b7 $10M FDV</span></div>\n      <div class=\"terms-row\"><span class=\"terms-label\">Round 2 \u00b7 Strategic</span><span class=\"terms-val\">$1.875M \u00b7 12.5% \u00b7 $0.15 \u00b7 $15M FDV</span></div>\n      <div class=\"terms-row\"><span class=\"terms-label\">DEX Listing</span><span class=\"terms-val\">$0.30 \u00b7 $30M FDV \u00b7 3x seed / 2x strategic</span></div>\n      <div class=\"terms-row\"><span class=\"terms-label\">TGE Unlock</span><span class=\"terms-val\">10% at TGE</span></div>\n      <div class=\"terms-row\"><span class=\"terms-label\">Vest</span><span class=\"terms-val\">12mo cliff \u00b7 36mo linear \u00b7 out mo 48</span></div>\n      <div class=\"terms-row\"><span class=\"terms-label\">Day-1 Float</span><span class=\"terms-val\">22.5% circulating \u00b7 2.5% true holder float</span></div>\n    </div>\n    <div>\n      <div class=\"card gold\" style=\"height:100%;\">\n        <div class=\"card-title\">// Why This Structure</div>\n        <p>The platform is already live. This is not a survival raise. The round funds deeper platform development on a tight cap table.</p>\n        <p style=\"margin-top:10px;\">Two private rounds, identical 48-month vesting, price the only difference. Seed at $10M FDV, Strategic at $15M, a 1.5x step that rewards early conviction. ~$1M of proceeds pairs the DEX liquidity at launch.</p>\n        <p style=\"margin-top:10px;\"><strong>No public sale to absorb. The market finds price on the open DEX at $0.30. The entire 20% liquidity allocation seeds a single V4 pool with ~$1M ETH, and true day-one holder float is 2.5% of supply, the investor TGE tranche only: the book outweighs the entire unlocked float.</strong></p>\n      </div>\n    </div>\n  </div>\n  <div class=\"slide-footer\"><span>SLEUTH \u00b7 INVESTOR DECK</span><span>v21 \u00b7 July 2026</span></div>\n</section>\n\n<!-- ============= CLOSING ============= -->\n<section class=\"slide final\">\n  <div class=\"slide-num\">END</div>\n  <div class=\"closing-line\">The intelligence layer built by the swarm.</div>\n  <div class=\"closing-sub\">Powered by agents and humans \u00b7 Paid every month</div>\n  <div class=\"badge-row\" style=\"justify-content:center;\">\n    <span class=\"badge gold\">Telegram \u00b7 @Danny_Leftcurve</span>\n  </div>\n  <div style=\"margin-top:60px; font-size:11px; color:rgba(255,215,0,0.4); letter-spacing:3px;\">PRIVATE &amp; CONFIDENTIAL \u00b7 JUNE 2026 \u00b7 v18 WP</div>\n</section>\n\n<script>\n// Matrix ambient\n(function(){\n  const c = document.getElementById('matrix-canvas');\n  if (!c) return;\n  const ctx = c.getContext('2d');\n  let w, h, cols, drops;\n  function resize(){\n    w = c.width = window.innerWidth;\n    h = c.height = window.innerHeight;\n    cols = Math.floor(w / 14);\n    drops = new Array(cols).fill(1).map(() => Math.random() * -h);\n  }\n  resize();\n  window.addEventListener('resize', resize);\n  const chars = '01\u30a2\u30a4\u30a6\u30a8\u30aa\u30ab\u30ad\u30af\u30b1\u30b3\u30b5\u30b7\u30b9\u30bb\u30bd\u30bf\u30c1\u30c4\u30c6\u30c8';\n  function draw(){\n    ctx.fillStyle = 'rgba(6,6,6,0.06)';\n    ctx.fillRect(0,0,w,h);\n    ctx.fillStyle = '#00FF66';\n    ctx.font = '12px \"Share Tech Mono\"';\n    for (let i = 0; i < drops.length; i++){\n      const t = chars[Math.floor(Math.random() * chars.length)];\n      ctx.fillText(t, i * 14, drops[i] * 14);\n      drops[i]++;\n      if (drops[i] * 14 > h && Math.random() > 0.975) drops[i] = 0;\n    }\n  }\n  setInterval(draw, 60);\n})();\n\n// Nav dots + progress\n(function(){\n  const slides = document.querySelectorAll('.slide');\n  const nav = document.getElementById('nav');\n  const progress = document.getElementById('progress');\n  slides.forEach((s, i) => {\n    const d = document.createElement('button');\n    d.className = 'nav-dot';\n    d.title = 'Slide ' + (i + 1);\n    d.addEventListener('click', () => s.scrollIntoView({ behavior: 'smooth' }));\n    nav.appendChild(d);\n  });\n  const dots = nav.querySelectorAll('.nav-dot');\n  function update(){\n    const scrolled = window.scrollY;\n    const total = document.body.scrollHeight - window.innerHeight;\n    progress.style.width = (total > 0 ? (scrolled / total) * 100 : 0) + '%';\n    let active = 0;\n    slides.forEach((s, i) => {\n      const r = s.getBoundingClientRect();\n      if (r.top <= window.innerHeight / 2 && r.bottom > window.innerHeight / 2) active = i;\n    });\n    dots.forEach((d, i) => d.classList.toggle('active', i === active));\n  }\n  window.addEventListener('scroll', update, { passive: true });\n  update();\n})();\n\n// Keyboard nav\n(function(){\n  const slides = Array.from(document.querySelectorAll('.slide'));\n  function currentIdx(){\n    for (let i = 0; i < slides.length; i++){\n      const r = slides[i].getBoundingClientRect();\n      if (r.top <= window.innerHeight / 2 && r.bottom > window.innerHeight / 2) return i;\n    }\n    return 0;\n  }\n  document.addEventListener('keydown', (e) => {\n    const i = currentIdx();\n    if (e.key === 'ArrowDown' || e.key === 'PageDown' || e.key === ' '){\n      if (i < slides.length - 1) slides[i + 1].scrollIntoView({ behavior: 'smooth' });\n      e.preventDefault();\n    } else if (e.key === 'ArrowUp' || e.key === 'PageUp'){\n      if (i > 0) slides[i - 1].scrollIntoView({ behavior: 'smooth' });\n      e.preventDefault();\n    } else if (e.key === 'Home'){\n      slides[0].scrollIntoView({ behavior: 'smooth' });\n    } else if (e.key === 'End'){\n      slides[slides.length - 1].scrollIntoView({ behavior: 'smooth' });\n    }\n  });\n})();\n</script>\n</body>\n</html>\n" } style={{ width: "100%", minHeight: "100vh", border: "none", display: "block", background: "#060606" }} />
</div>
