<!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>Engine Rebuild Assistant</title>
            <style>
                * { margin: 0; padding: 0; box-sizing: border-box; }
                body { background: #14181f; color: #c8d0d8; font-family: -apple-system, system-ui, sans-serif; display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 20px; }
                .card { text-align: center; max-width: 440px; }
                h1 { font-size: 28px; margin-bottom: 8px; color: #f4e8d0; letter-spacing: 0.01em; }
                .tagline { color: #8a92a3; margin-bottom: 28px; font-size: 15px; line-height: 1.5; }
                .dl-btn { display: inline-block; padding: 14px 36px; background: #b85c2a; color: #fff; font-size: 16px; font-weight: 700; border-radius: 8px; text-decoration: none; }
                .dl-btn:hover { background: #d97a3a; }
                .ver { margin-top: 16px; font-size: 12px; color: #5a6378; }
                .note { margin-top: 32px; font-size: 12px; color: #5a6378; line-height: 1.6; }
            </style>
        </head>
        <body>
            <div class="card">
                <h1>Engine Rebuild Assistant</h1>
                <p class="tagline">Document an engine rebuild step by step — measurements, photos, and a printable build bible.</p>
                <a href="/era.apk" class="dl-btn" id="dl">Download APK</a>
                <div class="ver" id="ver"></div>
                <p class="note">Sign in with your codewarp.org account on first launch. Companion to TorqueRef.</p>
                <script>fetch("/version").then(r=>r.text()).then(v=>{v=v.trim();if(/^[0-9]/.test(v)){document.getElementById("ver").textContent="v"+v;document.getElementById("dl").href="/era-"+v+".apk"}}).catch(()=>{});</script>
            </div>
        </body>
        </html>