.utk .js-utk{margin-top:clamp(30px,3.6vw,46px)}.utk-board{background:linear-gradient(160deg,#fff,var(--stone));border:1px solid rgba(90,45,145,.14);border-radius:20px;box-shadow:0 30px 60px -48px rgba(42,27,85,.55);height:196px;position:relative;--rail:118px}.utk-rail{background:rgba(149,135,190,.3);border-radius:4px;height:4px;left:8%;margin-top:-2px;position:absolute;right:8%;top:var(--rail)}.utk-fill{background:linear-gradient(90deg,var(--lilac,#9587be),var(--neon));border-radius:4px;left:0;transition:width 1s cubic-bezier(.22,.61,.36,1);width:0}.utk-fill,.utk-st{bottom:0;position:absolute;top:0}.utk-st{align-items:center;display:flex;flex-direction:column;margin-left:-60px;width:120px}.js-utk[data-a="0"] .utk-tok,.utk-st.st0{left:8%}.js-utk[data-a="0"] .utk-fill{width:0}.js-utk[data-a="1"] .utk-tok,.utk-st.st1{left:24.8%}.js-utk[data-a="1"] .utk-fill{width:20%}.js-utk[data-a="2"] .utk-tok,.utk-st.st2{left:41.6%}.js-utk[data-a="2"] .utk-fill{width:40%}.js-utk[data-a="3"] .utk-tok,.utk-st.st3{left:58.4%}.js-utk[data-a="3"] .utk-fill{width:60%}.js-utk[data-a="4"] .utk-tok,.utk-st.st4{left:75.2%}.js-utk[data-a="4"] .utk-fill{width:80%}.js-utk[data-a="5"] .utk-tok,.utk-st.st5{left:92%}.js-utk[data-a="5"] .utk-fill{width:100%}.utk-tip{background:var(--deep);border-radius:999px;color:#fff;font:700 .76rem/1.2 var(--head);opacity:0;padding:5px 10px;position:absolute;top:12px;transform:translateY(6px);transition:opacity .35s,transform .35s;white-space:nowrap}.utk-st.st0 .utk-tip{left:6px}.utk-st.st5 .utk-tip{right:6px}.utk-st.is-on .utk-tip{opacity:1;transform:none}.utk-art{background:#fff;border:1.5px solid rgba(90,45,145,.22);border-radius:14px;color:rgba(90,45,145,.45);display:grid;height:44px;place-items:center;position:absolute;top:calc(var(--rail) - 72px);transition:background .4s,border-color .4s,color .4s,transform .4s;width:44px}.utk-art svg{height:22px;width:22px}.utk-st.is-on .utk-art,.utk-st.is-past .utk-art{background:var(--deep);border-color:var(--deep);color:var(--neon)}.utk-st.is-on .utk-art{transform:translateY(-4px)}.utk-n{background:#fff;border:2px solid rgba(149,135,190,.6);border-radius:50%;color:var(--deep);display:grid;font:800 .7rem/1 var(--head);height:26px;place-items:center;position:absolute;top:calc(var(--rail) - 13px);transition:background .4s,border-color .4s;width:26px}.utk-st.is-on .utk-n,.utk-st.is-past .utk-n{background:var(--neon);border-color:var(--neon)}.utk-nm{color:var(--lt-mut);font:800 .92rem/1.2 var(--head);position:absolute;top:calc(var(--rail) + 22px);transition:color .3s;white-space:nowrap}.utk-st.is-on .utk-nm{color:var(--deep)}.utk-tok{background:var(--neon);border-radius:50%;box-shadow:0 0 0 5px rgba(97,212,195,.25),0 0 16px rgba(97,212,195,.8);height:14px;left:8%;margin:-7px 0 0 -7px;opacity:0;position:absolute;top:var(--rail);transition:left 1s cubic-bezier(.22,.61,.36,1),opacity .3s;width:14px}.utk-on .utk-tok{opacity:1}.utk-on .utk-n{visibility:visible}.utk-steps{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:18px 0 0;padding:0}.utk-steps li{background:#fff;border:1px solid var(--lt-line);border-radius:var(--r-lg,24px);cursor:default;outline:none;padding:20px 22px;transition:border-color .3s,box-shadow .3s,transform .3s}.utk-steps li.is-on{border-color:var(--neon);box-shadow:0 22px 44px -32px rgba(42,27,85,.55);transform:translateY(-2px)}.utk-steps li:focus-visible{outline:2px solid var(--spot);outline-offset:2px}.utk-cn{color:var(--mid);font:700 .74rem/1 var(--mono);letter-spacing:.1em}.utk-steps b{color:var(--deep);display:block;font:800 1.12rem/1.3 var(--head);margin-top:8px}.utk-steps p{color:var(--lt-mut);font-size:.95rem;line-height:1.55;margin:6px 0 0}@media (max-width:960px){.utk-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.utk-st{margin-left:-48px;width:96px}.utk-nm{font-size:.84rem}}@media (max-width:640px){.utk-board{height:150px;--rail:100px}.utk-nm{display:none}.utk-art{border-radius:11px;height:36px;top:calc(var(--rail) - 60px);width:36px}.utk-art svg{height:18px;width:18px}.utk-st{margin-left:-30px;width:60px}.utk-tip{font-size:.72rem;top:8px}.utk-steps{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.utk-board *,.utk-steps li{transition:none!important}}