*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;color:#13233a}
.container{max-width:1280px;margin:auto;padding:0 40px}
.header{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.nav{height:92px;display:flex;justify-content:space-between;align-items:center}
.logo{display:flex;align-items:center}.l,.c,.w{font-size:64px;font-weight:800}.l,.w{color:#0B2344}.c{color:#2563EB}
.logo-text{margin-left:10px;font-weight:700}.logo-text div:last-child{color:#2563EB}
nav a{text-decoration:none;color:#222;margin-left:28px;font-weight:700;font-size:14px}
.active{border-bottom:3px solid #2563EB;padding-bottom:8px}

.hero{height:690px;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)),url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=2200&q=80') center/cover;display:flex;align-items:center}
.hero-copy{max-width:600px;color:#fff}
.hero h1{font-family:Oswald,sans-serif;font-size:86px;line-height:.95;margin:0 0 20px}
.hero p{font-size:20px;line-height:1.6}
.btn{display:inline-block;background:#2563EB;color:#fff;padding:18px 28px;border-radius:6px;font-weight:700}

.benefits{padding:70px 0}
.benefits h2,.contractor-band h2,.trades h2{font-family:Oswald,sans-serif;font-size:54px;text-align:center}
.underline{width:60px;height:4px;background:#2563EB;margin:18px auto 40px}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.benefit{padding:20px 30px;text-align:center;border-right:1px solid #ddd}
.benefit:last-child{border-right:none}
.ico{font-size:52px;color:#2563EB}

.contractor-band{background:linear-gradient(90deg,#042248,#0b3c72);color:#fff;padding:80px 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.left h2{text-align:left}.line{width:60px;height:4px;background:#2563EB;margin:0 0 30px}
.left li{margin:24px 0;font-size:22px}
.form-card{background:#fff;color:#111;padding:35px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.form-card h2{font-size:40px}
input,textarea{width:100%;padding:14px;margin:8px 0;border:1px solid #ddd;border-radius:4px}
textarea{height:130px}
button{width:100%;padding:16px;background:#2563EB;color:#fff;border:none;border-radius:4px;font-weight:700}

.trades{padding:60px 0;background:#f3f5f8;text-align:center}
.trade-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:15px;font-weight:700}

footer{background:linear-gradient(90deg,#07192f,#0b2f57);color:#fff;padding:40px 0}
.footer{display:flex;justify-content:space-between}

@media(max-width:900px){
.benefit-grid,.split,.trade-grid{grid-template-columns:1fr}
.hero h1{font-size:52px}
nav{display:none}
}