/* ========================================================================== 
   DENLYX PLATFORM PRODUCTION v1.0.2 — FINAL RELEASE OWNER
   Final homepage navigation, contact CTA sizing, form-button alignment,
   audio-prompt/header coordination, and WHY-card cleanup.
   ========================================================================== */

/* 1) WHY DENLYX: the rounded first card owns its own top edge. Remove the
      obsolete list-wide rule that appeared above it. */
html body.dx-home-page .dx11-value-list{
  border-top:0!important;
}
html body.dx-home-page .dx11-value-list::before,
html body.dx-home-page .dx11-value-list::after{
  content:none!important;
  display:none!important;
}

/* 2) One nine-stop navigation rail for the complete homepage. Retire every
      older five-stop rail/progress copy so no duplicate lines remain. */
html body.dx-home-page .dx11-intro-progress,
html body.dx-home-page .dx-home-chapter-rail{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
html body.dx-home-page .dx-v1901-home-rail{
  --dx1901-rail-color:rgba(247,251,255,.50);
  --dx1901-rail-active:#f7fbff;
  --dx1901-rail-glow:rgba(247,251,255,.58);
  position:fixed!important;
  z-index:2147481200!important;
  left:max(10px,calc(env(safe-area-inset-left,0px) + 10px))!important;
  top:50%!important;
  display:grid!important;
  gap:14px!important;
  width:58px!important;
  padding:10px 0!important;
  margin:0!important;
  transform:translate3d(0,-50%,0)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transition:opacity .25s ease,visibility .25s ease!important;
}
html body.dx-home-page .dx-v1901-home-rail[data-tone="light"]{
  --dx1901-rail-color:rgba(23,59,75,.46);
  --dx1901-rail-active:#173b4b;
  --dx1901-rail-glow:rgba(23,59,75,.42);
}
html body.dx-home-page .dx-v1901-home-rail button{
  appearance:none!important;
  display:block!important;
  width:34px!important;
  height:4px!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--dx1901-rail-color)!important;
  box-shadow:none!important;
  opacity:.82!important;
  cursor:pointer!important;
  transform:translate3d(0,0,0)!important;
  transition:width .28s cubic-bezier(.22,.8,.22,1),background-color .24s ease,box-shadow .24s ease,opacity .24s ease,transform .24s ease!important;
}
html body.dx-home-page .dx-v1901-home-rail button:hover,
html body.dx-home-page .dx-v1901-home-rail button:focus-visible{
  width:43px!important;
  opacity:1!important;
  outline:none!important;
}
html body.dx-home-page .dx-v1901-home-rail button.is-active{
  width:54px!important;
  background:var(--dx1901-rail-active)!important;
  opacity:1!important;
  box-shadow:0 0 13px var(--dx1901-rail-glow)!important;
}
html body.dx-home-page .dx-v1901-home-rail.is-hidden{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
@media (max-width:980px){
  html body.dx-home-page .dx-v1901-home-rail{display:none!important}
}

/* 3) Contact hero CTA: smaller, truly centered, and gently floating. */
html body.dx-contact-page .atmo-contact-hero .dx-contact-hero-copy{
  width:100%!important;
}
html body.dx-contact-page .atmo-contact-hero .dx-contact-hero-copy>.atmo-button{
  position:relative!important;
  width:min(320px,calc(100vw - 48px))!important;
  min-width:0!important;
  min-height:58px!important;
  margin:38px auto 0!important;
  padding:0 58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:999px!important;
  animation:dx1901ContactFloat 3.6s ease-in-out infinite!important;
}
html body.dx-contact-page .atmo-contact-hero .dx-contact-hero-copy>.atmo-button>span{
  position:absolute!important;
  right:24px!important;
  top:50%!important;
  margin:0!important;
  transform:translate3d(0,-50%,0)!important;
  line-height:1!important;
}
html body.dx-contact-page .atmo-contact-hero .dx-contact-hero-copy>.atmo-button:hover,
html body.dx-contact-page .atmo-contact-hero .dx-contact-hero-copy>.atmo-button:focus-visible{
  animation-play-state:paused!important;
  transform:translate3d(0,-4px,0)!important;
}
html body.dx-contact-page .atmo-contact-hero .dx-contact-hero-copy>.atmo-button:hover>span{
  transform:translate3d(5px,-50%,0)!important;
}
@keyframes dx1901ContactFloat{
  0%,100%{translate:0 0}
  50%{translate:0 -7px}
}

/* 4) Page and popup Submit Request controls: smaller and centered. The text
      remains at the geometric center while the arrow has its own right anchor. */
html body.denlyx-atmosphere-theme #quote-form .atmo-submit,
html body.denlyx-atmosphere-theme .dx-project-modal-form .atmo-submit{
  position:relative!important;
  width:min(280px,calc(100% - 32px))!important;
  min-width:0!important;
  min-height:50px!important;
  margin:24px auto 0!important;
  padding:0 52px!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.denlyx-atmosphere-theme #quote-form .atmo-submit>span,
html body.denlyx-atmosphere-theme .dx-project-modal-form .atmo-submit>span{
  position:absolute!important;
  right:20px!important;
  top:50%!important;
  margin:0!important;
  transform:translate3d(0,-50%,0)!important;
  line-height:1!important;
}
html body.denlyx-atmosphere-theme #quote-form .atmo-submit:hover>span,
html body.denlyx-atmosphere-theme .dx-project-modal-form .atmo-submit:hover>span{
  transform:translate3d(5px,-50%,0)!important;
}

/* 5) Desktop audio prompt follows the header transition. JavaScript writes the
      exact center so its right edge finishes flush with compact SOUND. */
@media (min-width:981px){
  html body.denlyx-atmosphere-theme .dx-v1865-audio-gate{
    left:var(--dx1901-audio-left,var(--dx1865-audio-left,75%))!important;
    will-change:left,transform,opacity!important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body.dx-contact-page .atmo-contact-hero .dx-contact-hero-copy>.atmo-button{
    animation:none!important;
    translate:none!important;
  }
  html body.dx-home-page .dx-v1901-home-rail button{
    transition:none!important;
  }
}


/* ========================================================================== 
   DENLYX PLATFORM PRODUCTION v1.0.2 — ACCEPTANCE CORRECTIONS
   ========================================================================== */

/* Contact hero CTA: double the invitation label size while preserving the
   centered pill and independently anchored arrow. */
html body.dx-contact-page .atmo-contact-hero .dx-contact-hero-copy>.atmo-button{
  width:min(360px,calc(100vw - 48px))!important;
  min-height:68px!important;
  font-size:20px!important;
  font-weight:750!important;
  line-height:1!important;
  letter-spacing:.025em!important;
}
html body.dx-contact-page .atmo-contact-hero .dx-contact-hero-copy>.atmo-button>span{
  font-size:20px!important;
}

/* Company Directory final CTA: narrower button with geometrically centered
   label; arrow is removed from text flow so it cannot push the label. */
html body.page-template-page-company-directory .atmo-final-actions{
  display:flex!important;justify-content:center!important;align-items:center!important;
}
html body.page-template-page-company-directory .atmo-final-actions>.atmo-button,
html body.dx-directory-page .atmo-final-actions>.atmo-button{
  position:relative!important;
  width:min(290px,calc(100vw - 48px))!important;
  min-width:0!important;
  min-height:56px!important;
  padding:0 54px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;border-radius:999px!important;
}
html body.page-template-page-company-directory .atmo-final-actions>.atmo-button>span,
html body.dx-directory-page .atmo-final-actions>.atmo-button>span{
  position:absolute!important;right:22px!important;top:50%!important;margin:0!important;
  transform:translate3d(0,-50%,0)!important;line-height:1!important;
}
html body.page-template-page-company-directory .atmo-final-actions>.atmo-button:hover>span,
html body.dx-directory-page .atmo-final-actions>.atmo-button:hover>span{
  transform:translate3d(5px,-50%,0)!important;
}

/* Homepage rail: explicitly use dark marks on both light sections. */
html body.dx-home-page .dx-v1901-home-rail[data-tone="light"]{
  --dx1901-rail-color:rgba(13,45,59,.66)!important;
  --dx1901-rail-active:#082f40!important;
  --dx1901-rail-glow:rgba(8,47,64,.34)!important;
}

/* Audio prompt uses the exact JS-computed center. */
@media (min-width:981px){
  html body.denlyx-atmosphere-theme .dx-v1865-audio-gate{
    left:var(--dx1901-audio-left,var(--dx1865-audio-left,75%))!important;
    transition:left .46s cubic-bezier(.22,.8,.22,1),opacity .28s ease,transform .32s ease!important;
  }
}