/* V191 — Reference-aligned premium public homepage.
   Visual direction: bright premium iScooter by BidBlitz landing page.
   Functional booking/map/account flows remain unchanged below the fold. */

body.customer-v5{
  background:#f7f4ed!important;
  color:#0b3032!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif!important;
}
body.customer-v5:before{display:none!important}
.customer-v5 .topline{display:none!important}
.customer-v5 .bb-id-entry{
  background:#eff7e8!important;
  border-color:#d7e8cb!important;
  color:#1c5048!important;
}
.customer-v5 .site-header{
  position:sticky!important;
  top:0!important;
  z-index:70!important;
  background:rgba(255,252,246,.96)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 1px 0 #dbe3da,0 12px 30px rgba(32,70,62,.06)!important;
}
.customer-v5 .shell{max-width:1480px!important;padding-left:30px!important;padding-right:30px!important}
.customer-v5 .nav{height:86px!important;gap:18px!important}
.customer-v5 .iscooterLogo{width:164px!important;height:70px!important;object-fit:contain!important}
.customer-v5 .navlinks{gap:6px!important}
.customer-v5 .navlinks a{
  color:#102c2d!important;
  font-weight:760!important;
  font-size:13px!important;
  padding:10px 13px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}
.customer-v5 .navlinks a:first-child{
  background:#0f6f66!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(15,111,102,.18)!important;
}
.customer-v5 .navlinks a:hover{background:#e9f2e6!important;color:#0c5f58!important}
.customer-v5 .nav-actions{gap:7px!important}
.customer-v5 .nav-actions .btn{
  min-height:42px!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  font-size:12px!important;
  box-shadow:none!important;
}
.customer-v5 .nav-actions .btn-ghost{
  background:#fff!important;
  color:#102c2d!important;
  border-color:#cbd8d0!important;
}
.customer-v5 .nav-actions .btn-primary{
  background:linear-gradient(135deg,#dff89a,#9eea63)!important;
  color:#123b31!important;
  border:1px solid #a9df74!important;
  font-weight:850!important;
}
.customer-v5 .customerLocaleV35{
  order:-1;
  background:#fff!important;
  border:1px solid #d4ded7!important;
  border-radius:999px!important;
  padding:4px 8px!important;
}
.customer-v5 .customerLocaleV35 label{display:none!important}
.customer-v5 .customerLocaleV35 select{
  border:0!important;
  background:transparent!important;
  color:#173b39!important;
  font-weight:700!important;
  min-width:74px!important;
}
.customer-v5 .demo-strip{
  background:#f1f6e9!important;
  border:0!important;
  border-bottom:1px solid #dce7d4!important;
  color:#53665e!important;
  font-size:10px!important;
  padding:5px 12px!important;
}

/* HERO */
.customer-v5 .v48Hero{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.02fr) minmax(480px,.98fr)!important;
  min-height:560px!important;
  margin:0!important;
  border:0!important;
  border-radius:0 0 42px 42px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 11% 89%,rgba(139,221,114,.18),transparent 27%),
    linear-gradient(125deg,#fffdf9 0%,#f6f2e9 58%,#e9f2e1 100%)!important;
  box-shadow:none!important;
}
.customer-v5 .v48Hero:before{
  content:""!important;
  position:absolute!important;
  inset:auto -9% -34% auto!important;
  width:64%!important;
  height:72%!important;
  border-radius:50%!important;
  background:radial-gradient(circle,#8ee46f42 0%,transparent 66%)!important;
  pointer-events:none!important;
}
.customer-v5 .v48HeroCopy{
  padding:66px 34px 54px 36px!important;
  position:relative!important;
  z-index:3!important;
}
.customer-v5 .v48Eyebrow{
  color:#0a4b49!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:3px!important;
  margin-bottom:18px!important;
}
.customer-v5 .v48Hero h1{
  max-width:690px!important;
  color:#092e31!important;
  font-size:clamp(56px,5.45vw,86px)!important;
  line-height:.92!important;
  letter-spacing:-4px!important;
  margin:0 0 23px!important;
  font-weight:950!important;
  text-transform:none!important;
  font-style:italic!important;
}
.customer-v5 .v48Hero h1 span{
  display:block!important;
  color:#16806c!important;
  -webkit-text-fill-color:initial!important;
  background:none!important;
}
.customer-v5 .v48HeroLead{
  max-width:640px!important;
  color:#2a3f3f!important;
  font-size:20px!important;
  line-height:1.35!important;
  margin-bottom:28px!important;
}
.customer-v5 .v48HeroActions{display:flex!important;gap:12px!important;flex-wrap:wrap!important}
.customer-v5 .v48HeroActions .btn{
  min-height:58px!important;
  padding:0 28px!important;
  border-radius:999px!important;
  font-size:17px!important;
  font-weight:900!important;
}
.customer-v5 .v48HeroActions .btn-primary{
  background:linear-gradient(135deg,#075f62,#0c7770)!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(7,95,98,.18)!important;
}
.customer-v5 .v48HeroActions .btn-ghost{
  background:linear-gradient(135deg,#d9f982,#a6ef65)!important;
  border-color:#addf70!important;
  color:#143f33!important;
}
.customer-v5 .v48StoreRow{margin-top:20px!important;gap:10px!important}
.customer-v5 .v48Store{
  background:#0e1111!important;
  color:#fff!important;
  border:0!important;
  border-radius:10px!important;
  padding:10px 15px!important;
  font-size:11px!important;
  font-weight:800!important;
}
.customer-v5 .v48Visual{
  position:relative!important;
  min-height:560px!important;
  overflow:hidden!important;
}
.customer-v5 .v48Lifestyle{
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(247,244,237,.4) 0%,transparent 23%),
    url('/src/branding/hero-legacy.webp') center/cover no-repeat!important;
  filter:saturate(.92) contrast(.96) brightness(1.03)!important;
}
.customer-v5 .v48Riders{display:none!important}
.customer-v5 .v48Phone{
  position:absolute!important;
  right:3%!important;
  top:28px!important;
  width:244px!important;
  height:500px!important;
  transform:rotate(3deg)!important;
  border:10px solid #101615!important;
  border-radius:45px!important;
  background:#0d5e57!important;
  box-shadow:0 25px 60px rgba(8,49,47,.28)!important;
  overflow:hidden!important;
}
.customer-v5 .v48PhoneScreen{height:100%!important;background:#0d5e57!important}
.customer-v5 .v48PhoneLogo{width:118px!important;margin:26px auto 12px!important;display:block!important}
.customer-v5 .v48PhoneMap{
  height:196px!important;
  margin:0 12px 14px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 52% 53%,#30aaff 0 5px,#fff 6px 8px,transparent 9px),
    radial-gradient(circle at 23% 33%,#9be752 0 9px,#0e7768 10px 16px,transparent 17px),
    radial-gradient(circle at 69% 29%,#9be752 0 9px,#0e7768 10px 16px,transparent 17px),
    radial-gradient(circle at 77% 69%,#9be752 0 9px,#0e7768 10px 16px,transparent 17px),
    linear-gradient(35deg,#dbe8d8 20%,#c9dccb 20% 40%,#edf0df 40% 60%,#d2dfd2 60%)!important;
}
.customer-v5 .v48PhoneCard{
  margin:0 12px!important;
  border-radius:17px!important;
  background:#fffdf4!important;
  color:#123b37!important;
  padding:14px!important;
}
.customer-v5 .v48PhoneCard small{color:#4b6e67!important}
.customer-v5 .v48PhoneBtn{
  margin:13px 12px!important;
  min-height:50px!important;
  border-radius:15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#cafa77,#8eea5d)!important;
  color:#183d32!important;
  font-weight:900!important;
}

/* BENEFIT STRIP */
.customer-v5 .v48Benefits{
  margin:0!important;
  padding:18px 28px!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  border:1px solid #d5ded5!important;
  border-radius:26px!important;
  background:rgba(255,253,248,.96)!important;
  box-shadow:0 12px 28px rgba(28,72,61,.08)!important;
  transform:translateY(-18px)!important;
  position:relative!important;
  z-index:4!important;
}
.customer-v5 .v48Benefit{
  color:#173a37!important;
  justify-content:center!important;
  border-right:1px solid #dde5dc!important;
  min-height:52px!important;
}
.customer-v5 .v48Benefit:last-child{border-right:0!important}
.customer-v5 .v48Benefit i{
  width:42px!important;
  height:42px!important;
  background:#edf7e6!important;
  color:#0e7967!important;
  border:0!important;
  font-size:18px!important;
}
.customer-v5 .v48Benefit span{font-size:13px!important;font-weight:820!important}

/* SERVICES */
.customer-v5 .v48Services{
  margin:4px 0 28px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.customer-v5 .v48Service{
  min-height:105px!important;
  padding:20px 22px!important;
  border:1px solid #dfe4da!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#fffefa,#f0ede4)!important;
  color:#143a39!important;
  box-shadow:none!important;
}
.customer-v5 .v48Service:first-child{background:linear-gradient(135deg,#efffd0,#d9f3aa)!important}
.customer-v5 .v48Service i{
  width:68px!important;
  height:58px!important;
  border-radius:18px!important;
  background:transparent!important;
  font-size:38px!important;
}
.customer-v5 .v48Service h3{font-size:22px!important;margin:0 0 3px!important}
.customer-v5 .v48Service p{font-size:13px!important;color:#445d58!important;margin:0!important}

/* HOW */
.customer-v5 .v48How{
  margin:26px 0 42px!important;
  padding:28px 34px!important;
  border:0!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 94% 87%,rgba(87,212,175,.28),transparent 22%),
    linear-gradient(112deg,#054a4d 0%,#075c5b 68%,#0d7c73 100%)!important;
  display:grid!important;
  grid-template-columns:1.25fr repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:center!important;
  color:#fff!important;
  box-shadow:none!important;
}
.customer-v5 .v48HowTitle{padding-right:18px!important}
.customer-v5 .v48HowTitle h2{
  color:#fff!important;
  font-size:42px!important;
  line-height:.95!important;
  margin:0!important;
  font-weight:950!important;
  letter-spacing:-2px!important;
}
.customer-v5 .v48Step{
  min-height:120px!important;
  padding:8px!important;
  background:transparent!important;
  border:0!important;
  text-align:center!important;
  color:#fff!important;
}
.customer-v5 .v48StepIcon{
  width:58px!important;
  height:58px!important;
  margin:0 auto 8px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#fbf8ec!important;
  color:#0f675f!important;
  font-size:26px!important;
}
.customer-v5 .v48Step b{display:block!important;font-size:14px!important;color:#fff!important}
.customer-v5 .v48Step span{display:block!important;font-size:11px!important;color:#d7eeee!important;margin-top:3px!important}

/* Hide duplicate 3-step strip from older layout */
.customer-v5 .easy-steps{display:none!important}

/* Sections below reference area */
.customer-v5 .ride-planner,
.customer-v5 .scooter-pick,
.customer-v5 .simple-prices,
.customer-v5 .customer-help{
  background:#fffdf8!important;
  border-color:#dbe4db!important;
  color:#163a38!important;
}
.customer-v5 .section-kicker{color:#0e7769!important}
.customer-v5 .pick-top h2,.customer-v5 .customer-help h2,.customer-v5 .ride-planner h2{color:#123a38!important}

/* Mobile */
@media(max-width:1100px){
  .customer-v5 .navlinks{display:none!important}
  .customer-v5 .v48Hero{grid-template-columns:1fr 1fr!important}
  .customer-v5 .v48Hero h1{font-size:clamp(48px,6vw,68px)!important}
  .customer-v5 .v48How{grid-template-columns:repeat(3,1fr)!important}
  .customer-v5 .v48HowTitle{grid-column:1/-1!important}
}
@media(max-width:760px){
  .customer-v5 .shell{padding-left:14px!important;padding-right:14px!important}
  .customer-v5 .site-header .shell{padding:0 12px!important}
  .customer-v5 .nav{height:68px!important}
  .customer-v5 .iscooterLogo{width:115px!important;height:52px!important}
  .customer-v5 .nav-actions .btn-primary{display:none!important}
  .customer-v5 .nav-actions .btn-ghost{font-size:0!important;width:42px!important;padding:0!important}
  .customer-v5 .nav-actions .btn-ghost:before{content:"◯";font-size:19px!important}
  .customer-v5 .customerLocaleV35 select{min-width:58px!important;width:58px!important;font-size:11px!important}
  .customer-v5 .demo-strip{font-size:9px!important}
  .customer-v5 .v48Hero{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    border-radius:0 0 28px 28px!important;
  }
  .customer-v5 .v48HeroCopy{padding:34px 18px 24px!important}
  .customer-v5 .v48Eyebrow{font-size:11px!important;letter-spacing:2px!important}
  .customer-v5 .v48Hero h1{
    font-size:clamp(44px,13vw,64px)!important;
    letter-spacing:-3px!important;
    line-height:.93!important;
  }
  .customer-v5 .v48HeroLead{font-size:15px!important;line-height:1.45!important}
  .customer-v5 .v48HeroActions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .customer-v5 .v48HeroActions .btn{min-height:50px!important;font-size:13px!important;padding:0 12px!important}
  .customer-v5 .v48StoreRow{display:none!important}
  .customer-v5 .v48Visual{min-height:360px!important}
  .customer-v5 .v48Phone{width:175px!important;height:330px!important;right:3%!important;top:18px!important;border-width:7px!important;border-radius:33px!important}
  .customer-v5 .v48PhoneLogo{width:84px!important;margin-top:18px!important}
  .customer-v5 .v48PhoneMap{height:125px!important;margin:0 8px 8px!important;border-radius:16px!important}
  .customer-v5 .v48PhoneCard{margin:0 8px!important;padding:9px!important;font-size:10px!important}
  .customer-v5 .v48PhoneBtn{margin:8px!important;min-height:38px!important;font-size:10px!important}
  .customer-v5 .v48Benefits{
    grid-template-columns:repeat(2,1fr)!important;
    transform:translateY(-10px)!important;
    padding:12px!important;
    border-radius:20px!important;
    gap:5px!important;
  }
  .customer-v5 .v48Benefit{
    border-right:0!important;
    justify-content:flex-start!important;
    min-height:44px!important;
  }
  .customer-v5 .v48Benefit:last-child{grid-column:1/-1!important}
  .customer-v5 .v48Benefit i{width:34px!important;height:34px!important;font-size:14px!important}
  .customer-v5 .v48Benefit span{font-size:11px!important}
  .customer-v5 .v48Services{
    grid-template-columns:repeat(2,1fr)!important;
    gap:8px!important;
  }
  .customer-v5 .v48Service{min-height:88px!important;padding:14px!important;border-radius:17px!important}
  .customer-v5 .v48Service i{width:44px!important;height:44px!important;font-size:27px!important}
  .customer-v5 .v48Service h3{font-size:16px!important}
  .customer-v5 .v48How{
    grid-template-columns:repeat(2,1fr)!important;
    padding:24px 15px!important;
    border-radius:24px!important;
  }
  .customer-v5 .v48HowTitle{grid-column:1/-1!important}
  .customer-v5 .v48HowTitle h2{font-size:34px!important;text-align:left!important}
  .customer-v5 .v48Step{min-height:104px!important}
  .customer-v5 .v48StepIcon{width:48px!important;height:48px!important;font-size:21px!important}
}