<?php
header('Content-Type: text/html; charset=utf-8');
header('X-Content-Type-Options: nosniff');
header('X-Frame-Options: SAMEORIGIN');
header('Referrer-Policy: strict-origin-when-cross-origin');
header("Content-Security-Policy: default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src https://fonts.gstatic.com; connect-src https://api.dexscreener.com; img-src 'self' data:;");

define('CA',   '0xaa681b1D3dE076f2524c94Ceb2Db712878Bb6b07');
define('PAIR', '0x23e52ed0f63f3663bc5a8b688ac0e1dbafabe928c5a2de552f5f67ac1b33cd4d');

function h(string $s): string {
    return htmlspecialchars($s, ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8');
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#080A0F" media="(prefers-color-scheme: dark)">
<meta name="theme-color" content="#F2F3F5">
<title>Aptum — $A | Links &amp; Resources</title>
<meta name="description" content="Every official Aptum $A link — buy, charts, socials, docs and more. Base Network.">
<meta name="robots" content="index, follow">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600;700&family=Syne:wght@700;800&display=swap" rel="stylesheet">
<style>
/* ══════════════════════════════════════════════════
   TOKENS
══════════════════════════════════════════════════ */
:root {
  --bg0:     #F2F3F5;
  --bg1:     #ECEEF2;
  --bg2:     #FFFFFF;
  --bg3:     #F7F8FA;
  --bdr:     rgba(10,12,16,.08);
  --bdr2:    rgba(10,12,16,.13);
  --bdr3:    rgba(10,12,16,.22);
  --ink:     #0A0C10;
  --ink2:    rgba(10,12,16,.70);
  --ink3:    rgba(10,12,16,.50);
  --ink4:    rgba(10,12,16,.32);
  --ink5:    rgba(10,12,16,.10);
  --mono:    'IBM Plex Mono', monospace;
  --syne:    'Syne', sans-serif;
  --safe-b:  env(safe-area-inset-bottom, 0px);
  --safe-t:  env(safe-area-inset-top, 0px);
  /* mobile */
  --mbg:     #080A0F;
  --mgl:     rgba(255,255,255,.055);
  --mgl2:    rgba(255,255,255,.034);
  --mgb:     rgba(255,255,255,.11);
  --mgb2:    rgba(255,255,255,.065);
  --mi:      #FFFFFF;
  --mi2:     rgba(255,255,255,.80);
  --mi3:     rgba(255,255,255,.55);
  --mi4:     rgba(255,255,255,.30);
  --mgr:     #34D399;
  --mgrd:    rgba(52,211,153,.11);
}

/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{height:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
a{text-decoration:none;color:inherit}
button{font-family:inherit;background:none;border:none;cursor:none}
img,svg{display:block}

/* ══════════════════════════════════════════════════
   DESKTOP BASE
══════════════════════════════════════════════════ */
body {
  background: var(--bg0);
  color: var(--ink);
  font-family: var(--mono);
  font-size: 12px;
  line-height: 1.6;
  overflow-x: hidden;
  cursor: none;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}

body::before {
  content:'';position:fixed;inset:0;z-index:9000;pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(10,12,16,.011) 2px,rgba(10,12,16,.011) 4px);
}
body::after {
  content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(10,12,16,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(10,12,16,.045) 1px,transparent 1px);
  background-size:40px 40px;
}

/* ── CURSOR ── */
#csr{position:fixed;z-index:9999;pointer-events:none;transform:translate(-50%,-50%);top:-200px;left:-200px}
#csr-dot{width:6px;height:6px;border-radius:50%;background:var(--ink);position:relative;z-index:1;transition:width .13s,height .13s}
#csr-h{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:1px;background:rgba(10,12,16,.27)}
#csr-v{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1px;height:18px;background:rgba(10,12,16,.27)}
body:has(a:hover) #csr-dot,
body:has(button:hover) #csr-dot{width:14px;height:14px}

#pgbar{position:fixed;bottom:0;left:0;height:1px;width:0;background:var(--ink);z-index:10000;transition:width .07s linear}

/* ── STATUS BAR ── */
.sb{
  position:fixed;top:0;left:0;right:0;z-index:600;
  height:28px;background:var(--bg1);border-bottom:1px solid var(--bdr);
  display:flex;align-items:stretch;justify-content:space-between;
  font-size:10px;letter-spacing:.08em;color:var(--ink3);overflow:hidden;
}
.sb-l{display:flex;align-items:stretch}
.sb-c{
  display:flex;align-items:center;gap:5px;
  padding:0 13px;border-right:1px solid var(--bdr);white-space:nowrap;
}
.sb-c:first-child{padding-left:20px}
.sb-v{color:var(--ink);font-weight:500}
.sb-dot{width:5px;height:5px;border-radius:50%;background:#34D399;flex-shrink:0;animation:dotPulse 2.6s ease-in-out infinite}
@keyframes dotPulse{0%,100%{opacity:1}50%{opacity:.3}}
.sb-r{display:flex;align-items:center;padding:0 20px;font-size:10px;color:var(--ink4);letter-spacing:.06em}

/* ── NAVBAR ── */
.nav{
  position:fixed;top:28px;left:0;right:0;z-index:500;
  height:48px;background:var(--bg2);border-bottom:1px solid var(--bdr2);
  display:flex;align-items:stretch;justify-content:space-between;
}
.nav-logo{
  display:flex;align-items:center;gap:9px;padding:0 24px;
  font-family:var(--syne);font-weight:800;font-size:15px;
  letter-spacing:.13em;color:var(--ink);
}
.nav-tag{
  font-family:var(--mono);font-size:10px;font-weight:400;
  color:var(--ink4);border:1px solid var(--bdr3);padding:2px 8px;letter-spacing:.1em;
}
.nav-r{display:flex;align-items:stretch}
.nav-a{
  display:flex;align-items:center;padding:0 18px;
  font-size:11px;color:var(--ink3);letter-spacing:.06em;
  border-left:1px solid var(--bdr);
  transition:color .13s,background .13s;
}
.nav-a:hover{color:var(--ink);background:var(--bg3)}
.nav-buy{background:var(--ink);color:var(--bg2);font-weight:600;letter-spacing:.1em}
.nav-buy:hover{background:rgba(10,12,16,.82);color:var(--bg2)}

/* current page indicator */
.nav-a.nav-current{color:var(--ink);font-weight:600;background:var(--bg3)}

/* ── LAYOUT ── */
#desktop{display:block;padding-top:76px;position:relative;z-index:1;min-height:100vh}
.page{max-width:820px;margin:0 auto;padding:52px 32px 100px}

/* ── PAGE HEADER ── */
.pg-hd{
  display:grid;grid-template-columns:1fr auto;
  gap:16px;align-items:end;
  padding-bottom:28px;margin-bottom:40px;
  border-bottom:1px solid var(--bdr2);
}
.pg-eye{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink4);margin-bottom:9px}
.pg-title{
  font-family:var(--syne);font-weight:800;
  font-size:42px;letter-spacing:-.028em;color:var(--ink);line-height:.98;
}
.pg-sub{font-size:12px;color:var(--ink3);margin-top:9px;letter-spacing:.02em;line-height:1.7}
.pg-meta{font-size:10px;color:var(--ink4);text-align:right;letter-spacing:.06em;line-height:2}
.pg-meta-ca{
  font-family:var(--mono);font-size:9px;color:var(--ink3);
  background:var(--ink5);padding:4px 8px;display:inline-block;
  margin-top:4px;word-break:break-all;max-width:240px;
}

/* ── CA BLOCK ── */
.ca-blk{
  display:flex;align-items:center;gap:20px;
  background:var(--bg2);border:1px solid var(--bdr2);
  padding:20px 22px;margin-bottom:44px;
  position:relative;overflow:hidden;
}
.ca-blk::before{
  content:'';position:absolute;left:0;top:0;bottom:0;
  width:3px;background:var(--ink);
}
.ca-lbl{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink4);margin-bottom:6px}
.ca-addr{font-family:var(--mono);font-size:12px;color:var(--ink2);line-height:1.6;word-break:break-all}
.ca-btn{
  flex-shrink:0;padding:10px 18px;cursor:none;
  font-family:var(--mono);font-size:10px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;
  border:1px solid var(--bdr3);color:var(--ink3);
  transition:background .14s,color .14s,border-color .14s;
}
.ca-btn:hover{background:var(--ink);color:var(--bg2);border-color:var(--ink)}

/* ── SECTION ── */
.sec{margin-bottom:44px}
.sec-hd{
  display:flex;align-items:center;gap:10px;
  padding-bottom:11px;margin-bottom:1px;
  border-bottom:1px solid var(--bdr2);
}
.sec-n{font-size:9px;color:var(--ink4);letter-spacing:.14em}
.sec-div{width:1px;height:11px;background:var(--bdr3)}
.sec-lbl{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink2);font-weight:600}

/* ── ROW ── */
.row{
  display:flex;align-items:center;
  border-bottom:1px solid var(--bdr);
  transition:background .11s;position:relative;overflow:hidden;
}
.row::after{
  content:'';position:absolute;left:0;top:0;bottom:0;
  width:2px;background:var(--ink);
  transform:scaleY(0);transform-origin:center;
  transition:transform .17s ease;
}
.row:hover{background:var(--bg2)}
.row:hover::after{transform:scaleY(1)}
.row:last-child{border-bottom:none}
.row-ico{
  width:52px;height:58px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:16px;color:var(--ink3);
  border-right:1px solid var(--bdr);
}
.row-body{flex:1;padding:14px 20px;min-width:0}
.row-name{
  font-size:13px;font-weight:600;color:var(--ink);
  letter-spacing:.02em;display:flex;align-items:center;
  gap:8px;flex-wrap:wrap;
}
.row-desc{font-size:11px;color:var(--ink3);margin-top:4px;letter-spacing:.02em;line-height:1.55}
.bdg{
  font-size:8px;letter-spacing:.1em;text-transform:uppercase;
  padding:2px 8px;border:1px solid var(--bdr2);color:var(--ink4);line-height:1.6;flex-shrink:0;
}
.bdg-on{border-color:var(--ink);color:var(--ink)}
.bdg-rec{background:var(--ink5);color:var(--ink2);border-color:var(--bdr3)}
.row-arr{
  width:52px;height:58px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:13px;color:var(--ink4);
  border-left:1px solid var(--bdr);
  transition:color .13s,transform .13s;
}
.row:hover .row-arr{color:var(--ink);transform:translate(2px,-2px)}

/* ── SKIP LINK (accessibility) ── */
.skip-link{
  position:absolute;top:-48px;left:16px;z-index:9999;
  background:var(--ink);color:var(--bg2);
  padding:8px 16px;font-size:12px;letter-spacing:.06em;
  transition:top .15s;
}
.skip-link:focus{top:8px}

/* ── FOOTER BAR ── */
.dfoot{
  position:fixed;bottom:1px;left:0;right:0;z-index:500;
  height:30px;background:var(--bg1);border-top:1px solid var(--bdr);
  display:flex;align-items:center;padding:0 20px;
  font-size:10px;color:var(--ink4);letter-spacing:.08em;
  gap:0;
}
.dfoot-c{padding:0 14px;border-right:1px solid var(--bdr)}
.dfoot-c:first-child{padding-left:0}
.dfoot-c a{color:var(--ink4);transition:color .13s}
.dfoot-c a:hover{color:var(--ink)}
.dfoot-r{margin-left:auto;color:rgba(10,12,16,.18)}

/* ══════════════════════════════════════════════════
   MOBILE
══════════════════════════════════════════════════ */
#mobile{display:none}

@media (pointer:coarse),(max-width:779px){
  body{background:var(--mbg);color:var(--mi);cursor:auto;scrollbar-width:none;-ms-overflow-style:none}
  body::-webkit-scrollbar{display:none}
  body::before,body::after{display:none}
  #csr,#pgbar{display:none}
  #desktop{display:none!important}
  #mobile{display:block}

  /* orbs */
  .orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0}
  .orb1{width:460px;height:460px;top:-120px;left:-150px;background:radial-gradient(circle,rgba(65,85,155,.18) 0%,transparent 68%);animation:mOrb 18s ease-in-out infinite}
  .orb2{width:340px;height:340px;bottom:20%;right:-90px;background:radial-gradient(circle,rgba(30,65,125,.14) 0%,transparent 68%);animation:mOrb 24s ease-in-out infinite reverse}
  .orb3{width:260px;height:260px;top:55%;left:5%;background:radial-gradient(circle,rgba(20,50,95,.11) 0%,transparent 68%);animation:mOrb 20s ease-in-out infinite 5s}
  @keyframes mOrb{0%,100%{transform:translateY(0) scale(1)}42%{transform:translateY(-26px) scale(1.04)}70%{transform:translateY(14px) scale(.97)}}

  /* glass */
  .mgl{
    background:var(--mgl);
    backdrop-filter:blur(28px) saturate(160%);
    -webkit-backdrop-filter:blur(28px) saturate(160%);
    border:1px solid var(--mgb);border-radius:20px;
    position:relative;overflow:hidden;
  }
  .mgl::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(140deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.01) 55%,transparent 100%);pointer-events:none}

  /* top nav */
  .mnav{
    position:fixed;top:0;left:0;right:0;z-index:200;
    height:60px;padding:0 20px;padding-top:var(--safe-t);
    display:flex;align-items:center;justify-content:space-between;
    background:rgba(8,10,15,.82);
    backdrop-filter:blur(32px) saturate(180%);
    -webkit-backdrop-filter:blur(32px) saturate(180%);
    border-bottom:1px solid var(--mgb2);
  }
  .mlogo{font-family:'Syne',sans-serif;font-weight:800;font-size:18px;letter-spacing:.12em;color:var(--mi)}
  .mlogo span{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:400;color:var(--mi4);margin-left:7px}
  .mpill{
    display:flex;align-items:center;gap:7px;
    padding:7px 14px;border-radius:100px;
    background:var(--mgl);border:1px solid var(--mgb);
    font-size:11px;letter-spacing:.09em;color:var(--mi2);
  }
  .mpill-dot{width:6px;height:6px;background:var(--mgr);border-radius:50%;animation:mBreathe 2.5s ease-in-out infinite}
  @keyframes mBreathe{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(52,211,153,.5)}50%{opacity:.65;box-shadow:0 0 0 4px rgba(52,211,153,0)}}

  /* shell */
  .mshell{
    position:relative;z-index:1;
    padding:74px 16px calc(var(--safe-b) + 40px);
    max-width:480px;margin:0 auto;
  }

  /* page header */
  .mhd{padding:22px 0 24px}
  .mhd-eye{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--mi4);margin-bottom:7px}
  .mhd-title{font-family:'Syne',sans-serif;font-weight:800;font-size:38px;line-height:.93;letter-spacing:-.025em;color:var(--mi)}
  .mhd-title span{display:block;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.36);margin-top:4px}
  .mhd-sub{font-size:13px;color:var(--mi3);letter-spacing:.02em;font-weight:300;margin-top:12px;line-height:1.65}

  /* CA card */
  .mca{padding:20px 20px;margin-bottom:22px}
  .mca-lbl{font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--mi4);margin-bottom:8px}
  .mca-addr{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--mi2);word-break:break-all;line-height:1.75}
  .mca-copy{
    margin-top:14px;display:inline-flex;align-items:center;gap:8px;
    font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--mi3);
    letter-spacing:.09em;cursor:pointer;-webkit-tap-highlight-color:transparent;
    padding:0;background:none;border:none;
  }
  .mca-copy svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;flex-shrink:0}

  /* section */
  .msec{margin-bottom:24px}
  .msec-hd{
    display:flex;align-items:center;gap:8px;
    padding:0 2px 11px;border-bottom:1px solid var(--mgb2);margin-bottom:0;
    font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--mi3);font-weight:600;
  }
  .msec-n{color:rgba(255,255,255,.18)}

  /* link list */
  .mlist{
    border-radius:20px;overflow:hidden;
    border:1px solid var(--mgb);
    background:var(--mgl);
    backdrop-filter:blur(28px) saturate(160%);
    -webkit-backdrop-filter:blur(28px) saturate(160%);
    position:relative;
  }
  .mlist::before{
    content:'';position:absolute;inset:0;border-radius:inherit;z-index:0;
    background:linear-gradient(140deg,rgba(255,255,255,.075) 0%,rgba(255,255,255,.01) 55%,transparent 100%);
    pointer-events:none;
  }

  /* row */
  .mrow{
    display:flex;align-items:center;
    border-bottom:1px solid var(--mgb2);
    text-decoration:none;position:relative;z-index:1;
    -webkit-tap-highlight-color:transparent;
    transition:background .11s;
    min-height:64px;
  }
  .mrow:last-child{border-bottom:none}
  .mrow:active{background:rgba(255,255,255,.05)}
  .mrow-ico{width:58px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;border-right:1px solid var(--mgb2)}
  .mrow-body{flex:1;padding:15px 16px;min-width:0}
  .mrow-name{font-family:'Syne',sans-serif;font-weight:700;font-size:15px;color:var(--mi);line-height:1.2}
  .mrow-desc{font-size:12px;color:var(--mi3);margin-top:3px;line-height:1.45}
  .mrow-bdg{
    display:inline-flex;align-items:center;gap:4px;
    margin-top:6px;font-size:8px;letter-spacing:.1em;
    text-transform:uppercase;padding:3px 10px;border-radius:100px;
    background:var(--mgrd);color:var(--mgr);
    border:1px solid rgba(52,211,153,.18);line-height:1;
  }
  .mrow-bdg-dot{width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}
  .mrow-arr{width:48px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--mi4);border-left:1px solid var(--mgb2)}

  .mfoot{padding:30px 0 8px;text-align:center;font-size:11px;color:var(--mi4);letter-spacing:.08em;line-height:2.2}
  .mfoot-dim{color:rgba(255,255,255,.10)}

  /* hide skip link on mobile */
  .skip-link{display:none}
}
</style>
</head>
<body>

<a href="#main-content" class="skip-link">Skip to main content</a>
<div id="csr" aria-hidden="true"><div id="csr-h"></div><div id="csr-v"></div><div id="csr-dot"></div></div>
<div id="pgbar" aria-hidden="true"></div>


<!-- ════════════════════════════════════════════
     DESKTOP
════════════════════════════════════════════ -->
<div id="desktop">

  <div class="sb" role="banner">
    <div class="sb-l">
      <div class="sb-c"><span class="sb-dot" aria-hidden="true"></span><span class="sb-v">AGENT ACTIVE</span></div>
      <div class="sb-c">CHAIN&nbsp;<span class="sb-v">BASE L2</span></div>
      <div class="sb-c">PRICE&nbsp;<span class="sb-v" id="sb-price">—</span></div>
      <div class="sb-c">24H&nbsp;<span class="sb-v" id="sb-chg">—</span></div>
      <div class="sb-c">MCAP&nbsp;<span class="sb-v" id="sb-mcap">—</span></div>
      <div class="sb-c"><a href="index.php" style="color:var(--ink3);letter-spacing:.08em">← MAIN SITE</a></div>
    </div>
    <div class="sb-r" id="d-clock" aria-live="off">--:--:-- UTC</div>
  </div>

  <nav class="nav" aria-label="Primary navigation">
    <a href="index.php" class="nav-logo" aria-label="Aptum home">APTUM <span class="nav-tag">$A</span></a>
    <div class="nav-r" role="list">
      <a href="index.php"                                                                             class="nav-a" role="listitem">Home</a>
      <a href="whitepaper.php"                                                                  class="nav-a" role="listitem">Whitepaper</a>
      <a href="https://x.com/aptum_"           target="_blank" rel="noopener noreferrer"             class="nav-a" role="listitem">X&nbsp;/&nbsp;Twitter</a>
      <a href="https://t.me/aptum"             target="_blank" rel="noopener noreferrer"             class="nav-a" role="listitem">Telegram</a>
      <a href="links.php"                                                                       class="nav-a nav-current" role="listitem" aria-current="page">Links</a>
      <a href="https://clanker.world/clanker/<?= h(CA) ?>" target="_blank" rel="noopener noreferrer" class="nav-a nav-buy" role="listitem">Buy $A ↗</a>
    </div>
  </nav>

  <main id="main-content">
    <div class="page">

      <header class="pg-hd">
        <div>
          <p class="pg-eye">// APTUM · $A · ALL LINKS</p>
          <h1 class="pg-title">Links</h1>
          <p class="pg-sub">Every official channel, exchange and resource — one place.</p>
        </div>
        <div class="pg-meta">
          Base Network<br>
          <span class="pg-meta-ca"><?= h(CA) ?></span>
        </div>
      </header>

      <div class="ca-blk" role="region" aria-label="Contract address">
        <div style="flex:1;min-width:0">
          <p class="ca-lbl">Contract Address · Base Network</p>
          <p class="ca-addr"><?= h(CA) ?></p>
        </div>
        <button class="ca-btn" id="d-ca-btn" type="button" aria-label="Copy contract address to clipboard">COPY CA</button>
      </div>

      <!-- 01 BUY -->
      <section class="sec" aria-labelledby="sh-buy">
        <div class="sec-hd">
          <span class="sec-n" aria-hidden="true">01</span><span class="sec-div" aria-hidden="true"></span>
          <span class="sec-lbl" id="sh-buy">Buy $A</span>
        </div>
        <a href="https://clanker.world/clanker/<?= h(CA) ?>" target="_blank" rel="noopener noreferrer" class="row" aria-label="Buy on Clanker — Primary exchange, recommended (opens in new tab)">
          <div class="row-ico" aria-hidden="true">⬡</div>
          <div class="row-body">
            <div class="row-name">Clanker <span class="bdg bdg-rec">Recommended</span></div>
            <p class="row-desc">Primary exchange — built on Base, simplest onboarding</p>
          </div>
          <div class="row-arr" aria-hidden="true">↗</div>
        </a>
        <a href="https://app.uniswap.org/swap?chain=base&amp;outputCurrency=<?= h(CA) ?>" target="_blank" rel="noopener noreferrer" class="row" aria-label="Buy on Uniswap V3 (opens in new tab)">
          <div class="row-ico" aria-hidden="true">◈</div>
          <div class="row-body">
            <div class="row-name">Uniswap V3</div>
            <p class="row-desc">Swap on Base via Uniswap</p>
          </div>
          <div class="row-arr" aria-hidden="true">↗</div>
        </a>
      </section>

      <!-- 02 CHARTS -->
      <section class="sec" aria-labelledby="sh-charts">
        <div class="sec-hd">
          <span class="sec-n" aria-hidden="true">02</span><span class="sec-div" aria-hidden="true"></span>
          <span class="sec-lbl" id="sh-charts">Charts &amp; Data</span>
        </div>
        <a href="https://dexscreener.com/base/<?= h(PAIR) ?>" target="_blank" rel="noopener noreferrer" class="row" aria-label="View on DEX Screener — live price data (opens in new tab)">
          <div class="row-ico" aria-hidden="true">▦</div>
          <div class="row-body">
            <div class="row-name">DEX Screener <span class="bdg bdg-on">● Live</span></div>
            <p class="row-desc">Real-time price, volume, liquidity and transaction data</p>
          </div>
          <div class="row-arr" aria-hidden="true">↗</div>
        </a>
        <a href="https://arenatrade.ai/token/0xada0a8961a8e423a84356e2abb876697b7790906" target="_blank" rel="noopener noreferrer" class="row" aria-label="Trade on Arena Trade (opens in new tab)">
          <div class="row-ico" aria-hidden="true">◭</div>
          <div class="row-body">
            <div class="row-name">Arena Trade</div>
            <p class="row-desc">Trade $A on Arena — social trading terminal</p>
          </div>
          <div class="row-arr" aria-hidden="true">↗</div>
        </a>
        <a href="https://www.geckoterminal.com/base/pools/<?= h(PAIR) ?>" target="_blank" rel="noopener noreferrer" class="row" aria-label="View on GeckoTerminal (opens in new tab)">
          <div class="row-ico" aria-hidden="true">◉</div>
          <div class="row-body">
            <div class="row-name">GeckoTerminal</div>
            <p class="row-desc">On-chain pool analytics — candlesticks and depth charts</p>
          </div>
          <div class="row-arr" aria-hidden="true">↗</div>
        </a>
        <a href="https://basescan.org/token/<?= h(CA) ?>" target="_blank" rel="noopener noreferrer" class="row" aria-label="View on Basescan explorer (opens in new tab)">
          <div class="row-ico" aria-hidden="true">⬚</div>
          <div class="row-body">
            <div class="row-name">Basescan</div>
            <p class="row-desc">On-chain explorer — holders, transfers, contract source</p>
          </div>
          <div class="row-arr" aria-hidden="true">↗</div>
        </a>
      </section>

      <!-- 03 COMMUNITY -->
      <section class="sec" aria-labelledby="sh-community">
        <div class="sec-hd">
          <span class="sec-n" aria-hidden="true">03</span><span class="sec-div" aria-hidden="true"></span>
          <span class="sec-lbl" id="sh-community">Community</span>
        </div>
        <a href="https://x.com/aptum_" target="_blank" rel="noopener noreferrer" class="row" aria-label="Follow Aptum on X / Twitter (opens in new tab)">
          <div class="row-ico" aria-hidden="true">𝕏</div>
          <div class="row-body">
            <div class="row-name">X&nbsp;/ Twitter</div>
            <p class="row-desc">Agent posts, milestones and revenue updates</p>
          </div>
          <div class="row-arr" aria-hidden="true">↗</div>
        </a>
        <a href="https://t.me/aptum" target="_blank" rel="noopener noreferrer" class="row" aria-label="Join Aptum Telegram (opens in new tab)">
          <div class="row-ico" aria-hidden="true">✈</div>
          <div class="row-body">
            <div class="row-name">Telegram</div>
            <p class="row-desc">Main community chat — announcements, discussion, alpha</p>
          </div>
          <div class="row-arr" aria-hidden="true">↗</div>
        </a>
        <a href="https://warpcast.com/aptum-agent" target="_blank" rel="noopener noreferrer" class="row" aria-label="Follow Aptum on Farcaster / Warpcast (opens in new tab)">
          <div class="row-ico" aria-hidden="true">⬟</div>
          <div class="row-body">
            <div class="row-name">Farcaster&nbsp;/ Warpcast</div>
            <p class="row-desc">@aptum-agent · Base-native on-chain social</p>
          </div>
          <div class="row-arr" aria-hidden="true">↗</div>
        </a>
      </section>

      <!-- 04 DOCS -->
      <section class="sec" aria-labelledby="sh-docs">
        <div class="sec-hd">
          <span class="sec-n" aria-hidden="true">04</span><span class="sec-div" aria-hidden="true"></span>
          <span class="sec-lbl" id="sh-docs">Docs &amp; Resources</span>
        </div>
        <a href="index.php" class="row" aria-label="Visit Aptum main website">
          <div class="row-ico" aria-hidden="true">⊞</div>
          <div class="row-body">
            <div class="row-name">Aptum Website</div>
            <p class="row-desc">Main landing page — overview, verticals, tokenomics, roadmap</p>
          </div>
          <div class="row-arr" aria-hidden="true">→</div>
        </a>
        <a href="whitepaper.php" class="row" aria-label="Read the Aptum whitepaper">
          <div class="row-ico" aria-hidden="true">≡</div>
          <div class="row-body">
            <div class="row-name">Whitepaper</div>
            <p class="row-desc">Full technical and economic documentation</p>
          </div>
          <div class="row-arr" aria-hidden="true">→</div>
        </a>
        <a href="https://base.org" target="_blank" rel="noopener noreferrer" class="row" aria-label="Learn about Base Network (opens in new tab)">
          <div class="row-ico" aria-hidden="true">◐</div>
          <div class="row-body">
            <div class="row-name">Base Network</div>
            <p class="row-desc">Coinbase's Ethereum Layer 2 — where Aptum runs</p>
          </div>
          <div class="row-arr" aria-hidden="true">↗</div>
        </a>
      </section>

    </div>
  </main>

  <footer class="dfoot" role="contentinfo">
    <span class="dfoot-c">APTUM · $A</span>
    <span class="dfoot-c">Base Network</span>
    <span class="dfoot-c"><a href="index.php">Main Site</a></span>
    <span class="dfoot-c"><a href="whitepaper.php">Whitepaper</a></span>
    <span class="dfoot-c"><a href="https://x.com/aptum_" target="_blank" rel="noopener noreferrer">X&nbsp;/&nbsp;Twitter</a></span>
    <span class="dfoot-c"><a href="https://t.me/aptum" target="_blank" rel="noopener noreferrer">Telegram</a></span>
    <span class="dfoot-r">2026 · Built on Base</span>
  </footer>

</div><!-- /#desktop -->


<!-- ════════════════════════════════════════════
     MOBILE
════════════════════════════════════════════ -->
<div id="mobile" aria-hidden="false">
  <div class="orb orb1" aria-hidden="true"></div>
  <div class="orb orb2" aria-hidden="true"></div>
  <div class="orb orb3" aria-hidden="true"></div>

  <nav class="mnav" aria-label="Mobile navigation">
    <a href="index.php" class="mlogo" aria-label="Aptum home">APTUM <span>$A</span></a>
    <div class="mpill" role="status" aria-label="Agent live">
      <div class="mpill-dot" aria-hidden="true"></div>Agent Live
    </div>
  </nav>

  <div class="mshell">

    <header class="mhd">
      <p class="mhd-eye">All Official Links</p>
      <h1 class="mhd-title">Links<span>&amp; Resources</span></h1>
      <p class="mhd-sub">Every official channel in one place.</p>
    </header>

    <div class="mca mgl" role="region" aria-label="Contract address">
      <p class="mca-lbl">Contract Address · Base</p>
      <p class="mca-addr"><?= h(CA) ?></p>
      <button class="mca-copy" id="m-ca-btn" type="button" aria-label="Copy contract address">
        <svg viewBox="0 0 24 24" aria-hidden="true"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
        <span id="m-ca-span">Copy address</span>
      </button>
    </div>

    <!-- 01 BUY -->
    <div class="msec">
      <div class="msec-hd"><span class="msec-n">01 /</span>&nbsp;Buy $A</div>
      <div class="mlist" role="list">
        <a href="https://clanker.world/clanker/<?= h(CA) ?>" target="_blank" rel="noopener noreferrer" class="mrow" role="listitem" aria-label="Buy on Clanker — recommended (opens in new tab)">
          <div class="mrow-ico" aria-hidden="true">⬡</div>
          <div class="mrow-body">
            <div class="mrow-name">Clanker</div>
            <p class="mrow-desc">Primary · Built on Base</p>
            <div class="mrow-bdg"><div class="mrow-bdg-dot" aria-hidden="true"></div>Recommended</div>
          </div>
          <div class="mrow-arr" aria-hidden="true">›</div>
        </a>
        <a href="https://app.uniswap.org/swap?chain=base&amp;outputCurrency=<?= h(CA) ?>" target="_blank" rel="noopener noreferrer" class="mrow" role="listitem" aria-label="Buy on Uniswap V3 (opens in new tab)">
          <div class="mrow-ico" aria-hidden="true">◈</div>
          <div class="mrow-body">
            <div class="mrow-name">Uniswap V3</div>
            <p class="mrow-desc">Swap on Base</p>
          </div>
          <div class="mrow-arr" aria-hidden="true">›</div>
        </a>
      </div>
    </div>

    <!-- 02 CHARTS -->
    <div class="msec">
      <div class="msec-hd"><span class="msec-n">02 /</span>&nbsp;Charts &amp; Data</div>
      <div class="mlist" role="list">
        <a href="https://dexscreener.com/base/<?= h(PAIR) ?>" target="_blank" rel="noopener noreferrer" class="mrow" role="listitem" aria-label="DEX Screener — live price data (opens in new tab)">
          <div class="mrow-ico" aria-hidden="true">▦</div>
          <div class="mrow-body">
            <div class="mrow-name">DEX Screener</div>
            <p class="mrow-desc">Price, volume &amp; liquidity</p>
            <div class="mrow-bdg"><div class="mrow-bdg-dot" aria-hidden="true"></div>Live data</div>
          </div>
          <div class="mrow-arr" aria-hidden="true">›</div>
        </a>
        <a href="https://arenatrade.ai/token/0xada0a8961a8e423a84356e2abb876697b7790906" target="_blank" rel="noopener noreferrer" class="mrow" role="listitem" aria-label="Arena Trade — social trading terminal (opens in new tab)">
          <div class="mrow-ico" aria-hidden="true">◭</div>
          <div class="mrow-body">
            <div class="mrow-name">Arena Trade</div>
            <p class="mrow-desc">Social trading terminal</p>
          </div>
          <div class="mrow-arr" aria-hidden="true">›</div>
        </a>
        <a href="https://www.geckoterminal.com/base/pools/<?= h(PAIR) ?>" target="_blank" rel="noopener noreferrer" class="mrow" role="listitem" aria-label="GeckoTerminal pool analytics (opens in new tab)">
          <div class="mrow-ico" aria-hidden="true">◉</div>
          <div class="mrow-body">
            <div class="mrow-name">GeckoTerminal</div>
            <p class="mrow-desc">Candlesticks &amp; depth</p>
          </div>
          <div class="mrow-arr" aria-hidden="true">›</div>
        </a>
        <a href="https://basescan.org/token/<?= h(CA) ?>" target="_blank" rel="noopener noreferrer" class="mrow" role="listitem" aria-label="Basescan explorer (opens in new tab)">
          <div class="mrow-ico" aria-hidden="true">⬚</div>
          <div class="mrow-body">
            <div class="mrow-name">Basescan</div>
            <p class="mrow-desc">Explorer · holders &amp; transfers</p>
          </div>
          <div class="mrow-arr" aria-hidden="true">›</div>
        </a>
      </div>
    </div>

    <!-- 03 COMMUNITY -->
    <div class="msec">
      <div class="msec-hd"><span class="msec-n">03 /</span>&nbsp;Community</div>
      <div class="mlist" role="list">
        <a href="https://x.com/aptum_" target="_blank" rel="noopener noreferrer" class="mrow" role="listitem" aria-label="X / Twitter — agent posts (opens in new tab)">
          <div class="mrow-ico" aria-hidden="true">𝕏</div>
          <div class="mrow-body">
            <div class="mrow-name">X&nbsp;/ Twitter</div>
            <p class="mrow-desc">Agent posts &amp; updates</p>
          </div>
          <div class="mrow-arr" aria-hidden="true">›</div>
        </a>
        <a href="https://t.me/aptum" target="_blank" rel="noopener noreferrer" class="mrow" role="listitem" aria-label="Join Telegram community (opens in new tab)">
          <div class="mrow-ico" aria-hidden="true">✈</div>
          <div class="mrow-body">
            <div class="mrow-name">Telegram</div>
            <p class="mrow-desc">Main community chat</p>
          </div>
          <div class="mrow-arr" aria-hidden="true">›</div>
        </a>
        <a href="https://warpcast.com/aptum-agent" target="_blank" rel="noopener noreferrer" class="mrow" role="listitem" aria-label="Follow on Farcaster / Warpcast (opens in new tab)">
          <div class="mrow-ico" aria-hidden="true">⬟</div>
          <div class="mrow-body">
            <div class="mrow-name">Farcaster</div>
            <p class="mrow-desc">@aptum-agent · Base-native social</p>
          </div>
          <div class="mrow-arr" aria-hidden="true">›</div>
        </a>
      </div>
    </div>

    <!-- 04 DOCS -->
    <div class="msec">
      <div class="msec-hd"><span class="msec-n">04 /</span>&nbsp;Docs &amp; Resources</div>
      <div class="mlist" role="list">
        <a href="index.php" class="mrow" role="listitem" aria-label="Aptum main website">
          <div class="mrow-ico" aria-hidden="true">⊞</div>
          <div class="mrow-body">
            <div class="mrow-name">Aptum Website</div>
            <p class="mrow-desc">Full overview &amp; tokenomics</p>
          </div>
          <div class="mrow-arr" aria-hidden="true">›</div>
        </a>
        <a href="whitepaper.php" class="mrow" role="listitem" aria-label="Read the whitepaper">
          <div class="mrow-ico" aria-hidden="true">≡</div>
          <div class="mrow-body">
            <div class="mrow-name">Whitepaper</div>
            <p class="mrow-desc">Full technical documentation</p>
          </div>
          <div class="mrow-arr" aria-hidden="true">›</div>
        </a>
        <a href="https://base.org" target="_blank" rel="noopener noreferrer" class="mrow" role="listitem" aria-label="Learn about Base Network (opens in new tab)">
          <div class="mrow-ico" aria-hidden="true">◐</div>
          <div class="mrow-body">
            <div class="mrow-name">Base Network</div>
            <p class="mrow-desc">Coinbase's Ethereum L2</p>
          </div>
          <div class="mrow-arr" aria-hidden="true">›</div>
        </a>
      </div>
    </div>

    <footer class="mfoot" role="contentinfo">
      APTUM · $A · Base Network<br>
      <span class="mfoot-dim">2026 · Built on Base</span>
    </footer>

  </div>
</div><!-- /#mobile -->


<script>
(function () {
  'use strict';

  var CA = '<?= h(CA) ?>';

  function setText(id, val) {
    var el = document.getElementById(id);
    if (el) el.textContent = String(val);
  }
  function pad2(n) { return ('0' + n).slice(-2); }

  /* ── cursor ── */
  var csr = document.getElementById('csr');
  if (csr && window.matchMedia('(pointer:fine)').matches) {
    var mx = -200, my = -200, cx = -200, cy = -200;
    document.addEventListener('mousemove', function (e) { mx = e.clientX; my = e.clientY; }, { passive: true });
    (function loop() {
      cx += (mx - cx) * 0.18; cy += (my - cy) * 0.18;
      csr.style.left = cx + 'px'; csr.style.top = cy + 'px';
      requestAnimationFrame(loop);
    })();
  }

  /* ── UTC clock ── */
  function tick() {
    var d = new Date();
    setText('d-clock', pad2(d.getUTCHours()) + ':' + pad2(d.getUTCMinutes()) + ':' + pad2(d.getUTCSeconds()) + ' UTC');
  }
  tick(); setInterval(tick, 1000);

  /* ── scroll bar ── */
  var pgbar = document.getElementById('pgbar');
  if (pgbar) {
    window.addEventListener('scroll', function () {
      var max = document.body.scrollHeight - window.innerHeight;
      pgbar.style.width = (max > 0 ? Math.min(window.scrollY / max * 100, 100) : 0) + '%';
    }, { passive: true });
  }

  /* ── price helpers ── */
  function fmtPrice(p) {
    var n = parseFloat(p);
    if (!p || isNaN(n) || n === 0) return '—';
    if (n >= 1000)  return '$' + n.toLocaleString('en-US', { maximumFractionDigits: 2 });
    if (n >= 1)     return '$' + n.toFixed(4);
    if (n >= 0.01)  return '$' + n.toFixed(5);
    if (n >= 0.001) return '$' + n.toFixed(6);
    var s = n.toFixed(20);
    var m = s.match(/^0\.(0*)([1-9]\d*)/);
    if (!m) return '$' + n.toExponential(3);
    var zeros = m[1].length, sig = m[2].slice(0, 4);
    var SUBS = '\u2080\u2081\u2082\u2083\u2084\u2085\u2086\u2087\u2088\u2089';
    if (zeros >= 4) {
      var sub = String(zeros).split('').map(function (d) { return SUBS[+d]; }).join('');
      return '$0.0' + sub + sig;
    }
    return '$' + n.toFixed(zeros + 4);
  }
  function fmtUSD(n) {
    if (!n || isNaN(n)) return '—';
    if (n >= 1e9) return '$' + (n / 1e9).toFixed(2) + 'B';
    if (n >= 1e6) return '$' + (n / 1e6).toFixed(2) + 'M';
    if (n >= 1e3) return '$' + (n / 1e3).toFixed(1) + 'K';
    return '$' + n.toFixed(2);
  }
  function fmtPct(n) {
    if (n == null || isNaN(n)) return '—';
    return (n >= 0 ? '+' : '') + n.toFixed(2) + '%';
  }

  /* ── DEX Screener ── */
  function fetchPrice() {
    fetch('https://api.dexscreener.com/tokens/v1/base/' + encodeURIComponent(CA), {
      method: 'GET', headers: { Accept: 'application/json' }
    })
    .then(function (r) { return r.ok ? r.json() : Promise.reject(); })
    .then(function (data) {
      var pairs = Array.isArray(data) ? data : (Array.isArray(data.pairs) ? data.pairs : []);
      if (!pairs.length) return;
      var pair = pairs.reduce(function (b, p) {
        return ((p.liquidity && p.liquidity.usd) || 0) > ((b.liquidity && b.liquidity.usd) || 0) ? p : b;
      }, pairs[0]);
      var price = pair.priceUsd || null;
      var chg24 = pair.priceChange && pair.priceChange.h24 != null ? pair.priceChange.h24 : null;
      var mcap  = pair.marketCap || null;
      setText('sb-price', fmtPrice(price));
      setText('sb-mcap',  fmtUSD(mcap));
      var chgEl = document.getElementById('sb-chg');
      if (chgEl) {
        chgEl.textContent = fmtPct(chg24);
        chgEl.style.color = (chg24 !== null && chg24 >= 0) ? '#34D399' : 'rgba(10,12,16,.50)';
      }
    })
    .catch(function () {});
  }
  fetchPrice(); setInterval(fetchPrice, 30000);

  /* ── copy CA ── */
  function doCopy(btn, spanId, resetLabel) {
    if (!navigator.clipboard) return;
    navigator.clipboard.writeText(CA)
      .then(function () {
        if (spanId) {
          var s = document.getElementById(spanId);
          if (s) { s.textContent = 'Copied!'; setTimeout(function () { s.textContent = resetLabel; }, 2200); }
        } else if (btn) {
          var orig = btn.textContent;
          btn.textContent = 'COPIED \u2713';
          setTimeout(function () { btn.textContent = orig; }, 2000);
        }
      })
      .catch(function () {});
  }

  var dBtn = document.getElementById('d-ca-btn');
  if (dBtn) dBtn.addEventListener('click', function () { doCopy(dBtn, null, ''); });

  var mBtn = document.getElementById('m-ca-btn');
  if (mBtn) mBtn.addEventListener('click', function () { doCopy(null, 'm-ca-span', 'Copy address'); });

  /* ── scroll reveal ── */
  if ('IntersectionObserver' in window) {
    var io = new IntersectionObserver(function (entries) {
      entries.forEach(function (e) {
        if (e.isIntersecting) {
          e.target.style.opacity = '1';
          e.target.style.transform = 'translateY(0)';
          io.unobserve(e.target);
        }
      });
    }, { threshold: 0.04 });
    document.querySelectorAll('.sec, .ca-blk').forEach(function (el) {
      el.style.opacity = '0';
      el.style.transform = 'translateY(14px)';
      el.style.transition = 'opacity .36s ease, transform .36s ease';
      io.observe(el);
    });
  }

})();
</script>

</body>
</html>