.io-langkah__list.io-langkah__list{display:grid;gap:var(--io-space-5);list-style:none;margin:0;padding:0}@media(min-width:768px){.io-langkah__list.io-langkah__list{grid-template-columns:repeat(3,minmax(0,1fr))}}.io-langkah__item.io-langkah__item{align-items:flex-start;display:flex;gap:var(--io-space-4);min-width:0;position:relative}@media(min-width:768px){.io-langkah__item.io-langkah__item{flex-direction:column;gap:var(--io-space-3)}}@media(min-width:1025px){.io-langkah__item.io-langkah__item{border-top:2px solid var(--io-line);padding-top:var(--io-space-5)}}.io-langkah__num.io-langkah__num{align-items:center;background:var(--io-ink);border-radius:50%;color:var(--io-on-dark);display:inline-flex;flex:none;font-variant-numeric:tabular-nums;font-weight:800;height:36px;isolation:isolate;justify-content:center;position:relative;width:36px}@media(min-width:1025px){.io-langkah__num.io-langkah__num{height:40px;width:40px}}.io-langkah__item.is-last .io-langkah__num.io-langkah__num{background:var(--io-brand-600)}.io-langkah__title.io-langkah__title{font-size:var(--io-fs-h3);font-weight:700;line-height:1.3;margin:0}.io-langkah__desc.io-langkah__desc{color:var(--io-ink-muted);margin:4px 0 0;overflow-wrap:anywhere}.io-langkah__cek-top.io-langkah__cek-top{display:none}@media(min-width:768px){.io-langkah__cek-top.io-langkah__cek-top{display:block}}.io-langkah__cek-bottom.io-langkah__cek-bottom{margin-top:var(--io-space-5)}@media(min-width:768px){.io-langkah__cek-bottom.io-langkah__cek-bottom{display:none}}.io-langkah__bar.io-langkah__bar{display:none}@media(min-width:1025px){.io-langkah__bar.io-langkah__bar{background:var(--io-brand-600);display:block;height:2px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:-2px;transform:scaleX(0);transform-origin:left center}}.io-langkah__num.io-langkah__num:after,.io-langkah__num.io-langkah__num:before{border-radius:50%;content:"";opacity:0;pointer-events:none;position:absolute}.io-langkah__num.io-langkah__num:before{background:var(--io-brand-600);inset:0;z-index:-1}.io-langkah__num.io-langkah__num:after{border:2px solid var(--io-brand-300);inset:-6px}.io-reveal-on .io-reveal .io-langkah__item.io-langkah__item{transition-delay:calc(var(--i, 0)*.6s)}.io-reveal-on .io-reveal.is-in .io-langkah__bar.io-langkah__bar{animation:io-step-bar .6s var(--io-ease) calc(var(--i, 0)*.6s + .1s) both}.io-reveal-on .io-reveal.is-in .io-langkah__num.io-langkah__num{animation:io-step-pop .45s var(--io-ease-spring) calc(var(--i, 0)*.6s + .1s) both}.io-reveal-on .io-reveal.is-in .io-langkah__num.io-langkah__num:before{animation:io-step-glow .6s linear calc(var(--i, 0)*.6s + .1s) both}.io-reveal-on .io-reveal.is-in .io-langkah__num.io-langkah__num:after{animation:io-step-ring .6s var(--io-ease) calc(var(--i, 0)*.6s + .15s) both}.io-reveal-on .io-reveal.is-in .io-langkah__item.is-last .io-langkah__num.io-langkah__num:before{animation:none}@keyframes io-step-bar{0%{opacity:1;transform:scaleX(0)}45%{opacity:1;transform:scaleX(1)}85%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes io-step-pop{0%{transform:scale(.7)}to{transform:scale(1)}}@keyframes io-step-glow{0%{opacity:0}20%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes io-step-ring{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.35)}}@media(prefers-reduced-motion:reduce){.io-reveal-on .io-reveal .io-langkah__item.io-langkah__item{transition-delay:0s}.io-reveal-on .io-reveal.is-in .io-langkah__bar.io-langkah__bar,.io-reveal-on .io-reveal.is-in .io-langkah__num.io-langkah__num,.io-reveal-on .io-reveal.is-in .io-langkah__num.io-langkah__num:after,.io-reveal-on .io-reveal.is-in .io-langkah__num.io-langkah__num:before{animation:none}}