body{margin:0;font-family:Arial,sans-serif;background:#f6f6f6;color:#222}
.top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:25px 40px;
    background:#fff;
}

.logo{
    height:200px;
    width:auto;
}
.hero{height:500px;background:#2f6d3b url('hero.jpg') center/cover no-repeat;display:flex;align-items:center}
.overlay{background:rgba(0,0,0,.45);padding:50px;color:#fff;max-width:600px}
.btn{display:inline-block;background:#3aaa35;color:#fff;padding:14px 22px;border-radius:6px;text-decoration:none}
.fleet{padding:50px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
footer{background:#111;color:#fff;text-align:center;padding:30px}