.layout[data-v-a618bdec]{align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1.1fr}.side[data-v-a618bdec]{position:sticky;top:140px}.side .section-head[data-v-a618bdec]{margin-bottom:36px}.steps[data-v-a618bdec]{display:grid;gap:24px;list-style:none;margin:0;padding:0;position:relative}.rail[data-v-a618bdec]{background:var(--line);bottom:32px;left:31px;top:32px;width:2px}.rail[data-v-a618bdec],.rail-fill[data-v-a618bdec]{position:absolute}.rail-fill[data-v-a618bdec]{background:var(--grad);inset:0;transform-origin:top}.step[data-v-a618bdec]{display:flex;gap:28px;padding:8px 0}.dot[data-v-a618bdec],.step[data-v-a618bdec]{position:relative}.dot[data-v-a618bdec]{background:#fff;border:2px solid var(--line);border-radius:50%;color:var(--muted-2);display:grid;flex:none;font-weight:700;height:64px;place-items:center;transition:background .5s var(--ease),color .5s,border-color .5s,transform .5s var(--ease);width:64px;z-index:1}.step.on .dot[data-v-a618bdec]{background:var(--dc);border-color:transparent;box-shadow:0 10px 24px -10px #6366f1b3,0 0 0 6px #818cf81f;color:#fff;transform:scale(1.08)}.body[data-v-a618bdec]{background:#fff;border-radius:22px;box-shadow:0 2px 6px #1f1b5e0f,0 20px 44px -24px #1f1b5e59;display:grid;flex:1;gap:8px;overflow:hidden;padding:26px 28px;position:relative;transition:background .5s,box-shadow .5s var(--ease),transform .5s var(--ease)}.step.on .body[data-v-a618bdec]{background:linear-gradient(120deg,var(--tc) 0,color-mix(in srgb,var(--tc) 45%,#fff) 100%);box-shadow:0 2px 6px #1f1b5e0f,0 26px 50px -24px var(--sc);transform:translate(4px)}.body p[data-v-a618bdec]{color:var(--muted)}@media(max-width:1023px){.layout[data-v-a618bdec]{gap:48px;grid-template-columns:1fr}.side[data-v-a618bdec]{position:static}}@media(max-width:767px){.dot[data-v-a618bdec]{font-size:14px;height:48px;width:48px}.rail[data-v-a618bdec]{left:23px}.step[data-v-a618bdec]{gap:16px}.body[data-v-a618bdec]{padding:20px}}
