/* ========================================================================== 
   DENLYX PLATFORM PRODUCTION v1.0.7 — LIVE REGRESSION CORRECTION OWNER
   ========================================================================== */

/* 1) ENTER WITH AUDIO — restore the shared banner without changing the
      accepted v1.0.6 anchors or smooth horizontal movement. Earlier production
      layers hid the banner until their own legacy data attributes existed. */
@media (min-width:981px){
  html body.denlyx-atmosphere-theme :is(#dx-v1906-audio-gate,.dx-v1865-audio-gate).dx-v1865-audio-gate,
  html body.denlyx-atmosphere-theme :is(#dx-v1906-audio-gate,.dx-v1865-audio-gate).dx-v1865-audio-gate.is-visible{
    translate:0 0!important;
    will-change:left,transform,opacity!important;
    transition:left .48s cubic-bezier(.22,.80,.22,1),opacity .26s ease,transform .30s ease,visibility 0s!important;
  }
  html body.denlyx-atmosphere-theme :is(#dx-v1906-audio-gate,.dx-v1865-audio-gate).dx-v1865-audio-gate.is-visible{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  html body.denlyx-atmosphere-theme .dx-v1865-audio-gate.is-closing{
    visibility:visible!important;
    pointer-events:none!important;
  }
}

@media (prefers-reduced-motion:reduce) and (min-width:981px){
  html body.denlyx-atmosphere-theme :is(#dx-v1906-audio-gate,.dx-v1865-audio-gate).dx-v1865-audio-gate,
  html body.denlyx-atmosphere-theme :is(#dx-v1906-audio-gate,.dx-v1865-audio-gate).dx-v1865-audio-gate.is-visible{
    transition:opacity .18s ease,visibility 0s!important;
  }
}

/* 2) Project Request modal — center the physical submit button in the complete
      right-side form column. A block-level flex button plus auto inline margins
      works regardless of whether the form itself is grid, block, or flex. */
html body.denlyx-atmosphere-theme :is(#dx-v1906-project-modal-form,.dx-project-modal-form).dx-project-modal-form>.atmo-submit.atmo-submit{
  display:flex!important;
  width:min(280px,calc(100% - 32px))!important;
  min-width:0!important;
  margin:24px auto 0!important;
  align-self:auto!important;
  justify-self:auto!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

/* 3) Every START A PROJECT label uses one uniform tracking system. */
html body.denlyx-atmosphere-theme .dx-v1906-project-label{
  font-kerning:none!important;
  font-variant-ligatures:none!important;
  font-feature-settings:"kern" 0,"liga" 0!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-align:center!important;
}

/* 4) Contact hero — the entire ↓ START A REQUEST ↓ group is centered as one
      ordinary inline-flex group. Arrows stay beside the words, not at the
      physical edges of the pill. */
html body.dx-contact-page :is(#dx-v1906-contact-start,a.dx-v1903-contact-start).dx-v1903-contact-start,
html body.dx-contact-page :is(#dx-v1906-contact-start,a.dx-v1903-contact-start).dx-v1903-contact-start:hover,
html body.dx-contact-page :is(#dx-v1906-contact-start,a.dx-v1903-contact-start).dx-v1903-contact-start:focus,
html body.dx-contact-page :is(#dx-v1906-contact-start,a.dx-v1903-contact-start).dx-v1903-contact-start:focus-visible,
html body.dx-contact-page :is(#dx-v1906-contact-start,a.dx-v1903-contact-start).dx-v1903-contact-start:active{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:22px!important;
  padding-left:28px!important;
  padding-right:28px!important;
  text-align:center!important;
}
html body.dx-contact-page :is(#dx-v1906-contact-start,a.dx-v1903-contact-start).dx-v1903-contact-start .dx-v1903-contact-label,
html body.dx-contact-page :is(#dx-v1906-contact-start,a.dx-v1903-contact-start).dx-v1903-contact-start:hover .dx-v1903-contact-label,
html body.dx-contact-page :is(#dx-v1906-contact-start,a.dx-v1903-contact-start).dx-v1903-contact-start:focus .dx-v1903-contact-label,
html body.dx-contact-page :is(#dx-v1906-contact-start,a.dx-v1903-contact-start).dx-v1903-contact-start:focus-visible .dx-v1903-contact-label,
html body.dx-contact-page :is(#dx-v1906-contact-start,a.dx-v1903-contact-start).dx-v1903-contact-start:active .dx-v1903-contact-label,
html body.dx-contact-page :is(#dx-v1906-contact-start,a.dx-v1903-contact-start).dx-v1903-contact-start .dx-v1903-contact-arrow,
html body.dx-contact-page :is(#dx-v1906-contact-start,a.dx-v1903-contact-start).dx-v1903-contact-start:hover .dx-v1903-contact-arrow,
html body.dx-contact-page :is(#dx-v1906-contact-start,a.dx-v1903-contact-start).dx-v1903-contact-start:focus .dx-v1903-contact-arrow,
html body.dx-contact-page :is(#dx-v1906-contact-start,a.dx-v1903-contact-start).dx-v1903-contact-start:focus-visible .dx-v1903-contact-arrow,
html body.dx-contact-page :is(#dx-v1906-contact-start,a.dx-v1903-contact-start).dx-v1903-contact-start:active .dx-v1903-contact-arrow{
  position:static!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  display:inline-flex!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  translate:none!important;
  transform:none!important;
  pointer-events:none!important;
}
html body.dx-contact-page :is(#dx-v1906-contact-start,a.dx-v1903-contact-start).dx-v1903-contact-start .dx-v1903-contact-label{
  font-kerning:normal!important;
  font-variant-ligatures:normal!important;
  font-feature-settings:normal!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
}
html body.dx-contact-page :is(#dx-v1906-contact-start,a.dx-v1903-contact-start).dx-v1903-contact-start .dx-v1903-contact-arrow{
  flex:0 0 auto!important;
  font-size:18px!important;
  font-weight:500!important;
}
@media(max-width:560px){
  html body.dx-contact-page :is(#dx-v1906-contact-start,a.dx-v1903-contact-start).dx-v1903-contact-start{gap:16px!important;padding-inline:20px!important}
}

/* 5) Legal-suite language list — final user preference: the lower row must look
      exactly like the rows above, even where the popup crosses onto the light
      content section. The transparent outer shell remains unchanged. */
html body.dx-legal-suite-page .atmo-language-popup button[data-language-option],
html body.dx-legal-suite-page .atmo-language-popup button[data-language-option][data-dx-v1905-row-tone="dark"],
html body.dx-legal-suite-page .atmo-language-popup button[data-language-option][data-dx-v1905-row-tone="light"]{
  color:#f7fbff!important;
  -webkit-text-fill-color:#f7fbff!important;
  background:rgba(8,35,48,.43)!important;
  background-image:none!important;
  border-color:rgba(247,251,255,.62)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html body.dx-legal-suite-page .atmo-language-popup button[data-language-option] span,
html body.dx-legal-suite-page .atmo-language-popup button[data-language-option] small{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
}
html body.dx-legal-suite-page .atmo-language-popup button[data-language-option]:hover,
html body.dx-legal-suite-page .atmo-language-popup button[data-language-option]:focus-visible{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(247,251,255,.98)!important;
  transform:translate3d(0,-3px,0)!important;
}

/* 6) Contact map card DENLYX — four-times-size wordmark with the exact header
      sweep timing and gradient. The card footprint, address, and directions
      control remain unchanged. */
html body.dx-contact-page .dx-v1865-map-brand{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  align-self:end!important;
  overflow:visible!important;
}
html body.dx-contact-page .dx-v1865-map-brand>.dx-v1865-map-brand-text{
  position:relative!important;
  display:inline-block!important;
  isolation:isolate!important;
  overflow:visible!important;
  margin:0!important;
  padding:0!important;
  color:#173b4b!important;
  -webkit-text-fill-color:#173b4b!important;
  font-family:inherit!important;
  font-size:32px!important;
  font-weight:900!important;
  line-height:.90!important;
  letter-spacing:.10em!important;
  white-space:nowrap!important;
  text-shadow:0 0 0 rgba(87,220,255,0),0 0 0 rgba(255,255,255,0)!important;
  animation:dx-wordmark-glow 20s ease-in-out infinite!important;
  will-change:text-shadow!important;
}
html body.dx-contact-page .dx-v1865-map-brand>.dx-v1865-map-brand-text::after{
  content:"DENLYX"!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  font:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  white-space:nowrap!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(45deg,transparent 34%,rgba(255,255,255,.18) 41%,rgba(255,255,255,.98) 49%,rgba(94,221,255,.92) 52%,rgba(255,255,255,.22) 59%,transparent 66%)!important;
  background-size:260% 100%!important;
  background-position:160% 50%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  opacity:0;
  animation:dx-wordmark-shine 20s linear infinite!important;
  will-change:background-position,opacity!important;
}
@media(max-width:560px){
  html body.dx-contact-page .dx-v1865-map-brand>.dx-v1865-map-brand-text{font-size:28px!important}
}
@media(prefers-reduced-motion:reduce){
  html body.dx-contact-page .dx-v1865-map-brand>.dx-v1865-map-brand-text,
  html body.dx-contact-page .dx-v1865-map-brand>.dx-v1865-map-brand-text::after{animation:none!important}
  html body.dx-contact-page .dx-v1865-map-brand>.dx-v1865-map-brand-text::after{display:none!important}
}
