
*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
body{background:#f7f7f7;color:#222;line-height:1.6}
header{background:#111;color:#fff;padding:15px 5%}
nav{display:flex;justify-content:space-between;align-items:center}
nav ul{display:flex;gap:20px;list-style:none}
nav a{text-decoration:none;color:#fff}
#home{background:linear-gradient(135deg,#ff6b00,#ff8c1a);color:#fff;text-align:center;padding:90px 20px}
#home h2{font-size:42px;margin-bottom:15px}
#home p{font-size:20px;margin-bottom:20px}
#home a{display:inline-block;background:#111;color:#fff;padding:12px 22px;border-radius:30px;text-decoration:none;margin:8px}
section{padding:60px 8%}
h2{text-align:center;margin-bottom:25px}
#services ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;list-style:none}
#services li{background:#fff;padding:20px;border-radius:12px;box-shadow:0 3px 10px rgba(0,0,0,.1);font-weight:bold}
#contact p{text-align:center;margin:8px}
footer{background:#111;color:#fff;text-align:center;padding:20px;margin-top:40px}
@media(max-width:768px){
nav{flex-direction:column;gap:15px}
nav ul{flex-wrap:wrap;justify-content:center}
#home h2{font-size:30px}
#home p{font-size:18px}
}
