*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:Segoe UI,Arial,sans-serif;

background:#0F172A;

color:white;

line-height:1.6;

}

header{

display:flex;

justify-content:space-between;

align-items:center;

padding:20px 8%;

background:#111827;

}

.logo{

font-size:26px;

font-weight:bold;

}

nav a{

color:white;

text-decoration:none;

margin-left:25px;

}

.hero{

text-align:center;

padding:100px 20px;

}

.hero h1{

font-size:48px;

margin-bottom:20px;

}

.hero p{

font-size:20px;

max-width:700px;

margin:auto;

margin-bottom:40px;

}

.btn{

display:inline-block;

padding:15px 28px;

background:#2563EB;

color:white;

text-decoration:none;

border-radius:8px;

margin:10px;

}

.secondary{

background:#22C55E;

}

.products{

padding:80px 8%;

}

.cards{

display:flex;

gap:30px;

margin-top:30px;

}

.card{

background:#1E293B;

padding:30px;

border-radius:12px;

flex:1;

}

.features{

padding:80px 8%;

}

.features ul{

margin-top:30px;

padding-left:25px;

}

footer{

padding:30px;

text-align:center;

background:#111827;

margin-top:80px;

}