/* Sable — editorial layer (loaded after car-rental.css). Night ink, refined lime, Bodoni display, Manrope text. */
:root{
  --ink:#0A0B0C;--ink2:#111316;--ink3:#181B1F;--ink4:#22262B;
  --line:rgba(236,232,223,.1);--line2:rgba(236,232,223,.2);
  --bone:#ECE8DF;--bone2:#CBC6BC;--mute:#8F8C85;--mute2:#66645F;--sand:#CDB88F;
  --volt:#B4BE8A;--volt2:#9FA977;
  --f-d:"Manrope",system-ui,sans-serif;--f-s:"Bodoni Moda",Didot,Georgia,serif;--f-m:"Manrope",system-ui,sans-serif;
  --disp:"Bodoni Moda",Didot,Georgia,serif;
  --r:6px;--r2:4px
}
body{font-family:var(--f-d);letter-spacing:.003em}

/* film theme */
.cf{--cf-ink:#0A0B0C;--cf-light:#F2EEE6;--cf-fg:#ECE8DF;--cf-bg:#0A0B0C;--cf-accent:#CDB88F;--cf-disp:var(--disp);--cf-sans:var(--f-d);--cf-top:calc(var(--rib) + var(--nav));--cf-shade:#000b;--cf-scrim:#000b}
.cf .cf-h1 em,.cf .cf-h2 em{color:var(--sand)}

/* ---------- type ---------- */
em{font-family:var(--disp);font-weight:400;font-style:italic;color:var(--sand);letter-spacing:-.01em}
.h1,.h2,.hero-h,.bigcta-t,.adm-h,.cls-b h3,.cls-all,.marq-t span,.car-name{font-family:var(--disp)!important;font-weight:500!important;text-transform:none!important;letter-spacing:-.02em!important}
.h1{font-size:clamp(44px,7vw,108px);line-height:.92}
.phead-sm .h1{font-size:clamp(40px,5.6vw,84px)}
.h2{font-size:clamp(38px,5.4vw,84px);line-height:.94}
.bigcta-t{font-size:clamp(52px,10vw,170px);line-height:.9}
.adm-h{font-size:clamp(30px,3vw,44px)}
.h3,.card h3,.how-steps h3,.panel-h h2,.req h3,.explain h3,.about h3{font-family:var(--disp);font-weight:500;letter-spacing:-.01em}
.h3{font-size:clamp(24px,2.3vw,32px)}
.card h3{font-size:24px;line-height:1.1}
.how-steps h3{font-size:24px}
.panel-h h2{font-size:20px}
.stat b,.plate b,.price,.dep-box b,.sum-total b,.about-nums b,.kpi b,.card-f p b{font-family:var(--disp);font-weight:500!important;letter-spacing:-.02em}
.lede,.hero-p{font-weight:400;color:var(--bone2)}
.eyebrow,.kick{font:600 11px/1.2 var(--f-d);letter-spacing:.32em;text-transform:uppercase}
.eyebrow{display:flex;align-items:center;gap:14px;color:var(--sand)}
.eyebrow:before{content:"";width:34px;height:1px;background:currentColor;flex:none}
.kick i{width:34px;height:1px;background:currentColor;border-radius:0}
.qa summary{font-family:var(--disp);font-weight:500;font-size:clamp(19px,1.8vw,24px);letter-spacing:-.01em}
.rev blockquote{font-family:var(--disp);font-size:22px;font-weight:400}
.marq-t span{font-style:italic;color:var(--mute)}

/* ---------- nav / ribbon / menu ---------- */
.logo b,.foot-logo{font-family:var(--disp);font-weight:500;letter-spacing:.34em}
.nav-links a{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}
.nav.scrolled,.pg-fleet .nav,.pg-car .nav,.pg-book .nav,.pg-about-faq .nav{background:#0a0b0ce0}
.pg-home .nav:not(.scrolled){background:linear-gradient(#0a0b0cd9,#0a0b0c00)}
.menu nav a{font-family:var(--disp);font-weight:500;letter-spacing:-.01em}
.menu nav a span{font-family:var(--f-d);font-size:11px;letter-spacing:.2em;color:var(--sand)}

/* ---------- buttons, chips, fields ---------- */
.btn{font:600 12px/1 var(--f-d);letter-spacing:.16em;text-transform:uppercase;min-height:48px;padding:0 24px}
.btn-sm{min-height:40px;font-size:11px;padding:0 16px}
.btn-volt{background:var(--bone);color:#0a0b0c}
.btn-volt:hover{background:#fff}
/* colour discipline: the accent stays on small details only */
.chip.on,.seg input:checked+span,.qs-mode input:checked+span{background:var(--bone);color:#0a0b0c;border-color:var(--bone)}
.steps li.on{border-color:var(--sand)}
.steps li.on span{background:transparent;color:var(--sand);border-color:var(--sand)}
.steps li.done span{background:var(--bone2)}
.ins-c em,.tag{background:transparent;color:var(--sand);border:1px solid var(--sand)}
.ava{background:var(--ink4);color:var(--bone)}
.tgl[aria-checked=true]{background:var(--sand)}
.nav-live i{box-shadow:none;animation:none}
.rib-cta{color:var(--sand)}
.nav-links a:after{height:1px;background:var(--bone)}
.zone-list button.on{background:#ece8df0a}
.zone-list button.on span{color:var(--sand)}
.card h3 a:hover{color:var(--sand)}
.btn-line{border-color:var(--line2)}
.chip{border-radius:99px;font-size:12px;letter-spacing:.04em;min-height:36px}
.qs{border-radius:8px;background:#111316e6}
.qs-f{border-radius:4px}
.qs-go{border-radius:4px}
.qs-mode span{font-size:11px;letter-spacing:.14em;text-transform:uppercase}

/* ---------- surfaces ---------- */
.cls,.card,.panel,.filters,.rev,.how-steps li,.zones-map,.handover-ph,.ph{border-radius:var(--r)}
.card{background:transparent;border-color:var(--line)}
.card:hover{transform:none;border-color:var(--line2);background:var(--ink2)}
.card-b{padding:22px 22px 24px}
.card-img .ph img,.cls .ph img,.handover-ph img,.about .ph img{transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.card:hover .card-img .ph img{transform:scale(1.06)}
.cls{border-color:var(--line)}
.cls:hover{border-color:var(--sand)}
.cls-b>span,.how-steps span{font-family:var(--f-d)}
.how-steps span{background:transparent;border:1px solid var(--sand);color:var(--sand);font-family:var(--disp);font-style:italic;font-size:18px}
.how-steps li{background:#0a0b0ccc}
.cls-all{font-size:26px;background:var(--bone);color:#0a0b0c}
.sec{padding:clamp(96px,12vw,180px) 0}
.handover{background:#ECE8DF}
.handover em{color:#7a6237}
.foot-word{font-family:var(--disp);font-weight:500;letter-spacing:.02em}
.badge{border-radius:99px;letter-spacing:.08em}

/* ---------- home: reserve strip (the old hero search, now under the film) ---------- */
.reserve{position:relative;padding:clamp(80px,10vw,140px) 0 clamp(70px,8vw,110px);background:var(--ink);border-bottom:1px solid var(--line)}
.reserve-head{margin-bottom:34px}
.reserve-head .kick{color:var(--sand)}
.reserve .hero-meter{position:static;align-items:flex-start;text-align:left;margin:34px auto 0;max-width:1360px;padding:0 var(--gut);display:flex;flex-direction:row;gap:14px;align-items:center}
.reserve .hero-meter b{font-family:var(--f-d);font-size:18px;padding:6px 10px;border-radius:4px}
.reserve .hero-meter .mono{font-size:11px;letter-spacing:.18em;text-transform:uppercase}

/* ---------- staff board ---------- */
.adm-top .eyebrow,.adm-top p{letter-spacing:.2em}
.kpi{border-radius:var(--r)}

@media (max-width:820px){
  .h1{font-size:clamp(40px,11vw,60px)}
  .h2{font-size:clamp(36px,10vw,54px)}
  .bigcta-t{font-size:clamp(48px,14vw,80px)}
  .sec{padding:84px 0}
  .reserve{padding:56px 0 60px}
  .reserve-head{margin-bottom:24px}
  .reserve .hero-meter{flex-wrap:wrap;gap:8px 12px}
  .btn{min-height:46px}
  .eyebrow,.kick{font-size:10px;letter-spacing:.26em}
}