@keyframes sx-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.sx-rise{animation:sx-rise .9s var(--ease-reveal) both;animation-delay:calc(var(--i,0) * 90ms + 80ms)}.sx-faq>summary{list-style:none}.sx-faq>summary::-webkit-details-marker{display:none}.sx-faq-body{transition:grid-template-rows .42s var(--ease-reveal);grid-template-rows:0fr;display:grid}.sx-faq-inner{opacity:0;min-height:0;transition:opacity .3s var(--ease-snap), transform .42s var(--ease-reveal);overflow:hidden;transform:translateY(-6px)}.sx-faq[data-open]>.sx-faq-body{grid-template-rows:1fr}.sx-faq[data-open]>.sx-faq-body>.sx-faq-inner{opacity:1;transform:none}.sx-faq[open]:not([data-js])>.sx-faq-body{grid-template-rows:1fr}.sx-faq[open]:not([data-js])>.sx-faq-body>.sx-faq-inner{opacity:1;transform:none}.sx-faq .sx-faq-plus{transition:transform .42s var(--ease-reveal)}.sx-faq[data-open] .sx-faq-plus,.sx-faq[open]:not([data-js]) .sx-faq-plus{transform:rotate(45deg)}.sx-steps{--sx-node:2.25rem;--sx-gap:1.5rem;--sx-card:var(--surface);--sx-cardw:clamp(21rem, 30vw, 27rem)}.sx-steps[data-tone=raised]{--sx-card:var(--bg)}.sx-track{margin:0;padding:0;list-style:none}.sx-header{margin-bottom:2.5rem}@media (width>=1024px){.sx-header{margin-bottom:3.5rem}}.sx-step{grid-template-columns:var(--sx-node) minmax(0, 1fr);column-gap:1rem;padding-bottom:2.25rem;display:grid;position:relative}.sx-step:last-child{padding-bottom:0}.sx-rail{grid-row:1/-1;position:relative}.sx-node{z-index:1;width:var(--sx-node);height:var(--sx-node);border:1px solid color-mix(in srgb, var(--primary-text) 55%, var(--line));background:color-mix(in srgb, var(--primary) 9%, var(--bg));color:var(--primary-text);font:500 .75rem/1 var(--font-code);font-variant-numeric:tabular-nums;transition:background-color .4s var(--ease-snap), color .4s var(--ease-snap), border-color .4s var(--ease-snap), box-shadow .4s var(--ease-snap);border-radius:9999px;place-items:center;display:grid;position:relative}.sx-seg{inset-inline-start:calc(var(--sx-node) / 2 - 1px);top:calc(var(--sx-node) + .5rem);background:var(--line);border-radius:2px;width:2px;position:absolute;bottom:-1.75rem;overflow:hidden}.sx-step:last-child .sx-seg{display:none}.sx-fill{background:var(--primary-text);transform-origin:50% 0;position:absolute;inset:0;transform:scaleY(0)}.sx-body{min-width:0;padding-top:.3rem}@media (width>=1024px){.sx-track{grid-template-columns:repeat(var(--sx-n,4), minmax(0, 1fr));gap:var(--sx-gap);display:grid}.sx-step{padding-bottom:0;display:block}.sx-rail{height:var(--sx-node);margin-bottom:1.25rem}.sx-seg{inset-inline-start:calc(var(--sx-node) + .75rem);width:auto;height:2px;top:calc(50% - 1px);bottom:auto;inset-inline-end:calc(.75rem - var(--sx-gap))}.sx-fill{transform-origin:0;transform:scaleX(0)}[dir=rtl] .sx-fill{transform-origin:100%}.sx-body{height:calc(100% - var(--sx-node) - 1.25rem);border:1px solid var(--line);background:var(--sx-card);border-radius:1.25rem;padding:1.75rem}.sx-steps:not([data-pin-live]) .sx-fill{transform:scaleX(1)}.sx-steps:not([data-pin-live]) .sx-seg{background:color-mix(in srgb, var(--primary-text) 40%, var(--line))}}@media (width<=1023.98px){.sx-fill{transform:scaleY(1)}.sx-seg{background:color-mix(in srgb, var(--primary-text) 40%, var(--line))}}@media (width>=1024px){.sx-steps[data-pin-live] .sx-stage{min-height:calc(100svh - var(--header-h) - 2rem);flex-direction:column;justify-content:center;display:flex}.sx-steps[data-pin-live] .sx-header{margin-bottom:2.5rem}.sx-steps[data-pin-live] .sx-viewport{padding-block:.5rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 1.5rem calc(100% - 3rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 1.5rem calc(100% - 3rem),#0000)}[dir=rtl] .sx-steps[data-pin-live] .sx-viewport{-webkit-mask-image:linear-gradient(270deg,#0000,#000 1.5rem calc(100% - 3rem),#0000);mask-image:linear-gradient(270deg,#0000,#000 1.5rem calc(100% - 3rem),#0000)}.sx-steps[data-pin-live] .sx-track{will-change:transform;width:max-content;display:flex}.sx-steps[data-pin-live] .sx-step{width:var(--sx-cardw);flex:none}.sx-steps[data-pin-live] .sx-step:not([data-on]) .sx-body{opacity:.45}.sx-steps[data-pin-live] .sx-step .sx-body{transition:opacity .45s var(--ease-snap), border-color .45s var(--ease-snap)}.sx-steps[data-pin-live] .sx-step[data-on] .sx-body{border-color:color-mix(in srgb, var(--primary-text) 35%, var(--line))}.sx-steps[data-pin-live] .sx-step:not([data-on]) .sx-node{border-color:var(--line);background:var(--bg);color:var(--muted)}.sx-steps[data-pin-live] .sx-step[data-on] .sx-node{border-color:var(--primary);background:var(--primary);color:var(--primary-ink);box-shadow:0 0 0 5px var(--glow)}.sx-steps[data-pin-live] .sx-seg{background:var(--line)}}