.yj-section{--yj-blue:#a942ef;--yj-blue-soft:#d79bec;--yj-ink:#0f172a;--yj-muted:rgba(14,10,2,.6);--yj-max:1536px;--yj-pad:40px;--node:88px;--icon:44px;--count:28px;--y:28px;--yj-grad:linear-gradient(112.14deg,#a942ef,#d79bec);--yj-grad-rev:linear-gradient(112.14deg,#d79bec,#a942ef);--title-grad:linear-gradient(90deg,#2665e2,#c26de6);--title-grad-rev:linear-gradient(90deg,#c26de6,#2665e2);background:#fff;padding:40px 80px}.yj-wrap{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:var(--yj-max);padding:0}.yj-head{text-align:center}.yj-badge{align-items:center;background:transparent;border:1px solid #a942ef;border-radius:56px;display:inline-flex;justify-content:center;padding:5px 20px}.yj-badge span{color:#a942ef;font:700 18px/1 Roboto,system-ui,Arial,sans-serif;letter-spacing:.005em}.yj-title{color:#0f172a;font:800 clamp(32px,4vw,56px)/1.2 Roboto,system-ui,Arial,sans-serif;letter-spacing:-.015em;margin:20px 0 10px}.yj-accent{background:var(--title-grad);-webkit-background-clip:text;background-clip:text}.yj-accent,.yj-accent--flip{-webkit-text-fill-color:transparent}.yj-accent--flip{background:var(--title-grad-rev);-webkit-background-clip:text;background-clip:text}.yj-sub{color:rgba(14,10,2,.6);font:400 18px/1.5 Roboto,system-ui,Arial,sans-serif;margin:0 auto;max-width:960px;text-align:center}.yj-track{position:relative}.yj-path{height:100%;inset:0;overflow:visible;pointer-events:none;position:absolute;width:100%;z-index:1}.yj-path-dash-bg,.yj-path-dash-fg{stroke-dasharray:14 14}.yj-path-dash-bg{animation:yj-dash 2.4s linear infinite;filter:blur(.6px);opacity:.9}.yj-path-dash-fg{animation:yj-dash 2.4s linear .15s infinite;mix-blend-mode:screen;opacity:.95}@keyframes yj-dash{to{stroke-dashoffset:-56}}.yj-steps{list-style:none;margin:74px 0 0;padding:0;--g:clamp(16px,3vw,32px);align-items:start;gap:var(--g);grid-template-columns:repeat(5,minmax(0,1fr));z-index:2}.yj-step,.yj-steps{display:grid;position:relative}.yj-step{grid-template-rows:auto auto;text-align:center}.yj-node{backface-visibility:hidden;background:#a942ef;border-radius:999px;box-shadow:0 10px 26px rgba(169,66,239,.28),0 6px 18px -8px rgba(108,148,229,.22),inset 0 0 0 1px hsla(0,0%,100%,.06);display:grid;height:var(--node);isolation:isolate;margin-inline:auto;place-items:center;position:relative;transform:translate3d(0,var(--float,0),0);width:var(--node);will-change:transform;z-index:2}.yj-step.is-up .yj-node{--float:calc(var(--y)*-1)}.yj-step.is-down .yj-node{--float:var(--y)}.yj-node:before{background:radial-gradient(closest-side,rgba(38,101,226,.22),transparent 70%);filter:blur(8px);inset:-8px;opacity:.18}.yj-node:after,.yj-node:before{border-radius:inherit;content:"";pointer-events:none;position:absolute;z-index:1}.yj-node:after{background:var(--yj-grad);inset:0;opacity:0;transform:scale(1) translateZ(0);transform-origin:center;transition:transform .22s ease,opacity .14s ease;will-change:transform,opacity}.yj-icon{display:block;filter:brightness(0) invert(1);height:var(--icon);object-fit:contain;position:relative;transform:translateZ(0) scale(1);transition:transform .22s ease;width:var(--icon);will-change:transform;z-index:2}.yj-count,.yj-icon{pointer-events:none}.yj-count{position:absolute;--count-offset:4px;background:#fff;border:2px solid #a942ef;border-radius:999px;box-shadow:0 4px 10px rgba(2,6,23,.14);color:#a942ef;display:grid;font:700 13px/1 Roboto,system-ui,Arial,sans-serif;height:var(--count,28px);left:calc(var(--count-offset)*-1);place-items:center;top:calc(var(--count-offset)*-1);width:var(--count,28px);z-index:3}.yj-step:hover .yj-node:after{box-shadow:0 16px 40px -14px rgba(38,101,226,.4),0 10px 26px -12px rgba(108,148,229,.28),inset 0 0 0 1px hsla(0,0%,100%,.1);opacity:1;transform:scale(1.08) translateZ(0)}.yj-step:hover .yj-icon{transform:translateZ(0) scale(1.08)}.yj-orbit{animation:yj-spin 10s linear infinite;border:1px solid hsla(0,0%,100%,.18);border-radius:999px;inset:0;opacity:1;pointer-events:none;position:absolute;transition:opacity .22s ease;z-index:3}@keyframes yj-spin{to{transform:rotate(1turn)}}.yj-step:hover .yj-orbit{opacity:0}.yj-label{margin-top:20px;transform-origin:center top;transition:transform .22s ease;will-change:transform}.yj-step.is-up .yj-label{margin-top:calc(20px - var(--y))}.yj-step.is-down .yj-label{margin-top:calc(20px + var(--y))}.yj-label h3{color:#0f172a;font:800 18px/1.3 Roboto,system-ui,Arial,sans-serif;margin:0 0 6px}.yj-label p{color:#334155;font:400 14px/1.55 Roboto,system-ui,Arial,sans-serif;margin:0}.yj-step:hover .yj-label{transform:translateY(-6px) scale(1.06)}@media (max-width:1280px){.yj-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1024px){.yj-section{padding:28px 20px;--y:14px;--node:68px;--icon:36px;--count:22px;--zigzag:80px}.yj-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.yj-steps>.yj-step:nth-child(2),.yj-steps>.yj-step:nth-child(4){margin-top:var(--zigzag,80px)}.yj-label h3{margin-inline:auto;max-width:100px;white-space:normal}}@media (max-width:768px){.yj-badge{border-radius:40px;padding:4px 14px}.yj-badge span{font-size:14px}.yj-section{padding:28px 20px;--y:14px;--node:68px;--icon:36px;--count:22px;--zigzag:80px}.yj-steps{gap:16px}.yj-label h3{display:-webkit-box;font-size:16px;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-inline:auto;max-width:100px;white-space:normal;line-clamp:2;hyphens:auto;overflow:hidden;word-break:normal}.yj-label p{font-size:13px}.yj-label h3,.yj-label p{word-break:break-word}}@media (max-width:400px){.yj-section{--node:60px;--icon:32px;--count:20px;padding:24px 14px}.yj-steps{gap:12px}.yj-label h3{font-size:15px}.yj-label p{font-size:12.5px}}.yj-btn-wrapper{margin-top:clamp(24px,6vw,40px);text-align:center}.yj-cta{align-items:center;backface-visibility:hidden;background-image:linear-gradient(90deg,#2665e2,#c26de6);border-radius:8px;box-shadow:0 10px 24px -12px rgba(0,0,0,.35);color:#fff;display:inline-flex;font-size:14px;font-weight:700;height:40px;justify-content:center;line-height:1;overflow:hidden;padding:0 40px;position:relative;text-decoration:none;transform:translateZ(0);transform-origin:center center;transition:box-shadow .2s ease;will-change:transform,box-shadow}.yj-cta:after{background-image:linear-gradient(90deg,#c26de6,#2665e2);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease;z-index:0}.yj-cta:hover:after{opacity:1}.yj-cta__label{position:relative;white-space:nowrap;z-index:1}.yj-cta,.yj-cta:hover{opacity:1!important}