:root{--red:#b40f14;--dark:#080b10;--slate:#111827;--text:#111;--muted:#6b7280}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}.topbar{background:#000;color:#fff;font-size:14px;display:flex;gap:30px;justify-content:center;padding:10px 20px;flex-wrap:wrap}.header{position:sticky;top:0;z-index:20;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px 5%;box-shadow:0 2px 15px rgba(0,0,0,.08)}.logo{height:70px;width:auto}.nav{display:flex;gap:22px}.nav a{color:#111;text-decoration:none;font-weight:700;font-size:14px;text-transform:uppercase}.nav a:hover{color:var(--red)}.cta,.btn{display:inline-block;background:var(--red);color:#fff;text-decoration:none;border-radius:6px;padding:14px 22px;font-weight:800;text-transform:uppercase}.btn.secondary{background:transparent;border:1px solid #fff}.hero{min-height:620px;position:relative;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.35)),url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?q=80&w=1600&auto=format&fit=crop') center/cover;color:#fff;display:flex;align-items:center}.hero-content{position:relative;max-width:1100px;padding:70px 5%}.eyebrow{color:var(--red);font-weight:900;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:56px;line-height:1.05;max-width:760px;margin:10px 0}.hero-text{font-size:21px;line-height:1.6;max-width:680px}.hero-actions{display:flex;gap:15px;margin:30px 0;flex-wrap:wrap}.quick-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:760px}.quick-cards div{border:1px solid rgba(255,255,255,.35);padding:18px;border-radius:10px;background:rgba(0,0,0,.35)}.quick-cards span{display:block;color:#ddd;margin-top:5px}.section{padding:80px 5%}.light{background:#f7f7f7}.dark{background:#0b0f16;color:#fff}.section-title{text-align:center;margin-bottom:35px}.section-title p{color:var(--red);text-transform:uppercase;font-weight:900;letter-spacing:2px}.section-title h2,.section h2{font-size:38px;margin:10px 0}.cars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1200px;margin:auto}.car-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.12)}.car-card img{height:230px;width:100%;object-fit:cover}.car-body{padding:22px}.badge{background:#111;color:#fff;padding:6px 10px;border-radius:30px;font-size:12px}.car-body h3{font-size:24px;margin:18px 0 8px}.car-body p{color:var(--muted)}.car-body a{color:var(--red);font-weight:900;text-decoration:none}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.info-box,.ncc-list{background:#fff;color:#111;padding:30px;border-radius:18px;box-shadow:0 10px 35px rgba(0,0,0,.12)}.dark .info-box{background:#151b25;color:#fff}.info-box li{margin:14px 0}.ncc-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ncc-list div{background:#f1f1f1;padding:18px;border-radius:12px;font-weight:800}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:auto}.services-grid div{background:#151b25;border:1px solid rgba(255,255,255,.08);padding:28px;border-radius:16px}.services-grid h3{margin-bottom:8px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:45px;background:#fff}.contact-list a{color:#111}.form{display:grid;gap:14px;background:#0b0f16;padding:28px;border-radius:18px}.form input,.form select,.form textarea{width:100%;padding:15px;border:0;border-radius:8px;font-size:16px}.form textarea{min-height:130px}.form button{background:var(--red);border:0;color:#fff;padding:16px;border-radius:8px;font-weight:900;text-transform:uppercase;cursor:pointer}.whatsapp{position:fixed;right:22px;bottom:22px;background:#25d366;color:#fff;text-decoration:none;font-weight:900;padding:15px 20px;border-radius:999px;box-shadow:0 10px 25px rgba(0,0,0,.25);z-index:30}footer{background:#000;color:#ddd;text-align:center;padding:28px 5%;font-size:14px}@media(max-width:900px){.header{flex-direction:column;gap:14px}.nav{flex-wrap:wrap;justify-content:center}.cta{display:none}.hero h1{font-size:38px}.quick-cards,.cars-grid,.split,.services-grid,.contact{grid-template-columns:1fr}.topbar{font-size:12px}.logo{height:58px}.section{padding:55px 5%}.ncc-list{grid-template-columns:1fr}}
.rental-search-box {
  background: #ffffff;
  color: #111;
  padding: 35px;
  border-radius: 18px;
  max-width: 1100px;
  margin: 40px auto;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

.vehicle-type {
  display: flex;
  gap: 10px;
  margin: 20px 0;
}

.vehicle-type button {
  padding: 15px 25px;
  border: 1px solid #ccc;
  background: #f5f5f5;
  font-weight: bold;
  border-radius: 8px;
  cursor: pointer;
}

.vehicle-type .active {
  background: #b30000;
  color: #fff;
}

.rental-form {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
  align-items: end;
}

.rental-form label {
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
}

.rental-form input {
  width: 100%;
  padding: 14px;
  border: 1px solid #ccc;
  border-radius: 8px;
}

.rental-form button {
  padding: 15px;
  background: #b30000;
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: bold;
  cursor: pointer;
}

@media(max-width: 900px) {
  .rental-form {
    grid-template-columns: 1fr;
  }
}