body {
margin: 0;
font-family: Arial;
background: #050B14;
color: white;
}

nav {
display: flex;
justify-content: space-between;
padding: 20px 50px;
background: rgba(0,0,0,0.6);
}

nav a {
margin: 0 10px;
color: white;
text-decoration: none;
}

.hero {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
position: relative;
}

.hero video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.2;
}

.hero h1 {
font-size: 60px;
}

.buttons button {
padding: 12px 20px;
margin: 10px;
background: cyan;
border: none;
}

.outline {
background: transparent;
border: 1px solid white;
}

.workflow, .tech, .stats, .cta {
padding: 80px;
text-align: center;
}

.cards {
display: flex;
justify-content: center;
gap: 20px;
}

.cards div {
padding: 20px;
border: 1px solid #333;
}