{% extends "_base.html" %}

{% block title %}Subscribe — mtgacoach{% endblock %}
{% block description %}Subscribe to mtgacoach through Patreon and get your license key.{% endblock %}

{% block nav %}
    <a href="/">Home</a>
    <a class="nav-optional" href="/#pricing">Pricing</a>
    <a href="https://github.com/josharmour/mtgacoach">GitHub</a>
{% endblock %}

{% block content %}
    <section class="sub-hero">
        <div class="wrap narrow">
            <p class="kicker">Subscribe</p>
            <h1>One plan. The whole coach.</h1>
            <p class="lede"><span class="price">$10 a month</span>, billed through Patreon.
            Cancel there any time; your key simply stops working when your
            pledge does. New here? The app gives you <a href="/#pricing">7 days free</a> first.</p>
        </div>
    </section>

    <div class="wrap narrow"><hr class="rule"></div>

    <section class="sub-section">
        <div class="wrap narrow">
            <p class="label">Included</p>
            <ul class="included">
                <li><strong>Real-time coaching</strong> — spoken advice for every
                priority, attack, and block, for as many games as you play.</li>
                <li><strong>Draft helper</strong> — pick-by-pick advice from 17Lands data and
                card text, and a 40-card build when the draft ends.</li>
                <li><strong>Autoplay</strong> — the coach plays on while you step
                away.</li>
                <li><strong>ArenaOnAir generative booth</strong> — use the same key for two AI
                casters following your Arena matches. Powered by GLM 5.3; speech runs on your
                computer.</li>
                <li><strong>Our own hardware</strong> — models we serve
                ourselves, no per-token billing.</li>
            </ul>
        </div>
    </section>

    <div class="wrap narrow"><hr class="rule"></div>

    <section class="sub-section">
        <div class="wrap narrow">
            <p class="label">Get your key</p>
            <ol class="steps">
                <li><p><strong>Pledge on Patreon.</strong> That's the
                subscription — there is no separate checkout here.</p></li>
                <li><p><strong>Link your Patreon account</strong> below and your
                license key appears on screen.</p></li>
                <li><p><strong>Paste it into the app</strong> in Setup &amp; Repair, and
                queue up.</p></li>
            </ol>
            <div class="actions">
                <a class="button primary" href="https://www.patreon.com/c/mtgacoach">Subscribe on Patreon</a>
                <a class="button quiet" href="https://www.patreon.com/oauth2/authorize?response_type=code&client_id=uhositmCwj3sei5XK9HBYOPxZF6-eiCJEr4xdNWcUX3TOQqAjQvhhe5NPc7LFWB0&redirect_uri=https%3A%2F%2Fmtgacoach.com%2Fpatreon%2Fcallback&scope=identity%20identity%5Bemail%5D%20identity.memberships">Already a patron? Get your license key</a>
                <p class="note">Keys are issued only through Patreon — nothing is
                sold or stored on this page.</p>
            </div>
        </div>
    </section>
{% endblock %}