<?php
$page          = 'whitepaper';
$pageTitle     = 'Aptum — $A Whitepaper';
$pageDesc      = 'The $A whitepaper. Aptum is a chain-agnostic autonomous AI agent that generates real revenue across multiple streams.';
$pageExtraHead = '<link href="https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&family=Instrument+Serif:ital@0;1&display=swap" rel="stylesheet">';
include 'header.php';
?>
<style>
:root {
  --bg:       #F4F5F7;
  --surface:  #ECEEF2;
  --card:     #FFFFFF;
  --border:   #DCDFE6;
  --border2:  #C8CBD4;
  --ink:      #0A0C10;
  --muted:    #5A6070;
  --dim:      #9BA3B0;
  --shadow:   0 1px 3px rgba(10,12,16,0.06), 0 4px 16px rgba(10,12,16,0.04);
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--bg); color: var(--ink);
  font-family: 'DM Mono', monospace; font-size: 15px; line-height: 1.8;
  overflow-x: hidden; cursor: none;
}
body::after {
  content: ''; position: fixed; inset: 0;
  background-image: linear-gradient(rgba(10,12,16,0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(10,12,16,0.026) 1px, transparent 1px);
  background-size: 64px 64px; pointer-events: none; z-index: 0;
}
/* cursor + progress provided by header.php */
.wrapper { position: relative; z-index: 1; max-width: 860px; margin: 0 auto; padding: 0 32px; }
.cover { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 136px 0 80px; position: relative; }
.cover-watermark { position: absolute; right: -40px; top: 50%; transform: translateY(-50%); font-family: 'Syne', sans-serif; font-weight: 800; font-size: clamp(200px, 22vw, 360px); line-height: 1; color: rgba(10,12,16,0.04); letter-spacing: -0.05em; pointer-events: none; user-select: none; }
.cover-label { font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); margin-bottom: 28px; display: flex; align-items: center; gap: 14px; opacity: 0; animation: riseIn 0.85s ease forwards 0.1s; }
.cover-label-dash { width: 32px; height: 1px; background: var(--border2); }
.cover-name { font-family: 'Syne', sans-serif; font-weight: 800; font-size: clamp(72px, 12vw, 120px); line-height: 0.88; letter-spacing: -0.03em; color: var(--ink); margin-bottom: 8px; opacity: 0; animation: riseIn 0.85s ease forwards 0.25s; }
.cover-ticker { font-family: 'Syne', sans-serif; font-weight: 800; font-size: clamp(32px, 5vw, 60px); line-height: 1; letter-spacing: -0.02em; color: transparent; -webkit-text-stroke: 2px var(--ink); margin-bottom: 36px; opacity: 0; animation: riseIn 0.85s ease forwards 0.4s; }
.cover-tagline { font-family: 'Instrument Serif', serif; font-size: 21px; color: var(--muted); line-height: 1.65; max-width: 480px; margin-bottom: 56px; opacity: 0; animation: riseIn 0.85s ease forwards 0.55s; }
.cover-meta { display: flex; gap: 40px; flex-wrap: wrap; opacity: 0; animation: riseIn 0.85s ease forwards 0.7s; }
.meta-item { display: flex; flex-direction: column; gap: 4px; }
.meta-key { font-size: 10px; text-transform: uppercase; letter-spacing: 0.15em; color: var(--dim); }
.meta-val { font-size: 13px; font-weight: 500; color: var(--ink); }
@keyframes riseIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
section { padding: 88px 0; border-top: 1px solid var(--border); opacity: 0; transform: translateY(22px); transition: opacity 0.7s ease, transform 0.7s ease; }
section.visible { opacity: 1; transform: translateY(0); }
.sec-num { font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--dim); margin-bottom: 16px; display: flex; align-items: center; gap: 12px; }
.sec-num::after { content: ''; height: 1px; width: 60px; background: var(--border2); }
.sec-title { font-family: 'Syne', sans-serif; font-weight: 800; font-size: clamp(26px, 3.5vw, 42px); letter-spacing: -0.02em; line-height: 1.1; color: var(--ink); margin-bottom: 28px; }
p { color: var(--muted); margin-bottom: 18px; font-size: 15px; line-height: 1.88; }
p strong { color: var(--ink); font-weight: 500; }
.subsec { margin-top: 44px; }
.subsec-title { font-family: 'Syne', sans-serif; font-weight: 700; font-size: 17px; color: var(--ink); margin-bottom: 14px; display: flex; align-items: center; gap: 10px; }
.subsec-title::before { content: ''; width: 3px; height: 16px; background: var(--border2); border-radius: 2px; }
.callout { background: var(--ink); padding: 30px 36px; margin: 36px 0; }
.callout-tag { font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.35); margin-bottom: 10px; }
.callout p { font-family: 'Instrument Serif', serif; font-size: 18px; line-height: 1.65; color: rgba(255,255,255,0.9); margin: 0; }
.stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--border); margin: 36px 0; box-shadow: var(--shadow); }
.stat-cell { background: var(--card); padding: 28px 24px; border-right: 1px solid var(--border); display: flex; flex-direction: column; gap: 6px; }
.stat-cell:last-child, .stat-cell:nth-child(3) { border-right: none; }
.stat-n { font-family: 'Syne', sans-serif; font-size: 32px; font-weight: 800; color: var(--ink); line-height: 1; }
.stat-l { font-size: 11px; text-transform: uppercase; letter-spacing: 0.12em; color: var(--dim); }
.feat-list { list-style: none; margin: 20px 0; display: flex; flex-direction: column; gap: 10px; }
.feat-list li { display: flex; align-items: flex-start; gap: 14px; color: var(--muted); font-size: 14px; line-height: 1.7; padding: 14px 18px; background: var(--card); border: 1px solid var(--border); transition: border-color 0.2s; }
.feat-list li:hover { border-color: var(--border2); }
.feat-list li::before { content: '—'; color: var(--dim); font-size: 12px; flex-shrink: 0; margin-top: 2px; }
.data-table { width: 100%; border-collapse: collapse; margin: 28px 0; font-size: 14px; box-shadow: var(--shadow); }
.data-table thead tr { background: var(--ink); }
.data-table thead th { padding: 14px 20px; text-align: left; font-family: 'Syne', sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #fff; }
.data-table tbody tr { border-bottom: 1px solid var(--border); background: var(--card); transition: background 0.15s; }
.data-table tbody tr:hover { background: var(--surface); }
.data-table tbody td { padding: 16px 20px; color: var(--muted); vertical-align: top; line-height: 1.7; }
.data-table tbody td:first-child { color: var(--ink); font-weight: 500; font-family: 'Syne', sans-serif; font-size: 13px; white-space: nowrap; }
.roadmap { display: flex; flex-direction: column; gap: 0; margin: 36px 0; position: relative; }
.roadmap::before { content: ''; position: absolute; left: 23px; top: 0; bottom: 0; width: 1px; background: linear-gradient(180deg, var(--ink), var(--border)); }
.r-phase { display: flex; gap: 28px; padding: 0 0 36px 0; position: relative; }
.r-dot { width: 46px; height: 46px; flex-shrink: 0; border: 1.5px solid var(--ink); background: var(--bg); display: flex; align-items: center; justify-content: center; font-family: 'Syne', sans-serif; font-size: 12px; font-weight: 700; color: var(--ink); z-index: 1; }
.r-content { flex: 1; padding-top: 10px; }
.r-header { display: flex; align-items: baseline; gap: 14px; margin-bottom: 12px; flex-wrap: wrap; }
.r-name { font-family: 'Syne', sans-serif; font-weight: 700; font-size: 17px; color: var(--ink); }
.r-period { font-size: 11px; color: var(--dim); letter-spacing: 0.08em; border: 1px solid var(--border); padding: 2px 10px; }
.r-items { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.r-items li { font-size: 14px; color: var(--muted); display: flex; align-items: center; gap: 10px; }
.r-items li::before { content: ''; width: 4px; height: 4px; background: var(--border2); border-radius: 50%; flex-shrink: 0; }
.risk-list { list-style: none; counter-reset: risk; margin: 20px 0; display: flex; flex-direction: column; gap: 10px; }
.risk-list li { counter-increment: risk; display: flex; gap: 16px; align-items: flex-start; color: var(--muted); font-size: 14px; line-height: 1.7; }
.risk-list li::before { content: counter(risk, decimal-leading-zero); font-family: 'DM Mono', monospace; font-size: 11px; color: var(--dim); flex-shrink: 0; margin-top: 3px; }
.conclusion-text { font-family: 'Instrument Serif', serif; font-size: 22px; line-height: 1.65; color: var(--ink); margin-bottom: 44px; }
.final-badge { display: inline-flex; flex-direction: column; gap: 8px; border: 1.5px solid var(--ink); padding: 28px 40px; }
.final-name { font-family: 'Syne', sans-serif; font-weight: 800; font-size: 26px; color: var(--ink); }
.final-sub { font-size: 11px; color: var(--dim); letter-spacing: 0.12em; text-transform: uppercase; }
footer { position: relative; z-index: 1; border-top: 1px solid var(--border); padding: 40px 0; background: var(--card); }
.footer-inner { max-width: 860px; margin: 0 auto; padding: 0 32px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; }
.footer-logo { font-family: 'Syne', sans-serif; font-weight: 800; font-size: 16px; letter-spacing: 0.12em; color: var(--ink); text-decoration: none; }
.footer-links { display: flex; gap: 24px; }
.footer-links a { font-size: 11px; color: var(--dim); letter-spacing: 0.1em; text-decoration: none; text-transform: uppercase; transition: color 0.2s; }
.footer-links a:hover { color: var(--ink); }
.footer-copy { font-size: 11px; color: var(--dim); }
#scrollTop { position: fixed; bottom: 32px; right: 32px; width: 42px; height: 42px; background: var(--card); border: 1px solid var(--border); color: var(--ink); font-size: 16px; cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.3s, border-color 0.2s; z-index: 200; }
#scrollTop.show { opacity: 1; pointer-events: all; }
#scrollTop:hover { border-color: var(--ink); }

/* ══════════════════════════════════
   MULTI-CHAIN SECTION STYLES
══════════════════════════════════ */
.chain-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--border2); border: 1px solid var(--border2); margin: 32px 0; box-shadow: var(--shadow); }
.chain-card { background: var(--card); padding: 30px 26px; display: flex; flex-direction: column; gap: 12px; position: relative; overflow: hidden; }
.chain-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; }
.chain-card.base::after { background: var(--ink); }
.chain-card.avax::after { background: #E84142; }
.chain-card-eye { font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 700; display: flex; align-items: center; gap: 8px; }
.chain-card.base .chain-card-eye { color: var(--dim); }
.chain-card.avax .chain-card-eye { color: #B03030; }
.chain-card-eye-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }
.chain-card.base .chain-card-eye-dot { background: var(--ink); }
.chain-card.avax .chain-card-eye-dot { background: #E84142; }
.chain-card-name { font-family: 'Syne', sans-serif; font-weight: 800; font-size: 20px; color: var(--ink); line-height: 1.1; }
.chain-card-sub { font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: 0.08em; color: var(--dim); margin-top: -4px; }
.chain-card-desc { font-size: 13px; color: var(--muted); line-height: 1.75; margin: 0; }
.chain-card-attrs { display: flex; flex-direction: column; gap: 7px; margin-top: 6px; }
.chain-attr { display: flex; align-items: flex-start; gap: 9px; font-size: 12.5px; color: var(--muted); line-height: 1.55; }
.chain-attr::before { content: '·'; color: var(--border2); font-size: 16px; flex-shrink: 0; line-height: 1.2; }

.flow-wrap { border: 1px solid var(--border2); background: var(--card); box-shadow: var(--shadow); margin: 36px 0; overflow: hidden; }
.flow-hd { background: var(--ink); padding: 12px 20px; display: flex; align-items: center; justify-content: space-between; }
.flow-hd-title { font-size: 9.5px; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.45); font-weight: 600; }
.flow-hd-tag { font-size: 9.5px; color: rgba(255,255,255,0.22); letter-spacing: 0.08em; }
.flow-body { padding: 32px 24px 28px; }
.flow-svg { width: 100%; height: auto; display: block; overflow: visible; }

.rev-split { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--border2); border: 1px solid var(--border2); margin: 28px 0; box-shadow: var(--shadow); }
.rev-cell { background: var(--card); padding: 26px 22px; display: flex; flex-direction: column; gap: 8px; }
.rev-cell.flows { background: var(--ink); }
.rev-pct { font-family: 'Syne', sans-serif; font-weight: 800; font-size: 44px; line-height: 1; letter-spacing: -0.02em; color: var(--ink); }
.rev-cell.flows .rev-pct { color: #fff; }
.rev-bar { height: 3px; background: var(--border); border-radius: 2px; overflow: hidden; margin: 2px 0 4px; }
.rev-bar-fill { height: 100%; border-radius: 2px; width: 50%; }
.rev-cell.reinvest .rev-bar-fill { background: var(--border2); }
.rev-cell.flows .rev-bar-fill { background: rgba(255,255,255,0.4); }
.rev-label { font-size: 10px; text-transform: uppercase; letter-spacing: 0.12em; }
.rev-cell.reinvest .rev-label { color: var(--dim); }
.rev-cell.flows .rev-label { color: rgba(255,255,255,0.45); }
.rev-desc { font-size: 13px; line-height: 1.65; margin: 0; }
.rev-cell.reinvest .rev-desc { color: var(--muted); }
.rev-cell.flows .rev-desc { color: rgba(255,255,255,0.7); }

.benefit-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 28px 0; }
.benefit-item { background: var(--card); border: 1px solid var(--border); padding: 18px 20px; display: flex; gap: 14px; align-items: flex-start; transition: border-color 0.18s; }
.benefit-item:hover { border-color: var(--border2); }
.benefit-ico { width: 30px; height: 30px; flex-shrink: 0; background: var(--surface); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: 14px; }
.benefit-title { font-family: 'Syne', sans-serif; font-weight: 700; font-size: 13px; color: var(--ink); margin-bottom: 4px; }
.benefit-text { font-size: 12px; color: var(--muted); line-height: 1.65; margin: 0; }

@media (max-width: 700px) {
  nav { padding: 0 20px; }
  .wrapper { padding: 0 20px; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .stat-cell:nth-child(3) { border-right: 1px solid var(--border); }
  .chain-cards, .rev-split, .benefit-grid { grid-template-columns: 1fr; }
  body { cursor: auto; }
  #cursor, #cursor-ring { display: none; }
  .cover-watermark { display: none; }
}

/* ══════════════════════════════════
   DARK MODE
══════════════════════════════════ */
html[data-theme="dark"] {
  --bg:      #0D0F14;
  --surface: #13161C;
  --card:    #181B22;
  --border:  #252830;
  --border2: #2E3240;
  --ink:     #EFF1F8;
  --muted:   rgba(239,241,248,0.58);
  --dim:     rgba(239,241,248,0.38);
  --shadow:  0 1px 3px rgba(0,0,0,0.3), 0 4px 16px rgba(0,0,0,0.2);
}
html[data-theme="dark"] body::after {
  background-image: linear-gradient(rgba(239,241,248,0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(239,241,248,0.026) 1px, transparent 1px);
}
html[data-theme="dark"] .cover-watermark { color: rgba(239,241,248,0.04); }
/* Elements that use --ink as dark bg with white text — keep them dark */
html[data-theme="dark"] .callout { background: rgba(239,241,248,0.07); border: 1px solid rgba(239,241,248,0.10); }
html[data-theme="dark"] .callout-tag { color: rgba(239,241,248,0.40); }
html[data-theme="dark"] .callout p { color: rgba(239,241,248,0.82); }
html[data-theme="dark"] .data-table thead tr { background: rgba(239,241,248,0.08); }
html[data-theme="dark"] .data-table thead th { color: rgba(239,241,248,0.75); }
html[data-theme="dark"] .flow-hd { background: rgba(239,241,248,0.07); }
html[data-theme="dark"] .flow-hd-title { color: rgba(239,241,248,0.55); }
html[data-theme="dark"] .flow-hd-tag { color: rgba(239,241,248,0.30); }
html[data-theme="dark"] .rev-cell.flows { background: rgba(239,241,248,0.07); border: 1px solid rgba(239,241,248,0.10); }
html[data-theme="dark"] .rev-cell.flows .rev-pct { color: rgba(239,241,248,0.92); }
html[data-theme="dark"] .rev-cell.flows .rev-label { color: rgba(239,241,248,0.45); }
html[data-theme="dark"] .rev-cell.flows .rev-desc { color: rgba(239,241,248,0.65); }
</style>


<main>
<div class="wrapper">

  <!-- COVER -->
  <div class="cover">
    <div class="cover-watermark">$A</div>
    <div class="cover-label"><div class="cover-label-dash"></div>Whitepaper v1.0 — Chain-Agnostic AI Agent Economy</div>
    <div class="cover-name">Aptum</div>
    <div class="cover-ticker">$A</div>
    <p class="cover-tagline">The AI Agent Economy. An autonomous agent that earns real revenue across multiple chains and routes value back to holders through buybacks, burns, and airdrops.</p>
    <div class="cover-meta">
      <div class="meta-item"><span class="meta-key">Core Chain</span><span class="meta-val">Base (L2)</span></div>
      <div class="meta-item"><span class="meta-key">Architecture</span><span class="meta-val">Chain-Agnostic</span></div>
      <div class="meta-item"><span class="meta-key">Supply</span><span class="meta-val">100B — Fixed</span></div>
      <div class="meta-item"><span class="meta-key">Mechanism</span><span class="meta-val">Buyback / Burn / Airdrop</span></div>
    </div>
  </div>

  <!-- 01 ABSTRACT -->
  <section id="abstract">
    <div class="sec-num">01 — Abstract</div>
    <h2 class="sec-title">What is Aptum?</h2>
    <p>Aptum is a chain-agnostic autonomous AI agent that generates real, multi-stream revenue across skill creation, game development, and automated social media growth — with more verticals and more chains on the way. Unlike speculative tokens that rely on hype or treasury extraction, <strong>$A is backed by an agent that actively earns.</strong></p>
    <p>Revenue flows back into the token through periodic buybacks, burns, and holder airdrops, creating a deflationary loop directly tied to economic output. As Aptum expands across ecosystems, each new chain deployment introduces dedicated product infrastructure that ultimately strengthens the core $A token on Base.</p>
    <div class="callout">
      <div class="callout-tag">Core Thesis</div>
      <p>An AI agent that earns is more valuable than one that promises to. Aptum is built on that principle — across every chain it operates on.</p>
    </div>
  </section>

  <!-- 02 PROBLEM -->
  <section id="problem">
    <div class="sec-num">02 — The Problem</div>
    <h2 class="sec-title">What the market is missing</h2>
    <div class="subsec">
      <div class="subsec-title">Speculative Tokens Without Revenue</div>
      <p>Most AI tokens today offer no mechanism for value accrual beyond price speculation. There is no underlying cash flow, no agent generating income, and no sustainable reason for the token to hold value beyond narrative momentum.</p>
    </div>
    <div class="subsec">
      <div class="subsec-title">Agents Without Economic Infrastructure</div>
      <p>AI agents are increasingly capable, but most exist in isolation. They generate output without capturing economic value. There is no standard model for an agent that earns, retains revenue, and redistributes it to token holders in a transparent, on-chain manner.</p>
    </div>
    <div class="subsec">
      <div class="subsec-title">Single-Chain Thinking in a Multi-Chain World</div>
      <p>Most AI crypto projects deploy on one chain and treat expansion as an afterthought. Aptum is designed from the ground up to operate natively across ecosystems — deploying purpose-built products on each chain while routing value back to a single canonical core token.</p>
    </div>
    <div class="callout">
      <div class="callout-tag">The Gap</div>
      <p>An AI agent with real revenue, deployed across multiple chains, with a token architecture that captures and concentrates that value in one place.</p>
    </div>
  </section>

  <!-- 03 UTILITY -->
  <section id="what">
    <div class="sec-num">03 — Utility</div>
    <h2 class="sec-title">What Aptum does</h2>
    <p>Aptum is a chain-agnostic AI agent with active revenue verticals at launch, with additional streams and chain deployments planned as the ecosystem scales.</p>
    <div class="subsec">
      <div class="subsec-title">Skill Creation and Sales</div>
      <p>Aptum builds and sells modular AI skills — purpose-built automation capabilities that users and developers can deploy within their own workflows. Each sale generates revenue that flows back into the $A ecosystem.</p>
      <ul class="feat-list">
        <li>Social media automation workflows</li>
        <li>AI-powered content generation modules</li>
        <li>Reply filtering and context analysis tools</li>
        <li>Behavioral timing and engagement systems</li>
      </ul>
    </div>
    <div class="subsec">
      <div class="subsec-title">Game Development</div>
      <p>Aptum develops and deploys games, leveraging AI to generate interactive experiences that are sold or monetized directly. Each game represents a standalone revenue stream feeding the buyback mechanism.</p>
    </div>
    <div class="subsec">
      <div class="subsec-title">Automated Social Media Growth</div>
      <p>Aptum offers social media growth as a service, powered by its proprietary AI automation stack. The agent handles contextual engagement, reply generation, behavioral timing, and account scaling without manual intervention.</p>
      <div class="stats-grid">
        <div class="stat-cell"><div class="stat-n" data-target="100" data-suffix="K">0K</div><div class="stat-l">Impressions in 48h</div></div>
        <div class="stat-cell"><div class="stat-n" data-target="1500" data-suffix="+">0</div><div class="stat-l">Engagements</div></div>
        <div class="stat-cell"><div class="stat-n">$0</div><div class="stat-l">Paid Promotion</div></div>
      </div>
    </div>
    <div class="subsec">
      <div class="subsec-title">Future Verticals</div>
      <p>Aptum is architected for expansion. Additional revenue streams will be introduced across the roadmap and across multiple blockchain ecosystems. The agent is designed to identify, build, and activate new earning verticals autonomously — each compounding the value of $A.</p>
    </div>
  </section>

  <!-- 04 TECHNOLOGY -->
  <section id="tech">
    <div class="sec-num">04 — Technology</div>
    <h2 class="sec-title">How it works</h2>
    <div class="subsec">
      <div class="subsec-title">Agent Architecture</div>
      <p>Aptum is built on a modular agent framework that separates core reasoning, task execution, and revenue routing into distinct layers. This allows individual verticals to operate independently while contributing to a unified economic output — regardless of which chain they run on.</p>
    </div>
    <div class="subsec">
      <div class="subsec-title">Skill Engine</div>
      <p>The skill engine allows Aptum to author, package, and distribute automation capabilities as discrete, deployable units. Skills are versioned, tested, and sold through an on-platform marketplace. The architecture supports third-party developer contributions in future phases.</p>
    </div>
    <div class="subsec">
      <div class="subsec-title">Social Growth Pipeline</div>
      <ul class="feat-list">
        <li>AI bait filter: screens for low-quality or engagement-farmed posts</li>
        <li>Safety layer: filters content before interaction to avoid harmful associations</li>
        <li>Context analysis: evaluates topic, tone, and intent of each post</li>
        <li>Reply generation: produces niche-aware, personality-consistent responses</li>
        <li>Behavioral simulation: likes before replying; randomized timing delays mimic human cadence</li>
      </ul>
    </div>
    <div class="subsec">
      <div class="subsec-title">Base Deployment — Core Chain</div>
      <p>The primary $A token is deployed on Base, Coinbase's Ethereum Layer 2. Base provides low transaction costs, high throughput, and deep liquidity access — making it the optimal home chain for Aptum's core economic infrastructure and long-term value capture.</p>
    </div>
  </section>

  <!-- ════════════════════════════════════════════════════════
       05 MULTI-CHAIN TOKEN ARCHITECTURE — NEW SECTION
  ════════════════════════════════════════════════════════ -->
  <section id="multichain">
    <div class="sec-num">05 — Multi-Chain Token Architecture</div>
    <h2 class="sec-title">Multi-Chain Token Architecture and Value Flow</h2>

    <p>Aptum is chain-agnostic by design. As the agent expands into new ecosystems, it deploys exclusive products and infrastructure on each chain — accompanied by a dedicated product token that tokenizes that infrastructure and enables features, access, and economic participation specific to that deployment. These product tokens are not bridges or copies of $A. They are purpose-built operational instruments that power specific verticals while routing a share of their generated revenue back to strengthen the core $A token on Base.</p>

    <div class="callout">
      <div class="callout-tag">Architecture Principle</div>
      <p>One ecosystem. Multiple chains. A single value capture point. Every product Aptum deploys — on any chain — ultimately compounds the value of $A.</p>
    </div>

    <div class="subsec">
      <div class="subsec-title">Token Roles</div>
      <p>Aptum operates two categories of token, each serving a distinct and non-overlapping economic function. They are designed to work in concert — not competition.</p>
    </div>

    <div class="chain-cards">
      <div class="chain-card base">
        <div class="chain-card-eye"><span class="chain-card-eye-dot"></span>Core Ecosystem Token · Base</div>
        <div class="chain-card-name">$A — Aptum</div>
        <div class="chain-card-sub">BASE (L2) · FIXED SUPPLY · DEFLATIONARY</div>
        <p class="chain-card-desc">The primary token of the Aptum ecosystem. Represents long-term value capture across all verticals and all chains. All revenue pathways — regardless of origin — ultimately route back to strengthen $A.</p>
        <div class="chain-card-attrs">
          <div class="chain-attr">Primary store of value for the entire ecosystem</div>
          <div class="chain-attr">Recipient of buybacks, burns, and holder airdrops</div>
          <div class="chain-attr">Captures revenue from every active product vertical on every chain</div>
          <div class="chain-attr">Fixed supply — deflationary by design</div>
          <div class="chain-attr">Long-term holding incentive for all ecosystem participants</div>
        </div>
      </div>
      <div class="chain-card avax">
        <div class="chain-card-eye"><span class="chain-card-eye-dot"></span>Product Token · Chain-Specific</div>
        <div class="chain-card-name">Product Token</div>
        <div class="chain-card-sub">PER DEPLOYMENT · OPERATIONAL · NOT BRIDGED</div>
        <p class="chain-card-desc">A purpose-built token deployed alongside a specific Aptum product on a given chain. It tokenizes infrastructure and enables features, access, and participation within that product vertical. It does not replace or bridge to $A.</p>
        <div class="chain-card-attrs">
          <div class="chain-attr">Operational token for a specific product and ecosystem</div>
          <div class="chain-attr">Tokenizes infrastructure and enables product-native features</div>
          <div class="chain-attr">Not interchangeable with or pegged to $A</div>
          <div class="chain-attr">50% of product revenue reinvested; 50% flows to Base ecosystem</div>
          <div class="chain-attr">Designed to complement — not dilute — the core token</div>
        </div>
      </div>
    </div>

    <div class="subsec">
      <div class="subsec-title">Current Deployment: Avalanche / Arena SocialFi</div>
      <p>Aptum's first cross-chain product deployment operates within the Arena SocialFi platform on Avalanche. A dedicated product token exists specifically to power this vertical — enabling platform-native features, collaborations, and economic participation within Arena's ecosystem.</p>
      <p>This token is <strong>not a bridged version of $A</strong> and carries no peg or interchangeability with the core Base token. It is a product instrument, purpose-built for the Arena environment. Revenue generated from this vertical is split 50/50: half is reinvested into growing the Arena product; half is routed back to the Base ecosystem to support $A and overall project growth.</p>
    </div>

    <!-- VALUE FLOW DIAGRAM -->
    <div class="flow-wrap">
      <div class="flow-hd">
        <span class="flow-hd-title">Value Flow Architecture</span>
        <span class="flow-hd-tag">Cross-chain revenue routing · 50 / 50 split</span>
      </div>
      <div class="flow-body">
        <svg class="flow-svg" viewBox="0 0 796 316" fill="none" xmlns="http://www.w3.org/2000/svg">

          <!-- LEFT: Product chain panel -->
          <rect x="1" y="1" width="213" height="314" fill="#F8F9FB" stroke="#DCDFE6" stroke-width="1"/>
          <rect x="1" y="1" width="213" height="30" fill="#DCDFE6"/>
          <text x="11" y="19" font-family="'DM Mono',monospace" font-size="8" fill="#5A6070" letter-spacing="1.8">PRODUCT CHAIN</text>
          <text x="11" y="28" font-family="'DM Mono',monospace" font-size="7" fill="#9BA3B0" letter-spacing="1">e.g. AVALANCHE · ARENA SOCIALFI</text>
          <!-- token -->
          <text x="11" y="57" font-family="Syne,sans-serif" font-size="13" font-weight="800" fill="#0A0C10">Product Token</text>
          <circle cx="17" cy="76" r="3.5" fill="#E84142"/>
          <text x="27" y="81" font-family="'DM Mono',monospace" font-size="10" fill="#9BA3B0">Avalanche · AVAX</text>
          <!-- feature items -->
          <circle cx="17" cy="104" r="2.5" fill="#C8CBD4"/><text x="27" y="109" font-family="'DM Mono',monospace" font-size="10" fill="#5A6070">Platform features &amp; access</text>
          <circle cx="17" cy="124" r="2.5" fill="#C8CBD4"/><text x="27" y="129" font-family="'DM Mono',monospace" font-size="10" fill="#5A6070">Collaboration tools</text>
          <circle cx="17" cy="144" r="2.5" fill="#C8CBD4"/><text x="27" y="149" font-family="'DM Mono',monospace" font-size="10" fill="#5A6070">Product governance</text>
          <circle cx="17" cy="164" r="2.5" fill="#C8CBD4"/><text x="27" y="169" font-family="'DM Mono',monospace" font-size="10" fill="#5A6070">SocialFi earnings</text>
          <!-- revenue badge -->
          <rect x="11" y="200" width="193" height="26" fill="#0A0C10"/>
          <text x="107" y="216" font-family="'DM Mono',monospace" font-size="9" fill="rgba(255,255,255,0.75)" text-anchor="middle" letter-spacing="1.5">REVENUE GENERATED</text>
          <!-- future chains hint -->
          <line x1="20" y1="272" x2="194" y2="272" stroke="#DCDFE6" stroke-dasharray="3 3" stroke-width="1"/>
          <text x="107" y="262" font-family="'DM Mono',monospace" font-size="7.5" fill="#C8CBD4" text-anchor="middle">+ Future chain deployments</text>
          <text x="107" y="284" font-family="'DM Mono',monospace" font-size="7" fill="#C8CBD4" text-anchor="middle">same architecture · same flow</text>

          <!-- ARROW: left → centre -->
          <line x1="214" y1="213" x2="285" y2="213" stroke="#9BA3B0" stroke-width="1.5" stroke-dasharray="4 3"/>
          <polygon points="282,208 292,213 282,218" fill="#9BA3B0"/>

          <!-- CENTRE: Split panel -->
          <rect x="293" y="46" width="210" height="224" fill="#F8F9FB" stroke="#DCDFE6" stroke-width="1"/>
          <rect x="293" y="46" width="210" height="28" fill="#DCDFE6"/>
          <text x="398" y="64" font-family="'DM Mono',monospace" font-size="8" fill="#5A6070" text-anchor="middle" letter-spacing="2">REVENUE SPLIT</text>
          <!-- 50% reinvest -->
          <rect x="305" y="88" width="84" height="76" fill="#FFFFFF" stroke="#DCDFE6" stroke-width="1"/>
          <text x="347" y="124" font-family="Syne,sans-serif" font-size="28" font-weight="800" fill="#0A0C10" text-anchor="middle">50%</text>
          <text x="347" y="142" font-family="'DM Mono',monospace" font-size="7.5" fill="#9BA3B0" text-anchor="middle">REINVESTED</text>
          <text x="347" y="153" font-family="'DM Mono',monospace" font-size="7.5" fill="#9BA3B0" text-anchor="middle">IN PRODUCT</text>
          <!-- 50% flows -->
          <rect x="407" y="88" width="84" height="76" fill="#0A0C10"/>
          <text x="449" y="124" font-family="Syne,sans-serif" font-size="28" font-weight="800" fill="#FFFFFF" text-anchor="middle">50%</text>
          <text x="449" y="142" font-family="'DM Mono',monospace" font-size="7.5" fill="rgba(255,255,255,0.5)" text-anchor="middle">FLOWS TO</text>
          <text x="449" y="153" font-family="'DM Mono',monospace" font-size="7.5" fill="rgba(255,255,255,0.5)" text-anchor="middle">BASE / $A</text>
          <!-- notes -->
          <text x="398" y="192" font-family="'DM Mono',monospace" font-size="7.5" fill="#9BA3B0" text-anchor="middle" letter-spacing="1">NO BRIDGE · NO ARBITRAGE</text>
          <text x="398" y="204" font-family="'DM Mono',monospace" font-size="7.5" fill="#9BA3B0" text-anchor="middle" letter-spacing="1">INDEPENDENT TOKEN ROLES</text>
          <!-- Reinvest feedback loop arc -->
          <path d="M347,164 Q240,196 240,230 Q240,258 310,264 Q365,270 425,264 Q490,258 490,230 Q490,207 449,196" stroke="#C8CBD4" stroke-width="1.2" stroke-dasharray="3 3" fill="none"/>
          <polygon points="447,191 455,198 447,205" fill="#C8CBD4"/>
          <text x="342" y="248" font-family="'DM Mono',monospace" font-size="7" fill="#C8CBD4" text-anchor="middle">↑ product reinvestment loop</text>

          <!-- ARROW: centre → right -->
          <line x1="503" y1="126" x2="576" y2="126" stroke="#0A0C10" stroke-width="1.5" stroke-dasharray="4 3"/>
          <polygon points="573,121 583,126 573,131" fill="#0A0C10"/>

          <!-- RIGHT: Base / $A panel -->
          <rect x="582" y="1" width="213" height="314" fill="#0A0C10"/>
          <rect x="582" y="1" width="213" height="30" fill="rgba(255,255,255,0.06)"/>
          <text x="592" y="19" font-family="'DM Mono',monospace" font-size="8" fill="rgba(255,255,255,0.35)" letter-spacing="1.8">BASE ECOSYSTEM</text>
          <text x="592" y="28" font-family="'DM Mono',monospace" font-size="7" fill="rgba(255,255,255,0.22)" letter-spacing="1">$A · CORE TOKEN · FIXED SUPPLY</text>
          <!-- token name -->
          <text x="592" y="56" font-family="Syne,sans-serif" font-size="13" font-weight="800" fill="#FFFFFF">$A — Aptum</text>
          <circle cx="598" cy="74" r="3.5" fill="rgba(255,255,255,0.55)"/>
          <text x="608" y="79" font-family="'DM Mono',monospace" font-size="10" fill="rgba(255,255,255,0.35)">Base · Deflationary</text>
          <!-- mechanism rows -->
          <rect x="592" y="96" width="193" height="24" fill="rgba(255,255,255,0.05)"/>
          <text x="688" y="112" font-family="'DM Mono',monospace" font-size="10" fill="rgba(255,255,255,0.72)" text-anchor="middle">↩  Open-market Buybacks</text>
          <rect x="592" y="126" width="193" height="24" fill="rgba(255,255,255,0.05)"/>
          <text x="688" y="142" font-family="'DM Mono',monospace" font-size="10" fill="rgba(255,255,255,0.72)" text-anchor="middle">∅  Token Burns</text>
          <rect x="592" y="156" width="193" height="24" fill="rgba(255,255,255,0.05)"/>
          <text x="688" y="172" font-family="'DM Mono',monospace" font-size="10" fill="rgba(255,255,255,0.72)" text-anchor="middle">◆  Holder Airdrops</text>
          <!-- value capture -->
          <line x1="592" y1="210" x2="784" y2="210" stroke="rgba(255,255,255,0.07)" stroke-width="1"/>
          <text x="688" y="226" font-family="'DM Mono',monospace" font-size="7.5" fill="rgba(255,255,255,0.24)" text-anchor="middle" letter-spacing="1">LONG-TERM VALUE CAPTURE</text>
          <text x="688" y="238" font-family="'DM Mono',monospace" font-size="7.5" fill="rgba(255,255,255,0.24)" text-anchor="middle" letter-spacing="1">ALL CHAINS → ONE TOKEN</text>
          <line x1="592" y1="252" x2="784" y2="252" stroke="rgba(255,255,255,0.07)" stroke-width="1"/>
          <text x="688" y="268" font-family="'DM Mono',monospace" font-size="7.5" fill="rgba(255,255,255,0.18)" text-anchor="middle" letter-spacing="1">DEFLATIONARY BY DESIGN</text>

        </svg>
      </div>
    </div>

    <div class="subsec">
      <div class="subsec-title">Revenue Split: How It Works</div>
      <p>Revenue generated by any product token deployment is subject to the following split, balancing sustainable product growth with core ecosystem value accrual.</p>
    </div>

    <div class="rev-split">
      <div class="rev-cell reinvest">
        <div class="rev-pct">50%</div>
        <div class="rev-bar"><div class="rev-bar-fill"></div></div>
        <div class="rev-label">Reinvested into product</div>
        <p class="rev-desc">Funds product development, infrastructure, operations, and growth of the chain-specific vertical. Ensures each product is self-sustaining without drawing from the core treasury.</p>
      </div>
      <div class="rev-cell flows">
        <div class="rev-pct">50%</div>
        <div class="rev-bar"><div class="rev-bar-fill"></div></div>
        <div class="rev-label">Flows to Base / $A</div>
        <p class="rev-desc">Directed into the core $A mechanism on Base: open-market buybacks, token burns, and holder airdrops. Every product vertical — on every chain — becomes a direct revenue stream for $A holders.</p>
      </div>
    </div>

    <div class="subsec">
      <div class="subsec-title">Why This Strengthens — Not Dilutes — the Ecosystem</div>
      <p>A common concern with multi-chain token deployments is dilution: multiple tokens competing for the same capital and narrative. Aptum's architecture eliminates this dynamic entirely. Each product token is economically isolated from $A while being financially tethered to it.</p>
    </div>

    <div class="benefit-grid">
      <div class="benefit-item">
        <div class="benefit-ico">◎</div>
        <div class="benefit-body">
          <div class="benefit-title">No Cross-Chain Arbitrage</div>
          <p class="benefit-text">Product tokens serve distinct functional roles and are not interchangeable with $A. No bridge, no peg, no exploitable spread between them.</p>
        </div>
      </div>
      <div class="benefit-item">
        <div class="benefit-ico">↩</div>
        <div class="benefit-body">
          <div class="benefit-title">All Revenue Paths Lead to $A</div>
          <p class="benefit-text">No matter which chain a product runs on, 50% of its revenue strengthens the Base ecosystem through buybacks, burns, and airdrops.</p>
        </div>
      </div>
      <div class="benefit-item">
        <div class="benefit-ico">⊕</div>
        <div class="benefit-body">
          <div class="benefit-title">Additive, Not Competing</div>
          <p class="benefit-text">Each new chain deployment expands Aptum's total earning surface. More products on more chains = more revenue = more value for $A holders.</p>
        </div>
      </div>
      <div class="benefit-item">
        <div class="benefit-ico">⟳</div>
        <div class="benefit-body">
          <div class="benefit-title">Self-Sustaining Products</div>
          <p class="benefit-text">The 50% reinvestment loop means each product funds its own growth — keeping the Base ecosystem focused purely on value distribution.</p>
        </div>
      </div>
      <div class="benefit-item">
        <div class="benefit-ico">∞</div>
        <div class="benefit-body">
          <div class="benefit-title">Composable Expansion</div>
          <p class="benefit-text">The same architecture replicates on any future chain. As Aptum's product footprint grows, the value flowing back to $A compounds accordingly.</p>
        </div>
      </div>
      <div class="benefit-item">
        <div class="benefit-ico">◆</div>
        <div class="benefit-body">
          <div class="benefit-title">One Canonical Value Store</div>
          <p class="benefit-text">Regardless of how many chains Aptum operates on, there is always one definitive token that captures aggregate ecosystem value: $A on Base.</p>
        </div>
      </div>
    </div>

    <div class="callout">
      <div class="callout-tag">Summary</div>
      <p>Aptum's multi-chain architecture is not token proliferation — it is deliberate economic design. Chain-specific products expand revenue surface area; the 50/50 split concentrates that revenue into a single deflationary core token. Every chain Aptum enters becomes another engine for $A.</p>
    </div>
  </section>
  <!-- ════════════════════════════════════════════════════════ -->

  <!-- 06 TOKENOMICS -->
  <section id="tokenomics">
    <div class="sec-num">06 — Tokenomics</div>
    <h2 class="sec-title">$A Token Structure</h2>
    <table class="data-table">
      <thead><tr><th>Parameter</th><th>Detail</th></tr></thead>
      <tbody>
        <tr><td>Token Name</td><td>Aptum</td></tr>
        <tr><td>Ticker</td><td>$A</td></tr>
        <tr><td>Blockchain</td><td>Base (Ethereum L2) — Core Token</td></tr>
        <tr><td>Architecture</td><td>Chain-Agnostic — Product tokens deployed per ecosystem</td></tr>
        <tr><td>Supply</td><td>100B — Fixed, No Inflation</td></tr>
      </tbody>
    </table>
    <div class="subsec">
      <div class="subsec-title">Revenue Distribution</div>
      <p>All revenue generated by Aptum — including cross-chain product revenue routed back from other deployments — is directed into a three-part distribution mechanism:</p>
    </div>
    <table class="data-table">
      <thead><tr><th>Mechanism</th><th>Description</th></tr></thead>
      <tbody>
        <tr><td>Buybacks</td><td>A portion of revenue is used to purchase $A from the open market, creating consistent buy pressure tied to real earnings.</td></tr>
        <tr><td>Burns</td><td>A share of bought-back tokens is permanently removed from circulation, reducing supply over time and increasing scarcity.</td></tr>
        <tr><td>Airdrops</td><td>A portion is redistributed to $A holders periodically, rewarding long-term participants in the ecosystem.</td></tr>
      </tbody>
    </table>
    <div class="callout">
      <div class="callout-tag">Core Principle</div>
      <p>The token does not derive value from speculation alone. It derives value from an agent that earns across multiple chains — and a mechanism that routes all of that earning back to holders.</p>
    </div>
  </section>

  <!-- 07 SUSTAINABILITY -->
  <section id="sustainability">
    <div class="sec-num">07 — Revenue and Sustainability</div>
    <h2 class="sec-title">Real revenue. Self-sustaining by design.</h2>
    <p>Aptum is designed to be economically self-sustaining from the outset. Unlike projects that rely on treasury drawdown or ongoing fundraising to operate, Aptum's verticals generate revenue that funds continued development, infrastructure, and growth — across every chain it operates on.</p>
    <table class="data-table">
      <thead><tr><th>Principle</th><th>What it means</th></tr></thead>
      <tbody>
        <tr><td>Revenue before speculation</td><td>Aptum earns before it grows. Metrics are real, not projected. The agent was generating income on day one.</td></tr>
        <tr><td>Multi-stream resilience</td><td>No single vertical accounts for all revenue. As new streams and chains are added, the model becomes more robust against any one channel underperforming.</td></tr>
        <tr><td>Compounding growth</td><td>Revenue funds expansion into new verticals and new chains, which generates more revenue. Each phase builds on the last.</td></tr>
        <tr><td>Cross-chain concentration</td><td>Expansion to new chains does not dilute $A — it compounds it. Every new deployment is a new revenue engine feeding the same deflationary loop.</td></tr>
      </tbody>
    </table>
  </section>

  <!-- 08 ROADMAP -->
  <section id="roadmap">
    <div class="sec-num">08 — Roadmap</div>
    <h2 class="sec-title">24-Month Milestones</h2>
    <div class="roadmap">
      <div class="r-phase">
        <div class="r-dot">01</div>
        <div class="r-content">
          <div class="r-header"><span class="r-name">Launch</span><span class="r-period">Month 1 – 6</span></div>
          <ul class="r-items">
            <li>Token live on Base</li>
            <li>Core agent deployed and operational</li>
            <li>Social growth skill active</li>
            <li>Avalanche / Arena product launched</li>
            <li>Community established</li>
          </ul>
        </div>
      </div>
      <div class="r-phase">
        <div class="r-dot">02</div>
        <div class="r-content">
          <div class="r-header"><span class="r-name">Build</span><span class="r-period">Month 6 – 12</span></div>
          <ul class="r-items">
            <li>Skill marketplace live</li>
            <li>First game released</li>
            <li>Developer onboarding begins</li>
            <li>First buyback and burn executed</li>
            <li>Cross-chain revenue routing active</li>
          </ul>
        </div>
      </div>
      <div class="r-phase">
        <div class="r-dot">03</div>
        <div class="r-content">
          <div class="r-header"><span class="r-name">Expand</span><span class="r-period">Month 13 – 18</span></div>
          <ul class="r-items">
            <li>New revenue verticals introduced</li>
            <li>Skill sales open to third-party developers</li>
            <li>Airdrop program launched</li>
            <li>Agent capabilities expanded</li>
            <li>Additional chain deployments evaluated</li>
          </ul>
        </div>
      </div>
      <div class="r-phase">
        <div class="r-dot">04</div>
        <div class="r-content">
          <div class="r-header"><span class="r-name">Scale</span><span class="r-period">Month 19 – 24</span></div>
          <ul class="r-items">
            <li>Multiple games in ecosystem</li>
            <li>Skill library at scale</li>
            <li>Partnerships and integrations active</li>
            <li>Sustained buyback and burn cycle</li>
            <li>Multi-chain revenue routing fully operational</li>
            <li>Roadmap V2 released</li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <!-- 09 RISKS -->
  <section id="risks">
    <div class="sec-num">09 — Risk Considerations</div>
    <h2 class="sec-title">What to know</h2>
    <p>Aptum operates in a rapidly evolving landscape. Participants should be aware of the following risk factors:</p>
    <ul class="risk-list">
      <li>Regulatory uncertainty: AI agent operations and token mechanics may be subject to evolving regulation in various jurisdictions. Multi-chain deployments may face jurisdiction-specific considerations.</li>
      <li>Smart contract risk: all on-chain mechanisms carry inherent smart contract risk, mitigated through audits and best practices across all deployed chains.</li>
      <li>Market risk: token price may not reflect agent performance in the short term due to broader market conditions.</li>
      <li>Execution risk: expansion into new verticals and new chain deployments is subject to development timelines and market fit.</li>
      <li>Cross-chain dependency: product token performance on partner chains may affect the volume of revenue routed back to the Base ecosystem, though the core $A token remains independent.</li>
    </ul>
    <p style="margin-top:20px; font-size:13px; color:var(--dim);">This document does not constitute financial advice. $A is a utility token tied to the Aptum ecosystem. Always conduct independent research before participating.</p>
  </section>

  <!-- 10 CONCLUSION -->
  <section id="conclusion">
    <div class="sec-num">10 — Conclusion</div>
    <h2 class="sec-title">The agent is live.</h2>
    <p class="conclusion-text">Aptum represents a new class of crypto asset: a token backed not by promises, but by an agent that earns — across multiple chains, multiple products, and multiple revenue streams. With a deflationary token structure, a chain-agnostic architecture, and a roadmap built for compounding growth, $A is positioned as a genuine economic primitive in the AI agent economy.</p>
    <p class="conclusion-text" style="font-style:italic; color:var(--muted); font-size:19px;">The agent is live. The revenue is real. Every chain it enters is another engine for $A.</p>
    <div class="final-badge">
      <span class="final-name">APTUM / $A</span>
      <span class="final-sub">Chain-Agnostic AI Agent Economy — Whitepaper v1.0</span>
    </div>
  </section>

</div>
</main>

<footer>
  <div class="footer-inner">
    <a href="index.php" class="footer-logo">APTUM</a>
    <div class="footer-links">
      <a href="https://x.com/aptum_" target="_blank" rel="noopener">X</a>
      <a href="https://t.me/aptum" target="_blank" rel="noopener">Telegram</a>
      <a href="index.php">Home</a>
    </div>
    <span class="footer-copy">Built on Base / 2026</span>
  </div>
</footer>

<button id="scrollTop" title="Back to top">↑</button>

<script>
const io = new IntersectionObserver(entries => {
  entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });
}, { threshold: 0.07 });
document.querySelectorAll('section').forEach(el => io.observe(el));
const sio = new IntersectionObserver(entries => {
  entries.forEach(entry => {
    if (!entry.isIntersecting) return;
    const el = entry.target;
    if (!el.dataset.target) return;
    const target = parseFloat(el.dataset.target);
    const suffix = el.dataset.suffix || '';
    const dec = el.dataset.target.includes('.');
    let start = null;
    const anim = ts => {
      if (!start) start = ts;
      const p = Math.min((ts - start) / 1400, 1);
      const ease = 1 - Math.pow(1 - p, 3);
      el.textContent = (dec ? (ease * target).toFixed(1) : Math.floor(ease * target)) + suffix;
      if (p < 1) requestAnimationFrame(anim);
    };
    requestAnimationFrame(anim);
    sio.unobserve(el);
  });
}, { threshold: 0.5 });
document.querySelectorAll('.stat-n[data-target]').forEach(el => sio.observe(el));
const scrollBtn = document.getElementById('scrollTop');
window.addEventListener('scroll', () => { scrollBtn.classList.toggle('show', window.scrollY > 600); }, { passive: true });
scrollBtn.addEventListener('click', () => window.scrollTo({ top: 0, behavior: 'smooth' }));
(function(){
  const snd = new Audio('sounds/click.mp3');
  snd.preload = 'auto';
  const TAGS = new Set(['A','BUTTON','INPUT','SELECT','TEXTAREA','LABEL']);
  const CLASSES = ['footer-links','footer-logo','scrollTop','benefit-item','feat-list'];
  document.addEventListener('pointerdown', e => {
    const hit = TAGS.has(e.target.tagName) || CLASSES.some(c => e.target.closest('.'+c));
    if (!hit) return;
    snd.currentTime = 0;
    snd.play().catch(()=>{});
  }, { passive: true });
})();
</script>
</body>
</html>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HN3Z03MHCG"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-HN3Z03MHCG');
</script>