main.onboarding-signup{background:var(--surface);grid-template-columns:minmax(320px,.9fr) minmax(440px,1.1fr);align-items:stretch;gap:0;width:100%;max-width:none;min-height:100svh;margin:0;padding:0;display:grid}.onboarding-story{background:var(--tonal);min-width:0;min-height:100svh;color:var(--text);flex-direction:column;justify-content:center;align-self:start;gap:20px;padding:32px clamp(24px,4vw,64px);display:flex;position:sticky;top:0;overflow:hidden}.onboarding-brand{align-items:center;gap:12px;width:fit-content}.onboarding-mark{background:var(--primary);width:48px;height:48px;color:var(--on-primary);border-radius:16px;place-items:center;display:grid}.onboarding-mark .pdr-icon{width:26px;height:26px}.onboarding-story-copy{animation:.24s ease-out onboarding-enter}.onboarding-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin:0 0 12px;font-size:12px;font-weight:700}.onboarding-tagline{font:400 clamp(34px, 3.6vw, 52px)/1.08 var(--font-display);white-space:pre-line;letter-spacing:-.035em;margin:0 0 16px}.onboarding-description{max-width:360px;color:var(--muted);margin:0;font-size:15px;line-height:1.7}.onboarding-layout .onboarding-form{min-width:0}.onboarding-signup .onboarding-form{width:100%;max-width:660px;box-shadow:none;background:0 0;border:0;border-radius:0;margin:auto;padding:48px clamp(32px,5vw,80px)}.onboarding-form h1{outline:none;scroll-margin-top:24px}.onboarding-signup .onboarding-form h1{font:400 var(--display)/1.15 var(--font-display);letter-spacing:-.025em;margin:0 0 12px}.onboarding-signup .onboarding-form>.muted{margin:0 0 24px;line-height:1.7}.onboarding-kicker span{color:var(--muted)}.onboarding-fields{gap:16px;animation:.24s ease-out onboarding-enter;display:grid}.onboarding-signup .onboard-progress{gap:6px;margin:24px 0;display:flex}.onboarding-signup .onboard-progress span{border-radius:var(--pill);background:var(--outline);height:4px;transition:background var(--motion);flex:1}.onboarding-signup .onboard-progress span.active{background:var(--primary)}.onboarding-signup .form-actions{justify-content:space-between;gap:16px;margin-top:24px;display:flex}.onboarding-signup .form-actions>:last-child{min-width:164px;margin-left:auto}.onboarding-signup .auth-foot{margin-top:24px;line-height:1.6}.onboarding-trail{grid-template-columns:1fr 1fr;gap:12px 16px;margin:0;padding:0;list-style:none;display:grid}.onboarding-trail li{min-width:0;color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.onboarding-step-dot{border:1px solid var(--outline-strong);border-radius:var(--pill);width:28px;height:28px;transition:background var(--motion), color var(--motion);flex:0 0 28px;place-items:center;font-size:12px;display:grid}.onboarding-step-dot .pdr-icon{width:15px;height:15px}.onboarding-trail .current{color:var(--text);font-weight:700}.onboarding-trail .current .onboarding-step-dot{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.onboarding-trail .done .onboarding-step-dot{color:var(--success);border-color:var(--success);background:var(--success-bg)}.onboarding-motion{color:var(--muted);min-height:var(--touch-target);font:inherit;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;align-self:flex-start;padding:0;font-size:12px;text-decoration:underline}.onboarding-motion:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.onboarding-scene{flex:none;width:100%;max-width:420px;height:340px;margin:0 auto;position:relative}.onboarding-orbit{border:1px dashed var(--outline-strong);border-radius:50%;width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.onboarding-orbit:after{content:"";border:1px solid var(--outline);border-radius:50%;position:absolute;inset:28px}.onboarding-window{background:var(--surface);border:1px solid var(--outline-strong);border-radius:16px;width:min(290px,86%);padding:16px;font-size:12px;line-height:1.35;transition:transform .24s;position:absolute;top:24px;left:50%;transform:translate(-50%)rotate(-4deg)}.onboarding-window-bar{color:var(--muted);align-items:center;gap:4px;margin-bottom:16px;font-size:10px;display:flex}.onboarding-window-bar i{background:var(--outline-strong);border-radius:50%;width:5px;height:5px}.onboarding-window-bar>span{margin-left:auto}.onboarding-preview-title{align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.onboarding-preview-title>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.onboarding-preview-title small{color:var(--muted);margin-top:3px;font-size:10px;font-weight:400;display:block}.onboarding-preview-icon{width:32px;height:32px;color:var(--primary);background:var(--tonal);border-radius:10px;flex:none;place-items:center;display:grid}.onboarding-preview-calendar{border:1px solid var(--outline);border-radius:12px;margin-top:16px;padding:12px}.onboarding-preview-calendar>div:first-child{justify-content:space-between;margin-bottom:12px;font-size:11px;display:flex}.onboarding-preview-calendar .pdr-icon{width:14px;height:14px;color:var(--primary)}.onboarding-week,.onboarding-dates{text-align:center;color:var(--muted);grid-template-columns:repeat(7,1fr);gap:3px;font-size:9px;display:grid}.onboarding-week{margin-bottom:6px;font-weight:700}.onboarding-dates span{aspect-ratio:1;border-radius:6px;place-items:center;display:grid}.onboarding-dates .selected{background:var(--primary);color:var(--on-primary)}.onboarding-preview-footer{color:var(--success);justify-content:flex-end;align-items:center;gap:6px;margin-top:12px;font-size:10px;display:flex}.onboarding-preview-footer .pdr-icon{width:12px;height:12px}.onboarding-float{border:1px solid var(--outline-strong);background:var(--surface);border-radius:12px;align-items:center;gap:8px;padding:12px;font-size:11px;font-weight:700;animation:6s ease-in-out infinite onboarding-float;display:flex;position:absolute}.onboarding-float>span{width:30px;height:30px;color:var(--primary);background:var(--tonal);border-radius:10px;flex:none;place-items:center;display:grid}.onboarding-float .pdr-icon{width:18px;height:18px}.onboarding-float small{color:var(--muted);margin-top:4px;font-size:9px;font-weight:400;display:block}.onboarding-float-team{top:48px;right:0}.onboarding-float-care{animation-delay:-3s;bottom:4px;left:0}.onboarding-float-care>span{color:var(--success);background:var(--success-bg)}.onboarding-spark{background:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute}.onboarding-spark-one{top:12px;right:44px}.onboarding-spark-two{background:var(--success);width:5px;height:5px;bottom:24px;right:24px}.onboarding-story[data-stage=team] .onboarding-window,.onboarding-story[data-stage=contact] .onboarding-window{transform:translate(-50%)rotate(3deg)}.onboarding-story[data-stage=hours] .onboarding-preview-calendar{border-color:var(--primary)}.onboarding-story[data-paused=true] .onboarding-float{animation-play-state:paused}.onboarding-loading{background:var(--surface);place-items:center;min-height:100svh;padding:32px;display:grid}.onboarding-loading>*{width:min(480px,100%)}.onboarding-signup .onboarding-setup-form{gap:24px;display:grid}.onboarding-setup-form .setup-top{align-items:flex-start}.onboarding-setup-form .setup-top>div{min-width:0}.onboarding-standalone .onboarding-fields{box-shadow:none;background:0 0;border:0;padding:0}@keyframes onboarding-enter{0%{transform:translateY(8px)}to{transform:translateY(0)}}@keyframes onboarding-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (width<=899px){main.onboarding-signup{grid-template-columns:1fr;min-height:100svh}.onboarding-signup .onboarding-story{gap:20px;min-height:0;padding:24px;position:static}.onboarding-signup .onboarding-scene,.onboarding-signup .onboarding-trail,.onboarding-signup .onboarding-motion,.onboarding-signup .onboarding-description,.onboarding-signup .onboarding-story .onboarding-eyebrow{display:none}.onboarding-signup .onboarding-tagline{font-size:var(--title);white-space:normal;margin:0}.onboarding-signup .onboarding-form{align-self:start;max-width:560px;padding:32px 24px}}@media (prefers-reduced-motion:reduce){.onboarding-layout *,.onboarding-layout :before,.onboarding-layout :after{transition:none!important;animation:none!important}.onboarding-motion{display:none}}