#sector-demo-dialog { width:min(760px, calc(100% - 24px)); max-width:760px; height:min(860px, calc(100dvh - 32px)); max-height:calc(100dvh - 32px); border:0; border-radius:20px; padding:0; color:#14385f; background:white; box-shadow:0 24px 90px #001e4c55; }
#sector-demo-dialog[open] { display:flex; flex-direction:column; }
#sector-demo-dialog::backdrop { background:rgba(9,29,61,.65); backdrop-filter:blur(4px); }
.sector-demo-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:22px 26px 10px; }
.sector-demo-heading p { margin:0 0 4px; color:#0674ec; font-size:14px; }
.sector-demo-heading h2 { margin:0; font-size:28px; }
.sector-demo-heading button { flex-shrink:0; width:44px; height:44px; border:1px solid #dce7f4; border-radius:50%; background:#f2f7fd; color:#14385f; font-size:28px; cursor:pointer; }
.sector-demo-heading button:focus-visible, #sector-demo-dialog a:focus-visible { outline:3px solid #0674ec; outline-offset:3px; }
.sector-demo-intro { margin:0; padding:0 26px 14px; font-size:16px; line-height:1.5; }
#sector-demo-dialog iframe { width:100%; flex:1; min-height:180px; border:0; }
#sector-demo-dialog footer { padding:10px 26px; border-top:1px solid #e4edf7; font-size:13px; }
#sector-demo-dialog [data-demo-loading] { padding:0 26px; }
#sector-demo-dialog.is-confirmed { height:fit-content; width:min(640px, calc(100% - 24px)); }
#sector-demo-dialog.is-confirmed .sector-demo-heading { flex-shrink:0; padding-bottom:18px; }
#sector-demo-dialog.is-confirmed .sector-demo-heading h2 { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#sector-demo-dialog.is-confirmed .sector-demo-intro,
#sector-demo-dialog.is-confirmed footer { display:none; }
#sector-demo-dialog.is-confirmed iframe { flex:0 1 auto; min-height:0; height:var(--demo-success-height, 520px); }
@media(max-width:480px) { #sector-demo-dialog { width:calc(100% - 12px); max-height:calc(100dvh - 12px); height:calc(100dvh - 12px); border-radius:12px; } .sector-demo-heading { padding:16px 14px 8px; } .sector-demo-heading h2 { font-size:23px; } .sector-demo-intro { padding:0 14px 8px; font-size:14px; } }