/* Meeting planner demo video: strip on /meeting/, button on the homepage card, figure in the fair-meetings guide, shared dialog. */
.demo-strip{display:flex;align-items:center;gap:16px;width:100%;max-width:620px;margin:-12px 0 24px;padding:10px 18px 10px 10px;border:1px solid #d3dfec;border-radius:14px;background:#fff;color:#172331;text-align:left;font:inherit}
.demo-strip:hover{border-color:#096dc5;filter:none}
.demo-thumb{position:relative;flex:none;width:128px;height:72px;border-radius:9px;overflow:hidden;background:#0c1f33}
.demo-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.demo-play{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#0c1f33e6;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #ffffffb3}
.demo-play svg{margin-left:3px}
.demo-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.demo-t{font-size:16px;font-weight:700}
.demo-d{font-size:14px;line-height:1.45;color:#4a5d70}
html[data-theme=dark] .demo-strip{background:#151e29;border-color:#2d3b4d;color:#e7edf5}
html[data-theme=dark] .demo-d{color:#b4c3d3}
.hm-door-wrap{position:relative;display:flex}
.hm-door-wrap>.hm-door{flex:1}
.hm-demo{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 13px;border-radius:999px;background:#fff;border:1px solid #e9cfa6;color:#7a4300;font-size:13px;font-weight:700}
.hm-demo:hover{border-color:#c46f00;filter:none}
html[data-theme=dark] .hm-demo{background:#2a2116;border-color:#6b4a1f;color:#f2b45c}
.demo-dialog{width:min(980px,94vw);max-width:none;max-height:94vh;overflow:auto;padding:18px 20px 20px}
.demo-dialog video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:10px;background:#0c1f33}
.demo-steps{margin:14px 0 0;padding-left:22px;font-size:14px;line-height:1.55;color:#33465a}
.demo-steps li{margin:2px 0}
html[data-theme=dark] .demo-steps{color:#c3d1df}
.demo-figure{margin:26px 0}
.demo-figure video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:12px;border:1px solid #d3dfec;background:#0c1f33}
.demo-figure figcaption{margin-top:10px;font-size:14px;line-height:1.55;color:#4a5d70}
html[data-theme=dark] .demo-figure video{border-color:#2d3b4d}
html[data-theme=dark] .demo-figure figcaption{color:#b4c3d3}
@media(max-width:600px){.demo-strip{margin-top:-4px;gap:12px}.demo-thumb{width:96px;height:54px}.demo-t{font-size:15px}.demo-d{font-size:13px}.demo-dialog{padding:14px}.hm-demo{top:12px;right:12px;padding:0 11px}}
@media(max-width:380px),(min-width:981px) and (max-width:1180px){.hm-demo-l{display:none}}