.plan .coded-steps{margin:25px -28px 0}.coded-step-track{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;padding:40px calc((100% - 280px)/2) 6px;scrollbar-width:none;scroll-behavior:smooth}.coded-step-track::-webkit-scrollbar{display:none}.coded-step{flex:0 0 280px;min-height:390px;border:3px dotted #dcd6ff;border-radius:26px;position:relative;background:white;text-align:center;scroll-snap-align:center;padding:45px 18px 24px}.coded-step .step-bubble{position:absolute;left:10px;top:-34px;width:84px;height:84px;border-radius:50%;background:#ffd4dd;color:white;font-size:21px;line-height:1;padding-top:19px;font-weight:bold}.step-bubble:after{content:'';position:absolute;bottom:0;right:-3px;border:12px solid transparent;border-right-color:#ffd4dd;transform:rotate(-15deg)}.step-bubble strong{display:block;font-size:35px;line-height:1}.step-drawing{width:130px;height:130px;display:block;margin:12px auto 24px}.coded-step h3{font-size:24px;line-height:1.35;color:#ff5f7e;margin:0;font-weight:bold}.step-line{display:block;width:82px;height:5px;border-radius:5px;background:#fff1f4;margin:14px auto}.coded-step p{font-size:14px;line-height:1.7;color:#806cff;text-align:left;margin:0}.coded-step-dots{display:flex;justify-content:center;gap:20px;margin:12px 0 0}.coded-step-dots button{width:83px;height:7px;padding:0;background:#8b8f9c}.coded-step-dots .active{background:#ffd4dd}@media(min-width:1000px){.plan .coded-steps{max-width:980px;margin:30px auto}.coded-step-track{padding:40px 10px 6px;justify-content:center}.coded-step-dots{display:none}}@media(prefers-reduced-motion:reduce){.coded-step-track{scroll-behavior:auto}}