:root{
      --brand:#0b7a6b;
      --accent:#f5a623;
      --muted:#6c757d;
    }
    body{font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;}
    .hero{
      background:linear-gradient(0deg, rgba(11,122,107,0.06), rgba(11,122,107,0.02));
      color:#fff;
      padding:5.5rem 0;
      position:relative;
    }
    .brand{font-weight:700;letter-spacing:0.2px;color:var(--brand);}
    .card-cta{border-radius:14px;box-shadow:0 8px 30px rgba(11,122,107,0.08);}
    .fleet .card{border:0}
    .fleet img{
      height:250px;
    }
    .service-icon{font-size:1.5rem;color:var(--brand)}
    footer{background:#072e2a;color:#dff6f1;padding:2rem 0;margin-top:3rem}
    /* Mobile-first tweaks */
    @media(min-width:992px){
      .hero {padding:7rem 0;}
    }
    /* accessibility focus */
    a:focus, button:focus, input:focus {outline:3px solid rgba(11,122,107,0.15); outline-offset:2px}
      .package-card:hover {
    transform: translateY(-8px);
    transition: 0.3s ease;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  }
  .review-box:hover {
    background: #f8f9fa;
    transform: scale(1.03);
    transition: 0.3s ease;
  }
.card {
  border-radius: 15px;
  transition: all 0.3s ease-in-out;
}
.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.btn-success {
  background-color: #25D366;
  border: none;
}
.btn-success:hover {
  background-color: #1ebe5a;
}