.walkthrough-invitation{display:flex;align-items:center;gap:14px;margin:24px 0;padding:16px 18px;border:1px solid #a5e7ee;border-radius:16px;background:linear-gradient(110deg,#dcfbfc,#f1faff);color:#25333e;box-shadow:0 8px 24px #785cc20a;text-decoration:none;transition:box-shadow .2s,border-color .2s}
.walkthrough-invitation:hover{border-color:#785cc2;box-shadow:0 8px 25px #785cc21c}
.walkthrough-invitation:focus-visible,.walkthrough-close:focus-visible{outline:3px solid #785cc2;outline-offset:4px}
.walkthrough-invitation strong{display:block;font-size:clamp(16px,1.25vw,19px);line-height:1.4;font-weight:750}
.walkthrough-invitation small{display:block;margin-top:4px;color:#526675;font-size:13px;line-height:1.5}
.walkthrough-play{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#785cc2;color:#fff}
.walkthrough-play svg{width:22px;height:22px;fill:currentColor}
.walkthrough-duration{margin-left:auto;padding:3px 7px;border-radius:6px;background:#fff;color:#6246a4;font-size:12px;font-weight:750;white-space:nowrap}
.walkthrough-dialog{width:min(1100px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #d8cef0;border-radius:22px;background:#fff;color:#24313d;box-shadow:0 24px 100px #1d143880;overflow:auto}
.walkthrough-dialog::backdrop{background:#1d173bd9;backdrop-filter:blur(5px)}
.walkthrough-dialog-content{padding:20px}
.walkthrough-dialog-heading{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.walkthrough-dialog-heading h2{margin:0;font-size:clamp(18px,2.4vw,26px);line-height:1.3;letter-spacing:-.02em}
.walkthrough-close{margin-left:auto;flex:0 0 40px;width:40px;height:40px;border:0;border-radius:50%;background:#f0eafa;color:#6545a4;font:30px/1 sans-serif;cursor:pointer}
.setup-video{display:block;width:100%;aspect-ratio:16/9;background:#141020;border-radius:12px}
.walkthrough-note{font-size:13px;line-height:1.65;color:#526675;margin:14px 0 0;max-width:100%}
.walkthrough-error{font-size:14px;margin:12px 0 0}
.walkthrough-page .wrap{max-width:1100px}
.walkthrough-page h1{font-size:clamp(32px,5vw,60px)}
.walkthrough-page .lead{max-width:760px;margin-bottom:30px}
.walkthrough-page .actions{margin-top:26px}
html:has(.walkthrough-dialog[open]){overflow:hidden}
@media(max-width:600px){.walkthrough-invitation{gap:10px;padding:14px 12px}.walkthrough-play{flex-basis:36px;width:36px;height:36px}.walkthrough-invitation small{font-size:12px}.walkthrough-duration{padding:3px 5px;font-size:11px}.walkthrough-dialog-content{padding:12px}.walkthrough-dialog-heading{gap:10px}.walkthrough-dialog{border-radius:14px}.walkthrough-note{font-size:12px}}