:root{--primary:#007BFF;--secondary:#0A0A0A;--light:#F5F5F5;}
body{margin:0;font-family:Arial;background:var(--light);}
header{display:flex;justify-content:space-between;align-items:center;padding:15px 5%;background:var(--primary);}
header img{height:55px;}
nav ul{display:flex;list-style:none;gap:20px;}
nav a{color:white;text-decoration:none;font-weight:bold;}
.hero{text-align:center;padding:100px 5%;background:linear-gradient(to right,#007BFF,#0056B3);color:white;}
.services{display:flex;justify-content:space-around;padding:50px 5%;flex-wrap:wrap;}
.service-box{background:white;padding:30px;width:300px;margin:15px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.1);}
footer{background:var(--secondary);color:white;text-align:center;padding:20px;}
@media(max-width:768px){nav ul{flex-direction:column;}.services{flex-direction:column;align-items:center;}}