/* V20.13 — website homepage visual-axis, composition and contrast adjustment.
   Presentation layer only. Public CSS does not document proprietary production recipes.
   All selectors are scoped to the existing headless homepage. */
html body.home.ban-home-videos-v20 {
  --atx-axis:50%;
  --atx-copy-measure:760px;
}
/* The first moving image remains untouched. Match the headline and support
   text to its physical center, and keep the existing mobile below-video title. */
@media (min-width:641px) {
  html body.home.ban-home-videos-v20 #ban-home-hero .ban-v207-hero-overlay.ban-v210-canva-title {
    left:var(--atx-axis) !important;
    transform:translateX(-50%) !important;
    text-align:center !important;
  }
}
html body.home.ban-home-videos-v20 .ban-home-story--intro #ban-home-title,
html body.home.ban-home-videos-v20 .ban-home-story--intro .ban-home-cta,
html body.home.ban-home-videos-v20 .ban-home-story--intro .ban-home-micro {
  margin-inline:auto !important;
  text-align:center !important;
}
html body.home.ban-home-videos-v20 .ban-home-story--intro .ban-home-cta {
  justify-content:center !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}
/* The media frame and its overlay have the correct midpoint already. Only
   the H2's narrower internal box was 10 CSS pixels left of that midpoint. */
html body.home.ban-home-videos-v20 #network-compounding .ban-v208-mobility-overlay h2 {
  margin-inline:auto !important;
  text-align:center !important;
}
html body.home.ban-home-videos-v20 #network-compounding .ban-v209-mobility-summary,
html body.home.ban-home-videos-v20 #network-compounding .ban-v208-mobility-buttons,
html body.home.ban-home-videos-v20 #network-compounding .ban-v208-mobility-buttons .button-row {
  margin-inline:auto !important;
  text-align:center !important;
  justify-content:center !important;
}
/* Same axis and readable measure for Channels, AI, budget, three-model and
   closing sections; do not move video frames or rewrite any section. */
html body.home.ban-home-videos-v20 #ban-home-channel .ban-home-story h2,
html body.home.ban-home-videos-v20 #ban-home-channel .ban-home-story .ban-home-copy,
html body.home.ban-home-videos-v20 #what-the-x-means > p,
html body.home.ban-home-videos-v20 #ask-ai .section-heading > p,
html body.home.ban-home-videos-v20 #budget-home-section .budget-section-intro > p,
html body.home.ban-home-videos-v20 #difference .section-heading > p,
html body.home.ban-home-videos-v20 main > section.section.wrap:not([id]) > .section-heading > p,
html body.home.ban-home-videos-v20 .end-panel .end-inner > div > p {
  margin-inline:auto !important;
  text-align:center !important;
  text-wrap:pretty;
}
html body.home.ban-home-videos-v20 #ban-home-channel .ban-home-story .ban-home-copy,
html body.home.ban-home-videos-v20 #ask-ai .section-heading > p,
html body.home.ban-home-videos-v20 #budget-home-section .budget-section-intro > p,
html body.home.ban-home-videos-v20 #difference .section-heading > p {
  max-width:min(var(--atx-copy-measure),100%) !important;
}
html body.home.ban-home-videos-v20 #budget-home-section .budget-section-intro,
html body.home.ban-home-videos-v20 #difference .section-heading,
html body.home.ban-home-videos-v20 #ask-ai .section-heading,
html body.home.ban-home-videos-v20 main > section.section.wrap:not([id]) .section-heading {
  text-align:center !important;
  margin-inline:auto !important;
}
/* Platform visual has two distinct columns by design. Balance column widths;
   center each column's contents on its OWN centerline. The legacy white-canvas
   stylesheet makes this section white, so its old white heading is invisible. */
@media (min-width:941px) {
  html body.home.ban-home-videos-v20 main > section.panel-dark > .split-layout {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  }
}
html body.home.ban-home-videos-v20 main > section.panel-dark .section-heading h2 {
  color:#071b2b !important;
  -webkit-text-fill-color:#071b2b !important;
  margin-inline:auto !important;
  text-align:center !important;
  max-width:19ch;
}
html body.home.ban-home-videos-v20 main > section.panel-dark .section-heading h2 .accent {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body.home.ban-home-videos-v20 main > section.panel-dark .section-heading > p {
  color:#263e50 !important;
  -webkit-text-fill-color:#263e50 !important;
  margin-inline:auto !important;
  max-width:min(510px,100%) !important;
  text-align:center !important;
}
html body.home.ban-home-videos-v20 main > section.panel-dark .section-heading .button-row {
  display:flex !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  width:100%;
  margin-inline:auto !important;
}
html body.home.ban-home-videos-v20 .end-panel .end-inner,
html body.home.ban-home-videos-v20 .end-panel .end-inner > div {
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
@media (max-width:640px) {
  html body.home.ban-home-videos-v20 #ban-home-title .ban-v209-phone-line,
  html body.home.ban-home-videos-v20 #ban-home-channel .ban-v209-channel-line {
    white-space:normal !important;
    overflow-wrap:normal;
    text-wrap:balance;
  }
  html body.home.ban-home-videos-v20 main > section.panel-dark .section-heading h2 {
    max-width:100%;
  }
}