*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;color:#222;background:#fff}
a{text-decoration:none}
nav{position:fixed;top:0;left:0;width:100%;height:80px;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:space-between;padding:0 6%;z-index:1000}
.logo h2{color:#fff;font-size:28px}.logo span{color:#f5b301}.logo p{color:#ccc;font-size:12px}
nav ul{display:flex;list-style:none;gap:28px}
nav ul a{color:#fff;font-weight:500;transition:.3s}
nav ul a:hover{color:#f5b301}
.quoteBtn,.yellowBtn,.cta a,.aboutText a{background:#f5b301;color:#111;padding:14px 28px;border-radius:40px;font-weight:700;display:inline-block;transition:.3s}
.quoteBtn:hover,.yellowBtn:hover,.cta a:hover,.aboutText a:hover{transform:translateY(-3px)}
header{height:100vh;background:url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=1800&q=80') center/cover no-repeat;display:flex;align-items:center;padding:0 8%;position:relative}
.overlay{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.hero{position:relative;z-index:2;max-width:700px;color:#fff}
.hero h4{color:#f5b301;letter-spacing:2px;margin-bottom:18px}
.hero h1{font-size:70px;line-height:1.05;margin-bottom:20px}
.hero h1 span{color:#f5b301}
.hero p{font-size:20px;line-height:1.7;margin-bottom:35px}
.buttons{display:flex;gap:18px}
.whiteBtn{border:2px solid #fff;color:#fff;padding:14px 28px;border-radius:40px;font-weight:700}
.whiteBtn:hover{background:#fff;color:#111}
section{padding:100px 8%}
#about{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.aboutImage img{width:100%;border-radius:14px;box-shadow:0 20px 40px rgba(0,0,0,.2)}
.aboutText h4,#services h4{color:#f5b301}
.aboutText h2,#services h2,.cta h2{font-size:44px;margin:15px 0 20px}
.aboutText p{color:#666;line-height:1.8;margin-bottom:28px}
#services{background:#f7f7f7;text-align:center}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px}
.card{background:#fff;padding:40px 30px;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.08);transition:.3s}
.card:hover{transform:translateY(-8px)}
.card i{font-size:48px;color:#f5b301;margin-bottom:20px}
.card h3{margin-bottom:15px}
.card p{color:#666}
.cta{background:#111;color:#fff;text-align:center}
.cta p{margin:20px auto 35px;max-width:700px;color:#ddd}
footer{background:#000;color:#aaa;text-align:center;padding:30px}
@media(max-width:900px){
nav ul,.quoteBtn{display:none}
.hero h1{font-size:46px}
#about{grid-template-columns:1fr}
section{padding:80px 6%}
}