diff --git a/index.html b/index.html
new file mode 100644
index 0000000..27d7ee7
--- /dev/null
+++ b/index.html
@@ -0,0 +1,73 @@
+<!doctype html>
+<html lang="de">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="robots" content="noindex, nofollow" />
+  <title>LAVI – Bald verfügbar</title>
+  <style>
+    :root{
+      --navy:#032240; --navy-2:#06304f; --gold:#f1cf7c; --copper:#b87333;
+      --light:#f4f1ea; --muted:#9fb1c4;
+    }
+    *{box-sizing:border-box; margin:0; padding:0;}
+    html,body{height:100%;}
+    body{
+      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
+      color:var(--light);
+      background:radial-gradient(1200px 600px at 50% -10%, var(--navy-2), var(--navy) 60%);
+      min-height:100%;
+      display:flex; align-items:center; justify-content:center;
+      padding:2rem; text-align:center; line-height:1.5;
+      -webkit-font-smoothing:antialiased;
+    }
+    .wrap{max-width:640px;}
+    .mark{
+      font-size:clamp(3rem,12vw,5.5rem); font-weight:800; letter-spacing:.14em;
+      color:var(--light);
+    }
+    .mark .dot{color:var(--gold);}
+    .rule{
+      width:64px; height:3px; margin:1.75rem auto;
+      background:linear-gradient(90deg,var(--gold),var(--copper));
+      border-radius:2px;
+    }
+    .tag{
+      font-size:clamp(1rem,3.4vw,1.35rem); color:var(--light); font-weight:500;
+      margin-bottom:1rem;
+    }
+    .sub{color:var(--muted); font-size:1rem; max-width:34rem; margin:0 auto 2.25rem;}
+    .badge{
+      display:inline-flex; align-items:center; gap:.6rem;
+      border:1px solid rgba(241,207,124,.35);
+      background:rgba(241,207,124,.08);
+      color:var(--gold); font-weight:600; font-size:.95rem;
+      padding:.7rem 1.25rem; border-radius:999px; letter-spacing:.02em;
+    }
+    .badge .pulse{
+      width:9px; height:9px; border-radius:50%; background:var(--gold);
+      box-shadow:0 0 0 0 rgba(241,207,124,.6); animation:pulse 2.2s infinite;
+    }
+    @keyframes pulse{
+      0%{box-shadow:0 0 0 0 rgba(241,207,124,.5);}
+      70%{box-shadow:0 0 0 12px rgba(241,207,124,0);}
+      100%{box-shadow:0 0 0 0 rgba(241,207,124,0);}
+    }
+    .foot{margin-top:3rem; color:var(--muted); font-size:.82rem; letter-spacing:.02em;}
+    @media (prefers-reduced-motion:reduce){ .badge .pulse{animation:none;} }
+  </style>
+</head>
+<body>
+  <main class="wrap">
+    <div class="mark">LAVI<span class="dot">.</span></div>
+    <div class="rule"></div>
+    <p class="tag">Der Kompass für Familien – wir bauen gerade daran.</p>
+    <p class="sub">
+      Unsere neue Plattform entsteht. In Kürze findest du hier Guides, die dich
+      durch die wichtigen Themen des Familienlebens begleiten.
+    </p>
+    <span class="badge"><span class="pulse"></span> Live ab Ende September 2026</span>
+    <p class="foot">© 2026 lavi.guide</p>
+  </main>
+</body>
+</html>
