:root{--canvas: #f1edff;--ink: #0e101d;--muted: #5e6370;--border: #e8e8ec;--lime: #a9e846;--lilac: #d1c8fa;--violet: #8686e3;--turquoise: #9cd9f1;--shadow-soft: 0 20px 60px rgb(14 16 29 / 6%);--nav-height: 80px;color:var(--ink);background:radial-gradient(ellipse 72% 54% at 5% 0%,#ffffffeb,#fff0 64%),radial-gradient(ellipse 68% 70% at 100% 100%,#dad0fb94,#dad0fb00 72%),linear-gradient(135deg,#f5f2ff,#eee9ff 52%,#f8f6ff);font-family:Mulish,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;background:radial-gradient(ellipse 72% 54% at 5% 0%,#ffffffeb,#fff0 64%),radial-gradient(ellipse 68% 70% at 100% 100%,#dad0fb94,#dad0fb00 72%),linear-gradient(135deg,#f5f2ff,#eee9ff 52%,#f8f6ff)}button{font:inherit}button:focus-visible{outline:3px solid rgb(134 134 227 / 52%);outline-offset:3px}.tour-shell{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:100dvh;overflow-x:clip;overflow-y:visible;isolation:isolate;background:radial-gradient(ellipse 72% 54% at 5% 0%,#ffffffeb,#fff0 64%),radial-gradient(ellipse 68% 70% at 100% 100%,#dad0fb94,#dad0fb00 72%),linear-gradient(135deg,#f5f2ff,#eee9ff 52%,#f8f6ff)}.tour-main{display:grid;place-items:center;width:min(100%,960px);min-height:0;margin:0 auto;padding:40px 24px 24px}.intro-stage,.stage-view{width:100%}.intro-stage{display:grid;place-items:center;gap:28px;text-align:center}.intro-title{margin:0;font-size:clamp(2.25rem,5vw,3rem);font-weight:800;letter-spacing:-.055em;line-height:1}.glow-button-wrap{position:relative;display:inline-flex}.glow-button-halo{position:absolute;inset:-12px -20px;z-index:-1;border-radius:999px;background:linear-gradient(110deg,var(--lilac),var(--turquoise));filter:blur(18px);pointer-events:none}.tour-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;gap:8px;border:1px solid transparent;border-radius:14px;padding:0 18px;color:var(--ink);cursor:pointer;line-height:1.1;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease;-webkit-tap-highlight-color:transparent}.tour-button:hover:not(:disabled){transform:translateY(-1px)}.tour-button:active:not(:disabled){transform:translateY(0)}.tour-button:disabled{cursor:not-allowed;opacity:.38}.tour-button--solid{border-color:var(--ink);border-radius:999px;background:var(--ink);color:var(--canvas);font-size:17px;font-weight:700;min-height:52px;padding-inline:26px}.tour-button--outline{border-color:var(--border);background:#ffffffc2;box-shadow:0 1px #0e101d05}.tour-button--outline:hover:not(:disabled){border-color:#0e101d47;background:#fff}.tour-button--ghost{border-color:transparent;background:transparent;color:var(--muted)}.tour-button--ghost:hover:not(:disabled){background:#0e101d0d;color:var(--ink)}.tour-button--icon{width:44px;padding:0}.choice-stage{display:grid;justify-items:center;gap:28px}.stage-title{margin:0;font-size:clamp(1.625rem,4vw,2rem);font-weight:800;letter-spacing:-.045em;line-height:1.05}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,640px);gap:12px}.choice-card{min-height:84px;justify-content:flex-start;padding:18px 20px;border-radius:18px;text-align:left;font-size:16px;font-weight:700}.choice-card--lime:hover:not(:disabled),.choice-card--lime:focus-visible{border-color:color-mix(in srgb,var(--lime) 72%,var(--ink));background:color-mix(in srgb,var(--lime) 18%,white)}.choice-card--index-1:hover:not(:disabled),.choice-card--index-1:focus-visible{border-color:color-mix(in srgb,var(--lilac) 72%,var(--ink));background:color-mix(in srgb,var(--lilac) 24%,white)}.choice-card--index-2:hover:not(:disabled),.choice-card--index-2:focus-visible{border-color:color-mix(in srgb,var(--violet) 72%,var(--ink));background:color-mix(in srgb,var(--violet) 15%,white)}.choice-card--index-3:hover:not(:disabled),.choice-card--index-3:focus-visible{border-color:color-mix(in srgb,var(--turquoise) 72%,var(--ink));background:color-mix(in srgb,var(--turquoise) 20%,white)}.demo-stage{display:grid;width:100%;justify-items:center;gap:10px}.demo-stage__toolbar{display:flex;justify-content:flex-start;width:min(100%,480px)}.demo-scene{position:relative;display:grid;place-items:center;width:min(100%,420px);min-height:min(58dvh,520px);overflow:hidden;border:1px solid var(--border);border-radius:28px;background:#fff;box-shadow:var(--shadow-soft)}.demo-scene--embedded{display:grid;grid-template-rows:minmax(0,1fr);max-width:calc((100dvh - var(--nav-height) - 120px) * 2 / 3);min-height:0;aspect-ratio:2 / 3}.demo-scene__embedded-title{z-index:1;margin:0;padding:16px 18px 10px;font-size:18px;letter-spacing:-.035em;line-height:1}.demo-scene--embedded .demo-host{display:block;width:100%;height:100%;min-height:0;border:0;background:#fff}.demo-scene--embedded .demo-scene__error{align-self:center;padding:24px}.demo-scene__content{position:relative;z-index:1;display:grid;justify-items:center;gap:18px;padding:32px;text-align:center}.demo-scene__content h1{max-width:280px;margin:0;font-size:clamp(1.75rem,7vw,2.25rem);letter-spacing:-.045em;line-height:1}.demo-scene__kicker{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--lime);color:var(--ink);font-size:12px;font-weight:800}.demo-scene__status,.demo-scene__error{color:var(--muted);font-size:14px}.demo-scene__error{display:grid;justify-items:center;gap:14px}.demo-scene__orb{position:absolute;border-radius:50%;opacity:.68;filter:blur(1px)}.demo-scene__orb--lime{top:-82px;right:-62px;width:210px;height:210px;background:var(--lime)}.demo-scene__orb--lilac{bottom:-98px;left:-78px;width:250px;height:250px;background:var(--lilac)}.stage-navigation{display:flex;align-items:center;justify-content:center;gap:8px;min-height:var(--nav-height);padding:8px 24px calc(16px + env(safe-area-inset-bottom))}.stage-navigation__stage-controls{display:flex;align-items:center;justify-content:center;gap:8px}.stage-navigation__back{display:none;width:min(100%,360px);min-height:48px;font-weight:800}.stage-navigation__arrow{flex:0 0 44px}.stage-navigation__nodes{display:flex;align-items:center;justify-content:center;gap:6px;max-width:calc(100vw - 160px);overflow-x:auto;scrollbar-width:none}.stage-navigation__nodes::-webkit-scrollbar{display:none}.stage-navigation__node-hit{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;cursor:pointer}.stage-navigation__node{display:block;width:6px;height:6px;border-radius:50%;background:var(--muted);transition:width .16s ease,height .16s ease,box-shadow .16s ease}.stage-navigation__node--lime{background:var(--lime)}.stage-navigation__node--lilac{background:var(--lilac)}.stage-navigation__node--violet{background:var(--violet)}.stage-navigation__node--turquoise{background:var(--turquoise)}.stage-navigation__node-hit[aria-current=step] .stage-navigation__node{width:8px;height:8px;box-shadow:0 0 0 6px #0e101d0f}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:767px){:root{--nav-height: 72px}.tour-shell{height:100dvh;min-height:100dvh;overflow:hidden}.tour-main{width:100%;max-width:none;padding:0;place-items:center}.stage-view--demo,.demo-stage{height:100%;min-height:0}.choice-stage{width:100%;padding-inline:16px}.demo-stage{grid-template-rows:minmax(0,1fr);gap:0}.demo-stage__toolbar{display:none}.demo-scene,.demo-scene--embedded{width:100%;max-width:none;height:100%;min-height:0;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}.demo-scene--embedded{grid-template-rows:minmax(0,1fr)}.demo-scene--embedded .demo-host{width:100%;height:100%}.stage-navigation{z-index:5;flex:0 0 var(--nav-height);min-height:var(--nav-height);width:100%;padding:8px 16px calc(8px + env(safe-area-inset-bottom));border-top:1px solid rgb(14 16 29 / 7%);background:#f8f6ffe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.stage-navigation--demo .stage-navigation__stage-controls{display:none}.stage-navigation--demo .stage-navigation__back{display:inline-flex}}@media(max-width:520px){.tour-main{padding:0}.choice-grid{grid-template-columns:1fr;width:min(100%,360px)}.choice-card{min-height:64px}.demo-scene{min-height:min(56dvh,480px);border-radius:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}