/* Marketing homepage full-width correction. Keeps section internals intact; only removes desktop max-width bottlenecks. */
@media (min-width: 1100px){
  .qcs-control-story{padding-left:clamp(26px,2.4vw,48px)!important;padding-right:clamp(26px,2.4vw,48px)!important}
  .qcs-heading,.qcs-flow-rail,.qcs-storyboard,.qcs-proof{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important}
  .qmi-journey{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important}

  /* Inspectra heading: remove the small eyebrow and collapse the old two-column heading grid.
     This lets the main title start at the section's true left working edge. */
  .qmi-heading{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
    align-items:start!important;
    max-width:none!important;
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }
  .qmi-heading .qcs-eyebrow{display:none!important}
  .qmi-heading > div,
  .qmi-heading h2{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }
  .qmi-lede{
    max-width:1120px!important;
    margin:0!important;
    text-align:left!important;
  }

  /* Root-cause fix: the hero copy + smart card are inside the FOURTH direct child of the hero section.
     The previous selector targeted div:first-child, which is the decorative absolute .hero-grid layer,
     so the actual centered max-w-7xl wrapper was never changed. */
  section.brand-gradient > div.relative.mx-auto.grid{
    max-width:none!important;
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:clamp(28px,2.2vw,44px)!important;
    padding-right:clamp(28px,2.2vw,44px)!important;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
    gap:clamp(36px,3vw,58px)!important;
  }

  section.brand-gradient > div.relative.mx-auto.grid > div:first-child{
    min-width:0!important;
    margin-left:0!important;
  }

  section.brand-gradient > div.relative.mx-auto.grid > div:first-child h1,
  section.brand-gradient > div.relative.mx-auto.grid > div:first-child h1 + p{
    margin-left:0!important;
    margin-right:0!important;
  }

  section.brand-gradient > div.relative.mx-auto.grid > div:nth-child(2){
    min-width:0!important;
    padding-left:0!important;
  }
}