/*
 * T010SI | Solution by Industry
 * Page-scoped composition rules for reusable S/M/U building blocks.
 * These rules restore the approved desktop proportions without changing the
 * reusable module schemas or exposing internal U components in HubSpot.
 */

html {
  overflow-x: clip;
  scrollbar-gutter: stable;
  background: #0d0d0d;
}


/*
 * HubSpot appends generated DnD section width rules near the end of the HTML.
 * Define the same final geometry in the render-blocking page stylesheet so the
 * first paint cannot flash full-width and then contract.
 */
body.page-t010si-solution-by-industry .t010si-solution-by-industry-main .dnd-section > .row-fluid {
  box-sizing: border-box;
  width: 100% !important;
  max-width: var(--container-wide, 1200px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-t010si-solution-by-industry .t010si-solution-by-industry-main .s170sp-reviews-section > .row-fluid {
  max-width: var(--container-wide, 1200px) !important;
}

body.page-t010si-solution-by-industry,
body.page-t010si-solution-by-industry #main-content {
  width: 100%;
  min-width: 0;
  background: #0d0d0d;
  overflow-x: clip;
}

body.page-t010si-solution-by-industry .t010si-solution-by-industry-main picture,
body.page-t010si-solution-by-industry .t010si-solution-by-industry-main img,
body.page-t010si-solution-by-industry .t010si-solution-by-industry-main video,
body.page-t010si-solution-by-industry .t010si-solution-by-industry-main canvas,
body.page-t010si-solution-by-industry .t010si-solution-by-industry-main svg {
  max-width: 100%;
}

body.page-t010si-solution-by-industry .t010si-solution-by-industry-main .m100hv-hero-visual,
body.page-t010si-solution-by-industry .t010si-solution-by-industry-main .m110ms-metrics-strip,
body.page-t010si-solution-by-industry .t010si-solution-by-industry-main .m120mg-media-grid,
body.page-t010si-solution-by-industry .t010si-solution-by-industry-main .m130fg-feature-grid,
body.page-t010si-solution-by-industry .t010si-solution-by-industry-main .m140pj-pricing-journey,
body.page-t010si-solution-by-industry .t010si-solution-by-industry-main .m150am-alternating-media,
body.page-t010si-solution-by-industry .t010si-solution-by-industry-main .m172ag-awards-grid,
body.page-t010si-solution-by-industry .t010si-solution-by-industry-main .m175cb-cta-banner,
body.page-t010si-solution-by-industry .t010si-solution-by-industry-main .m190fa-faq-accordion,
body.page-t010si-solution-by-industry .t010si-solution-by-industry-main .m160rr-related-resources {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}


body.page-t010si-solution-by-industry .t010si-solution-by-industry-main .m190fa-faq-accordion__question {
  font-size: var(--fs-h4);
  line-height: var(--lh-h4);
  letter-spacing: var(--ls-h4);
  font-weight: 600;
}


body.page-t010si-solution-by-industry .s120mg-media-grid-section .m010sh-section-heading > div,
body.page-t010si-solution-by-industry .s170sp-results-section .m010sh-section-heading > div {
  max-width: 760px;
}

/* Section-level vertical rhythm. Values mirror the approved Industry design. */
body.page-t010si-solution-by-industry .s120mg-media-grid-section {
  padding-top: 80px !important;
  padding-bottom: 68px !important;
}

body.page-t010si-solution-by-industry .s130fg-feature-grid-section {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

body.page-t010si-solution-by-industry .s170sp-reviews-section {
  padding-top: 96px !important;
  padding-bottom: 52px !important;
}

body.page-t010si-solution-by-industry .s140pj-pricing-journey-section {
  padding-top: 56px !important;
  padding-bottom: 0 !important;
}

body.page-t010si-solution-by-industry .s175cb-standard-section {
  padding-top: 7px !important;
  padding-bottom: 84px !important;
}

body.page-t010si-solution-by-industry .s150am-alternating-media-section {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}

body.page-t010si-solution-by-industry .s160rr-logo-overlay-section {
  padding-top: 68px !important;
  padding-bottom: 32px !important;
}

body.page-t010si-solution-by-industry .s170sp-results-section {
  padding-top: 96px !important;
  padding-bottom: 4px !important;
}

body.page-t010si-solution-by-industry .s175cb-visual-section {
  margin-top: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.page-t010si-solution-by-industry .s160rr-text-overlay-section {
  padding-top: 58px !important;
  padding-bottom: 58px !important;
}

/* S110MS | Metrics Strip */
body.page-t010si-solution-by-industry .s110ms-metrics-strip-section .m110ms-metrics-strip {
  width: 100%;
}

/* S170SP-A | Social Proof — Reviews */
body.page-t010si-solution-by-industry .s170sp-reviews-section .logo-ticker-section {
  margin-top: 38px;
  padding-top: 0;
  padding-bottom: 0;
}

body.page-t010si-solution-by-industry .s170sp-reviews-section .marquee::before,
body.page-t010si-solution-by-industry .s170sp-reviews-section .marquee::after {
  width: 72px;
}

/* S120MG / S130FG */
body.page-t010si-solution-by-industry .s120mg-media-grid-section .m120mg-media-grid,
body.page-t010si-solution-by-industry .s130fg-feature-grid-section .m130fg-feature-grid {
  margin-top: 0;
}

body.page-t010si-solution-by-industry .s120mg-media-grid-section {
  margin-top: 28px;
}

/* S140PJ | Pricing Journey: five approved cards remain one desktop row. */
@media (min-width: 960px) {
  body.page-t010si-solution-by-industry .m140pj-pricing-journey {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

/* S150AM | Alternating Media */

body.page-t010si-solution-by-industry .s150am-alternating-media-section .u150mr-media-row picture,
body.page-t010si-solution-by-industry .s150am-alternating-media-section [data-ui="U150MR"] picture {
  display: block;
  width: 100%;
}

/* S160RR | Related Resources variants */
body.page-t010si-solution-by-industry .s160rr-logo-overlay-section,
body.page-t010si-solution-by-industry .s160rr-text-overlay-section {
  background: transparent;
}

body.page-t010si-solution-by-industry .m160rr-related-resources {
  width: 100%;
  max-width: 1240px;
  margin-inline: auto;
  overflow-x: clip;
}

body.page-t010si-solution-by-industry .m160rr-related-resources .grid {
  width: 100%;
  grid-auto-flow: dense;
  align-items: stretch;
}

body.page-t010si-solution-by-industry .m160rr-related-resources .grid > *,
body.page-t010si-solution-by-industry .m160rr-related-resources a,
body.page-t010si-solution-by-industry .m160rr-related-resources article {
  min-width: 0;
  max-width: 100%;
}

body.page-t010si-solution-by-industry .s160rr-logo-overlay-section .m160rr-related-resources article {
  background: #191919;
}

body.page-t010si-solution-by-industry .s160rr-text-overlay-section .m160rr-related-resources article {
  box-shadow: none;
}

body.page-t010si-solution-by-industry .s160rr-text-overlay-section .m160rr-related-resources__header {
  margin-bottom: 36px;
}

/* S175CB | CTA Banner */
body.page-t010si-solution-by-industry .m175cb-cta-banner[data-variant="visual"] .u175vb-visual-board picture {
  display: block;
  width: 100%;
}

body.page-t010si-solution-by-industry .m175cb-cta-banner[data-variant="visual"] .u175vb-visual-board img {
  width: 100%;
}

body.page-t010si-solution-by-industry .m175cb-cta-banner[data-variant="visual"] {
  padding-top: 38px !important;
}

body.page-t010si-solution-by-industry .m175cb-cta-banner[data-variant="visual"] h2 {
  max-width: 860px;
  margin-inline: auto;
}

body.page-t010si-solution-by-industry .m175cb-cta-banner[data-variant="visual"] .btn-product-tour-dark,
body.page-t010si-solution-by-industry .m175cb-cta-banner[data-variant="visual"] .btn-primary {
  min-width: 183px;
}

body.page-t010si-solution-by-industry .m175cb-cta-banner[data-variant="visual"] .btn-stroke {
  min-width: 185px;
}

body.page-t010si-solution-by-industry .s170sp-results-section .m172ag-awards-grid article {
  min-height: 119px;
}

@media (max-width: 1279px) {
  /* One shared responsive gutter; nested app containers must not double it. */
  body.page-t010si-solution-by-industry .t010si-solution-by-industry-main .dnd-section > .row-fluid {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  body.page-t010si-solution-by-industry .t010si-solution-by-industry-main .dnd-section .app-container,
  body.page-t010si-solution-by-industry .t010si-solution-by-industry-main .dnd-section .app-container-wide,
  body.page-t010si-solution-by-industry .t010si-solution-by-industry-main .dnd-section .app-container-narrow {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 959px) {
  body.page-t010si-solution-by-industry .m160rr-related-resources .grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1023px) {
  body.page-t010si-solution-by-industry .s120mg-media-grid-section {
    padding-top: 60px !important;
    padding-bottom: 40px !important;
  }

  body.page-t010si-solution-by-industry .s130fg-feature-grid-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  body.page-t010si-solution-by-industry .s140pj-pricing-journey-section {
    padding-top: 42px !important;
    padding-bottom: 0 !important;
  }

  body.page-t010si-solution-by-industry .s175cb-standard-section {
    padding-top: 7px !important;
    padding-bottom: 64px !important;
  }

  body.page-t010si-solution-by-industry .s150am-alternating-media-section {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  body.page-t010si-solution-by-industry .s160rr-logo-overlay-section {
    padding-top: 52px !important;
    padding-bottom: 24px !important;
  }

  body.page-t010si-solution-by-industry .s170sp-results-section {
    padding-top: 72px !important;
    padding-bottom: 4px !important;
  }

  body.page-t010si-solution-by-industry .s175cb-visual-section {
    padding-top: 0 !important;
  }

  body.page-t010si-solution-by-industry .s160rr-text-overlay-section {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }

  body.page-t010si-solution-by-industry .s120mg-media-grid-section .m010sh-section-heading {
    margin-bottom: 48px;
  }

  body.page-t010si-solution-by-industry .s130fg-feature-grid-section .m010sh-section-heading {
    margin-bottom: 40px;
  }

  body.page-t010si-solution-by-industry .s140pj-pricing-journey-section .m010sh-section-heading {
    margin-bottom: 28px;
  }

  body.page-t010si-solution-by-industry .s150am-alternating-media-section .m010sh-section-heading {
    margin-bottom: 40px;
  }

  body.page-t010si-solution-by-industry .s170sp-results-section .m010sh-section-heading {
    margin-bottom: 32px;
  }


  body.page-t010si-solution-by-industry .m175cb-cta-banner[data-variant="visual"] {
    padding-top: 38px !important;
  }
}

@media (max-width: 767px) {
  body.page-t010si-solution-by-industry .t010si-solution-by-industry-main .dnd-section > .row-fluid {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.page-t010si-solution-by-industry .t010si-solution-by-industry-main .m190fa-faq-accordion__question {
    font-size: var(--fs-h5);
    line-height: var(--lh-h5);
    letter-spacing: var(--ls-h5);
  }

  body.page-t010si-solution-by-industry .s120mg-media-grid-section .m010sh-section-heading {
    margin-bottom: 48px;
  }

  body.page-t010si-solution-by-industry .s130fg-feature-grid-section .m010sh-section-heading {
    margin-bottom: 40px;
  }

  body.page-t010si-solution-by-industry .s140pj-pricing-journey-section .m010sh-section-heading {
    margin-bottom: 28px;
  }

  body.page-t010si-solution-by-industry .s150am-alternating-media-section .m010sh-section-heading {
    margin-bottom: 40px;
  }

  body.page-t010si-solution-by-industry .s170sp-results-section .m010sh-section-heading {
    margin-bottom: 32px;
  }

  body.page-t010si-solution-by-industry .s170sp-reviews-section {
    padding-top: 48px !important;
    padding-bottom: 36px !important;
  }

  body.page-t010si-solution-by-industry .s170sp-reviews-section .logo-ticker-section {
    margin-top: 24px;
  }
}

@media (min-width: 1024px) {
  body.page-t010si-solution-by-industry .m175cb-cta-banner[data-variant="visual"] {
    padding-top: 44px !important;
  }

  body.page-t010si-solution-by-industry .m175cb-cta-banner[data-variant="visual"] h2 {
    font-size: 32px;
  }
}