{% extends "_base.html" %}

{% block title %}mtgacoach 4.0 — your next decision, in focus{% endblock %}
{% block description %}A spoken coach and compact game companion for MTG Arena. See your next decision, compare paths, and hear Hype or Technical announcers. Try it free for 7 days.{% endblock %}

{% block nav %}
    <a class="nav-optional" href="#tour">The 4.0 view</a>
    <a class="nav-optional" href="#voices">Voices</a>
    <a href="#get-started">Download</a>
    <a class="nav-optional" href="#pricing">Pricing</a>
    <a class="nav-cta" href="/subscribe">Subscribe</a>
{% endblock %}

{% block content %}
    {% set play_icon %}<svg class="icon-play" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M8 5v14l11-7z"/></svg><svg class="icon-pause" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M6 5h4v14H6zM14 5h4v14h-4z"/></svg>{% endset %}

    <section class="hero" aria-labelledby="hero-title">
        <div class="wrap hero-grid">
            <div>
                <p class="kicker">Introducing the 4.0 series · for MTG Arena</p>
                <h1 id="hero-title">A coach in your ear.<br>The game <em>at a glance.</em></h1>
                <p class="lede">See the decision in front of you, the paths beyond it, and what changed on the board.
                Hear the reasoning while you play — or let two announcers call the match.</p>
                <ul class="hero-highlights">
                    <li><strong>Your next decision</strong>, with priority and turn context.</li>
                    <li><strong>Leading paths</strong> you can inspect before committing.</li>
                    <li><strong>An animated outlook</strong> that reflects the board assessment.</li>
                </ul>
                <div class="hero-actions">
                    <a class="button primary" href="https://github.com/josharmour/mtgacoach/releases/download/coach-master-feed/MTGACoachMaster-master-win-x64-Setup.exe">Download for Windows</a>
                    <a class="button" href="#get-started">macOS &amp; Linux</a>
                </div>
                <p class="hero-note">7 days free with email verification. No payment card or Patreon subscription required.
                Then $10 a month through Patreon.</p>
                <div class="clip" data-clip>
                    <button type="button" class="clip-btn" aria-pressed="false" aria-label="Play sample Coach advice (8 seconds)" hidden>{{ play_icon }}</button>
                    <div class="clip-text">
                        <q>Cast Emergency Phytomedic, then Ghalta — the Beast makes it cost five. Hold back this turn; Seed Suture next turn, then swing with everything.</q>
                        <span class="clip-meta">0:08 · example Coach advice · Fenrir voice</span>
                        <span class="clip-bar" aria-hidden="true"><span></span></span>
                        <audio controls preload="none" src="/static/audio/coach-turn.mp3">Your browser can't play this clip.</audio>
                    </div>
                </div>
            </div>
            <figure class="hero-shot launch-shot">
                <div class="shot">
                    <img src="/static/img/coach-4-fixed.png" width="840" height="1440"
                         alt="The 4.0 compact desktop view: fixed rank and recent matches, Cast Theorix Metamage as the next decision, a small outlook marked Behind, a clickable leading path, and visible recovery controls. The outlook is a board assessment, not win odds."
                         fetchpriority="high" decoding="async">
                </div>
                <figcaption>Actual 4.0 desktop UI, rendered with the recorded G1_T8 board fixture
                and synthetic rank and recent-match examples; not a live match or a measured result.</figcaption>
            </figure>
        </div>
    </section>

    <section id="release" class="release-strip" aria-labelledby="release-title">
        <div class="wrap release-row">
            <div>
                <p class="label">The 4.0 series</p>
                <h2 id="release-title">A clearer view. A more expressive booth.</h2>
                <p>Compact decisions and forecasts, Hype and Technical announcers, hosted Chatterbox speech,
                and managed desktop updates.</p>
            </div>
            <div class="release-links">
                <a href="https://github.com/josharmour/mtgacoach/releases/tag/coach-master-feed"><span data-release-summary="master">Master · latest published build</span> →</a>
                <a href="https://github.com/josharmour/mtgacoach/releases/tag/coach-stable-feed"><span data-release-summary="stable">Stable · latest published build</span> →</a>
            </div>
        </div>
    </section>

    <section id="tour" aria-labelledby="tour-title">
        <div class="wrap">
            <div class="section-head">
                <p class="label">The compact view</p>
                <h2 id="tour-title">Keep the next choice in focus.</h2>
                <p class="lede">The essentials stay visible. Open the plan, board, forecast assumptions or activity
                when you want more detail.</p>
            </div>
            <div class="features">
                <article class="feature">
                    <h3>Know whose decision it is</h3>
                    <p>The current decision separates your response from the opponent's priority.
                    See whether you're playing, Autoplay is acting, or the board is being reassessed.</p>
                </article>
                <article class="feature">
                    <h3>Compare the paths from here</h3>
                    <p>A green line marks the leading supported path. Expand an alternative to inspect its
                    actions and projected life totals. Inspecting a path doesn't change Autoplay's choice.</p>
                </article>
                <article class="feature wide outlook-feature">
                    <div class="wide-text">
                        <h3>A moving balance, not win odds</h3>
                        <p>The outlook tilts as the board assessment changes. It is a heuristic read of the
                        position, not a percentage chance of winning. A leading path can still be a projected loss.</p>
                        <p>When the board changes, Coach withdraws the old forecast while it reassesses.
                        Future draws and unknown opponent spells are outside the modeled paths.</p>
                        <p class="note">Illustration: choose a position to see the balance move.
                        The app's outlook animation can also be turned off.</p>
                    </div>
                    <div class="outlook-demo" data-outlook-demo>
                        <p class="label">Illustrative outlook</p>
                        <p class="outlook-verdict" data-outlook-label aria-live="polite">You ahead</p>
                        <svg class="outlook-scale" viewBox="0 0 320 140" role="img" aria-label="A balance illustrating the board assessment">
                            <path class="scale-base" d="M140 120 L160 42 L180 120 Z"/>
                            <g class="scale-beam" data-outlook-beam style="--tilt: 7deg">
                                <path class="scale-arm" d="M50 55 H270"/>
                                <path class="scale-pan" d="M50 55 L25 88 Q50 110 75 88 Z M270 55 L245 88 Q270 110 295 88 Z"/>
                            </g>
                            <circle class="scale-pivot" cx="160" cy="55" r="5"/>
                        </svg>
                        <div class="outlook-choices" role="group" aria-label="Preview a board assessment">
                            <button type="button" data-outlook-value="-7" aria-pressed="false">Opponent ahead</button>
                            <button type="button" data-outlook-value="0" aria-pressed="false">Even</button>
                            <button type="button" data-outlook-value="7" aria-pressed="true">You ahead</button>
                        </div>
                        <p class="note">Board assessment · not a win probability</p>
                    </div>
                </article>
            </div>
        </div>
    </section>

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

    <section id="voices" aria-labelledby="voices-title">
        <div class="wrap">
            <div class="section-head">
                <p class="label">Speech &amp; voices</p>
                <h2 id="voices-title">Your coach. Or your commentary booth.</h2>
                <p class="lede">Choose spoken Coach advice or two ArenaOnAir announcers inside Coach.
                Pick a voice pair and a style independently.</p>
            </div>
            <div class="features">
                <article class="feature announcer hype">
                    <p class="label">Hype</p>
                    <h3>Let the big moments land.</h3>
                    <p>Playful reactions and rising energy for consequential plays. The play-by-play caster
                    calls the action; the analyst explains how the position and each player's route to winning change.</p>
                </article>
                <article class="feature announcer technical">
                    <p class="label">Technical</p>
                    <h3>Follow the strategy beneath the play.</h3>
                    <p>Measured delivery, dry wit and precise analysis. Hear about pressure, resources,
                    interaction windows and the choices that could turn the match.</p>
                </article>
            </div>
            <div class="voice-note">
                <h3>Hosted Chatterbox, without a local speech-model install.</h3>
                <p>Choose Chatterbox in Speech &amp; voices to use hosted speech with your Coach access.
                Kokoro remains available for local speech. Player decisions and urgent prompts take priority
                over background commentary.</p>
                <p class="note">Looking for the standalone broadcast app? <a href="https://arenaonair.com">Visit ArenaOnAir</a>.
                Your Patreon key works there too.</p>
            </div>
        </div>
    </section>

    <section id="features" aria-labelledby="features-title">
        <div class="wrap">
            <div class="section-head">
                <p class="label">Across the match</p>
                <h2 id="features-title">From the first pick to the next game.</h2>
            </div>
            <div class="features">
                <article class="feature">
                    <h3>Learn the line as you play</h3>
                    <p>Coach reads the game information Arena exposes in its log and talks through attacks,
                    blocks and sequencing. Deck playbooks give the plan a starting point before the first draw.</p>
                    <div class="clip compact" data-clip>
                        <button type="button" class="clip-btn" aria-pressed="false" aria-label="Play a coaching log example (5 seconds)" hidden>{{ play_icon }}</button>
                        <div class="clip-text">
                            <q>Surrak and Goreclaw is already down — move to combat and swing with everything for lethal.</q>
                            <span class="clip-meta">0:05 · example from a coaching log</span>
                            <span class="clip-bar" aria-hidden="true"><span></span></span>
                            <audio controls preload="none" src="/static/audio/coach-lethal.mp3">Your browser can't play this clip.</audio>
                        </div>
                    </div>
                </article>
                <article class="feature">
                    <h3>Draft toward a deck</h3>
                    <p>Pick advice combines card text, your pool and 17Lands data. Get help with the final
                    build, including cuts, or with a sealed pool.</p>
                    <div class="clip compact" data-clip>
                        <button type="button" class="clip-btn" aria-pressed="false" aria-label="Play a draft advice example (6 seconds)" hidden>{{ play_icon }}</button>
                        <div class="clip-text">
                            <q>Choosing Way of the Wildspeaker: it works with our Inspired Tethermage and Kiora of Salt and Sand.</q>
                            <span class="clip-meta">0:06 · example from a draft log</span>
                            <span class="clip-bar" aria-hidden="true"><span></span></span>
                            <audio controls preload="none" src="/static/audio/coach-draft.mp3">Your browser can't play this clip.</audio>
                        </div>
                    </div>
                </article>
                <article class="feature">
                    <h3>Let Autoplay take the controls</h3>
                    <p>With the platform bridge connected, Autoplay submits lands, spells, targets,
                    attacks and blocks to Arena. Enable auto-queue to continue with your selected deck and queue.</p>
                    <p>Some decisions can still require your input. Coach surfaces a manual handoff when it
                    cannot safely continue.</p>
                </article>
                <article class="feature">
                    <h3>Keep the useful details close</h3>
                    <p>Expand the hand, board or activity without crowding the current decision.
                    Open match history to review results, and follow your Arena rank from the desktop.</p>
                </article>
            </div>
        </div>
    </section>

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

    <section id="get-started" aria-labelledby="platforms-title">
        <div class="wrap">
            <div class="section-head">
                <p class="label">Install once. Update in Coach.</p>
                <h2 id="platforms-title">Windows, macOS and Linux.</h2>
                <p class="lede">These managed downloads follow the master channel. Coach checks for updates at launch;
                finish your match before applying an update or restarting Arena. Prefer promoted releases?
                Use the <a href="https://github.com/josharmour/mtgacoach/releases/tag/coach-stable-feed">stable channel</a>.</p>
                <p class="note">Windows and Mac downloads are currently unsigned. Follow the platform-specific
                steps in the <a href="https://github.com/josharmour/mtgacoach/blob/master/INSTALL.md">installation guide</a>.</p>
            </div>
            <div class="table-wrap">
                <table class="platforms">
                    <caption class="sr-only">Managed Coach downloads and platform setup</caption>
                    <thead><tr><th scope="col">Platform</th><th scope="col">Download</th><th scope="col">Setup</th></tr></thead>
                    <tbody>
                        <tr>
                            <th scope="row">Windows x64</th>
                            <td data-col="Download"><a href="https://github.com/josharmour/mtgacoach/releases/download/coach-master-feed/MTGACoachMaster-master-win-x64-Setup.exe">Windows installer</a><br><small data-release-platform="win-x64">Master channel</small></td>
                            <td data-col="Setup">Use the new Coach shortcut. Setup &amp; Repair checks Arena and the bundled BepInEx bridge.</td>
                        </tr>
                        <tr>
                            <th scope="row">macOS (Apple Silicon)</th>
                            <td data-col="Download"><a href="https://github.com/josharmour/mtgacoach/releases/download/coach-master-feed/MTGACoachMaster-master-osx-arm64-Setup.pkg">Mac installer</a><br><small data-release-platform="osx-arm64">Master channel</small></td>
                            <td data-col="Setup">Use native Arena. The managed app includes the Mac bridge; follow Setup &amp; Repair and launch Arena through Coach for Autoplay.</td>
                        </tr>
                        <tr>
                            <th scope="row">Linux x64</th>
                            <td data-col="Download"><a href="https://github.com/josharmour/mtgacoach/releases/download/coach-master-feed/MTGACoachMaster-master-linux-x64.AppImage">Linux AppImage</a><br><small data-release-platform="linux-x64">Master channel</small></td>
                            <td data-col="Setup">Make the AppImage executable. Arena runs under Steam/Proton; Setup &amp; Repair guides the bridge and launch-option setup.</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <ol class="steps start-steps">
                <li><p><strong>Install and open Coach.</strong> Use the managed download for your platform.</p></li>
                <li><p><strong>Enable Detailed Logs in Arena.</strong> Options → Account → Detailed Logs (Plugin Support), then restart Arena.</p></li>
                <li><p><strong>Start your free trial in Setup &amp; Repair.</strong> Enter your email, request the verification code,
                and choose Verify &amp; start trial. Then queue up.</p></li>
            </ol>
            <p class="note">Already installed? Use Coach's Update control. If an update includes a bridge change,
            close and relaunch Arena too so it loads the new bridge.</p>
        </div>
    </section>

    <section id="pricing" aria-labelledby="pricing-title">
        <div class="wrap">
            <div class="section-head"><p class="label">Pricing</p><h2 id="pricing-title">Try the whole coach first.</h2></div>
            <div class="plans">
                <div class="plan">
                    <h3>Free trial</h3><p class="price">7 days</p>
                    <ul>
                        <li>Coaching, drafting, voice and Autoplay</li>
                        <li>Email verification required</li>
                        <li>No payment card or Patreon subscription required</li>
                        <li>Starts when your trial is activated in the app</li>
                        <li>One trial per computer</li>
                    </ul>
                    <a class="button" href="#get-started">Download and try</a>
                </div>
                <div class="plan featured">
                    <h3>Patreon</h3><p class="price">$10 <small>a month</small></p>
                    <ul>
                        <li>Continue using the full coach after your trial</li>
                        <li>Hosted model access and Chatterbox speech</li>
                        <li>No per-token charges</li>
                        <li>Your key also works with ArenaOnAir</li>
                        <li>Manage or cancel your subscription on Patreon</li>
                    </ul>
                    <a class="button primary" href="/subscribe">Subscribe</a>
                </div>
            </div>
        </div>
    </section>

    <section id="faq" aria-labelledby="faq-title">
        <div class="wrap narrow">
            <p class="label">Questions</p><h2 id="faq-title">Before your first match.</h2>
            <div class="faq">
                <details><summary>Does coaching need the bridge?</summary><div class="answer">
                    <p>Spoken coaching can read Arena's Player.log with Detailed Logs enabled.
                    Autoplay also needs the platform bridge to submit actions. Setup &amp; Repair checks the connection.</p>
                </div></details>
                <details><summary>Are the outlook and paths win predictions?</summary><div class="answer">
                    <p>The outlook is a heuristic board assessment, not win odds. Paths show modeled continuations
                    under stated assumptions, not future draws or unknown opponent spells. Open Forecast assumptions
                    in Coach for the limits; a green leading line is not a promise of winning.</p>
                </div></details>
                <details><summary>Where do the model and voices run?</summary><div class="answer">
                    <p>Coaching and generated commentary use our hosted model service. Chatterbox speech is hosted too;
                    Kokoro speech runs locally. You can choose the speech provider in Speech &amp; voices.</p>
                </div></details>
                <details><summary>What leaves my computer?</summary><div class="answer">
                    <p>Model requests send the game context needed for coaching or commentary to our service.
                    Hosted Chatterbox also receives the text to speak. Local Kokoro speech stays on your computer.</p>
                    <p>By default, the app shares redacted finished-match records to help improve Coach. Use
                    Tools → Share Match Logs to Improve the Coach to turn sharing off.</p>
                </div></details>
                <details><summary>What happens when the trial ends?</summary><div class="answer">
                    <p>Continue with a Patreon subscription and link it to get your license key.
                    The trial does not automatically charge you. Existing trial machines do not get a new trial by reinstalling.</p>
                </div></details>
                <details><summary>Is this official?</summary><div class="answer">
                    <p>No. mtgacoach is unofficial fan software, not made or endorsed by Wizards of the Coast.</p>
                </div></details>
            </div>
        </div>
    </section>

    <section class="closing">
        <div class="wrap"><h2>Your next game, with a little more perspective.</h2>
            <a class="button primary" href="#get-started">Start your free week</a>
        </div>
    </section>
{% endblock %}

{% block scripts %}<script src="/static/js/site.js?v=4" defer></script>{% endblock %}