/* Interactive marketing sample: native modal for explicit section choices only. */
html.hs-demo-dialog-open{overflow:hidden}
.demo-section-dialog{position:fixed;inset:0;margin:auto;width:min(720px,calc(100vw - 48px));height:fit-content;max-width:none;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--hs-line);border-radius:24px;background:var(--hs-white);color:var(--hs-ink);box-shadow:0 28px 90px rgba(41,37,48,.25);overflow:hidden}
.demo-section-dialog[open]{display:flex;flex-direction:column;animation:hs-demo-panel-enter .18s ease-out}
.demo-section-dialog::backdrop{background:rgba(41,37,48,.48)}
.demo-dialog-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px 19px;border-bottom:1px solid var(--hs-line);background:var(--hs-white)}
.demo-dialog-heading{min-width:0}
.demo-dialog-kicker{display:block;margin-bottom:7px;font-size:9px;line-height:1.4;letter-spacing:.1em;font-weight:700;color:var(--demo-selected)}
.demo-dialog-header h2{margin:0;font-size:24px;line-height:1.2;letter-spacing:-.035em;overflow-wrap:anywhere}
.demo-dialog-close{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:94px;min-height:46px;padding:10px 13px;border:1px solid var(--hs-line);border-radius:12px;background:var(--hs-subtle);color:var(--hs-ink);font-size:12px;font-weight:650}
.demo-dialog-close>span{font-size:24px;line-height:1;font-weight:400}
.demo-dialog-close:hover{background:var(--demo-soft);border-color:var(--demo-selected)}
.demo-dialog-close:focus-visible{outline:3px solid var(--demo-selected);outline-offset:2px}
.demo-dialog-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.demo-section-dialog #demo-content{min-height:0;padding:24px 28px 30px}
.demo-section-dialog #demo-content h4{font-size:28px;max-width:560px}
.demo-section-dialog #demo-content>p{font-size:14px;line-height:1.75;max-width:none}
.demo-section-dialog .demo-row{font-size:14px}
.demo-section-dialog .demo-step>img{height:170px}
.demo-section-dialog .demo-step p,.demo-section-dialog .demo-place>p,.demo-section-dialog .demo-bin p{font-size:13px}
.demo-section-dialog .demo-bin h5{font-size:14px}
.demo-content-placeholder{pointer-events:none}
@keyframes hs-demo-panel-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){
 .demo-section-dialog{inset:auto 0 0;margin:0;width:100%;max-height:calc(100vh - 14px);max-height:calc(100dvh - 14px);border-radius:23px 23px 0 0;border-bottom:0;animation-duration:.2s}
 .demo-dialog-header{padding:19px 18px 15px;gap:12px}
 .demo-dialog-header h2{font-size:23px}
 .demo-dialog-kicker{font-size:8px;letter-spacing:.08em}
 .demo-dialog-close{min-width:84px;min-height:46px;padding:10px 11px;gap:8px}
 .demo-section-dialog #demo-content{padding:18px 19px calc(24px + env(safe-area-inset-bottom))}
 .demo-section-dialog #demo-content h4{font-size:27px}
 .demo-section-dialog #demo-content>p{font-size:14px}
 .demo-section-dialog .demo-row{font-size:13px}
 .demo-section-dialog .demo-wifi-card .demo-row dd{font-size:12px}
 .demo-section-dialog .demo-copy-button{min-height:48px}
 .demo-section-dialog .demo-step>img{height:180px}
 .demo-section-dialog .demo-bin{padding:13px}
 .demo-section-dialog .demo-bin h5{font-size:13px}
 .demo-section-dialog .demo-bin p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.demo-section-dialog[open]{animation:none}}