.web-root[data-page=onboarding]{overflow:hidden}.web-root[data-page=onboarding] .ob{grid-template-columns:520px minmax(0,1fr);display:grid;position:fixed;inset:0}.web-root[data-page=onboarding] .ob-left{border-right:1px solid var(--stroke);flex-direction:column;min-height:0;padding:32px 48px;display:flex}.web-root[data-page=onboarding] .ob-top{align-items:center;gap:12px;height:44px;display:flex}.web-root[data-page=onboarding] .ob-top .brand{padding:0}.web-root[data-page=onboarding] .dots{gap:6px;margin-left:auto;display:flex}.web-root[data-page=onboarding] .dots i{background:var(--surface-3);border-radius:2px;width:22px;height:4px}.web-root[data-page=onboarding] .dots i.on{background:var(--accent)}.web-root[data-page=onboarding] .dots i.done{background:var(--text-2)}.web-root[data-page=onboarding] .ob-body{flex-direction:column;flex:1;justify-content:center;gap:24px;min-height:0;display:flex}.web-root[data-page=onboarding] .ob-k{font-size:var(--t-12);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);font-weight:600}.web-root[data-page=onboarding] .ob-h{letter-spacing:-.03em;font-size:40px;font-weight:700;line-height:1.08}.web-root[data-page=onboarding] .ob-h2{font-size:var(--t-28);letter-spacing:-.02em;font-weight:700;line-height:1.15}.web-root[data-page=onboarding] .ob-p{font-size:var(--t-17);color:var(--text-2);line-height:1.5}.web-root[data-page=onboarding] .ob-p b{color:var(--text);font-weight:600}.web-root[data-page=onboarding] .opts{flex-direction:column;gap:8px;display:flex}.web-root[data-page=onboarding] .opt{appearance:none;text-align:left;background:var(--surface);border:1px solid var(--stroke-2);min-height:72px;color:var(--text);cursor:pointer;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;display:flex}.web-root[data-page=onboarding] .opt:hover{border-color:var(--stroke-3)}.web-root[data-page=onboarding] .opt[aria-checked=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.web-root[data-page=onboarding] .opt .oi{background:var(--surface-2);border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:grid}.web-root[data-page=onboarding] .opt .oi .ic{width:20px;height:20px}.web-root[data-page=onboarding] .opt .t{font-weight:600;font-size:var(--t-15);display:block}.web-root[data-page=onboarding] .opt .s{font-size:var(--t-13);color:var(--text-2);margin-top:2px;display:block}.web-root[data-page=onboarding] .opt .rad{border:1.5px solid var(--stroke-3);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;margin-left:auto;display:grid}.web-root[data-page=onboarding] .opt[aria-checked=true] .rad{border-color:var(--accent)}.web-root[data-page=onboarding] .opt[aria-checked=true] .rad:after{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px}.web-root[data-page=onboarding] .ob-foot{flex-direction:column;gap:10px;display:flex}.web-root[data-page=onboarding] .ob-foot .row{gap:8px;display:flex}.web-root[data-page=onboarding] .ob-foot .row .btn-primary{flex:1}.web-root[data-page=onboarding] .fine{font-size:var(--t-12);color:var(--text-3);justify-content:center;align-items:center;gap:6px;display:flex}.web-root[data-page=onboarding] .fine .ic{width:14px;height:14px}.web-root[data-page=onboarding] .ob-right{min-width:0;position:relative}.web-root[data-page=onboarding] .ob-scene{position:absolute;inset:0}.web-root[data-page=onboarding] .ob-caption{z-index:5;align-items:center;gap:10px;display:flex;position:absolute;bottom:28px;left:32px}.web-root[data-page=onboarding] .ob-caption .readout{min-width:140px}.web-root[data-page=onboarding] .loop{z-index:5;gap:4px;display:flex;position:absolute;top:28px;right:28px}.web-root[data-page=onboarding] .loop span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);background:var(--surface);border:1px solid var(--stroke);border-radius:6px;padding:5px 8px;font-size:11px;font-weight:600}@media (width<=767px){.web-root[data-page=onboarding] .ob{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.web-root[data-page=onboarding] .ob-right{grid-row:1}.web-root[data-page=onboarding] .ob-left{padding:0 16px calc(16px + var(--safe-bottom));background:var(--bg);border-right:0;grid-row:2}.web-root[data-page=onboarding] .ob[data-step="0"] .ob-right{display:block}.web-root[data-page=onboarding] .ob:not([data-step="0"]) .ob-right{display:none}.web-root[data-page=onboarding] .ob:not([data-step="0"]){grid-template-rows:1fr}.web-root[data-page=onboarding] .ob:not([data-step="0"]) .ob-left{padding-top:calc(var(--safe-top) + 8px);grid-row:1}.web-root[data-page=onboarding] .ob-top{top:calc(var(--safe-top) + 6px);z-index:6;position:absolute;left:16px;right:16px}.web-root[data-page=onboarding] .ob:not([data-step="0"]) .ob-top{position:static}.web-root[data-page=onboarding] .ob-body{justify-content:flex-start;gap:16px;padding-top:16px}.web-root[data-page=onboarding] .ob:not([data-step="0"]) .ob-body{justify-content:flex-start;padding-top:24px}.web-root[data-page=onboarding] .ob-h{font-size:30px}.web-root[data-page=onboarding] .ob-p{font-size:var(--t-15)}.web-root[data-page=onboarding] .loop,.web-root[data-page=onboarding] .ob-caption .readout:nth-child(2){display:none}.web-root[data-page=onboarding] .ob-caption{bottom:16px;left:16px}.web-root[data-page=onboarding] .opt{min-height:68px}.web-root[data-page=onboarding] .ob:not([data-step="0"]) #brand{display:none}.web-root[data-page=onboarding] .ob:not([data-step="0"]) .ob-body{flex:1}.web-root[data-page=onboarding] .ob:not([data-step="0"]) .ob-foot{margin-top:auto}}