/* AtNightX V20.20 — scoped presentation correction over V20.19.
   Keep existing routes, JavaScript, original media and page sequence. */
html body.home.ban-home-videos-v20 .ban-home-story--intro.ban-home-story--centered {
  width:min(960px,calc(100% - 40px))!important;
  max-width:960px!important;
  /* The film's cyan road is about 4.2vw above its bottom edge.
     Keep the first text line approximately one centimetre below that road. */
  margin-top:calc(1cm - 4.2vw - 6px)!important;
  padding:0!important;
}
html body.home.ban-home-videos-v20 .ban-home-story--intro #ban-home-title.ban-v219-primary-message {
  width:100%!important;
  max-width:880px!important;
  font-size:clamp(18px,1.65vw,23px)!important;
  line-height:1.35!important;
  letter-spacing:-.02em!important;
}
html body.home.ban-home-videos-v20 #ban-home-title.ban-v219-primary-message .ban-v219-headline {
  line-height:1.35!important;
  font-weight:600!important;
  letter-spacing:-.02em!important;
}
html body.home.ban-home-videos-v20 #ban-home-title.ban-v219-primary-message .ban-v219-subline {
  max-width:680px!important;
  margin:10px auto 0!important;
  font-size:clamp(16px,1.25vw,18px)!important;
  line-height:1.5!important;
  letter-spacing:0!important;
}
html body.home.ban-home-videos-v20 .ban-home-story--intro .ban-home-cta {
  gap:12px!important;
  margin-top:20px!important;
}
html body.home.ban-home-videos-v20 .ban-home-story--intro .ban-home-micro {
  font-size:13px!important;
  line-height:1.5!important;
}
/* Remove the physical-inch offsets that pull the cars behind the intro.
   Position copy on the same left axis as the cars, clear of the presenter. */
html body.home.ban-home-videos-v20 #network-compounding.ban-v208-mobility {
  width:min(1280px,100%)!important;
  max-width:1280px!important;
  margin:24px auto 32px!important;
  padding:0!important;
  overflow:visible!important;
  position:relative!important;
}
html body.home.ban-home-videos-v20 #network-compounding .ban-v208-mobility-stage {
  /* Keep the complete film visible when shifting it right on narrow screens. */
  width:min(1280px,calc(100vw - 2cm))!important;
  margin:0 auto!important;
  transform:translate(1cm,-1cm)!important;
  aspect-ratio:16/9!important;
}
html body.home.ban-home-videos-v20 #network-compounding .ban-v208-mobility-media {
  inset:0!important;
  background-size:contain!important;
  background-position:center!important;
}
html body.home.ban-home-videos-v20 #network-compounding video {
  width:100%!important;height:100%!important;object-fit:contain!important;
}
html body.home.ban-home-videos-v20 #network-compounding .ban-v209-mobility-summary {
  position:absolute!important;
  top:65%!important;
  left:6%!important;
  width:53%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  text-align:center!important;
}
html body.home.ban-home-videos-v20 #network-compounding .ban-v209-mobility-summary p {
  margin:0 auto 8px!important;
  font-size:clamp(18px,1.65vw,23px)!important;
  font-weight:600!important;
  line-height:1.35!important;
  letter-spacing:-.02em!important;
  color:#10283a!important;
  -webkit-text-fill-color:#10283a!important;
  text-wrap:balance;
}
html body.home.ban-home-videos-v20 #network-compounding .ban-v209-mobility-summary strong {
  font-size:14px!important;
  line-height:1.5!important;
  font-weight:500!important;
}
html body.home.ban-home-videos-v20 #network-compounding .ban-v208-mobility-buttons {
  position:static!important;
  top:auto!important;
  left:auto!important;
  width:100%!important;
  margin:16px auto 0!important;
  transform:none!important;
}
html body.home.ban-home-videos-v20 #network-compounding .ban-v208-mobility-buttons .button-row {
  gap:12px!important;
  width:100%!important;
  justify-content:center!important;
}
/* Enterprise readability: existing button treatments and destinations stay. */
html body.home.ban-home-videos-v20 :is(.ban-home-btn,.btn) {
  min-height:44px!important;
  font-size:13px!important;
  line-height:1.4!important;
}
html body.home.ban-home-videos-v20 :is(.ban-home-btn,.btn):focus-visible {
  outline:3px solid #08788f;outline-offset:4px;
}
@media(max-width:900px) {
  html body.home.ban-home-videos-v20 #network-compounding.ban-v208-mobility {
    margin:24px auto 32px!important;
  }
  html body.home.ban-home-videos-v20 #network-compounding .ban-v209-mobility-summary {
    position:relative!important;
    top:auto!important;left:auto!important;
    width:min(620px,calc(100% - 40px))!important;
    margin:4px auto 0!important;
  }
}
@media(max-width:600px) {
  html body.home.ban-home-videos-v20 .ban-home-story--intro #ban-home-title.ban-v219-primary-message {
    font-size:18px!important;
    line-height:1.35!important;
  }
  html body.home.ban-home-videos-v20 #ban-home-title.ban-v219-primary-message .ban-v219-subline {
    font-size:16px!important;
  }
  html body.home.ban-home-videos-v20 #network-compounding .ban-v209-mobility-summary p {
    font-size:18px!important;
  }
  html body.home.ban-home-videos-v20 #network-compounding .ban-v208-mobility-buttons .btn {
    width:auto!important;
    max-width:100%!important;
    justify-content:center!important;
  }
}
/* One readable section-heading scale; retain approved accent treatments. */
html body.home.ban-home-videos-v20 :is(#what-the-x-means,#ban-home-channel,.section-heading,.budget-section-intro,.end-inner) h2 {
  font-size:clamp(26px,2.5vw,36px)!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
  text-wrap:balance;
}
/* The old negative top offset clipped this live heading against its section. */
html body.home.ban-home-videos-v20 #ban-home-geo-scene .ban-v207-geo-overlay {
  top:0!important;
  margin-top:0!important;
  font-size:clamp(24px,2.5vw,36px)!important;
  line-height:1.2!important;
}
/* Homepage sequence: robotaxi, Ask AI, outreach film with its caption below. */
html body.home.ban-home-videos-v20 #ask-ai {
  box-sizing:border-box;
  width:min(1120px,calc(100% - 48px))!important;
  max-width:1120px!important;
  padding:clamp(24px,3.2vw,44px) clamp(20px,3vw,40px)!important;
  margin:20px auto 32px!important;
  border:1px solid transparent!important;
  border-radius:22px!important;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(115deg,#00d9ee,#071b28 45%,#00d9ee 75%,#dcffff) border-box!important;
  box-shadow:0 0 18px rgba(0,217,238,.10)!important;
}
html body.home.ban-home-videos-v20 #ask-ai #ask-ai-title .ban-ai-mark {
  display:inline-block;
  font-weight:700!important;
  white-space:nowrap;
}
html body.home.ban-home-videos-v20 #ask-ai #ask-ai-title .ban-ai-ink {
  color:#071725!important;
  -webkit-text-fill-color:#071725!important;
  text-shadow:1px 0 #00e7f5!important;
}
html body.home.ban-home-videos-v20 #ask-ai #ask-ai-title .ban-ai-light {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  -webkit-text-stroke:.75px #00bfd3;
  text-shadow:0 0 3px #fff,0 0 10px rgba(0,231,245,.95),0 0 20px rgba(0,231,245,.5)!important;
}
html body.home.ban-home-videos-v20 #ask-ai .ban-ai-provider--chatgpt {
  background:#00d9ee!important;
  border-color:#00bfd3!important;
  color:#071b28!important;
  -webkit-text-fill-color:#071b28!important;
}
html body.home.ban-home-videos-v20 #ask-ai .ban-ai-provider--gemini {
  background:#071b28!important;
  border-color:#00d9ee!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
html body.home.ban-home-videos-v20 #ask-ai .ban-ai-provider--claude {
  background:#f3f4f5!important;
  border-color:#cbd1d6!important;
  color:#243b4c!important;
  -webkit-text-fill-color:#243b4c!important;
}
html body.home.ban-home-videos-v20 #ask-ai .btn:hover {
  filter:brightness(.97);
}
@media(max-width:600px) {
  html body.home.ban-home-videos-v20 #ask-ai .ban-ai-actions .button-row {
    gap:8px!important;
  }
  html body.home.ban-home-videos-v20 #ask-ai .ban-ai-actions .button-row .btn-primary {
    flex-basis:100%;
    max-width:100%;
  }
  html body.home.ban-home-videos-v20 #ask-ai .ban-ai-actions .button-row .btn-secondary {
    padding-inline:8px!important;
    font-size:12px!important;
  }
}
html body.home.ban-home-videos-v20 #ban-home-channel {
  padding:0!important;
  margin-top:0!important;
  container-type:inline-size;
}
html body.home.ban-home-videos-v20 #ban-home-channel > .ban-home-film {
  order:0!important;
}
html body.home.ban-home-videos-v20 #ban-home-channel .ban-home-story {
  order:1!important;
  /* The source film's last panel/ChatGPT label ends about 13.3% of its
     displayed width above the frame bottom. Measure the optical gap from
     that artwork, reaching two CSS inches on desktop and scaling on mobile. */
  margin:calc(clamp(32px,13.3333vw,2in) - 13.3cqw - 6px) auto 0!important;
  padding:0!important;
}
html body.home.ban-home-videos-v20 #ban-home-channel .ban-home-story h2 {
  font-family:'Poppins','Helvetica Neue',Arial,sans-serif!important;
  font-size:clamp(18px,1.65vw,23px)!important;
  font-weight:600!important;
  line-height:1.35!important;
  letter-spacing:-.02em!important;
  color:#10283a!important;
  -webkit-text-fill-color:#10283a!important;
  text-shadow:none!important;
  text-wrap:balance;
}
html body.home.ban-home-videos-v20 #ban-home-channel .ban-home-story .ban-home-copy {
  margin:8px auto 0!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.5!important;
  color:#243b4c!important;
}
/* Separate Ask AI panel and original connected-tools artwork.
   Cyan, ink and ice are the existing Canva phone-title palette. */
html body.home.ban-home-videos-v20 #ask-ai .section-heading {margin:0 auto 20px!important;text-align:center!important;}
html body.home.ban-home-videos-v20 #ask-ai .ban-ai-actions {display:block;max-width:930px;margin:auto;}
html body.home.ban-home-videos-v20 #ask-ai .button-row {justify-content:center!important;gap:12px!important;margin:0!important;}
html body.home.ban-home-videos-v20 #ask-ai .btn-primary {background:#fff!important;border:1px solid #00bfd3!important;color:#071b28!important;-webkit-text-fill-color:#071b28!important;}
html body.home.ban-home-videos-v20 #connected-tools {
  box-sizing:border-box;
  width:min(860px,calc(100% - 48px))!important;
  max-width:860px!important;
  margin:0 auto 28px!important;
  padding:0!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center!important;
}
html body.home.ban-home-videos-v20 #connected-tools img {display:block;width:100%;height:auto;}
html body.home.ban-home-videos-v20 #ask-ai.ban-ai-visible {animation:ban-ai-outline 4.8s ease-in-out 1;}
html body.home.ban-home-videos-v20 #ask-ai.ban-ai-visible .ban-ai-mark {animation:ban-ai-letter-light 2.4s ease-in-out 2;}
@keyframes ban-ai-outline {0%,100%{box-shadow:0 0 18px rgba(0,217,238,.10)}50%{box-shadow:0 0 24px rgba(0,217,238,.28)}}
@keyframes ban-ai-letter-light {0%,100%{filter:drop-shadow(0 0 2px rgba(0,217,238,.25))}50%{filter:drop-shadow(0 0 9px rgba(0,217,238,.85))}}
@media(max-width:600px) {

   html body.home.ban-home-videos-v20 #ask-ai .button-row {gap:8px!important;}

}
@media(prefers-reduced-motion:reduce) {
 html body.home.ban-home-videos-v20 #ask-ai,html body.home.ban-home-videos-v20 #ask-ai * {animation:none!important;}
}

html body.home.ban-home-videos-v20 #connected-tools h2 {font-family:'Poppins',Arial,sans-serif!important;font-size:clamp(18px,1.8vw,24px)!important;font-weight:500!important;line-height:1.35!important;text-align:center!important;color:#071b28!important;-webkit-text-fill-color:#071b28!important;text-shadow:none!important;margin:0 auto 8px!important;}
html body.home.ban-home-videos-v20 #connected-tools .ban-ai-tools__window {aspect-ratio:1360/310;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);}
html body.home.ban-home-videos-v20 #connected-tools .ban-ai-tools__window img {margin-top:-12%;}
html body.home.ban-home-videos-v20 #connected-tools .ban-ai-motion-toggle {display:block;margin:8px auto 0;padding:5px 12px;min-height:32px;border:1px solid #b2e8ed;border-radius:20px;background:white;color:#243b4c;font:500 11px 'Poppins',Arial,sans-serif;cursor:pointer;}
html body.home.ban-home-videos-v20 #connected-tools .ban-ai-motion-toggle[hidden] {display:none;}
html body.home.ban-home-videos-v20 #ask-ai .btn:focus-visible,html body.home.ban-home-videos-v20 #connected-tools .ban-ai-motion-toggle:focus-visible {outline:2px solid #071b28;outline-offset:4px;}
/* Compact homepage planning envelope with the existing car as the native thumb. */
html body.home.ban-home-videos-v20 #ban-home-channel .ban-channel-actions {
  display:flex!important;
  justify-content:center!important;
  margin:16px auto 0!important;
}
html body.home.ban-home-videos-v20 #budget-home-section {
  box-sizing:border-box;
  width:min(960px,calc(100% - 40px))!important;
  max-width:960px!important;
  margin-inline:auto!important;
  padding-top:28px!important;
  padding-bottom:28px!important;
}
html body.home.ban-home-videos-v20 #budget-home-section .budget-section-intro {
  display:block!important;
  text-align:center!important;
  margin:0 auto 18px!important;
}
html body.home.ban-home-videos-v20 #budget-home-section .budget-section-intro h2 {
  max-width:100%!important;
  margin:8px auto!important;
  font-size:clamp(26px,3vw,40px)!important;
  line-height:1.35!important;
  letter-spacing:-.02em!important;
}
html body.home.ban-home-videos-v20 #budget-home-section .budget-section-intro .accent {
  color:#08788f!important;
  -webkit-text-fill-color:#08788f!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
  filter:none!important;
}
html body.home.ban-home-videos-v20 #budget-home-section .budget-section-intro p {
  max-width:760px!important;
  margin:0 auto!important;
  font-size:clamp(13px,1.1vw,16px)!important;
  line-height:1.5!important;
}
html body.home.ban-home-videos-v20 #budget-home-section .budget-card {
  padding:20px 24px!important;
  border:1px solid #d5e8ec!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 6px 20px rgba(16,40,58,.04)!important;
}
html body.home.ban-home-videos-v20 #budget-home-section .budget-head strong.budget-value {
  font-size:36px!important;
  color:#08788f!important;
  -webkit-text-fill-color:#08788f!important;
}
html body.home.ban-home-videos-v20 #budget-home-section input[type="range"] {
  appearance:none!important;
  -webkit-appearance:none!important;
  box-sizing:border-box;
  height:44px!important;
  margin:14px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,#00d9ee 0%,#00d9ee var(--budget-progress,4%),#e1edf0 var(--budget-progress,4%),#e1edf0 100%) center / 100% 6px no-repeat!important;
  cursor:ew-resize;
}
html body.home.ban-home-videos-v20 #budget-home-section input[type="range"]::-webkit-slider-thumb {
  appearance:none!important;
  -webkit-appearance:none!important;
  width:80px!important;
  height:44px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent url('/assets/ban-budget-linkedin-robotaxi.png') center / contain no-repeat!important;
  box-shadow:none!important;
  cursor:grab;
}
html body.home.ban-home-videos-v20 #budget-home-section input[type="range"]::-moz-range-thumb {
  width:80px!important;
  height:44px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent url('/assets/ban-budget-linkedin-robotaxi.png') center / contain no-repeat!important;
  box-shadow:none!important;
  cursor:grab;
}
html body.home.ban-home-videos-v20 #budget-home-section input[type="range"]:focus-visible {outline:2px solid #08788f!important;outline-offset:3px;}
html body.home.ban-home-videos-v20 #budget-home-section .budget-car-hint {font-size:11px;line-height:1.5;text-align:center;margin:0 0 10px;color:#526978;}
html body.home.ban-home-videos-v20 #budget-home-section .budget-labels {color:#526978!important;}
html body.home.ban-home-videos-v20 #budget-home-section .budget-under {margin-top:14px;padding-top:14px;gap:12px;}
html body.home.ban-home-videos-v20 #budget-home-section .budget-personal {font-size:11px;}
html body.home.ban-home-videos-v20 #budget-home-section .budget-actions {flex:1;justify-content:space-between;gap:10px;}
html body.home.ban-home-videos-v20 #budget-home-section .budget-action {min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;}
html body.home.ban-home-videos-v20 #budget-home-section .budget-footnote {font-size:11px;line-height:1.5;color:#526978!important;}
@media(max-width:600px) {
  html body.home.ban-home-videos-v20 #budget-home-section .budget-head {align-items:center;gap:10px;}
  html body.home.ban-home-videos-v20 #budget-home-section .budget-head > span {max-width:140px;font-size:9px;letter-spacing:.1em;}
  html body.home.ban-home-videos-v20 #budget-home-section .budget-head strong.budget-value {font-size:26px!important;}
  html body.home.ban-home-videos-v20 #budget-home-section .budget-card {padding:18px 16px!important;}
  html body.home.ban-home-videos-v20 #budget-home-section .budget-under {flex-direction:column;align-items:stretch;}
}
/* Round planning envelope; approved Market Data in Motion lettering. */
html body.home.ban-home-videos-v20 #budget-home-section {
  margin-top:clamp(40px,6vw,80px)!important;
  padding-top:28px!important;
}
html body.home.ban-home-videos-v20 #budget-home-section .budget-section-intro {margin-bottom:28px!important;}
html body.home.ban-home-videos-v20 #budget-home-section .budget-section-intro h2 {
  font-weight:700!important;
  color:#071b28!important;
  -webkit-text-fill-color:#071b28!important;
  text-shadow:.6px 0 #00d9ee,-.4px 0 #d884e9!important;
}
html body.home.ban-home-videos-v20 #budget-home-section .budget-section-intro .accent {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  -webkit-text-stroke:.75px #00bfd3!important;
  text-shadow:0 0 5px rgba(0,217,238,.65),0 0 13px rgba(0,217,238,.25)!important;
}
html body.home.ban-home-videos-v20 #budget-home-section .budget-card {
  border-radius:180px / 150px!important;
  padding:48px 72px!important;
  border-color:#9edfe5!important;
  box-shadow:0 8px 30px rgba(0,191,211,.07)!important;
}
html body.home.ban-home-videos-v20 #budget-home-section .budget-head {gap:20px;}
html body.home.ban-home-videos-v20 #budget-home-section .budget-head > span {
  font-size:18px!important;
  font-weight:700!important;
  line-height:1.35!important;
  letter-spacing:-.025em!important;
  color:#071b28!important;
  -webkit-text-fill-color:#071b28!important;
  text-shadow:.5px 0 #00d9ee!important;
}
html body.home.ban-home-videos-v20 #budget-home-section .budget-head .ban-planner-light {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  -webkit-text-stroke:.6px #00a7bc!important;
  text-shadow:0 0 5px rgba(0,217,238,.6)!important;
}
@media(max-width:700px) {
  html body.home.ban-home-videos-v20 #budget-home-section .budget-card {border-radius:64px!important;padding:32px 24px!important;}
  html body.home.ban-home-videos-v20 #budget-home-section .budget-head {flex-direction:column;gap:8px;text-align:center;}
  html body.home.ban-home-videos-v20 #budget-home-section .budget-head > span {max-width:none;font-size:17px!important;}
}
/* Preserve the mobile film position after removing the former two-line title overlay. */
@media(max-width:480px) {
  html body.home.ban-home-videos-v20 #ban-home-geo-scene {
    padding-top:57.6px!important;
  }
}