{% extends "base.html" %}

{% block body_class %}mb-v2{% endblock %}

{% block title %}Sell MBITE — no market exists yet{% endblock %}
{% block meta_description %}There is no exchange to sell MBITE into yet. Your coins stay in your own wallet under your own keys until a listing opens a public trading venue.{% endblock %}

{% block content %}
<section class="mb-hero">
    <div class="mb-hero-glow"></div>
    <div class="mb-container">
        <div class="mb-hero-inner">
            <span class="mb-badge"><span class="mb-dot"></span> Pre-listing</span>
            <h1 class="mb-hero-title">There's no sell button <span class="mb-gradient-text">yet.</span></h1>
            <p class="mb-hero-sub">No exchange. No public price. No buyer waiting on the other side. Selling MBITE for money is not possible today, and we won't pretend otherwise. Your coins stay in your own wallet, under your own keys, until a real market exists to sell into.</p>
            <div class="mb-cta-row">
                <a href="/get-wallet" class="btn btn-primary mb-btn-xl">Get a Wallet</a>
                <a href="/about#roadmap" class="btn btn-secondary mb-btn-xl">See the Roadmap</a>
            </div>
        </div>
    </div>
</section>

<section class="mb-section">
    <div class="mb-container">
        <div class="mb-banner mb-reveal">
            <span>MBITE has <strong>no market price</strong> and is not trading on any exchange. MoonBite is <strong>not an investment or a security</strong>. Nothing on this page is financial advice.</span>
        </div>
    </div>
</section>

<section class="mb-section" style="background: var(--bg-secondary); border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);">
    <div class="mb-container">
        <div class="mb-section-head mb-reveal">
            <span class="mb-eyebrow">The honest situation</span>
            <h2 class="mb-section-title">What a sale actually takes</h2>
            <p class="mb-section-sub">Selling needs two things that don't exist yet: a place to list your coins, and a buyer willing to pay a public price. Neither is here. So we're straight with you about it.</p>
        </div>
        <div class="mb-grid mb-grid-2">
            <div class="mb-card mb-reveal">                <h3 class="mb-card-title">You already hold your coins</h3>
                <p class="mb-card-text">If you mined MBITE, the reward landed in your own wallet. You hold the keys — not this site, not a custodian. No third party can freeze or seize them. That's exactly where they are right now, and it's the safest place to be while there's no exchange.</p>
            </div>
            <div class="mb-card mb-reveal">                <h3 class="mb-card-title">A listing is what starts trading</h3>
                <p class="mb-card-text">When an exchange lists MBITE, sellers post orders and buyers fill them. Until that day there's no public market and no sell price. The roadmap says so plainly — and no date has been promised.</p>
                <a href="/about#roadmap" class="mb-card-link">Read the roadmap →</a>
            </div>
        </div>
    </div>
</section>

<section class="mb-section">
    <div class="mb-container">
        <div class="mb-section-head mb-reveal">
            <span class="mb-eyebrow">Self-custody matters</span>
            <h2 class="mb-section-title">Holding your own keys is the right call now</h2>
            <p class="mb-section-sub">With no exchange in the picture, there's no custodian to trust — and no need for one. Here's what self-custody actually buys you.</p>
        </div>
        <div class="mb-grid mb-grid-3">
            <div class="mb-feature mb-reveal">                <h3>No exchange risk</h3>
                <p>Your MBITE lives in your wallet. No exchange blowup, freeze, or hack can touch coins you hold yourself.</p>
            </div>
            <div class="mb-feature mb-reveal">
                <h3>No clock ticking</h3>
                <p>Self-custody doesn't expire. Hold as long as you like, wait for a listing, and decide then. Nobody's rushing you.</p>
            </div>
            <div class="mb-feature mb-reveal">                <h3>Check your balance yourself</h3>
                <p>Run your own node or use the block explorer to confirm your balance. You don't have to take anyone's word for it.</p>
            </div>
            <div class="mb-feature mb-reveal">                <h3>Send to any MBITE address</h3>
                <p>No exchange needed to move coins. Send MBITE peer-to-peer to any other address. That's worked from day one.</p>
            </div>
            <div class="mb-feature mb-reveal">                <h3>Timelock vault</h3>
                <p>The node ships with a timelock vault: lock coins until a future block, then spend them normally. Handy for miners who want to sit on coins for a set stretch.</p>
            </div>
            <div class="mb-feature mb-reveal">                <h3>Already in the network</h3>
                <p>Every wallet that holds MBITE, every address in the UTXO set, is part of the ledger. You're not on a waiting list. You're already in.</p>
            </div>
        </div>
    </div>
</section>

<section class="mb-section" style="background: var(--bg-secondary); border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);">
    <div class="mb-container">
        <div class="mb-section-head mb-reveal">
            <span class="mb-eyebrow">Internal order book</span>
            <h2 class="mb-section-title">Post an offer. Wait for a match.</h2>
            <p class="mb-section-sub">There's a non-custodial internal order book where you can post a sell offer and let a willing buyer find it. Settlement is an atomic wallet-to-wallet swap — the server never touches your coins. This is experimental pre-listing plumbing, not a promise that anyone will buy.</p>
        </div>
        <div class="mb-grid mb-grid-2">
            <div class="mb-card mb-reveal">                <h3 class="mb-card-title">Post a sell offer</h3>
                <p class="mb-card-text">Name your price and amount on the internal order book. If someone takes it, you both run an atomic swap, wallet to wallet. The server only stores the public offer — no coins ever pass through it.</p>
                <a href="/markets#place" class="mb-card-link">Open the order book →</a>
            </div>
            <div class="mb-card mb-reveal">                <h3 class="mb-card-title">What this isn't</h3>
                <p class="mb-card-text">The internal exchange is experimental. Automated swap coordination isn't built yet, so both parties settle the swap by hand. It is not a liquid market, and there's no guarantee your offer ever gets filled.</p>
                <a href="/markets" class="mb-card-link">How it works →</a>
            </div>
        </div>
    </div>
</section>

<section class="mb-section">
    <div class="mb-container">
        {% set notify_title = "We'll tell you when there's somewhere to sell" %}
        {% set notify_text = "One email the day an exchange listing goes live. No price guesses, no noise in between." %}
        {% set notify_source = "sell" %}
        {% include "partials/notify_form.html" %}
    </div>
</section>
{% endblock %}