body{font-family:Arial;margin:0;background:#0b0f1a;color:white;line-height:1.6}

.container{max-width:1100px;margin:auto;padding:20px}

.header{background:#000;border-bottom:1px solid #222}
.nav{display:flex;align-items:center;justify-content:space-between}

.logo{font-size:22px;font-weight:700}

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

.hero{
height:420px;
background:url('../img/banner.png') center/cover no-repeat;
}

.intro{text-align:center;padding:60px 20px}

.intro h1{font-size:42px;margin-bottom:10px}

.btn{
display:inline-block;
background:#ff2b2b;
color:white;
padding:14px 26px;
text-decoration:none;
margin-top:20px;
border-radius:4px;
}

.services{padding:60px 0}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:25px;
margin-top:30px
}

.card{
background:#111;
padding:25px;
border-radius:10px
}

.process{background:#111;padding:60px 0}

.steps{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
gap:20px;
text-align:center;
margin-top:30px
}

.steps span{
font-size:28px;
font-weight:bold;
display:block;
margin-bottom:10px
}

.industries{padding:60px 0;text-align:center}

.industries ul{list-style:none;padding:0}

.industries li{margin:10px 0}

.seo{background:#111;padding:60px 0}

.contact{text-align:center;padding:60px 0}

footer{background:#000;text-align:center;padding:25px}