@font-face{font-family:Demo;src:local('Inter'),local('Aptos'),local('Arial')}*{box-sizing:border-box}body{margin:0;background:#f3f2f7;color:#282238;font-family:Demo,system-ui,sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #9d7deb;outline-offset:4px}button:disabled{cursor:default;opacity:.55}header{height:76px;background:#fff;display:flex;align-items:center;gap:25px;padding:0 30px;border-bottom:1px solid #e7e3ef}.brand{font-weight:750;font-size:25px;text-decoration:none;display:flex;align-items:center;gap:10px;color:#282238}.brand-mark{color:#fff;background:#6549aa;width:37px;height:37px;display:grid;place-items:center;border-radius:12px;font-size:29px}.demo-tag{font-size:10px;letter-spacing:1.3px;color:#7259ad;background:#ede7f7;padding:6px 8px;border-radius:6px}.safe-note{margin-left:auto;color:#757080;font-size:13px}.safe-note span{color:#8b70bc;margin-right:5px}.quiet,.back,.locate{background:transparent;border:0;color:#70677e;padding:9px;border-radius:8px}.quiet:hover,.back:hover,.locate:hover{background:#eeebf4}main{display:grid;grid-template-columns:310px minmax(0,1fr);height:calc(100dvh - 76px);gap:22px;padding:24px}.sidebar{overflow:auto;padding:12px 5px 0 6px;display:flex;flex-direction:column;gap:28px}.eyebrow{font-size:10px;letter-spacing:1.4px;color:#8a76a4;font-weight:750;margin:0 0 18px}h1{font-size:35px;line-height:1.12;letter-spacing:-1.1px;margin:0 0 18px}h2{font-size:25px;letter-spacing:-.6px;line-height:1.2;margin:14px 0}.intro{color:#777080;line-height:1.7;font-size:14px;margin:0 0 24px}.tour-card{width:100%;background:#fff;border:1px solid #e8e3ee;padding:15px 12px;border-radius:13px;display:flex;align-items:center;gap:12px;text-align:left;margin-bottom:9px;color:inherit;transition:transform .15s,border-color .15s}.tour-card:hover{transform:translateX(3px);border-color:#9f83ce}.tour-icon{background:#f0eaf9;border-radius:10px;width:37px;height:37px;display:grid;place-items:center;font-size:20px;color:#7656b1;flex-shrink:0}.tour-card strong{font-size:13px;display:block}.tour-card small{display:block;color:#8a8294;font-size:11px;margin-top:5px}.tour-card .arrow{margin-left:auto;color:#8a72aa}.free{width:100%;border:0;border-bottom:1px solid #dcd4e8;background:none;padding:16px;color:#674999;text-align:left;font-weight:650}.demo-note{margin-top:auto;border-top:1px solid #e1dae9;padding-top:16px;color:#8b8297;font-size:11px;line-height:1.65}.demo-note strong{color:#6b6178}.demo-note p{margin:5px 0}.stage{display:flex;flex-direction:column;background:white;border:1px solid #e5dfed;box-shadow:0 8px 40px #3a24500a;border-radius:17px;overflow:hidden;min-width:0}.stage-bar{height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee9f3;padding:0 16px;font-size:11px;color:#887a96;background:#faf9fc}.stage-bar i{display:inline-block;background:#8ab4a0;width:6px;height:6px;border-radius:50%;margin-right:7px}iframe{width:100%;flex:1;border:0;min-height:0}.back{padding-left:0;margin-bottom:25px}.progress-track{height:4px;border-radius:5px;background:#e4ddeb;overflow:hidden}.progress-track i{display:block;height:100%;background:#8060b9;transition:width .3s}.step-number{font-size:12px;color:#887797;margin-top:22px}#step-text{line-height:1.75;color:#756c80}#step-status{margin:22px 0;font-size:12px;color:#8a769e;line-height:1.5}.coach-actions{display:flex;flex-direction:column;gap:7px}.primary{background:#6949ab;color:#fff;border:0;border-radius:10px;padding:13px 18px;font-weight:650}.primary:hover{background:#593998}.locate{font-size:12px;width:100%;margin-top:16px}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#292132;color:#fff;padding:14px 20px;border-radius:12px;z-index:90;max-width:90vw}dialog{border:1px solid #ded4ee;border-radius:20px;max-width:440px;padding:26px;color:#30243e}dialog::backdrop{background:#20162b55}dialog p{line-height:1.6;color:#786988}dialog>div{display:flex;justify-content:flex-end;gap:10px}[hidden]{display:none!important}
@media(max-width:1050px){main{grid-template-columns:260px minmax(0,1fr);padding:12px;gap:12px}h1{font-size:30px}.sidebar{padding-right:7px}.safe-note{font-size:11px}}
@media(max-width:750px){header{height:58px;padding:0 14px;gap:5px}.brand{font-size:20px}.brand-mark{width:30px;height:30px;font-size:24px}.safe-note{display:none}header>.quiet{margin-left:auto;font-size:12px}main{height:calc(100dvh - 58px);display:flex;flex-direction:column;padding:8px;gap:8px}.sidebar{flex-shrink:0;padding:10px;max-height:42dvh;display:block}.sidebar h1{font-size:23px;margin:0 0 8px}.sidebar h1 br{display:none}.intro,.demo-note,#welcome>.eyebrow{display:none}#tour-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tour-card{margin:0;padding:9px;gap:8px}.tour-icon{width:28px;height:28px;font-size:17px}.tour-card strong{font-size:11px}.tour-card small{font-size:10px}.tour-card .arrow{display:none}.free{padding:10px}#coach .back{margin:0;padding:0;font-size:11px}#coach .eyebrow{display:none}#coach h2{font-size:19px;margin:6px 0}.progress-track{margin:8px 0}.step-number{font-size:10px;margin:6px 0}#step-text{font-size:12px;line-height:1.4;margin:6px 0}#step-status{margin:5px 0;font-size:10px}.coach-actions{flex-direction:row;align-items:center}.primary{padding:9px 12px;font-size:12px}.quiet{font-size:11px}.locate{position:absolute;right:20px;top:78px;width:auto;padding:0;font-size:10px}.stage{flex:1;min-height:180px;border-radius:10px}.stage-bar{height:29px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}