diff --git a/packaging/landing/index.html b/packaging/landing/index.html
new file mode 100644
index 0000000..8a7d6dd
--- /dev/null
+++ b/packaging/landing/index.html
@@ -0,0 +1,69 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>Avida-ED Launcher</title>
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<style>
+  :root{--bg:#0e1117;--fg:#e6edf3;--muted:#9da7b3;--btn:#1f6feb;--btn2:#238636}
+  *{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu}
+  .wrap{max-width:900px;margin:2.5rem auto;padding:0 1rem}
+  h1{font-size:1.8rem;margin:.2rem 0 1rem}
+  p{color:var(--muted)}
+  .cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:1.5rem 0}
+  .card{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:1rem}
+  .card h2{margin:.2rem 0 .6rem;font-size:1.2rem}
+  .btns{display:flex;gap:.6rem;flex-wrap:wrap}
+  .btn{appearance:none;border:0;border-radius:10px;padding:.6rem .9rem;color:#fff;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
+  .btn.v4{background:var(--btn)}
+  .btn.v3{background:var(--btn2)}
+  .links a{color:#8ab4f8;text-decoration:none} .links a:hover{text-decoration:underline}
+  .sys{margin-top:1rem;font-size:.9rem;color:var(--muted)}
+  code{background:#0b0f14;padding:.1rem .3rem;border-radius:6px}
+</style>
+</head>
+<body>
+  <div class="wrap">
+    <h1>Avida-ED: choose a version</h1>
+    <p>Select which version to run. This single app bundles both.</p>
+
+    <div class="cards">
+      <div class="card">
+        <h2>Avida-ED 4 (latest)</h2>
+        <p>Modern WebAssembly build (Eco). Recommended for most users.</p>
+        <div class="btns">
+          <a class="btn v4" href="/v4/index.html">Launch v4</a>
+        </div>
+      </div>
+      <div class="card">
+        <h2>Avida-ED 3 (classic)</h2>
+        <p>Legacy edition; useful for older lesson materials.</p>
+        <div class="btns">
+          <a class="btn v3" href="/v3/index.html">Launch v3</a>
+        </div>
+      </div>
+    </div>
+
+    <div class="links">
+      <h2>Links</h2>
+      <ul>
+        <li><a href="https://github.com/AvidaED" target="_blank" rel="noopener">Avida-ED on GitHub</a></li>
+        <li><a href="https://github.com/devosoft/avida" target="_blank" rel="noopener">Avida (core) on GitHub</a></li>
+        <li><a href="https://avida-ed.msu.edu/" target="_blank" rel="noopener">Avida-ED at MSU</a> · mirrors: 
+          <a href="https://avida-ed.github.io/" target="_blank" rel="noopener">GitHub Pages</a>
+        </li>
+      </ul>
+    </div>
+
+    <div class="sys" id="sys"></div>
+  </div>
+
+<script>
+  // Minimal diagnostics for users
+  const glok = !!document.createElement('canvas').getContext('webgl');
+  const txt = `WebGL: ${glok?'OK':'Unavailable'} · UA: ${navigator.userAgent}`;
+  document.getElementById('sys').textContent = txt;
+</script>
+</body>
+</html>
+
