/**
 * Home page content column: centered band with side gutters.
 * Mobile: full width + padding; tablet: 90vw; desktop: 75vw (12.5% margin each side).
 */

body.xelp-home {
  --xelp-home-content-width: 100%;
}

body.xelp-home #hero-main-content,
body.xelp-home #reference-section .ref-inner,
body.xelp-home .home-trusted-inner,
body.xelp-home #pain-points-section .pain-points-inner,
body.xelp-home #value-prop-section .vp-inner,
body.xelp-home #capabilities-section .cap-inner,
body.xelp-home #business-outcomes-section .bo-inner,
body.xelp-home #why-xelpmoc-section .wx-inner,
body.xelp-home #industries-section .ind-inner,
body.xelp-home #data-science-section .ds-inner,
body.xelp-home #products-section .prod-inner,
body.xelp-home #closing-cta-section .cta-inner {
  box-sizing: border-box;
  width: var(--xelp-home-content-width);
  max-width: var(--xelp-home-content-width) !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: max(16px, env(safe-area-inset-left, 0px));
  padding-right: max(16px, env(safe-area-inset-right, 0px));
}

@media (min-width: 768px) {
  body.xelp-home {
    --xelp-home-content-width: 90vw;
  }

  body.xelp-home #hero-main-content,
  body.xelp-home #reference-section .ref-inner,
  body.xelp-home .home-trusted-inner,
  body.xelp-home #pain-points-section .pain-points-inner,
  body.xelp-home #value-prop-section .vp-inner,
  body.xelp-home #capabilities-section .cap-inner,
  body.xelp-home #business-outcomes-section .bo-inner,
  body.xelp-home #why-xelpmoc-section .wx-inner,
  body.xelp-home #industries-section .ind-inner,
  body.xelp-home #data-science-section .ds-inner,
  body.xelp-home #products-section .prod-inner,
  body.xelp-home #closing-cta-section .cta-inner {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1280px) {
  body.xelp-home {
    --xelp-home-content-width: 75vw;
  }
}

/* Industries: 75% content band from laptop width (overrides 90vw until 1280px) */
@media (min-width: 1024px) {
  body.xelp-home #industries-section .ind-inner {
    width: 75vw;
    max-width: 75vw !important;
    margin-left: auto;
    margin-right: auto;
  }
}