.card,.steps__dot{background:#fff;display:flex;text-align:left}.steps{margin:0 auto;max-width:1300px}.card__title,.steps__label{color:#111827;font-weight:700;margin-bottom:12px}.steps__scroll{overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.steps__scroll::-webkit-scrollbar{height:4px}.steps__scroll::-webkit-scrollbar-track{background:#e5e7eb;border-radius:4px}.steps__scroll::-webkit-scrollbar-thumb{background:#7c3aed;border-radius:4px}.steps__inner{min-width:800px}.steps__timeline{align-items:flex-end;display:flex;justify-content:space-between;position:relative}.steps__timeline:before{background:#7c3aed;content:"";height:2px;left:5%;position:absolute;right:5%;top:51px;z-index:0}.steps__item{align-items:center;display:flex;flex:1;flex-direction:column;position:relative}.steps__label{font-size:15px;text-align:center}.steps__dot{align-items:center;border:3px solid #7c3aed;border-radius:50%;flex-shrink:0;height:28px;justify-content:center;position:relative;width:28px;z-index:1}.steps__dot:after{background:#7c3aed;border-radius:50%;content:"";height:10px;width:10px}.steps__connectors{display:flex;justify-content:space-between}.steps__connector{display:flex;flex:1;justify-content:center}.steps__connector:after{background:#d1d5db;content:"";display:block;height:40px;width:1px}.steps__cards{display:flex;gap:16px;margin-top:0}.card{border-radius:16px;box-shadow:0 1px 4px rgba(0,0,0,.06);flex:1;flex-direction:column;padding:20px}.card__title{font-size:14px;line-height:1.4;text-align:left}.legend__item,.tag{font-weight:500;width:fit-content}.card__desc{color:#4b5563;flex:1;font-size:12px;line-height:1.7;text-align:left}.card__divider{background:#e5e7eb;height:1px;margin:16px 0}.card__benefit{color:#9ca3af;font-size:11px;line-height:1.5;margin-bottom:12px}.tag{align-items:center;border:1px solid;border-radius:100px;display:inline-flex;font-size:11px;padding:4px 12px}.tag--green{background:#f0fdf9;border-color:#6ee7b7;color:#059669}.tag--blue{background:#eff6ff;border-color:#93c5fd;color:#2563eb}.tag--purple{background:#f5f3ff;border-color:#c4b5fd;color:#7c3aed}.legend{display:flex;flex-direction:column;gap:8px;margin-top:24px;max-width:100%}.legend__item{border-radius:8px;font-size:12px;padding:10px 20px}.legend__item--green{background:#f0fdf9;color:#059669}.legend__item--blue{background:#eff6ff;color:#2563eb}.legend__item--viloet{background:#f5f3ff;color:#7c3aed}@media (min-width:768px){.steps__label{font-size:16px}.card{padding:22px}.card__title{font-size:14px}.card__desc{font-size:13px}.card__benefit,.tag{font-size:12px}.legend{border-radius:12px;flex-direction:row;gap:32px;margin-top:32px;overflow:hidden}.legend__item{border-radius:0;font-size:13px;padding:12px 32px}}@media (min-width:1100px){.steps__inner{min-width:unset}.steps__scroll{overflow-x:visible}.steps__label{font-size:18px}.card{padding:24px}.card__title{font-size:15px;margin-bottom:16px}.card__desc{font-size:13px}.card__benefit{font-size:12px}}