/* Scoot Sharing */
.s-hero{padding:8px 16px 0}
.s-hero-in{background:var(--lime);border-radius:var(--r-lg);max-width:none;padding:72px 64px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.s-hero .h-xl{font-size:clamp(52px,7vw,104px)}
.s-hero .lead{margin-top:24px;font-size:19px;color:#2a3306;max-width:520px}
.s-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.s-live{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px;font-size:14px;font-weight:600}
.live{display:inline-flex;align-items:center;gap:8px}
.live i{width:8px;height:8px;border-radius:50%;background:#2f8a3a;box-shadow:0 0 0 0 rgba(47,138,58,.5);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(47,138,58,0)}100%{box-shadow:0 0 0 0 rgba(47,138,58,0)}}
.s-map{position:relative;aspect-ratio:5/6;border-radius:28px;overflow:hidden;background:#e9ecdf;box-shadow:0 40px 80px -40px rgba(21,21,15,.5);max-width:440px;justify-self:end;width:100%}
.s-map-bg{position:absolute;inset:0;width:100%;height:100%}
.pin{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:var(--ink);color:var(--lime);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px -6px rgba(21,21,15,.5)}
.pin-car{background:#fff;color:var(--ink)}
.me{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#2d7ff9;border:3px solid #fff;box-shadow:0 0 0 8px rgba(45,127,249,.18)}
.sheet{position:absolute;left:14px;right:14px;bottom:14px;background:#fff;border-radius:20px;padding:14px;display:grid;grid-template-columns:auto 1fr auto;gap:4px 12px;align-items:center;box-shadow:0 16px 30px -18px rgba(21,21,15,.45)}
.sheet .sv-ic{grid-row:span 2;width:44px;height:44px}
.sheet-t b{display:block;font-size:15px}
.sheet-t small{display:block;font-size:12.5px;color:var(--muted)}
.sheet-p{font-family:var(--f-head);font-weight:800;font-size:16px}
.sheet-b{grid-column:2/4;justify-self:stretch;text-align:center;background:var(--ink);color:#fff;border-radius:12px;padding:10px;font-weight:700;font-size:14px;margin-top:6px}
.js .s-hero-copy>*,.js .s-map{opacity:0;transform:translateY(18px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.js .s-hero.ready .s-hero-copy>*,.js .s-hero.ready .s-map{opacity:1;transform:none}
.js .s-hero.ready .s-hero-copy>:nth-child(2){transition-delay:.1s}
.js .s-hero.ready .s-hero-copy>:nth-child(3){transition-delay:.18s}
.js .s-hero.ready .s-hero-copy>:nth-child(4){transition-delay:.24s}
.js .s-hero.ready .s-map{transition-delay:.2s}
.js .pin{transform:scale(.4);opacity:0;transition:transform .5s cubic-bezier(.3,1.6,.5,1),opacity .4s}
.js .s-hero.ready .pin{transform:none;opacity:1}
.js .s-hero.ready .pin:nth-of-type(1){transition-delay:.6s}.js .s-hero.ready .pin:nth-of-type(2){transition-delay:.7s}.js .s-hero.ready .pin:nth-of-type(3){transition-delay:.8s}.js .s-hero.ready .pin:nth-of-type(4){transition-delay:.9s}.js .s-hero.ready .pin:nth-of-type(5){transition-delay:1s}

.sv-ic{width:48px;height:48px;border-radius:14px;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:center;flex:none}
.svs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.sv{background:var(--paper);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:12px}
.sv-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.sv-tag{font-size:12.5px;font-weight:700;padding:6px 10px;border-radius:999px;background:var(--page)}
.sv h3{font-size:24px;letter-spacing:-.025em;margin-top:6px}
.sv-price{font-family:var(--f-head);font-weight:800;font-size:34px;letter-spacing:-.04em;line-height:1;min-height:34px;display:flex;align-items:baseline}
.sv-price small{font-family:var(--f-body);font-weight:500;font-size:14px;letter-spacing:0;color:var(--muted);margin-left:4px}
.sv-specs{list-style:none;margin:6px 0 4px;padding:0}
.sv-specs li{white-space:nowrap}
.sv-specs li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line-2);font-size:14px}
.sv-specs span{color:var(--muted)}
.sv-specs b{font-weight:600;text-align:right}
.sv-how{margin-top:auto;border-top:1px solid var(--line-2);padding-top:12px}
.sv-how summary{cursor:pointer;font-weight:700;font-size:14px;list-style:none;display:flex;justify-content:space-between;align-items:center}
.sv-how summary::-webkit-details-marker{display:none}
.sv-how summary::after{content:"+";font-size:18px;transition:transform .2s}
.sv-how[open] summary::after{transform:rotate(45deg)}
.sv-how ol{margin:12px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--ink-2)}

.s-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr) minmax(0,1fr);gap:16px;align-items:stretch}
.s-band-copy{background:var(--paper);border-radius:var(--r-lg);padding:44px;display:flex;flex-direction:column;justify-content:flex-end;gap:16px;min-height:420px}
.s-band-img{border-radius:var(--r-lg);overflow:hidden;min-height:420px}
.s-band-img img{width:100%;height:100%;object-fit:cover}
.s-band-img.a img{object-position:center 66%}

.s-price{background:var(--char);color:#f4f3ee;border-radius:var(--r-lg);padding:56px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px}
.s-price-p{margin-top:14px;color:var(--on-dark);font-size:17px;max-width:460px}
.s-list{list-style:none;margin:28px 0 0;padding:0}
.s-list li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #34342e}
.s-list li b{font-weight:600}
.s-list li span{color:var(--on-dark);text-align:right}
.s-price>div:first-child .s-list li span{color:var(--lime);font-family:var(--f-head);font-weight:800}
.s-wallet{background:#232320;border:1px solid #2e2e29;border-radius:var(--r);padding:28px}
.s-wallet .s-list{margin-top:6px}
.s-wallet .s-list li:first-child{border-top:0}
.s-note{margin-top:16px;font-size:13px;color:#a9a89c}


.s-cities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sc{background:var(--page);border-radius:var(--r);padding:26px;display:flex;flex-direction:column;gap:14px}
.sc p{color:var(--ink-2)}
.sc .chips span{background:var(--paper)}
.sc .live{font-size:13px;color:#2f6b37}
.sc-next{background:var(--char);color:#f4f3ee}
.sc-next p{color:var(--on-dark)}
.sc-next .sc-next-c{font-family:var(--f-head);font-weight:800;font-size:22px;color:#fff;letter-spacing:-.02em}
.sc-next .link-u{color:var(--lime);margin-top:auto}

.s-cta{background:var(--char);color:#f4f3ee;border-radius:var(--r-lg);padding:56px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px}
.s-cta p{margin-top:12px;color:var(--on-dark);font-size:17px}
.s-cta .s-ctas{margin-top:0}

@media (max-width:1000px){
  .svs,.rules{grid-template-columns:repeat(2,minmax(0,1fr))}
  .s-band{grid-template-columns:1fr 1fr}
  .s-band-copy{grid-column:1/-1;min-height:0}
  .s-cities{grid-template-columns:1fr 1fr}
  .sc-next{grid-column:1/-1}
}
@media (max-width:860px){
  .s-hero-in{grid-template-columns:1fr;padding:48px 32px}
  .s-map{justify-self:stretch;max-width:none;aspect-ratio:4/3}
  .s-price{grid-template-columns:1fr}
}
@media (max-width:720px){
  .s-hero{padding:4px 12px 0}
  .s-hero-in{padding:40px 20px 20px;gap:28px;border-radius:28px}
  .s-hero .lead{font-size:17px;margin-top:18px}
  .s-ctas .btn{flex:1 1 140px}
  .s-map{aspect-ratio:4/5;border-radius:22px}
  .sheet{left:10px;right:10px;bottom:10px;padding:12px}
  .sheet-t b{font-size:14px}
  .svs{grid-template-columns:1fr}
  .s-band{grid-template-columns:1fr 1fr;gap:10px}
  .s-band-copy{padding:28px 24px}
  .s-band-img{min-height:0;aspect-ratio:3/4}
  .s-price,.s-cta{padding:32px 24px;gap:28px}
  .s-wallet{padding:22px}
  .rules{grid-template-columns:1fr;gap:10px}
  .s-cities{grid-template-columns:1fr}
}

/* Live stamp */
.sc{position:relative;overflow:hidden}
.sc p{padding-right:84px}
.stamp{position:absolute;top:18px;right:18px;width:92px;height:92px;color:#4d7a1e;transform:rotate(-12deg);opacity:.92;font-family:var(--f-head);mix-blend-mode:multiply}
.js .sc.rv .stamp{transform:rotate(-22deg) scale(1.6);opacity:0;transition:transform .45s cubic-bezier(.3,1.5,.5,1) .35s,opacity .2s .35s}
.js .sc.rv.in .stamp{transform:rotate(-12deg) scale(1);opacity:.92}
@media (max-width:720px){.stamp{width:78px;height:78px;top:14px;right:14px}.sc p{padding-right:70px}}
.sc-next p{padding-right:0}