/* CITA Mobility, variant B "scenes". Night navy + CITA blue + warm ivory. Archivo display, Inter Tight text. */
@font-face{font-family:"Archivo";src:url("../../shared/fonts/Archivo-300-800.woff2") format("woff2");font-weight:300 800;font-display:swap}
@font-face{font-family:"Inter Tight";src:url("../../shared/fonts/InterTight-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter Tight";src:url("../../shared/fonts/InterTight-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Inter Tight";src:url("../../shared/fonts/InterTight-600.woff2") format("woff2");font-weight:600;font-display:swap}

:root{
  --night:#0A1220; --night-2:#0E1829; --night-3:#14213A; --slate:#16222A;
  --blue:#244FC5; --blue-deep:#1B3D9E; --blue-hi:#86A3F3;
  --ivory:#F4F1EA; --ivory-2:#EAE5D9; --ink:#0D1524; --ink-2:#465063;
  --mute:rgba(244,241,234,.7); --mute-2:rgba(244,241,234,.52);
  --line:rgba(244,241,234,.14); --line-l:rgba(13,21,36,.13);
  --wa:#25D366;
  --display:"Archivo",ui-sans-serif,system-ui,sans-serif;
  --text:"Inter Tight",ui-sans-serif,system-ui,sans-serif;
  --gutter:20px; --head:64px;
  --e-out:cubic-bezier(.2,.75,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip;scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--ivory);font:400 16px/1.55 var(--text);overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--display);margin:0;font-weight:800;letter-spacing:-.035em;line-height:.95}
p{margin:0}
em{font-style:normal;font-weight:300;color:var(--blue-hi)}
.light em{color:var(--blue)}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--blue-hi);outline-offset:3px;border-radius:6px}
.light :focus-visible{outline-color:var(--blue)}
.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--ivory);color:var(--ink);padding:10px 16px;border-radius:999px;font-weight:600;text-decoration:none}
.skip:focus{top:12px}
.wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 var(--gutter)}
.kicker{font:600 12px/1 var(--text);letter-spacing:.18em;text-transform:uppercase;color:var(--blue-hi);display:flex;align-items:center;gap:10px;margin-bottom:18px}
.kick-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;border:1px solid currentColor;letter-spacing:.12em;line-height:1}
.light .kicker{color:var(--blue)}
h2{font-size:clamp(40px,10.5vw,92px)}

/* ---------- buttons ---------- */
.btn{--bh:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--bh);padding:0 22px;border-radius:999px;font:600 15px/1 var(--text);text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .16s var(--e-out),background-color .2s,border-color .2s,color .2s,box-shadow .25s}
.btn b{font-weight:600;transition:transform .2s var(--e-out)}
.btn:hover b{transform:translateX(3px)}
.btn:active{transform:scale(.97)}
.btn-lg{--bh:56px;padding:0 28px;font-size:16px}
.btn-sm{--bh:44px;padding:0 18px;font-size:14px}
.btn-ivory{background:var(--ivory);color:var(--ink);box-shadow:0 10px 30px -12px rgba(0,0,0,.5)}
.btn-ivory:hover{background:#fff}
.btn-blue{background:var(--blue);color:var(--ivory);box-shadow:0 12px 30px -12px rgba(36,79,197,.8)}
.btn-blue:hover{background:#2c5ad6}
.btn-ghost{border-color:rgba(244,241,234,.4);color:var(--ivory);background:rgba(10,18,32,.25);backdrop-filter:blur(6px)}
.btn-ghost:hover{border-color:var(--ivory);background:rgba(244,241,234,.08)}
.btn-wa{border-color:rgba(244,241,234,.35);color:var(--ivory)}
.btn-wa:hover{border-color:var(--wa)}
.btn svg{width:20px;height:20px;fill:var(--wa);flex:none}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- top bar ---------- */
.topbar{position:fixed;inset:0 0 auto 0;z-index:40;height:var(--head);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 var(--gutter);color:var(--ivory);transition:color .3s,background-color .3s}
.flow-mode .topbar{background:rgba(10,18,32,.72);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid var(--line)}
.flow-mode[data-tone=light] .topbar{background:rgba(244,241,234,.82);color:var(--ink);border-bottom-color:var(--line-l)}
.scene-mode[data-tone=light] .topbar{color:var(--ink)}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-height:44px}
.brand-mark{width:26px;height:26px;border-radius:7px;background:var(--blue);position:relative;overflow:hidden;flex:none}
.brand-mark::before{content:"";position:absolute;left:5px;right:5px;bottom:6px;height:2px;background:var(--ivory);border-radius:2px}
.brand-mark i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--ivory);left:6px;top:7px;animation:land 4.5s var(--e-out) infinite}
@keyframes land{0%{transform:translate(0,0)}40%,100%{transform:translate(8px,8px)}}
.brand-word{font:600 22px/1 var(--display);letter-spacing:.3em;margin-right:-.3em}
.topnav{display:none}
.top-actions{display:flex;align-items:center;gap:10px}
.lang{display:inline-flex;padding:3px;border-radius:999px;border:1px solid currentColor;border-color:rgba(127,127,127,.35)}
.lang button{min-width:44px;min-height:44px;border:0;background:none;border-radius:999px;font:600 12px/1 var(--text);letter-spacing:.08em;cursor:pointer;opacity:.7;transition:background-color .2s,opacity .2s,color .2s}
.lang button[aria-pressed=true]{background:var(--ivory);color:var(--ink);opacity:1}
[data-tone=light] .lang button[aria-pressed=true]{background:var(--ink);color:var(--ivory)}
.top-book{display:none}

/* ---------- scenes: base (flow) ---------- */
.scene{position:relative;min-height:100svh;padding:calc(var(--head) + 44px) 0 96px;overflow:hidden;isolation:isolate}
.light{background:var(--ivory);color:var(--ink)}
.bg,.bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.veil{position:absolute;inset:0;z-index:-1}
figcaption{font:500 11px/1 var(--text);letter-spacing:.08em;text-transform:uppercase}

/* 1. hero */
.s-hero{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:120px}
.s-hero .bg img{object-position:72% 50%}
.s-hero .veil{background:linear-gradient(180deg,rgba(10,18,32,.5) 0%,rgba(10,18,32,.35) 14%,rgba(10,18,32,.82) 34%,rgba(10,18,32,.9) 70%,var(--night) 100%)}
.hero-grid{display:grid;gap:28px}
.s-hero h1{font-size:clamp(50px,14.5vw,144px);line-height:.9;letter-spacing:-.045em;margin-bottom:20px}
.s-hero h1 em{display:inline-block;color:var(--ivory);font-weight:300;opacity:.92}
.lead{font-size:17px;line-height:1.55;color:var(--mute);max-width:560px;margin-bottom:26px}
.price-line{margin-top:22px;display:flex;flex-direction:column;gap:4px}
.price-line strong{font:700 17px/1.3 var(--display);letter-spacing:-.01em}
.price-line>span{font-size:14px;color:var(--mute-2)}
.hero-copy .cta-row .btn{flex:1 1 220px}
.board{background:rgba(10,18,32,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:20px;padding:18px 18px 16px;max-width:420px}
.board-head{display:flex;justify-content:space-between;align-items:center;font:700 12px/1 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);padding-bottom:12px;border-bottom:1px solid var(--line)}
.board-code{font-size:11px;padding:5px 8px;border-radius:6px;background:var(--blue);color:var(--ivory);letter-spacing:.14em}
.board-rows{list-style:none;margin:0;padding:6px 0 0}
.board-rows li{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:12px;padding:10px 0;font-size:14.5px;border-bottom:1px dashed var(--line)}
.board-rows em{font:600 11px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-hi)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--blue-hi)}
.dot.live{background:var(--ivory);box-shadow:0 0 0 0 rgba(244,241,234,.6);animation:ping 2.2s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(244,241,234,.55)}70%,100%{box-shadow:0 0 0 9px rgba(244,241,234,0)}}
.board-foot{font-size:13px;color:var(--mute-2);padding-top:10px}
.scroll-cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:none;flex-direction:column;align-items:center;gap:10px;font:600 11px/1 var(--text);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--mute)}
.scroll-cue i{width:1px;height:38px;background:linear-gradient(var(--ivory),transparent);position:relative;overflow:hidden}
.scroll-cue i::after{content:"";position:absolute;left:-2px;top:-8px;width:5px;height:8px;border-radius:3px;background:var(--ivory);animation:cue 1.8s var(--e-out) infinite}
@keyframes cue{to{transform:translateY(48px)}}

/* 2. steps */
.s-steps{background:radial-gradient(120% 80% at 100% 0%,rgba(36,79,197,.22),transparent 60%),var(--night-2)}
.steps-grid{display:grid;gap:34px}
.steps-photo{margin:28px 0 0;position:relative;border-radius:22px;overflow:hidden;aspect-ratio:16/10}
.steps-photo img{width:100%;height:100%;object-fit:cover}
.steps-photo figcaption,.transfer-photo figcaption{position:absolute;right:12px;bottom:12px;padding:6px 9px;border-radius:999px;background:rgba(10,18,32,.6);color:var(--mute);backdrop-filter:blur(6px)}
.steps{list-style:none;margin:0;padding:0;counter-reset:s}
.step{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:24px 0;border-top:1px solid var(--line)}
.step:last-child{border-bottom:1px solid var(--line)}
.step-n{font:800 52px/.85 var(--display);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.2px var(--blue-hi);transition:color .3s,-webkit-text-stroke-color .3s;min-width:68px}
.step:hover .step-n{color:var(--blue);-webkit-text-stroke-color:var(--blue)}
.step h3{font-size:24px;letter-spacing:-.02em;line-height:1.1;margin:4px 0 8px}
.step p{color:var(--mute);font-size:15.5px;max-width:440px}

/* 3. fleet */
.s-fleet{background:radial-gradient(70% 55% at 30% 55%,rgba(36,79,197,.16),transparent 70%),var(--slate)}
.fleet-head{display:grid;gap:14px;margin-bottom:26px}
.fleet-note{color:var(--mute);font-size:15px;max-width:380px}
.swipe-hint{display:inline}
@media (min-width:1000px){.swipe-hint{display:none}}
.fleet-stage{display:none}
.fleet-track{display:grid;grid-auto-flow:column;grid-auto-columns:84%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px var(--gutter) 6px;margin:0 calc(var(--gutter) * -1);scroll-padding:0 var(--gutter);scrollbar-width:none;overscroll-behavior-x:contain}
.fleet-track::-webkit-scrollbar{display:none}
.car{scroll-snap-align:start;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:linear-gradient(180deg,var(--slate) 55%,#1b2a34);display:flex;flex-direction:column}
.car-photo{aspect-ratio:3/2;background:var(--slate)}
.car-photo img{width:100%;height:100%;object-fit:cover}
.no-photo{background:radial-gradient(circle at 50% 60%,rgba(134,163,243,.18),transparent 60%),var(--slate)}
.car-body{padding:4px 18px 18px;display:grid;gap:6px}
.car-meta{font:600 11px/1.2 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-hi)}
.car h3{font-size:25px;letter-spacing:-.025em}
.car-price{display:flex;align-items:baseline;gap:6px;margin:6px 0 10px;flex-wrap:wrap}
.car-price small{font-size:13px;color:var(--mute);width:100%}
.car-price b{font:800 34px/1 var(--display);letter-spacing:-.03em}
.car-price span{color:var(--mute);font-size:14px}
.car .btn{justify-self:start}
.fleet-nav{display:flex;align-items:center;justify-content:space-between;margin-top:18px}
.round{width:48px;height:48px;border-radius:50%;border:1px solid rgba(244,241,234,.3);background:none;cursor:pointer;font-size:18px;transition:background-color .2s,opacity .2s,transform .15s}
.round:hover:not(:disabled){background:rgba(244,241,234,.1)}
.round:active:not(:disabled){transform:scale(.94)}
.round:disabled{opacity:.3;cursor:default}
.fleet-count{font:700 14px/1 var(--display);letter-spacing:.14em;color:var(--mute)}

/* 4. protection */
.s-protect{background:radial-gradient(90% 60% at 100% 100%,rgba(36,79,197,.08),transparent 60%),var(--ivory)}
.protect-wrap{display:grid;gap:28px}
.protect-head h2{font-size:clamp(38px,9.4vw,78px);margin-bottom:24px}
.days{background:#fff;border:1px solid var(--line-l);border-radius:18px;padding:16px 18px;max-width:440px;box-shadow:0 1px 0 rgba(13,21,36,.04),0 18px 40px -28px rgba(13,21,36,.35)}
.days label{display:block;font:600 12px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-bottom:10px}
.days-ctl{display:flex;align-items:center;gap:16px}
.days output{font:800 20px/1 var(--display);min-width:86px;text-align:right;letter-spacing:-.02em}
input[type=range]{--fill:33.3%;flex:1;-webkit-appearance:none;appearance:none;height:44px;background:transparent;cursor:pointer;margin:0}
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--blue) var(--fill),rgba(13,21,36,.12) var(--fill))}
input[type=range]::-moz-range-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--blue) var(--fill),rgba(13,21,36,.12) var(--fill))}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-10px;border-radius:50%;background:var(--ivory);border:3px solid var(--blue);box-shadow:0 4px 12px rgba(36,79,197,.35);transition:transform .15s}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--ivory);border:3px solid var(--blue)}
input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}
.tiers{display:grid;gap:14px}
.tier{position:relative;background:#fff;border:1px solid var(--line-l);border-radius:22px;padding:22px 22px 20px;box-shadow:0 1px 0 rgba(13,21,36,.04),0 24px 48px -36px rgba(13,21,36,.4);transition:transform .25s var(--e-out),box-shadow .25s}
.tier:hover{transform:translateY(-3px)}
.tier h3{font-size:16px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.tier-price{font:800 58px/1 var(--display);letter-spacing:-.045em;margin:14px 0 2px;font-variant-numeric:tabular-nums}
.tier-price span{display:inline-block}
.tier-price .tick{animation:tick .32s var(--e-out)}
@keyframes tick{from{transform:translateY(-10px);opacity:.2}to{transform:none;opacity:1}}
.tier-for{font-size:13.5px;color:var(--ink-2);margin-bottom:16px}
.tier ul{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid var(--line-l);display:grid;gap:9px}
.tier li{display:grid;grid-template-columns:20px 1fr;gap:8px;font-size:14.5px;line-height:1.35}
.tier li::before{content:"";width:18px;height:18px;border-radius:50%;margin-top:1px;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.4l2.6 2.5L13 6.4' fill='none' stroke='%23F4F1EA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.tier li.no{color:var(--ink-2)}
.tier li.no::before{background:rgba(13,21,36,.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M6 9h6' stroke='%23465063' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/18px no-repeat}
.tier-zen{background:var(--night);color:var(--ivory);border-color:var(--night);box-shadow:0 30px 60px -30px rgba(10,18,32,.7)}
.tier-zen .tier-for{color:var(--mute)}
.tier-zen ul{border-top-color:var(--line)}
.tier-zen li::before{background-color:var(--blue)}
.badge{position:absolute;top:18px;right:18px;font:700 11px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;background:var(--blue);color:var(--ivory);padding:7px 10px;border-radius:999px}
.protect-foot{display:grid;gap:10px;font-size:14.5px;color:var(--ink-2);max-width:900px}
.protect-foot strong{color:var(--ink)}

/* 5. transfer */
.s-transfer{background:var(--night);padding-top:0}
.transfer-photo{margin:0 0 30px;position:relative;aspect-ratio:4/3}
.transfer-photo img{width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.transfer-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,18,32,.45) 0%,transparent 30%,transparent 62%,var(--night) 100%)}
.transfer-photo figcaption{z-index:2;top:calc(var(--head) + 10px);bottom:auto}
.tr-price{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:14px;margin:22px 0 22px}
.tr-from{grid-column:1/-1;font:600 13px/1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.tr-num{font:800 clamp(68px,20vw,150px)/.9 var(--display);letter-spacing:-.055em;color:var(--ivory)}
.tr-per{font-size:14px;line-height:1.3;color:var(--mute);padding-bottom:10px}
.tr-list{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:0}
.tr-list li{position:relative;padding:12px 0 12px 30px;border-top:1px solid var(--line);font-size:15.5px}
.tr-list li::before{content:"";position:absolute;left:2px;top:19px;width:12px;height:8px;border-left:2px solid var(--blue-hi);border-bottom:2px solid var(--blue-hi);transform:rotate(-45deg)}
.tr-small{font-size:13.5px;color:var(--mute-2);margin-top:16px;max-width:460px}

/* 6. why */
.bg-why img{object-position:70% 50%}
.veil-why{background:linear-gradient(180deg,rgba(10,18,32,.9),rgba(10,18,32,.82) 50%,rgba(10,18,32,.95))}
.why-head{margin-bottom:28px}
.why{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.why li{display:grid;grid-template-columns:72px 1fr;column-gap:16px;align-items:start;padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(14,24,41,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .25s,transform .25s var(--e-out)}
.why li:hover{border-color:rgba(134,163,243,.5);transform:translateY(-3px)}
.why b{grid-row:span 2;font:800 30px/1 var(--display);letter-spacing:-.04em;color:var(--blue-hi)}
.why svg{width:34px;height:34px;fill:none;stroke:var(--blue-hi);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;grid-row:span 2}
.why h3{font-size:19px;letter-spacing:-.015em;line-height:1.15;margin-bottom:5px}
.why p{color:var(--mute);font-size:14.5px}

/* 7. faq */
.s-faq{background:var(--ivory-2)}
.faq-wrap{display:grid;gap:26px}
.faq-head h2{font-size:clamp(38px,9.4vw,76px);margin-bottom:16px}
.faq-more{color:var(--ink-2);font-size:15px;max-width:340px;margin-bottom:20px}
.btn-ink{background:var(--ink);color:var(--ivory)}
.btn-ink:hover{background:#1c2940}
.faq{display:grid;gap:8px}
.faq details{background:var(--ivory);border:1px solid var(--line-l);border-radius:16px;transition:background-color .2s,border-color .2s}
.faq details[open]{background:#fff;border-color:rgba(36,79,197,.35)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;min-height:52px;font:700 16px/1.3 var(--display);letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M9 14h10M14 9v10' stroke='%23F4F1EA' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/28px no-repeat;transition:transform .25s var(--e-out),background-color .2s}
.faq details[open] summary::after{transform:rotate(45deg);background-color:var(--blue)}
.faq details p{padding:0 18px 16px;color:var(--ink-2);font-size:15px;max-width:640px}

/* 8. contact */
.s-contact{background:radial-gradient(60% 50% at 50% 38%,rgba(36,79,197,.42),transparent 70%),var(--night);display:flex;flex-direction:column;justify-content:space-between;padding-bottom:0}
.s-contact::before{content:"BVA";position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);font:800 clamp(160px,46vw,560px)/1 var(--display);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(244,241,234,.07);z-index:-1;pointer-events:none}
.contact-wrap{text-align:center;display:flex;flex-direction:column;align-items:center;padding-top:20px;padding-bottom:40px}
.contact-wrap .kicker{justify-content:center}
.contact-wrap h2{font-size:clamp(48px,13vw,128px);line-height:.9;margin-bottom:22px}
.ct-lead{color:var(--mute);max-width:520px;font-size:17px;margin-bottom:28px}
.ct-ctas{justify-content:center;width:100%}
.ct-ctas .btn{flex:1 1 240px;max-width:320px}
.ct-phone{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:6px}
.ct-phone a{font:700 22px/1 var(--display);letter-spacing:.01em;text-decoration:none;padding:12px 6px;min-height:46px;display:inline-flex;align-items:center}
.ct-phone a:hover{color:var(--blue-hi)}
.ct-phone span{font-size:13px;color:var(--mute-2)}
.footer{border-top:1px solid var(--line);padding:22px var(--gutter) 110px;display:grid;gap:12px;justify-items:center;text-align:center;font-size:13.5px;color:var(--mute)}
.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px}
.foot-links a{text-decoration:none;padding:10px 0;min-height:44px;display:inline-flex;align-items:center}
.foot-links a:hover{color:var(--ivory);text-decoration:underline;text-underline-offset:4px}
.foot-place{font-weight:600;color:var(--ivory)}

/* ---------- HUD + dock ---------- */
.hud{position:fixed;z-index:30;left:12px;bottom:12px;height:56px;min-width:68px;padding:0 12px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:rgba(10,18,32,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);color:var(--ivory);pointer-events:none}
.counter{display:flex;align-items:baseline;gap:3px;font-family:var(--display);font-variant-numeric:tabular-nums}
.counter-now{font-weight:800;font-size:20px;letter-spacing:-.02em;display:inline-block}
.counter-now.flip{animation:flip .38s var(--e-out)}
@keyframes flip{from{transform:translateY(55%) rotateX(70deg);opacity:0}to{transform:none;opacity:1}}
.counter-all{font-size:11px;font-weight:600;color:var(--mute-2)}
.ticks,.counter-label{display:none}
.dock{position:fixed;z-index:30;left:90px;right:12px;bottom:12px;display:flex;gap:8px;transition:transform .35s var(--e-out),opacity .3s}
.dock .btn-blue{flex:1;min-height:56px;font-size:15.5px;border-radius:18px}
.btn-wa-icon{min-height:56px;width:56px;padding:0;border-radius:18px;background:#13202f;border:1px solid var(--line)}
.btn-wa-icon span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.btn-wa-icon svg{width:24px;height:24px}
.dock.hide{transform:translateY(120%);opacity:0;pointer-events:none}

/* ---------- reveal (flow) ---------- */
.reveal-on .r{opacity:0;transform:translateY(22px);transition:opacity .6s var(--e-out),transform .6s var(--e-out)}
.reveal-on .r.in{opacity:1;transform:none}
@media (prefers-reduced-motion:no-preference){
  .s-hero .r{animation:rise .75s var(--e-out) both}
  .s-hero .r:nth-child(2){animation-delay:.06s}.s-hero .r:nth-child(3){animation-delay:.12s}.s-hero .r:nth-child(4){animation-delay:.18s}.s-hero .r:nth-child(5){animation-delay:.24s}
  .s-hero .board{animation-delay:.3s}
  @keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
}
.stage-photo.swap img{animation:carIn .5s var(--e-out)}
@keyframes carIn{from{opacity:0;transform:translateX(36px) scale(.98)}to{opacity:1;transform:none}}

/* ================= tablets ================= */
@media (min-width:700px){
  :root{--gutter:36px;--head:72px}
  .hero-copy .cta-row .btn{flex:0 0 auto}
  .fleet-track{grid-auto-columns:46%}
  .tiers{grid-template-columns:repeat(3,1fr)}
  .tier-zen{transform:translateY(-8px)}
  .why{grid-template-columns:1fr 1fr}
  .s-transfer .transfer-photo{aspect-ratio:16/9}
}

/* ================= desktop ================= */
@media (min-width:1000px){
  :root{--gutter:48px}
  .topnav{display:flex;gap:4px;position:absolute;left:50%;transform:translateX(-50%)}
  .topnav a{font:500 14px/1 var(--text);text-decoration:none;padding:10px 12px;border-radius:999px;opacity:.78;transition:opacity .2s,background-color .2s}
  .topnav a:hover{opacity:1;background:rgba(127,127,127,.14)}
  .top-book{display:inline-flex}
  .hud{left:var(--gutter);bottom:26px;height:auto;min-width:0;padding:0;background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:16px;row-gap:8px;justify-content:start;align-items:end;transition:color .3s}
  [data-tone=light] .hud{color:var(--ink)}
  .counter-now{font-size:44px;letter-spacing:-.04em;line-height:.8}
  .counter-all{font-size:13px;opacity:.9;color:inherit}
  .counter-label{display:block;margin:0;font:600 11px/1 var(--text);letter-spacing:.18em;text-transform:uppercase;opacity:.7;align-self:end;padding-bottom:3px}
  .ticks i{width:18px;height:3px;border-radius:3px;background:currentColor;opacity:.22;transition:opacity .3s,width .3s var(--e-out),background-color .3s}
  .ticks i.on{opacity:.6}
  .ticks i.now{opacity:1;width:34px;background:var(--blue-hi)}
  [data-tone=light] .ticks i.now{background:var(--blue)}
  .dock{left:auto;right:var(--gutter);bottom:24px}
  .dock .btn-blue{min-height:52px;padding:0 26px;flex:none;border-radius:999px}
  .btn-wa-icon{width:52px;min-height:52px;border-radius:50%}
  [data-scene-now="1"] .dock{transform:translateY(140%);opacity:0;pointer-events:none}

  .hero-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:end;gap:48px}
  .s-hero{padding-bottom:110px}
  .s-hero .veil{background:linear-gradient(90deg,rgba(10,18,32,.94) 0%,rgba(10,18,32,.78) 38%,rgba(10,18,32,.2) 70%,rgba(10,18,32,.1) 100%),linear-gradient(0deg,rgba(10,18,32,.8),transparent 40%)}
  .s-hero .bg img{object-position:60% 50%}
  .lead{font-size:18.5px}
  .scroll-next{display:inline-flex}

  .steps-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:center}
  .step{grid-template-columns:120px 1fr;padding:30px 0}
  .step-n{font-size:84px}
  .step h3{font-size:30px}
  .step p{font-size:16.5px}

  .fleet-head{grid-template-columns:1fr auto;align-items:end}
  .fleet-track,.fleet-nav{display:none}
  .fleet-stage{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:1fr auto;column-gap:40px;row-gap:18px;align-items:center}
  .stage-photo{position:relative;aspect-ratio:3/2;max-height:42vh;justify-self:center;width:100%;overflow:hidden;border-radius:24px}
  .stage-photo img{width:100%;height:100%;object-fit:contain;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 72%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 72%,transparent 100%)}
  .stage-plate{position:absolute;left:12%;right:12%;bottom:6%;height:18%;background:radial-gradient(50% 50% at 50% 50%,rgba(134,163,243,.38),transparent 70%);mix-blend-mode:screen;z-index:1;pointer-events:none}
  .stage-info{display:grid;gap:8px;align-content:center}
  .stage-info h3{font-size:clamp(36px,3.6vw,56px);letter-spacing:-.035em}
  .car-price.big b{font-size:clamp(54px,5vw,80px);letter-spacing:-.05em}
  .stage-sub{color:var(--mute);font-size:14.5px;margin-bottom:14px}
  .stage-info .btn{justify-self:start}
  .stage-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
  .stage-list button{display:grid;gap:6px;text-align:left;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:rgba(244,241,234,.03);cursor:pointer;transition:border-color .2s,background-color .2s,transform .15s}
  .stage-list button:hover{border-color:rgba(244,241,234,.35)}
  .stage-list button:active{transform:scale(.98)}
  .stage-list button span{font:700 16px/1.15 var(--display);letter-spacing:-.01em}
  .stage-list button em{font:500 13px/1 var(--text);color:var(--mute)}
  .stage-list button[aria-pressed=true]{background:var(--ivory);color:var(--ink);border-color:var(--ivory)}
  .stage-list button[aria-pressed=true] em{color:var(--blue)}

  .protect-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);column-gap:56px;row-gap:22px;align-items:center}
  .protect-foot{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:32px;max-width:none;padding-top:18px;border-top:1px solid var(--line-l)}

  .s-transfer{padding-top:calc(var(--head) + 44px)}
  .transfer-photo{position:absolute;inset:0 0 0 auto;width:56%;margin:0;aspect-ratio:auto;z-index:-1}
  .transfer-photo::after{background:linear-gradient(90deg,var(--night) 0%,rgba(10,18,32,.6) 22%,transparent 55%),linear-gradient(0deg,rgba(10,18,32,.5),transparent 30%),linear-gradient(180deg,rgba(10,18,32,.75),transparent 22%)}
  .transfer-photo figcaption{top:calc(var(--head) + 16px);bottom:auto;right:24px}
  .transfer-grid{display:grid;grid-template-columns:minmax(0,620px)}
  .transfer-copy h2{font-size:clamp(48px,5.6vw,86px)}

  .why-wrap{display:grid;grid-template-columns:repeat(6,1fr);gap:0 14px}
  .why-head{grid-column:1/-1;margin-bottom:36px}
  .why{grid-column:1/-1;grid-template-columns:repeat(6,1fr);gap:14px}
  .why li{grid-template-columns:1fr;grid-column:span 2;padding:24px;min-height:200px;align-content:start}
  .why b{grid-row:auto;font-size:40px;margin-bottom:22px}
  .why svg{grid-row:auto;width:40px;height:40px;margin-bottom:22px}

  .faq-wrap{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
  .faq-head{position:sticky;top:120px}

  .footer{grid-template-columns:1fr auto 1fr;justify-items:stretch;align-items:center;text-align:left;padding:14px var(--gutter) 16px}
  .foot-place{justify-self:start}
  .foot-links{justify-self:center}
  .foot-copy{justify-self:end}
  .s-contact .footer{padding-left:calc(var(--gutter) + 260px)}
}
@media (min-width:1200px){
  .why li{grid-column:span 1;min-height:0}
  .why li:nth-child(4),.why li:nth-child(5){grid-column:span 1}
  .why{grid-template-columns:repeat(3,1fr)}
}

/* ================= scene mode (desktop, set by scenes.js) ================= */
html:has(.scene-mode){scroll-behavior:auto}
.scene-mode #stage{position:fixed;inset:0;overflow:hidden;background:var(--night)}
.scene-mode .scene{position:absolute;inset:0;height:100vh;min-height:0;padding:calc(var(--head) + 28px) 0 104px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;will-change:transform,clip-path,opacity;transform-origin:50% 60%}
.scene-mode .scene>.wrap{flex:none;margin-top:auto;margin-bottom:auto}
.scene-mode .scene{justify-content:flex-start}
.scene-mode .s-hero>.wrap{margin-bottom:0}
.scene-mode .why li{min-height:0}
.scene-mode .s-hero{padding-bottom:120px}
.scene-mode .s-contact{justify-content:space-between;padding-bottom:0}
.scene-mode .s-contact .contact-wrap{margin:auto}
.scene-mode .s-transfer .transfer-photo{position:absolute}
.scene-mode h2{font-size:clamp(44px,5.2vw,84px)}
.scene-mode .s-protect h2,.scene-mode .s-faq h2{font-size:clamp(40px,4.4vw,70px)}
.scene-mode .contact-wrap h2{font-size:clamp(64px,8.4vw,140px)}
.scene-mode .s-hero h1{font-size:clamp(72px,8.6vw,150px)}
.scene-mode .s-fleet h2{font-size:clamp(40px,4.4vw,68px)}
.scene-mode .transfer-copy h2{font-size:clamp(44px,4.8vw,76px)}
.scene-mode .tr-num{font-size:clamp(80px,7.6vw,120px)}
.scene-mode .tr-price{margin:16px 0}
.scene-mode .tr-list li{padding:10px 0 10px 30px}
.scene-mode .tr-list li::before{top:17px}
.scene-mode .faq-head{position:static}
.scene-mode .runway{display:block}
.runway{display:none;width:1px}
@media (max-height:820px){
  .scene-mode .step{padding:20px 0}
  .scene-mode .step-n{font-size:64px}
  .scene-mode .steps-photo{aspect-ratio:16/8}
  .scene-mode .why li{padding:18px}
  .scene-mode .why b{margin-bottom:12px}
  .scene-mode .faq summary{padding:11px 16px;min-height:46px}
  .scene-mode .tier-price{font-size:48px;margin-top:8px}
  .scene-mode .stage-photo{max-height:36vh}
  .scene-mode .why-head{margin-bottom:22px}
  .scene-mode .s-why h2{font-size:clamp(40px,4.6vw,64px)}
}

@media (max-height:800px){
  .scene-mode .contact-wrap h2{font-size:clamp(56px,7vw,104px);margin-bottom:14px}
  .scene-mode .ct-lead{margin-bottom:18px}
  .scene-mode .ct-phone{margin-top:12px}
  .scene-mode .scene{padding:calc(var(--head) + 12px) 0 92px}
  .scene-mode .s-hero{padding-bottom:96px}
  .scene-mode .s-hero h1{font-size:clamp(60px,7.4vw,112px);margin-bottom:14px}
  .scene-mode .lead{font-size:16.5px;margin-bottom:18px}
  .scene-mode .price-line{margin-top:14px}
  .scene-mode .board-rows li{padding:7px 0}
  .scene-mode h2{font-size:clamp(38px,4.4vw,64px)}
  .scene-mode .kicker{margin-bottom:12px}
  .scene-mode .step{padding:14px 0}
  .scene-mode .step-n{font-size:54px}
  .scene-mode .step h3{font-size:24px}
  .scene-mode .steps-photo{margin-top:18px;aspect-ratio:16/7}
  .scene-mode .fleet-head{margin-bottom:14px}
  .scene-mode .stage-photo{max-height:32vh}
  .scene-mode .car-price.big b{font-size:52px}
  .scene-mode .tier{padding:16px 18px}
  .scene-mode .tier-price{font-size:42px}
  .scene-mode .tier ul{gap:6px;padding-top:10px}
  .scene-mode .tier li{font-size:13.5px}
  .scene-mode .protect-wrap{row-gap:14px}
  .scene-mode .tr-num{font-size:84px}
  .scene-mode .tr-list{margin-bottom:16px}
  .scene-mode .tr-list li{padding:8px 0 8px 30px;font-size:15px}
  .scene-mode .tr-list li::before{top:14px}
  .scene-mode .tr-small{margin-top:10px}
  .scene-mode .why li{padding:16px}
  .scene-mode .why svg,.scene-mode .why b{margin-bottom:10px}
}

/* ================= reduced motion ================= */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal-on .r{opacity:1;transform:none}
}

/* ================= legal pages ================= */
.legal-page{background:var(--ivory);color:var(--ink)}
.legal-page .topbar{background:rgba(244,241,234,.86);color:var(--ink);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-l)}
.legal-page .lang button[aria-pressed=true]{background:var(--ink);color:var(--ivory)}
.legal-main{max-width:780px;margin:0 auto;padding:calc(var(--head) + 48px) var(--gutter) 80px}
.legal-main .kicker{color:var(--blue)}
.legal-main h1{font-size:clamp(42px,8vw,76px);margin-bottom:22px}
.legal-main h2{font-size:24px;letter-spacing:-.02em;line-height:1.15;margin:40px 0 12px}
.legal-main p,.legal-main li{color:var(--ink-2);font-size:16px;line-height:1.65}
.legal-main p+p{margin-top:12px}
.legal-main ul{list-style:none;padding-left:0;margin:10px 0;display:grid;gap:4px}
.legal-main li{margin:6px 0}
.legal-main strong{color:var(--ink)}
.todo{background:#FFF3C4;color:#5B4300;border-radius:6px;padding:1px 6px;font-weight:600;font-size:.94em}
.legal-intro{font-size:18px!important;color:var(--ink)!important}
.legal-back{display:inline-flex;margin-top:44px}
.legal-foot{border-top:1px solid var(--line-l);padding:22px var(--gutter);display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;font-size:13.5px;color:var(--ink-2)}
@media (min-width:700px){.legal-foot{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:4px 22px}}
.legal-foot a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.legal-foot a:hover{text-decoration:underline}
.nf{min-height:100svh;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(60% 50% at 50% 40%,rgba(36,79,197,.4),transparent 70%),var(--night)}

/* ---------- 2026-10-06 polish (Joseph): arrow cue, debit badge, mobile ---------- */
.scroll-next{position:absolute;right:var(--gutter);bottom:30px;z-index:3;display:none;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;border:1px solid rgba(244,241,234,.38);background:rgba(10,18,32,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ivory);transition:background-color .25s,border-color .25s,transform .25s var(--e-out)}
.scroll-next svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.scroll-next:hover{background:var(--ivory);color:var(--ink);border-color:var(--ivory)}
@media (prefers-reduced-motion:no-preference){.scroll-next svg{animation:nudge 1.9s var(--e-out) infinite}@keyframes nudge{0%,100%{transform:none}50%{transform:translateY(5px)}}}
.debit-badge{display:inline-flex;align-items:center;gap:12px;margin-top:16px;padding:10px 16px 10px 12px;border-radius:14px;background:rgba(37,211,102,.1);border:1px solid rgba(110,220,160,.45);color:var(--ivory);max-width:100%}
.debit-badge svg{flex:none;width:30px;height:26px;fill:none;stroke:#8FE3B4;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.debit-badge svg .ok{fill:#8FE3B4;stroke:none}
.debit-badge svg .tick{stroke:#0A1220;stroke-width:1.8}
.debit-badge strong{display:block;font:700 15px/1.2 var(--display);letter-spacing:-.005em}
.debit-badge span span{display:block;font-size:13px;color:var(--mute);margin-top:2px}
.why .why-debit{border-color:rgba(110,220,160,.45);background:rgba(20,52,44,.5)}
.why .why-debit svg{stroke:#8FE3B4}
.car-meta{display:flex;flex-wrap:wrap;gap:0 12px}
.st-sep{display:inline-block;width:14px}
@media (max-width:999px){
  .hud{display:none}
  .dock{left:12px}
}
@media (min-width:1000px) and (max-width:1199px){
  .why li:nth-child(n+4){grid-column:span 2}
}

@media (min-width:1000px){.scroll-next{display:inline-flex}}
.brand-c{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(150deg,#2E5BD6 0%,#244FC5 55%,#1B3D9E 100%);color:#F4F1EA;font:800 25px/1 var(--display);letter-spacing:-.04em;flex:none;box-shadow:0 6px 18px rgba(36,79,197,.35);padding-bottom:3px}.brand-c::after{content:"";position:absolute;left:30%;right:30%;bottom:5px;height:2px;border-radius:2px;background:#86A3F3}
.brand{gap:12px}
.range{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.range-label{font:600 12px/1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--blue-hi)}
.range-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.range-list a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:rgba(244,241,234,.04);text-decoration:none;font:600 14px/1 var(--text);transition:border-color .2s,background-color .2s}
.range-list a:hover{border-color:var(--blue-hi);background:rgba(134,163,243,.12)}
.range-more{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;font:500 14px/1 var(--text);color:var(--mute);font-style:italic}
.scene-mode .s-fleet .range{margin-top:14px}
.s-hero h1 em{display:block;font-size:min(.6em,7.4vw);white-space:nowrap;letter-spacing:-.03em;line-height:1.05;margin-top:.06em}
@media (min-width:1000px){.scene-mode .s-protect h2{font-size:clamp(36px,3.5vw,56px)}}

.sim{font-weight:400;color:var(--mute);font-size:.6em;letter-spacing:0;white-space:nowrap}
[data-pick] .sim,.car h3 .sim{font-size:.86em}

/* All our cars (range scene v2, 2026-10-08): same card language as the fleet. The photo is shown WHOLE
   (contain, never cropped) and its studio backdrop is faded into the card with the stage mask, so no
   rectangle edge shows. 2 columns on phones, 4 on desktop. */
.s-range{background:radial-gradient(60% 50% at 75% 40%,rgba(36,79,197,.14),transparent 70%),var(--slate)}
.range-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rc{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;background:linear-gradient(180deg,#15212b 0%,#16222A 55%,#1b2a34 100%);transition:transform .25s var(--e-out),border-color .2s,box-shadow .25s}
.rc:hover{transform:translateY(-3px);border-color:rgba(134,163,243,.55);box-shadow:0 18px 40px -24px rgba(36,79,197,.6)}
.rc-photo{display:block;aspect-ratio:3/2;padding:6px 8px 0}
.rc-photo img{display:block;width:100%;height:100%;object-fit:contain;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 70%,transparent 100%);transition:transform .5s var(--e-out)}
.rc:hover .rc-photo img{transform:scale(1.04)}
.rc-body{display:grid;gap:5px;padding:2px 14px 14px;margin-top:auto}
.rc-name{font:700 15px/1.2 var(--display);letter-spacing:-.015em}
.rc-name .sim{font-size:.86em}
.rc-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:4px;flex-wrap:wrap}
.rc-price{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}
.rc-price small{font-size:11.5px;color:var(--mute);margin-right:2px}
.rc-price b{font:800 24px/1 var(--display);letter-spacing:-.03em}
.rc-price em{font-style:normal;font-weight:400;color:var(--mute);font-size:12.5px}
.rc-book{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;background:var(--blue);color:#fff;font:600 13px/1 var(--text);transition:background-color .2s}
.rc:hover .rc-book{background:var(--blue-deep)}
@media (max-width:420px){.rc-body{padding:2px 11px 12px}.rc-name{font-size:14px}.rc-price b{font-size:21px}.rc-book{min-height:34px;padding:0 12px}}
@media (min-width:1000px){
  .range-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .scene-mode .s-range h2{font-size:clamp(40px,4.4vw,68px)}
}
@media (min-width:1000px) and (max-height:900px){
  .scene-mode .rc-photo{aspect-ratio:auto;height:clamp(92px,calc(25vh - 50px),170px)}
  .scene-mode .s-range h2{font-size:clamp(34px,3.4vw,52px)}
  .scene-mode .s-range .fleet-head{margin-bottom:16px}
  .scene-mode .rc-body{gap:3px;padding:0 14px 12px}
  .scene-mode .rc-price b{font-size:22px}
}

/* Price simulator v2 (2026-10-08, Joseph's mockup): lead + 1..30 day slider card, column header tabs,
   one white card per car, Zen column tinted, chevron to book, four promises underneath. */
.sim-head{display:grid;gap:18px;margin-bottom:22px}
.sim-lead{margin-top:10px;color:var(--ink-2);font-size:16px;line-height:1.5;max-width:560px}
.s-protect .days{max-width:none}
.days-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.days-top output{font:800 22px/1 var(--display);letter-spacing:-.02em;color:var(--ink)}
.days-ticks{position:relative;height:16px;margin:2px 13px 0}
.days-ticks span{position:absolute;transform:translateX(-50%);font:500 12px/1 var(--text);color:var(--ink-2);font-variant-numeric:tabular-nums}
.days-ticks span.on{color:var(--blue);font-weight:800}
.sim-table{color:var(--ink)}
.sim-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,minmax(58px,1fr)) 0;align-items:stretch;column-gap:4px}
.sim-th{align-items:end}
.sim-th-car{font:600 11px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);padding:0 0 10px 14px;align-self:end}
.sim-col{display:grid;gap:3px;justify-items:center;text-align:center;padding:10px 4px 9px;border-radius:14px 14px 0 0;background:rgba(255,255,255,.7)}
.sim-col b{font:800 14px/1 var(--display);letter-spacing:-.01em}
.sim-col small{font:500 10.5px/1.2 var(--text);color:var(--ink-2)}
.sim-th .sim-zen{background:#E3EBFD}
.sim-th .sim-zen b{color:var(--blue)}
.sim-pill{padding:3px 8px;border-radius:999px;background:#fff;border:1px solid rgba(36,79,197,.35);color:var(--blue)!important;font-weight:700!important}
[data-sim]{display:grid;gap:7px}
.sim-car{background:#fff;border:1px solid var(--line-l);border-radius:14px;text-decoration:none;color:inherit;overflow:hidden;box-shadow:0 1px 0 rgba(13,21,36,.03),0 10px 24px -20px rgba(13,21,36,.35);transition:transform .2s var(--e-out),box-shadow .2s,border-color .2s}
.sim-car:hover{transform:translateY(-1px);border-color:rgba(36,79,197,.35);box-shadow:0 14px 30px -18px rgba(36,79,197,.45)}
.sim-name{display:flex;align-items:center;gap:12px;min-width:0;padding:8px 10px}
.sim-name img{display:none;width:96px;height:52px;object-fit:contain;flex:none;border-radius:10px;background:#16222A}
.sim-name strong{display:block;font:700 14px/1.2 var(--display);letter-spacing:-.01em}
.sim-name .sim{color:var(--ink-2)}
.sim-name small{display:block;margin-top:3px;font:700 10.5px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.sim-p{display:flex;align-items:center;justify-content:center;font:800 15px/1 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;border-left:1px solid var(--line-l)}
.sim-car .sim-zen{background:#EEF3FE;color:var(--blue)}
.sim-go{display:none}
.sim-p.tick{animation:tick .32s var(--e-out)}
.sim-promises{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
.sim-promises li{display:flex;align-items:center;gap:10px;min-width:0}
.sp-ic{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#E3EBFD;color:var(--blue)}
.sp-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sim-promises b{display:block;font:600 13px/1.25 var(--text);color:var(--ink)}
.sim-promises small{display:block;font-size:12px;line-height:1.3;color:var(--ink-2)}
@media (max-width:699px){
  .sim-th small:not(.sim-pill){display:none}
  .sim-pill{font-size:9px!important;padding:2px 5px}
  .sim-th-car{padding-left:10px}
  .sim-name{padding:9px 10px}
  .sim-name strong{font-size:13.5px}
  .sim-name .sim{display:block;font-size:.8em}
}
@media (min-width:700px){
  .sim-row{grid-template-columns:minmax(0,1fr) repeat(3,minmax(96px,150px)) 52px}
  .sim-name img{display:block}
  .sim-p{font-size:19px}
  .sim-name strong{font-size:15.5px}
  .sim-go{display:flex;align-items:center;justify-content:center}
  .sim-go svg{width:30px;height:30px;padding:7px;border-radius:50%;background:#F1F3F7;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:background-color .2s}
  .sim-car:hover .sim-go svg{background:var(--blue);stroke:#fff}
  .sim-promises{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1000px){
  .sim-head{grid-template-columns:1fr minmax(340px,440px);align-items:end}
  .scene-mode .s-protect .sim-head h2{font-size:clamp(36px,3.6vw,58px)}
}
@media (min-width:1000px) and (max-height:900px){
  .scene-mode .sim-head{margin-bottom:10px}
  .scene-mode .sim-lead{font-size:14.5px;margin-top:6px}
  .scene-mode .sim-name{padding:4px 10px}
  .scene-mode .sim-name img{width:76px;height:40px}
  .scene-mode [data-sim]{gap:5px}
  .scene-mode .sim-col{padding:7px 4px 6px}
  .scene-mode .sim-promises{margin-top:10px}
  .scene-mode .s-protect .sim-head h2{font-size:clamp(32px,3.2vw,50px)}
}
@media (min-width:1000px) and (max-height:760px){
  .scene-mode .sim-lead{display:none}
  .scene-mode .sim-name{padding:2px 10px}
  .scene-mode .sim-name img{width:62px;height:33px}
  .scene-mode [data-sim]{gap:4px}
  .scene-mode .sim-p{font-size:17px}
  .scene-mode .sp-ic{width:30px;height:30px}
}
@media (min-width:1000px) and (max-height:760px){
  .scene-mode .sim-promises small{display:none}
  .scene-mode .sim-promises{margin-top:8px}
  .scene-mode .s-protect .days{padding:10px 16px 8px}
  .scene-mode .sim-col{padding:5px 4px 4px}
}
@media (max-width:699px){.sim-row{grid-template-columns:minmax(0,1fr) repeat(3,60px) 0;column-gap:3px}.sim-p{font-size:14px}}

/* Reviews scene (2026-10-08, mockup imo.png): intro + featured real review + Google score, then a review carousel. */
.s-reviews{background:radial-gradient(70% 60% at 100% 100%,rgba(36,79,197,.10),transparent 60%),#F6F8FC;color:var(--ink)}
.rv-top{display:grid;gap:18px}
.rv-lead{margin-top:10px;color:var(--ink-2);font-size:16px;line-height:1.5;max-width:520px}
.rv-trust{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 18px}
.rv-trust li{display:flex;align-items:center;gap:9px;font:600 13px/1.25 var(--text);color:var(--ink)}
.rv-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--blue);box-shadow:0 6px 16px -10px rgba(36,79,197,.6)}
.rv-ic svg,.rv-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rv-stars{color:#F5B301;letter-spacing:2px;font-size:17px;line-height:1}
.rv-feature{margin:0;display:grid;background:#fff;border:1px solid var(--line-l);border-radius:22px;overflow:hidden;box-shadow:0 24px 48px -36px rgba(13,21,36,.4)}
.rv-feature-body{display:grid;gap:10px;padding:20px 20px 18px;align-content:start}
.rv-feature blockquote{margin:0;display:grid;gap:8px}
.rv-big{font:800 21px/1.15 var(--display);letter-spacing:-.02em}
.rv-text{color:var(--ink-2);font-size:14px;line-height:1.5}
.rv-who{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:14px}
.rv-tag{padding:4px 10px;border-radius:999px;background:#E9EFFD;color:var(--blue);font:600 11.5px/1 var(--text)}
.rv-src{font:600 10.5px/1 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.rv-feature-img{display:none;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.rv-score{background:#E9EFFD;border-radius:22px;padding:20px;display:grid;gap:6px;align-content:start}
.rv-rating{display:flex;align-items:baseline;gap:6px}
.rv-rating b{font:800 52px/1 var(--display);letter-spacing:-.04em}
.rv-rating span{font:700 22px/1 var(--display);color:var(--ink-2)}
.rv-score-title{font:800 18px/1.2 var(--display)}
.rv-score-sub{font-size:13.5px;color:var(--ink-2)}
.rv-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:8px 0 6px;padding-top:10px;border-top:1px solid rgba(36,79,197,.18)}
.rv-stats div{padding-right:6px}
.rv-stats div+div{border-left:1px solid rgba(36,79,197,.18);padding-left:10px}
.rv-stats dt{font:800 19px/1 var(--display);color:var(--blue)}
.rv-stats dd{margin:4px 0 0;font-size:11.5px;color:var(--ink-2)}
.rv-google{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 16px;border-radius:999px;background:#fff;text-decoration:none;color:var(--blue);font:700 13.5px/1 var(--text);box-shadow:0 8px 20px -14px rgba(13,21,36,.5);transition:transform .2s var(--e-out)}
.rv-google:hover{transform:translateY(-2px)}
.rv-google svg{width:20px;height:20px;flex:none}
.rv-google b{margin-left:auto}
.rv-carousel{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px;margin-top:20px}
.rv-track{display:grid;grid-template-columns:1fr;gap:14px}
.rv-card{background:#fff;border:1px solid var(--line-l);border-radius:18px;padding:16px 18px;display:grid;gap:10px;align-content:start;box-shadow:0 16px 36px -30px rgba(13,21,36,.45)}
.rv-card .rv-text{color:var(--ink);font-size:14.5px}
.rv-nav{width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:var(--blue);display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px -12px rgba(13,21,36,.5);transition:opacity .2s,transform .15s}
.rv-nav:disabled{opacity:.35;cursor:default}
.rv-nav:active:not(:disabled){transform:scale(.94)}
.rv-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}
.rv-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(13,21,36,.18);cursor:pointer}
.rv-dots button[aria-pressed=true]{background:var(--blue)}
@media (min-width:700px){
  .rv-track{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rv-feature{grid-template-columns:1.15fr 1fr}
  .rv-feature-img{display:block}
}
@media (min-width:1000px){
  .rv-top{grid-template-columns:1fr 1.3fr .78fr;align-items:stretch}
  .rv-track{grid-template-columns:repeat(3,minmax(0,1fr))}
  .scene-mode .s-reviews h2{font-size:clamp(38px,3.6vw,60px)}
}
@media (min-width:1000px) and (max-height:900px){
  .scene-mode .rv-lead{font-size:14.5px}
  .scene-mode .rv-trust{margin-top:12px}
  .scene-mode .rv-big{font-size:18px}
  .scene-mode .rv-text{font-size:13px}
  .scene-mode .rv-card{padding:12px 16px;gap:8px}
  .scene-mode .rv-carousel{margin-top:14px}
  .scene-mode .rv-rating b{font-size:44px}
  .scene-mode .s-reviews h2{font-size:clamp(34px,3.2vw,50px)}
}
@media (min-width:1000px) and (max-height:760px){
  .scene-mode .rv-lead,.scene-mode .rv-score-sub,.scene-mode .rv-feature .rv-text{display:none}
  .scene-mode .rv-dots{margin-top:6px}
}
/* 2026-10-10 fix.png: "Your journey / our priority" headline, one-row trust strip, quote-only feature, icon stats. */
.s-reviews h2 em{display:block;font-weight:800;color:var(--blue)}
.rv-trust{flex-wrap:nowrap;align-items:center;gap:0;margin-top:26px}
.rv-trust li{gap:12px;font:600 14.5px/1.3 var(--text);max-width:150px}
.rv-trust li+li{margin-left:14px;padding-left:20px;position:relative}
.rv-trust li+li::before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:var(--ink)}
.rv-trust .rv-ic{width:50px;height:50px}
.rv-trust .rv-ic svg{width:22px;height:22px}
.rv-big{font-size:23px;line-height:1.2}
.rv-feature-body{padding:24px 24px 22px;gap:14px}
.rv-stats{margin:12px 0 10px;padding-top:14px}
.rv-stats div{display:grid;justify-items:center;text-align:center;gap:2px;padding:0 4px}
.rv-stats div+div{padding-left:4px}
.rv-sic{color:var(--blue);margin-bottom:4px}
.rv-sic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.rv-stats dt{font:700 16px/1.1 var(--display);color:var(--ink)}
.rv-stats dd{margin:2px 0 0;font-size:12.5px}
@media (max-width:520px){
  .rv-trust{flex-wrap:wrap;gap:10px 0}
  .rv-trust li{max-width:none;font-size:13px}
  .rv-trust .rv-ic{width:40px;height:40px}
  .rv-trust li+li{margin-left:10px;padding-left:14px}
}
.rv-trust li:last-child{max-width:none;white-space:nowrap}
.rv-stats dd{white-space:nowrap;font-size:12px}
.rv-google span{white-space:nowrap}
.rv-google{gap:8px;padding:0 14px}
@media (min-width:1000px){
  .rv-top{grid-template-columns:minmax(0,1.12fr) minmax(0,1.85fr) minmax(0,1fr)}
  .rv-feature{grid-template-columns:1.25fr 1fr}
  .rv-trust li{max-width:165px}
  .rv-trust li:last-child{max-width:none}
  .scene-mode .s-reviews h2{font-size:clamp(44px,4.1vw,68px);line-height:1.02}
}
/* 1000-1279px: the intro column is narrow, so the trust strip wraps (no dots) instead of squeezing the quote card */
@media (min-width:1000px) and (max-width:1279px){
  .rv-trust{flex-wrap:wrap;gap:10px 16px}
  .rv-trust li,.rv-trust li:last-child{max-width:none;white-space:normal}
  .rv-trust li+li{margin-left:0;padding-left:0}
  .rv-trust li+li::before{display:none}
  .rv-trust .rv-ic{width:40px;height:40px}
  html .s-reviews h2,html .scene-mode .s-reviews h2{font-size:clamp(32px,3.3vw,44px)}
  html .rv-big,html .scene-mode .rv-big{font-size:19px}
  .rv-stats dd{white-space:normal}
}
@media (min-width:1000px) and (max-height:900px){
  .scene-mode .rv-big{font-size:21px}
  .scene-mode .rv-trust{margin-top:20px}
  .scene-mode .s-reviews h2{font-size:clamp(40px,3.7vw,58px)}
}
.rv-feature figcaption.rv-who{position:static;padding:0;background:none;backdrop-filter:none;text-transform:none;letter-spacing:0;font:inherit;font-size:14px;color:var(--ink)}
/* 2026-10-19 (Joseph): phone geometry of page 2. Trust strip = one row of 3 equal tiles (icon over label,
   thin dividers, no dots, same panel shape as the cards below); carousel card full width, arrows under it. */
@media (max-width:699px){
  .rv-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:0;margin-top:22px;padding:14px 4px;background:#fff;border:1px solid var(--line-l);border-radius:18px;box-shadow:0 16px 36px -30px rgba(13,21,36,.45)}
  .rv-trust li,.rv-trust li:last-child{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:8px;max-width:none;white-space:normal;margin:0;padding:0 6px;font:600 12.5px/1.25 var(--text)}
  .rv-trust li+li{margin-left:0;padding-left:6px;border-left:1px solid var(--line-l)}
  .rv-trust li+li::before{content:none}
  .rv-trust .rv-ic{width:42px;height:42px;background:#E9EFFD;box-shadow:none}
  .rv-trust .rv-ic svg{width:20px;height:20px}
  .rv-carousel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 16px}
  .rv-track{grid-column:1 / -1;grid-row:1;touch-action:pan-y}
  .rv-nav{grid-row:2}
  [data-rv-prev]{justify-self:end}
  [data-rv-next]{justify-self:start}
  .rv-dots{margin-top:10px}
}

/* 2026-10-30 (Joseph): no decorative dots or arrows anywhere. */
.dot{display:none}
.board-rows li,.board-rows li:nth-child(n){grid-template-columns:1fr auto}
.rv-trust li+li::before{display:none}
.scroll-next,.scroll-cue{display:none!important}