#demo-frame{display:block;width:100%;height:850px;border:0;background:#f3f6fb}.tour-frame{transform:none!important}.demo-is-expanded:before{content:'';position:fixed;inset:0;background:#0a173ccc;z-index:9998;backdrop-filter:blur(10px)}.demo-is-expanded #screen-dialog{position:fixed;inset:14px 2vw auto;margin:0;width:96vw;max-width:none;height:55px;padding:0;border:0;border-radius:16px 16px 0 0;z-index:10000}.demo-is-expanded #demo-frame{position:fixed;left:2vw;top:69px;width:96vw;height:calc(100dvh - 84px);z-index:10000;border-radius:0 0 16px 16px}.demo-is-expanded .tour-frame,.demo-is-expanded #tour-panel,.demo-is-expanded #product-tour,.demo-is-expanded #product-tour .wrap{transform:none!important;perspective:none!important;filter:none!important;contain:none!important;overflow:visible!important}.demo-is-expanded #demo-expanded{display:none}.screen-dialog-bar{height:55px}#screen-dialog:not([open]){display:none}@media(max-width:600px){#demo-frame{height:790px}.demo-is-expanded #screen-dialog{inset:6px 1vw auto;width:98vw}.demo-is-expanded #demo-frame{left:1vw;top:61px;width:98vw;height:calc(100dvh - 67px)}.screen-dialog-bar strong{font-size:11px}.screen-dialog-bar{padding:10px!important}}
.demo-is-expanded #product-tour{z-index:10000}.demo-is-expanded .tour-frame{transform-style:flat!important}.demo-is-expanded #screen-dialog{z-index:10001}
.demo-is-expanded #product-tour{background:transparent}.demo-is-expanded #product-tour .section-heading,.demo-is-expanded .tour-tabs,.demo-is-expanded .tour-caption,.demo-is-expanded .tour-window{visibility:hidden}
.tour-frame{transform-style:flat!important}.tour-frame iframe{position:relative;z-index:1} .demo-is-expanded .tour-frame iframe{position:fixed;z-index:10000}

#product-tour>.wrap{width:min(1280px,calc(100% - 48px));max-width:1280px;margin-inline:auto}#product-tour .section-heading{margin-bottom:32px}.tour-frame{position:relative;max-width:1120px;width:100%;border:1px solid #dce4f6;border-radius:19px;box-shadow:0 35px 90px -35px #34479f58,0 0 0 9px #ffffff55}#demo-frame{height:850px;min-height:0}.tour-window{height:44px;min-height:0;padding:12px 20px;gap:16px}.tour-window>span:last-child{margin-inline:auto}.demo-is-expanded #tour-expand{display:none}
#tour-expand{position:absolute;z-index:5;left:50%;top:48%;transform:translate(-50%,-50%);display:inline-flex;white-space:nowrap;align-items:center;gap:14px;min-height:80px;padding:12px 24px 12px 14px;border:1px solid rgba(89,116,232,.25);border-radius:22px;background:linear-gradient(125deg,rgba(255,255,255,.76),rgba(195,211,255,.4));color:#273ca2;box-shadow:0 8px 28px rgba(60,88,176,.12),inset 0 1px 0 #ffffffb3;backdrop-filter:blur(16px);cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s;font:inherit;text-align:left}
#tour-expand:hover{background:linear-gradient(125deg,#ffffffeb,#d5dcffb3);box-shadow:0 12px 36px #4967bd30;transform:translate(-50%,calc(-50% - 2px))}
#tour-expand:focus-visible{outline:3px solid #526bea;outline-offset:5px}
.demo-click-icon{display:grid;place-items:center;position:relative;width:54px;height:54px;flex:none}
.demo-click-icon svg{position:relative;width:44px;height:44px;filter:drop-shadow(0 3px 3px #4b61b126);animation:demo-cursor-click 3s ease-in-out infinite}
.demo-click-ring{position:absolute;left:5px;top:3px;width:28px;height:28px;border:2px solid #617af0;border-radius:50%;animation:demo-click-wave 3s ease-out infinite}
.demo-click-label{font-size:17px;font-weight:750;line-height:1.3;letter-spacing:-.02em}.demo-click-label small{display:block;margin-top:4px;font-size:12px;font-weight:500;opacity:.72;letter-spacing:0}
@keyframes demo-cursor-click{0%,32%,70%,100%{transform:translate(3px,3px)}42%,50%{transform:translate(-2px,-2px) scale(.88)}}
@keyframes demo-click-wave{0%,36%{opacity:0;transform:scale(.35)}42%{opacity:.8;transform:scale(.55)}70%,100%{opacity:0;transform:scale(2)}}
@media(max-width:600px){#product-tour>.wrap{width:calc(100% - 28px)}.tour-frame{border-radius:14px}.tour-window{height:38px;min-height:0;padding:10px 14px}.tour-window>.window-dots{display:inline-flex}#demo-frame{height:720px}#tour-expand{min-height:80px;padding:12px 18px 12px 12px;gap:8px;border-radius:20px}.demo-click-label{font-size:16px}.demo-click-label small{font-size:11px}.demo-click-icon{width:48px}}
@media(prefers-reduced-motion:reduce){.demo-click-icon svg,.demo-click-ring{animation:none}.demo-click-ring{opacity:.3}#tour-expand{transition:none}}

body:not(.demo-is-expanded) #demo-frame{pointer-events:none;user-select:none}

/* Preview is deliberately inactive; only the full-screen cabinet accepts input. */
.hero-screen-button img,.real-app-hero{filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
body:not(.demo-is-expanded) #demo-frame{filter:grayscale(1) brightness(.88);opacity:.72}
.demo-is-expanded #demo-frame{filter:none;opacity:1}
#tour-expand{width:36%;aspect-ratio:1;min-height:0;padding:20px;border-radius:50%;flex-direction:column;justify-content:center;text-align:center;gap:15px;white-space:normal;background:radial-gradient(circle at 35% 25%,#ffffffb8,#e8eeff75 70%);border:1px solid #ffffffd9;box-shadow:0 20px 65px #2034752b,inset 0 1px 20px #ffffff88;backdrop-filter:blur(9px)}
#tour-expand .demo-click-icon{width:74px;height:74px}#tour-expand .demo-click-icon svg{width:66px;height:66px}#tour-expand .demo-click-ring{left:9px;top:7px;width:40px;height:40px}
#tour-expand .demo-click-label{font-size:clamp(17px,2vw,27px)}#tour-expand .demo-click-label small{font-size:clamp(11px,1vw,14px);margin-top:9px}
@media(max-width:600px){#tour-expand{width:40%;padding:12px;gap:4px}#tour-expand .demo-click-icon{width:35px;height:35px}#tour-expand .demo-click-icon svg{width:30px;height:30px}#tour-expand .demo-click-ring{width:20px;height:20px;left:1px;top:0}#tour-expand .demo-click-label{font-size:13px}#tour-expand .demo-click-label small{font-size:9px;margin-top:4px}}