/* V55 — unified visual system for the approved iScOoTeR landing page */
:root{
  --iscooter-bg:#fff9ef;
  --iscooter-surface:#fffdf8;
  --iscooter-ink:#07373a;
  --iscooter-petrol:#074b4d;
  --iscooter-petrol-2:#0a675f;
  --iscooter-mint:#55cbaa;
  --iscooter-lime:#a8ef6b;
  --iscooter-line:#dce2da;
  --iscooter-radius-xl:28px;
  --iscooter-radius-lg:22px;
  --iscooter-radius-md:16px;
  --iscooter-shadow:0 16px 40px rgba(20,67,61,.09);
}
body.customer-v5{
  background:linear-gradient(180deg,#fff9ef 0%,#f7f3e9 52%,#eef5ed 100%)!important;
}
.iscooterBrandV45 .nav,
.v48Benefits,
.v48Service,
.v48How,
.iscooterBrandV45 .scooter-pick,
.iscooterBrandV45 #karte,
.iscooterBrandV45 .quick-card,
.flow-section,
.two-cards,
.bottom-banner{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif!important;
}
.v48Hero,
.v48Benefits,
.v48Services,
.v48How{
  width:100%;
}
.v48Hero{
  border-bottom:1px solid var(--iscooter-line)!important;
}
.v48Hero h1,
.v48HowTitle h2,
.iscooterBrandV45 .pick-top h2,
.section-title{
  color:var(--iscooter-ink)!important;
}
.v48HeroActions .btn,
.iscooterBrandV45 .btn{
  font-weight:850!important;
  letter-spacing:-.1px!important;
}
.v48Benefits,
.v48Service,
.iscooterBrandV45 .scooter-pick,
.iscooterBrandV45 .quick-card{
  border-color:var(--iscooter-line)!important;
}
.v48Benefits{
  background:rgba(255,253,248,.98)!important;
}
.v48Service{
  color:var(--iscooter-ink)!important;
}
.v48Service:after{
  transition:transform .18s ease,background .18s ease!important;
}
.v48Service:hover:after{
  transform:translateY(-50%) translateX(2px)!important;
  background:#eef8df!important;
}
.v48How{
  color:#fff!important;
}
.v48HowTitle h2{color:#fff!important}
.v48Step b{color:#fff!important}
.iscooterBrandV45 .scooter-pick,
.iscooterBrandV45 #karte{
  background:rgba(255,253,248,.98)!important;
}
.iscooterBrandV45 .quick-card{
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.iscooterBrandV45 .quick-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 14px 30px rgba(20,67,61,.11)!important;
}
.iscooterBrandV45 footer{
  margin-top:34px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
@media(min-width:1200px){
  .v48Benefits,
  .v48Services,
  .v48How,
  .iscooterBrandV45 .scooter-pick,
  .iscooterBrandV45 #karte{
    max-width:1380px!important;
  }
}
@media(max-width:900px){
  body.customer-v5{background:#fffaf3!important}
  .v48Benefits,
  .v48Services,
  .v48How{
    width:auto!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}