NeuralDesk — AI Tool Coming Soon

<main class="nd-wrap"><div class="nd-nodes" aria-hidden="true"></div><div class="nd-inner">
  <header class="nd-top"><a class="nd-brand" href="#">✶ NeuralDesk</a><span class="nd-pill">Private preview</span></header>
  <section class="nd-hero">
    <h1>Your AI co-worker for everything support.</h1>
    <p class="nd-lead">NeuralDesk reads your docs, drafts replies and resolves tickets before your team wakes up. We're opening a small early-access group — request your seat below.</p>
    <div class="nd-prompt" aria-hidden="true"><span class="nd-cursor">|</span> Summarize today's open tickets and draft replies…</div>
    <form class="nd-form" novalidate><label class="visually-hidden" for="nd-e">Work email</label>
      <input id="nd-e" type="email" placeholder="you@company.com" autocomplete="email" required><button type="submit">Request a seat</button></form>
    <p class="nd-note">Limited to 200 teams for the preview.</p>
    <div class="nd-caps"><div class="nd-cap"><b>Auto-resolve</b><span>Closes routine tickets instantly</span></div><div class="nd-cap"><b>Doc-aware</b><span>Answers from your knowledge base</span></div><div class="nd-cap"><b>Human handoff</b><span>Escalates with full context</span></div></div>
  </section>
  <footer class="nd-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)}
.nd-wrap{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:36px 20px;background:#0b0712;color:#efe7ff;font-family:'Inter',system-ui,sans-serif;overflow:hidden}
.nd-nodes{position:absolute;inset:0;background:radial-gradient(40% 50% at 20% 20%,rgba(168,85,247,.3),transparent 70%),radial-gradient(40% 50% at 85% 25%,rgba(99,102,241,.26),transparent 70%);opacity:.9}
.nd-nodes::after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(168,85,247,.5) 1.5px,transparent 1.5px);background-size:38px 38px;mask:radial-gradient(60% 50% at 50% 35%,#000,transparent);opacity:.4}
.nd-inner{position:relative;z-index:1;width:100%;max-width:720px;display:flex;flex-direction:column;gap:40px}
.nd-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.nd-brand{font-weight:800;font-size:1.2rem;color:#c084fc;text-decoration:none}
.nd-pill{padding:7px 14px;border-radius:999px;font-size:.78rem;font-weight:700;color:#d8b4fe;background:rgba(168,85,247,.16);border:1px solid rgba(168,85,247,.36)}
.nd-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:16ch}
.nd-lead{color:#bcadd9;font-size:1.08rem;line-height:1.6;max-width:52ch;margin:0 0 24px}
.nd-prompt{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.92rem;color:#cbb6ee;background:rgba(255,255,255,.04);border:1px solid rgba(168,85,247,.3);border-radius:12px;padding:14px 16px;margin-bottom:26px}
.nd-cursor{color:#c084fc;animation:ndBlink 1.1s steps(2) infinite}@keyframes ndBlink{50%{opacity:0}}
.nd-form{display:flex;gap:10px;flex-wrap:wrap;max-width:470px}
.nd-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}
.nd-form input::placeholder{color:#8c7da8}.nd-form input:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px rgba(168,85,247,.3)}
.nd-form button{padding:14px 24px;border:0;border-radius:12px;font:inherit;font-weight:700;color:#190a2b;background:linear-gradient(135deg,#a855f7,#6366f1);cursor:pointer;transition:transform .2s,box-shadow .2s}
.nd-form button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(168,85,247,.4)}.nd-form button:focus-visible{outline:3px solid #d8b4fe;outline-offset:2px}
.nd-note{margin:13px 0 0;font-size:.84rem;color:#9485b0}
.nd-caps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
.nd-cap{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px}
.nd-cap b{display:block;color:#fff;font-family:'Sora',sans-serif;margin-bottom:5px}
.nd-cap span{font-size:.85rem;color:#a99bc6;line-height:1.4}
.nd-foot{padding-top:6px}.x-by{font-size:.83rem;color:#9485b0}.x-by a{color:#c084fc;text-decoration:none;font-weight:600}.x-by a:hover{text-decoration:underline}
@media(max-width:620px){.nd-caps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.nd-cursor,.nd-form button{animation:none;transition:none}}

(function(){var f=document.querySelector('.nd-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:#c084fc;font-weight:700">✓ Seat requested — we\'ll be in touch shortly.</p>';});})();