.onboarding-page{max-width:1180px;margin:auto;padding:60px 6% 80px}.onboarding-hero h1{font-size:clamp(40px,5.6vw,72px);letter-spacing:-2.8px;line-height:1.1;margin:28px 0}.onboarding-hero>p{max-width:720px;font-size:17px;line-height:1.8;color:var(--muted)}.onboarding-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.onboarding-actions .button{line-height:1.6;gap:15px}.onboard-path{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;margin:50px 0 20px;gap:20px}.onboard-path li{padding:20px 0;border-top:1px solid #b8c9d9;font-size:18px;position:relative}.onboard-path li:before{display:none}.onboard-path li:after{content:'→';position:absolute;right:0;top:19px;color:var(--blue)}.onboard-path li:last-child:after{display:none}.onboard-path span{display:block;font-size:9px;color:var(--blue);margin-bottom:15px;letter-spacing:1px}.onboarding-hero>.onboard-caption{font-size:12px;line-height:1.8;max-width:none}.onboard-phases,.workspace-section,.capability-section{padding-top:65px}.onboard-phases h2,.workspace-section h2,.capability-section h2{margin:20px 0}.section-intro{font-size:15px;color:var(--muted);line-height:1.8;max-width:720px;margin-bottom:35px}.onboard-phase{border-top:1px solid var(--line);border-radius:12px;margin:8px 0;scroll-margin-top:130px}.onboard-phase:last-child{border-bottom:1px solid var(--line)}.onboard-phase>summary{list-style:none;display:flex;gap:22px;align-items:center;padding:25px 20px;cursor:pointer}.onboard-phase>summary::-webkit-details-marker{display:none}.phase-num{color:var(--blue);font-size:12px;letter-spacing:1px;min-width:30px}.onboard-phase summary small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--blue);margin-bottom:10px}.onboard-phase summary strong{font-size:23px;font-weight:500;letter-spacing:-.5px;line-height:1.3}.onboard-phase[open]{background:#f7f9fc}.phase-body{padding:0 35px 30px 72px;color:var(--muted)}.phase-body p{font-size:14px;line-height:1.8;margin:12px 0 0}.phase-explanation{display:grid;grid-template-columns:1fr 1fr;gap:35px}.phase-how{margin-top:28px}.phase-how ol{padding-left:20px;font-size:14px;line-height:1.8}.phase-how li{font-size:14px;padding:3px 0 3px 5px}.phase-how li:before{display:none}.onboard-example,.phase-outcome{margin-top:25px;padding:20px;border-left:2px solid #9fb4c8;background:white}.phase-outcome h3{font-size:20px;font-weight:500}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.workspace-grid>div{border:1px solid var(--line);border-radius:16px;padding:30px}.workspace-grid>div:last-child{background:var(--paper)}.workspace-grid h3{font-size:24px;font-weight:500;line-height:1.4;letter-spacing:-.5px}.workspace-grid p,.capability-grid p{font-size:14px;line-height:1.8;color:var(--muted)}.workspace-grid ul{margin-top:24px;gap:15px}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:35px}.capability-grid>div{border-top:1px solid var(--line);padding:23px 0}.capability-grid h3{font-size:20px;font-weight:500;letter-spacing:-.4px}.onboard-next{margin-top:50px;padding-top:40px;border-top:1px solid var(--line)}.onboard-next p{color:var(--muted);font-size:15px;line-height:1.8}.onboard-phase>summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:10px}@media(max-width:650px){.onboarding-page{padding:40px 6% 55px}.onboarding-hero h1{font-size:40px;letter-spacing:-1.8px}.onboarding-hero>p{font-size:15px}.onboarding-actions{gap:15px;align-items:start;flex-direction:column}.onboarding-actions .button{font-size:11px;padding:18px;max-width:100%}.onboard-path{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:35px}.onboard-path li{font-size:15px}.onboard-path li:after{font-size:12px}.onboard-phases,.workspace-section,.capability-section{padding-top:40px}.onboard-phase>summary{padding:22px 10px;gap:12px}.onboard-phase summary strong{font-size:19px}.phase-num{min-width:20px;font-size:10px}.phase-body{padding:0 15px 25px}.phase-explanation{grid-template-columns:1fr;gap:24px}.workspace-grid,.capability-grid{grid-template-columns:1fr}.workspace-grid>div{padding:25px}.workspace-grid ul{grid-template-columns:1fr 1fr}.capability-grid{gap:0}.onboard-next h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
