.sx{grid-template-columns:minmax(0,.34fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.sx-tabs{gap:8px;display:grid}.sx-tab{border:1px solid var(--border);background:var(--surface);width:100%;min-height:56px;font:inherit;text-align:left;color:var(--heading);cursor:pointer;transition:transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease);border-radius:18px;align-items:center;gap:12px;padding:10px 14px;font-size:clamp(14px,13.562px + .112vw,15px);font-weight:700;display:flex}.sx-tab:hover{transform:translate(4px)}.sx-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sx-tab[aria-selected=true]{color:#fff;background:linear-gradient(135deg,#16a34a,#0ea5e9);border-color:#0000;box-shadow:0 16px 30px -18px #0ea5e9cc}.sx-tab-icon{color:#15803d;background:#dcfce7;border-radius:12px;flex:none;place-items:center;width:36px;height:36px;display:grid}.sx-tab[aria-selected=true] .sx-tab-icon{color:#fff;background:#fff3}.sx-stage{border:1px solid var(--border);background:var(--surface);box-shadow:var(--elev-2);border-radius:26px;overflow:hidden}.sx-path{background:radial-gradient(60% 120% at 50% 0,#22c55e24,#0000 70%),linear-gradient(#f0fdf4,#fff);grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:34px 24px 28px;list-style:none;display:grid;position:relative}.sx-path:before{content:"";background:repeating-linear-gradient(90deg,#22c55e 0 12px,#0000 12px 20px) 0 0/40px 4px;border-radius:2px;height:4px;animation:1s linear infinite sx-flow;position:absolute;top:55px;left:12%;right:12%}@keyframes sx-flow{to{background-position:40px 0}}.sx-node{text-align:center;justify-items:center;gap:10px;animation:.45s cubic-bezier(.34,1.56,.64,1) both sx-in;display:grid;position:relative}@keyframes sx-in{0%{opacity:0;translate:0 14px}}.sx-dot{color:#fff;background:#22c55e;border:3px solid #fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:clamp(14px,13.562px + .112vw,15px);font-weight:800;display:grid;box-shadow:0 10px 20px -10px #16a34acc}.sx-node:last-child .sx-dot{background:linear-gradient(135deg,#16a34a,#0ea5e9);width:52px;height:52px;margin-top:-4px;animation:2.4s ease-in-out infinite sx-lock}@keyframes sx-lock{50%{box-shadow:0 0 0 10px #0ea5e926}}.sx-label{color:#0f172a;overflow-wrap:anywhere;background:#fff;border-radius:12px;padding:6px 10px;font-size:13px;font-weight:700;line-height:1.3;box-shadow:0 8px 16px -12px #0f172a66}.sx-panel{padding:22px 26px 26px}.sx-panel h3{font-family:var(--font-display);color:var(--heading);align-items:center;gap:10px;margin:0 0 10px;font-size:clamp(18px,16.685px + .337vw,21px);display:flex}.sx-panel h3 svg{color:#16a34a}.sx-panel p{color:var(--text-2);margin:0;font-size:clamp(14px,13.343px + .169vw,15.5px);line-height:1.7}@media (max-width:900px){.sx{grid-template-columns:minmax(0,1fr)}.sx-tabs{scrollbar-width:none;gap:8px;margin-inline:-16px;padding:2px 16px 6px;display:flex;overflow-x:auto}.sx-tabs::-webkit-scrollbar{display:none}.sx-tab{white-space:nowrap;flex:none;width:auto;min-height:48px}.sx-tab:hover{transform:none}}@media (max-width:640px){.sx-path{grid-template-columns:minmax(0,1fr);gap:10px;padding:20px 18px}.sx-path:before{background:repeating-linear-gradient(#22c55e 0 12px,#0000 12px 20px) 0 0/4px 40px;width:4px;height:auto;animation-name:sx-flow-y;inset:30px auto 30px 39px}@keyframes sx-flow-y{to{background-position:0 40px}}.sx-node{text-align:left;grid-template-columns:auto 1fr;place-items:center start}.sx-node:last-child .sx-dot{width:44px;height:44px;margin:0}.sx-panel{padding:18px}.sx-panel h3{font-size:clamp(15.5px,14.404px + .281vw,18px)}.sx-panel p{font-size:14.5px}}@media (prefers-reduced-motion:reduce){.sx-path:before,.sx-node,.sx-node:last-child .sx-dot{animation:none}.sx-tab{transition:none}}