*{margin:0;padding:0;box-sizing:border-box;font-family:Arial}
body{background:#fafafa;color:#333}
header{display:flex;justify-content:space-between;align-items:center;padding:18px 8%;background:#fff;position:sticky;top:0;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.logo{font-size:28px;font-weight:bold}.logo span{color:#f57c00}
nav a{text-decoration:none;color:#333;margin-left:18px}
.hero{height:85vh;background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),url('https://images.unsplash.com/photo-1505693416388-ac5ce068fe85?auto=format&fit=crop&w=1400&q=80') center/cover;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff}
.hero h1{font-size:52px}.hero p{margin:20px 0;font-size:20px}
.btn{background:#f57c00;color:#fff;padding:14px 28px;text-decoration:none;border-radius:5px}
.wrap{padding:70px 8%}h2{text-align:center;color:#f57c00;margin-bottom:35px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.08)}
.contact{text-align:center;background:#fff3e0}
footer{text-align:center;background:#222;color:#fff;padding:20px}
@media(max-width:768px){header{flex-direction:column}.hero h1{font-size:34px}}