<!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>DeepSpaceTracker</title>
            <script defer src="https://analytics.codewarp.org/script.js" data-website-id="4ce718e2-3bcf-4287-8ed1-486bdc482517"></script>
            <style>
                * { margin: 0; padding: 0; box-sizing: border-box; }
                body { background: #0a0e1a; color: #c0d0e0; 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: 480px; }
                h1 { font-size: 28px; margin-bottom: 8px; color: #e0ecf8; }
                p { color: #7088a0; margin-bottom: 28px; font-size: 15px; }
                .downloads { display: flex; flex-direction: column; gap: 10px; }
                .dl-btn { display: block; padding: 14px 32px; color: #fff; font-size: 15px; font-weight: 700; border-radius: 8px; text-decoration: none; }
                .dl-btn.android { background: #1d6b3f; }
                .dl-btn.android:hover { background: #22874e; }
                .dl-btn.linux { background: #b35c00; }
                .dl-btn.linux:hover { background: #cc6a00; }
                .dl-btn.windows { background: #2563eb; }
                .dl-btn.windows:hover { background: #3b82f6; }
                .alt-links { margin-top: 6px; font-size: 12px; color: #506070; }
                .alt-links a { color: #6080a0; text-decoration: underline; }
                .ver { font-size: 11px; color: rgba(255,255,255,0.7); margin-left: 8px; font-weight: 400; }
            </style>
        </head>
        <body>
            <div class="card">
                <h1>DeepSpaceTracker</h1>
                <p>Real-time deep space mission tracking — live trajectories, DSN status, and telemetry</p>
                <div class="downloads">
                    <a href="/deepspacetracker.apk" class="dl-btn android" id="dl-android">Download for Android <span class="ver" id="ver-android"></span></a>
                    <a href="/deepspace-desktop-linux.AppImage" class="dl-btn linux" id="dl-linux">Download for Linux (AppImage) <span class="ver" id="ver-linux"></span></a>
                    <div class="alt-links">or <a href="/deepspace-desktop-linux.deb" id="dl-deb">.deb package</a></div>
                    <a href="/deepspace-desktop-windows-setup.exe" class="dl-btn windows" id="dl-win">Download for Windows <span class="ver" id="ver-windows"></span></a>
                    <div class="alt-links">or <a href="/deepspace-desktop-windows.msi" id="dl-msi">.msi installer</a></div>
                </div>
                <script>
                function pv(url,elId,cb){fetch(url).then(r=>r.text()).then(v=>{v=v.trim();if(/^[0-9]/.test(v)){document.getElementById(elId).textContent="v"+v;cb(v)}}).catch(()=>{});}
                pv("/version/android","ver-android",function(v){document.getElementById("dl-android").href="/deepspacetracker-"+v+".apk"});
                pv("/version/linux","ver-linux",function(v){document.getElementById("dl-linux").href="/deepspace-desktop-"+v+"-linux.AppImage";document.getElementById("dl-deb").href="/deepspace-desktop-"+v+"-linux.deb"});
                pv("/version/windows","ver-windows",function(v){document.getElementById("dl-win").href="/deepspace-desktop-"+v+"-windows-setup.exe";document.getElementById("dl-msi").href="/deepspace-desktop-"+v+"-windows.msi"});
                </script>
            </div>
        </body>
        </html>