/* Controls stay outside the footage, including in fullscreen. */
.real-demo-controls{display:block;margin-top:10px}
.real-demo-transport{display:grid;grid-template-columns:auto minmax(40px,1fr) auto;align-items:center;gap:8px;min-width:0}
.real-demo .demo-media-button{min-height:44px;padding:8px;border:1px solid #7896bc66;border-radius:8px;background:#10294e;color:#d9e6f7;font:600 12px/1.3 Montserrat,Arial,sans-serif;white-space:nowrap;cursor:pointer}
.real-demo .demo-media-button:disabled{opacity:.45;cursor:default}
.real-demo .real-demo-play{min-height:44px;padding:4px 0;white-space:nowrap}
.real-demo .demo-seek{display:block;min-width:0;width:100%;height:44px;margin:0;padding:0;border:0;background:transparent;accent-color:#d9ff75;box-shadow:none;cursor:pointer;appearance:auto}
.demo-time{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#c9daf0}
.real-demo-controls>.demo-switch{display:block;min-height:44px;margin:2px 0 0 auto;line-height:1.4;text-align:right}
.demo-media-button:focus-visible,.demo-seek:focus-visible,.real-demo-play:focus-visible{outline:2px solid #b5d5ff;outline-offset:3px}
.demo-case-tab{min-height:44px}
.real-demo:fullscreen{display:flex;flex-direction:column;gap:0;width:100%;height:100dvh;padding:16px;background:#06172f;box-sizing:border-box;overflow:auto}
.real-demo:fullscreen .demo-case-tabs{flex:none}
.real-demo:fullscreen .real-demo-shell{flex:1;min-height:0;box-shadow:none}
.real-demo:fullscreen .real-demo-video{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
.real-demo:fullscreen .real-demo-poster{object-fit:contain}
.real-demo:fullscreen .real-demo-controls{flex:none}
.real-demo:fullscreen .real-demo-controls>.demo-switch{display:none}
@media(min-width:1101px){.variant-stage.layout-center .hero{grid-template-columns:minmax(0,.82fr) minmax(0,.55fr) minmax(0,1.32fr);column-gap:24px}.variant-stage.layout-center .stage-speaker strong{font-size:21px}}
@media(max-width:600px){
 .variant-stage.layout-center .hero{grid-template-areas:"event" "invitation" "demo" "portrait";row-gap:24px}
 .variant-stage.layout-center .subtitle{margin-bottom:20px}
 .variant-stage.layout-center .webinar-outcomes{margin-bottom:20px}
 .variant-stage.layout-center .webinar-outcomes ol{gap:8px}
 .real-demo .real-demo-play{font-size:11px}
 .demo-time{font-size:10px}
 .real-demo:fullscreen{padding:8px}
}
@media(max-height:500px) and (min-width:601px){.real-demo:fullscreen .demo-case-tabs{display:none}.real-demo:fullscreen .real-demo-controls{margin-top:4px}}

.real-demo .demo-overlay-fullscreen{position:absolute;z-index:5;right:10px;bottom:10px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #ffffff66;border-radius:7px;background:#06172fd9;color:#fff;box-shadow:0 2px 10px #0004}
.real-demo .demo-overlay-fullscreen:hover{background:#24446df2}
.demo-overlay-fullscreen svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.demo-overlay-fullscreen .fullscreen-collapse{display:none}
.demo-overlay-fullscreen[aria-pressed="true"] .fullscreen-expand{display:none}
.demo-overlay-fullscreen[aria-pressed="true"] .fullscreen-collapse{display:block}