/* Welcome cards and VisuAI tour share the client palette in every product. */
html.vis-onboarding-open{overflow:hidden}.vis-ui .vis-onboarding{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(8,14,27,.68);color:var(--vis-ink,#172138);font-family:var(--vis-font,Montserrat,sans-serif);overflow:hidden}.vis-ui .vis-onboarding:not([open]){display:none}.vis-onboarding::backdrop{background:transparent}.vis-ui .vis-onboarding.has-highlight{background:transparent}.vis-onboarding-highlight{position:absolute;border:2px solid #789bff;border-radius:14px;box-shadow:0 0 0 100vmax rgba(8,14,27,.72);pointer-events:none}.vis-ui .vis-onboarding-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;padding:22px 30px 26px;border:1px solid var(--vis-glass-edge,#dfe6f3);border-radius:24px;background:var(--vis-surface,#fff);box-shadow:0 25px 90px #0005;color:var(--vis-ink,#172138)}.vis-onboarding[data-phase=tutorial] .vis-onboarding-card{width:min(380px,calc(100vw - 24px));transform:none;padding:20px 24px}.vis-onboarding-header{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--vis-muted,#68748a);font-size:11px;font-weight:600}.vis-ui .vis-onboarding-close{width:36px;height:36px;border:0;border-radius:50%;font-size:25px;line-height:1;color:var(--vis-ink,#172138);background:var(--vis-surface-soft,#f0f3fa);cursor:pointer}.vis-onboarding progress{appearance:none;width:100%;height:4px;display:block;margin:12px 0 0;border:0;border-radius:5px;overflow:hidden;background:var(--vis-surface-soft,#eff2f8);color:var(--vis-action,#607fe2)}.vis-onboarding progress::-webkit-progress-bar{background:var(--vis-surface-soft,#eff2f8)}.vis-onboarding progress::-webkit-progress-value{background:var(--vis-action,#607fe2)}.vis-onboarding progress::-moz-progress-bar{background:var(--vis-action,#607fe2)}.vis-onboarding-mascot{height:142px;display:flex;align-items:center;justify-content:center;margin:7px auto 2px}.vis-onboarding-mascot visuai-energy{display:block;width:152px;height:152px;pointer-events:none}.vis-onboarding-mascot img{width:100%;height:100%;object-fit:contain}.vis-onboarding[data-phase=tutorial] .vis-onboarding-mascot{height:76px;margin-top:8px}.vis-onboarding[data-phase=tutorial] .vis-onboarding-mascot visuai-energy{width:88px;height:88px}.vis-ui .vis-onboarding-eyebrow{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--vis-action,#607fe2);margin:8px 0 10px}.vis-ui .vis-onboarding-content h2{font-size:27px;line-height:1.25;letter-spacing:-.045em;font-weight:650;margin:0 0 14px}.vis-ui .vis-onboarding-content>p:not(.vis-onboarding-eyebrow){font-size:13px;line-height:1.75;color:var(--vis-muted,#68748a);margin:0 0 12px}.vis-onboarding[data-phase=tutorial] .vis-onboarding-content h2{font-size:22px}.vis-onboarding-options{display:grid;gap:9px;padding:0;margin:20px 0 4px;border:0;min-width:0}.vis-ui .vis-onboarding-option{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;padding:14px 16px;border:1px solid var(--vis-glass-edge,#dfe6f3);border-radius:13px;cursor:pointer;font-size:13px;font-weight:600;line-height:1.5;color:var(--vis-ink,#172138);background:var(--vis-surface-soft,#f6f7fc)}.vis-onboarding-option input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.vis-onboarding-option:has(input:checked){border-color:var(--vis-action,#607fe2);background:color-mix(in srgb,var(--vis-action,#607fe2) 12%,var(--vis-surface,#fff))}.vis-onboarding-option:has(input:focus-visible){outline:3px solid #789bff;outline-offset:3px}.vis-onboarding-radio{width:17px;height:17px;border:1.5px solid var(--vis-muted,#68748a);border-radius:50%;flex:none}.vis-onboarding-option input:checked~.vis-onboarding-radio{border:5px solid var(--vis-action,#607fe2)}.vis-onboarding-brokers{display:grid;gap:10px;margin-top:18px}.vis-onboarding-brokers article{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border:1px solid var(--vis-glass-edge,#dfe6f3);padding:14px;border-radius:12px;font-size:13px}.vis-onboarding-brokers article>div{display:flex;gap:6px;flex-wrap:wrap}.vis-onboarding-team{margin-top:12px}.vis-onboarding-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:22px}.vis-onboarding-footer>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.vis-ui .vis-onboarding .button{min-height:40px;white-space:normal}.vis-ui .vis-onboarding-status{font-size:12px;line-height:1.6;color:var(--vis-danger,#a52c42);margin:12px 0 0}.vis-onboarding-status:empty{display:none}.vis-onboarding [hidden]{display:none!important}.vis-onboarding [aria-busy=true]{cursor:progress}@media(max-width:420px){.vis-ui .vis-onboarding-card{padding:16px 18px 20px;border-radius:18px}.vis-onboarding-mascot{height:112px}.vis-onboarding-mascot visuai-energy{width:124px;height:124px}.vis-ui .vis-onboarding-content h2{font-size:24px}.vis-ui .vis-onboarding-content>p:not(.vis-onboarding-eyebrow){font-size:12px}.vis-ui .vis-onboarding-option{padding:12px;font-size:12px}.vis-onboarding-footer{align-items:flex-end}.vis-ui .vis-onboarding .button{font-size:11px;padding-inline:11px}.vis-onboarding[data-phase=tutorial] .vis-onboarding-card{padding:16px 18px}.vis-onboarding-brokers article>div{width:100%}.vis-onboarding-brokers .button{flex:1}}@media(prefers-reduced-motion:reduce){.vis-onboarding *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.vis-onboarding-brand{display:grid;gap:16px;margin-top:20px}.vis-onboarding-brand label{display:grid;gap:8px;font-size:12px;font-weight:600;line-height:1.5;min-width:0}.vis-onboarding-brand>div{display:grid;grid-template-columns:1fr 1fr;gap:15px}.vis-onboarding-brand input[type=file]{width:100%;max-width:100%;font-size:11px;padding:10px;border:1px solid var(--vis-glass-edge,#dfe6f3);border-radius:10px;background:var(--vis-surface-soft,#f6f7fc);color:var(--vis-ink,#172138)}.vis-onboarding-brand input[type=color]{width:100%;height:42px;border:1px solid var(--vis-glass-edge,#dfe6f3);border-radius:9px;padding:4px;background:var(--vis-surface-soft,#f6f7fc);cursor:pointer}.vis-onboarding-brand small,.vis-onboarding-note{font-size:11px;line-height:1.7;font-weight:400;color:var(--vis-muted,#68748a)}
.vis-onboarding-content h2:focus{outline:none}.vis-onboarding-header{position:sticky;top:0;z-index:3;background:var(--vis-surface,#fff)}.vis-onboarding-footer{position:sticky;bottom:0;z-index:3;background:var(--vis-surface,#fff);padding-top:10px}