/* DemoRequest module styles. Base form look comes from the landing page (.ld-input, .ld-fgrid, ...). */
.ld-dr-card { scroll-margin-top: 90px; }
.ld-dr-head h2 { margin: 0 0 6px; font-size: 1.5rem; color: var(--navy); text-align: left; }
.ld-dr-head p { margin: 0 0 18px; color: #475569; font-size: .9rem; }
#demoRequestForm .ld-input.bad { background: #FFF8F8; }

/* popup opened by the floating Request Demo button: the same form card is moved in here, not duplicated */
.ld-modal { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(8, 63, 71, .6); backdrop-filter: blur(4px); overflow-y: auto; }
.ld-modal[hidden] { display: none; }
.ld-modal-box { position: relative; width: 100%; max-width: 560px; margin: auto; animation: ldPop .25s ease-out; }
.ld-modal-x { position: absolute; top: 12px; right: 12px; z-index: 1; width: 34px; height: 34px; border: 0; border-radius: 50%; background: var(--soft); color: var(--navy); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.ld-modal-x:hover { background: #E2E8F0; }
.ld-modal .ld-dr-head { padding-right: 36px; }
body.ld-modal-open { overflow: hidden; }
@keyframes ldPop { from { opacity: 0; transform: translateY(14px) scale(.97); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .ld-modal-box { animation: none; } }