<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lumexa | Launching Soon</title>
<meta name="description" content="Lumexa - AI Growth & Automation for Healthcare Practices">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
}
body{
font-family:'Manrope',sans-serif;
height:100vh;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
color:#ffffff;
background:
radial-gradient(circle at 15% 20%, rgba(59,130,246,.18), transparent 35%),
radial-gradient(circle at 85% 15%, rgba(37,99,235,.15), transparent 30%),
radial-gradient(circle at 80% 85%, rgba(30,58,138,.22), transparent 40%),
linear-gradient(135deg,#020617 0%, #071B4D 40%, #0A235F 70%, #0B1120 100%);
}
.blur1,
.blur2{
position:absolute;
border-radius:50%;
filter:blur(120px);
pointer-events:none;
}
.blur1{
width:420px;
height:420px;
background:#2563EB;
opacity:.18;
top:-140px;
right:-120px;
}
.blur2{
width:360px;
height:360px;
background:#1E40AF;
opacity:.15;
bottom:-120px;
left:-120px;
}
.card{
position:relative;
z-index:2;
width:min(92%,720px);
padding:70px 55px;
text-align:center;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);
border-radius:30px;
box-shadow:
0 25px 80px rgba(0,0,0,.35);
animation:fade 1s ease;
}
.badge{
display:inline-block;
padding:8px 18px;
border-radius:999px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
font-size:13px;
font-weight:700;
letter-spacing:.5px;
margin-bottom:30px;
}
h1{
font-size:64px;
font-weight:800;
letter-spacing:-2px;
margin-bottom:18px;
}
.line{
width:90px;
height:4px;
background:linear-gradient(90deg,#3B82F6,#E8C86A);
border-radius:999px;
margin:25px auto;
}
h2{
font-size:30px;
font-weight:700;
margin-bottom:20px;
}
p{
font-size:18px;
line-height:1.8;
color:rgba(255,255,255,.75);
max-width:560px;
margin:auto;
}
.email{
margin-top:40px;
font-size:17px;
}
.email a{
color:#93C5FD;
text-decoration:none;
font-weight:700;
transition:.3s;
}
.email a:hover{
color:#ffffff;
}
.footer{
margin-top:45px;
font-size:13px;
color:rgba(255,255,255,.45);
}
@keyframes fade{
from{
opacity:0;
transform:translateY(30px);
}
to{
opacity:1;
transform:translateY(0);
}
}
@media(max-width:768px){
.card{
padding:45px 28px;
}
h1{
font-size:42px;
}
h2{
font-size:24px;
}
p{
font-size:16px;
}
}
</style>
</head>
<body>
<div class="blur1"></div>
<div class="blur2"></div>
<div class="card">
<div class="badge">
AI Growth & Automation
</div>
<h1>Lumexa</h1>
<div class="line"></div>
<h2>Launching Soon</h2>
<p>
We're building the next generation of AI solutions for healthcare practices.
From AI receptionists and intelligent chat agents to patient growth, websites,
local SEO, and workflow automation, Lumexa helps practices grow smarter,
serve patients better, and automate everyday operations.
</p>
<div class="email">
Questions?
<br><br>
<a href="mailto:[email protected]">[email protected]</a>
</div>
<div class="footer">
© 2026 Lumexa. All rights reserved.
</div>
</div>
</body>
</html>