/* Deepam Cabs — Hero component (css_v2) */
.hero{
  position:relative;min-height:100vh;min-height:100dvh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:calc(var(--header-h) + 40px) 24px clamp(64px,7vh,88px);
  text-align:center;color:var(--white);overflow:visible;
  font-family:var(--font-display);
}
.hero__visual{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero__picture,.hero__picture img{display:block;width:100%;height:100%}
.hero__picture img{object-fit:cover;object-position:center center}
.hero__visual-overlay{position:absolute;inset:0;z-index:1;background:var(--hero-overlay);pointer-events:none}
.hero__stack{
  position:relative;z-index:2;width:100%;max-width:1140px;
  display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:0;
}
.hero__content{
  position:relative;z-index:2;max-width:var(--hero-content-max);width:100%;
  flex-shrink:0;margin-inline:auto;
}
.hero h1{
  font-family:var(--font-display);
  font-size:clamp(1.875rem,4.5vw,2.625rem);
  font-weight:700;line-height:1.12;
  margin:0 0 var(--hero-gap-heading);
  letter-spacing:-.035em;
}
.hero__lead{
  font-size:clamp(.9375rem,1.75vw,1.0625rem);
  color:rgba(255,255,255,.78);
  margin:0 auto var(--hero-gap-lead);
  max-width:540px;font-weight:400;line-height:1.55;
  letter-spacing:.01em;
}
.hero__trust{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;
  margin:0 auto var(--hero-gap-trust);
  max-width:var(--hero-content-max);
  font-size:.8125rem;font-weight:500;color:rgba(255,255,255,.88);
  letter-spacing:.01em;
}
.hero__trust-item{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 12px;border-radius:999px;
  background:rgba(8,12,22,.48);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.hero__trust-item::before{
  content:"✓";color:var(--green);font-weight:700;
  font-size:.75rem;line-height:1;flex-shrink:0;
}
.hero .booking-card{
  margin:var(--hero-gap-booking) auto var(--hero-booking-overhang);
  width:100%;
  scroll-margin-top:calc(var(--header-h) + 20px);
}