.onboarding-wrap{max-width:1140px;margin:60px auto;padding:0 30px;display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}.onboarding-story{padding-top:25px}.onboarding-story h1{font-size:44px;line-height:1.14;letter-spacing:-1.8px;margin:20px 0}.onboarding-story>p{font-size:14px;line-height:1.8;color:var(--muted)}.onboarding-steps{counter-reset:steps;list-style:none;padding:0;margin:32px 0;display:grid;gap:24px}.onboarding-steps li{position:relative;padding-left:46px;counter-increment:steps}.onboarding-steps li:before{content:counter(steps);position:absolute;left:0;top:0;width:30px;height:30px;background:#e6edda;color:#173e35;border-radius:50%;display:grid;place-items:center;font-size:12px}.onboarding-steps strong,.onboarding-steps span{display:block}.onboarding-steps strong{font-size:14px;margin-bottom:6px}.onboarding-steps span{font-size:12px;color:var(--muted);line-height:1.7}.onboarding-direct{padding-top:22px;border-top:1px solid var(--line)}.onboarding-direct h2{font-size:17px}.onboarding-email{display:block;margin-top:15px;overflow-wrap:anywhere;font-size:13px}.onboarding-form h2{font-size:27px;margin:12px 0}.onboarding-form>.muted{font-size:12px}.onboarding-form .checkbox-field{grid-column:1/-1}.onboarding-form>.button{width:100%}.onboarding-note{font-size:11px;color:var(--muted);line-height:1.7;margin:16px 0 0}.onboarding-form .form-grid{gap:20px}.onboarding-form .field{min-width:0}
@media(max-width:800px){.onboarding-wrap{grid-template-columns:1fr;gap:28px;margin:30px auto;padding:0 20px}.onboarding-story{padding-top:0}.onboarding-story h1{font-size:35px}.onboarding-steps{gap:18px;margin:25px 0}.onboarding-form{padding:24px 20px}}

.onboarding-direct{padding:22px;background:#edf2e5;border:1px solid #dce5d3;border-radius:14px;margin-top:24px}.onboarding-direct h2{margin:0 0 14px}.onboarding-direct .button{width:100%}.onboarding-email{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:14px 16px;border:1px solid #dce5d3;border-radius:10px;background:#fff}.onboarding-email>span:first-child{font-size:10px;color:#64735d;grid-column:1}.onboarding-email strong{font-size:12px;grid-column:1;overflow-wrap:anywhere;min-width:0}.onboarding-email>span:last-child{grid-column:2;grid-row:1/3;align-self:center}
