/* Five approved illustrations with native process labels. */
#onboarding{padding-block:72px 86px;background:#f7faff;scroll-margin-top:10px}
#onboarding>.wrap{width:min(1280px,calc(100% - 96px))}
.onboarding-composition{container-type:inline-size}
.onboarding-native-heading{display:grid;grid-template-columns:1.7fr 1fr;gap:8%;align-items:end;padding:2cqw 3% 4.2cqw}
.onboarding-native-heading h2{font-size:3.4cqw;line-height:1.5;font-weight:700;color:#12325b;letter-spacing:0}
.onboarding-native-heading h2:before{content:"";display:block;width:3cqw;height:2px;background:#447de2;margin-bottom:1.5cqw}
.onboarding-native-heading>p{font-size:1.3cqw;line-height:1.8;color:#64748c;padding-bottom:.25cqw}
.onboarding-native-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3cqw;list-style:none;padding:0;margin:0}
.onboarding-native-steps>li{min-width:0}
.onboarding-native-art{display:block;width:100%;height:auto;aspect-ratio:297/254;overflow:hidden}
.onboarding-step-copy{position:relative;border-top:1px solid #bdcfe9;margin-top:1.8cqw;padding-top:1.1cqw}
.onboarding-native-steps>li:not(:last-child) .onboarding-step-copy:after{content:"→";position:absolute;right:-2.25cqw;top:-1.1cqw;font-size:1.6cqw;line-height:1.2;color:#448bc5}
.onboarding-step-copy>span{display:block;font-family:Arial,sans-serif;font-size:2.7cqw;line-height:1.3;font-weight:400;color:#7399d3;margin-bottom:.8cqw}
.onboarding-step-copy h3{font-size:1.65cqw;line-height:1.5;font-weight:700;color:#12325b;min-height:3em;margin:0}
.onboarding-step-copy p{font-size:1.15cqw;line-height:1.9;color:#64748c;margin-top:1cqw}
@media(max-width:1000px){
 #onboarding{padding-block:76px}#onboarding>.wrap{width:min(720px,calc(100% - 64px))}
 .onboarding-composition{container-type:normal}.onboarding-native-heading{grid-template-columns:1fr;gap:22px;padding:0 0 35px}
 .onboarding-native-heading h2{font-size:35px;line-height:1.6}.onboarding-native-heading h2:before{width:35px;margin-bottom:21px}
 .onboarding-native-heading>p{font-size:14px;line-height:2;padding:0}
 .onboarding-native-steps{grid-template-columns:1fr;gap:28px}
 .onboarding-native-steps>li{display:grid;grid-template-columns:210px 1fr;gap:29px;align-items:center;border-top:1px solid #c7d5e8;padding-top:23px}
 .onboarding-native-art{height:auto;max-height:190px}
 .onboarding-step-copy{border:0;margin:0;padding:0}
 .onboarding-native-steps>li:not(:last-child) .onboarding-step-copy:after{display:none}
 .onboarding-step-copy>span{font-size:30px;margin-bottom:8px}.onboarding-step-copy h3{font-size:23px;min-height:0;line-height:1.6}
 .onboarding-step-copy p{font-size:14px;line-height:2;margin-top:12px}
}
@media(max-width:580px){
 #onboarding{padding-block:62px;scroll-margin-top:0}#onboarding>.wrap{width:calc(100% - 40px)}
 .onboarding-native-heading h2{font-size:clamp(24px,6.3vw,29px)}.onboarding-native-heading>p{font-size:13px}
 .onboarding-native-heading h2:before{width:30px;margin-bottom:18px}.onboarding-native-heading{padding-bottom:28px;gap:19px}
 .onboarding-native-steps{gap:24px}.onboarding-native-steps>li{grid-template-columns:128px 1fr;gap:19px;padding-top:21px}
 .onboarding-native-art{max-height:145px}.onboarding-step-copy>span{font-size:26px;margin-bottom:6px}
 .onboarding-step-copy h3{font-size:17px;line-height:1.6}.onboarding-step-copy p{font-size:12px;line-height:1.9;margin-top:10px}
 .onboarding-step-copy p br{display:none}
}