/**
 * Product landing pages: centered content column (home parity).
 * Mobile: full width + safe padding; tablet: 90vw; desktop: 75vw (12.5% gutter each side).
 */

body.docuxray-landing,
body.rely-landing,
body.videoxray-landing {
  --landing-content-width: 100%;
}

@media (min-width: 768px) {
  body.docuxray-landing,
  body.rely-landing,
  body.videoxray-landing {
    --landing-content-width: 90vw;
  }
}

@media (min-width: 1280px) {
  body.docuxray-landing,
  body.rely-landing,
  body.videoxray-landing {
    --landing-content-width: 75vw;
  }
}

body.videoxray-landing {
  --vxl-content-max: var(--landing-content-width);
}

body.rely-landing {
  --rely-content-max: var(--landing-content-width);
}

/* Shared content band */
body.docuxray-landing main :is(
    .dxl-hero-full .dxl-hero-content,
    .dxl-segments-section-inner,
    .dxl-ocr-section-inner,
    .dxl-use-section-inner,
    .dxl-framework-section > div:first-child,
    .dxl-trusted-section > .tw-mx-auto,
    .dxl-trusted-strip-shell,
    .dxl-stats-bleed > div,
    .rely-stats-grid,
    .dxl-cta-content
  ),
body.rely-landing main .rely-section-content:not(.dxl-trusted-bleed):not(.dxl-stats-bleed),
body.rely-landing main :is(
    .dxl-trusted-strip-shell,
    .dxl-stats-bleed > div,
    .rely-stats-grid
  ),
body.videoxray-landing main :is(.vxl-wrap, .vxl-hero-content) {
  box-sizing: border-box;
  width: var(--landing-content-width);
  max-width: var(--landing-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.docuxray-landing main :is(
      .dxl-hero-full .dxl-hero-content,
      .dxl-segments-section-inner,
      .dxl-ocr-section-inner,
      .dxl-use-section-inner,
      .dxl-framework-section > div:first-child,
      .dxl-trusted-section > .tw-mx-auto,
      .dxl-trusted-strip-shell,
      .dxl-stats-bleed > div,
      .rely-stats-grid,
      .dxl-cta-content
    ),
  body.rely-landing main .rely-section-content:not(.dxl-trusted-bleed):not(.dxl-stats-bleed),
  body.rely-landing main :is(.dxl-trusted-strip-shell, .dxl-stats-bleed > div, .rely-stats-grid),
  body.videoxray-landing main :is(.vxl-wrap, .vxl-hero-content) {
    padding-left: 0;
    padding-right: 0;
  }
}