/* iScOoTeR V46 — youth-first landing page */
:root{--iscooter-ink:#062f35;--iscooter-deep:#03272d;--iscooter-mint:#55d7b0;--iscooter-lime:#9cff45;--iscooter-cream:#fff8e9;--iscooter-line:#1b5961;--iscooter-glow:0 18px 70px rgba(25,255,169,.14)}
body.customer-v5{background:
radial-gradient(circle at 70% 8%,rgba(53,213,143,.18),transparent 26%),
linear-gradient(180deg,#031d23 0%,#052b31 46%,#041b20 100%);color:#f7fff9}
body.customer-v5:before{display:none}
.iscooterBrandV45 .nav{min-height:92px;height:auto;padding:12px 0}
.iscooterBrandV45 .navlinks{gap:18px}
.iscooterBrandV45 .navlinks a{color:#dff7ed;font-weight:700}
.iscooterBrandV45 .navlinks a:hover{color:var(--iscooter-lime)}
.iscooterBrandV45 .btn-primary{background:linear-gradient(135deg,var(--iscooter-lime),#48e982);color:#062f35;border-color:transparent;box-shadow:0 10px 30px rgba(156,255,69,.2)}
.iscooterBrandV45 .btn-ghost{background:rgba(5,45,51,.75);border-color:#34747a;color:#f5fffb}
.iscooterBrandV45 .topline{background:linear-gradient(90deg,#55d7b0,#9cff45,#46a7ff)}
.iscooterV46Hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:34px;align-items:center;min-height:570px;padding:54px clamp(24px,5vw,72px);margin-top:18px;border:1px solid rgba(105,219,184,.28);border-radius:32px;background:linear-gradient(130deg,rgba(5,56,63,.96),rgba(3,29,35,.98));box-shadow:var(--iscooter-glow);overflow:hidden;position:relative}
.iscooterV46Hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-210px;top:-210px;background:radial-gradient(circle,rgba(156,255,69,.24),transparent 62%);pointer-events:none}
.iscooterV46HeroCopy{position:relative;z-index:1}
.iscooterV46Eyebrow{display:inline-flex;gap:10px;align-items:center;color:#79f4c9;font-weight:900;letter-spacing:2px;text-transform:uppercase;font-size:12px}
.iscooterV46Eyebrow:before{content:"";width:28px;height:3px;border-radius:99px;background:var(--iscooter-lime)}
.iscooterV46Hero h1{font-size:clamp(46px,6.4vw,86px);line-height:.93;letter-spacing:-4px;margin:20px 0 24px;max-width:760px}
.iscooterV46Hero h1 span{color:var(--iscooter-lime);text-shadow:0 0 32px rgba(156,255,69,.18)}
.iscooterV46Lead{font-size:clamp(17px,2vw,21px);max-width:650px;color:#d3ebe5;line-height:1.5}
.iscooterV46Actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.iscooterV46Trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.iscooterV46Trust span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #2c6970;border-radius:999px;background:rgba(6,39,45,.7);color:#d9f7eb;font-size:13px;font-weight:700}
.iscooterV46Trust b{color:var(--iscooter-lime)}
.iscooterV46Phone{position:relative;z-index:1;margin:auto;width:min(100%,370px);padding:14px;border:1px solid #3a7f84;border-radius:44px;background:#06161a;box-shadow:0 36px 90px #0009,0 0 0 6px rgba(255,255,255,.03);transform:rotate(3deg)}
.iscooterV46Screen{min-height:510px;border-radius:32px;background:linear-gradient(180deg,#06414a,#072d33);padding:20px;overflow:hidden;display:flex;flex-direction:column}
.iscooterV46PhoneLogo{width:112px;height:112px;object-fit:contain;margin:4px auto 6px;border-radius:22px}
.iscooterV46Map{height:190px;border-radius:22px;margin:8px 0 15px;background:
radial-gradient(circle at 30% 45%,#9cff45 0 7px,transparent 8px),
radial-gradient(circle at 68% 33%,#55d7b0 0 7px,transparent 8px),
radial-gradient(circle at 74% 70%,#9cff45 0 7px,transparent 8px),
linear-gradient(25deg,transparent 48%,rgba(255,255,255,.13) 49% 51%,transparent 52%),
linear-gradient(-32deg,transparent 48%,rgba(255,255,255,.1) 49% 51%,transparent 52%),#0a5860;box-shadow:inset 0 0 0 1px #378188}
.iscooterV46Vehicle{padding:14px;border:1px solid #39747a;background:#06262b;border-radius:18px}
.iscooterV46Vehicle strong{display:flex;justify-content:space-between;font-size:16px}
.iscooterV46Vehicle small{display:block;color:#a9c8c3;margin-top:7px}
.iscooterV46Unlock{margin-top:14px;width:100%;border:0;border-radius:16px;background:linear-gradient(135deg,var(--iscooter-lime),#58e6a9);color:#062f35;padding:16px;font-weight:950;font-size:16px}
.iscooterV46Services{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:26px 0}
.iscooterV46Service{min-height:122px;padding:22px;border-radius:22px;border:1px solid #26636a;background:linear-gradient(150deg,#07383e,#06262c);display:flex;align-items:center;gap:18px;box-shadow:0 10px 34px rgba(0,0,0,.18)}
.iscooterV46Service i{font-style:normal;font-size:38px}
.iscooterV46Service h3{margin:0 0 4px;font-size:20px}
.iscooterV46Service p{margin:0;color:#a9c8c3;font-size:13px}
.flow-section,.two-cards,.bottom-banner{border-color:#255b61!important}
.how-card,.feature{background:linear-gradient(160deg,#073239,#05262c)!important;border-color:#256169!important;box-shadow:none!important}
.how-card .step-icon{background:#103f43!important;color:var(--iscooter-lime)!important;border-color:#36767a!important}
.section-kicker,.label{color:#78efc6!important}
.bottom-banner{background:linear-gradient(110deg,#07333a,#064b45)!important}
@media(max-width:1050px){.iscooterV46Hero{grid-template-columns:1fr;}.iscooterV46Phone{transform:none}.iscooterV46Services{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.iscooterV46Hero{padding:32px 20px;min-height:auto;border-radius:24px}.iscooterV46Hero h1{letter-spacing:-2.2px}.iscooterV46Phone{width:100%;max-width:330px}.iscooterV46Screen{min-height:455px}.iscooterV46Services{grid-template-columns:1fr}.iscooterV46Service{min-height:100px}.iscooterV46Actions .btn{flex:1 1 100%}}
/* V47 — map, vehicle picker and unlock preparation */
.iscooterBrandV45 .scooter-pick{margin-top:34px;padding:30px;border:1px solid #2b6b71;border-radius:28px;background:linear-gradient(145deg,#07363d,#04272c);box-shadow:var(--iscooter-glow)}
.iscooterBrandV45 .pick-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.iscooterBrandV45 .pick-top h2{font-size:clamp(30px,4vw,48px);margin:6px 0 8px;letter-spacing:-1.8px}
.iscooterBrandV45 .pick-top p{color:#b9d5d0;max-width:650px;margin:0}
.iscooterBrandV45 .pick-cards{gap:16px}
.iscooterBrandV45 .quick-card{position:relative;overflow:hidden;padding:20px;border:1px solid #2f6f75;border-radius:22px;background:linear-gradient(160deg,#0a4248,#062a30);box-shadow:0 16px 38px rgba(0,0,0,.2);transition:.2s transform,.2s border-color}
.iscooterBrandV45 .quick-card:before{content:"";position:absolute;width:130px;height:130px;right:-48px;top:-55px;border-radius:50%;background:radial-gradient(circle,rgba(156,255,69,.22),transparent 68%)}
.iscooterBrandV45 .quick-card:hover{transform:translateY(-4px);border-color:#5ecf9e}
.iscooterBrandV45 .quick-card-head{display:flex;align-items:center;gap:12px}
.iscooterBrandV45 .quick-scooter-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#113f42;font-size:28px}
.iscooterBrandV45 .quick-card-head strong{display:block;font-size:18px}
.iscooterBrandV45 .quick-id{display:block;color:#83b3ad;font-size:12px;margin-top:2px}
.iscooterBrandV45 .quick-dot{margin-left:auto;width:12px;height:12px;border-radius:50%;background:var(--iscooter-lime);box-shadow:0 0 0 5px rgba(156,255,69,.12)}
.iscooterBrandV45 .quick-meta{display:flex;justify-content:space-between;gap:12px;color:#bfe0d9;margin:20px 0 12px;font-size:13px}
.iscooterBrandV45 .quick-cost{padding:12px 0;border-top:1px solid #245b61;border-bottom:1px solid #245b61;color:#b4d0cc}
.iscooterBrandV45 .quick-cost b{font-size:22px;color:#fff}
.iscooterBrandV45 .quick-cost span{float:right;color:#7eeabf}
.iscooterBrandV45 .quick-estimate-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;color:#b4d0cc}
.iscooterBrandV45 .quick-estimate-row strong{font-size:22px;color:var(--iscooter-lime)}
.iscooterBrandV45 .quick-select{width:100%;min-height:48px}
.iscooterBrandV45 .pick-foot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:18px;color:#91b6b1;font-size:12px}
.iscooterBrandV45 .pick-foot a{color:#82efc5;font-weight:800}
.iscooterBrandV45 #karte{margin-top:30px}
.iscooterBrandV45 #karte .section-header{padding:26px;border:1px solid #2a6369;border-bottom:0;border-radius:28px 28px 0 0;background:#062d33}
.iscooterBrandV45 #karte .section-header h2{font-size:clamp(30px,4vw,46px);margin:7px 0 9px}
.iscooterBrandV45 #karte .section-header p{color:#a9cbc5}
.iscooterBrandV45 .map-wrap{border:1px solid #2a6369;border-radius:0 0 28px 28px;overflow:hidden;box-shadow:0 20px 55px rgba(0,0,0,.22)}
.iscooterBrandV45 .map-sidebar{background:#05252a;border-color:#24565c}
.iscooterBrandV45 .filter{border-color:#24565c;background:#082f35;color:#dff7ef}
.iscooterBrandV45 .filter.active{background:linear-gradient(135deg,#123f3b,#0c4d42);border-color:#63d7a8;box-shadow:inset 4px 0 0 var(--iscooter-lime)}
.iscooterBrandV45 .map-main{background:#dce8e4}
.iscooterBrandV45 .statbar{margin-top:22px;border-color:#285f65;background:#052b31}
.iscooterBrandV45 .stat{background:#07353b;border-color:#285f65}
.iscooterBrandV45 .stat-icon{color:var(--iscooter-lime)}
@media(max-width:760px){
 .iscooterBrandV45 .scooter-pick{padding:22px 16px;border-radius:22px}
 .iscooterBrandV45 .pick-top{align-items:stretch;flex-direction:column}
 .iscooterBrandV45 .pick-qr{width:100%}
 .iscooterBrandV45 .pick-foot{flex-direction:column}
 .iscooterBrandV45 #karte .section-header{padding:22px 16px}
}