.scenario-demo-page{width:min(1100px,calc(100% - 40px));margin:0 auto;padding:48px 0 64px}.scenario-demo-kicker{display:inline-block;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.scenario-demo-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:28px;align-items:stretch}.scenario-demo-intro-copy,.scenario-demo-intro-aside,.scenario-demo-conversion{border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.scenario-demo-intro-copy{padding:42px}.scenario-demo-intro-copy h1{font-size:clamp(36px,5vw,60px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 16px}.scenario-demo-summary{max-width:760px;color:var(--muted);font-size:18px;line-height:1.65}.scenario-demo-meta{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.scenario-demo-meta span{border:1px solid var(--border);border-radius:999px;background:var(--surface2);padding:6px 10px;font-size:12px;font-weight:800}.scenario-demo-privacy{max-width:780px;padding:14px 16px;border-left:4px solid var(--accent);background:var(--surface2);border-radius:0 10px 10px 0;color:var(--muted)}.scenario-demo-privacy strong{color:var(--text)}.scenario-demo-intro-aside{padding:32px;background:linear-gradient(145deg,#07131f,#0d2b40);color:#fff}.scenario-demo-intro-aside .scenario-demo-kicker{color:#ff9a6b}.scenario-demo-intro-aside ol{list-style:none;padding:0;margin:22px 0 0;counter-reset:steps;display:grid;gap:20px}.scenario-demo-intro-aside li{counter-increment:steps;display:grid;grid-template-columns:36px 1fr;gap:12px}.scenario-demo-intro-aside li:before{content:counter(steps);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#07131f;font-weight:900}.scenario-demo-intro-aside strong,.scenario-demo-intro-aside span{grid-column:2}.scenario-demo-intro-aside span{color:#bdd0dd;font-size:13px;line-height:1.6}.scenario-demo-unavailable{text-align:center;max-width:760px;margin:30px auto}.scenario-demo-running-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 14px;padding:12px 15px;border-radius:12px;background:#07131f;color:#fff}.scenario-demo-running-head>div{display:grid}.scenario-demo-running-head strong{font-size:16px}.scenario-demo-running-head>span{font-size:12px;color:#b9cbd7}.scenario-demo-running-head .scenario-demo-kicker{color:#ff9a6b}.scenario-demo-restart{margin-top:12px}.scenario-demo-result-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px}.scenario-demo-result-hero h1{margin:6px 0 8px;font-size:clamp(30px,4vw,46px);letter-spacing:-.035em}.scenario-demo-result-hero p{max-width:720px;color:var(--muted)}.scenario-demo-conversion{margin-top:20px;padding:32px;background:linear-gradient(140deg,#07131f,#10334a);color:#fff}.scenario-demo-conversion .scenario-demo-kicker{color:#ff9a6b}.scenario-demo-conversion h2{font-size:clamp(28px,4vw,42px);margin:7px 0 8px;letter-spacing:-.035em}.scenario-demo-conversion-copy>p{max-width:800px;color:#c1d0da;font-size:16px}.scenario-demo-conversion-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.scenario-demo-conversion-options article{padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(255,255,255,.06)}.scenario-demo-conversion-options h3{margin:0 0 7px}.scenario-demo-conversion-options p{color:#c1d0da;min-height:48px}.scenario-demo-conversion .btn:not(.btn-primary){background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}.scenario-demo-conversion .btn-small{margin-top:4px}.scenario-demo-showcase{background:#07131f;color:#fff;padding:68px 0}.scenario-demo-showcase-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:54px;align-items:center}.scenario-demo-showcase h2{font-size:clamp(32px,4.2vw,52px);line-height:1.04;letter-spacing:-.045em;margin:10px 0 16px}.scenario-demo-showcase p{color:#b7cad6;font-size:16px;line-height:1.7;max-width:720px}.scenario-demo-showcase-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.scenario-demo-showcase-actions .btn:not(.btn-primary){background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}.scenario-demo-showcase-steps{display:grid;gap:11px}.scenario-demo-showcase-steps>div{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:16px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.05)}.scenario-demo-showcase-steps b{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#07131f}.scenario-demo-showcase-steps span{display:grid;gap:2px}.scenario-demo-showcase-steps small{color:#a9bfcd;line-height:1.45}.scenario-demo-hero-button{box-shadow:0 12px 32px rgba(0,0,0,.22)}.fx-demo-callout{width:min(1040px,calc(100% - 28px));margin:34px auto 0;padding:28px 30px;border-radius:12px;background:linear-gradient(120deg,#0a263c,#123e5b);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px}.fx-demo-callout .eyebrow{color:#ff9a6b}.fx-demo-callout h2{font-size:clamp(25px,3vw,38px);line-height:1.08;letter-spacing:-.035em;margin:5px 0 8px}.fx-demo-callout p{max-width:720px;color:#c2d3de;margin:0}.scenario-demo-admin-head .status-success,.scenario-demo-page .status-success{background:#ecfdf3;color:var(--success)}.scenario-demo-admin-head .status-warning,.scenario-demo-page .status-warning,.status-warning{background:#fffaeb;color:#8a6116}.scenario-demo-enable{align-items:flex-start;margin:18px 0}.scenario-demo-enable span{display:grid}.scenario-demo-enable small{color:var(--muted);font-weight:500}.scenario-demo-reasons{color:var(--danger)}.table-wrap{overflow:auto}.scenario-demo-admin-head details{margin-top:6px}.scenario-demo-admin-head details summary{cursor:pointer;font-size:12px;font-weight:800}.scenario-demo-admin-head details ul{margin:6px 0 0;padding-left:18px;font-size:12px;color:var(--muted)}
@media(max-width:900px){.scenario-demo-intro,.scenario-demo-showcase-grid,.scenario-demo-conversion-options{grid-template-columns:1fr}.scenario-demo-result-hero{align-items:flex-start;flex-direction:column}.fx-demo-callout{align-items:flex-start;flex-direction:column}.scenario-demo-running-head{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.scenario-demo-page{width:calc(100% - 24px);padding:28px 0 48px}.scenario-demo-intro-copy,.scenario-demo-intro-aside,.scenario-demo-conversion{padding:22px}.scenario-demo-intro-copy h1{font-size:38px}.scenario-demo-summary{font-size:16px}.scenario-demo-showcase{padding:48px 0}.scenario-demo-showcase-grid{gap:30px}.scenario-demo-showcase-actions{display:grid}.scenario-demo-showcase-actions .btn{width:100%}.fx-demo-callout{width:calc(100% - 28px);padding:22px}.scenario-demo-running-head>span{font-size:11px}}

.scenario-demo-page .sizeup-observation-hidden-message{display:grid;gap:.3rem;place-items:center;text-align:center;margin:1rem 0;padding:2rem 1rem;border:1px dashed rgba(148,163,184,.45);border-radius:14px;background:rgba(15,23,42,.06)}.scenario-demo-page .sizeup-observation-hidden-message[hidden]{display:none}.scenario-demo-page .sizeup-question-badges{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.scenario-demo-page .sizeup-response-timer{font-variant-numeric:tabular-nums}.scenario-demo-page .sizeup-response-timer.is-urgent{font-weight:800}.scenario-demo-page .sizeup-response-timer.is-expired{opacity:.85}

/* 0.3.0 public desktop UAT refinements */
.fx-demo-callout{margin-top:34px;margin-bottom:34px}
.scenario-demo-running-head h1{margin:0;font-size:16px;line-height:1.3;letter-spacing:0;color:inherit}
.scenario-demo-result-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;text-align:left;padding:24px 26px;gap:24px}
.scenario-demo-result-summary{min-width:0}.scenario-demo-result-hero h1{font-size:clamp(26px,3.2vw,38px);margin:5px 0 7px;line-height:1.08}.scenario-demo-result-hero p{margin:0;max-width:760px;font-size:14px;line-height:1.55}
.scenario-demo-score{min-width:150px;padding:15px 18px;border:1px solid #cbd9e3;border-radius:13px;background:#f4f8fa;display:grid;gap:4px;text-align:center;box-shadow:inset 0 1px 0 #fff}.scenario-demo-score>span{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.1em;color:#607789}.scenario-demo-score>strong{font-size:44px;line-height:1;color:#071f31;letter-spacing:-.05em}.scenario-demo-score small{font-size:19px;margin-left:2px}
.scenario-demo-conversion{padding:28px}.scenario-demo-conversion h2{font-size:clamp(26px,3vw,35px);line-height:1.08}.scenario-demo-conversion-copy>p{max-width:900px;font-size:14px;line-height:1.6}.scenario-demo-conversion-options{margin:20px 0;gap:12px}.scenario-demo-conversion-options article{padding:18px}.scenario-demo-conversion-options p{min-height:0;font-size:13px;line-height:1.55}.scenario-demo-conversion-options .btn{white-space:nowrap}
@media(max-width:900px){.scenario-demo-result-hero{grid-template-columns:1fr}.scenario-demo-score{width:min(220px,100%)}}
@media(max-width:680px){.fx-demo-callout{margin-top:28px;margin-bottom:28px}.scenario-demo-result-hero{padding:20px}.scenario-demo-score{width:100%}.scenario-demo-conversion{padding:22px}.scenario-demo-conversion-options .btn{white-space:normal}}


/* 0.4.0 conversion guidance and demo review polish */
.scenario-demo-intro-aside h2{margin:7px 0 4px;font-size:clamp(24px,2.6vw,32px);line-height:1.08;letter-spacing:-.025em;color:#fff}.scenario-demo-aside-lead{margin:0;color:#c6d7e2!important;font-size:13px!important}.scenario-demo-intro-aside .scenario-demo-expectations{margin-top:18px;gap:15px}.scenario-demo-intro-aside .scenario-demo-expectations li{gap:10px}.scenario-demo-intro-aside .scenario-demo-expectations li:before{width:28px;height:28px;font-size:12px}.scenario-demo-intro-aside .scenario-demo-expectations strong{font-size:14px}.scenario-demo-intro-aside .scenario-demo-expectations span{font-size:12px;line-height:1.5}
.scenario-demo-page .sizeup-observe-gate[hidden],.scenario-demo-page .sizeup-viewer[hidden],.scenario-demo-page .sizeup-scene-audio[hidden],.scenario-demo-page .sizeup-questions[hidden]{display:none!important}
.scenario-demo-page .sizeup-clue-review{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.scenario-demo-page .sizeup-clue-review article{min-width:0;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}.scenario-demo-page .sizeup-clue-review article h3{margin:0;font-size:15px;line-height:1.3}.scenario-demo-page .sizeup-clue-frame{width:100%;max-width:none;aspect-ratio:16/9;background:#0b1118;border-radius:12px;overflow:visible}.scenario-demo-page .sizeup-clue-frame>.sizeup-scene-base{width:100%;height:100%;object-fit:contain;border-radius:12px}.scenario-demo-page .sizeup-clue-pin{z-index:45}.scenario-demo-page .sizeup-clue-pin>span{z-index:60;max-width:min(260px,calc(100vw - 32px))}
@media(max-width:760px){.scenario-demo-page .sizeup-clue-review{grid-template-columns:1fr}.scenario-demo-page .sizeup-clue-review article{padding:12px}.scenario-demo-page .sizeup-clue-pin>span{position:fixed;left:12px!important;right:12px!important;top:auto!important;bottom:12px!important;transform:none!important;width:auto!important;max-width:none!important;z-index:10000;padding:14px 16px;border-radius:12px;box-shadow:0 12px 36px rgba(0,0,0,.42)}.scenario-demo-page .sizeup-clue-pin>span strong{font-size:14px}.scenario-demo-page .sizeup-clue-pin>span small{font-size:12px;line-height:1.5}.scenario-demo-page .sizeup-clue-pin{width:34px;height:34px}.scenario-demo-intro-aside .scenario-demo-expectations{gap:14px}}
@media(prefers-reduced-motion:reduce){.scenario-demo-intro-aside *{scroll-behavior:auto}}


/* 0.4.1 multi-view public-demo emphasis */
.scenario-demo-page .sizeup-view-guide{border-color:color-mix(in srgb,#ff5a1f 48%,var(--border,#cbd5e1));background:color-mix(in srgb,#ff5a1f 6%,var(--surface,#fff))}.scenario-demo-page .sizeup-view-guide .assessment-kicker{color:#d9471a}.scenario-demo-page .sizeup-view-tab.is-active{border-color:#d9471a;background:color-mix(in srgb,#ff5a1f 8%,var(--surface,#fff))}.scenario-demo-page .sizeup-view-tab.is-active .sizeup-view-tab-index{background:#d9471a}.scenario-demo-page .sizeup-view-step-next:not(:disabled){background:rgba(176,37,24,.94)}


/* Media autoplay and explicit playback fallback */
.sizeup-media-play-prompt[hidden]{display:none!important}.sizeup-scene-audio-player{display:grid;gap:.55rem;align-items:start}.sizeup-scene-audio-player audio{width:min(100%,680px)}.sizeup-media-play-prompt{appearance:none;font:inherit;cursor:pointer}.sizeup-media-play-prompt-audio{display:flex;align-items:center;gap:.75rem;width:min(100%,680px);padding:.75rem .9rem;border:1px solid color-mix(in srgb,var(--accent,#ff5a1f) 45%,var(--border,#cbd5e1));border-radius:12px;background:color-mix(in srgb,var(--accent,#ff5a1f) 7%,var(--surface,#fff));color:inherit;text-align:left;transition:border-color .16s ease,background .16s ease,transform .16s ease}.sizeup-media-play-prompt-audio:hover,.sizeup-media-play-prompt-audio:focus-visible{border-color:var(--accent,#ff5a1f);background:color-mix(in srgb,var(--accent,#ff5a1f) 11%,var(--surface,#fff));transform:translateY(-1px)}.sizeup-media-play-prompt-audio:focus-visible,.sizeup-media-play-prompt-video:focus-visible{outline:3px solid color-mix(in srgb,var(--accent,#ff5a1f) 35%,transparent);outline-offset:3px}.sizeup-media-play-icon{display:grid;place-items:center;flex:0 0 auto;width:2.4rem;height:2.4rem;border-radius:999px;background:var(--accent,#ff5a1f);color:#fff;font-size:1rem}.sizeup-media-play-prompt strong,.sizeup-media-play-prompt small{display:block}.sizeup-media-play-prompt small{margin-top:.1rem;color:var(--muted,#64748b);font-size:.78rem;line-height:1.4}.sizeup-media-play-prompt-video{position:absolute;inset:0;z-index:80;display:grid;place-items:center;border:0;background:linear-gradient(180deg,rgba(3,10,18,.18),rgba(3,10,18,.6));color:#fff;padding:1rem}.sizeup-media-play-action{display:flex;align-items:center;gap:.85rem;max-width:min(420px,calc(100% - 24px));padding:.9rem 1rem;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:rgba(5,15,25,.9);backdrop-filter:blur(8px);box-shadow:0 12px 30px rgba(0,0,0,.3);text-align:left}.sizeup-media-play-prompt-video .sizeup-media-play-icon{width:3rem;height:3rem;font-size:1.2rem}.sizeup-media-play-prompt-video small{color:#cbd5e1}.sizeup-media-play-prompt-video:hover .sizeup-media-play-action{background:rgba(5,15,25,.97);border-color:rgba(255,255,255,.45)}.sizeup-scene.is-waiting-for-media [data-sizeup-countdown]{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#ff5a1f) 15%,transparent)}
@media(max-width:680px){.sizeup-media-play-prompt-audio{width:100%}.sizeup-media-play-action{width:100%;max-width:calc(100% - 12px)}.sizeup-media-play-prompt-video .sizeup-media-play-icon{width:2.65rem;height:2.65rem}}
@media(prefers-reduced-motion:reduce){.sizeup-media-play-prompt-audio,.sizeup-media-play-prompt-video .sizeup-media-play-action{transition:none}.sizeup-media-play-prompt-audio:hover{transform:none}}


/* UAT-155 required-response navigation validation */
.sizeup-validation-summary{margin:0 0 1rem}
.sizeup-validation-summary[hidden],.sizeup-required-error[hidden]{display:none!important}
.prompt.has-required-error{border-color:color-mix(in srgb,#dc2626 68%,var(--border,#cbd5e1));box-shadow:0 0 0 2px color-mix(in srgb,#dc2626 12%,transparent)}
.sizeup-required-error{margin:.45rem 0 0;color:#b42318;font-size:.86rem;font-weight:700}
.prompt.has-required-error input[aria-invalid="true"],.prompt.has-required-error textarea[aria-invalid="true"],.prompt.has-required-error select[aria-invalid="true"]{border-color:#dc2626}

/* 0.4.6 timed-response acknowledgement/lock UI; behavior is shared with Assessment Engine. */
.scenario-demo-page .sizeup-timed-response-dialog .sp-dialog-card{align-items:start}.scenario-demo-page .sizeup-timed-response-dialog .sp-dialog-icon{font-size:1.15rem}.scenario-demo-page .sizeup-timed-response-dialog .sp-dialog-copy p{line-height:1.6}.scenario-demo-page .sizeup-timeout-notice{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin:0 0 1rem}.scenario-demo-page .sizeup-timeout-notice[hidden]{display:none!important}.scenario-demo-page .sizeup-question-form-timeout-saved .prompt{opacity:.78}.scenario-demo-page .sizeup-question-form-timeout-saved .prompt input,.scenario-demo-page .sizeup-question-form-timeout-saved .prompt textarea,.scenario-demo-page .sizeup-question-form-timeout-saved .prompt select,.scenario-demo-page .sizeup-question-form-timeout-saved [data-order-up],.scenario-demo-page .sizeup-question-form-timeout-saved [data-order-down]{cursor:not-allowed}.scenario-demo-page .sizeup-response-timer.is-expired{font-weight:850;color:var(--danger,#b42318)}
.scenario-demo-page .sizeup-clue-pin:is(:hover,:focus,:focus-visible){z-index:1000}.scenario-demo-page .sizeup-clue-pin>span{z-index:1}