.onboarding{position:relative;z-index:1;width:min(1080px,100%);margin:auto;padding:32px 28px 64px}
.onboarding-hero{max-width:700px;margin:0 auto 32px;text-align:center;padding:30px 0}
.onboarding-hero h1{font-size:clamp(28px,4vw,46px);line-height:1.6;margin:12px 0}
.onboarding-hero p{font-size:16px;line-height:2;color:var(--muted);margin-bottom:24px}
.onboarding-features{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:38px}
.onboarding-features span{border:1px solid var(--border);border-radius:24px;padding:8px 16px;background:var(--surface)}
.onboarding-devices{margin:0 0 32px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:20px;text-align:center}
.onboarding-devices h2{margin:0 0 12px;font-size:clamp(20px,3vw,28px)}
.onboarding-devices p{margin:0;color:var(--muted);line-height:2}
.device-platforms{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;padding:0;margin:20px 0}
.device-platforms li{border:1px solid var(--border);border-radius:24px;padding:8px 18px}
.onboarding-devices .device-roadmap{font-size:14px}
.onboarding-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:20px}
.onboarding-plan{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:var(--shadow)}
.onboarding-plan.featured{border:2px solid var(--gold)}
.onboarding-plan h3{margin:0}.onboarding-plan .plan-price{font-size:24px}.onboarding-plan p{margin:0;color:var(--muted)}
.onboarding-plan button{margin-top:auto;min-height:44px}.selected-plan{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--field)}
.guest-home .demo-badge,.guest-home .workspace-label{display:none}
.guest-home #new-chat,.guest-home .main-nav,.guest-home .nav-section-label,.guest-home .history-heading,.guest-home #history-list,.guest-home #history-more{display:none}
#header-account{white-space:nowrap}#account-dialog>.secondary-button{margin-top:12px;width:100%}
@media(max-width:560px){.onboarding{padding:16px 18px 32px}.onboarding-hero{padding:12px 0}.onboarding-plans{grid-template-columns:1fr}.onboarding-features{gap:6px}.onboarding-features span{font-size:12px}.guest-home .page-name{display:none}}