.hero {
  background:url('../assets/hero-truck.jpg') center/cover no-repeat;
  position:relative; color:#fff; min-height:100vh; display:flex; align-items:center; text-align:center;
}
.hero::before { content:""; position:absolute; inset:0; background:rgba(0,0,0,.65); }
.hero .container { position:relative; z-index:2; }
.hero h1 { font-size:40px; margin-bottom:20px; color:#FFD700; }
.hero p { font-size:20px; margin:0 auto 30px; max-width:800px; }
.hero-buttons { display:flex; gap:20px; justify-content:center; flex-wrap:wrap; }