:root{
	--bg:#071026;
	--card:#0f1724;
	--accent:#7c5cff;
	--muted:#98a0b3;
	--brand-green:#1b8a5a;
	--brand-teal:#24a0b4;
	--brand-warm:#f4e7d2;
	--sky:#bfe9ff;
}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;color:#e6eef8;background:linear-gradient(180deg,var(--bg),#081028);display:flex;align-items:center;justify-content:center}
.hero{width:min(880px,92%);text-align:center;padding:48px;border-radius:12px;background:rgba(255,255,255,0.02);box-shadow:0 8px 30px rgba(2,6,23,0.6)}
.title{font-size:3rem;margin:0 0 8px;font-weight:700;letter-spacing:-0.02em}
.subtitle{color:var(--muted);margin:0 0 20px;font-size:1.05rem}
.cta{display:inline-block;padding:12px 20px;border-radius:10px;background:var(--accent);color:white;text-decoration:none;font-weight:600}
.cta:hover{filter:brightness(1.03)}
.foot{margin-top:22px;color:var(--muted);font-size:0.9rem}
@media (max-width:480px){.title{font-size:2rem}}

/* Background pattern - subtle healthcare symbols */

body{
	background-image: radial-gradient(circle at 10% 10%, rgba(124,92,255,0.04) 0, transparent 8%), radial-gradient(circle at 90% 90%, rgba(36,160,180,0.03) 0, transparent 8%), linear-gradient(180deg,var(--bg),#071026);
	background-repeat:no-repeat;
}

.brand{font-size:1.25rem;margin:0;color: #eaf0ff}
.brand .word1{color:var(--brand-green);font-weight:700}
.brand .word2{color:var(--accent);font-weight:700}
.brand .word3{color:var(--brand-teal);font-weight:700}
.logo-img{height:140px;display:inline-block;margin-bottom:6px;max-width:45%;width:auto}
.hero{width:100%;max-width:1400px;margin:28px;padding:64px 48px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));box-shadow:0 10px 48px rgba(2,6,23,0.6);position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background-image:url('assets/hero.jpg');background-size:cover;background-position:center;filter:brightness(0.65) saturate(0.95);transform:scale(1.02);z-index:0}
.hero-inner{position:relative;z-index:2;color:var(--brand-warm)}
.hero .title{color:#053233}
.hero .subtitle{color:rgba(3,26,22,0.8)}

/* Make the hero readable on small screens */
@media (max-width:900px){
	.hero{padding:36px 20px}
	.logo-img{height:72px;max-width:70%}
}
.logo{filter:drop-shadow(0 6px 18px rgba(0,0,0,0.45));}

.waitlist-btn{display:inline-block;padding:10px 18px;border-radius:10px;background:#24a0b4;color:white;text-decoration:none;font-weight:700}
.waitlist-btn:hover{filter:brightness(1.05)}

/* Tighter form styles */
form#contactForm label{font-size:0.95rem}
form#contactForm input, form#contactForm textarea{border:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.02);}

@media (max-width:600px){
	.hero{padding:28px}
	.brand{font-size:1rem}
}
