.onboarding-roadmap{--journey-ink:#f8f4e9;--journey-muted:#c2cbd0;--journey-gold:#e4c786;position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;overflow-y:auto;background:#080f18;color:var(--journey-ink);font-family:inherit;padding:0 28px 24px;isolation:isolate;scrollbar-color:#66776f #080f18}.onboarding-roadmap *{box-sizing:border-box}.onboarding-roadmap span{font-size:inherit}.onboarding-roadmap ::-moz-selection{background:#e4c786;color:#101a23}.onboarding-roadmap ::selection{background:#e4c786;color:#101a23}.onboarding-roadmap button{font:inherit;cursor:pointer}.onboarding-roadmap button:focus-visible{outline:2px solid #e4c786;outline-offset:5px}.onboarding-roadmap .journey-header{max-width:1152px;margin:auto;min-height:88px;display:flex;align-items:center;justify-content:space-between;padding-top:env(safe-area-inset-top,0px);gap:16px}.onboarding-roadmap .journey-header-actions{display:flex;align-items:center;gap:4px}.onboarding-roadmap .journey-brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:650;letter-spacing:-.02em}.onboarding-roadmap .journey-brand svg{color:var(--journey-gold)}.onboarding-roadmap .journey-close{display:flex;align-items:center;gap:8px;min-height:44px;background:transparent;border:0;color:#c2cbd0;padding:8px 12px;border-radius:12px}.onboarding-roadmap .journey-close:hover{background:#18232f;color:#fff}.onboarding-roadmap .journey-card{max-width:1152px;margin:18px auto 0;border:1px solid #2b393e;border-radius:32px;background:#101c27;display:grid;grid-template-columns:1fr 1.18fr;grid-template-rows:auto 1fr auto;position:relative;overflow:hidden;box-shadow:0 24px 64px #0003}.onboarding-roadmap .journey-introduction{padding:44px 0 0 44px;grid-column:1;grid-row:1;position:relative;z-index:1}.onboarding-roadmap h1{margin:0;font-size:clamp(34px,4vw,52px);font-weight:650;line-height:1.09;letter-spacing:-.035em;text-wrap:balance}.onboarding-roadmap h1 span{color:var(--journey-gold)}.onboarding-roadmap .journey-introduction p{color:var(--journey-muted);font-size:15px;line-height:1.7;margin:20px 0 0}.onboarding-roadmap .journey-map{position:relative;align-self:center;aspect-ratio:640/500;grid-column:2;grid-row:1/3;min-width:0;margin:28px 24px 0 0}.onboarding-roadmap .journey-landscape{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.onboarding-roadmap .journey-stop{position:absolute;width:44px;height:44px;padding:0;border:0;background:none;color:#b8c6c9;transform:translate(-50%,-50%);z-index:2}.onboarding-roadmap .journey-stop-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#162731;border:1px solid #657676;transition:background .3s,color .3s,border-color .3s,transform .3s}.onboarding-roadmap .journey-stop:hover .journey-stop-icon{border-color:#e4c786;transform:scale(1.08)}.onboarding-roadmap .journey-stop.is-current .journey-stop-icon{background:#e4c786;color:#162522;border-color:#f8e6ba;box-shadow:0 5px 16px #0003}.onboarding-roadmap .journey-stop.is-visited .journey-stop-icon{color:#e4c786;border-color:#ad945e;background:#273329}.onboarding-roadmap .journey-stop-label{position:absolute;top:52px;left:50%;transform:translate(-50%);font-size:12px;line-height:1.3;white-space:nowrap;color:#c2cbd0;font-weight:500}.onboarding-roadmap .journey-stop.is-current .journey-stop-label{color:#fff3cf}.onboarding-roadmap .journey-map-note{position:absolute;left:0;right:0;bottom:0;text-align:center;color:#aabbbc;font-size:12px;padding:0 15px}.onboarding-roadmap .journey-story{grid-row:2;grid-column:1;min-height:285px;padding:38px 12px 30px 44px;position:relative;z-index:1}.onboarding-roadmap .journey-step-count{display:flex;align-items:center;gap:8px;font-size:12px;color:#99acae;font-variant-numeric:tabular-nums;margin-bottom:16px}.onboarding-roadmap .journey-step-count>span:first-child{color:#e4c786}.onboarding-roadmap .journey-step-line{height:1px;background:#34464a;width:40px;margin-left:6px}.onboarding-roadmap h2{font-size:25px;font-weight:600;line-height:1.22;letter-spacing:-.025em;margin:0 0 13px;text-wrap:balance}.onboarding-roadmap .journey-description{color:#c2cbd0;font-size:14px;line-height:1.7;max-width:38ch;margin:0}.onboarding-roadmap .journey-practice{display:flex;align-items:center;gap:9px;font-size:12px;color:#e4c786;margin-top:20px}.onboarding-roadmap .journey-possibility{font-size:13px;line-height:1.6;color:#e3e8df;margin:10px 0 0}.onboarding-roadmap .journey-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 32px;border-top:1px solid #2b3a40}.onboarding-roadmap .journey-animation-controls{display:flex;align-items:center;gap:3px}.onboarding-roadmap .journey-animation-controls>span{font-size:11px;color:#b4c0c5;margin-left:8px}.onboarding-roadmap .journey-icon-button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:#d7dfda}.onboarding-roadmap .journey-icon-button:hover{background:#21323b}.onboarding-roadmap .journey-actions{display:flex;align-items:center;gap:16px}.onboarding-roadmap .journey-next{display:flex;align-items:center;gap:8px;background:transparent;color:#d6ddd8;min-height:44px;border:0;padding:10px 0;font-size:12px}.onboarding-roadmap .journey-next:disabled{opacity:.35;cursor:default}.onboarding-roadmap .journey-primary{display:flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 22px;border:1px solid #f4ebd7;border-radius:28px;background:#f5eddb;color:#142329;font-size:13px;font-weight:650;transition:background .18s}.onboarding-roadmap .journey-primary:hover{background:#e4c786}.onboarding-roadmap .journey-closing{margin:22px auto 0;text-align:center;font-size:12px;color:#a8b7bc;padding-bottom:env(safe-area-inset-bottom,0px)}@media (min-width:1400px){.onboarding-roadmap .journey-card{margin-top:5vh}}@media (max-width:900px){.onboarding-roadmap .journey-footer{flex-direction:column;align-items:stretch}.onboarding-roadmap .journey-animation-controls{justify-content:center}.onboarding-roadmap .journey-actions{justify-content:space-between}.onboarding-roadmap .journey-introduction{padding:30px 0 0 28px}.onboarding-roadmap .journey-story{padding-left:28px}.onboarding-roadmap .journey-map{margin-right:18px}}@media (max-width:640px){.onboarding-roadmap{padding:0 16px 20px}.onboarding-roadmap .journey-header{min-height:68px}.onboarding-roadmap .journey-brand{font-size:14px;gap:7px}.onboarding-roadmap .journey-close{padding:8px}.onboarding-roadmap .journey-card{display:flex;flex-direction:column;margin-top:4px;border-radius:24px}.onboarding-roadmap .journey-introduction{padding:26px 24px 0}.onboarding-roadmap h1{font-size:36px}.onboarding-roadmap .journey-introduction p{font-size:13px;margin-top:13px;line-height:1.6}.onboarding-roadmap .journey-desktop-break{display:none}.onboarding-roadmap .journey-map{width:100%;max-width:460px;min-height:255px;margin:8px 0 20px;align-self:center}.onboarding-roadmap .journey-stop-label{font-size:10px;top:49px}.onboarding-roadmap .journey-map-note{font-size:10px;bottom:-18px}.onboarding-roadmap .journey-story{padding:26px 24px 22px;min-height:265px}.onboarding-roadmap h2{font-size:24px}.onboarding-roadmap .journey-description{font-size:13px;max-width:none}.onboarding-roadmap .journey-footer{padding:14px 24px 22px;gap:8px}.onboarding-roadmap .journey-actions{flex-wrap:wrap;gap:10px}.onboarding-roadmap .journey-primary{width:100%;min-height:48px;order:2}.onboarding-roadmap .journey-next{margin-left:auto}.onboarding-roadmap .journey-closing{font-size:11px;line-height:1.5;margin-top:18px}}@media (prefers-reduced-motion:reduce){.onboarding-roadmap *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}