/* Popup démo + bloc CTA (26/10) */
.ctabloc{background:linear-gradient(160deg,#f1fbff,#f0fbf5);border:1px solid #dbe6ee;border-radius:20px;padding:40px 36px;text-align:center}
.ctabloc p{max-width:640px;margin-left:auto;margin-right:auto}.ctabloc .center{margin-top:24px}
html.dlg-open,html.dlg-open body{overflow:hidden}
.dlg{border:0;padding:0;border-radius:20px;width:min(760px,calc(100% - 48px));max-height:calc(100vh - 48px);background:#fff;color:#1d2b3a;box-shadow:0 40px 90px -30px rgba(11,40,70,.55)}
.dlg::backdrop{background:rgba(11,27,46,.55)}
.dlg-in{display:flex;flex-direction:column;max-height:calc(100vh - 48px)}
.dlg-h{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 28px;border-bottom:1px solid #e3ebf2}
.dlg-h h2{margin:0;font-size:24px}
.dlg-x{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid #c9d7e2;background:#fff;color:#0b1b2e;font-size:24px;line-height:1;cursor:pointer}
.dlg-x:hover{background:#f3f8fb}.dlg-x:focus-visible{outline:2px solid #0b1b2e;outline-offset:2px}
.dlg-b{overflow-y:auto;padding:8px 28px 28px;overscroll-behavior:contain}
.dlg-b .form{margin-top:16px}
@media(max-width:640px){
 .dlg{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;margin:0}
 .dlg-in{height:100%;max-height:100%}
 .dlg-h{padding:14px 18px}.dlg-h h2{font-size:20px}.dlg-b{padding:4px 18px 24px}
 .dlg-b .form{grid-template-columns:1fr}
 .ctabloc{padding:28px 18px}
}
.pdemo .demo .form{margin-top:24px}