[hidden]{display:none!important}
.demo-banner{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px;margin-bottom:24px;border:1px solid #9cbff5;border-radius:12px;background:var(--bs-secondary-bg);font-size:14px}
.demo-banner a{color:var(--bs-body-color);text-decoration:none}.demo-banner button{margin-left:auto}
.demo-intro{max-width:900px;padding:32px 0}.demo-eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;color:#005fc7}.demo-intro h1{font-size:clamp(30px,4vw,56px);font-weight:750;line-height:1.12;letter-spacing:-.035em}.demo-lead{font-size:19px;max-width:710px;margin-top:24px;color:var(--bs-secondary-color)}
.demo-lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.demo-lesson{border-top:2px solid var(--bs-border-color);padding:22px 0;color:var(--bs-body-color);text-decoration:none}.demo-lesson:hover{border-color:#007aff}.demo-lesson h3{font-size:18px}.demo-lesson p{color:var(--bs-secondary-color)}.demo-lesson span{color:#0067d6}
.demo-tour{position:fixed;right:24px;bottom:24px;width:min(410px,calc(100vw - 28px));max-height:75vh;overflow:auto;z-index:1080;background:var(--bs-secondary-bg,#fff);color:var(--bs-body-color,#1c1c1e);border:1px solid var(--bs-border-color,#ccd);border-radius:16px;box-shadow:0 12px 60px #0003;padding:24px}.demo-tour h2{font-size:22px;line-height:1.25;margin:10px 0}.demo-tour p{font-size:15px;line-height:1.6}.demo-tour .demo-count{font-size:12px;color:var(--bs-secondary-color,#555)}.demo-tour progress{width:100%;height:5px;accent-color:#007aff}.demo-tour-close{float:right;border:0;background:transparent;color:inherit;min-width:44px;min-height:44px;font-size:24px;margin:-12px -12px 0 0}.demo-tour-actions{display:flex;gap:8px;justify-content:space-between;margin-top:18px}.demo-tour button{min-height:44px;cursor:pointer}.demo-highlight{outline:3px solid #007aff!important;outline-offset:5px}.demo-quiz{display:grid;gap:8px}.demo-quiz button{text-align:left}.demo-feedback{margin-top:10px;font-weight:600}.demo-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:1090;background:#172e48;color:#fff;padding:14px 22px;border-radius:10px;max-width:90vw}.demo-disabled{opacity:.45;cursor:not-allowed!important}
body:has(.demo-banner) #chat-widget,body:has(.demo-banner) .bottom-assistant,body:has(.demo-banner) #adesk-card{display:none!important}
@media(max-width:767px){.demo-banner{gap:8px}.demo-banner span{font-size:12px}.demo-banner button{margin-left:0}.demo-lessons{grid-template-columns:1fr}.demo-tour{right:14px;bottom:14px;max-height:57vh;padding:18px}.demo-intro{padding-top:10px}}
@media(prefers-reduced-motion:reduce){.demo-tour,.demo-highlight{transition:none!important;scroll-behavior:auto!important}}
@media print{.demo-banner,.demo-tour,.demo-toast{display:none!important}}