.onboarding-hero{background:radial-gradient(ellipse at 85% 15%,#dcefff,transparent 55%),linear-gradient(#f2f9ff,#fff);padding-bottom:48px}
.onboarding-hero .ecom-breadcrumb{margin-bottom:24px}
.onboarding-hero .process-hero-main{grid-template-columns:1.1fr 1fr;gap:32px}
.onboarding-hero .process-hero-main h1{font-size:clamp(38px,4vw,60px);line-height:1.06}
.onboarding-hero .process-hero-text>p{font-size:18px;line-height:1.65}
.onboarding-hero .process-hero-art{mask-image:none;mix-blend-mode:multiply;border-radius:24px}
.onboarding-step-heading{text-align:center;margin:38px 0 25px}
.onboarding-step-heading h2{font-size:38px;line-height:1.1;letter-spacing:-1px;margin:12px 0}
.onboarding-step-heading h2 br{display:none}
.onboarding-step-heading h2 span{color:var(--blue)}
.onboarding-step-heading p{font-size:17px;color:#50658a;margin:0}
.onboarding-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.onboarding-card{min-width:0;display:flex;flex-direction:column;padding:12px 12px 18px;background:#fff;border:1px solid #d4e9fb;border-radius:18px;box-shadow:0 6px 20px #24578608;text-decoration:none;transition:transform .2s}
.onboarding-card-art{position:relative;aspect-ratio:334/332;background-image:url('/saverack/optimized/how-steps-reference-v1-21e63050e641-1672w.webp');background-size:500.5988% 283.4337%;background-position:var(--step-position) 51.7241%;border-radius:10px}
.onboarding-card-art>span{position:absolute;left:-3px;top:-3px;display:grid;place-items:center;width:20%;aspect-ratio:1;border-radius:50%;border:2px solid #fff;background:#247ac1;color:#fff;font-size:18px;font-weight:700}
.onboarding-card h3{color:var(--navy);font-size:21px;line-height:1.25;margin:16px 6px 8px;letter-spacing:-.5px}
.onboarding-card p{color:#50658a;font-size:15px;line-height:1.5;margin:0 6px 16px}
.onboarding-card-link{display:flex;gap:12px;align-items:center;margin:auto 6px 0;color:var(--blue);font-size:14px;font-weight:700}
.onboarding-card:hover{transform:translateY(-3px)}
.onboarding-card:hover .onboarding-card-link{text-decoration:underline}
@media(max-width:1000px){.onboarding-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.onboarding-hero .process-hero-main{grid-template-columns:1fr}.onboarding-hero .process-hero-art{max-width:560px}.onboarding-step-heading{margin-top:28px}}
@media(max-width:600px){.onboarding-hero .process-hero-main h1{font-size:38px}.onboarding-hero .process-hero-text>p{font-size:16px}.onboarding-cards{grid-template-columns:1fr;gap:18px}.onboarding-step-heading h2{font-size:32px}.onboarding-step-heading h2 br{display:block}.onboarding-card-art{aspect-ratio:334/332}.onboarding-card h3{font-size:23px}.onboarding-card p{font-size:16px}.onboarding-card-link{font-size:15px;min-height:30px}}
@media(prefers-reduced-motion:reduce){.onboarding-card{transition:none}.onboarding-card:hover{transform:none}}