:root{
  --brand:#19c8cf;
  --brand-dark:#057b82;
  --ink:#17252a;
  --cream:#fff7ec;
  --soft:#f3fbfb;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#fff}
h1,h2,.navbar-brand{font-family:"Playfair Display",serif}
.navbar{transition:.25s;background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,0))}
.navbar.scrolled{background:rgba(10,27,31,.95);backdrop-filter:blur(12px)}
.navbar-brand{font-size:1.65rem}
.navbar-brand span{color:var(--brand)}
.btn-brand{background:var(--brand);border-color:var(--brand);color:#062326;font-weight:800;border-radius:999px;padding:.75rem 1.35rem}
.btn-brand:hover{background:#10aeb5;border-color:#10aeb5;color:#fff}
.py-6{padding:6rem 0}
.hero{position:relative;background:url("hero-apegarage.png") center/cover no-repeat;min-height:100vh}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,27,.88),rgba(5,24,27,.48),rgba(5,24,27,.15))}
.text-white-75{color:rgba(255,255,255,.78)}
.hero-badge{background:rgba(25,200,207,.16);border:1px solid rgba(25,200,207,.45);color:#dfffff;padding:.7rem 1rem}
.hero-card{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(16px);border-radius:28px;padding:2rem;color:#fff;box-shadow:0 30px 80px rgba(0,0,0,.28)}
.hero-card h3{font-weight:800;font-size:2rem}
.stat{font-family:"Playfair Display",serif;color:var(--brand);font-size:3.5rem}
.section-kicker{display:inline-block;color:var(--brand-dark);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;margin-bottom:.8rem}
.section-title{font-size:clamp(2.1rem,4vw,3.75rem);font-weight:800;line-height:1.05}
.service-card,.form-card,.vehicle-card{border-radius:28px;background:#fff;box-shadow:0 20px 55px rgba(8,42,48,.10);overflow:hidden}
.service-card{padding:2rem;height:100%;border:1px solid #e9f1f1}
.service-card .icon{width:54px;height:54px;border-radius:18px;background:var(--cream);display:grid;place-items:center;font-weight:900;color:var(--brand-dark);margin-bottom:1.3rem}
.service-card h4{font-weight:900}
.bg-soft{background:var(--soft)}
.vehicle-card{height:100%;transition:.25s;border:1px solid #e8eeee}
.vehicle-card:hover{transform:translateY(-7px);box-shadow:0 26px 70px rgba(8,42,48,.17)}
.vehicle-card img{width:100%;height:255px;object-fit:cover}
.vehicle-card h3{font-weight:900;margin-top:.8rem}
.vehicle-card a{font-weight:900;color:var(--brand-dark);text-decoration:none}
.tag{display:inline-block;background:#e8fbfc;color:var(--brand-dark);font-weight:800;border-radius:999px;padding:.35rem .75rem;font-size:.8rem}
.image-stack{position:relative;padding:0 4rem 4rem 0}
.main-img{width:100%;border-radius:32px;box-shadow:0 30px 80px rgba(0,0,0,.18)}
.float-img{position:absolute;right:0;bottom:0;width:50%;border:8px solid #fff;border-radius:26px;box-shadow:0 22px 50px rgba(0,0,0,.20)}
.check-list p{font-weight:700;background:#f6fbfb;border-radius:16px;padding:1rem 1.2rem;margin-bottom:.8rem}
.cta{background:linear-gradient(135deg,#07363a,#0d7f86 55%,#19c8cf)}
.contact-box{background:var(--cream);border-radius:24px;padding:1.5rem;margin-top:2rem}
.form-card{padding:2rem;border:1px solid #e9f1f1}
.form-control,.form-select{border-radius:16px;border-color:#dfe9e9}
@media(max-width:767px){
  .py-6{padding:4rem 0}
  .hero{background-position:center}
  .display-2{font-size:3.2rem}
  .image-stack{padding:0}
  .float-img{display:none}
  .vehicle-card img{height:220px}
}