/* Compact the paired cards without returning to the small map. */
.benefit-list{gap:0;list-style:none}
.benefit-list li{display:block;padding:13px 0}
.benefit-list li:first-child{padding-top:0}
.benefit-list li+li{border-top:1px solid #37515a70}
.benefit-list li:last-child{padding-bottom:0}
.parking-promise{margin-left:0}
.feature-toolbar .feature-tab{justify-content:flex-start}
@media(min-width:601px){
  .route-map .map{max-height:390px}
  .route-countries{padding-bottom:11px}
  .time-metrics{padding-top:14px;padding-bottom:14px}
  .price-panel .promo{flex:1;align-items:center;margin-bottom:0;padding:19px 0 22px;gap:20px}
  .price-panel .promo h3{font-size:clamp(16px,1.3vw,21px);font-weight:600;line-height:1.45;max-width:440px}
  .price-panel .promo h3+p{font-size:10px;line-height:1.7;margin-top:10px}
  .price-panel .promo-zero{font-size:66px}
  .price-panel .promo-tag{font-size:7px;letter-spacing:.14em;margin-bottom:9px}
}
@media(max-width:1100px) and (min-width:601px){
  .price-panel .promo{gap:13px;padding:15px 0 18px}
  .price-panel .promo-zero{font-size:54px}
  .price-panel .promo h3{font-size:16px}
  .price-panel .promo h3+p{font-size:9px}
}
@media(max-width:600px){
  .price-panel .promo{padding:20px 0;gap:15px;margin-bottom:0}
  .price-panel .promo h3{font-size:16px;line-height:1.45;max-width:none}
  .price-panel .promo h3+p{font-size:10px;line-height:1.7}
  .price-panel .promo-zero{font-size:58px}
  .price-panel .promo-tag{font-size:7px}
}
@media(max-width:370px){.price-panel .promo h3{font-size:14px}.price-panel .promo-zero{font-size:48px}}

/* Lead with the first-car offer; keep its conditions together above the tariff. */
.price-panel .promo{flex:0 0 auto;margin:15px 0 17px;padding:0 0 19px;border-top:0;border-bottom:1px solid var(--line)}
.time-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:10px}
.time-metrics .time-caption{display:block;grid-column:1/-1;margin:0;font-family:inherit;font-size:clamp(14px,1.12vw,16px);font-weight:600;line-height:1.4}
@media(max-width:600px){
  .price-panel .promo{margin-top:16px;margin-bottom:16px;padding-bottom:18px}
  .time-metrics{column-gap:16px;row-gap:10px}
  .time-metrics>div+div{padding-left:16px}
}

/* Slightly softer graphite surfaces; preserve the existing layout and accents. */
@media screen{
  :root{--bg:#151d22;--panel:#1a262d;--ink:#e1e8e8;--line:#354850}
  body{background:radial-gradient(ellipse at 84% 8%,#25494a30,transparent 36%),radial-gradient(ellipse at 0% 68%,#27424c25,transparent 40%),var(--bg)}
  .hero{background:linear-gradient(110deg,#1b262d,#18242b 50%,#1b2c32);box-shadow:0 14px 48px #0002,inset 0 1px #c9ebe510}
  .title-accent{color:#e0e7e8}
  .hero-terminal{background:linear-gradient(120deg,#1c2c35,#17252d)}
  .capabilities{background:linear-gradient(120deg,#1b2931,#18252d)}
  .feature-toolbar{background:#1a272f}
  .feature-view{background:#1e2e36}
  .feature-art,.payment-picture{background-color:#17252d}
  .route-panel{background:radial-gradient(ellipse at 50% 40%,#29434b50,transparent 70%),linear-gradient(120deg,#1c2b32,#19262d)}
  .price-panel{background:radial-gradient(ellipse at 85% 0,#35585335,transparent 47%),linear-gradient(145deg,#24363c,#1b2b33 60%)}
  .intro{background:radial-gradient(ellipse at 50% 42%,#243d42,#18242b 50%,#121c22 90%)}
}

.footer{flex-wrap:wrap}
.design-credit{display:flex;flex:1 0 100%;justify-content:center;align-items:center;gap:10px;margin:16px 0 2px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted,#9eaf9c);font-size:12px;letter-spacing:.04em;line-height:1}
.design-mark{display:block;width:36px;height:36px;object-fit:contain}
.design-mark-light{display:none}
html[data-moreol-theme="light"] .design-mark-dark{display:none}
html[data-moreol-theme="light"] .design-mark-light{display:block}
@media(max-width:600px){.design-credit{gap:8px;font-size:11px}.design-mark{width:32px;height:32px}}