/* BeeSo: two separate, responsive product demonstrations. */
.demo-section{background:#fffaf0;scroll-margin-top:100px}
.demo-section--ai{background:#f8f2fb}
.demo-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(28px,5vw,66px);align-items:center}
.demo-copy{min-width:0}.demo-copy h2{font-size:clamp(2rem,3.3vw,3.1rem);line-height:1.12}
.demo-copy .lead{font-size:1.08rem;line-height:1.75}.demo-copy .button{margin-top:12px}
.demo-section--ai .demo-player{grid-column:2;grid-row:1}.demo-section--ai .demo-copy{grid-column:1;grid-row:1}
.demo-player{min-width:0;overflow:hidden;border-radius:24px;background:#250632;box-shadow:var(--shadow);border:1px solid rgba(75,17,111,.12)}
.demo-video{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;cursor:pointer;background:#250632}
.demo-toolbar{display:flex;gap:8px;align-items:center;padding:12px;flex-wrap:wrap;background:#250632;color:white}
.demo-control{min-height:44px;padding:9px 13px;border:1px solid #755186;border-radius:12px;background:#351046;color:#fff;font:inherit;font-size:.84rem;font-weight:750;cursor:pointer}
.demo-control:hover{background:#4b116f}.demo-sound{background:#ffd65c;color:#250632;border-color:#ffd65c}
.demo-control:focus-visible,.demo-video:focus-visible{outline:3px solid #ffd65c;outline-offset:-4px}
.demo-status{margin:0;padding:0 14px 12px;color:#e2cfea;font-size:.78rem;line-height:1.5}
.demo-duration{margin-left:auto;font-size:.8rem;color:#e2cfea;white-space:nowrap}
.demo-steps{padding:0;list-style:none;margin:20px 0;display:grid;gap:10px;color:#4f4056}.demo-steps li:before{content:'✓';color:#68278e;font-weight:900;margin-right:10px}
@media(max-width:800px){.demo-grid{grid-template-columns:1fr;gap:24px}.demo-copy,.demo-section--ai .demo-copy{grid-column:1;grid-row:1}.demo-player,.demo-section--ai .demo-player{grid-column:1;grid-row:2}.demo-copy h2{font-size:clamp(1.9rem,7vw,2.7rem)}.demo-copy .lead{font-size:1rem}.demo-section{padding-block:44px}.demo-player{border-radius:18px}.demo-toolbar{gap:6px;padding:10px}.demo-control{padding:8px 10px;font-size:.79rem}.demo-duration{font-size:.76rem}}

.demo-screen{position:relative}.demo-overlay{position:absolute;inset:0;width:100%;height:100%;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;background:rgba(0,0,0,.12);color:#fff}.demo-overlay[hidden]{display:none}.demo-overlay img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.demo-overlay-icon{position:relative;display:grid;place-items:center;width:80px;height:80px;padding-left:5px;border-radius:50%;background:#ffd65c;color:#250632;font-size:34px;box-shadow:0 8px 40px #0005}.demo-overlay-label{position:relative;padding:7px 15px;border-radius:20px;background:#250632e8;font:700 14px system-ui,sans-serif}.demo-player[data-has-played="true"] .demo-overlay img{display:none}.demo-overlay:focus-visible{outline:4px solid #ffd65c;outline-offset:-5px}
.demo-player:fullscreen{width:100vw;height:100vh;border:0;border-radius:0;background:#250632}.demo-player:fullscreen .demo-screen{height:calc(100vh - 116px);display:flex;justify-content:center}.demo-player:fullscreen .demo-video{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}