/* Request Demo pop-up (js/demo-modal.js). Opens from every "Request Demo"
   button. Always light: the GHL form inside is styled light
   (tools/ghl/enquiry-form.css), so the pop-up does not follow dark mode. */
.wdm{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}
.wdm.is-open{opacity:1;visibility:visible;transition:opacity .25s ease}
.wdm__backdrop{position:absolute;inset:0;background:rgba(18,17,15,.6);backdrop-filter:blur(2px)}
.wdm__panel{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);width:min(1100px,100%);max-height:calc(100dvh - 48px);overflow:hidden;border-radius:28px;background:#fff;color:#1A1917;box-shadow:0 40px 100px rgba(0,0,0,.35);transform:translateY(16px) scale(.98);transition:transform .3s ease;color-scheme:light}
.wdm.is-open .wdm__panel{transform:none}

.wdm__side{display:flex;flex-direction:column;align-items:center;min-height:0;padding:64px 20px 0;background:#0E7C78;color:#fff;text-align:center;overflow:hidden}
.wdm__side h2{margin:0 0 20px;font-size:clamp(34px,4vw,58px);font-weight:400;line-height:1.1;letter-spacing:-.01em;color:#fff}
.wdm__side p{margin:0;max-width:440px;font-size:17px;line-height:1.5;color:#fff}
.wdm__side a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.wdm__side img{align-self:flex-start;width:82%;max-width:420px;height:auto;margin-top:auto;padding-top:32px}

.wdm__main{position:relative;min-height:0;padding:56px 56px 36px;overflow-y:auto;overscroll-behavior:contain}
.wdm__close{position:absolute;top:22px;right:24px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:#00BAB2;cursor:pointer}
.wdm__close:hover{background:#E1F5F3}
.wdm__close:focus-visible{outline:2px solid #00BAB2;outline-offset:2px}
.wdm__close svg{width:24px;height:24px}
.wdm__form iframe{display:block;width:100%;min-height:520px;border:0;color-scheme:light}

html.wdm-lock{overflow:hidden}

@media (max-width:760px){
  .wdm{padding:12px}
  .wdm__panel{grid-template-columns:1fr;max-height:calc(100dvh - 24px);border-radius:20px;overflow-y:auto}
  .wdm__side{padding:28px 20px 24px}
  .wdm__side h2{margin-bottom:10px}
  .wdm__side p{font-size:15px}
  .wdm__side img{display:none}
  .wdm__main{padding:20px 20px 24px;overflow:visible}
  .wdm__close{top:12px;right:12px;color:#fff}
  .wdm__close:hover{background:rgba(255,255,255,.15)}
}
@media (prefers-reduced-motion:reduce){.wdm,.wdm__panel{transition:none}}