:root{--navy:#062f49;--blue:#0879b5;--cyan:#13b4d7;--pale:#eef9fc;--ink:#102d3e;--muted:#617884;--white:#fff;--line:#d6e7ed;--shadow:0 24px 60px rgba(5,54,82,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6}.container{width:min(1180px,calc(100% - 40px));margin:auto}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:9px;color:var(--navy);text-decoration:none}.brand span:last-child{display:flex;flex-direction:column;line-height:.95}.brand b{font-size:24px}.brand small{letter-spacing:.18em;font-size:10px}.drop{color:var(--cyan);font-size:30px;transform:rotate(45deg)}nav{display:flex;gap:28px;margin-left:auto}nav a,.foot a{color:inherit;text-decoration:none;font-weight:700;font-size:14px}.menu{display:none;background:none;border:0;font-size:24px}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;padding:14px 24px;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 12px 28px rgba(8,121,181,.25)}.btn.small{padding:10px 17px;font-size:13px}.hero{height:610px;position:relative;display:flex;align-items:center;overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,34,52,.9),rgba(3,34,52,.45) 55%,rgba(3,34,52,.08))}.hero-copy{position:relative;color:white;max-width:760px}.hero h1{font-size:clamp(46px,6vw,78px);line-height:1.02;letter-spacing:-.045em;margin:18px 0}.hero-copy>p:not(.eyebrow){font-size:19px;max-width:650px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:900;color:#6ee5f3}.eyebrow.blue{color:var(--blue)}.actions{display:flex;gap:14px;margin-top:30px}.ghost{background:transparent;border:1px solid rgba(255,255,255,.6);box-shadow:none}.trust{border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0}.trust-grid div{display:flex;flex-direction:column;padding:0 24px;border-right:1px solid var(--line)}.trust-grid div:last-child{border:0}.trust-grid span{color:var(--muted);font-size:13px}.section{padding:95px 0}.pale{background:var(--pale)}.two{display:grid;grid-template-columns:1fr 1fr;gap:90px}.two h2,.center h2,.booking h2,.contact h2{font-size:clamp(34px,4.5vw,54px);line-height:1.12;margin:12px 0;color:var(--navy)}.two p,.center p,.booking>div>p{color:var(--muted);font-size:17px}.center{text-align:center;max-width:760px;margin:0 auto 42px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.cards article{background:white;border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:0 8px 24px rgba(5,54,82,.06)}.cards img{width:100%;height:245px;object-fit:cover}.cards article>div{padding:27px}.cards h3{font-size:24px;margin:0 0 8px}.cards p{color:var(--muted)}.cards a{font-weight:800;color:var(--blue);text-decoration:none}.navy{background:var(--navy);color:white}.light h2,.light p{color:white}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery button{position:relative;border:0;border-radius:18px;overflow:hidden;padding:0;background:#000;cursor:pointer}.gallery img{width:100%;height:290px;object-fit:cover;display:block;transition:.3s}.gallery button:hover img{transform:scale(1.05);opacity:.8}.gallery span{position:absolute;left:16px;bottom:14px;color:white;font-weight:800;text-shadow:0 2px 8px #000}.booking{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start}.booking ul{list-style:none;padding:0;line-height:2}.booking form{background:white;padding:34px;border-radius:24px;box-shadow:var(--shadow)}label{display:block;font-size:13px;font-weight:800;margin-bottom:16px}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,select,textarea{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:12px;padding:14px;font:inherit;background:#fbfdfe}input:focus,select:focus,textarea:focus{outline:3px solid rgba(19,180,215,.15);border-color:var(--cyan)}.full{width:100%}.form-status{min-height:25px;font-weight:800}.form-status.ok{color:#13743d}.form-status.error{color:#a32323}.hp{position:absolute;left:-9999px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-list{display:grid;gap:18px}.contact-list a,.contact-list div{display:flex;flex-direction:column;color:inherit;text-decoration:none}.contact-list small{color:var(--blue);text-transform:uppercase;letter-spacing:.12em;font-weight:800}footer{background:#041f31;color:#bad0da;padding:28px 0}.foot{display:flex;gap:25px}.foot a:first-of-type{margin-left:auto}.whatsapp{position:fixed;right:20px;bottom:20px;background:#1fa855;color:white;text-decoration:none;padding:14px 19px;border-radius:999px;font-weight:800;z-index:40;box-shadow:var(--shadow)}dialog{border:0;border-radius:18px;padding:12px;max-width:min(1000px,90vw);background:#061f2e}dialog::backdrop{background:rgba(0,0,0,.8)}dialog img{max-width:100%;max-height:80vh;display:block}dialog button{position:absolute;right:15px;top:12px;border:0;border-radius:50%;width:38px;height:38px;font-size:24px} @media(max-width:900px){nav{display:none;position:absolute;top:75px;left:0;right:0;background:white;padding:24px;flex-direction:column}nav.open{display:flex}.menu{display:block;margin-left:auto}.nav>.btn{display:none}.hero{height:560px}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid div{margin:8px 0}.two,.booking,.contact{grid-template-columns:1fr;gap:35px}.cards{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}}@media(max-width:560px){.container{width:min(100% - 28px,1180px)}.hero{height:590px}.hero h1{font-size:44px}.actions{flex-direction:column}.trust-grid{grid-template-columns:1fr}.trust-grid div{border-right:0;border-bottom:1px solid var(--line);padding:14px 0}.section{padding:70px 0}.gallery{grid-template-columns:1fr}.row{grid-template-columns:1fr}.booking form{padding:22px}.foot{flex-wrap:wrap}.foot a:first-of-type{margin-left:0}.whatsapp{font-size:0;width:54px;height:54px}.whatsapp:after{content:'WA';font-size:13px}}


/* ===== JWT service-card image layout =====
   Keep the complete original vehicle photo visible while making the
   service cards as large as practical on desktop. */
#services .container{
  width:min(1420px,calc(100% - 48px));
}

#services .cards{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

#services .cards article{
  display:flex;
  flex-direction:column;
  min-width:0;
}

#services .cards img{
  width:100%;
  height:300px;
  object-fit:contain;
  object-position:center center;
  display:block;
  background:#eaf6fa;
}

#services .cards article>div{
  padding:26px 28px 28px;
}

@media (max-width:1100px){
  #services .container{
    width:min(100% - 32px,1180px);
  }

  #services .cards img{
    height:245px;
  }
}

@media (max-width:900px){
  #services .cards{
    grid-template-columns:1fr;
  }

  #services .cards img{
    height:auto;
    max-height:none;
    object-fit:contain;
  }
}


/* Approved service-card presentation: full vehicle visible, large image area */
#services .container{
  width:min(1360px,calc(100% - 48px));
}
#services .cards{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}
#services .cards img{
  width:100%;
  aspect-ratio:653 / 284;
  height:auto;
  object-fit:cover;
  object-position:center;
  display:block;
}
#services .cards article>div{
  padding:24px 26px 28px;
}
@media(max-width:900px){
  #services .container{width:min(100% - 28px,1180px)}
  #services .cards{grid-template-columns:1fr}
  #services .cards img{aspect-ratio:auto;height:auto}
}


/* ===== Expanded company / water quality information ===== */
.water-quality{
  background:#fff;
}
.water-quality .center{
  margin-bottom:38px;
}
.quality-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.quality-card{
  background:#f8fcfd;
  border:1px solid var(--line);
  border-radius:20px;
  padding:26px;
  box-shadow:0 10px 28px rgba(5,54,82,.06);
}
.quality-card.wide{
  grid-column:span 4;
}
.quality-icon{
  width:44px;
  height:44px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin-bottom:16px;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  color:#fff;
  font-weight:900;
}
.quality-card h3{
  margin:0 0 8px;
  font-size:20px;
  color:var(--navy);
}
.quality-card p{
  margin:0;
  color:var(--muted);
}

.capacity-heading{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:end;
  margin-bottom:38px;
}
.capacity-heading h2{
  font-size:clamp(34px,4vw,52px);
  line-height:1.12;
  margin:12px 0 0;
  color:var(--navy);
}
.capacity-heading>p{
  margin:0;
  color:var(--muted);
  font-size:17px;
}
.capacity-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.capacity-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:28px 24px;
  text-align:center;
  box-shadow:0 12px 30px rgba(5,54,82,.07);
}
.capacity-card strong{
  display:block;
  color:var(--navy);
  font-size:38px;
  line-height:1;
}
.capacity-card span{
  display:block;
  margin-top:8px;
  color:var(--blue);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
}
.capacity-card small{
  display:block;
  margin-top:10px;
  color:var(--muted);
  font-size:14px;
}

@media(max-width:900px){
  .quality-grid{
    grid-template-columns:1fr 1fr;
  }
  .quality-card.wide{
    grid-column:span 2;
  }
  .capacity-heading{
    grid-template-columns:1fr;
    gap:18px;
  }
  .capacity-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:560px){
  .quality-grid,
  .capacity-grid{
    grid-template-columns:1fr;
  }
  .quality-card.wide{
    grid-column:span 1;
  }
}