/* Restored hands-on demo; isolated from the film and the checkout. */
.mq-prelaunch .mq-film-demo-link {display:flex; align-items:center; justify-content:center; gap:18px; flex-wrap:wrap; padding-top:22px; font-size:14px; color:#786e86}
.mq-film-demo-link a {display:inline-flex; align-items:center; gap:14px; color:#6250b7; min-height:44px; text-decoration:underline; text-underline-offset:5px}
.mq-prelaunch .mq-restored-demo {padding-block:64px}
.mq-restored-demo .mq-app-grid {grid-template-columns:.8fr 1.2fr; gap:64px; align-items:center}
.mq-restored-demo .mq-app-copy h2 {font-size:clamp(36px,3.5vw,50px)}
.mq-restored-demo .mq-app-copy .mq-lead {font-size:16px; line-height:1.6; margin-top:20px}
.mq-restored-demo .mq-app-controls {margin-top:24px; display:grid; grid-template-columns:1fr; gap:4px}
.mq-restored-demo .mq-app-controls button {min-height:70px; padding:12px 16px}
.mq-restored-demo .mq-app-controls button b {font-size:16px}
.mq-restored-demo .mq-app-controls button small {font-size:13px; color:#7a6f88}
.mq-restored-demo .mq-app-controls button>span {font-size:12px}
#main-content .mq-restored-demo .mq-demo-note {font-size:12px; color:#81768c; margin-top:19px; line-height:1.6}
.mq-restored-demo .mq-app-top {font-size:11px; padding:16px 24px; letter-spacing:.05em}
.mq-restored-demo .mq-app-body {padding:26px 30px 18px}
#main-content .mq-restored-demo .mq-app-date {font-size:11px}
.mq-restored-demo .mq-app-body h3 {font-size:25px}
.mq-restored-demo .mq-app-tags {margin:12px 0 22px}
.mq-restored-demo .mq-app-tags span {font-size:11px}
.mq-restored-demo .mq-app-panel {min-height:336px}
.mq-restored-demo .mq-summary-box {padding:20px; background:#f5f2fc}
.mq-restored-demo .mq-summary-box h4 {font-size:22px; line-height:1.25}
.mq-restored-demo :is(.mq-summary-box p,.mq-transcript p,.mq-answer p,.mq-panel-intro) {font-size:14px; color:#6f647e; line-height:1.65}
.mq-restored-demo :is(.mq-summary-box small,.mq-answer small) {font-size:11px}
#main-content .mq-restored-demo .mq-panel-label {font-size:11px}
.mq-restored-demo .mq-panel-label>span {font-size:12px; color:#78698b}
.mq-restored-demo .mq-decision strong {font-size:14px}
.mq-restored-demo .mq-decision p {font-size:12px; color:#83768f}
.mq-restored-demo .mq-search {min-height:46px}
.mq-restored-demo .mq-search input {font-size:16px}
.mq-restored-demo .mq-transcript article {padding:12px 0}
.mq-restored-demo .mq-transcript strong {font-size:12px}
.mq-restored-demo .mq-transcript time {font-size:11px}
.mq-restored-demo .mq-task {min-height:68px; padding:12px 0}
.mq-restored-demo .mq-task b {font-size:14px}
.mq-restored-demo .mq-task small {font-size:12px; color:#84758f}
#main-content .mq-restored-demo .mq-local-note {font-size:12px}
.mq-restored-demo .mq-ask-intro h4 {font-size:23px}
.mq-restored-demo .mq-ask-intro p {font-size:13px; color:#82748f}
.mq-restored-demo .mq-questions {margin:16px 0; gap:8px}
.mq-restored-demo .mq-questions button {min-height:44px; font-size:12px; color:#6a557e}
.mq-restored-demo .mq-answer>span {font-size:11px; color:#82708f}
.mq-restored-demo .mq-app-bottom {font-size:11px; padding:14px 24px}
@media(max-width:900px) {
 .mq-restored-demo .mq-app-grid {grid-template-columns:1fr; gap:25px}
 .mq-restored-demo .mq-app-controls {grid-template-columns:1fr 1fr; gap:6px}
 .mq-restored-demo .mq-app-window {max-width:none}
}
@media(max-width:620px) {
 .mq-prelaunch .mq-restored-demo {padding-block:40px}
 .mq-prelaunch .mq-film-demo-link {gap:0; padding-top:14px; font-size:12px}
 .mq-film-demo-link>span {display:none}
 .mq-restored-demo .mq-app-controls button {padding:10px; gap:9px; min-height:68px}
 .mq-restored-demo .mq-app-controls button b {font-size:14px}
 .mq-restored-demo .mq-app-controls button small {font-size:12px; line-height:1.35}
 .mq-restored-demo .mq-app-top {padding:14px 16px; font-size:10px; letter-spacing:0}
 .mq-restored-demo .mq-example-pill {font-size:10px}
 .mq-restored-demo .mq-app-body {padding:22px 18px 16px}
 .mq-restored-demo .mq-app-body h3 {font-size:23px}
 .mq-restored-demo .mq-app-panel {min-height:350px}
 .mq-restored-demo .mq-app-bottom {padding:14px 16px; font-size:10px}
 .mq-restored-demo .mq-summary-box h4 {font-size:21px}
 .mq-restored-demo .mq-questions button {font-size:12px; flex:1 1 auto}
}