/* Layout (mobile first): an open header floats over a dark hero. The hero is centred: big serif H1, a lineup of three cars that roll out of the dark (BMW in front, Camry and Staria behind), then a short description, one blue button and round messenger buttons. Below the hero the page is white: class tiles, then the car carousel. Header switches from white-on-dark to blue-on-white once the hero is scrolled past. */
:root {
  --bg: #FFFFFF;
  --ink: #0D0F33;
  --muted: #6A6E94;
  --line: #E4E6F5;
  --tint: #F4F5FD;
  --blue: #0A12CC;
  --blue-deep: #070D9E;
  --blue-glow: #3347FF;
  --blue-soft: #E8EAFB;
  --night: #04060F;
  --font: "Montserrat", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --display: "Unbounded", "Montserrat", "Segoe UI", system-ui, sans-serif;
  --serif: "Cormorant Garamond", "Playfair Display", Georgia, "Times New Roman", serif;
  --ease: cubic-bezier(.2, .8, .2, 1);
  --r-btn: 14px;
  --hh: 72px;
  color-scheme: light;
}
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--font); font-weight: 500; line-height: 1.45; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); padding-bottom: calc(48px + env(safe-area-inset-bottom, 0px)); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: clip; }
img, svg { max-width: 100%; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, p { margin: 0; }
button { font: inherit; color: inherit; }
:focus-visible { outline: 3px solid var(--blue-glow); outline-offset: 3px; border-radius: 10px; }
.page { width: 100%; max-width: 1180px; margin-inline: auto; }

/* Header */
.hdr { --fg: var(--ink); --accent: var(--blue); --sq-bg: #fff; --sq-bd: var(--line); --bars: var(--blue); position: sticky; top: 0; z-index: 40; margin-inline: calc(50% - 50vw); margin-bottom: calc(-1 * (var(--hh) + env(safe-area-inset-top, 0px))); padding-inline: max(16px, env(safe-area-inset-left, 0px)) max(16px, env(safe-area-inset-right, 0px)); padding-top: env(safe-area-inset-top, 0px); background: rgba(255,255,255,.92); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); transition: background .35s ease, box-shadow .35s ease; }
.hdr.on-dark.stuck { background: rgba(0,0,0,.72); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.hdr.scrolled { box-shadow: 0 12px 28px -24px rgba(13,15,51,.6); }
.hdr.on-dark .callbtn { --cb: rgba(255,255,255,.5); --hv: rgba(255,255,255,.14); }
.hdr.on-dark { --fg: #fff; --accent: var(--blue-glow); --sq-bg: rgba(255,255,255,.08); --sq-bd: rgba(255,255,255,.28); --bars: #fff; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; }
.hdr-in { position: relative; max-width: 1180px; margin-inline: auto; height: var(--hh); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.hdr-in > .logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.sq { position: relative; width: 46px; height: 46px; border-radius: var(--r-btn); display: grid; place-items: center; border: 1.5px solid var(--sq-bd, var(--line)); background: var(--sq-bg, #fff); cursor: pointer; padding: 0; transition: transform .25s var(--ease), background .25s, border-color .25s; }
.sq:active { transform: scale(.95); }
.sq:hover { border-color: var(--accent, var(--blue)); }
.burger i { position: absolute; left: 14px; width: 18px; height: 2px; border-radius: 2px; background: var(--bars); transition: transform .35s var(--ease), opacity .2s, top .35s var(--ease), width .3s, background .3s; }
.burger i:nth-child(1) { top: 16px; } .burger i:nth-child(2) { top: 22px; width: 12px; } .burger i:nth-child(3) { top: 28px; }
.burger[aria-expanded="true"] i:nth-child(1) { top: 22px; transform: rotate(45deg); }
.burger[aria-expanded="true"] i:nth-child(2) { opacity: 0; }
.burger[aria-expanded="true"] i:nth-child(3) { top: 22px; transform: rotate(-45deg); }
.logo { display: block; line-height: 0; }
.logo img { display: block; height: 28px; width: auto; }
.hdr.on-dark .l-blue { display: none; }
.hdr:not(.on-dark) .l-white { display: none; }
.right { display: flex; align-items: center; gap: 18px; position: relative; }
.hdr-tel { display: none; font-size: 14px; font-weight: 600; letter-spacing: .01em; color: var(--fg); position: relative; padding-block: 6px; transition: color .25s ease; font-variant-numeric: tabular-nums; }
.callbtn { --cb: rgba(10,18,204,.4); --hv: var(--tint); display: inline-flex; align-items: center; gap: 9px; height: 46px; padding: 0 18px 0 15px; border: 1.5px solid var(--cb); border-radius: var(--r-btn); background: transparent; color: var(--fg); font-size: 14px; font-weight: 600; letter-spacing: .01em; cursor: pointer; transition: all .25s ease; position: relative; }
.callbtn:hover { background: var(--hv); transform: translateY(-1px); }
.callbtn:active { transform: scale(.96); }
.callbtn svg { width: 17px; height: 17px; fill: currentColor; flex: none; }
.callbtn .dot { width: 8px; height: 8px; border-radius: 50%; background: #3BE07C; box-shadow: 0 0 0 3px rgba(59,224,124,.28); animation: beat 2.4s infinite; }
@keyframes beat { 50% { box-shadow: 0 0 0 6px rgba(59,224,124,0); } }
.dnav { display: none; }
.dnav a, .hdr-tel { position: relative; }
.dnav a::after, .hdr-tel::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 4px; height: 2px; border-radius: 2px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
.hdr-tel::after { left: 0; right: 0; bottom: 2px; }
.dnav a:hover::after, .hdr-tel:hover::after { transform: scaleX(1); }

/* Contact sheet */
.sheet { position: absolute; right: 0; top: 58px; width: min(340px, calc(100vw - 32px)); background: rgba(255,255,255,.98); border: 1px solid var(--line); border-radius: 24px; padding: 12px; box-shadow: 0 30px 60px -24px rgba(13,15,51,.55); opacity: 0; transform: translateY(-8px) scale(.97); transform-origin: top right; pointer-events: none; transition: opacity .25s, transform .3s var(--ease); z-index: 5; color: var(--ink); }
.sheet.open { opacity: 1; transform: none; pointer-events: auto; }
.sheet h2 { margin: 6px 10px 8px; font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.row { display: flex; align-items: center; gap: 14px; padding: 9px 10px; border-radius: 16px; transition: all .25s ease; font-weight: 600; font-size: 15px; }
.row:hover, .row:active { background: #F3F4F6; }
.row .ic { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; flex: none; transition: transform .25s ease; }
.row:hover .ic { transform: scale(1.05); }
.row .ic svg { width: 19px; height: 19px; fill: #fff; }
.row small { display: block; font-weight: 500; font-size: 12.5px; color: var(--muted); }
.ic.c-call { background: var(--blue); } .ic.c-wa { background: #25D366; } .ic.c-tg { background: #229ED9; } .ic.c-vb { background: #7360F2; } .ic.c-max { background: linear-gradient(135deg, #2AA9FF, #7A4DFF); }
.numrow { display: block; width: calc(100% - 12px); margin: 8px 6px 0; padding: 14px; border: 0; border-radius: 14px; background: var(--tint); text-align: center; font-weight: 700; font-size: 16px; letter-spacing: .01em; white-space: nowrap; font-variant-numeric: tabular-nums; cursor: pointer; transition: background .25s ease; }
.numrow:hover { background: #ECEEFA; }
.numhint { margin: 6px 6px 2px; text-align: center; font-size: 11.5px; font-weight: 500; color: var(--muted); }

/* Drawer */
.scrim { position: fixed; inset: 0; z-index: 44; background: rgba(13,15,51,.5); opacity: 0; pointer-events: none; transition: opacity .3s; }
.scrim.open { opacity: 1; pointer-events: auto; }
.drawer { position: fixed; z-index: 45; top: 0; bottom: 0; left: 0; width: min(88vw, 380px); background: #fff; border-radius: 0 28px 28px 0; padding: calc(env(safe-area-inset-top, 0px) + 12px) 20px calc(env(safe-area-inset-bottom, 0px) + 24px) max(20px, env(safe-area-inset-left, 0px)); display: flex; flex-direction: column; transform: translateX(-102%); transition: transform .45s var(--ease); visibility: hidden; overflow-y: auto; }
.drawer.open { transform: none; visibility: visible; }
.drawer-top { display: flex; align-items: center; justify-content: space-between; height: 56px; }
.drawer nav { display: flex; flex-direction: column; margin-top: 22px; }
.drawer nav a { display: flex; align-items: center; justify-content: space-between; padding: 20px 4px; font-size: 21px; font-weight: 600; letter-spacing: -.02em; border-bottom: 1px solid var(--line); opacity: 0; transform: translateX(-14px); transition: opacity .4s, transform .5s var(--ease), color .2s; }
.drawer nav a:first-child { border-top: 1px solid var(--line); }
.drawer.open nav a { opacity: 1; transform: none; }
.drawer.open nav a:nth-child(1) { transition-delay: .08s; } .drawer.open nav a:nth-child(2) { transition-delay: .14s; } .drawer.open nav a:nth-child(3) { transition-delay: .2s; }
.drawer nav a svg { width: 18px; height: 18px; stroke: var(--blue); fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s var(--ease); }
.drawer nav a:hover { color: var(--blue); } .drawer nav a:hover svg { transform: translateX(4px); }
.drawer .foot { margin-top: auto; padding-top: 28px; }
.drawer .foot small { display: block; font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.drawer .foot b { display: block; margin-top: 6px; font-size: 20px; font-weight: 700; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.msgs { display: flex; gap: 10px; margin-top: 16px; }
.msgs a { width: 46px; height: 46px; border-radius: var(--r-btn); display: grid; place-items: center; transition: transform .2s var(--ease); }
.msgs a:hover { transform: translateY(-3px); }
.msgs svg { width: 20px; height: 20px; fill: #fff; }

/* Hero */
.hero { position: relative; z-index: 1; margin-inline: calc(50% - 50vw); padding: calc(var(--hh) + env(safe-area-inset-top, 0px) + 22px) max(16px, env(safe-area-inset-left, 0px)) 28px; background: #000; color: #fff; overflow: hidden; isolation: isolate; --gx: 50%; --gy: 62%; }
.hero-in { position: relative; max-width: 1180px; margin-inline: auto; }
.hero-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; }
.hero h1 .w { display: inline-block; animation: wordUp 1.1s var(--ease) calc(.2s + var(--i) * .1s) both; }
@keyframes wordUp { from { opacity: 0; transform: translateY(.45em); filter: blur(10px); } to { opacity: 1; transform: none; filter: blur(0); } }
.hero-cta { margin-top: 22px; animation: fadeUp 1s var(--ease) 1.2s both; }
@keyframes fadeUp { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
.feat { display: none; flex: none; width: 300px; padding: 16px 16px 12px; border-radius: 26px; background: #fff; color: var(--ink); animation: fadeUp 1s var(--ease) 1.6s both; transition: transform .35s var(--ease); }
.feat:hover { transform: translateY(-4px); }
.feat-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.feat b { font-size: 17px; font-weight: 700; letter-spacing: -.02em; }
.feat small { display: block; margin-top: 2px; font-size: 12.5px; font-weight: 500; color: var(--muted); }
.feat .go { width: 40px; height: 40px; border-radius: 50%; background: var(--ink); display: grid; place-items: center; flex: none; }
.feat .go svg { width: 17px; height: 17px; stroke: #fff; fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.feat img { display: block; width: 100%; height: auto; margin-top: 6px; mix-blend-mode: multiply; }

.hero-bg { position: absolute; inset: 0; z-index: -1; overflow: hidden; background: #02060C; }
@keyframes bgIn { from { opacity: 0; transform: scale(1.14); filter: brightness(.1); } to { opacity: 1; transform: scale(1); filter: brightness(1); } }

.hero { min-height: max(700px, 100svh); display: flex; flex-direction: column; }
.hero-in { flex: 1; display: flex; flex-direction: column; width: 100%; }
.hero-bg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 74% 60%; animation: bgIn 3.2s cubic-bezier(.16,.84,.3,1) .1s both; }
.hero-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(4,8,18,.62) 0%, rgba(4,8,18,.18) 34%, rgba(4,8,18,.1) 58%, rgba(4,8,18,.82) 100%), linear-gradient(90deg, rgba(4,8,18,.35), rgba(4,8,18,0) 60%); }
.hero h1 { max-width: none; font-family: var(--display); font-weight: 400; font-size: clamp(21px, 6.1vw, 54px); line-height: 1.18; letter-spacing: -.01em; white-space: nowrap; text-align: left; color: #fff; }
.btn-glow { display: inline-flex; align-items: center; justify-content: center; height: 42px; padding: 0 26px; border-radius: 999px; background: var(--blue-glow); color: #fff; font-size: 14px; font-weight: 600; letter-spacing: .01em; box-shadow: 0 12px 26px -12px rgba(51,71,255,.95); transition: all .25s ease; }
.btn-glow:hover { transform: translateY(-2px); background: #4558FF; box-shadow: 0 16px 30px -12px rgba(51,71,255,1); }

@media (max-width: 767px) { .hero-bg { background: #0A1020; } .hero-bg img { height: 72%; } .hero-bg::after { background: linear-gradient(180deg, rgba(4,8,18,.6) 0%, rgba(4,8,18,.1) 30%, rgba(10,16,32,0) 52%, rgba(10,16,32,.95) 74%, #0A1020 100%); } }
/* Booking bar */
.bookwrap { position: relative; z-index: 3; margin-top: auto; padding-top: 40px; animation: fadeUp 1s var(--ease) 1.6s both; }
.tabs { display: flex; gap: 8px; margin: 0 0 10px 2px; }
.tab { height: 38px; padding: 0 20px; border-radius: 12px; border: 0; font-size: 13px; font-weight: 600; cursor: pointer; background: #14161D; color: rgba(255,255,255,.82); transition: all .25s ease; }
.tab.on { background: #fff; color: var(--ink); }
.tab:not(.on):hover { background: #262833; color: #fff; }
.book { position: relative; background: #fff; color: var(--ink); border-radius: 22px; padding: 12px; box-shadow: 0 30px 60px -30px rgba(0,0,0,.8); }
.bk { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.f { position: static; display: block; min-width: 0; padding: 10px 14px; border-radius: 16px; background: var(--tint); transition: background .25s ease, box-shadow .25s ease; cursor: pointer; }
.f:hover, .f:focus-within { background: #ECEEFB; }
.f > span { display: block; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.f input, .f select, .fbtn { display: flex; width: 100%; margin-top: 4px; padding: 0; border: 0; outline: 0; background: transparent; font: inherit; font-size: 15px; font-weight: 600; color: var(--ink); min-width: 0; appearance: none; -webkit-appearance: none; text-align: left; cursor: pointer; }
.f input { cursor: text; }
.f input::placeholder { color: #8A8EAF; font-weight: 500; }
.fbtn { align-items: center; justify-content: space-between; gap: 10px; }
.fbtn b { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fbtn.empty b { color: #8A8EAF; font-weight: 500; }
.chev { flex: none; width: 8px; height: 8px; border-right: 2px solid var(--muted); border-bottom: 2px solid var(--muted); transform: translateY(-2px) rotate(45deg); }
.f-date, .bbtn { grid-column: 1 / -1; }
.bbtn { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 58px; padding: 0 28px; border-radius: 16px; background: var(--blue); color: #fff; font-size: 14px; font-weight: 600; letter-spacing: .01em; white-space: nowrap; transition: all .25s ease; }
.bbtn svg { display: none; width: 22px; height: 22px; stroke: #fff; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.bbtn:hover { background: var(--blue-deep); transform: translateY(-1px); box-shadow: 0 14px 26px -14px rgba(10,18,204,.9); }

.f.dd { position: relative; }
.dd-list { position: absolute; z-index: 20; left: 0; bottom: calc(100% + 14px); min-width: 240px; max-width: calc(100vw - 32px); padding: 8px; border-radius: 20px; background: #fff; border: 1px solid var(--line); box-shadow: 0 30px 60px -20px rgba(0,0,0,.6); animation: calIn .22s var(--ease) both; cursor: default; }
.dd.r .dd-list { left: auto; right: 0; }
.dd-list[hidden] { display: none; }
.dd-opt { display: flex; align-items: center; justify-content: space-between; gap: 14px; width: 100%; padding: 12px 14px; border: 0; border-radius: 14px; background: transparent; font: inherit; font-size: 14.5px; font-weight: 600; color: var(--ink); text-align: left; cursor: pointer; transition: background .2s, color .2s; }
.dd-opt:hover { background: var(--tint); }
.dd-opt.on { background: var(--blue-soft); color: var(--blue); }
.dd-opt small { font-size: 12.5px; font-weight: 500; color: var(--muted); white-space: nowrap; }
.dd-opt.on small { color: var(--blue); opacity: .8; }
.dd-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; width: 296px; max-height: 232px; overflow-y: auto; scrollbar-width: thin; }
.dd-grid .dd-opt { justify-content: center; padding: 11px 0; font-variant-numeric: tabular-nums; }

/* Date range calendar */
.cal { position: absolute; z-index: 20; left: 0; right: 0; bottom: calc(100% + 12px); padding: 16px 16px 14px; border-radius: 24px; background: #fff; color: var(--ink); box-shadow: 0 30px 70px -20px rgba(0,0,0,.65); border: 1px solid var(--line); animation: calIn .25s var(--ease) both; }
.cal[hidden] { display: none; }
@keyframes calIn { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
.cal-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.cal-head .cn { width: 38px; height: 38px; border-radius: 12px; border: 1.5px solid var(--line); background: #fff; display: grid; place-items: center; cursor: pointer; padding: 0; transition: all .2s; }
.cal-head .cn:hover:not(:disabled) { border-color: var(--blue); background: var(--tint); } .cal-head .cn:disabled { opacity: .3; cursor: default; }
.cal-head svg { width: 16px; height: 16px; stroke: var(--ink); fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.cal-months { display: grid; gap: 18px; grid-template-columns: minmax(0, 1fr); }
.cm h4 { margin: 0 0 8px; text-align: center; font-size: 15px; font-weight: 700; letter-spacing: -.01em; }
.wd, .dg { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.wd span { padding: 6px 0; text-align: center; font-size: 11px; font-weight: 600; color: var(--muted); }
.dg button, .dg i { position: relative; height: 42px; }
.dg button { border: 0; background: transparent; font: inherit; font-size: 14px; font-weight: 600; color: var(--ink); cursor: pointer; border-radius: 0; padding: 0; z-index: 0; }
.dg button:disabled { color: #C3C6DB; cursor: default; font-weight: 500; }
.dg button.today::after { content: ""; position: absolute; left: 50%; bottom: 6px; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: var(--blue); }
.dg button.in { background: var(--blue-soft); }
.dg button.s, .dg button.e { color: #fff; }
.dg button.s::before, .dg button.e::before { content: ""; position: absolute; inset: 3px 0; margin-inline: auto; width: 38px; border-radius: 50%; background: var(--blue); z-index: -1; }
.dg button.s.e::before { }
.dg button.s:not(.e) { background: linear-gradient(90deg, transparent 50%, var(--blue-soft) 50%); }
.dg button.e:not(.s) { background: linear-gradient(90deg, var(--blue-soft) 50%, transparent 50%); }
.dg button:not(:disabled):not(.s):not(.e):hover::before { content: ""; position: absolute; inset: 3px 0; margin-inline: auto; width: 38px; border-radius: 50%; background: var(--tint); z-index: -1; box-shadow: inset 0 0 0 1.5px var(--blue); }
.cal-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); }
.cal-sum { font-size: 13.5px; font-weight: 600; color: var(--muted); } .cal-sum b { color: var(--ink); }
.cal-act { display: flex; gap: 8px; }
.cal-act button { height: 40px; padding: 0 18px; border-radius: 12px; border: 0; font-size: 14px; font-weight: 600; cursor: pointer; transition: all .2s; }
.cal-act .clr { background: var(--tint); color: var(--ink); } .cal-act .clr:hover { background: #ECEEFB; }
.cal-act .ok { background: var(--blue); color: #fff; } .cal-act .ok:hover { background: var(--blue-deep); } .cal-act .ok:disabled { opacity: .4; cursor: default; }

/* Sections below the hero */
.section { margin-top: 76px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--blue); }
.eyebrow::before { content: ""; width: 18px; height: 2px; border-radius: 2px; background: var(--blue); }
.h2 { margin-top: 12px; font-size: clamp(27px, 7.4vw, 38px); font-weight: 700; letter-spacing: -.035em; line-height: 1.1; text-wrap: balance; }
.lead { margin-top: 12px; max-width: 46ch; font-size: 15px; font-weight: 500; color: var(--muted); }
.cats { margin-top: 28px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.cat { position: relative; display: flex; flex-direction: column; background: var(--tint); border: 1px solid var(--line); border-radius: 26px; padding: 22px 22px 0; overflow: hidden; transition: transform .45s var(--ease), box-shadow .45s var(--ease), border-color .3s; }
.cat:hover { transform: translateY(-4px); border-color: rgba(10,18,204,.25); box-shadow: 0 34px 50px -34px rgba(10,18,204,.5); }
.cat:active { transform: scale(.99); }
.cat-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.cat h3 { font-size: 22px; font-weight: 700; letter-spacing: -.03em; line-height: 1.15; }
.cat-sub { margin-top: 6px; max-width: 26ch; font-size: 13.5px; font-weight: 500; color: var(--muted); line-height: 1.4; }
.cat-go { flex: none; width: 44px; height: 44px; border-radius: 14px; background: #fff; border: 1px solid var(--line); display: grid; place-items: center; transition: background .3s, border-color .3s; }
.cat-go svg { width: 18px; height: 18px; stroke: var(--blue); fill: none; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; transition: transform .35s var(--ease), stroke .3s; }
.cat:hover .cat-go { background: var(--blue); border-color: var(--blue); }
.cat:hover .cat-go svg { stroke: #fff; transform: rotate(-45deg); }
.cat-photo { position: relative; margin: auto -8px 12px; padding-top: 6px; aspect-ratio: 1500 / 640; box-sizing: content-box; }
.cat-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: 50% 100%; mix-blend-mode: multiply; transition: transform .8s var(--ease); }
.cat:hover .cat-photo img, .cat:hover .cat-photo .art { transform: translateX(10px); }
.cat-photo .art { position: absolute; left: 6%; bottom: 8%; width: 88%; height: auto; stroke: var(--blue); fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; opacity: .28; transition: transform .8s var(--ease); }
.soon { position: absolute; left: 12px; bottom: 12px; padding: 5px 10px; border-radius: 9px; background: rgba(255,255,255,.85); font-size: 10.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.rv { transform: translateY(28px); transition: transform .9s var(--ease); }
.rv.in { transform: none; }

/* Vehicles */
.veh { position: relative; z-index: 1; margin-top: 76px; margin-inline: calc(50% - 50vw); padding: 56px max(16px, env(safe-area-inset-left, 0px)) 60px; background: linear-gradient(180deg, #F1F2FA, #E9EBF8); }
.veh-in { max-width: 1180px; margin-inline: auto; }
.veh-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.veh-head .h2 { margin-top: 10px; }
.vnav { display: flex; gap: 10px; flex: none; }
.va { width: 48px; height: 48px; border-radius: 50%; border: 1.5px solid var(--ink); background: transparent; display: grid; place-items: center; cursor: pointer; padding: 0; transition: all .25s ease; }
.va svg { width: 18px; height: 18px; stroke: var(--ink); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: stroke .25s; }
.va:hover:not(:disabled) { background: var(--ink); } .va:hover:not(:disabled) svg { stroke: #fff; }
.va:disabled { opacity: .3; cursor: default; }
.vtrack { display: flex; gap: 16px; margin: 28px calc(-1 * max(16px, env(safe-area-inset-left, 0px))) 0; padding: 6px max(16px, env(safe-area-inset-left, 0px)) 14px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: max(16px, env(safe-area-inset-left, 0px)); scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.vtrack::-webkit-scrollbar { display: none; }
.vc { position: relative; flex: 0 0 80%; scroll-snap-align: start; display: flex; flex-direction: column; min-height: 430px; padding: 0 0 86px; border-radius: 30px; background: #fff; overflow: hidden; box-shadow: 0 24px 44px -34px rgba(10,18,204,.35); transition: transform .45s var(--ease), box-shadow .45s var(--ease); }
.vc:hover { transform: translateY(-5px); box-shadow: 0 40px 56px -34px rgba(10,18,204,.55); }
.vimg { order: -1; position: relative; flex: none; height: 214px; margin: 0; background: radial-gradient(80% 90% at 50% 100%, #DDE1FA, #F5F6FE 70%); }
.vimg img { position: absolute; inset: 14px 14px 10px; width: calc(100% - 28px); height: calc(100% - 24px); object-fit: contain; object-position: 50% 70%; mix-blend-mode: multiply; transition: transform .7s var(--ease); }
.vimg .art { position: absolute; left: 10%; top: 50%; width: 80%; height: auto; transform: translateY(-50%); stroke: var(--blue); fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; opacity: .25; transition: transform .7s var(--ease); }
.vimg .soon { left: auto; right: 14px; bottom: 14px; }
.vc:hover .vimg img { transform: scale(1.05) translateX(6px); } .vc:hover .vimg .art { transform: translate(8px, -50%); }
.vcl { margin: 22px 24px 0; font-size: 10.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--blue); }
.vc h3 { margin: 8px 24px 0; font-size: 23px; font-weight: 700; letter-spacing: -.03em; line-height: 1.15; }
.vs { margin: 8px 24px 0; font-size: 13.5px; font-weight: 500; color: var(--muted); }
.vp { position: absolute; left: 24px; bottom: 26px; display: flex; align-items: baseline; gap: 6px; margin: 0; font-size: 13px; font-weight: 500; color: var(--muted); }
.vp b { font-size: 28px; font-weight: 700; letter-spacing: -.035em; line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums; }
.vgo { position: absolute; right: 22px; bottom: 20px; width: 50px; height: 50px; border-radius: 50%; background: var(--ink); display: grid; place-items: center; transition: background .3s, transform .3s var(--ease); }
.vgo svg { width: 22px; height: 12px; stroke: #fff; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s var(--ease); }
.vc:hover .vgo { background: var(--blue); } .vc:hover .vgo svg { transform: translateX(3px); }
.vdots { display: flex; justify-content: center; gap: 8px; margin-top: 20px; }
.vdots i { width: 30px; height: 3px; border-radius: 3px; background: #fff; transition: background .3s; }
.vdots i.on { background: #A9ACC2; }
.vall { margin-top: 22px; text-align: center; }
.btn-all { display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 28px; border-radius: 999px; background: var(--ink); color: #fff; font-size: 15px; font-weight: 600; transition: all .25s ease; }
.btn-all svg { width: 18px; height: 18px; stroke: #fff; fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s var(--ease); }
.btn-all:hover { background: var(--blue); transform: translateY(-2px); } .btn-all:hover svg { transform: translateX(4px); }

@media (min-width: 640px) {
  .cats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cat:last-child { grid-column: 1 / -1; }
  .vc { flex-basis: 46%; }
}
@media (min-width: 900px) {
  :root { --hh: 88px; }
  .burger { display: none; }
  .dnav { display: flex; gap: 2px; }
  .dnav a { padding: 11px 14px; font-size: 14px; font-weight: 600; color: var(--fg); transition: color .25s ease; }
  .hdr:not(.on-dark) .dnav a:hover, .hdr:not(.on-dark) .hdr-tel:hover { color: var(--blue); }
  .logo img { height: 38px; }
  .hero { padding-top: calc(var(--hh) + env(safe-area-inset-top, 0px) + 44px); padding-bottom: 36px; }
  .hero h1 { font-size: clamp(40px, 4.2vw, 54px); }
  .book { padding: 10px; border-radius: 20px; }
  .bk { grid-template-columns: 1.5fr .8fr 1.25fr auto; gap: 0; align-items: stretch; }
  .f { padding: 12px 22px; border-radius: 0; background: transparent; border-left: 1px solid var(--line); }
  .f:first-child { border-left: 0; }
  .f:hover, .f:focus-within { background: var(--tint); }
  .f-date, .bbtn { grid-column: auto; }
  .bbtn { margin-left: 10px; min-width: 170px; }
  .bbtn svg { display: block; }
  .cal { left: 12px; right: auto; width: 700px; }
  .dd .dd-list { min-width: 260px; } .dd.r .dd-list { right: auto; left: 0; }
  .f-time { order: 0; }
  .cal-months { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
  .feat { display: block; }
  .vtrack { margin-inline: 0; padding-inline: 0; scroll-padding-inline: 0; }
  .vc { flex: 0 0 calc((100% - 32px) / 3); min-height: 470px; }
  .vimg { height: 236px; }
  .cats { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 18px; }
  .cat { grid-column: span 4; padding: 26px 26px 0; }
  .cat:nth-child(n+4), .cat:last-child { grid-column: span 6; }
  .cat h3 { font-size: 24px; } .cat-sub { font-size: 14.5px; }
  .section { margin-top: 110px; }
  .veh { padding-block: 72px 76px; }
}
@media (min-width: 1100px) { .hdr-tel { display: inline-block; } }
@media (max-width: 480px) {
  .callbtn { padding: 0 12px 0 11px; gap: 6px; font-size: 13px; }
  .callbtn .dot { display: none; }
  .logo img { height: 26px; }
}
@media (max-width: 380px) { .hdr-in > .logo img { height: 22px; } .callbtn { font-size: 12.5px; } .callbtn svg { width: 14px; height: 14px; } }
/* Advantages, steps, contacts, footer */
.advs { margin-top: 28px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.adv { padding: 24px 22px; border-radius: 26px; background: var(--tint); border: 1px solid var(--line); }
.adv-ic { width: 50px; height: 50px; border-radius: 16px; background: #fff; border: 1px solid var(--line); display: grid; place-items: center; }
.adv-ic svg { width: 24px; height: 24px; stroke: var(--blue); fill: none; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.adv h3, .step h3 { margin-top: 18px; font-size: 18px; font-weight: 700; letter-spacing: -.02em; line-height: 1.25; }
.adv p, .step p { margin-top: 8px; font-size: 14px; font-weight: 500; color: var(--muted); line-height: 1.5; }
.steps { list-style: none; margin: 28px 0 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; counter-reset: s; }
.step { padding: 24px 22px; border-radius: 26px; background: #fff; border: 1px solid var(--line); }
.step .num { font-size: 40px; font-weight: 700; letter-spacing: -.04em; line-height: 1; color: transparent; -webkit-text-stroke: 1.5px var(--blue); }
.step h3 { margin-top: 14px; }
.contact { position: relative; overflow: hidden; padding: 34px 24px 28px; border-radius: 32px; background: #000; color: #fff; isolation: isolate; }
.contact::before { content: ""; position: absolute; z-index: -1; right: -20%; top: -40%; width: 90%; aspect-ratio: 1; background: radial-gradient(closest-side, rgba(51,71,255,.45), transparent); }
.contact .eyebrow { color: #9AA6FF; } .contact .eyebrow::before { background: #9AA6FF; }
.contact .lead { color: rgba(255,255,255,.72); }
.bigtel { display: inline-block; margin-top: 24px; font-size: clamp(20px, 6.2vw, 40px); white-space: nowrap; font-weight: 700; letter-spacing: -.03em; font-variant-numeric: tabular-nums; transition: color .25s; }
.bigtel:hover { color: #9AA6FF; }
.cls-grid { margin-top: 24px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.cl { display: flex; align-items: center; gap: 12px; padding: 10px 14px 10px 10px; border-radius: 18px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); font-size: 15px; font-weight: 600; transition: all .25s ease; }
.cl:hover { background: rgba(255,255,255,.16); transform: translateY(-2px); }
.cl .ic { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; flex: none; }
.cl .ic svg { width: 19px; height: 19px; fill: #fff; }
.foot2 { margin-top: 56px; padding-top: 28px; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 16px; align-items: flex-start; }
.foot2 img { display: block; height: 26px; width: auto; }
.foot2 p { font-size: 13px; font-weight: 500; color: var(--muted); }
.foot2 nav { display: flex; flex-wrap: wrap; gap: 6px 22px; }
.foot2 nav a { font-size: 14px; font-weight: 600; transition: color .25s; } .foot2 nav a:hover { color: var(--blue); }
@media (min-width: 640px) { .advs { grid-template-columns: repeat(2, minmax(0, 1fr)); } .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cls-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 900px) { .advs, .steps { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } .contact { padding: 56px 56px 48px; border-radius: 40px; } .cls-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } .foot2 { flex-direction: row; align-items: center; justify-content: space-between; } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  html { scroll-behavior: auto; }
}

/* Site footer */
.sfoot { position: relative; margin: 84px calc(50% - 50vw) calc(-48px - env(safe-area-inset-bottom, 0px)); padding: 56px max(16px, env(safe-area-inset-left, 0px)) calc(28px + env(safe-area-inset-bottom, 0px)); background: #000; color: #fff; border-radius: 32px 32px 0 0; overflow: hidden; isolation: isolate; }
.sfoot::before { content: ""; position: absolute; z-index: -1; left: -10%; top: -45%; width: 80%; aspect-ratio: 1; background: radial-gradient(closest-side, rgba(51,71,255,.32), transparent); }
.sf-in { max-width: 1180px; margin-inline: auto; }
.sf-top { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 20px; }
.sf-brand { grid-column: 1 / -1; }
.sf-brand .logo img { height: 34px; width: auto; }
.sf-brand p { margin-top: 16px; max-width: 34ch; font-size: 14.5px; font-weight: 500; line-height: 1.55; color: rgba(255,255,255,.66); }
.sf-tel { display: inline-block; margin-top: 18px; font-size: 24px; font-weight: 700; letter-spacing: -.02em; font-variant-numeric: tabular-nums; transition: color .25s; }
.sf-tel:hover { color: #9AA6FF; }
.sf-msg { display: flex; gap: 10px; margin-top: 16px; }
.sf-msg a { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; transition: transform .25s var(--ease); }
.sf-msg a:hover { transform: translateY(-3px); }
.sf-msg svg { width: 20px; height: 20px; fill: #fff; }
.sf-col h3 { margin: 0 0 16px; font-size: 11.5px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #9AA6FF; }
.sf-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.sf-col li a { display: inline-block; padding: 6px 0; font-size: 14.5px; font-weight: 500; color: rgba(255,255,255,.82); transition: color .2s, transform .25s var(--ease); }
.sf-col li a:hover { color: #fff; transform: translateX(4px); }
.sf-addr { margin-top: 18px; padding: 14px 16px; border-radius: 16px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); font-size: 13px; font-weight: 500; line-height: 1.5; color: rgba(255,255,255,.66); }
.sf-addr b { display: block; margin-bottom: 4px; font-size: 14.5px; font-weight: 600; color: #fff; }
.sf-bot { display: flex; flex-direction: column; gap: 12px; margin-top: 44px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.14); font-size: 13px; font-weight: 500; color: rgba(255,255,255,.5); }
.sf-req { margin-top: 14px; font-size: 12px; line-height: 1.6; color: rgba(255,255,255,.42); }
.sf-bot div { display: flex; flex-wrap: wrap; gap: 6px 22px; } .sf-bot a { color: rgba(255,255,255,.66); transition: color .2s; } .sf-bot a:hover { color: #fff; }
@media (min-width: 900px) { .sfoot { padding-top: 72px; border-radius: 44px 44px 0 0; } .sf-top { grid-template-columns: 1.5fr 1fr 1fr 1.1fr; gap: 40px; } .sf-brand { grid-column: auto; } .sf-bot { flex-direction: row; justify-content: space-between; align-items: center; } }


.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.dnav a[aria-current="page"]::after { transform: scaleX(1); }
.phero .hero-in { padding-top: 8px; }
.crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; padding: 0; list-style: none; font-size: 13px; font-weight: 500; color: rgba(255,255,255,.62); }
.crumbs a:hover { color: #fff; } .crumbs li + li::before { content: "/"; margin-right: 8px; opacity: .5; }
.phero .intro { margin-top: 16px; max-width: 64ch; font-size: 15.5px; line-height: 1.6; color: rgba(255,255,255,.78); animation: fadeUp 1s var(--ease) .9s both; }
.stats { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; animation: fadeUp 1s var(--ease) 1.2s both; }
.stat { padding: 10px 18px; border-radius: 16px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); }
.stat b { display: block; font-size: 20px; font-weight: 700; letter-spacing: -.02em; } .stat small { font-size: 12px; font-weight: 500; color: rgba(255,255,255,.65); }
.fbar { z-index: 30; margin-inline: calc(50% - 50vw); padding: 14px max(16px, env(safe-area-inset-left, 0px)) 12px; background: rgba(255,255,255,.94); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
.fbar-in { max-width: 1180px; margin-inline: auto; display: flex; flex-direction: column; gap: 12px; }
.chips { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin-inline: -16px; padding: 2px 16px; scroll-padding-inline: 16px; }
.chips::-webkit-scrollbar { display: none; }
.chip { flex: none; height: 42px; padding: 0 18px; border-radius: 999px; border: 1.5px solid var(--line); background: #fff; font-size: 14px; font-weight: 600; cursor: pointer; transition: all .25s ease; }
.chip small { margin-left: 7px; font-size: 12px; font-weight: 600; opacity: .55; }
.chip:hover { border-color: var(--blue); } .chip.on { background: var(--blue); border-color: var(--blue); color: #fff; }
.fctl { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; }
.seg { display: inline-flex; padding: 3px; border-radius: 13px; background: var(--tint); }
.seg button { height: 36px; padding: 0 14px; border: 0; border-radius: 10px; background: transparent; font-size: 13px; font-weight: 600; color: var(--muted); cursor: pointer; transition: all .25s ease; }
.seg button.on { background: #fff; color: var(--ink); box-shadow: 0 2px 8px -4px rgba(13,15,51,.45); }
.sortw { margin-left: auto; position: relative; }
.sortw select { height: 42px; padding: 0 38px 0 14px; border-radius: 13px; border: 1.5px solid var(--line); background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%230D0F33' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center; font: inherit; font-size: 13.5px; font-weight: 600; color: var(--ink); appearance: none; -webkit-appearance: none; cursor: pointer; }
.fcount { width: 100%; font-size: 13px; font-weight: 500; color: var(--muted); }
.fleet { padding-top: 28px; }
.fgrid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.fc { display: flex; flex-direction: column; border-radius: 28px; background: #fff; border: 1px solid var(--line); overflow: hidden; transition: transform .45s var(--ease), box-shadow .45s var(--ease), border-color .3s; }
.fc[hidden] { display: none; }
.fc:hover { transform: translateY(-4px); border-color: rgba(10,18,204,.22); box-shadow: 0 32px 46px -34px rgba(10,18,204,.5); }
.fc-img { position: relative; aspect-ratio: 16 / 9; background: linear-gradient(180deg, #F6F7FE, #E8EAFB); }
.fc-img img { position: absolute; inset: 6% 5% 4%; width: 90%; height: 90%; object-fit: contain; mix-blend-mode: multiply; transition: transform .7s var(--ease); }
.fc:hover .fc-img img, .fc:hover .fc-img .art { transform: translateX(8px); }
.fc-img .art { position: absolute; left: 8%; top: 50%; width: 84%; height: auto; margin-top: -14%; stroke: var(--blue); fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; opacity: .25; transition: transform .7s var(--ease); }
.fc-img .soon { left: auto; right: 12px; bottom: 12px; }
.fc-cl, .fc-n { position: absolute; top: 14px; padding: 6px 12px; border-radius: 999px; background: #fff; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; z-index: 1; }
.fc-cl { left: 14px; color: var(--blue); } .fc-n { right: 14px; color: var(--muted); }
.fc-body { display: flex; flex-direction: column; flex: 1; padding: 20px 20px 22px; }
.fc h3 { font-size: 21px; font-weight: 700; letter-spacing: -.025em; line-height: 1.2; }
.fc-spec { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 0; padding: 0; list-style: none; }
.fc-spec li { padding: 5px 11px; border-radius: 10px; background: var(--tint); font-size: 12.5px; font-weight: 600; color: var(--muted); }
.fc-price { display: flex; align-items: baseline; gap: 6px; margin-top: 18px; }
.fc-price small { font-size: 14px; font-weight: 500; color: var(--muted); } .fc-price small:empty { display: none; }
.fc-price b { font-size: 32px; font-weight: 700; letter-spacing: -.035em; line-height: 1; font-variant-numeric: tabular-nums; }
.fc-price span { font-size: 13.5px; font-weight: 500; color: var(--muted); }
.tiers { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; margin-top: 14px; text-align: center; }
.tiers div { padding: 8px 2px 7px; border-radius: 12px; background: var(--tint); }
.tiers small { display: block; font-size: 10.5px; font-weight: 600; color: var(--muted); } .tiers b { display: block; margin-top: 2px; font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; }
.fc-act { display: flex; gap: 10px; margin-top: auto; padding-top: 20px; }
.fc-btn { flex: 1; display: flex; align-items: center; justify-content: center; height: 52px; border-radius: 16px; background: var(--blue); color: #fff; font-size: 15px; font-weight: 600; transition: all .25s ease; }
.fc-btn:hover { background: var(--blue-deep); transform: translateY(-1px); box-shadow: 0 14px 24px -14px rgba(10,18,204,.9); }
.fc-call { flex: none; width: 52px; height: 52px; border-radius: 16px; border: 1.5px solid var(--line); display: grid; place-items: center; transition: all .25s ease; }
.fc-call svg { width: 20px; height: 20px; fill: var(--blue); } .fc-call:hover { border-color: var(--blue); background: var(--tint); }
.empty { display: none; margin-top: 8px; padding: 36px 20px; border-radius: 24px; background: var(--tint); text-align: center; font-weight: 600; color: var(--muted); }
.empty.show { display: block; }
.empty button { margin-top: 14px; height: 44px; padding: 0 22px; border: 0; border-radius: 999px; background: var(--blue); color: #fff; font-weight: 600; cursor: pointer; }
.cls-list { margin-top: 28px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.cls-card { display: flex; flex-direction: column; padding: 24px 22px; border-radius: 26px; background: var(--tint); border: 1px solid var(--line); transition: transform .4s var(--ease), border-color .3s, box-shadow .4s var(--ease); }
.cls-card:hover { transform: translateY(-4px); border-color: rgba(10,18,204,.25); box-shadow: 0 30px 44px -34px rgba(10,18,204,.5); }
.cls-card h3 { font-size: 21px; font-weight: 700; letter-spacing: -.025em; }
.cls-card p { margin-top: 8px; font-size: 14px; font-weight: 500; color: var(--muted); line-height: 1.5; }
.mods { margin-top: 12px; font-size: 13.5px; font-weight: 600; line-height: 1.5; }
.more { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 18px; font-size: 14px; font-weight: 600; color: var(--blue); }
.more svg { width: 17px; height: 17px; stroke: var(--blue); fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s var(--ease); } .cls-card:hover .more svg { transform: translateX(4px); }
.faq { margin-top: 28px; display: grid; gap: 10px; max-width: 860px; }
.q { border-radius: 20px; background: var(--tint); border: 1px solid var(--line); transition: background .25s; }
.q[open] { background: #fff; box-shadow: 0 24px 40px -34px rgba(10,18,204,.5); }
.q summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; font-size: 16px; font-weight: 600; letter-spacing: -.01em; cursor: pointer; list-style: none; }
.q summary::-webkit-details-marker { display: none; }
.pm { position: relative; flex: none; width: 28px; height: 28px; border-radius: 50%; background: #fff; border: 1px solid var(--line); }
.pm::before, .pm::after { content: ""; position: absolute; left: 8px; top: 13px; width: 11px; height: 2px; border-radius: 2px; background: var(--blue); transition: transform .3s var(--ease); }
.pm::after { transform: rotate(90deg); } .q[open] .pm::after { transform: rotate(0); }
.q p { padding: 0 20px 20px; font-size: 14.5px; font-weight: 500; color: var(--muted); line-height: 1.6; }
@media (min-width: 640px) { .fgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cls-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .fcount { width: auto; } }
@media (min-width: 900px) {
  .fbar { position: sticky; top: calc(var(--hh) + env(safe-area-inset-top, 0px)); }
  .fbar-in { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
  .chips { margin-inline: 0; padding-inline: 0; overflow: visible; flex-wrap: wrap; }
  .fctl { margin-left: auto; }
  .cls-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1100px) { .fgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } }


.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.dnav a[aria-current="page"]::after { transform: scaleX(1); }
.phero .hero-in { padding-top: 8px; }
.crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; padding: 0; list-style: none; font-size: 13px; font-weight: 500; color: rgba(255,255,255,.62); }
.crumbs a:hover { color: #fff; } .crumbs li + li::before { content: "/"; margin-right: 8px; opacity: .5; }
.phero .intro { margin-top: 16px; max-width: 64ch; font-size: 15.5px; line-height: 1.6; color: rgba(255,255,255,.78); animation: fadeUp 1s var(--ease) .9s both; }
.stats { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; animation: fadeUp 1s var(--ease) 1.2s both; }
.stat { padding: 10px 18px; border-radius: 16px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); }
.stat b { display: block; font-size: 20px; font-weight: 700; letter-spacing: -.02em; } .stat small { font-size: 12px; font-weight: 500; color: rgba(255,255,255,.65); }
.fbar { z-index: 30; margin-inline: calc(50% - 50vw); padding: 14px max(16px, env(safe-area-inset-left, 0px)) 12px; background: rgba(255,255,255,.94); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
.fbar-in { max-width: 1180px; margin-inline: auto; display: flex; flex-direction: column; gap: 12px; }
.chips { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin-inline: -16px; padding: 2px 16px; scroll-padding-inline: 16px; }
.chips::-webkit-scrollbar { display: none; }
.chip { flex: none; height: 42px; padding: 0 18px; border-radius: 999px; border: 1.5px solid var(--line); background: #fff; font-size: 14px; font-weight: 600; cursor: pointer; transition: all .25s ease; }
.chip small { margin-left: 7px; font-size: 12px; font-weight: 600; opacity: .55; }
.chip:hover { border-color: var(--blue); } .chip.on { background: var(--blue); border-color: var(--blue); color: #fff; }
.fctl { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; }
.seg { display: inline-flex; padding: 3px; border-radius: 13px; background: var(--tint); }
.seg button { height: 36px; padding: 0 14px; border: 0; border-radius: 10px; background: transparent; font-size: 13px; font-weight: 600; color: var(--muted); cursor: pointer; transition: all .25s ease; }
.seg button.on { background: #fff; color: var(--ink); box-shadow: 0 2px 8px -4px rgba(13,15,51,.45); }
.sortw { margin-left: auto; position: relative; }
.sortw select { height: 42px; padding: 0 38px 0 14px; border-radius: 13px; border: 1.5px solid var(--line); background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%230D0F33' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center; font: inherit; font-size: 13.5px; font-weight: 600; color: var(--ink); appearance: none; -webkit-appearance: none; cursor: pointer; }
.fcount { width: 100%; font-size: 13px; font-weight: 500; color: var(--muted); }
.fleet { padding-top: 28px; }
.fgrid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.fc { display: flex; flex-direction: column; border-radius: 28px; background: #fff; border: 1px solid var(--line); overflow: hidden; transition: transform .45s var(--ease), box-shadow .45s var(--ease), border-color .3s; }
.fc[hidden] { display: none; }
.fc:hover { transform: translateY(-4px); border-color: rgba(10,18,204,.22); box-shadow: 0 32px 46px -34px rgba(10,18,204,.5); }
.fc-img { position: relative; aspect-ratio: 16 / 9; background: linear-gradient(180deg, #F6F7FE, #E8EAFB); }
.fc-img img { position: absolute; inset: 6% 5% 4%; width: 90%; height: 90%; object-fit: contain; mix-blend-mode: multiply; transition: transform .7s var(--ease); }
.fc:hover .fc-img img, .fc:hover .fc-img .art { transform: translateX(8px); }
.fc-img .art { position: absolute; left: 8%; top: 50%; width: 84%; height: auto; margin-top: -14%; stroke: var(--blue); fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; opacity: .25; transition: transform .7s var(--ease); }
.fc-img .soon { left: auto; right: 12px; bottom: 12px; }
.fc-cl, .fc-n { position: absolute; top: 14px; padding: 6px 12px; border-radius: 999px; background: #fff; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; z-index: 1; }
.fc-cl { left: 14px; color: var(--blue); } .fc-n { right: 14px; color: var(--muted); }
.fc-body { display: flex; flex-direction: column; flex: 1; padding: 20px 20px 22px; }
.fc h3 { font-size: 21px; font-weight: 700; letter-spacing: -.025em; line-height: 1.2; }
.fc-spec { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 0; padding: 0; list-style: none; }
.fc-spec li { padding: 5px 11px; border-radius: 10px; background: var(--tint); font-size: 12.5px; font-weight: 600; color: var(--muted); }
.fc-price { display: flex; align-items: baseline; gap: 6px; margin-top: 18px; }
.fc-price small { font-size: 14px; font-weight: 500; color: var(--muted); } .fc-price small:empty { display: none; }
.fc-price b { font-size: 32px; font-weight: 700; letter-spacing: -.035em; line-height: 1; font-variant-numeric: tabular-nums; }
.fc-price span { font-size: 13.5px; font-weight: 500; color: var(--muted); }
.tiers { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; margin-top: 14px; text-align: center; }
.tiers div { padding: 8px 2px 7px; border-radius: 12px; background: var(--tint); }
.tiers small { display: block; font-size: 10.5px; font-weight: 600; color: var(--muted); } .tiers b { display: block; margin-top: 2px; font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; }
.fc-act { display: flex; gap: 10px; margin-top: auto; padding-top: 20px; }
.fc-btn { flex: 1; display: flex; align-items: center; justify-content: center; height: 52px; border-radius: 16px; background: var(--blue); color: #fff; font-size: 15px; font-weight: 600; transition: all .25s ease; }
.fc-btn:hover { background: var(--blue-deep); transform: translateY(-1px); box-shadow: 0 14px 24px -14px rgba(10,18,204,.9); }
.fc-call { flex: none; width: 52px; height: 52px; border-radius: 16px; border: 1.5px solid var(--line); display: grid; place-items: center; transition: all .25s ease; }
.fc-call svg { width: 20px; height: 20px; fill: var(--blue); } .fc-call:hover { border-color: var(--blue); background: var(--tint); }
.empty { display: none; margin-top: 8px; padding: 36px 20px; border-radius: 24px; background: var(--tint); text-align: center; font-weight: 600; color: var(--muted); }
.empty.show { display: block; }
.empty button { margin-top: 14px; height: 44px; padding: 0 22px; border: 0; border-radius: 999px; background: var(--blue); color: #fff; font-weight: 600; cursor: pointer; }
.cls-list { margin-top: 28px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.cls-card { display: flex; flex-direction: column; padding: 24px 22px; border-radius: 26px; background: var(--tint); border: 1px solid var(--line); transition: transform .4s var(--ease), border-color .3s, box-shadow .4s var(--ease); }
.cls-card:hover { transform: translateY(-4px); border-color: rgba(10,18,204,.25); box-shadow: 0 30px 44px -34px rgba(10,18,204,.5); }
.cls-card h3 { font-size: 21px; font-weight: 700; letter-spacing: -.025em; }
.cls-card p { margin-top: 8px; font-size: 14px; font-weight: 500; color: var(--muted); line-height: 1.5; }
.mods { margin-top: 12px; font-size: 13.5px; font-weight: 600; line-height: 1.5; }
.more { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 18px; font-size: 14px; font-weight: 600; color: var(--blue); }
.more svg { width: 17px; height: 17px; stroke: var(--blue); fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s var(--ease); } .cls-card:hover .more svg { transform: translateX(4px); }
.faq { margin-top: 28px; display: grid; gap: 10px; max-width: 860px; }
.q { border-radius: 20px; background: var(--tint); border: 1px solid var(--line); transition: background .25s; }
.q[open] { background: #fff; box-shadow: 0 24px 40px -34px rgba(10,18,204,.5); }
.q summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; font-size: 16px; font-weight: 600; letter-spacing: -.01em; cursor: pointer; list-style: none; }
.q summary::-webkit-details-marker { display: none; }
.pm { position: relative; flex: none; width: 28px; height: 28px; border-radius: 50%; background: #fff; border: 1px solid var(--line); }
.pm::before, .pm::after { content: ""; position: absolute; left: 8px; top: 13px; width: 11px; height: 2px; border-radius: 2px; background: var(--blue); transition: transform .3s var(--ease); }
.pm::after { transform: rotate(90deg); } .q[open] .pm::after { transform: rotate(0); }
.q p { padding: 0 20px 20px; font-size: 14.5px; font-weight: 500; color: var(--muted); line-height: 1.6; }
@media (min-width: 640px) { .fgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cls-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .fcount { width: auto; } }
@media (min-width: 900px) {
  .fbar { position: sticky; top: calc(var(--hh) + env(safe-area-inset-top, 0px)); }
  .fbar-in { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
  .chips { margin-inline: 0; padding-inline: 0; overflow: visible; flex-wrap: wrap; }
  .fctl { margin-left: auto; }
  .cls-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1100px) { .fgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } }


.chans { margin-top: 28px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.chan { display: flex; flex-direction: column; padding: 24px 22px; border-radius: 26px; background: var(--tint); border: 1px solid var(--line); transition: transform .4s var(--ease), border-color .3s, box-shadow .4s var(--ease); }
.chan:hover { transform: translateY(-4px); border-color: rgba(10,18,204,.25); box-shadow: 0 30px 44px -34px rgba(10,18,204,.5); }
.chan .ic { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; }
.chan .ic svg { width: 24px; height: 24px; fill: #fff; }
.chan h3 { margin-top: 18px; font-size: 20px; font-weight: 700; letter-spacing: -.02em; }
.chan p { margin-top: 6px; font-size: 14px; font-weight: 500; color: var(--muted); line-height: 1.45; }
.chan b { margin-top: 14px; font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; }
.req { margin-top: 28px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.cform { padding: 20px; border-radius: 28px; background: #fff; border: 1px solid var(--line); box-shadow: 0 30px 60px -44px rgba(10,18,204,.5); }
.cform .bk { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cform .f { background: var(--tint); }
.cform .f textarea { display: block; width: 100%; min-height: 84px; margin-top: 4px; padding: 0; border: 0; outline: 0; background: transparent; font: inherit; font-size: 15px; font-weight: 600; color: var(--ink); resize: vertical; }
.cform .f textarea::placeholder { color: #8A8EAF; font-weight: 500; }
.cform .hint { margin-top: 12px; text-align: center; font-size: 12.5px; font-weight: 500; color: var(--muted); }
.side-info { display: grid; gap: 14px; align-content: start; }
.info { padding: 24px 22px; border-radius: 26px; background: #000; color: #fff; }
.info h3 { font-size: 19px; font-weight: 700; letter-spacing: -.02em; }
.info p { margin-top: 8px; font-size: 14.5px; font-weight: 500; color: rgba(255,255,255,.72); line-height: 1.55; }
.info .tel { display: inline-block; margin-top: 14px; font-size: 24px; font-weight: 700; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.info .tel:hover { color: #9AA6FF; }
@media (min-width: 640px) { .chans { grid-template-columns: repeat(2, minmax(0, 1fr)); } .chan:last-child { grid-column: 1 / -1; } }
@media (min-width: 900px) { .cform .f-wide, .cform .bbtn { grid-column: 1 / -1; } .chans { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; } .chan:last-child { grid-column: auto; } .req { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 20px; } .cform { padding: 28px; } .cform .bk { gap: 10px; } }


.tw { margin-top: 28px; overflow-x: auto; border-radius: 26px; border: 1px solid var(--line); background: #fff; -webkit-overflow-scrolling: touch; }
.tt { width: 100%; min-width: 680px; border-collapse: separate; border-spacing: 0; font-variant-numeric: tabular-nums; }
.tt th, .tt td { padding: 15px 18px; text-align: right; font-size: 15px; font-weight: 600; white-space: nowrap; border-bottom: 1px solid var(--line); }
.tt thead th { position: sticky; top: 0; background: var(--tint); font-size: 11.5px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.tt tbody th, .tt thead th:first-child { position: sticky; left: 0; z-index: 1; text-align: left; background: #fff; }
.tt thead th:first-child { background: var(--tint); z-index: 2; }
.tt tbody th .tn { display: block; font-size: 15.5px; font-weight: 700; letter-spacing: -.01em; }
.tt tbody th small { display: block; margin-top: 2px; font-size: 12px; font-weight: 500; color: var(--muted); }
.tt tbody tr:last-child th, .tt tbody tr:last-child td { border-bottom: 0; }
.tt tbody tr:hover td, .tt tbody tr:hover th { background: #F5F6FF; }
.tt td:last-child { color: var(--blue); }
.note { margin-top: 14px; font-size: 13.5px; font-weight: 500; color: var(--muted); }
.advs.three { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .advs.three { grid-template-columns: repeat(3, minmax(0, 1fr)); } }


/* Site footer */
.sfoot { position: relative; margin: 84px calc(50% - 50vw) calc(-48px - env(safe-area-inset-bottom, 0px)); padding: 56px max(16px, env(safe-area-inset-left, 0px)) calc(28px + env(safe-area-inset-bottom, 0px)); background: #000; color: #fff; border-radius: 32px 32px 0 0; overflow: hidden; isolation: isolate; }
.sfoot::before { content: ""; position: absolute; z-index: -1; left: -10%; top: -45%; width: 80%; aspect-ratio: 1; background: radial-gradient(closest-side, rgba(51,71,255,.32), transparent); }
.sf-in { max-width: 1180px; margin-inline: auto; }
.sf-top { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 20px; }
.sf-brand { grid-column: 1 / -1; }
.sf-brand .logo img { height: 34px; width: auto; }
.sf-brand p { margin-top: 16px; max-width: 34ch; font-size: 14.5px; font-weight: 500; line-height: 1.55; color: rgba(255,255,255,.66); }
.sf-tel { display: inline-block; margin-top: 18px; font-size: 24px; font-weight: 700; letter-spacing: -.02em; font-variant-numeric: tabular-nums; transition: color .25s; }
.sf-tel:hover { color: #9AA6FF; }
.sf-msg { display: flex; gap: 10px; margin-top: 16px; }
.sf-msg a { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; transition: transform .25s var(--ease); }
.sf-msg a:hover { transform: translateY(-3px); }
.sf-msg svg { width: 20px; height: 20px; fill: #fff; }
.sf-col h3 { margin: 0 0 16px; font-size: 11.5px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #9AA6FF; }
.sf-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.sf-col li a { display: inline-block; padding: 6px 0; font-size: 14.5px; font-weight: 500; color: rgba(255,255,255,.82); transition: color .2s, transform .25s var(--ease); }
.sf-col li a:hover { color: #fff; transform: translateX(4px); }
.sf-addr { margin-top: 18px; padding: 14px 16px; border-radius: 16px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); font-size: 13px; font-weight: 500; line-height: 1.5; color: rgba(255,255,255,.66); }
.sf-addr b { display: block; margin-bottom: 4px; font-size: 14.5px; font-weight: 600; color: #fff; }
.sf-bot { display: flex; flex-direction: column; gap: 12px; margin-top: 44px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.14); font-size: 13px; font-weight: 500; color: rgba(255,255,255,.5); }
.sf-bot div { display: flex; flex-wrap: wrap; gap: 6px 22px; } .sf-bot a { color: rgba(255,255,255,.66); transition: color .2s; } .sf-bot a:hover { color: #fff; }
@media (min-width: 900px) { .sfoot { padding-top: 72px; border-radius: 44px 44px 0 0; } .sf-top { grid-template-columns: 1.5fr 1fr 1fr 1.1fr; gap: 40px; } .sf-brand { grid-column: auto; } .sf-bot { flex-direction: row; justify-content: space-between; align-items: center; } }

.phero { min-height: 0; display: block; padding-bottom: 40px; }
.phero .hero-in { display: block; flex: none; }
.phero h1 { font-family: var(--display); font-weight: 400; letter-spacing: -.01em; white-space: normal; font-size: clamp(24px, 6.2vw, 44px); line-height: 1.18; max-width: 22ch; margin-top: 20px; }
.phero .hero-bg img { object-position: 74% 55%; }
@media (max-width: 767px) { .phero .hero-bg img { height: 100%; } .phero .hero-bg::after { background: linear-gradient(180deg, rgba(4,8,18,.72), rgba(4,8,18,.6)); } }
@media (min-width: 900px) { .phero h1 { font-size: clamp(34px, 3.4vw, 44px); } .phero { padding-bottom: 56px; } }
.fc { border: 0; border-radius: 30px; box-shadow: 0 24px 44px -34px rgba(10,18,204,.35); }
.fc:hover { box-shadow: 0 40px 56px -34px rgba(10,18,204,.55); }
.fc-img { aspect-ratio: auto; height: 220px; background: radial-gradient(80% 90% at 50% 100%, #DDE1FA, #F5F6FE 70%); }
.fc-img img { inset: 14px; width: calc(100% - 28px); height: calc(100% - 24px); object-position: 50% 70%; }
.fc-btn { border-radius: 999px; } .fc-call { border-radius: 50%; }


/* filter bar v2 */
.fbar { position: relative; top: auto; z-index: 30; margin: -30px 0 0; padding: 0; background: none; border: 0; -webkit-backdrop-filter: none; backdrop-filter: none; }
.fb { display: grid; gap: 14px; padding: 14px; border-radius: 30px; background: #fff; border: 1px solid var(--line); box-shadow: 0 34px 70px -40px rgba(10,18,204,.5); }
.fb .chips { margin: 0 -14px; padding: 2px 14px; scroll-padding-inline: 14px; gap: 8px; }
.fb .chip { display: inline-flex; align-items: center; gap: 10px; height: 48px; padding: 0 8px 0 20px; border: 0; background: var(--tint); font-size: 14.5px; color: var(--ink); }
.fb .chip small { margin: 0; min-width: 28px; height: 28px; padding: 0 8px; border-radius: 14px; display: grid; place-items: center; background: #fff; font-size: 12.5px; font-weight: 700; color: var(--muted); opacity: 1; transition: all .25s; }
.fb .chip:hover { background: var(--blue-soft); }
.fb .chip.on { background: linear-gradient(135deg, var(--blue-glow), var(--blue)); color: #fff; box-shadow: 0 14px 26px -14px rgba(10,18,204,.9); }
.fb .chip.on small { background: rgba(255,255,255,.22); color: #fff; }
.fb2 { display: grid; gap: 10px; }
.fb .seg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 4px; border-radius: 16px; }
.fb .seg button { height: 44px; padding: 0 6px; border-radius: 12px; font-size: 13.5px; }
.fsort { margin: 0; }
.fb .fcount { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: auto; min-height: 24px; margin: 2px 4px 0; font-size: 13.5px; }
.fb-reset { height: 34px; padding: 0 14px; border: 0; border-radius: 999px; background: var(--blue-soft); color: var(--blue); font-size: 13px; font-weight: 600; cursor: pointer; transition: background .2s; }
.fb-reset:hover { background: #D9DDFA; } .fb-reset[hidden] { display: none; }
.fleet { padding-top: 24px; }
a.fc-img { display: block; }
.fc-btn { gap: 10px; } .fc-btn svg { width: 18px; height: 18px; stroke: #fff; fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s var(--ease); } .fc-btn:hover svg { transform: translateX(4px); }
button.fc-call { background: #fff; padding: 0; cursor: pointer; }
.fc h3 a { transition: color .2s; } .fc h3 a:hover { color: var(--blue); }
@media (min-width: 900px) {
  .fbar { position: relative; top: auto; margin-top: -36px; }
  .fb { padding: 18px 22px; gap: 16px; }
  .fb .chips { margin: 0; padding: 2px; flex-wrap: wrap; overflow: visible; }
  .fb2 { grid-template-columns: auto minmax(0, 1fr) 260px; align-items: center; gap: 18px; }
  .fb .seg { grid-template-columns: repeat(3, auto); } .fb .seg button { padding: 0 16px; }
  .fb .fcount { order: 2; margin: 0; justify-content: flex-start; } .fsort { order: 3; }
}

/* Shared UI: popovers (dropdown, calendar), contact modal */
html.lock { overflow: hidden; }
.pscrim { position: fixed; inset: 0; z-index: 80; background: rgba(5,8,30,.55); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); opacity: 0; pointer-events: none; transition: opacity .3s; }
.pscrim.on { opacity: 1; pointer-events: auto; }
@keyframes sheetIn { from { transform: translateY(100%); } to { transform: none; } }
@keyframes popIn { from { opacity: 0; transform: translateY(-8px) scale(.98); } to { opacity: 1; transform: none; } }

.f.dd { position: relative; }
.dd-list.pop, .cal.pop { top: calc(100% + 10px); bottom: auto; left: 0; right: 0; width: auto; min-width: 0; max-width: none; border-radius: 22px; box-shadow: 0 34px 70px -24px rgba(13,15,51,.55); animation: popIn .22s var(--ease) both; z-index: 60; }
.dd-list.pop { padding: 8px; max-height: 340px; overflow-y: auto; scrollbar-width: thin; }
.dd-list.pop[hidden], .cal.pop[hidden] { display: none; }
.dd-list.pop.dd-grid { width: auto; max-height: 280px; }
.pop .dd-opt { padding: 13px 14px; }
.pop .dd-opt > span { flex: 1; }
.pop .ck { flex: none; width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; background: var(--blue); opacity: 0; transform: scale(.6); transition: all .25s var(--ease); }
.pop .ck svg { width: 12px; height: 12px; stroke: #fff; fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.pop .dd-opt.on .ck { opacity: 1; transform: none; }
.pop .dd-grid .ck { display: none; }
.pop-t, .cal-top { display: none; }
.fbtn[aria-expanded="true"] .chev { transform: translateY(1px) rotate(-135deg); }
.f:has(.fbtn[aria-expanded="true"]) { background: #fff; box-shadow: inset 0 0 0 1.5px var(--blue), 0 12px 24px -16px rgba(10,18,204,.6); }

/* Calendar tidy: arrows sit on the month titles */
.cal.pop { padding: 16px; }
.cal.pop .cal-body { position: relative; }
.cal.pop .cal-head { position: absolute; left: 0; right: 0; top: 0; margin: 0; pointer-events: none; z-index: 2; }
.cal.pop .cal-head .cn { pointer-events: auto; }
.cal.pop .cm h4 { margin: 0 0 6px; line-height: 38px; }
.dates { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; position: relative; grid-column: 1 / -1; }
.dates .cal.pop { grid-column: 1 / -1; }

@media (max-width: 767px) {
  .dd-list.pop, .cal.pop { position: fixed; top: auto; left: 0; right: 0; bottom: 0; width: auto; max-height: 86vh; overflow-y: auto; border: 0; border-radius: 28px 28px 0 0; padding: 12px 16px calc(18px + env(safe-area-inset-bottom, 0px)); z-index: 90; box-shadow: 0 -20px 60px -20px rgba(0,0,0,.5); animation: sheetIn .35s var(--ease) both; overscroll-behavior: contain; }
  .dd-list.pop::before, .cal.pop::before { content: ""; display: block; flex: none; width: 42px; height: 4px; border-radius: 4px; background: #D5D8EE; margin: 0 auto 8px; }
  .pop-t, .cal-top { display: flex; align-items: center; justify-content: space-between; margin: 4px 4px 10px; font-size: 18px; font-weight: 700; letter-spacing: -.02em; }
  .cal-top button { width: 36px; height: 36px; border-radius: 50%; border: 0; background: var(--tint); display: grid; place-items: center; cursor: pointer; padding: 0; }
  .cal-top svg { width: 14px; height: 14px; stroke: var(--ink); fill: none; stroke-width: 2.4; stroke-linecap: round; }
  .dd-list.pop.dd-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: auto; }
  .dd-list.pop.dd-grid .pop-t { grid-column: 1 / -1; }
  .pop .dd-opt { padding: 15px 14px; font-size: 16px; }
  .dg button, .dg i { height: 46px; }
}
@media (min-width: 768px) { .cal.pop .cal-top { display: none; } }

/* Contact modal */
.cm-wrap { position: fixed; inset: 0; z-index: 100; display: flex; align-items: flex-end; justify-content: center; visibility: hidden; }
.cm-wrap.open { visibility: visible; }
.cm-back { position: absolute; inset: 0; background: rgba(5,8,30,.6); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); opacity: 0; transition: opacity .3s; }
.cm-wrap.open .cm-back { opacity: 1; }
.cm-card { position: relative; width: 100%; max-width: 460px; max-height: 92vh; overflow-y: auto; padding: 14px 20px calc(22px + env(safe-area-inset-bottom, 0px)); border-radius: 30px 30px 0 0; background: #fff; color: var(--ink); transform: translateY(100%); transition: transform .4s var(--ease); box-shadow: 0 -30px 80px -30px rgba(0,0,0,.6); }
.cm-wrap.open .cm-card { transform: none; }
.cm-handle { width: 42px; height: 4px; border-radius: 4px; background: #D5D8EE; margin: 0 auto 14px; }
.cm-x { position: absolute; right: 14px; top: 14px; width: 38px; height: 38px; border-radius: 50%; border: 0; background: var(--tint); display: grid; place-items: center; cursor: pointer; padding: 0; transition: background .2s; }
.cm-x:hover { background: var(--blue-soft); }
.cm-x svg { width: 15px; height: 15px; stroke: var(--ink); fill: none; stroke-width: 2.4; stroke-linecap: round; }
.cm-eye { font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--blue); }
.cm-card h2 { margin: 8px 44px 0 0; font-size: 24px; font-weight: 700; letter-spacing: -.03em; line-height: 1.15; }
.cm-sub { margin-top: 8px; font-size: 14px; font-weight: 500; line-height: 1.5; color: var(--muted); }
.cm-call { display: flex; align-items: center; gap: 14px; margin-top: 18px; padding: 8px 18px 8px 8px; border-radius: 22px; background: var(--blue); color: #fff; transition: transform .25s var(--ease), background .25s; }
.cm-call:hover { background: var(--blue-deep); transform: translateY(-1px); }
.cm-call .ico { flex: none; width: 48px; height: 48px; border-radius: 16px; background: rgba(255,255,255,.16); display: grid; place-items: center; }
.cm-call svg { width: 22px; height: 22px; fill: #fff; }
.cm-call b { display: block; font-size: 17px; font-weight: 700; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.cm-call small { font-size: 12.5px; font-weight: 500; opacity: .75; }
.cm-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.cm-m { display: flex; align-items: center; gap: 10px; padding: 8px 12px 8px 8px; border-radius: 18px; background: var(--tint); font-size: 14.5px; font-weight: 600; transition: background .2s, transform .25s var(--ease); }
.cm-m:hover { background: var(--blue-soft); transform: translateY(-1px); }
.cm-m i { flex: none; width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; }
.cm-m svg { width: 20px; height: 20px; fill: #fff; }
.cm-req { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 54px; margin-top: 10px; border-radius: 999px; border: 1.5px solid var(--blue); color: var(--blue); font-size: 15px; font-weight: 600; transition: all .25s; }
.cm-req:hover { background: var(--blue); color: #fff; }
.cm-req svg { width: 17px; height: 17px; stroke: currentColor; fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
@media (min-width: 768px) { .cm-wrap { align-items: center; } .cm-card { border-radius: 32px; padding: 26px 26px 26px; transform: translateY(24px) scale(.97); opacity: 0; transition: transform .4s var(--ease), opacity .3s; } .cm-wrap.open .cm-card { transform: none; opacity: 1; } .cm-handle { display: none; } .cm-x { right: 20px; top: 20px; } }
.fbtn.empty { display: flex; margin-top: 4px; padding: 0; border-radius: 0; background: transparent; text-align: left; }
.fbtn.empty b { color: #8A8EAF; font-weight: 500; }

/* Request modal */
.rq-sum { display: grid; gap: 0; margin: 16px 0 6px; padding: 4px 16px; list-style: none; border-radius: 20px; background: var(--tint); }
.rq-sum[hidden] { display: none; }
.rq-sum li { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.rq-sum li:last-child { border-bottom: 0; }
.rq-sum span { color: var(--muted); font-weight: 500; } .rq-sum b { font-weight: 600; text-align: right; }
.rq-f { display: block; margin-top: 10px; padding: 10px 16px 11px; border-radius: 18px; background: var(--tint); transition: box-shadow .2s, background .2s; }
.rq-f:focus-within { background: #fff; box-shadow: inset 0 0 0 1.5px var(--blue); }
.rq-f span { display: block; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.rq-f input { display: block; width: 100%; margin-top: 4px; padding: 0; border: 0; outline: 0; background: transparent; font: inherit; font-size: 16px; font-weight: 600; color: var(--ink); }
.rq-f input::placeholder { color: #8A8EAF; font-weight: 500; }
.rq-err { margin-top: 10px; font-size: 13.5px; font-weight: 600; color: #D6294A; } .rq-err[hidden] { display: none; }
.rq-go { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 56px; margin-top: 14px; border: 0; border-radius: 999px; background: linear-gradient(135deg, var(--blue-glow), var(--blue)); color: #fff; font: inherit; font-size: 16px; font-weight: 600; cursor: pointer; box-shadow: 0 18px 30px -16px rgba(10,18,204,.9); }
.rq-go svg { width: 20px; height: 20px; fill: #fff; }
.rq-wa { background: #25D366; box-shadow: 0 18px 30px -16px rgba(37,211,102,.9); }
.rq-hint { margin-top: 12px; font-size: 12px; font-weight: 500; line-height: 1.45; text-align: center; color: var(--muted); }
.rq-done[hidden], .rq-form[hidden] { display: none; }
.rq-done { text-align: center; padding-top: 6px; } .rq-done h2 { margin: 14px 0 0; }
.rq-ok { display: grid; place-items: center; width: 64px; height: 64px; margin: 8px auto 0; border-radius: 50%; background: var(--blue-soft); }
.rq-ok svg { width: 30px; height: 30px; stroke: var(--blue); fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.rq-done .cm-req { margin-top: 10px; }

.cal.pop .cal-months { grid-template-columns: minmax(0, 1fr); gap: 18px; }
.cal.pop .cal-months.two { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }

/* pick modal */
.cm-card.pk{max-width:460px}
.pk h2{font-size:23px;line-height:1.2;margin:8px 44px 0 0}
.pk-sum{margin:6px 0 0;font-size:13.5px;font-weight:500;line-height:1.45;color:var(--muted)}
.pk .rq-f{margin-top:12px;padding:10px 16px 11px}
.pk-tel{position:relative}
.pk-l{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pk-row{display:flex;align-items:center;gap:10px;margin-top:4px}
.pk-cc{display:flex;align-items:center;gap:7px;flex:none;height:26px;padding:0 10px 0 0;margin:0;border:0;border-right:1px solid var(--line,#E4E6F3);background:transparent;cursor:pointer}
.pk-row input{flex:1;min-width:0;margin:0!important;font-size:16px}
.pk-fl{display:block;flex:none;width:24px;height:16px;border-radius:3px;box-shadow:0 0 0 1px rgba(10,18,60,.14)}
.pk-ccl{position:absolute;z-index:6;left:0;right:0;top:calc(100% + 6px);max-height:232px;overflow-y:auto;padding:6px;border-radius:18px;background:#fff;border:1px solid var(--line,#E4E6F3);box-shadow:0 24px 48px -20px rgba(10,18,60,.35)}
.pk-ccl[hidden]{display:none}
.pk-co{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border:0;border-radius:12px;background:transparent;font:inherit;font-size:15px;font-weight:500;color:var(--ink);text-align:left;cursor:pointer}
.pk-co span,.rq-f .pk-co span{flex:1;display:block;font-size:15px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink)}
.pk-co em{font-style:normal;color:var(--muted);font-weight:500;font-size:14px}
.pk-co:hover{background:var(--tint)}
.pk-co.on{background:var(--blue-soft,#E8EAFB)} .pk-co.on span{font-weight:600}
.pk-ch{margin:14px 0 0;padding:0;border:0;min-width:0}
.pk-ch legend{float:left;padding:0;margin:0 0 8px;font-size:12.5px;font-weight:500;line-height:1.3;color:var(--muted)}
.pk-chips{clear:both;display:flex;flex-wrap:wrap;gap:6px}
.pk-chip{position:relative;display:block;cursor:pointer}
.pk-chip input{position:absolute;opacity:0;pointer-events:none}
.pk-chip span{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;background:var(--tint);font-size:13px;font-weight:600;color:var(--muted);box-shadow:inset 0 0 0 1px transparent;transition:background .2s,color .2s,box-shadow .2s}
.pk-chip svg{width:14px;height:14px;flex:none;fill:currentColor}
.pk-chip input:checked+span{background:var(--c);color:#fff}
.pk-chip input:focus-visible+span{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--blue)}
@media (hover:hover){.pk-chip:hover input:not(:checked)+span{background:#ECEEFB}}
.pk .rq-go[type=submit]{margin-top:18px;height:52px}
.pk-hint{margin-top:12px;font-size:12.5px;line-height:1.45;text-wrap:balance}
.pk .rq-err{margin-top:12px}
@media (min-width:768px){.cm-card.pk{transition:transform .4s var(--ease),opacity .3s,padding-bottom .25s}.cm-card.pk.cc-open{padding-bottom:70px}}

.pk-chips{flex-wrap:nowrap;gap:5px}
.pk-chip{flex:1 1 auto;min-width:0}
.pk-chip span{justify-content:center;gap:5px;padding:0 9px;font-size:12.5px;white-space:nowrap}
.pk-chip svg{width:12px;height:12px}
@media (max-width:409px){.pk-chip svg{display:none}}
@media (min-width:410px){.pk-chip span{padding:0 11px;gap:6px;font-size:13px}.pk-chip svg{width:14px;height:14px}}
.pk-fl{width:18px;height:12px;border-radius:2px}
.pk-cc{gap:6px;padding-right:9px}
.pk-cc .chev{width:6px;height:6px;border-width:1.5px;transform:translateY(-1px) rotate(45deg)}

/* quick request: phone + channels refresh */
.pk-cc{height:30px;gap:8px;padding-right:12px}
.pk-cc b{font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums}
.pk-fl{width:22px;height:15px;border-radius:3px}
.pk-row{gap:12px}
.pk-row input{font-size:17px;font-weight:600;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.pk-row input::placeholder{color:#B3B6D2;font-weight:500}
.pk-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex-wrap:wrap}
.pk-chip{flex:none}
.pk-chip span{justify-content:flex-start;gap:10px;height:46px;padding:0 14px 0 8px;border-radius:14px;font-size:14px;font-weight:600;color:var(--ink);background:var(--tint);box-shadow:inset 0 0 0 1.5px transparent}
.pk-chip svg{display:block!important;width:32px;height:32px;padding:8px;border-radius:10px;background:var(--c);fill:#fff;flex:none}
.pk-chip input:checked+span{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--c),0 10px 22px -14px var(--c)}
.pk-chip span::after{content:"";margin-left:auto;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #CFD2E8;flex:none;transition:background .2s,box-shadow .2s}
.pk-chip input:checked+span::after{background:var(--c) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:none}
@media (hover:hover){.pk-chip:hover input:not(:checked)+span{background:#ECEEFB}}
.pk-chip[hidden]{display:none}

/* Car page */
.cp-hero .hero-bg { background: radial-gradient(60% 120% at 88% 0%, rgba(51,71,255,.6), transparent 62%), radial-gradient(50% 80% at 0% 100%, rgba(10,18,204,.35), transparent 60%), linear-gradient(180deg, #060A1C, #0A1226); }
.cp-hero .hero-bg::after { display: none; }
.phero.cp-hero h1 { max-width: 20ch; }
.cp { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; margin-top: 22px; }
.cp-media { position: relative; margin: 0; aspect-ratio: 4 / 3; border-radius: 32px; overflow: hidden; border: 1px solid var(--line); background: radial-gradient(80% 90% at 50% 100%, #DDE1FA, #F5F6FE 72%); }
.cp-media img { position: absolute; inset: 7% 5% 5%; width: 90%; height: 88%; object-fit: contain; mix-blend-mode: multiply; }
.cp-media .art { position: absolute; left: 8%; top: 50%; width: 84%; height: auto; margin-top: -14%; stroke: var(--blue); fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; opacity: .25; }
.cp-media .soon { left: auto; right: 16px; bottom: 16px; }
.cp-media .fc-cl { position: absolute; top: 18px; left: 18px; padding: 7px 14px; border-radius: 999px; background: #fff; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--blue); z-index: 1; }
.cp-specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.cp-specs li { padding: 16px 18px; border-radius: 22px; background: var(--tint); border: 1px solid var(--line); }
.cp-specs small { display: block; font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.cp-specs b { display: block; margin-top: 6px; font-size: 19px; font-weight: 700; letter-spacing: -.02em; }
.cp-book { padding: 22px 20px 20px; border-radius: 32px; background: #fff; border: 1px solid var(--line); box-shadow: 0 40px 80px -48px rgba(10,18,204,.6); }
.cp-lab { font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.cp-price { margin: 6px 0 16px; display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; font-size: 15px; font-weight: 500; color: var(--muted); }
.cp-price b { font-size: 44px; font-weight: 700; letter-spacing: -.04em; line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums; }
.cp-book .dates .f { background: var(--tint); }
.cp-sum { display: grid; gap: 6px; margin-top: 12px; padding: 14px 16px; border-radius: 18px; background: var(--tint); font-size: 14px; font-weight: 500; color: var(--muted); }
.cp-sum .r { display: flex; justify-content: space-between; gap: 12px; font-variant-numeric: tabular-nums; }
.cp-sum .tot { padding-top: 8px; border-top: 1px solid var(--line); font-size: 16px; font-weight: 700; color: var(--ink); }
.cp-sum .tot b { font-size: 20px; color: var(--blue); }
.cp-go { display: flex; align-items: center; justify-content: center; width: 100%; height: 58px; margin-top: 12px; border: 0; border-radius: 999px; background: linear-gradient(135deg, var(--blue-glow), var(--blue)); color: #fff; font: inherit; font-size: 16px; font-weight: 600; cursor: pointer; box-shadow: 0 18px 30px -16px rgba(10,18,204,.9); transition: transform .25s var(--ease), box-shadow .25s; }
.cp-go:hover { transform: translateY(-2px); box-shadow: 0 24px 36px -16px rgba(10,18,204,.95); }
.cp-alt { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 8px; }
.cp-alt a, .cp-alt button { display: flex; align-items: center; justify-content: center; gap: 8px; height: 50px; border-radius: 999px; border: 1.5px solid var(--line); background: #fff; color: var(--ink); font: inherit; font-size: 14.5px; font-weight: 600; cursor: pointer; transition: all .25s; }
.cp-alt a:hover, .cp-alt button:hover { border-color: var(--blue); background: var(--tint); }
.cp-alt svg { width: 17px; height: 17px; fill: var(--blue); }
.cp-feat { display: grid; gap: 10px; margin: 18px 0 0; padding: 18px 0 0; list-style: none; border-top: 1px solid var(--line); }
.cp-feat li { position: relative; padding-left: 28px; font-size: 14px; font-weight: 500; line-height: 1.4; color: var(--ink); }
.cp-feat li::before { content: ""; position: absolute; left: 0; top: 1px; width: 18px; height: 18px; border-radius: 50%; background: var(--blue-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A12CC' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 11px no-repeat; }
.cp-text { margin-top: 12px; }
.cp-h { margin: 28px 0 12px; font-size: 24px; font-weight: 700; letter-spacing: -.03em; line-height: 1.15; }
.cp-h:first-child { margin-top: 0; }
.cp-text p { font-size: 15.5px; font-weight: 500; line-height: 1.65; color: #4A4E78; max-width: 62ch; }
.cp-tiers { margin: 0; padding: 0; list-style: none; border-radius: 26px; border: 1px solid var(--line); overflow: hidden; }
.tr-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; border-bottom: 1px solid var(--line); font-size: 15px; font-weight: 600; transition: background .25s; }
.tr-row:last-child { border-bottom: 0; }
.tr-row b { font-size: 20px; font-weight: 700; letter-spacing: -.02em; font-variant-numeric: tabular-nums; } .tr-row b small { font-size: 12.5px; font-weight: 500; color: var(--muted); letter-spacing: 0; }
.tr-row.on { background: var(--blue-soft); color: var(--blue); } .tr-row.on b small { color: var(--blue); opacity: .75; }
.cp-note { margin-top: 12px; font-size: 13.5px !important; color: var(--muted) !important; } .cp-note a { color: var(--blue); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.mgrid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 24px; }
.mc { display: grid; grid-template-columns: 112px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 12px 18px 12px 12px; border-radius: 26px; background: #fff; border: 1px solid var(--line); transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .3s; }
.mc:hover { transform: translateY(-3px); border-color: rgba(10,18,204,.25); box-shadow: 0 28px 40px -30px rgba(10,18,204,.5); }
.mc-img { position: relative; display: block; aspect-ratio: 4 / 3; border-radius: 18px; background: radial-gradient(80% 90% at 50% 100%, #DDE1FA, #F5F6FE 72%); overflow: hidden; }
.mc-img img { position: absolute; inset: 8%; width: 84%; height: 84%; object-fit: contain; mix-blend-mode: multiply; }
.mc-img .art { position: absolute; left: 6%; top: 50%; width: 88%; height: auto; margin-top: -16%; stroke: var(--blue); fill: none; stroke-width: 4; opacity: .25; }
.mc-t b { display: block; font-size: 16.5px; font-weight: 700; letter-spacing: -.02em; } .mc-t small { display: block; margin-top: 3px; font-size: 13px; font-weight: 500; color: var(--muted); }
.mc-p { font-size: 20px; font-weight: 700; letter-spacing: -.03em; white-space: nowrap; } .mc-p small { font-size: 12px; font-weight: 500; color: var(--muted); }
.cp-bar { display: none; }
@media (max-width: 767px) {
  .cp-bar { position: fixed; z-index: 70; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 10px 10px 20px; border-radius: 999px; background: rgba(8,12,34,.94); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); color: #fff; box-shadow: 0 24px 50px -16px rgba(0,0,0,.6); transform: translateY(140%); transition: transform .45s var(--ease); }
  .cp-bar.show { transform: none; }
  .cp-bar small { display: block; font-size: 12px; font-weight: 500; color: rgba(255,255,255,.65); } .cp-bar b { display: block; font-size: 15px; font-weight: 700; letter-spacing: -.01em; }
  .cp-bar button { flex: none; height: 48px; padding: 0 24px; border: 0; border-radius: 999px; background: linear-gradient(135deg, var(--blue-glow), var(--blue)); color: #fff; font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
}
@media (min-width: 640px) { .mgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .mc { grid-template-columns: minmax(0, 1fr); padding: 12px; gap: 12px; } .mc-t, .mc-p { padding: 0 8px; } .mc-p { padding-bottom: 8px; } }
@media (min-width: 900px) {
  .cp { grid-template-columns: minmax(0, 1fr) 400px; grid-template-areas: "media book" "specs book" "text book"; column-gap: 40px; row-gap: 14px; align-items: start; margin-top: 36px; }
  .cp-media { grid-area: media; aspect-ratio: 16 / 10; } .cp-specs { grid-area: specs; grid-template-columns: repeat(4, minmax(0, 1fr)); } .cp-text { grid-area: text; margin-top: 22px; }
  .cp-book { grid-area: book; position: sticky; top: calc(var(--hh) + 20px); padding: 28px 26px 24px; }
  .cp-h { font-size: 28px; }
}


.view[hidden] { display: none; }
.section { scroll-margin-top: 96px; }
.drawer { border-radius: 0; }
.drawer nav a:first-child { border-top: 0; }
.dacc { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 20px 4px; border: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: none; font: inherit; font-size: 21px; font-weight: 600; letter-spacing: -.02em; color: var(--ink); text-align: left; cursor: pointer; }
.dacc svg { width: 18px; height: 18px; stroke: var(--blue); fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .35s var(--ease); }
.dacc[aria-expanded="true"] svg { transform: rotate(180deg); }
.dsub { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .4s var(--ease); }
.dsub.open { grid-template-rows: 1fr; }
.dsub-in { min-height: 0; overflow: hidden; display: flex; flex-direction: column; background: var(--tint); }
.drawer nav .dsub a { padding: 15px 4px 15px 18px; font-size: 17px; font-weight: 500; letter-spacing: -.01em; border-bottom: 1px solid var(--line); opacity: 1; transform: none; }
.drawer nav .dsub a:last-child { border-bottom: 0; }
.drawer nav .dsub a svg { display: none; }
.dmore { margin-top: 14px; }
.drawer { padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 16px); }
.drawer nav { margin-top: 8px; }
.drawer nav a { padding: 16px 4px; font-size: 20px; }
.drawer nav a:first-child { border-top: 1px solid var(--line); }
.dmore a { padding: 8px 4px; font-size: 15px; }
.drawer .foot { margin-top: auto; padding-top: 14px; }
.dmore p { margin: 0 0 6px 4px; font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.dmore a { display: block; padding: 9px 4px; font-size: 14.5px; font-weight: 500; color: var(--muted); transition: color .2s; }
.dmore a:hover { color: var(--blue); }
.step .num { font-family: var(--display); font-size: 34px; font-weight: 500; letter-spacing: -.02em; line-height: 1; color: var(--blue); -webkit-text-stroke: 0; }
@media (max-width: 767px) { .hero .hero-cta { display: none; } .hero .hero-top { display: block; } .hero .hero-top > div { width: 100%; text-align: center; } .hero h1 { text-align: center; } .hero .feat { display: none; } }

/* Car stage */
.cp-stage { position: relative; z-index: 1; margin-inline: calc(50% - 50vw); padding: calc(var(--hh) + env(safe-area-inset-top, 0px) + 14px) max(16px, env(safe-area-inset-left, 0px)) 24px; min-height: max(560px, 100svh); display: flex; flex-direction: column; background: radial-gradient(75% 50% at 50% 80%, #E3E7FC 0%, #fff 72%); color: var(--ink); overflow: hidden; isolation: isolate; }
.cs-word { position: absolute; z-index: -1; left: 50%; top: 42%; transform: translate(-50%, -50%); font-family: var(--display); font-weight: 500; font-size: clamp(84px, 25vw, 340px); line-height: 1; letter-spacing: -.04em; color: #EEF0FC; white-space: nowrap; animation: csWord 1.8s var(--ease) .1s both; }
@keyframes csWord { from { opacity: 0; transform: translate(-50%, -42%) scale(.92); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
.cs-in { flex: 1; display: flex; flex-direction: column; width: 100%; max-width: 1180px; margin-inline: auto; }
.crumbs.dark { color: var(--muted); } .crumbs.dark a:hover { color: var(--blue); }
.cs-car { position: relative; flex: 1; display: grid; place-items: center; margin: 0; padding: 12px 0; }
.cs-car img { display: block; width: min(100%, 980px); max-height: 60svh; object-fit: contain; mix-blend-mode: multiply; animation: csCar 1.6s cubic-bezier(.16,.84,.3,1) .15s both; }
.cs-car .art { width: min(92%, 860px); height: auto; stroke: var(--blue); fill: none; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; opacity: .3; animation: csCar 1.6s cubic-bezier(.16,.84,.3,1) .15s both; }
.cs-car .soon { position: absolute; right: 0; bottom: 8px; }
@keyframes csCar { from { opacity: 0; transform: translateX(22%) scale(.86); filter: blur(6px); } to { opacity: 1; transform: none; filter: none; } }
.cs-shadow { position: absolute; left: 50%; bottom: 7%; width: 62%; height: 28px; margin-left: -31%; border-radius: 50%; background: radial-gradient(closest-side, rgba(13,15,51,.26), transparent); filter: blur(5px); z-index: -1; animation: csSh 1.6s var(--ease) .15s both; }
@keyframes csSh { from { opacity: 0; transform: scaleX(.5); } to { opacity: 1; transform: none; } }
.cs-foot { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-top: 8px; animation: fadeUp 1s var(--ease) 1.1s both; }
.cs-tag { padding: 9px 16px; border-radius: 999px; background: var(--blue-soft); color: var(--blue); font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.cs-price { margin: 0; font-size: 14px; font-weight: 500; color: var(--muted); } .cs-price b { font-size: 30px; font-weight: 700; letter-spacing: -.035em; color: var(--ink); font-variant-numeric: tabular-nums; }
.cs-down { flex: none; width: 54px; height: 54px; border-radius: 50%; border: 1.5px solid var(--line); background: #fff; display: grid; place-items: center; cursor: pointer; padding: 0; box-shadow: 0 14px 28px -18px rgba(13,15,51,.5); animation: bob 2.2s ease-in-out 2.4s infinite; transition: border-color .2s; }
.cs-down:hover { border-color: var(--blue); } .cs-down svg { width: 20px; height: 20px; stroke: var(--blue); fill: none; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
@keyframes bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(5px); } }
/* Car page layout */
.cp { grid-template-areas: none; margin-top: 30px; }
.cp-head h1 { margin: 12px 0 0; font-size: clamp(30px, 8.4vw, 52px); font-weight: 700; letter-spacing: -.04em; line-height: 1.06; text-wrap: balance; }
.cp-lead { margin-top: 14px; max-width: 58ch; font-size: 16px; font-weight: 500; line-height: 1.6; color: var(--muted); }
.cp-head .cp-specs { margin-top: 22px; }
.cp-lab.sub { margin-top: 20px; }
.cp-ext { display: grid; gap: 6px; margin-top: 8px; }
.ex { position: relative; display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-radius: 16px; background: var(--tint); border: 1.5px solid transparent; cursor: pointer; transition: background .2s, border-color .2s; }
.ex input { position: absolute; opacity: 0; pointer-events: none; }
.exc { flex: none; width: 22px; height: 22px; border-radius: 7px; border: 2px solid #B9BEDD; background: #fff; display: grid; place-items: center; transition: all .2s; }
.exc::after { content: ""; width: 10px; height: 6px; margin-top: -2px; border-left: 2.5px solid #fff; border-bottom: 2.5px solid #fff; transform: rotate(-45deg) scale(0); transition: transform .2s var(--ease); }
.ex input:checked + .exc { background: var(--blue); border-color: var(--blue); } .ex input:checked + .exc::after { transform: rotate(-45deg) scale(1); }
.ex:has(input:checked) { background: #fff; border-color: var(--blue); }
.ex input:focus-visible + .exc { outline: 2px solid var(--blue); outline-offset: 2px; }
.ext { flex: 1; min-width: 0; } .ext b { display: block; font-size: 14px; font-weight: 600; line-height: 1.25; } .ext small { display: block; margin-top: 1px; font-size: 12px; font-weight: 500; color: var(--muted); }
.exp { flex: none; text-align: right; font-size: 16px; font-weight: 700; font-variant-numeric: tabular-nums; } .exp small { display: block; font-size: 10.5px; font-weight: 500; color: var(--muted); }
.cp-sum .hint { color: var(--muted); }
.cp-sum .r b { font-weight: 600; color: var(--ink); white-space: nowrap; }
.cp-sum .tot { margin-top: 4px; } .cp-sum .tot b { font-size: 20px; color: var(--blue); }
.cp-sum .pay { margin-top: 2px; padding-top: 10px; border-top: 1px dashed #C9CDE8; font-weight: 700; color: var(--ink); } .cp-sum .pay b { font-size: 17px; }
.cp-cond { margin: 14px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.cp-cond li, .rules li { position: relative; padding: 14px 16px 14px 50px; border-radius: 18px; background: var(--tint); border: 1px solid var(--line); font-size: 15px; font-weight: 500; line-height: 1.5; }
.cp-cond li::before, .rules li::before { content: ""; position: absolute; left: 16px; top: 15px; width: 22px; height: 22px; border-radius: 50%; background: var(--blue-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A12CC' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 12px no-repeat; }
@media (min-width: 900px) {
  .cp { grid-template-columns: minmax(0, 1fr) 440px; grid-template-areas: "head book" "text book"; column-gap: 56px; row-gap: 8px; margin-top: 56px; }
  .cp-head { grid-area: head; } .cp-text { grid-area: text; margin-top: 10px; }
  .cp-book { grid-area: book; position: sticky; top: calc(var(--hh) + 16px); max-height: calc(100vh - var(--hh) - 32px); overflow-y: auto; scrollbar-width: thin; }
  .cp-head .cp-specs { grid-area: auto; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .cs-foot { padding-top: 16px; }
}
/* Info pages */
.advs.three3, .advs.ex4 { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .advs.ex4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 900px) { .advs.three3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .advs.ex4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.adv .ex-pr { margin-top: 16px; font-size: 14px; font-weight: 500; color: var(--ink); } .ex-pr b { font-size: 26px; font-weight: 700; letter-spacing: -.03em; color: var(--blue); }
.fq-g { margin-top: 36px; } .fq-g:first-of-type { margin-top: 26px; }
.fq-t { font-size: 20px; font-weight: 700; letter-spacing: -.02em; } .fq-g .faq { margin-top: 14px; }
.rules { margin: 26px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; max-width: 780px; }
.two-col { display: grid; gap: 22px; margin-top: 26px; align-items: start; } .two-col .rules { margin-top: 0; } .tw-s { margin-top: 0; } .tt-s { min-width: 0; }
@media (min-width: 900px) { .two-col { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 36px; } }
/* Map */
.map-btns { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.map-sec { display: inline-flex; align-items: center; height: 52px; padding: 0 26px; border-radius: 999px; border: 1.5px solid var(--line); font-size: 15px; font-weight: 600; transition: all .25s; } .map-sec:hover { border-color: var(--blue); color: var(--blue); }

/* ---- v5 additions ---- */
/* calendar range band: same height as the day circle, rounded ends */
.dg button.in { background: transparent; }
.dg button.in::before { content: ""; position: absolute; inset: 3px 0; background: var(--blue-soft); z-index: -1; }
.dg button.in:nth-child(7n+1)::before, .dg button.in:first-child::before { left: 3px; border-radius: 19px 0 0 19px; }
.dg button.in:nth-child(7n)::before, .dg button.in:last-child::before { right: 3px; border-radius: 0 19px 19px 0; }
.dg button.in:nth-child(7n+1):nth-child(7n)::before { border-radius: 19px; }
.dg button.s:not(.e), .dg button.e:not(.s) { background: transparent; }
.dg button.s:not(.e)::after, .dg button.e:not(.s)::after { content: ""; position: absolute; top: 3px; bottom: 3px; width: 50%; background: var(--blue-soft); z-index: -2; border-radius: 0; }
.dg button.s:not(.e)::after { left: 50%; right: auto; } .dg button.e:not(.s)::after { right: 50%; left: auto; }
.dg button.s:not(.e):nth-child(7n)::after, .dg button.e:not(.s):nth-child(7n+1)::after { display: none; }
.dg button.in:not(:disabled):hover::before { background: var(--blue-soft); }
.dg button.s, .dg button.e { z-index: 0; }
/* form fields: always rounded */
.cform .f, .fgrid .f, .cp-book .f { border-radius: 16px; border-left: 0; background: var(--tint); padding: 10px 16px; }
.cform .f:hover, .cform .f:focus-within, .fgrid .f:hover, .cp-book .f:hover { background: #ECEEFB; }
.cform .f:focus-within { background: #fff; box-shadow: inset 0 0 0 1.5px var(--blue); }
/* catalog tiers */
.tcap { margin: 14px 0 6px; font-size: 11.5px; font-weight: 600; color: var(--muted); }
.fc .tiers { margin-top: 0; gap: 4px; }
.fc .tiers div { padding: 8px 2px 7px; border-radius: 12px; }
.fc .tiers small { font-size: 11px; line-height: 1.2; white-space: nowrap; }
.fc .tiers b { margin-top: 3px; font-size: 15px; }
.fc .tiers i { display: block; font-style: normal; font-size: 10px; font-weight: 600; letter-spacing: .06em; color: var(--muted); }
@media (max-width: 420px) { .fc .tiers small { font-size: 10.5px; } .fc .tiers { gap: 3px; } }
/* citizenship switch */
.cit { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border-radius: 16px; background: var(--tint); }
.cit button { height: 44px; padding: 0 8px; border: 0; border-radius: 12px; background: transparent; font: inherit; font-size: 13.5px; font-weight: 600; color: var(--muted); cursor: pointer; transition: all .25s var(--ease); }
.cit button.on { background: #fff; color: var(--blue); box-shadow: 0 6px 14px -8px rgba(10,18,204,.5), inset 0 0 0 1.5px var(--blue); }
/* car stage back link */
.cs-back { position: relative; z-index: 3; align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; margin: calc(var(--hh, 76px) + 14px) 0 0 20px; padding: 9px 16px 9px 12px; border-radius: 999px; background: #fff; border: 1px solid var(--line); font-size: 13.5px; font-weight: 600; color: var(--ink); transition: all .25s; }
.cs-back svg { width: 16px; height: 16px; stroke: var(--blue); fill: none; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.cs-back:hover { border-color: var(--blue); }
@media (min-width: 900px) { .cs-back { margin-left: 0; } }
/* delivery cards */
.dvs { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
@media (min-width: 640px) { .dvs { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1100px) { .dvs { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.dv { padding: 24px; border-radius: 28px; background: var(--tint); border: 1px solid var(--line); }
.dv h3 { margin: 18px 0 0; font-size: 22px; font-weight: 700; letter-spacing: -.025em; } .dv .dv-s { margin: 4px 0 0; font-size: 13.5px; font-weight: 500; color: var(--muted); }
.dv-p { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 20px; }
.dv-p > div { padding: 12px 12px 11px; border-radius: 16px; background: #fff; } .dv-p small { display: block; font-size: 11px; font-weight: 600; color: var(--muted); } .dv-p b { display: block; margin-top: 4px; font-size: 18px; font-weight: 700; letter-spacing: -.02em; color: var(--blue); font-variant-numeric: tabular-nums; }
.ex-pr a { font-weight: 600; color: var(--blue); }
/* full-width map */
.mapsec { margin-top: 84px; }
.map-full { position: relative; width: 100%; height: 420px; background: #E8EBFA; overflow: hidden; }
@media (min-width: 900px) { .map-full { height: 520px; } }
.map-base, .map-live { position: absolute; inset: 0; }
.map-base svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.map-live { z-index: 2; opacity: 0; transition: opacity .5s; } .map-full.live .map-live { opacity: 1; } .map-full.live .map-base { visibility: hidden; }
.map-pin { position: absolute; left: 50%; top: 46%; transform: translate(-50%, -100%); display: flex; flex-direction: column; align-items: center; padding: 10px 16px; border-radius: 16px; background: #fff; box-shadow: 0 18px 36px -14px rgba(13,15,51,.5); text-align: center; }
.map-pin::after { content: ""; position: absolute; left: 50%; bottom: -7px; width: 16px; height: 16px; margin-left: -8px; background: #fff; transform: rotate(45deg); border-radius: 3px; }
.map-pin b { font-size: 14.5px; font-weight: 700; } .map-pin small { font-size: 12px; font-weight: 500; color: var(--muted); }
.mp-dot { position: absolute; left: 50%; bottom: -26px; width: 14px; height: 14px; margin-left: -7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 6px rgba(10,18,204,.22); }
.lpin span { display: block; width: 44px; height: 56px; background: var(--blue); border-radius: 50% 50% 50% 0; transform: rotate(-45deg) scale(.62); transform-origin: 50% 70%; box-shadow: 0 10px 18px rgba(10,18,204,.45); position: relative; }
.lpin span::after { content: ""; position: absolute; left: 50%; top: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; border-radius: 50%; background: #fff; }
.map-info { padding: 34px clamp(16px, 4vw, 48px) 0; }
.map-info .map-in { display: block; max-width: 1180px; margin-inline: auto; }
.map-info .lead { max-width: 60ch; }
.map-btns { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.map-sec { display: inline-flex; align-items: center; height: 52px; padding: 0 26px; border-radius: 999px; border: 1.5px solid var(--line); font-size: 15px; font-weight: 600; transition: all .25s; } .map-sec:hover { border-color: var(--blue); color: var(--blue); }
/* footer socials + note */
.sf-soc { margin-top: 22px; } .sf-soc p { margin: 0 0 10px; font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #9AA6FF; }
.sf-soc > div { display: flex; flex-wrap: wrap; gap: 8px; }
.sf-soc a { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 14px 0 11px; border-radius: 999px; border: 1px solid rgba(255,255,255,.22); font-size: 13.5px; font-weight: 600; color: rgba(255,255,255,.9); transition: all .25s; }
.sf-soc a:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.5); color: #fff; }
.sf-soc svg { width: 18px; height: 18px; flex: none; }
.sf-note { margin: 36px 0 0; max-width: 90ch; font-size: 11.5px; font-weight: 500; line-height: 1.55; color: rgba(255,255,255,.45); }
.sf-note + .sf-bot { margin-top: 18px; }
@media (max-width: 899px) { .sf-top .sf-col:last-of-type { grid-column: 1 / -1; } .sf-addr { max-width: 340px; } }
.mapsec { width: 100vw; margin-inline: calc(50% - 50vw); max-width: none; } html, body { overflow-x: clip; }

/* ---- v6: fleet hero, flat filter, 3 tiers, car slider ---- */
.phero.av { position: relative; text-align: center; padding-bottom: 0; overflow: hidden; }
.phero.av .hero-bg { background: radial-gradient(90% 80% at 50% 100%, #1B24D4 0%, #0A1070 38%, #03051C 100%); }
.phero.av .hero-bg::after { display: none; }
.phero.av .hero-in { margin-inline: auto; }
.phero.av h1 { margin: 16px auto 0; max-width: none; font-family: var(--display); font-weight: 500; font-size: clamp(32px, 8.4vw, 64px); letter-spacing: .01em; text-transform: uppercase; line-height: 1.05; }
.phero.av .intro { margin: 18px auto 0; max-width: 56ch; }
.phero.av .stats { justify-content: center; }
.av-cars { position: relative; width: min(100%, 1180px); margin: 6px auto 0; }
.av-cars img { display: block; width: 100%; height: auto; mix-blend-mode: lighten; -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 22%); mask-image: linear-gradient(180deg, transparent 0, #000 22%); opacity: .95; }
@media (max-width: 599px) { .phero.av .stat { padding: 9px 14px; } .phero.av .stats { gap: 8px; } .av-cars { width: 135%; margin-left: -17.5%; } }
.view[data-view="avtopark"] .fbar { margin: 26px 0 0; }
.view[data-view="avtopark"] .fb { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; gap: 14px; }
.view[data-view="avtopark"] .fb .chips { margin: 0 -16px; padding: 2px 16px; }
.view[data-view="avtopark"] .fb .chip { height: 44px; padding: 0 6px 0 18px; background: #fff; border: 1.5px solid var(--line); box-shadow: none; }
.view[data-view="avtopark"] .fb .chip small { background: var(--tint); }
.view[data-view="avtopark"] .fb .chip:hover { border-color: var(--blue); background: #fff; }
.view[data-view="avtopark"] .fb .chip.on { background: var(--blue); border-color: var(--blue); box-shadow: none; }
.view[data-view="avtopark"] .fb .chip.on small { background: rgba(255,255,255,.22); }
.view[data-view="avtopark"] .fb2 { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.view[data-view="avtopark"] .fb .seg { grid-column: 1 / -1; background: var(--tint); }
.view[data-view="avtopark"] .fb .fcount { grid-column: 1; grid-row: 2; order: 0; margin: 0; }
.view[data-view="avtopark"] .fb .fsort { grid-column: 2; grid-row: 2; order: 0; display: flex; align-items: center; height: 44px; padding: 0 8px 0 18px; border-radius: 999px; background: #fff; border: 1.5px solid var(--line); }
.view[data-view="avtopark"] .fsort > span { display: none; }
.view[data-view="avtopark"] .fsort .fbtn { margin: 0; width: auto; height: 100%; align-items: center; gap: 10px; font-size: 14px; }
.view[data-view="avtopark"] .fsort .dd-list.pop { left: auto; right: 0; width: 240px; }
@media (min-width: 900px) {
  .view[data-view="avtopark"] .fbar { margin-top: 36px; }
  .view[data-view="avtopark"] .fb .chips { margin: 0; padding: 2px; }
  .view[data-view="avtopark"] .fb2 { grid-template-columns: auto minmax(0, 1fr) auto; }
  .view[data-view="avtopark"] .fb .seg { grid-column: 1; grid-row: 1; background: var(--tint); }
  .view[data-view="avtopark"] .fb .fcount { grid-column: 2; grid-row: 1; }
  .view[data-view="avtopark"] .fb .fsort { grid-column: 3; grid-row: 1; }
}
.fc .tiers { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.fc .tiers div { padding: 9px 4px 8px; }
.fc .tiers small { font-size: 12px; white-space: nowrap; }
.fc .tiers b { margin-top: 4px; font-size: 16px; white-space: nowrap; }
.fc .tiers b i { display: inline; font-size: 11px; font-weight: 600; letter-spacing: .04em; color: var(--muted); margin-left: 1px; }
/* car stage slider + effects */
.cs-slides { position: relative; display: grid; place-items: center; width: min(100%, 980px); }
.cs-slides .cs-slide { grid-area: 1 / 1; opacity: 0; transform: translateX(3%) scale(.97); transition: opacity .55s var(--ease), transform .7s var(--ease); pointer-events: none; }
.cs-slides .cs-slide.on { opacity: 1; transform: none; pointer-events: auto; }
.cs-slides .cs-slide:only-child { opacity: 1; transform: none; }
.cs-car > .cs-slides img { width: 100%; }
.cs-nav { position: absolute; top: 46%; z-index: 3; width: 46px; height: 46px; border-radius: 50%; border: 1.5px solid var(--line); background: rgba(255,255,255,.92); display: grid; place-items: center; cursor: pointer; padding: 0; box-shadow: 0 14px 28px -16px rgba(13,15,51,.5); transition: all .25s; }
.cs-nav:hover { border-color: var(--blue); transform: scale(1.06); } .cs-nav svg { width: 18px; height: 18px; stroke: var(--blue); fill: none; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.cs-nav.prev { left: 0; } .cs-nav.next { right: 0; }
@media (max-width: 599px) { .cs-nav { width: 40px; height: 40px; top: auto; bottom: 4px; } .cs-nav.prev { left: calc(50% - 124px); } .cs-nav.next { right: calc(50% - 124px); } }
.cs-prog { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 4px auto 0; width: min(260px, 70%); }
.cs-prog::before { content: ""; order: 1; flex: 1; height: 4px; border-radius: 4px; background: #DDE1F6; }
.cs-prog { position: relative; }
.cs-prog i { position: absolute; left: 0; top: 50%; margin-top: -2px; height: 4px; width: 25%; border-radius: 4px; background: var(--blue); transition: width .5s var(--ease); max-width: calc(100% - 52px); }
.cs-prog span { order: 2; font-size: 12.5px; font-weight: 600; color: var(--muted); font-variant-numeric: tabular-nums; min-width: 40px; text-align: right; }
.cs-word { transform: translate(calc(-50% + var(--sx, 0) * -14vw + var(--mx, 0) * -30px), -50%); animation: csWord2 1.8s var(--ease) .1s both; }
@keyframes csWord2 { from { opacity: 0; scale: .92; } to { opacity: 1; scale: 1; } }
.cp-stage::after { content: ""; position: absolute; z-index: -1; left: -30%; top: 0; width: 30%; height: 100%; background: linear-gradient(100deg, transparent, rgba(255,255,255,.65), transparent); transform: skewX(-12deg); animation: sweep 5.5s ease-in-out 2.2s 1 both; }
@keyframes sweep { from { left: -40%; } to { left: 130%; } }
.salon { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-top: 14px; padding-bottom: 4px; }
.salon::-webkit-scrollbar { display: none; }
.salon img { flex: none; width: min(78%, 360px); aspect-ratio: 4 / 3; object-fit: cover; border-radius: 24px; scroll-snap-align: start; border: 1px solid var(--line); }

.phero.av h1 { text-align: center; width: 100%; }
.av-cars { height: clamp(150px, 22vw, 300px); overflow: hidden; }
.av-cars img { height: 100%; object-fit: cover; object-position: 50% 22%; -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 24%), linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0, #000 24%), linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%); -webkit-mask-composite: source-in; mask-composite: intersect; }
.cs-price { white-space: nowrap; }
@media (max-width: 599px) { .cs-price b { font-size: 25px; } .cs-tag { padding: 8px 12px; font-size: 11px; } }
.cs-car .cs-slides img { animation: none; }
.cs-car .cs-slides { animation: csCar 1.6s cubic-bezier(.16,.84,.3,1) .15s both; }
.cs-car .cs-slides { animation-fill-mode: backwards; }
.av-cars img{object-position:50% 78%}.av-cars{height:clamp(190px,30vw,380px)}
.phero:not(.av){position:relative;isolation:isolate}
.phero:not(.av)::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,5,28,.82) 0%,rgba(3,5,28,.55) 55%,rgba(3,5,28,.25) 100%),linear-gradient(0deg,rgba(3,5,28,.55),transparent 45%)}
.phero:not(.av) .hero-in{position:relative;z-index:2}
@media(max-width:599px){.phero:not(.av)::after{background:linear-gradient(180deg,rgba(3,5,28,.7),rgba(3,5,28,.8))}}
.av-cars{height:clamp(70px,13vw,150px)!important;margin-top:0}
.av-cars img{object-position:50% 80%}
.phero.av .hero-in{padding-bottom:6px}
.phero.av .intro{margin-top:12px}
.av-down{position:absolute;left:50%;bottom:10px;z-index:3;width:34px;height:34px;margin-left:-17px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(6px);display:grid;place-items:center;animation:avb 1.6s ease-in-out infinite}
.av-down svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@keyframes avb{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(max-width:599px){.av-cars{height:84px!important;width:150%;margin-left:-25%}.phero.av h1{margin-top:6px}.phero.av .stats{margin-top:14px}}
@media(min-width:600px){.av-cars{height:96px!important}.phero.av{padding-top:0}.phero.av .hero-in{margin-top:0}.phero.av h1{font-size:clamp(32px,5vw,52px)}.phero.av .stats{margin-top:18px}}
@media(min-width:600px){.phero.av{padding-top:96px}}
.av-cars{height:auto!important;width:min(100%,760px)!important;margin:0 auto!important;overflow:visible}
.av-cars img{height:auto!important;object-fit:contain;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 20%),linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 20%),linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
@media(max-width:599px){.av-cars{width:100%!important;margin-left:0!important}}
@media(min-width:600px){.phero.av{padding-top:84px}}
.dv{display:flex;flex-direction:column}.dv .dv-p{margin-top:auto;padding-top:20px}
@media(min-width:600px){.av-cars{width:min(100%,600px)!important}.phero.av{padding-top:76px}}
.rvp-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.rvp{display:inline-flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:999px;background:var(--tint);border:1px solid var(--line);font-weight:600;font-size:14px}
.rvw-lg{display:inline-grid;place-items:center;width:22px;height:22px;flex:none}.rvw-lg svg{width:100%;height:100%}
.rvw-note{margin:16px 0 0;padding:12px 16px;border-radius:16px;background:#FFF7E0;color:#6B5200;font-size:13.5px;font-weight:500;line-height:1.45}
.rvws{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:22px}
@media(min-width:700px){.rvws{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.rvws{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rvw{position:relative;display:flex;flex-direction:column;padding:24px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 40px -26px rgba(10,18,80,.35)}
.rvw-demo{position:absolute;top:18px;right:18px;padding:4px 10px;border-radius:999px;background:var(--tint);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.rvw-h{display:flex;align-items:center;gap:12px}.rvw-h b{display:block;font-size:16px;font-weight:700}.rvw-h small{display:block;margin-top:2px;font-size:12.5px;color:var(--muted);font-weight:500}
.rvw-av{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#2A36F0,#0A12CC);color:#fff;font-weight:700;font-size:17px}
.rvw-st{display:flex;gap:3px;margin-top:16px}.rvw-st svg{width:18px;height:18px;fill:#FFB400}.rvw-st i{display:contents}.rvw-st i svg{fill:#E4E7F2}
.rvw p{margin:12px 0 0;font-size:15px;line-height:1.55;color:#2A2F45;flex:1}
.rvw-src{display:flex;align-items:center;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;font-weight:600;color:var(--muted)}
.contact .rv-cta{margin:18px 0 6px;display:inline-flex;background:#fff;color:#0A12CC}
.gifts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
@media(max-width:759px){.gifts{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:0;padding:2px 0 14px;scrollbar-width:none}.gifts::-webkit-scrollbar{display:none}.gf{flex:0 0 72%;scroll-snap-align:start}}
.gf{margin:0;overflow:visible;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 44px -28px rgba(10,18,80,.35);display:flex;flex-direction:column;overflow:hidden}
.gf-i{background:#fff;aspect-ratio:1/1;display:grid;place-items:center;padding:22px 22px 6px}.gf-i img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.gf figcaption{padding:10px 24px 24px}.gf figcaption b{display:block;font-size:18px;font-weight:700;letter-spacing:-.02em}.gf figcaption span{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:var(--muted);font-weight:500}
.gf-i{position:relative;display:block;padding:0}.gf-i img{position:absolute;left:22px;top:22px;width:calc(100% - 44px);height:calc(100% - 28px);max-width:none;max-height:none;object-fit:contain}
.bls{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:22px}
@media(min-width:700px){.bls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.bls{grid-template-columns:repeat(3,minmax(0,1fr))}.bls.two{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bl{display:flex;flex-direction:column;border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 18px 44px -30px rgba(10,18,80,.35);color:inherit;text-decoration:none;transition:transform .25s,box-shadow .25s}
.bl:hover{transform:translateY(-3px);box-shadow:0 24px 50px -28px rgba(10,18,80,.45)}
.bl-i{aspect-ratio:16/9;background:#0A1226;overflow:hidden}.bl-i img{display:block;width:100%;height:100%;object-fit:cover}
.bl-b{padding:18px 22px 22px;display:flex;flex-direction:column;flex:1}.bl-b h3{margin:8px 0 0;font-size:19px;line-height:1.25;font-weight:700;letter-spacing:-.02em}.bl-b p{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--muted);flex:1}.bl-b small{display:block;margin-top:14px;font-size:12.5px;color:var(--muted);font-weight:500}
.bl-c{align-self:flex-start;padding:4px 10px;border-radius:999px;background:var(--tint);color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.art-body{max-width:760px;margin:0 auto}.art-lead{font-size:19px;line-height:1.55;font-weight:500;color:#1B2036;margin:0 0 8px}
.art-body h2{margin:30px 0 10px;font-size:24px;line-height:1.2;font-weight:700;letter-spacing:-.03em}.art-body p,.art-body li{font-size:16.5px;line-height:1.65;color:#2A2F45}.art-body p{margin:10px 0}.art-body ul{margin:10px 0;padding-left:22px}.art-body li{margin:6px 0}
.art-disc{margin-top:28px!important;padding:14px 18px;border-radius:16px;background:var(--tint);font-size:13.5px!important;color:var(--muted)!important}
.art-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px!important}.btn-ghost{background:transparent!important;color:var(--blue)!important;border:1px solid var(--line)}
.phero .intro{max-width:60ch}
.ab-p{max-width:760px}.ab-p p{font-size:17px;line-height:1.65;color:#2A2F45;margin:12px 0}
.ab-st{margin-top:26px;justify-content:flex-start}.ab-st .stat{background:var(--tint);border:1px solid var(--line)}.ab-st .stat b{color:var(--ink,#0B1030)}.ab-st .stat small{color:var(--muted)}
.tl{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px;counter-reset:t}
.tl li{display:flex;gap:16px;padding:22px;border-radius:24px;background:var(--tint);border:1px solid var(--line)}.tl-n{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700}.tl h3{margin:0;font-size:18px;font-weight:700}.tl p{margin:6px 0 0;font-size:15px;line-height:1.55;color:var(--muted)}
@media(min-width:900px){.tl{grid-template-columns:repeat(4,minmax(0,1fr))}.tl li{flex-direction:column}}
.vtrack .fc{flex:0 0 82%;scroll-snap-align:start;margin:0}
@media(min-width:600px){.vtrack .fc{flex-basis:calc((100% - 16px)/2)}}
@media(min-width:1000px){.vtrack .fc{flex-basis:calc((100% - 32px)/3)}}

.cp-qty{display:inline-block;margin:4px 0 0;padding:8px 14px;border-radius:14px;background:var(--tint);color:var(--blue);font-weight:600;font-size:14px}
.gf{cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.gf:hover{transform:translateY(-4px);box-shadow:0 26px 54px -28px rgba(10,18,204,.45)}
.gf-i img{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.gf:hover .gf-i img{transform:scale(1.04)}
.gf.pop{animation:gfPop .6s cubic-bezier(.2,.9,.3,1.3)}.gf.pop .gf-i img{animation:gfImg .7s cubic-bezier(.2,.9,.3,1.3)}
@keyframes gfPop{0%{transform:scale(1)}30%{transform:scale(.95)}60%{transform:scale(1.05) rotate(-.8deg)}100%{transform:scale(1)}}
@keyframes gfImg{0%{transform:scale(1) rotate(0)}40%{transform:scale(1.12) rotate(-4deg)}100%{transform:scale(1) rotate(0)}}
.gf .cf{position:absolute;left:50%;top:40%;width:9px;height:9px;border-radius:50%;pointer-events:none;z-index:3;opacity:0;animation:cfly .9s cubic-bezier(.1,.7,.3,1) forwards}
@keyframes cfly{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.4) rotate(var(--r))}}
@media(prefers-reduced-motion:reduce){.gf.pop,.gf.pop .gf-i img,.gf .cf{animation:none}}

/* v8: home hero left + roulette, avtopark tweaks */
.view[data-view="home"] .roll{display:none}
@media(min-width:900px){
 .view[data-view="home"] .hero-top{flex:1;align-items:center;justify-content:space-between;gap:40px;padding-bottom:24px}
 .view[data-view="home"] .hero-top>div:first-child{margin-top:-4vh}
 .view[data-view="home"] .roll{display:block;position:relative;flex:none;width:340px;animation:fadeUp 1s var(--ease) 1.4s both}
 .roll-view{position:relative;height:262px;overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
 .roll-s{position:absolute;inset:0;display:block;padding:18px 18px 12px;color:var(--ink);text-decoration:none;opacity:0;transform:translateY(-120%);transition:transform .75s cubic-bezier(.2,.85,.25,1),opacity .5s}
 .roll-s.on{opacity:1;transform:none}
 .roll-s .rs-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-right:56px}
 .roll-s b{font-size:18px;font-weight:700;letter-spacing:-.02em;display:block}.roll-s small{display:block;margin-top:3px;font-size:12.5px;font-weight:500;color:var(--muted)}
 .roll-s img{display:block;width:100%;height:auto;margin-top:34px;mix-blend-mode:multiply}
 .roll-nav{position:absolute;right:12px;top:12px;z-index:3;display:flex;flex-direction:column;gap:6px}
 .roll-nav button{width:36px;height:36px;border-radius:50%;border:1px solid rgba(10,18,80,.14);background:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 16px -8px rgba(0,0,0,.4);transition:background .2s,transform .2s}
 .roll-nav button:hover{background:var(--ink);transform:scale(1.06)}.roll-nav button:hover svg{stroke:#fff}
 .roll-nav svg{width:16px;height:16px;stroke:var(--ink);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
 .roll-dots{display:flex;justify-content:center;gap:6px;margin-top:12px}.roll-dots i{width:22px;height:3px;border-radius:2px;background:rgba(255,255,255,.35);transition:background .3s}.roll-dots i.on{background:#fff}
}
.phero.av .hero-bg{background:linear-gradient(180deg,#02051A 0%,#050A2A 100%)!important}
.av-down{display:none!important}
@media(min-width:900px){.view[data-view="home"] .hero h1{text-align:left}}
@media(min-width:1440px){.veh-in{max-width:1380px}}
.fc-spec .fc-no{background:var(--blue)!important;color:#fff!important}

/* stage 2: category price badge */
.cat-pr{display:inline-flex;align-items:center;margin-top:12px;padding:5px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--blue);font-size:12.5px;font-weight:700;letter-spacing:.01em;line-height:1.3;white-space:nowrap}
/* stage 2: car card buttons */
.fc-act{gap:10px}
button.fc-btn.fc-quick{border:0;font-family:inherit;cursor:pointer;padding:0 12px}
.fc-more{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font-size:15px;font-weight:600;transition:border-color .25s,color .25s,background .25s}
.fc-more svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)}
.fc-more:hover{border-color:var(--blue);color:var(--blue);background:var(--tint)}
.fc-more:hover svg{transform:translateX(3px)}
.fc-act .fc-btn{flex:1 1 0}

/* ===== stage 3: steps tighten ===== */
.step{padding:22px 22px 18px} .vall{margin-top:18px}
/* ===== stage 3: combined contacts + office ===== */
.mapsec,.map-info{display:none}
.cof{width:100%;margin:56px 0 0}
@media (min-width:900px){.cof{margin-top:72px}}
.cof-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;border-radius:32px;background:#000;color:#fff;isolation:isolate}
.cof-card::before{content:"";position:absolute;z-index:-1;right:-25%;top:-35%;width:90%;aspect-ratio:1;background:radial-gradient(closest-side,rgba(51,71,255,.38),transparent)}
.cof-l{padding:34px 22px 26px}
.cof .eyebrow{color:#9AA6FF}.cof .eyebrow::before{background:#9AA6FF}
.cof .lead{color:rgba(255,255,255,.72);max-width:44ch}
.cof .bigtel{margin-top:22px}
.cof-grid{margin-top:20px;grid-template-columns:repeat(2,minmax(0,1fr))}
.cof-grid .cl:last-child:nth-child(odd){grid-column:1/-1}
.cof-info{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px}
.cof-info li{display:flex;align-items:flex-start;gap:12px}
.cof-info svg{flex:none;width:36px;height:36px;padding:9px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);fill:none;stroke:#9AA6FF;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cof-info b{display:block;font-size:15px;font-weight:600;line-height:1.35}
.cof-info small{display:block;margin-top:2px;font-size:13px;font-weight:500;color:rgba(255,255,255,.58)}
.cof-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.cof-b1,.cof-b2{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 24px;border-radius:999px;font-size:15px;font-weight:600;transition:all .25s ease}
.cof-b1{background:#fff;color:#0B0D2E}.cof-b1 svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)}
.cof-b1:hover{background:#E8EBFF;transform:translateY(-2px)}.cof-b1:hover svg{transform:translateX(4px)}
.cof-b2{border:1.5px solid rgba(255,255,255,.3);color:#fff}.cof-b2:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.cof-r{position:relative;height:320px;margin:0 14px 14px;border-radius:24px;overflow:hidden}
.cof-r .map-full{position:absolute;inset:0;height:auto;border-radius:24px}
@media (min-width:900px){
  .cof-card{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);border-radius:40px}
  .cof-l{padding:52px 44px 48px 52px}
  .cof-r{height:auto;min-height:100%;margin:14px 14px 14px 0}
  .cof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cof-grid .cl:last-child:nth-child(odd){grid-column:auto}
}
.cof-grid .cl span:last-child{white-space:nowrap}
.cof .map-pin{top:50%}
/* footer legal */
.sf-legal{margin:16px 0 0;max-width:100ch;font-size:11.5px;font-weight:500;line-height:1.6;color:rgba(255,255,255,.4)}

.cof .map-pin b{color:var(--ink)} .cof .map-pin small{color:var(--muted)}
/* stage 4: contacts tiles, single price */
.cof-grid{display:grid;gap:8px;grid-template-columns:repeat(6,minmax(0,1fr))}
.cof-grid .cl{grid-column:span 2;flex-direction:column;justify-content:center;gap:8px;padding:14px 6px 12px;text-align:center;font-size:13px;border-radius:16px}
.cof-grid .cl:nth-child(n+4){grid-column:span 3}
.cof-grid .cl:last-child:nth-child(odd){grid-column:span 3}
@media (min-width:900px){
  .cof-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .cof-grid .cl,.cof-grid .cl:nth-child(n+4),.cof-grid .cl:last-child:nth-child(odd){grid-column:auto}
}
.fc-note{margin:6px 0 0;font-size:12.5px;font-weight:500;color:var(--muted)}
/* stage 5: car page polish */
.cs-word{font-size:clamp(64px,19vw,270px)}
.cs-prog{display:flex;gap:6px;width:min(220px,62%);margin:6px auto 0}
.cs-prog::before{display:none}
.cs-prog i{position:static;margin:0;flex:1;width:auto;max-width:none;height:4px;border-radius:4px;background:#DDE1F6;transition:background .35s var(--ease)}
.cs-prog i.on{background:var(--blue)}
.dg button.s:not(.e)::after{display:none}
.cal:has(.dg button.e) .dg button.s:not(.e)::after{display:block}
.cal:has(.dg button.e) .dg button.s:not(.e):nth-child(7n)::after{display:none}
.cp-head .cp-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cp-specs li{display:flex;align-items:center;gap:12px;padding:14px 16px}
.sp-i,.cd-i{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--blue-soft)}
.sp-i svg,.cd-i svg{width:20px;height:20px;fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sp-t{min-width:0}.cp-specs b{margin-top:3px;font-size:16.5px;white-space:nowrap}
.cp-cond{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cp-cond li{display:flex;align-items:center;gap:14px;padding:18px 18px;border-radius:22px;background:var(--tint);border:1px solid var(--line)}
.cp-cond li::before{display:none}
.cp-cond li:last-child:nth-child(odd){grid-column:1/-1}
.cd-i{width:46px;height:46px;border-radius:15px;background:#fff;box-shadow:0 6px 16px -8px rgba(10,18,80,.3)}.cd-i svg{width:23px;height:23px}
.cd-t b{display:block;font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.25}
.cd-t small{display:block;margin-top:3px;font-size:13.5px;font-weight:500;color:var(--muted);line-height:1.4}
@media(max-width:560px){.cp-cond{grid-template-columns:1fr}}
.map-live iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:560px){.cp-specs li{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.cp-specs b{font-size:16px}}
/* stage 6 */
html.cal-focus::after{content:"";position:fixed;inset:0;z-index:70;background:rgba(255,255,255,.4);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:calVeil .25s ease both}
@keyframes calVeil{from{opacity:0}to{opacity:1}}
html.cal-focus .cp-book{position:relative;z-index:80}
@media(min-width:900px){html.cal-focus .cp-book{position:sticky}}
html.cal-focus .cp-book>:not(.cp-lab:not(.sub)):not(.cp-price):not(.dates){filter:blur(6px);opacity:.5;pointer-events:none;transition:filter .25s,opacity .25s}
html.cal-focus .cal.pop{z-index:95}
.cal-sum{line-height:1.45}
.rvs{position:relative;margin-top:22px}
.rvs-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 14px}.rvs-track::-webkit-scrollbar{display:none}
.rvs .rvw{flex:0 0 min(86%,370px);scroll-snap-align:start}
.rvs-b{position:absolute;top:44%;z-index:3;display:none;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;box-shadow:0 10px 26px -10px rgba(10,18,80,.4);cursor:pointer;padding:0}
.rvs-b svg{width:18px;height:18px;fill:none;stroke:var(--blue);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.rvs-b.prev{left:-14px}.rvs-b.next{right:-14px}
@media(hover:hover) and (min-width:900px){.rvs-b{display:grid}}
.rvs-track{overflow-y:hidden}
.rvs .rvw{transform:none!important;opacity:1!important}
.rvs{padding-bottom:0}
@media(hover:hover) and (min-width:900px){.rvs-b{display:grid;position:static;margin:2px 0 0}.rvs-b.prev{margin-right:8px}.rvs{display:flex;flex-wrap:wrap;justify-content:flex-end}.rvs-track{flex:0 0 100%}}
@media(hover:hover) and (min-width:1340px){.rvs{display:block}.rvs-b{position:absolute;top:44%;margin:0}.rvs-b.prev{left:-66px}.rvs-b.next{right:-66px}}
@media(hover:hover) and (min-width:900px){.rvs-track{order:0}.rvs-b.prev{order:1}.rvs-b.next{order:2}}
@media(hover:hover) and (min-width:1340px){.rvs-track{order:0}}
.kinds{display:grid;gap:14px;margin-top:22px;grid-template-columns:minmax(0,1fr)}
@media(min-width:700px){.kinds{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.kinds{grid-template-columns:repeat(3,minmax(0,1fr))}}
.kind{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:26px;background:#fff;border:1px solid var(--line);transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.kind:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 18px 40px -24px rgba(10,18,204,.35)}
.kind .adv-ic{margin-bottom:8px}
.kind b{font-size:18px;font-weight:700;letter-spacing:-.02em}.kind span.kd{font-size:14px;font-weight:500;color:var(--muted);line-height:1.5}
.kind i{margin-top:auto;padding-top:10px;font-style:normal;font-size:14px;font-weight:600;color:var(--blue)}
.tt small{display:block;margin-top:2px;font-size:12px;font-weight:500;color:var(--muted)}
.tt tbody th a{color:inherit}.tt tbody th a:hover{color:var(--blue)}
.note-box{margin-top:18px;padding:16px 18px;border-radius:18px;background:var(--tint);border:1px solid var(--line);font-size:14.5px;font-weight:500;line-height:1.55;color:#2A2F45}
/* round 8 */
.cs-car img{mix-blend-mode:normal}.cs-car img[src$=".jpg"]{mix-blend-mode:multiply}
.cs-word{z-index:0}.cs-car{z-index:1}
.cs-in{padding-top:calc(var(--hh,76px) + 8px)}
.view[data-view="avtopark"] .fb .chips{justify-content:safe center}
#fcount{display:none}
.fc-b{position:absolute;top:14px;right:14px;z-index:1;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;box-shadow:0 6px 16px -6px rgba(0,0,0,.35)}
.fc-b-new{background:linear-gradient(135deg,#1F2BE8,#7A3CFF)}
.fc-b-hit{background:linear-gradient(135deg,#FF6A2B,#FF2E63)}
.fc-b-top{background:linear-gradient(135deg,#F5B326,#E8870C);color:#2B1A00}
@media(max-width:599px){.phero.av .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.phero.av .stat{padding:9px 6px;min-width:0}.phero.av .stat b{font-size:15px;white-space:nowrap}.phero.av .stat small{font-size:11px}}
.phero.av .hero-in{padding-top:calc(var(--hh,76px) + 26px);padding-bottom:22px}
@media(max-width:599px){.phero.av .hero-in{padding-top:calc(var(--hh,76px) + 8px)}.phero.av .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.phero.av .stat b{font-size:17px}}
.fc-b-top{background:linear-gradient(135deg,#15182B,#3C4263);color:#fff}

.legal{padding-top:8px}.legal-in{max-width:820px}.legal-meta{color:var(--muted);font-size:14px;margin:0 0 20px}
.legal h2{font-family:var(--display);font-size:clamp(20px,2.4vw,26px);font-weight:600;letter-spacing:-.01em;margin:34px 0 10px}
.legal p,.legal li{font-size:16px;line-height:1.65;color:var(--ink,#1a1d2e)}.legal p{margin:0 0 12px}
.legal ul{margin:0 0 12px;padding-left:22px}.legal li{margin:0 0 6px}.legal a{color:var(--blue);text-decoration:underline}

/* contacts: wide horizontal channel cards */
.chan { display: grid; grid-template-columns: 52px minmax(0,1fr); column-gap: 18px; align-items: center; padding: 22px 24px; }
.chan .ic { grid-row: 1 / span 3; align-self: center; }
.chan h3 { margin-top: 0; }
.chan p { margin-top: 4px; }
.chan b { margin-top: 8px; }
@media (min-width: 640px) { .chans { grid-template-columns: repeat(2, minmax(0,1fr)); } .chan:first-child { grid-column: 1 / -1; } .chan:last-child { grid-column: auto; } }
@media (min-width: 900px) { .chans { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; } .chan:last-child { grid-column: auto; } .chan { padding: 26px 30px; column-gap: 22px; grid-template-columns: 64px minmax(0,1fr); } .chan .ic { width: 64px; height: 64px; border-radius: 20px; } .chan .ic svg { width: 28px; height: 28px; } .chan h3 { font-size: 22px; } .chan p { font-size: 15px; } .chan b { font-size: 16px; } }

/* fleet hero photo */
.phero.av .hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.phero.av .hero-bg::after{display:block;content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,5,28,.72) 0%,rgba(3,5,28,.38) 45%,rgba(3,5,28,.78) 100%),linear-gradient(90deg,rgba(3,5,28,.45),rgba(3,5,28,0) 65%)}
.phero.av{padding-bottom:clamp(48px,7vw,84px)!important}

/* usloviya: tariffs link block */
.tl-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px 32px;padding:clamp(24px,4vw,40px);border-radius:28px;background:var(--tint,#F4F5FF);border:1px solid var(--line,#E4E6F3)}
.tl-box>div{flex:1 1 380px;min-width:0}
.tl-box .h2{margin-top:10px}
.tl-p{margin-top:12px;max-width:58ch;font-size:16px;line-height:1.6;font-weight:500;color:var(--muted,#5B5F85)}
.tl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 28px;border-radius:999px;background:linear-gradient(135deg,#2B3BFF,#0A12CC);color:#fff;font-size:16px;font-weight:600;box-shadow:0 18px 30px -18px rgba(10,18,204,.7);transition:transform .25s,box-shadow .25s}
.tl-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.tl-btn:hover{transform:translateY(-2px)}.tl-btn:hover svg{transform:translateX(4px)}
@media(max-width:599px){.tl-btn{width:100%}}

/* car page: interior photos */
.sl-grid{margin-top:22px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media(min-width:700px){.sl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
.sl-t{position:relative;margin:0;aspect-ratio:4/3;border-radius:24px;overflow:hidden;background:var(--tint,#F4F5FF);border:1px solid var(--line,#E4E6F3)}
.sl-t img{display:block;width:100%;height:100%;object-fit:cover}
.sl-t figcaption{position:absolute;left:14px;bottom:14px;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.92);color:#0B0D2E;font-size:13px;font-weight:600}
.sl-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1.5px dashed #C9CDEA;color:var(--muted,#5B5F85)}
.sl-ph svg{width:44px;height:44px;fill:none;stroke:#8A91D6;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sl-ph>span{font-size:15px;font-weight:600}
.sl-ph figcaption{background:#fff;border:1px solid var(--line,#E4E6F3)}

/* contacts block: map inset + messenger rows */
.cof-card{align-items:stretch}
@media(min-width:900px){.cof-r{min-height:0!important;height:auto;align-self:stretch;margin:16px 16px 16px 0}.cof-r .map-full{inset:0;height:100%}}
.cof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.cof-grid .cl,.cof-grid .cl:nth-child(n+4),.cof-grid .cl:last-child:nth-child(odd){grid-column:auto!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center;gap:12px!important;padding:10px 16px 10px 10px!important;text-align:left!important;font-size:15px!important;font-weight:600;border-radius:18px!important}
.cof-grid .cl:first-child{grid-column:1/-1!important}
.cof-grid .cl .ic{width:42px;height:42px;border-radius:13px;flex:none}
.cof-grid .cl::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid rgba(255,255,255,.45);border-top:2px solid rgba(255,255,255,.45);transform:rotate(45deg);transition:transform .25s,border-color .25s;flex:none}
.cof-grid .cl:hover::after{transform:translateX(3px) rotate(45deg);border-color:#fff}
@media(max-width:599px){.cof-grid .cl::after{display:none}.cof-grid .cl,.cof-grid .cl:nth-child(n+4),.cof-grid .cl:last-child:nth-child(odd){padding:9px 10px!important;gap:10px!important;font-size:14px!important}.cof-grid .cl .ic{width:38px;height:38px}}

/* kontakty: combined contacts + map, requisites, hero */
#office[hidden]{display:none!important}
.phero.kt .hero-bg{background:radial-gradient(90% 90% at 80% 0%,#1B24D4 0%,#0A1070 40%,#03051C 100%)}
.cof-kt{padding-inline:0}
.cof-kt .cof-r{min-height:340px}
.yur-box{padding:clamp(20px,3vw,30px) clamp(20px,3.4vw,36px);border-radius:24px;background:var(--tint,#F4F5FF);border:1px solid var(--line,#E4E6F3)}
.yur-h{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#5B5F85)}
.yur-box p{margin-top:10px;max-width:90ch;font-size:15.5px;line-height:1.65;font-weight:500;color:var(--ink,#0B0D2E)}
.yur-box a{color:var(--blue,#0A12CC);font-weight:600}

/* language switch */
.lang{display:none;align-items:center;padding:3px;border-radius:999px;border:1.5px solid currentColor;color:var(--fg);opacity:.95}
.lang .lg{min-width:40px;height:30px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:background .2s,color .2s}
.lang .lg.on{background:var(--blue,#0A12CC);color:#fff}
.hdr.on-dark .lang .lg.on{background:#fff;color:#0A12CC}
.lang .lg:focus-visible{outline:2px solid var(--blue,#0A12CC);outline-offset:2px}
@media(min-width:1100px){.hdr .lang{display:inline-flex}}
.lang-d{display:inline-flex;color:var(--ink,#0B0D2E);margin-bottom:18px}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:200;max-width:calc(100% - 32px);padding:13px 20px;border-radius:16px;background:#0B0D2E;color:#fff;font-size:14px;font-weight:600;line-height:1.4;text-align:center;box-shadow:0 20px 40px -18px rgba(3,5,28,.6);transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
.toast.show{opacity:1;transform:translate(-50%,0)}
/* equipment */
.cp-eq{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.cp-eq li{display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;border-radius:999px;background:var(--tint);border:1px solid var(--line);font-size:15px;font-weight:600;letter-spacing:-.01em}
.cp-eq li::before{display:none}
.cp-eq svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--blue);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cp-head .cp-specs b{white-space:normal}
/* 360 viewer */
.v360{position:relative;margin-top:22px;border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--line,#E4E6F3);aspect-ratio:2/1;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline-offset:3px}
.v360.drag{cursor:grabbing}
.v360-st{position:absolute;inset:0}
.v360-st img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;visibility:hidden;pointer-events:none;-webkit-user-drag:none}
.v360-st img.on{visibility:visible}
.v360-b{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid var(--line,#E4E6F3);background:rgba(255,255,255,.92);display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px -10px rgba(10,18,80,.35);transition:transform .2s}
.v360-b:hover{transform:translateY(-50%) scale(1.06)}
.v360-b.prev{left:14px}.v360-b.next{right:14px}
.v360-b svg{width:20px;height:20px;fill:none;stroke:var(--blue,#0A12CC);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.v360-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.92);font-size:13.5px;font-weight:600;color:#0B0D2E;white-space:nowrap;box-shadow:0 8px 20px -12px rgba(10,18,80,.35);transition:opacity .4s;pointer-events:none}
.v360-hint svg{width:18px;height:18px;fill:none;stroke:var(--blue,#0A12CC);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.v360.used .v360-hint{opacity:0}
@media(max-width:700px){.v360{aspect-ratio:3/2;border-radius:22px}.v360-b{width:40px;height:40px}.v360-b.prev{left:8px}.v360-b.next{right:8px}}

.v360-b{display:none!important}
.v360-hint{left:50%;bottom:16px;padding:0;background:none;box-shadow:none;gap:0;display:flex;align-items:center;transform:translateX(-50%);position:absolute;pointer-events:none;transition:opacity .5s}
.v360-hint .dot{width:22px;height:22px;border-radius:50%;background:rgba(10,18,204,.55);box-shadow:0 0 0 6px rgba(10,18,204,.14);position:relative;margin:0 14px;animation:v360d 2.2s ease-in-out infinite}
.v360-hint .ring{position:absolute;left:50%;top:50%;width:170px;height:44px;margin:-22px 0 0 -85px;border:1.5px dashed rgba(10,18,204,.25);border-radius:50%}
.v360-hint svg{width:26px;height:26px;fill:none;stroke:rgba(10,18,204,.6);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;position:relative}
.v360-hint .al{animation:v360l 2.2s ease-in-out infinite}.v360-hint .ar{animation:v360r 2.2s ease-in-out infinite}
.v360-hint em{position:absolute;left:100%;margin-left:30px;font:700 12px/1 system-ui,sans-serif;font-style:normal;letter-spacing:.08em;color:rgba(10,18,204,.55)}
@keyframes v360d{0%,100%{transform:translateX(-10px)}50%{transform:translateX(10px)}}
@keyframes v360l{0%,100%{opacity:.9;transform:translateX(0)}50%{opacity:.25;transform:translateX(-5px)}}
@keyframes v360r{0%,100%{opacity:.9;transform:translateX(0)}50%{opacity:.25;transform:translateX(5px)}}
@media(prefers-reduced-motion:reduce){.v360-hint *{animation:none!important}}
.v360,.v360:focus,.v360:focus-visible,.v360:active{border:0!important;border-radius:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;-webkit-tap-highlight-color:transparent}
.v360-st img{outline:none}
.bk-note{margin:10px 6px 0;font-size:13.5px;line-height:1.4;color:#4a4f6a;text-align:center}
.bk-note.warn{color:#8a4b00;background:#fff4e0;border-radius:12px;padding:8px 12px}
.pk-fee{margin:6px 0 0;font-size:13.5px;color:#8a4b00}
/* currency switcher */
.cur-sw{display:inline-flex;align-items:center;gap:4px;margin:0 0 14px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#fff}
.cur-sw span{padding:0 10px 0 12px;font-size:13px;color:var(--mut,#6b7280)}
.cur-sw button{border:0;background:transparent;border-radius:999px;padding:7px 14px;font:600 13px/1 inherit;cursor:pointer;color:inherit;transition:background .2s,color .2s}
.cur-sw button.on{background:#0A12CC;color:#fff}
.cur-sw button:focus-visible{outline:2px solid #3347FF;outline-offset:2px}
.cur-note{margin:16px 0 12px}

/* ---- v9: review links, delivery tiles, options layout ---- */
.rv-lnks { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 26px; }
.rv-lnks > span { font-size: 14px; font-weight: 600; color: var(--muted); margin-right: 4px; }
.contact .rv-lnks > span { color: rgba(255,255,255,.7); }
.rv-lnk { display: inline-flex; align-items: center; gap: 9px; padding: 11px 18px 11px 12px; border-radius: 999px; background: #fff; color: #0B0F3B; border: 1px solid var(--line); font-size: 14.5px; font-weight: 600; text-decoration: none; transition: transform .25s, box-shadow .25s, border-color .25s; }
.rv-lnk:hover { transform: translateY(-2px); border-color: rgba(10,18,204,.3); box-shadow: 0 16px 28px -18px rgba(10,18,204,.55); }
.rv-lnk .rvw-lg { width: 24px; height: 24px; display: inline-flex; } .rv-lnk .rvw-lg svg { width: 100%; height: 100%; }
.dv-p { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dv-p b { white-space: nowrap; font-size: 17px; }
.ex-pr b { white-space: nowrap; }
@media (min-width: 1000px) { .advs.ex4 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .advs.ex4 > :nth-child(-n+3) { grid-column: span 2; } .advs.ex4 > :nth-child(n+4) { grid-column: span 3; } }
.mgrid.fcg { align-items: stretch; }
@media (min-width: 640px) { .mgrid.fcg { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } }

/* v10 airport */
.air-scene{position:relative;height:150px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#dfe6ff,#f4f6ff 70%);margin-bottom:18px;color:#1b2cff}
.air-plane{position:absolute;top:26px;left:-80px;width:64px;color:#1b2cff;animation:airfly 9s linear infinite}
.air-cl{position:absolute;height:14px;border-radius:14px;background:#fff;opacity:.9}
.air-cl.c1{width:90px;top:22px;left:15%;animation:aircl 30s linear infinite}
.air-cl.c2{width:60px;top:70px;left:60%;animation:aircl 40s linear infinite reverse}
.air-road{position:absolute;left:0;right:0;bottom:0;height:46px;background:#1a2040;background-image:repeating-linear-gradient(90deg,#fff 0 24px,transparent 24px 56px);background-size:100% 3px;background-repeat:no-repeat;background-position:0 22px;animation:airroad 1s linear infinite}
.air-car{position:absolute;bottom:14px;left:-100px;width:80px;color:#fff;animation:aircar 9s ease-in-out infinite}
@keyframes airfly{0%{transform:translate(0,30px) rotate(8deg)}100%{transform:translate(1200px,-10px) rotate(-4deg)}}
@keyframes aircar{0%{transform:translateX(0)}60%,100%{transform:translateX(560px)}}
@keyframes aircl{0%{transform:translateX(0)}100%{transform:translateX(120px)}}
@keyframes airroad{to{background-position:56px 22px}}
.air-prices{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.air-p{background:#f6f7ff;border-radius:22px;padding:22px 24px;transition:transform .3s,box-shadow .3s}
.air-p:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(27,44,255,.12)}
.air-p b{display:block;font-size:40px;line-height:1.1;margin:6px 0}
.air-p b i{font-size:15px;font-style:normal;color:#6b7390}
.air-p small{color:#6b7390}.air-p p{margin:0;color:#4a5170}
.air-i{display:inline-flex;width:44px;height:44px;border-radius:14px;align-items:center;justify-content:center;background:#fff;margin-bottom:10px}
.air-i svg{width:24px}.air-i.day{color:#f5a300}.air-i.night{color:#1b2cff}
.air-i.day svg{animation:airspin 14s linear infinite}
@keyframes airspin{to{transform:rotate(360deg)}}
@media(max-width:700px){.air-prices{grid-template-columns:1fr}.air-scene{height:120px}}
@media(prefers-reduced-motion:reduce){.air-scene *,.air-i svg{animation:none!important}}
.air-p small{display:block}.air-scene{margin-top:22px}

/* v10 border */
.bd-scene{position:relative;height:170px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#dfe6ff,#f4f6ff);color:#1b2cff}
.bd-hill{position:absolute;left:-10%;right:-10%;bottom:40px;height:60px;background:#cdd8ff;border-radius:50% 50% 0 0}
.bd-road{position:absolute;left:0;right:0;bottom:0;height:46px;background:#1a2040}
.bd-post{position:absolute;left:50%;bottom:46px;width:8px;height:56px;background:#1a2040;border-radius:4px}
.bd-bar{position:absolute;left:4px;bottom:44px;width:120px;height:8px;border-radius:4px;background:repeating-linear-gradient(90deg,#e5322d 0 16px,#fff 16px 32px);transform-origin:0 50%;animation:bdbar 8s ease-in-out infinite}
.bd-car{position:absolute;bottom:14px;left:-100px;width:84px;color:#fff;animation:bdcar 8s linear infinite}
.bd-tag{position:absolute;top:16px;padding:6px 12px;border-radius:99px;background:#fff;font-size:13px;font-weight:600}
.bd-tag.l{left:18px}.bd-tag.r{right:18px;color:#fff;background:#1b2cff}
@keyframes bdcar{0%{left:-100px}100%{left:100%}}
@keyframes bdbar{0%,12%{transform:rotate(0)}25%,60%{transform:rotate(-80deg)}75%,100%{transform:rotate(0)}}
@media(prefers-reduced-motion:reduce){.bd-car,.bd-bar{animation:none!important}}

/* v11 fx */
.fx-flyover{position:fixed;inset:0;z-index:70;pointer-events:none;overflow:hidden}
.fx-plane{position:absolute;left:0;top:0;width:min(46vw,520px);filter:drop-shadow(0 12px 18px rgba(0,0,0,.35));animation:fxplane 3.4s cubic-bezier(.45,.05,.4,1) .15s forwards;transform:translate(-60vw,70vh) rotate(-14deg);opacity:0}
@keyframes fxplane{0%{opacity:0;transform:translate(-45vw,78vh) rotate(-16deg) scale(.7)}8%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translate(112vw,-8vh) rotate(-12deg) scale(1.15)}}
.fx-flyover.done{display:none}
.air-prices{margin-top:22px}
/* border map */
.bmap{position:relative;width:100vw;margin-left:calc(50% - 50vw);height:min(100vh,820px);min-height:600px;overflow:hidden;background:radial-gradient(70% 80% at 68% 45%,#e8edff 0%,#fff 62%);margin-top:40px;margin-bottom:40px;color:#0a1226}
.bmap-svg{position:absolute;inset:0;width:100%;height:100%}
.bmap-in{position:absolute;left:max(24px,calc(50% - 590px));top:14%;max-width:400px;z-index:2}
.bmap-k{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#1b2cff;font-weight:700}
.bmap-in h2{font-size:clamp(30px,4vw,54px);line-height:1.05;margin:14px 0;font-weight:800;color:#0a1226}
.bmap-in p{color:#4a5373;font-size:17px;margin:0}
.bmap-ok{display:none!important;position:absolute;z-index:2;left:max(24px,calc(50% - 590px));bottom:9%;background:#1b2cff;color:#fff;font-weight:800;padding:12px 18px;border-radius:14px;opacity:0;transform:translateY(10px);transition:.4s;box-shadow:0 12px 30px rgba(27,44,255,.3)}
.bmap-ok.on{opacity:1;transform:none}
@media(max-width:800px){.bmap{height:auto;min-height:0;padding-top:210px;padding-bottom:70px}.bmap-svg{position:relative;height:auto;aspect-ratio:700/620}.bmap-in{top:28px}.bmap-ok{bottom:22px;left:16px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.bmap-ok{transition:none}}
/* about story */
.ab-story{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;margin-bottom:28px}
.ab-st1 img{width:100%;border-radius:28px;display:block;aspect-ratio:4/3;object-fit:cover}
.ab-tl{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:start}
.ab-pics{display:grid;gap:16px}.ab-pics img{width:100%;border-radius:24px;aspect-ratio:4/3;object-fit:cover}
@media(max-width:800px){.ab-story,.ab-tl{grid-template-columns:1fr}.bmap-in{top:10%}}
/* tools */
.fxt-tabs{display:flex;gap:8px;margin:18px 0 22px;flex-wrap:wrap}
.fxt-tabs button{border:1px solid #d9def5;background:#fff;padding:11px 18px;border-radius:99px;font:600 15px/1 inherit;cursor:pointer;color:#0a1226}
.fxt-tabs button.on{background:#1b2cff;border-color:#1b2cff;color:#fff}
.fxt-q{font-size:20px;font-weight:700;margin:0 0 14px}
.fxt-o{display:flex;gap:10px;flex-wrap:wrap}
.fxt-o button{border:1px solid #d9def5;background:#f6f7ff;padding:14px 20px;border-radius:16px;font:600 16px/1.2 inherit;cursor:pointer;color:#0a1226;transition:.2s}
.fxt-o button:hover{background:#e8ecff;transform:translateY(-2px)}
.fxt-pr{display:flex;gap:6px;margin-bottom:18px}.fxt-pr i{width:46px;height:5px;border-radius:3px;background:#d9def5}.fxt-pr i.on{background:#1b2cff}
.fxt-res .mgrid{margin-top:16px}.fxt-re{border:0;background:none;color:#1b2cff;font:600 15px/1 inherit;cursor:pointer;margin-top:16px;padding:0}
.fxt-sel{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fxt-sel select{width:100%;padding:14px;border-radius:14px;border:1px solid #d9def5;background:#f6f7ff;font:600 16px/1 inherit;color:#0a1226}
.fxt-cmp{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fxt-c{background:#f6f7ff;border-radius:22px;padding:18px}
.fxt-c img{width:100%;aspect-ratio:2/1;object-fit:contain}.fxt-c h3{margin:6px 0 12px;font-size:22px}
.fxt-c dl{margin:0}.fxt-c dl div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #e1e5fa}
.fxt-c dt{color:#6b7390}.fxt-c dd{margin:0;font-weight:700}.fxt-c dd.win{color:#0c9a54}
@media(max-width:700px){.fxt-sel,.fxt-cmp{grid-template-columns:1fr}}
/* reveal fade */
.rvf .rv{opacity:0;transition:opacity .9s var(--ease),transform .9s var(--ease)}.rvf .rv.in{opacity:1}
@media(prefers-reduced-motion:reduce){.fx-flyover,.fx-gulls{display:none}}

.ab-st1 img,.ab-pics img{object-fit:contain;background:#f6f7ff;padding:14px;box-sizing:border-box}
.fxt-c img{aspect-ratio:2.6/1}

.ofv-box{margin-top:18px;border-radius:26px;overflow:hidden;background:#0a1226;aspect-ratio:16/9}
.ofv-box video{width:100%;height:100%;object-fit:cover;display:block}

.hero-bg img[src*="hero-aero"]{object-position:50% 14%}.hero-bg img[src*="hero-abroad"]{object-position:50% 70%}
@media(max-width:800px){.bmap{padding-bottom:150px}.bmap-ok{bottom:130px;left:16px;right:auto}}
/* compare dropdown v2 */
.fxt-sel{position:relative;z-index:5;gap:18px}
.fxt-dd{position:relative}
.fxt-dd-b{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:10px 16px 10px 10px;border-radius:20px;border:1.5px solid #d9def5;background:#fff;cursor:pointer;color:#0a1226;font:inherit;transition:.2s;box-shadow:0 6px 20px rgba(27,44,255,.05)}
.fxt-dd-b:hover,.fxt-dd.open .fxt-dd-b{border-color:#1b2cff;box-shadow:0 10px 28px rgba(27,44,255,.14)}
.fxt-dd .im{width:84px;height:56px;border-radius:14px;background:#f3f5ff;display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden}
.fxt-dd .im img{width:100%;height:100%;object-fit:contain}
.fxt-dd .tx{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.fxt-dd .tx b{font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fxt-dd .tx small{font-size:13.5px;color:#6b7390}
.fxt-dd-b>svg{width:22px;height:22px;flex:none;color:#1b2cff;transition:transform .25s}
.fxt-dd.open .fxt-dd-b>svg{transform:rotate(180deg)}
.fxt-dd-l{position:absolute;left:0;right:0;top:calc(100% + 10px);max-height:420px;overflow:auto;background:#fff;border:1px solid #e1e5fa;border-radius:22px;padding:8px;box-shadow:0 24px 60px rgba(10,18,38,.18);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s;z-index:20}
.fxt-dd.open .fxt-dd-l{opacity:1;visibility:visible;transform:none}
.fxt-dd-o{width:100%;display:flex;align-items:center;gap:14px;padding:8px 12px 8px 8px;border:0;background:none;border-radius:16px;cursor:pointer;text-align:left;font:inherit;color:#0a1226;transition:background .15s}
.fxt-dd-o:hover{background:#f1f3ff}
.fxt-dd-o.on{background:#e8ecff}
.fxt-dd-o.on .tx b{color:#1b2cff}
.fxt-dd-o .im{width:72px;height:48px}
.fxt-dd-o .tx b{font-size:16px}
.fxt-dd-l::-webkit-scrollbar{width:8px}.fxt-dd-l::-webkit-scrollbar-thumb{background:#cfd6fb;border-radius:8px}
.fxt-c{background:#fff;border:1px solid #e6e9fb;box-shadow:0 14px 40px rgba(27,44,255,.06)}
@media(max-width:700px){.fxt-dd .im{width:64px;height:44px}.fxt-dd-l{max-height:340px}}

/* mobile home v2 */
.hero-sub,.hero-eye{display:none}
.bk-fab,.bk-note{display:none}
@media(max-width:767px){
  .view[data-view=home] .hero{position:relative}
  .view[data-view=home] .hero-bg{background:linear-gradient(180deg,#14336f 0%,#2a58a6 55%,#c9a979 100%)!important}
  .view[data-view=home] .hero-bg img{display:none!important}
  .view[data-view=home] .hero-bg::after{background:linear-gradient(180deg,rgba(6,9,18,.66) 0%,rgba(6,9,18,.5) 24%,rgba(6,9,18,.12) 42%,rgba(6,9,18,0) 50%,rgba(6,9,18,0) 62%,rgba(6,9,18,.55) 84%,rgba(6,9,18,.82) 100%)!important}
  .view[data-view=home] .hero .hero-top{margin-top:clamp(18px,4vh,40px)}
  .view[data-view=home] .hero .hero-top>div{text-align:right!important;width:100%}
  .view[data-view=home] .hero-eye{display:none!important}
  .view[data-view=home] .hero h1{text-align:right!important;white-space:normal!important;font-family:var(--display)!important;font-size:clamp(22px,7vw,29px)!important;line-height:1.2!important;letter-spacing:.02em;text-transform:uppercase;font-weight:400!important;margin:0 0 0 auto;max-width:100%;text-shadow:0 2px 24px rgba(0,0,0,.35)}
  .view[data-view=home] .hero h1 .w{display:block!important}
  .view[data-view=home] .hero h1 br{display:none}.view[data-view=home] .hero h1 .hnw{white-space:nowrap}.view[data-view=home] .hero h1 .hnw .w{display:inline-block!important}
  .view[data-view=home] .hero-sub{display:block;margin:12px 0 0 auto;max-width:23em;font-size:12px;line-height:1.4;text-align:right;color:rgba(255,255,255,.94);text-shadow:0 1px 12px rgba(0,0,0,.55)}
  .bk-note{display:block;position:fixed;z-index:30;left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 78px);text-align:center;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.92);text-shadow:0 1px 8px rgba(0,0,0,.6);transition:opacity .3s}
  body.drawer-open .bk-note,body.call-open .bk-note,body.hero-out .bk-note{opacity:0;pointer-events:none}
  .bookwrap{display:none!important}
  .callbtn{width:46px;padding:0!important;justify-content:center;gap:0!important}
  .callbtn span{display:none}.callbtn .dot{display:none}
  .callbtn svg{width:20px!important;height:20px!important}
  .sheet{padding:8px!important;border-radius:20px!important;top:54px!important}
  .sheet h2{display:none}
  .sheet .row{padding:9px 10px!important;gap:12px!important}
  .sheet .row small{display:none}
  .sheet .ic{width:38px!important;height:38px!important}
  body.call-open::after{content:"";position:fixed;inset:0;background:rgba(6,10,24,.42);z-index:39;pointer-events:none}
  .bk-fab{display:flex;position:fixed;z-index:30;left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);height:56px;align-items:center;justify-content:center;gap:10px;border:0;border-radius:99px;background:#0a12cc;color:#fff;font:700 17px/1 inherit;box-shadow:0 14px 34px -8px rgba(10,18,204,.7);cursor:pointer;transition:transform .3s,opacity .3s}
  .bk-fab svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  body.drawer-open .bk-fab,body.call-open .bk-fab{transform:translateY(140%);opacity:0;pointer-events:none}
  .view[data-view=home]{padding-bottom:84px}
}

/* mobile: section heads centered */
@media(max-width:767px){
  .view:not([data-view=home]) .section>.eyebrow,.view .section>.eyebrow{display:flex;justify-content:center}
  .view .section>.eyebrow::after{content:"";width:18px;height:2px;border-radius:2px;background:currentColor;opacity:.9}
  .view .section>.h2,.view .section>.lead,.view .section>p.lead,.view .section>.cp-note,.view .section>h2{text-align:center;margin-left:auto;margin-right:auto}
  .view .section>.eyebrow+.h2{text-wrap:balance}
}

@media(max-width:767px){
  /* carousel head: title centered, arrows below */
  .veh-head{flex-direction:column!important;align-items:center!important;text-align:center;gap:14px}
  .veh-head>div:first-child{display:flex;flex-direction:column;align-items:center}
  .veh-head .eyebrow::after{content:"";width:18px;height:2px;border-radius:2px;background:currentColor}
  .veh-head .h2{text-align:center}
  /* contact card */
  .cof-l{text-align:center}
  .cof-l>.eyebrow{display:flex;justify-content:center}
  .cof-l>.eyebrow::after{content:"";width:18px;height:2px;border-radius:2px;background:currentColor}
  .cof-l>.lead{margin-left:auto;margin-right:auto}
  .cof-l .bigtel{display:block;text-align:center}
}
@media(max-width:767px){
  .view .eyebrow{text-align:center}
  .view .h2,.cp-h,.fq-t{text-align:center}
  .view div:not(.cof-l)>.eyebrow:only-of-type{margin-left:auto;margin-right:auto}
}

@media(max-width:767px){
  .view:not([data-view=home]) .hero .hero-in,.view:not([data-view=home]) .hero h1,.view:not([data-view=home]) .hero p,.view:not([data-view=home]) .hero .crumbs{text-align:center}
  .view:not([data-view=home]) .hero .crumbs{justify-content:center}
  .view:not([data-view=home]) .hero .intro,.view:not([data-view=home]) .hero p{margin-left:auto;margin-right:auto}
}
.lead .lm{display:none}
@media(max-width:767px){
  .lead .ld{display:none}.lead .lm{display:inline}
  /* classes */
  .view[data-view=home] .cats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .view[data-view=home] .cats .cat:last-child{grid-column:1/-1}
  .view[data-view=home] .cat-sub{display:none}
  /* advantages */
  #advTitle{text-transform:uppercase;letter-spacing:.02em}
  .view[data-view=home] .advs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .view[data-view=home] .adv p{display:none}
  .view[data-view=home] .adv{text-align:center;padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:10px}
  .view[data-view=home] .adv h3{margin:0;font-size:14px;line-height:1.25}
  /* vehicles wheel */
  .view[data-view=home] .vnav,.view[data-view=home] .vdots,.view[data-view=home] .veh .vall{display:none!important}
  /* footer */
  .sfoot,.sfoot .sf-brand,.sfoot .sf-col,.sfoot .sf-note,.sfoot .sf-bot,.sfoot .sf-bot p{text-align:center}
  .sfoot .sf-brand{display:flex;flex-direction:column;align-items:center}
  .sfoot .sf-brand p{margin-left:auto;margin-right:auto}
  .sfoot .sf-msg,.sfoot .sf-soc{justify-content:center}
  .sfoot .sf-col li a:hover{transform:none}
  .sfoot .sf-bot{align-items:center}.sfoot .sf-bot div{justify-content:center}
  .sfoot .sf-addr{text-align:center}
  /* contacts */
  .cof-l,.cof-l .eyebrow,.cof-l .h2,.cof-l .lead{text-align:center}
  .cof-l .bigtel{display:block;text-align:center}
  .cof-info li{justify-content:center;text-align:left}
  .cof-btns{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
  .cof-btns a{justify-content:center;text-align:center}
}
@media(max-width:767px){
  .view[data-view=home] .cat-go{display:none}
  .view[data-view=home] .cat h3{font-size:clamp(13px,3.9vw,16px);line-height:1.2;overflow-wrap:anywhere;hyphens:auto}
  .view[data-view=home] .cat-top{padding-right:0}
}
@media(max-width:767px){
  .sfoot .sf-soc>div{display:flex;flex-wrap:nowrap;justify-content:center;gap:6px}
  .sfoot .sf-soc a{padding:8px 10px;font-size:12.5px;gap:5px;white-space:nowrap}
  .sfoot .sf-soc a svg{width:15px;height:15px}
  .sfoot .sf-top{grid-template-columns:1fr;gap:28px}
}
@media(max-width:767px){
}
.hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:opacity 1.2s ease;display:block}
.hero-bg::after{z-index:1}
.h2 .lm{display:none}
@media(max-width:767px){
  .hero-vid{display:none!important}
  .h2 .ld{display:none}.h2 .lm{display:inline}
  #klassyTitle{text-transform:uppercase;letter-spacing:.02em}
  #popTitle{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .view[data-view=home] .veh-head{margin-bottom:10px}
  #stTitle{text-transform:uppercase;letter-spacing:.02em;font-size:clamp(20px,6vw,24px);line-height:1.2;max-width:9.5em;margin-inline:auto;text-wrap:balance;padding-inline:8px}
  .bk-fab{justify-content:center}
  .bk-fab span{font-size:16px;font-weight:600;letter-spacing:.01em}
  /* wheel smaller, dots below */
}
@media(min-width:768px){
  .hero-vid{filter:brightness(1.7) contrast(1.05) saturate(1.1)}
  .view[data-view=home] .hero-bg::after{background:linear-gradient(180deg,rgba(4,8,18,.45) 0%,rgba(4,8,18,.05) 34%,rgba(4,8,18,.05) 60%,rgba(4,8,18,.7) 100%),linear-gradient(90deg,rgba(4,8,18,.5),rgba(4,8,18,0) 62%)!important}
}
@media(max-width:767px){
}
@media(max-width:767px){
}
@media(max-width:767px){
  #stTitle{font-size:clamp(16px,4.6vw,20px)!important;max-width:none!important;padding-inline:0!important;letter-spacing:.01em!important}
}
@media(max-width:767px){
  /* vehicles: horizontal swipe, full cards */
  .vw{position:relative}
  .view[data-view=home] #vTrack{display:flex!important;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 4px 4px;margin:0;touch-action:pan-x pan-y}
  .view[data-view=home] #vTrack::-webkit-scrollbar{display:none}
  .view[data-view=home] #vTrack .vfc{flex:0 0 84%;width:84%;max-width:none;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
  .vw-cnt{position:absolute;left:calc(42% + 2px);transform:translateX(-50%);top:14px;padding:4px 10px;border-radius:999px;background:rgba(10,18,40,.55);color:#fff;font-size:11.5px;font-weight:600;letter-spacing:.04em;pointer-events:none;z-index:2;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
  /* classes: slider */
  .view[data-view=home] .cats{display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 6px;-webkit-overflow-scrolling:touch}
  .view[data-view=home] .cats::-webkit-scrollbar{display:none}
  .view[data-view=home] .cats .cat,.view[data-view=home] .cats .cat:last-child{flex:0 0 62%;grid-column:auto;scroll-snap-align:start}
  .view[data-view=home] .cat-top{padding-right:0}
  .view[data-view=home] .cat h3{font-size:16px}
  /* picker on home */
  .fxt-h{padding-top:8px}
}
.fxt-h .fxt-tabs,.fxt-h [data-p=cmp]{display:none!important}
.fxt-h .fxt-pr{margin-top:22px}.fxt-h .fxt-p{margin-top:0}
@media(max-width:767px){
  /* picker (home) */
  .fxt-h{text-align:center}
  .fxt-h .h2{text-transform:uppercase;letter-spacing:.02em;font-size:clamp(20px,6vw,25px);line-height:1.2}
  .fxt-h .fxt-pr{display:flex;justify-content:center;gap:6px}
  .fxt-h .fxt-pr i{width:34px}
  .fxt-h .fxt-q{text-align:center;margin:18px 0 14px}
  .fxt-h .fxt-o{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
  .fxt-h .fxt-o button{padding:11px 14px;font-size:14px;white-space:nowrap}
  .fxt-h .fxt-res .fxt-q{text-align:center}
  .fxt-h .fxt-re{display:block;margin:14px auto 0}
  /* vehicles dots + spacing */
  .vw-cnt{display:flex;gap:5px;align-items:center;padding:6px 9px;font-size:0}
  .vw-cnt i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.28);transition:all .25s}
  .vw-cnt i.n1{background:rgba(255,255,255,.55)}
  .vw-cnt i.on{width:16px;border-radius:3px;background:#fff}
  .view[data-view=home] .veh-head{margin-bottom:26px}
  /* advantages */
  .view[data-view=home] .adv{position:relative;overflow:hidden;background:linear-gradient(160deg,#fff 0%,#f1f3ff 100%);border:1px solid #e1e5fb;border-radius:22px;box-shadow:0 8px 22px -12px rgba(27,44,255,.28);padding:20px 10px 18px;gap:12px}
  .view[data-view=home] .adv::before{content:"";position:absolute;right:-26px;top:-26px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(27,44,255,.13),rgba(27,44,255,0) 70%)}
  .view[data-view=home] .adv .adv-ic{width:50px;height:50px;border-radius:16px;background:linear-gradient(140deg,#1b2cff,#5a6bff);box-shadow:0 8px 16px -6px rgba(27,44,255,.55);display:grid;place-items:center;position:relative}
  .view[data-view=home] .adv .adv-ic svg{width:24px;height:24px;stroke:#fff;color:#fff;fill:none}
  .view[data-view=home] .adv h3{font-size:13.5px;font-weight:600;line-height:1.3;color:#0c1230;position:relative}
}
@media(max-width:767px){
  /* headings uppercase everywhere */
  .view .h2,.cof .h2,.fxt .h2{text-transform:uppercase;letter-spacing:.015em;font-size:clamp(19px,5.6vw,24px);line-height:1.22;text-wrap:balance}
  /* vehicles dots under slider */
  .vw-cnt{position:static;transform:none;margin:14px auto 0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:center;width:max-content;padding:0}
  .vw-cnt i{background:#c9cde6}.vw-cnt i.n1{background:#9aa1cc}.vw-cnt i.on{background:#1b2cff}
  .fc-more svg{display:none}
  .fc-more{justify-content:center;text-align:center}
  /* classes on home: all visible */
  .view[data-view=home] .cats{display:grid!important;grid-template-columns:repeat(6,1fr);gap:10px;overflow:visible;padding:0}
  .view[data-view=home] .cats .cat,.view[data-view=home] .cats .cat:last-child{grid-column:span 2;flex:none;min-height:0;padding:12px 8px 8px;display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:18px}
  .view[data-view=home] .cats .cat:nth-child(n+4){grid-column:span 3}
  .view[data-view=home] .cat-top{justify-content:center;width:100%}
  .view[data-view=home] .cat h3{font-size:12.5px;line-height:1.2;text-align:center}
  .view[data-view=home] .cat-photo{margin-top:4px;width:100%}
  .view[data-view=home] .cat-photo img{height:44px;width:100%;object-fit:contain}
  .view[data-view=home] .cats .cat:nth-child(n+4) .cat-photo img{height:58px}
  /* avtopark page: chips all visible, compact hero */
  .chips{flex-wrap:wrap!important;overflow:visible!important;justify-content:center;gap:8px}
  .phero.av h1{font-size:clamp(21px,6vw,25px)!important;letter-spacing:.02em}
  .phero.av .intro{font-size:13px!important;line-height:1.5;max-width:26em;margin-inline:auto}
  .phero.av .stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;margin-top:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:8px 2px}
  .phero.av .stat{background:none!important;border:0!important;padding:4px 2px!important;min-width:0;text-align:center;border-radius:0}
  .phero.av .stat+.stat{border-left:1px solid rgba(255,255,255,.14)!important}
  .phero.av .stat b{font-size:13.5px!important;white-space:nowrap}
  .phero.av .stat small{font-size:9px!important;line-height:1.2;display:block;margin-top:2px}
  /* picker everywhere centered */
  .fxt{text-align:center}
  .fxt-tabs{justify-content:center}
  .fxt-pr{display:flex;justify-content:center}
  .fxt-q{text-align:center}
  .fxt-o{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
  .fxt-o button{white-space:nowrap}
  .fxt-re{display:block;margin:14px auto 0}
  /* inner pages: calmer hero and tiles */
  .view:not([data-view=home]) .hero h1{font-size:clamp(21px,6.2vw,26px)}
  .view:not([data-view=home]) .hero .intro,.view:not([data-view=home]) .hero p{font-size:13.5px;line-height:1.5}
  .view:not([data-view=home]) .advs{display:grid;grid-template-columns:1fr 1fr!important;gap:10px}
  .view:not([data-view=home]) .adv{text-align:center;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;border-radius:18px}
  .view:not([data-view=home]) .adv .adv-ic{width:38px;height:38px;border-radius:12px;margin:0}
  .view:not([data-view=home]) .adv .adv-ic svg{width:20px;height:20px}
  .view:not([data-view=home]) .adv h3{font-size:14px;line-height:1.25;margin:0}
  .view:not([data-view=home]) .adv p{font-size:12px;line-height:1.45;margin:0}
  .view:not([data-view=home]) .advs>:last-child:nth-child(odd){grid-column:1/-1}
}
@media(max-width:767px){
  .chips{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px!important}
  .chips>*{justify-content:center;padding:9px 6px!important;font-size:12.5px!important;white-space:nowrap;min-width:0}
  .phero.av .stat b{color:#fff!important}.phero.av .stat small{color:rgba(255,255,255,.75)!important}
}
@media(max-width:767px){
  .chips{display:flex!important;flex-wrap:wrap;justify-content:center;gap:7px!important}
  .chips>*{padding:8px 10px!important;font-size:12.5px!important;gap:6px}
}
.mb{display:none}
.sf-pay{margin:18px 0 0;font-size:13px;font-weight:600;color:rgba(255,255,255,.85);text-align:center}
@media(min-width:768px){.sf-pay{text-align:left}}
@media(max-width:767px){
  .mb{display:inline}
  /* avtopark hero intro */
  .phero.av .intro{font-size:clamp(10px,3vw,12px)!important;white-space:nowrap;max-width:none!important;opacity:.85}
  /* chips: 3 x 2 equal grid, no counts */
  .chips{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px!important;justify-items:stretch}
  .chips>*{justify-content:center;padding:10px 4px!important;font-size:12px!important;min-width:0;gap:0;white-space:nowrap}
  .chips>* :is(span,small,i,em):last-child:not(:first-child){display:none}
  /* footer breathing room */
  .sfoot .sf-top{gap:44px!important}
  .sfoot .sf-col h3{margin-bottom:18px}
  .sfoot .sf-col ul{gap:10px}
  .sfoot .sf-col li a{padding:7px 0;font-size:15px}
  .sfoot .sf-note{margin-top:34px}
  .sfoot .sf-bot{margin-top:30px;gap:16px}
  /* usloviya / dop small tables fit the screen */
  .tw-s{overflow:visible!important;margin-top:16px!important}
  .tt-s{width:100%!important;min-width:0!important}
  .tt-s th,.tt-s td{white-space:normal!important;padding:12px 12px!important;font-size:13.5px!important}
  .tt-s td{white-space:nowrap!important;text-align:right;font-weight:700;color:#1b2cff}
  .tt-s thead th:last-child{text-align:right}
  /* rules lists readable */
  .rules li{padding:14px 16px 14px 48px!important;font-size:13.5px!important;line-height:1.6;color:#4a5373}
  .rules li b{display:block;font-size:15px;color:#0b1030;margin-bottom:4px}
  .rules li .mb{display:block;content:"";height:5px}
  /* vyezd map: text above, map below */
  .bmap{padding-top:0!important;padding-bottom:30px!important}
  .bmap-in{position:static!important;max-width:none!important;text-align:center;padding:34px 22px 6px}
  .bmap-in h2{font-size:clamp(22px,6.4vw,28px)!important;margin:10px 0}
  .bmap-in p{font-size:14px!important}
  .bmap-k{font-size:11px}
  .bmap-svg{margin-top:10px}
  /* car page */
  .cs-slide:nth-child(n+2){scale:.72;transform-origin:50% 62%}
  .cp-head{text-align:center}
  .cp-head h1,.cp-lead{text-align:center}
  .cp-lead{font-size:13.5px;max-width:30em;margin-inline:auto}
  .cp-h{text-transform:uppercase;letter-spacing:.02em;font-size:clamp(19px,5.4vw,23px);text-align:center}
  .cp-text,.cp-about p,.cp-desc{text-align:center}
}
@media(max-width:767px){
  .cp-text>p,.cp-note{text-align:center}
  .cp-eq{display:flex!important;flex-wrap:wrap;justify-content:center;gap:6px!important}
  .cp-eq li{padding:7px 11px!important;font-size:12.5px!important;gap:6px}
  .cp-eq li svg{width:13px;height:13px}
  .cur-sw{display:flex!important;justify-content:center;margin-left:auto;margin-right:auto;width:max-content;max-width:100%}
}
@media(max-width:767px){
  .chip small{display:none!important}
  .chips .chip{padding:10px 2px!important;font-size:12px!important}
  .bmap{display:flex!important;flex-direction:column}
  .bmap-in{order:-1}
  .cp-specs,.cp-specs li,.cp-cond li,.cp-cond li *{text-align:left}
}
@media(max-width:767px){
  /* car page: no duplicate lead, centered specs, airy rhythm */
  .cp-lead{display:none!important}
  .cp-head h1{margin-bottom:6px}
  .cp-specs{margin-top:18px!important}
  .cp-specs li{flex-direction:column;align-items:center!important;text-align:center!important;gap:8px;padding:16px 8px!important}
  .cp-specs li *{text-align:center!important}
  .cp-specs .sp-t{display:flex;flex-direction:column;align-items:center;gap:3px}
  .cp-text .cp-h{margin:52px 0 20px!important}
  .cp-text .cp-h:first-child{margin-top:36px!important}
  .cp-text>p{font-size:13px!important;line-height:1.75!important;color:#4a5373}
  .cp-eq{margin:4px 0 14px!important;gap:8px!important}
  .cp-note{margin-top:14px!important;font-size:12px!important;line-height:1.6!important}
  .cur-sw{margin-bottom:20px!important}
  .cp-tiers{gap:2px}
  .cp-cond{gap:12px!important}
  /* sticky book bar: name + button only */
  .cp-bar small{display:none!important}
  /* general breathing room */
  .view .section{padding-top:60px!important}
  .view .eyebrow{margin-bottom:12px}
  .view .h2{margin-bottom:22px!important}
  .view .lead{margin-bottom:22px}
  .view .advs,.view .steps,.view .rules,.view .faq{margin-top:22px}
  .view .steps>*,.view .rules>*{margin-bottom:2px}
  /* home classes: bigger photos, 2 columns */
  .view[data-view=home] #h-klassy .lead{font-size:12.5px!important;color:#6b7394}
  .view[data-view=home] .cats{grid-template-columns:1fr 1fr!important;gap:12px}
  .view[data-view=home] .cats .cat,.view[data-view=home] .cats .cat:nth-child(n+4),.view[data-view=home] .cats .cat:last-child{grid-column:auto!important;padding:14px 10px 10px}
  .view[data-view=home] .cats .cat:last-child{grid-column:1/-1!important}
  .view[data-view=home] .cat h3{font-size:14px!important}
  .view[data-view=home] .cat-photo img,.view[data-view=home] .cats .cat:nth-child(n+4) .cat-photo img{height:84px!important}
  .view[data-view=home] .cats .cat:last-child .cat-photo img{height:104px!important}
}
@media(max-width:767px){
  .view[data-view=home] .cat-photo{overflow:hidden}
  .view[data-view=home] .cat-photo img{transform:scale(1.4)!important;transform-origin:50% 55%}
  .view[data-view=home] .cats .cat:last-child .cat-photo img{transform:scale(1.25)!important}
}
@media(max-width:767px){
  .view[data-view=home] .cat-photo{height:98px}
  .view[data-view=home] .cats .cat:last-child .cat-photo{height:120px}
  .view[data-view=home] .cat-photo img,.view[data-view=home] .cats .cat:nth-child(n+4) .cat-photo img{height:100%!important;transform:scale(1.12)!important;transform-origin:50% 60%}
  .view[data-view=home] .cats .cat:last-child .cat-photo img{transform:scale(1.1)!important}
}
@media(max-width:767px){
  .view[data-view=home] .cat-photo{height:86px;margin-top:-6px}
  .view[data-view=home] .cats .cat:last-child .cat-photo{height:104px}
  .view[data-view=home] .cat-photo img{transform:scale(1.22)!important;transform-origin:50% 72%}
}
@media(max-width:767px){
  .cform .bk{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .cform .bk>*,.cform .dates,.cform .f,.cform .f-wide{grid-column:1/-1!important;width:100%!important;min-width:0}
  .cform .dates{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .cform .f{min-height:0!important;height:auto!important}
  .cform textarea{min-height:88px;height:88px;width:100%}
  .cform .bbtn{width:100%;justify-content:center;text-align:center}
}
.hero-mv{display:none}
@media(max-width:767px){
  .hero-mv{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;transition:opacity .8s ease}
}
.hero-loc{display:none}
@media(max-width:767px){
  .view[data-view=home] .hero-loc{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:10px 0 0 auto;font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.5)}
  .view[data-view=home] .hero-loc svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
}
@media(max-width:767px){.view[data-view=home] .hero-loc{margin-top:14px;font-size:13px}}
@media(max-width:767px){.view[data-view=home] .hero-loc{font-size:12px!important;font-weight:inherit!important;line-height:1.4;color:rgba(255,255,255,.94)!important;margin-top:12px!important}.view[data-view=home] .hero-loc svg{width:14px;height:14px}}
/* rules: clickable link in blue */
.view .rules a{color:var(--blue,#0A12CC);font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.view .rules a:hover{text-decoration-color:transparent}
/* desktop header: hover dropdowns */
@media (min-width:900px){
.dnav .dd{position:relative}
.dnav .dd>a{display:flex;align-items:center;gap:7px}
.dnav .dd>a svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease;opacity:.75}
.dnav .dd:hover>a svg,.dnav .dd:focus-within>a svg{transform:rotate(180deg)}
.dnav .dd:hover>a::after,.dnav .dd:focus-within>a::after{transform:scaleX(1)}
.dnav .dd-m{position:absolute;top:calc(100% + 6px);left:0;min-width:250px;padding:8px;background:#fff;border:1px solid #e3e6f5;border-radius:18px;box-shadow:0 26px 54px -22px rgba(13,15,51,.4);display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:80}
.dnav .dd-m::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.dnav .dd:hover .dd-m,.dnav .dd:focus-within .dd-m{opacity:1;visibility:visible;transform:none}
.dnav .dd-m a{display:block;padding:11px 14px;border-radius:12px;font-size:14px;font-weight:600;color:#14163a;white-space:nowrap}
.dnav .dd-m a::after{display:none}
.dnav .dd-m a:hover{background:#eef0ff;color:#0A12CC}
}
/* price tables on phones: one card per car, no sideways scrolling */
@media (max-width:767px){
.view .tw:has(table.tt:not(.tt-s)){overflow:visible;border:0;background:none;box-shadow:none;border-radius:0;padding:0}
.view table.tt:not(.tt-s){min-width:0!important;width:100%;display:block;border:0}
.view table.tt:not(.tt-s) thead{display:none}
.view table.tt:not(.tt-s) tbody{display:grid;gap:12px}
.view table.tt:not(.tt-s) tr{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:0;background:#fff;border:1px solid var(--line,#e3e6f5);border-radius:20px;overflow:hidden;box-shadow:0 10px 24px -18px rgba(13,15,51,.35)}
.view table.tt:not(.tt-s) tr>th[scope=row]{grid-column:1/-1;position:static;display:block;padding:16px 18px 12px;background:#f4f5ff;border:0;text-align:left;width:auto}
.view table.tt:not(.tt-s) .tn{font-size:16px;font-weight:700}
.view table.tt:not(.tt-s) tr>th small{display:block;margin-top:4px;font-size:12px;font-weight:500;color:#6b7099}
.view table.tt:not(.tt-s) td{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px 14px;border:0;border-left:1px solid var(--line,#e3e6f5);text-align:center;font-size:19px;font-weight:700;color:#0A12CC}
.view table.tt:not(.tt-s) td:first-of-type{border-left:0}
.view table.tt:not(.tt-s) td::before{content:attr(data-label);font-size:10.5px;font-weight:600;letter-spacing:.02em;color:#6b7099;white-space:nowrap}
.view table.tt:not(.tt-s) td::after{content:"BYN";font-size:10px;font-weight:600;color:#8a8fb0;margin-top:-2px}
}
@media (max-width:767px){
.view table.tt:not(.tt-s) tr:has(td:nth-of-type(5)){grid-template-columns:repeat(5,minmax(0,1fr))}
.view table.tt:not(.tt-s) tr:has(td:nth-of-type(5)) td{font-size:16.5px;padding:12px 2px 13px}
.view table.tt:not(.tt-s) tr:has(td:nth-of-type(5)) td::before{font-size:9.5px;letter-spacing:0}
.view table.tt:not(.tt-s) tr:has(td:nth-of-type(3)):not(:has(td:nth-of-type(4))){grid-template-columns:repeat(3,minmax(0,1fr))}
.view table.tt:not(.tt-s) tr:has(td:nth-of-type(2)):not(:has(td:nth-of-type(3))){grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* approximate-currency note under the booking summary */
.sum-note{display:flex;gap:10px;align-items:flex-start;margin:12px 0 0;padding:12px 14px;border-radius:14px;background:#eef0ff;border:1px solid #dfe3fb;color:#3b4170;font-size:12.5px;line-height:1.5}
.sum-note svg{flex:none;width:18px;height:18px;margin-top:1px;fill:none;stroke:#0A12CC;stroke-width:1.8;stroke-linecap:round}
.sum-note b{color:#0A12CC;font-weight:700;white-space:nowrap}
/* about: wide vertical timeline */
.ab-tl{grid-template-columns:1fr!important;gap:28px}
.ab-tl .tl{grid-template-columns:1fr!important;gap:0;margin:0;position:relative}
.ab-tl .tl::before{content:"";position:absolute;left:27px;top:28px;bottom:28px;width:2px;background:linear-gradient(#2B3BFF,#c9cffc)}
.ab-tl .tl li{flex-direction:row!important;gap:22px;align-items:flex-start;padding:0 0 22px;background:none;border:0;border-radius:0;position:relative}
.ab-tl .tl li:last-child{padding-bottom:0}
.ab-tl .tl-n{width:56px;height:56px;font-size:20px;box-shadow:0 0 0 6px #fff,0 12px 24px -12px rgba(10,18,204,.6);position:relative;z-index:1}
.ab-tl .tl li>div{flex:1;min-width:0;padding:22px 26px;border-radius:24px;background:var(--tint);border:1px solid var(--line)}
.ab-tl .tl h3{font-size:20px;margin:0 0 8px}
.ab-tl .tl p{margin:0;font-size:16px;line-height:1.65;color:#3b4170;max-width:75ch}
.ab-tl .ab-pics{grid-template-columns:1fr 1fr;gap:20px}
.ab-q{margin:22px 0;padding:6px 0 6px 22px;border-left:4px solid #2B3BFF;font-size:clamp(19px,2.2vw,24px);line-height:1.4;font-weight:600;color:#14172e}
@media(max-width:600px){.ab-tl .tl::before{left:21px}.ab-tl .tl li{gap:14px}.ab-tl .tl-n{width:44px;height:44px;font-size:17px}.ab-tl .tl li>div{padding:18px}.ab-tl .ab-pics{grid-template-columns:1fr}}
/* newsletter pop-up */
.nl{position:fixed;z-index:120;right:24px;bottom:24px;width:min(380px,calc(100vw - 32px));padding:24px 24px 20px;border-radius:26px;background:#fff;border:1px solid #E4E6F3;box-shadow:0 30px 70px -28px rgba(10,18,80,.45);opacity:0;transform:translateY(20px);transition:opacity .3s,transform .3s}
.nl.on{opacity:1;transform:none}
.nl-x{position:absolute;top:10px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:#F4F5FF;color:#14172e;font-size:22px;line-height:1;cursor:pointer}
.nl-k{display:inline-block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#2B3BFF}
.nl h3{margin:8px 34px 8px 0;font-size:20px;line-height:1.25;color:#14172e}
.nl p{margin:0 0 14px;font-size:14.5px;line-height:1.5;color:#5B5F85}
.nl-f{display:flex;gap:8px}
.nl-f input{flex:1;min-width:0;height:48px;padding:0 16px;border-radius:999px;border:1px solid #D5D8EE;font:inherit;font-size:15px;background:#fff;color:#14172e}
.nl-f input.bad{border-color:#e5484d}
.nl-f button{flex:none;height:48px;padding:0 20px;border:0;border-radius:999px;background:linear-gradient(135deg,#2B3BFF,#0A12CC);color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.nl-f button:disabled{opacity:.6}
.nl-s{display:block;margin-top:10px;font-size:12px;line-height:1.45;color:#7a7fa3}.nl-s a{color:#2B3BFF;text-decoration:underline}
.nl-ok{margin:6px 0 0!important;font-weight:600;color:#14172e!important}
@media(max-width:600px){.nl{right:8px;left:8px;bottom:8px;width:auto;padding:20px 18px 16px}.nl-f{flex-direction:column}.nl-f input{flex:none;width:100%;box-sizing:border-box}.nl-f button{width:100%}}
.ab-tl .ab-pics img{aspect-ratio:16/9}
.ab-st1 img.ab-logo{object-fit:contain;background:#fff;border:1px solid var(--line,#E4E6F3);padding:clamp(28px,6vw,72px);aspect-ratio:4/3;box-sizing:border-box}
.ab-tl .ab-pics{grid-template-columns:repeat(3,1fr);gap:16px}
.ab-tl .ab-pics img{object-fit:cover!important;padding:0!important;background:none!important;aspect-ratio:4/3;border-radius:22px}
@media(max-width:800px){.ab-tl .ab-pics{grid-template-columns:1fr}}