Launchly — Startup Launch Coming Soon

<main class="lq-wrap"><div class="lq-grid-bg" aria-hidden="true"></div><div class="lq-inner">
  <header class="lq-top"><a class="lq-brand" href="#">▲ Launchly</a><span class="lq-pill">Private beta · invite only</span></header>
  <section class="lq-hero">
    <h1>The launchpad for ambitious products.</h1>
    <p class="lq-lead">Launchly gives founders everything to go from idea to first 1,000 users — landing pages, waitlists, referrals and analytics in one place. Get early access and skip the line.</p>
    <form class="lq-form" novalidate><label class="visually-hidden" for="lq-e">Email</label>
      <input id="lq-e" type="email" placeholder="founder@startup.com" autocomplete="email" required>
      <button type="submit">Request access</button></form>
    <p class="lq-note">You'll join at <b>#1,284</b> in the queue — invite a friend to move up.</p>
    <div class="lq-stats"><div><b>12k+</b><span>On the waitlist</span></div><div><b>38</b><span>Countries</span></div><div><b>$2.1M</b><span>Seed raised</span></div></div>
    <div class="lq-backed"><span>Backed by</span><i>Northstar</i><i>Vertex</i><i>Foundry</i><i>Aperture</i></div>
  </section>
  <footer class="lq-foot"><span class="x-by">Powered by <a href="https://convertatlas.org" rel="noopener">convertatlas.org</a></span></footer>
</div></main>

*{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.lq-wrap{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:36px 20px;background:#0a0f1a;color:#e8eefc;font-family:'Inter',system-ui,sans-serif;overflow:hidden}
.lq-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(34,211,238,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.06) 1px,transparent 1px);background-size:46px 46px;mask:radial-gradient(70% 60% at 50% 30%,#000,transparent)}
.lq-inner{position:relative;z-index:1;width:100%;max-width:720px;display:flex;flex-direction:column;gap:40px}
.lq-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.lq-brand{font-weight:800;font-size:1.2rem;color:#22d3ee;text-decoration:none;letter-spacing:-.01em}
.lq-pill{padding:7px 14px;border-radius:999px;font-size:.78rem;font-weight:700;color:#22d3ee;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.3)}
.lq-hero h1{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(2.1rem,6vw,3.5rem);line-height:1.05;letter-spacing:-.03em;margin:0 0 16px;max-width:15ch}
.lq-lead{color:#9fb0cf;font-size:1.1rem;line-height:1.6;max-width:52ch;margin:0 0 30px}
.lq-form{display:flex;gap:10px;flex-wrap:wrap;max-width:470px}
.lq-form input{flex:1;min-width:180px;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;font:inherit;font-size:1rem}
.lq-form input::placeholder{color:#7488ad}.lq-form input:focus{outline:none;border-color:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,.25)}
.lq-form button{padding:14px 24px;border:0;border-radius:12px;font:inherit;font-weight:700;color:#04141a;background:#22d3ee;cursor:pointer;transition:transform .2s,box-shadow .2s}
.lq-form button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(34,211,238,.35)}.lq-form button:focus-visible{outline:3px solid #8fe9f5;outline-offset:2px}
.lq-note{margin:13px 0 0;font-size:.88rem;color:#8fa0c0}.lq-note b{color:#22d3ee}
.lq-stats{display:flex;gap:30px;flex-wrap:wrap;margin:32px 0 0;padding:24px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.lq-stats b{display:block;font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:#fff;line-height:1}
.lq-stats span{font-size:.78rem;color:#7e90b2;margin-top:5px;display:block}
.lq-backed{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px}
.lq-backed span{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:#6b7d9e}
.lq-backed i{font-style:normal;font-weight:700;color:#aeb9d4;opacity:.7}
.lq-foot{padding-top:18px}.x-by{font-size:.83rem;color:#7488ad}.x-by a{color:#22d3ee;text-decoration:none;font-weight:600}.x-by a:hover{text-decoration:underline}
@media(prefers-reduced-motion:reduce){.lq-form button{transition:none}}

(function(){var f=document.querySelector('.lq-form');if(!f)return;f.addEventListener('submit',function(e){e.preventDefault();var i=f.querySelector('input');if(!i.value||!i.checkValidity()){i.focus();i.style.borderColor='#ff6b81';return;}f.innerHTML='<p style="margin:0;color:#22d3ee;font-weight:700">✓ Access requested — check your inbox for next steps.</p>';});})();