body {
margin: 0;
font-family: Arial, sans-serif;
background:
linear-gradient(
rgba(15,23,42,.85),
rgba(15,23,42,.85)
),
url('https://images.unsplash.com/photo-1492619375914-88005aa9e8fb?w=1800');
background-size: cover;
background-position: center;
color: white;
}

.landing {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
text-align: center;
}

.live-badge {
background: #ef4444;
padding: 8px 16px;
border-radius: 20px;
font-weight: bold;
margin-bottom: 15px;
}

h1 {
font-size: 4rem;
margin: 0;
}

.tagline {
color: #93c5fd;
font-size: 1.3rem;
}

.intro {
max-width: 700px;
margin-bottom: 25px;
}

.cards {
display: flex;
gap: 15px;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 25px;
}

.card {
width: 180px;
padding: 15px;
border-radius: 12px;
background: rgba(255,255,255,0.12);
backdrop-filter: blur(10px);
}

.btn {
background: linear-gradient(135deg,#06b6d4,#2563eb);
color: white;
text-decoration: none;
padding: 15px 35px;
border-radius: 50px;
font-weight: bold;
}

.usecases {
margin-bottom: 25px;
color: #cbd5e1;
}

footer {
position: absolute;
bottom: 20px;
}

footer a {
color: #93c5fd;
text-decoration: none;
}