.onboarding-step{margin-bottom:var(--space-3xl);padding-bottom:var(--space-2xl);border-bottom:1px solid rgba(123,47,190,.08)}.onboarding-step:last-of-type{border-bottom:none}.onboarding-step__header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.onboarding-step__num{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--step-color, var(--color-purple));color:#fff;font-family:var(--font-heading);font-weight:800;font-size:1.35rem;flex-shrink:0;box-shadow:0 6px 24px color-mix(in srgb,var(--step-color, var(--color-purple)) 35%,transparent)}.onboarding-step__header h3{font-family:var(--font-heading);font-size:var(--fs-h3);font-weight:700;color:var(--text-primary);margin:0}.onboarding-step__intro{color:var(--text-secondary);font-size:1.05rem;margin-bottom:var(--space-lg);line-height:1.65}.onboarding-step__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.onboarding-step__grid--4{grid-template-columns:repeat(4,1fr)}.onboarding-card{border-radius:var(--radius-xl);padding:var(--space-xl);transition:transform .25s ease,box-shadow .25s ease}.onboarding-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000014}.onboarding-card h4{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin:0 0 var(--space-md) 0}.onboarding-card p{color:inherit;font-size:.95rem;line-height:1.7;margin:0 0 var(--space-sm) 0}.onboarding-card ul{list-style:none;padding:0;margin:0}.onboarding-card ul li{position:relative;padding-left:1.5rem;margin-bottom:.6rem;font-size:.95rem;line-height:1.6}.onboarding-card ul li:before{content:"→";position:absolute;left:0;font-weight:700}.onboarding-card--purple{background:var(--bg-light);border:1px solid rgba(123,47,190,.12);color:var(--text-primary)}.onboarding-card--purple h4{color:var(--color-purple)}.onboarding-card--purple ul li:before{color:var(--color-purple)}.onboarding-card--cyan{background:linear-gradient(145deg,#2cc4d10f,#3498db0f);border:1px solid rgba(44,196,209,.15);color:var(--text-primary)}.onboarding-card--cyan h4{color:var(--color-cyan-dark)}.onboarding-card--cyan ul li:before{color:var(--color-cyan)}.onboarding-card--navy{background:var(--color-navy);border:1px solid rgba(44,196,209,.2);color:#ffffffd9}.onboarding-card--navy h4{color:#fff}.onboarding-card--navy p{color:#ffffffbf}.onboarding-card--navy ul li:before{color:var(--color-cyan)}.onboarding-card__badge{display:inline-block;background:var(--color-cyan);color:#fff;font-family:var(--font-heading);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.3rem .75rem;border-radius:var(--radius-full);margin-bottom:var(--space-sm)}.onboarding-card--magenta{background:linear-gradient(145deg,#e74c8b0f,#f39c120a);border:1px solid rgba(231,76,139,.15);color:var(--text-primary)}.onboarding-card--magenta h4{color:var(--color-magenta)}.onboarding-card--magenta ul li:before{color:var(--color-magenta)}.onboarding-extras{display:flex;gap:var(--space-md);margin-top:var(--space-lg);flex-wrap:wrap}.onboarding-extra{flex:1;min-width:220px;background:#fff;border:1px solid rgba(123,47,190,.1);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);font-size:.95rem;color:var(--text-secondary);display:flex;align-items:center;gap:.75rem}.onboarding-extra span{font-size:1.3rem;flex-shrink:0}.onboarding-cta{margin-top:var(--space-2xl)}.onboarding-cta__inner{background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-blue) 100%);border-radius:var(--radius-2xl);padding:var(--space-2xl) var(--space-3xl);text-align:center}.onboarding-cta__inner h3{color:#fff;font-family:var(--font-heading);font-size:var(--fs-h3);font-weight:700;margin:0 0 var(--space-sm) 0}.onboarding-cta__inner p{color:#fffc;margin:0 0 var(--space-lg) 0;font-size:1.05rem}.onboarding-cta__inner .btn{background:#fff;color:var(--color-purple);font-weight:700;box-shadow:0 8px 32px #0003}.onboarding-cta__inner .btn:hover{transform:translateY(-3px);box-shadow:0 16px 48px #0000004d}@media(max-width:900px){.onboarding-step__grid,.onboarding-step__grid--4{grid-template-columns:1fr}.onboarding-extras{flex-direction:column}}@media(max-width:600px){.onboarding-step__header{flex-direction:column;text-align:center}.onboarding-cta__inner{padding:var(--space-xl)}}