/* Isolated, browser-only product previews. No production app styles are changed. */
.demo-section{padding-block:64px}.demo-section>h2{margin-bottom:16px}.demo-intro{max-width:740px;color:var(--muted)}.demo-panel{border:1px solid #bcc3c7;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 18px 50px #101b2510;scroll-margin-top:24px}.demo-panel>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;list-style:none;background:#fff;color:#202930;font-weight:600}.demo-panel>summary::-webkit-details-marker{display:none}.demo-panel>summary::after{content:'+';font-size:28px;font-weight:400}.demo-panel[open]>summary::after{content:'−'}.demo-panel>summary small{display:block;font-size:12px;font-weight:400;color:#5b646b;margin-top:3px}.demo-panel>summary:focus-visible{outline-offset:-5px}.demo-noscript{padding:24px}.demo-app{--demo-accent:#f0c873;background:#12161d;color:#f5f7fa;font-size:14px;line-height:1.5;padding:26px}.demo-app *{min-width:0}.demo-app p{margin:0 0 14px;color:#b7c2d1}.demo-app h3{font-size:22px;color:#fff;letter-spacing:-.025em;line-height:1.2;margin:0 0 14px}.demo-app h4{font-size:15px;font-weight:600;margin:0 0 12px;color:#fff}.demo-app small{color:#aebccc}.demo-app label{font-size:13px;color:#d2dbe7;margin:0 0 14px}.demo-app input,.demo-app select{background:#10151d;color:#fff;border:1px solid #67788c;border-radius:6px;margin-top:7px;font-size:14px;min-height:44px;padding:10px 12px}.demo-app button{border:1px solid #68788a;border-radius:6px;background:#242e3c;color:#fff;padding:10px 15px;min-height:44px;line-height:1.4;font-size:13px;font-weight:600;cursor:pointer}.demo-app button:hover{background:#354255}.demo-app button.demo-primary{background:var(--demo-accent);border-color:var(--demo-accent);color:#111722}.demo-app button:disabled{opacity:.55;cursor:default}.demo-app :focus-visible{outline:3px solid var(--demo-accent);outline-offset:3px}.demo-app [aria-pressed=true]{border-color:var(--demo-accent);background:#303328;color:var(--demo-accent)}.demo-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #3c4654;margin-bottom:22px}.demo-topbar strong{font-size:17px;letter-spacing:-.025em}.demo-topbar small{display:block;font-size:12px;margin-top:3px}.demo-badge{display:inline-block;padding:5px 9px;border:1px solid #6b7889;border-radius:4px;font-size:11px;color:#dbe3ed;white-space:nowrap}.demo-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}.demo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.demo-card{padding:22px;background:#1b232f;border:1px solid #3f4a59;border-radius:8px}.demo-kicker{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--demo-accent);margin-bottom:10px}.demo-big{font-size:clamp(38px,5vw,64px);font-weight:600;letter-spacing:-.06em;line-height:1.1;color:#fff;margin:4px 0 8px}.demo-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #3f4a59}.demo-row:last-child{border-bottom:0}.demo-row strong,.demo-row small{display:block}.demo-row small{font-size:12px;margin-top:3px}.demo-time{color:var(--demo-accent);font-size:12px;text-align:right;flex-shrink:0}.demo-empty{padding:16px 0;color:#b7c2d1}.demo-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.demo-app .demo-chip{font-size:12px;border-radius:30px;padding:8px 13px}.demo-app .demo-chip:nth-child(even){border-color:#a697f3}.demo-feedback{min-height:24px;margin-top:12px!important;color:var(--demo-accent)!important;font-size:13px}.demo-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #3c4654;margin-top:24px;padding-top:18px}.demo-footer small{max-width:640px;font-size:12px}.demo-footer button{flex-shrink:0}.demo-view-switch{display:flex;gap:8px;margin-bottom:20px}.demo-view-switch button{flex:1;text-align:left}.demo-view-switch small{display:block;color:inherit;font-weight:400;font-size:11px}.demo-app .demo-tab-active{border-color:var(--demo-accent);color:var(--demo-accent);background:#2b2c27}.demo-upcoming,.demo-app p.demo-upcoming{margin-top:22px}.demo-daypass{display:grid;grid-template-columns:.75fr 1.25fr;gap:20px}.demo-pass{background:linear-gradient(140deg,#68521c,#24261f);border-color:#aa9150}.demo-pass .demo-big{font-size:36px}.demo-app[data-product=stageflow]{--demo-accent:#82c4ff}.demo-app[data-product=stagecall]{--demo-accent:#d8ff3e;background:#111410}.demo-app[data-product=stagecall] .demo-card{background:#1b211a;border-color:#485442}.demo-call-hero{display:grid;grid-template-columns:.7fr 1.3fr;gap:20px;margin-bottom:22px}.demo-call-instruction{font-size:clamp(30px,4.2vw,52px);font-weight:600;letter-spacing:-.035em;line-height:1.05;color:var(--demo-accent);margin:10px 0}.demo-queue{display:flex;flex-direction:column;gap:8px}.demo-app .demo-queue button{width:100%;text-align:left;display:flex;gap:12px;align-items:center}.demo-queue button b{font-size:18px}.demo-queue button small{display:block;font-weight:400}.demo-score{display:flex;align-items:center;justify-content:center;gap:20px;margin:18px 0}.demo-score output{font-size:48px;font-weight:600;letter-spacing:-.04em}.demo-app .demo-score button{font-size:24px;width:46px;padding:5px}.demo-app[data-product=stream-connect]{--demo-accent:#83dbcd}.demo-tv{width:100%;aspect-ratio:16/9;border:8px solid #050708;border-radius:8px;background:#082b32;position:relative;display:flex;flex-direction:column;justify-content:center;padding:6%;overflow:hidden;box-shadow:0 20px 30px #0003}.demo-tv::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 90% 15%,#3d7d7e88,transparent 65%);pointer-events:none}.demo-tv>*{position:relative}.demo-tv h3{font-size:clamp(22px,3vw,38px);max-width:95%;margin:8px 0;line-height:1.08}.demo-tv p{color:#f3f8fb;font-size:14px;max-width:92%;margin:0}.demo-tv .demo-kicker{margin:0;font-size:10px}.demo-tv-footer{display:flex;justify-content:space-between;gap:10px;position:absolute;bottom:5%;left:6%;right:6%;font-size:9px;color:#d1e8e5}.demo-tv[data-slide=event]{background:linear-gradient(130deg,#541929,#292239)}.demo-tv[data-slide=coach]{background:linear-gradient(130deg,#162e4c,#15252e)}.demo-tv-caption{text-align:center;font-size:12px;margin-top:12px!important}.demo-tv-controls .demo-queue button[aria-pressed=true]{background:#243d3a}.demo-product-link{display:block;margin-top:14px;font-size:14px;font-weight:500}.demo-intro-link{font-size:14px;font-weight:500}.demo-now{background:#242f32;border:1px solid #748568;border-radius:6px;padding:14px;margin-top:15px}.demo-now strong{color:var(--demo-accent)}
@media(max-width:800px){.demo-section{padding-block:45px}.demo-grid,.demo-daypass,.demo-call-hero{grid-template-columns:1fr}.demo-app{padding:18px}.demo-card{padding:18px}.demo-panel>summary{padding:20px}.demo-topbar{gap:12px}.demo-footer{align-items:flex-start}.demo-footer small{font-size:11px}.demo-app h3{font-size:21px}.demo-tv h3{font-size:clamp(22px,6vw,34px)}.demo-tv p{font-size:12px}.demo-tv{aspect-ratio:auto;min-height:230px}.demo-badge{font-size:10px}.demo-call-hero .demo-big{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}