.csbar{display:flex;align-items:center;gap:clamp(10px,1.6vw,20px);flex-wrap:wrap;margin-top:30px}.csstep{background:var(--white);border:1px solid var(--line-strong);border-radius:24px;padding:9px 15px;cursor:pointer;font-family:var(--display);font-weight:700;font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-strong)}.csstep:hover{border-color:var(--magenta-accent);color:var(--ink)}.cschev{font-size:.875rem;vertical-align:-1px}.cstabs{display:flex;gap:clamp(10px,1.6vw,22px);flex-wrap:nowrap;flex:1;overflow-x:auto;padding:0 26px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.cstabs::-webkit-scrollbar{display:none}.cst{position:relative;background:none;border:0;padding:8px 1px;cursor:pointer;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;max-width:26ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 0 auto;color:var(--grey-on-light)}.cst:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--magenta);transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.4,.1,.2,1)}.cst:hover{color:var(--ink-raised)}.cst:hover:after{transform:scaleX(.45)}.cst.on{color:var(--ink-raised)}.cst.on:after{transform:scaleX(1)}.csstage{margin-top:16px;perspective:1400px}.cscar{display:none}.cscar.turn-r{animation:csTurnR .42s cubic-bezier(.25,.1,.25,1) both}.cscar.turn-l{animation:csTurnL .42s cubic-bezier(.25,.1,.25,1) both}@media(prefers-reduced-motion:reduce){.cscar.turn-r,.cscar.turn-l{animation:none}}@keyframes csTurnR{0%{opacity:0;transform:translate(46px) rotateY(-9deg)}to{opacity:1;transform:none}}@keyframes csTurnL{0%{opacity:0;transform:translate(-46px) rotateY(9deg)}to{opacity:1;transform:none}}@media(max-width:820px){.csbar{row-gap:12px}}@media(max-width:820px){.cstabs{order:-1;flex:1 0 100%;padding:0 16px;mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}}@media(max-width:820px){.csstep{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:8px}}@media(min-width:768px){.cstabs{flex-wrap:wrap;overflow-x:visible;row-gap:10px}}.cscar.on{display:block}
