{% extends "base.html" %}
{# body_class intentionally empty: the legacy mb-v2 layer restyles h2/h3 in the
   display face and turns .mono gold, both of which break the ds- kit (d03, d04). #}
{% block body_class %}{% endblock %}

{% block title %}About MoonBite — why it exists, the rules and the roadmap{% endblock %}
{% block meta_description %}Why MoonBite exists: a proof-of-work coin with no presale and no founder allocation, mined in the open on ordinary CPUs, with every rule and decision published.{% endblock %}

{% block head_extra %}
<style nonce="{{ csp_nonce }}">
  /* about page only: icon well for the principle tiles and the inline listing
     notice form. Tokens only; everything else is the ds- kit. */
  .ab-ico { width: 48px; height: 48px; border-radius: 10px; border: 1px solid var(--ds-line-2); background: var(--ds-void);
    display: flex; align-items: center; justify-content: center; }
  .ab-tile-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
  .ab-tile-top .n { font-family: var(--ds-mono); font-size: 12px; color: var(--ds-ash); }
  .ab-tile .ds-textlink { align-self: flex-start; }
  .ab-stage .ds-kv { margin-top: 24px; }
  .ab-stage .cap { display: flex; align-items: center; gap: 12px; }
  .ab-stage .cap svg { flex: none; }
  .ab-not { display: grid; gap: 8px; padding: 24px 0; border-bottom: 1px solid var(--ds-line); }
  .ab-not .k { font-family: var(--ds-mono); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--ds-ash); }
  .ab-not .t { font-size: 20px; font-weight: 700; letter-spacing: -.01em; color: var(--ds-bone); }
  .ab-not p { margin: 0; color: var(--ds-ash); }
  .ab-nots { margin-top: 48px; border-top: 1px solid var(--ds-line); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px; }
  .ab-notices { margin-top: 48px; }
  .ab-notify { margin-top: 48px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 48px; align-items: end;
    padding-top: 48px; border-top: 1px solid var(--ds-line); }
  .ab-notify .ds-h3 + p { color: var(--ds-ash); margin: 8px 0 0; }
  .ds .ab-notify .ds-input { flex: 1 1 220px; background: var(--ds-ink); border: 1px solid var(--ds-line-2); box-shadow: none; padding: 12px 16px; border-radius: 6px; }
  .ds .ab-notify .ds-input:focus { border-color: var(--ds-gold); box-shadow: none; }
  .ds .ab-notify .mb-notify-ok { color: var(--ds-bone); font-weight: 400; font-size: 14px; margin-top: 12px; min-height: 1.6em; }
  .ab-notify .fine { font-size: 13px; color: var(--ds-ash); margin: 8px 0 0; }
  .ab-rules { margin-top: 48px; }
  .ab-row-go { display: inline-flex; align-items: center; gap: 8px; }
  @media (max-width: 767px) {
    .ab-nots, .ab-notify { grid-template-columns: minmax(0, 1fr); }
  }
</style>
{% endblock %}

{% block content %}
{% set MARK = "M 13.99 -99.02 A 100 100 0 1 0 99.02 -13.99 A 62 62 0 0 1 13.99 -99.02 Z" %}
{% set ARROW %}<svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>{% endset %}
<div class="ds">

<!-- ================= PAGE HEAD ================= -->
<header class="ds-pagehead split">
  <div class="ds-wrap">
    <div>
      <ol class="ds-crumbs" aria-label="Breadcrumb">
        <li><a href="/">MoonBite</a></li>
        <li><span aria-current="page">About</span></li>
      </ol>
      <p class="ds-eyebrow">Why MoonBite</p>
      <h1 class="ds-title">No boardroom.<br><span class="g">No back room.</span></h1>
      <p class="ds-lede">MoonBite is a fair-launch coin built entirely in public: <b>capped supply, zero premine, and every tool open for anyone to run</b>. This page says exactly where it stands and where it is headed, with nothing hidden.</p>
      <div class="ds-actions">
        <a class="ds-btn gold" href="/governance">Read the decisions {{ ARROW }}</a>
        <a class="ds-btn" href="/git/">Source code</a>
      </div>
      <ul class="ds-checks">
        <li>No presale</li>
        <li>No founder allocation</li>
        <li>Open source</li>
      </ul>
    </div>

    <div class="ds-stage ab-stage" aria-labelledby="record-h">
      <div class="cap">
        <svg width="28" height="28" viewBox="-150 -150 300 300" aria-hidden="true"><path fill="#F5F2EA" d="{{ MARK }}"/><rect x="-127.5" y="-40.5" width="255" height="13" fill="#D9A441"/><rect x="-127.5" y="11.5" width="255" height="13" fill="#D9A441"/></svg>
        <p class="ds-eyebrow" id="record-h">On the record</p>
      </div>
      <dl class="ds-kv">
        <dt>Presale</dt><dd>None</dd>
        <dt>Founder allocation</dt><dd>None. Founder blocks disclosed in <a class="ds-textlink" href="/governance/ADR-006">ADR-006</a></dd>
        <dt>Supply cap</dt><dd>{{ '{:,.2f}'.format(consensus.max_supply_coins) }} MBITE</dd>
        <dt>Proof of work</dt><dd>RandomX, CPU</dd>
        <dt>Source</dt><dd>Open, <a class="ds-textlink" href="/git/">/git/</a></dd>
        <dt>Decisions</dt><dd>Published as ADRs</dd>
      </dl>
    </div>
  </div>
</header>

<!-- ================= MISSION ================= -->
<section class="ds-section" aria-labelledby="mission-h">
  <div class="ds-wrap">
    <div class="ds-split">
      <p class="ds-eyebrow">Mission</p>
      <div>
        <h2 class="ds-h2" id="mission-h">Money you don't have<br><span class="dim">to take on trust.</span></h2>
        <p class="ds-sub">MoonBite is meant to be open and self-custodial from block zero. Every MBITE is mined under one public schedule: no insiders, no hidden allocations, no one you have to take on faith.</p>
      </div>
    </div>
  </div>
</section>

<!-- ================= PRINCIPLES ================= -->
<section class="ds-section alt" id="principles" aria-labelledby="principles-h">
  <div class="ds-wrap">
    <p class="ds-eyebrow">Principles</p>
    <h2 class="ds-h2" id="principles-h">Four things that<br><span class="dim">do not change.</span></h2>
    <p class="ds-sub">Each one is something you can check yourself, not something you have to believe.</p>

    <div class="ds-grid c2">
      <div class="ds-tile ab-tile">
        <div class="ab-tile-top">
          <span class="ab-ico"><svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><g fill="none" stroke="#F5F2EA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M8 10h8M8 14h8"/></g></svg></span>
          <span class="n">01</span>
        </div>
        <div>
          <h3 class="ds-h3">Fair launch</h3>
          <p>No presale and no founder allocation. The genesis block reward can't be spent, so the chain started at zero coins. Every block since pays whoever mined it, with none set aside. The founder mines with the same public miner as everyone else, and the founder's mining addresses are public.</p>
        </div>
        <a class="ds-textlink" href="/governance/ADR-006">Read ADR-006</a>
      </div>

      <div class="ds-tile ab-tile">
        <div class="ab-tile-top">
          <span class="ab-ico"><svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><g fill="none" stroke="#F5F2EA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="6" y="6" width="12" height="12" rx="2"/><path d="M9 2v4M15 2v4M9 18v4M15 18v4M2 9h4M2 15h4M18 9h4M18 15h4"/></g></svg></span>
          <span class="n">02</span>
        </div>
        <div>
          <h3 class="ds-h3">Mined in the open</h3>
          <p>RandomX is CPU-optimised proof of work, the same algorithm that has secured Monero since 2019. No ASICs, no GPU farms: ordinary computers are the mining hardware, and every block is public.</p>
        </div>
        <a class="ds-textlink" href="/explorer">Open the explorer</a>
      </div>

      <div class="ds-tile ab-tile">
        <div class="ab-tile-top">
          <span class="ab-ico"><svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><g fill="none" stroke="#F5F2EA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="15" r="4"/><path d="M11 12l9-9M16 7l2 2M13.5 9.5l2 2"/></g></svg></span>
          <span class="n">03</span>
        </div>
        <div>
          <h3 class="ds-h3">Your keys</h3>
          <p>The wallet is self-custodial. Nobody can reset your recovery phrase for you, which is also why nobody can take your coins. MoonBite will never ask you for it.</p>
        </div>
        <a class="ds-textlink" href="/get-wallet">Get the wallet</a>
      </div>

      <div class="ds-tile ab-tile">
        <div class="ab-tile-top">
          <span class="ab-ico"><svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><g fill="none" stroke="#F5F2EA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3h9l3 3v15H6z"/><path d="M9 10h6M9 14h6M9 18h3"/></g></svg></span>
          <span class="n">04</span>
        </div>
        <div>
          <h3 class="ds-h3">Written rules</h3>
          <p>The code is open source and every decision that changes the coin is written down as an ADR, with the reasoning, before it ships. If it is not written down, it is not a rule.</p>
        </div>
        <a class="ds-textlink" href="/governance">Browse the decisions</a>
      </div>
    </div>
  </div>
</section>

<!-- ================= SUPPLY ================= -->
<section class="ds-section" id="tokenomics" aria-labelledby="supply-h">
  <div class="ds-wrap">
    <p class="ds-eyebrow">Supply</p>
    <h2 class="ds-h2" id="supply-h">The whole supply,<br><span class="dim">on one page.</span></h2>
    <p class="ds-sub">Fixed emission, a hard cap and no premine, with no asterisks. These figures are read from the consensus rules, not typed in.</p>
  </div>
  <div class="ds-rules ab-rules" aria-label="The rules in one place">
    <div class="ds-wrap">
      <div class="ds-rule"><div class="n">01 / Supply cap</div><div class="v">{{ '{:,.2f}'.format(consensus.max_supply_coins) }}</div><p>MBITE, ever. The code will not allow it to be crossed.</p></div>
      <div class="ds-rule"><div class="n">02 / Block time</div><div class="v">{{ consensus.block_time_min }} min</div><p>A {{ consensus.block_time_sec }}-second target, about {{ '{:,}'.format(consensus.blocks_per_day) }} blocks a day.</p></div>
      <div class="ds-rule"><div class="n">03 / Reward</div><div class="v">{{ '{:g}'.format(consensus.current_reward_coins) }} MBITE</div><p>Per block today, every unit paid to the miner who found it.</p></div>
      <div class="ds-rule"><div class="n">04 / Halving</div><div class="v">{{ '{:,}'.format(consensus.halving_interval) }}</div><p>Blocks between halvings, about every {{ consensus.halving_years }} years. Next at block <span class="mono">#{{ consensus.next_halving_height }}</span>.</p></div>
    </div>
  </div>
  <div class="ds-wrap">
    <p class="ds-note"><span>Emission is locked to a fixed cap: <a class="ds-textlink" href="/governance/ADR-011">ADR-011</a>. Block time and retarget: <a class="ds-textlink" href="/governance/ADR-010">ADR-010</a>.</span><span>Mining costs electricity that may never be recovered.</span></p>
  </div>
</section>

<!-- ================= ROADMAP ================= -->
<section class="ds-section alt" id="roadmap" aria-labelledby="roadmap-h">
  <div class="ds-wrap">
    <p class="ds-eyebrow">Roadmap</p>
    <h2 class="ds-h2" id="roadmap-h">Where it stands,<br><span class="dim">honestly.</span></h2>
    <p class="ds-sub">What has shipped, what is next, and what is still only a plan. Real statuses, and no dates that cannot be kept.</p>

    <div class="ds-rows">
      <div class="ds-row">
        <span class="id">Phase 0</span>
        <span class="t">Protocol &amp; genesis<span class="d">Litecoin-lineage core with a re-mined MoonBite genesis, capped supply and a fair, no-premine emission schedule.</span></span>
        <span class="ds-tag ok">Shipped</span>
      </div>
      <div class="ds-row">
        <span class="id">Phase 1</span>
        <span class="t">Wallet, miner &amp; explorer<span class="d">Desktop wallet, standalone miners and a live block explorer: everything you need to run MoonBite yourself.</span></span>
        <span class="ds-tag ok">Shipped</span>
      </div>
      <div class="ds-row">
        <span class="id">Phase 2</span>
        <span class="t">Public network hardening<span class="d">Seed nodes, peer discovery and network stability. Testnet and regtest are available today.</span></span>
        <span class="ds-tag">In progress</span>
      </div>
      <div class="ds-row">
        <span class="id">Phase 3</span>
        <span class="t">Exchange listing<span class="d">A first exchange listing is a plan, not a fact. No listing is live and MBITE has no market price. Join the notify list below for the announcement.</span></span>
        <span class="ds-tag">Planned</span>
      </div>
      <div class="ds-row">
        <span class="id">Phase 4</span>
        <span class="t">Wallets &amp; tooling<span class="d">Broader wallet support, developer SDKs and community integrations as the network grows.</span></span>
        <span class="ds-tag">Planned</span>
      </div>
    </div>

    <div class="ab-notify">
      <div>
        <h3 class="ds-h3">One email if MBITE is ever listed</h3>
        <p>MoonBite is not on any exchange. Leave an address and you will hear about a listing only if it happens, and nothing else.</p>
      </div>
      <div>
        <form class="mb-notify-form ds-search" method="post" action="/api/notify" data-source="about">
          <label class="sr" for="about-notify-email">Email address</label>
          <input class="ds-input" id="about-notify-email" type="email" name="email" placeholder="you@example.com" autocomplete="email" required>
          <button type="submit" class="ds-btn">Notify me</button>
        </form>
        <div class="mb-notify-ok" role="status" aria-live="polite"></div>
        <p class="fine">Listing news only. No price predictions, no spam.</p>
      </div>
    </div>
  </div>
</section>

<!-- ================= WHAT IT IS NOT ================= -->
<section class="ds-section" id="not" aria-labelledby="not-h">
  <div class="ds-wrap">
    <p class="ds-eyebrow">Plainly</p>
    <h2 class="ds-h2" id="not-h">What MoonBite<br><span class="dim">is not.</span></h2>
    <p class="ds-sub">Saying what is not true is part of the job. MoonBite is a live, open-source project and carries no promise of future value.</p>

    <div class="ab-nots">
      <div class="ab-not"><span class="k">Not</span><span class="t">An investment</span><p>MBITE is a proof-of-work cryptocurrency. It is not an investment, a security, or a promise of future value.</p></div>
      <div class="ab-not"><span class="k">No</span><span class="t">Price or listing</span><p>It has no guaranteed price and no listing. Anyone offering to sell you MBITE is not us.</p></div>
      <div class="ab-not"><span class="k">No</span><span class="t">Presale or team allocation</span><p>There is no presale and no team allocation. Every coin is mined.</p></div>
      <div class="ab-not"><span class="k">Not</span><span class="t">Free to mine</span><p>Mining consumes electricity that may never be recovered.</p></div>
    </div>

    <div class="ds-grid c2 ab-notices">
      <div class="ds-callout">
        <span class="label">Standing disclosure</span>
        <p>MBITE is a proof-of-work cryptocurrency. It is not an investment, a security, or a promise of future value. It has no guaranteed price, no listing, and no team allocation. Mining consumes electricity that may never be recovered.</p>
      </div>
      <div class="ds-callout warn" id="never-contact">
        <span class="label">MoonBite will never contact you first</span>
        <p>MBITE exists only on the MoonBite chain. <strong>There is no MBITE token on any other chain.</strong> There is no airdrop, no presale, and no giveaway. MoonBite will never contact you first, and will never ask for your seed phrase, private key or a payment of any kind.</p>
        <p><a class="ds-textlink" href="/scams">Read the scam warnings</a></p>
      </div>
    </div>
  </div>
</section>

<!-- ================= ONWARD ================= -->
<section class="ds-section alt" aria-labelledby="onward-h">
  <div class="ds-wrap">
    <p class="ds-eyebrow">Check it yourself</p>
    <h2 class="ds-h2" id="onward-h">Everything is<br><span class="dim">on the record.</span></h2>

    <nav class="ds-rows" aria-label="Where to check">
      <a class="ds-row" href="/governance">
        <span class="id">Decisions</span>
        <span class="t">Governance and ADRs<span class="d">Every change to the coin, written down with its reasoning.</span></span>
        <span class="meta ab-row-go">Open {{ ARROW }}</span>
      </a>
      <a class="ds-row" href="/git/">
        <span class="id">Source</span>
        <span class="t">Source code<span class="d">The node, wallet and miner, open for anyone to read and build.</span></span>
        <span class="meta ab-row-go">Open {{ ARROW }}</span>
      </a>
      <a class="ds-row" href="/press">
        <span class="id">Press</span>
        <span class="t">Press kit<span class="d">Assets, boilerplate and technical facts, so nothing needs to be guessed.</span></span>
        <span class="meta ab-row-go">Open {{ ARROW }}</span>
      </a>
      <a class="ds-row" href="/scams">
        <span class="id">Safety</span>
        <span class="t">Scam warnings<span class="d">What MoonBite will never do, and how impersonators operate.</span></span>
        <span class="meta ab-row-go">Open {{ ARROW }}</span>
      </a>
    </nav>
  </div>
</section>

<!-- ================= CLOSING ================= -->
<section class="ds-section" aria-labelledby="close-h">
  <div class="ds-wrap">
    <div class="ds-band">
      <svg class="mk" viewBox="-150 -150 300 300" aria-hidden="true"><path fill="#F5F2EA" d="{{ MARK }}"/><rect x="-127.5" y="-40.5" width="255" height="13" fill="#D9A441"/><rect x="-127.5" y="11.5" width="255" height="13" fill="#D9A441"/></svg>
      <h2 class="ds-h2" id="close-h">Built in public.<br>Mined by anyone.</h2>
      <p class="ds-sub">{{ '{:g}'.format(consensus.current_reward_coins) }} MBITE about every {{ consensus.block_time_min }} minutes, open to any computer on the network.</p>
      <div class="ds-actions">
        <a class="ds-btn gold" href="/mine">Start mining</a>
        <a class="ds-btn" href="/get-wallet">Get the wallet</a>
      </div>
      <p class="fine">Mining costs electricity that may never be recovered.</p>
    </div>
  </div>
</section>

</div>
{% endblock %}