/* ========================================================================== 
   DENLYX PLATFORM PRODUCTION v1.0.3 — FINAL POSITIONING & CTA PASS
   Shared desktop audio-banner alignment plus the final requested CTA widths.
   Mobile layouts remain unchanged.
   ========================================================================== */

/* 1) Keep the desktop audio banner hidden only until its exact first-frame
      horizontal coordinate is measured. This prevents a visible 75% fallback
      jump on Company Directory, Capabilities, and other interior pages. */
@media (min-width:981px){
  html body.denlyx-atmosphere-theme .dx-v1865-audio-gate:not([data-dx-v1902-positioned="true"]){
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:none!important;
  }
  html body.denlyx-atmosphere-theme .dx-v1865-audio-gate{
    left:var(--dx1902-audio-left,var(--dx1901-audio-left,var(--dx1865-audio-left,75%)))!important;
    will-change:left,transform,opacity!important;
    transition:left .30s cubic-bezier(.22,.8,.22,1),opacity .28s ease,transform .32s ease!important;
  }
}

/* 2) Company Directory: compact centered pill. The arrow is removed from the
      text flow so the label remains geometrically centered. */
@media (min-width:981px){
  html body.dx-company-directory-page .atmo-final-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  html body.dx-company-directory-page .atmo-final-actions>.atmo-button{
    position:relative!important;
    width:220px!important;
    min-width:220px!important;
    max-width:220px!important;
    min-height:56px!important;
    padding:0 48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    border-radius:999px!important;
    white-space:nowrap!important;
  }
  html body.dx-company-directory-page .atmo-final-actions>.atmo-button>span{
    position:absolute!important;
    right:20px!important;
    top:50%!important;
    margin:0!important;
    line-height:1!important;
    transform:translate3d(0,-50%,0)!important;
  }
  html body.dx-company-directory-page .atmo-final-actions>.atmo-button:hover>span,
  html body.dx-company-directory-page .atmo-final-actions>.atmo-button:focus-visible>span{
    transform:translate3d(5px,-50%,0)!important;
  }
}

/* 3) About: use the same two-column CTA placement language as Capabilities.
      Keep the heading at left and move a narrower button to the right. */
@media (min-width:981px){
  html body.dx-about-page .dx-v1865-about-final-grid{
    display:block!important;
  }
  html body.dx-about-page .dx-about-final-copy{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 250px!important;
    column-gap:clamp(56px,8vw,150px)!important;
    align-items:end!important;
  }
  html body.dx-about-page .dx-v1865-final-text{
    grid-column:1!important;
    min-width:0!important;
  }
  html body.dx-about-page .dx-v1865-about-cta{
    grid-column:2!important;
    justify-self:end!important;
    align-self:end!important;
    position:relative!important;
    width:250px!important;
    min-width:250px!important;
    max-width:250px!important;
    min-height:62px!important;
    margin:0 0 4px!important;
    padding:0 48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    border-radius:999px!important;
    white-space:nowrap!important;
  }
  html body.dx-about-page .dx-v1865-about-cta>span{
    position:absolute!important;
    right:20px!important;
    top:50%!important;
    margin:0!important;
    line-height:1!important;
    transform:translate3d(0,-50%,0)!important;
  }
  html body.dx-about-page .dx-v1865-about-cta:hover>span,
  html body.dx-about-page .dx-v1865-about-cta:focus-visible>span{
    transform:translate3d(5px,-50%,0)!important;
  }
}

/* 4) Contact page form only: narrower centered Submit Request button. The
      popup form retains its previously approved width. */
html body.dx-contact-page #quote-form .atmo-submit{
  position:relative!important;
  width:min(220px,calc(100% - 32px))!important;
  min-width:0!important;
  min-height:50px!important;
  margin:24px auto 0!important;
  padding:0 48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}
html body.dx-contact-page #quote-form .atmo-submit>span{
  position:absolute!important;
  right:18px!important;
  top:50%!important;
  margin:0!important;
  line-height:1!important;
  transform:translate3d(0,-50%,0)!important;
}
html body.dx-contact-page #quote-form .atmo-submit:hover>span,
html body.dx-contact-page #quote-form .atmo-submit:focus-visible>span{
  transform:translate3d(5px,-50%,0)!important;
}