.demo-shell{min-height:calc(100vh - 88px);display:grid;grid-template-columns:.78fr 1.22fr;background:linear-gradient(120deg,rgba(9,13,24,.98),rgba(7,70,105,.88)),url('film-set-energy.webp?ver=1.2.4') center/cover;color:#fff}.demo-intro{padding:clamp(48px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.demo-intro h1{font:800 55px/1.1 Inter, Aptos, "Segoe UI", system-ui, sans-serif;letter-spacing:0;margin:0 0 10px;text-wrap:balance}.demo-intro>p:not(.eyebrow){font-size:19px;color:#dbeaf1;max-width:550px}.demo-progress{display:flex;gap:8px;margin-top:50px}.demo-progress span{width:44px;height:6px;background:rgba(255,255,255,.28)}.demo-progress span.active{background:#00c8e8}.demo-stage{background:rgba(255,255,255,.97);color:#090d18;margin:clamp(24px,5vw,70px);padding:clamp(30px,5vw,72px);box-shadow:16px 16px 0 #00c8e8;align-self:center;min-height:610px}.demo-step{display:none}.demo-step.active{display:block}.step-number,.demo-kicker{font:800 12px Inter, Aptos, "Segoe UI", system-ui, sans-serif;letter-spacing:.14em;color:#1354d4}.demo-step h2{font:800 clamp(38px,5vw,67px)/.95 Inter, Aptos, "Segoe UI", system-ui, sans-serif;letter-spacing:0;margin:18px 0 35px}.choice-grid{display:grid;gap:13px}.choice-grid button{background:#fff;border:1px solid #101820;padding:22px;text-align:left;cursor:pointer;transition:.2s}.choice-grid button:hover,.choice-grid button:focus-visible{background:#eafbff;transform:translateX(7px);outline:3px solid #165dff}.choice-grid strong,.choice-grid small{display:block}.choice-grid strong{font:700 20px Inter, Aptos, "Segoe UI", system-ui, sans-serif}.choice-grid small{margin-top:7px;color:#59656c}.demo-result,.demo-output{border:1px solid #101820;background:#fff}.demo-result article,.demo-output article{padding:20px;border-top:1px solid #c7ced2}.demo-result article:first-child,.demo-output article:first-child{border-top:0}.demo-result strong,.demo-output strong{display:block;font:700 18px Inter, Aptos, "Segoe UI", system-ui, sans-serif;margin:0}.demo-result p,.demo-output p{margin:6px 0 0;color:#4c5960}.demo-next{margin-top:28px}.demo-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button.secondary{background:#00a3c3;color:#07101a}.text-button{border:0;background:transparent;text-decoration:underline;font-weight:700;cursor:pointer}.demo-notice{font-size:12px;color:#667178;margin-top:30px}.source-label{display:inline-block!important;width:max-content;background:#d9f23b;padding:4px 7px;font:800 10px Inter, Aptos, "Segoe UI", system-ui, sans-serif!important;letter-spacing:.09em;color:#101820}.delivery-strip{background:#eafbff!important;border:1px solid #00a3c3!important}@media(max-width:950px){.demo-shell{grid-template-columns:1fr}.demo-intro{padding-bottom:25px}.demo-stage{margin-top:20px}.demo-stage{min-height:560px}}@media(max-width:600px){.demo-stage{margin:14px;box-shadow:8px 8px 0 #00c8e8}.demo-actions{flex-direction:column}.demo-actions>*{width:100%}}

/* v1.2.4.3: title-first tour with its first real choice visible on phones. */
.demo-intro .eyebrow{display:block;line-height:1.3;margin:0 0 14px}
@media(max-width:950px){.demo-intro{padding:42px 24px 18px}.demo-intro h1{font-size:42px}.demo-intro>p:not(.eyebrow){font-size:17px;line-height:1.5}.demo-progress{margin-top:20px}.demo-stage{min-height:0;margin-top:12px;padding:26px}}
@media(max-width:600px){.demo-intro h1{font-size:34px;line-height:1.12}.demo-intro>p:not(.eyebrow){font-size:16px}.demo-stage{margin:12px 14px 24px;padding:22px}.demo-step h2{font-size:30px;line-height:1.12;margin:10px 0 18px}.choice-grid button{padding:14px;min-height:44px}}