*{margin:0;padding:0;box-sizing:border-box;font-family:Arial}
body{color:#333;line-height:1.6}

.header{
display:flex;justify-content:space-between;align-items:center;
padding:15px 25px;background:#111
}
.logo{height:55px}

nav a{color:#fff;margin-left:20px;text-decoration:none}

.hero{
height:80vh;background:#222;color:#fff;
display:flex;flex-direction:column;
justify-content:center;align-items:center;text-align:center
}

.section{padding:60px 20px;text-align:center}
.light{background:#f5f5f5}
.dark{background:#111;color:#fff}

.service-list{
max-width:700px;margin:20px auto;text-align:left
}
.service-list li{
padding:10px;border-bottom:1px solid #ddd
}

.client-logos{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
gap:30px;
margin-top:30px;
align-items:center
}
.client-logos img{
max-width:140px;
margin:auto;
filter:grayscale(100%);
opacity:.85;
transition:.3s
}
.client-logos img:hover{
filter:grayscale(0%);
opacity:1;
transform:scale(1.05)
}

.form{
max-width:400px;margin:20px auto
}
.form input,.form textarea,.form select{
width:100%;padding:10px;margin-bottom:10px
}
.btn{
padding:10px 20px;background:#d4af37;border:none;font-weight:bold
}

footer{
background:#000;color:#aaa;
text-align:center;padding:15px
}

@media(max-width:768px){
.header{flex-direction:column}
nav{margin-top:10px}
.logo{height:45px}
}