.ofs-scene{perspective:1600px;perspective-origin:30% 40%}.ofs-stack{--ofs-px:0;--ofs-py:0;position:relative;transform:rotateY(calc(-7deg + var(--ofs-px)*2.5deg)) rotateX(calc(3deg - var(--ofs-py)*2deg));transform-style:preserve-3d;transition:transform .9s cubic-bezier(.22,1,.36,1)}.ofs-page,.ofs-sheet{background:#f8fafc;border-radius:14px}.ofs-sheet{box-shadow:inset 0 1px 0 #ffffffb3,0 40px 80px -36px #000000f2,0 14px 28px -18px #0009;overflow:hidden;position:relative;transform:translateZ(0)}.ofs-page{box-shadow:0 30px 60px -34px #000000e6;inset:0;position:absolute}.ofs-page-1{background:#e2e8f0;transform:translate3d(14px,-14px,-36px)}.ofs-page-2{background:#cbd5e1;transform:translate3d(28px,-28px,-72px)}.ofs-track{margin-top:1.5rem;position:relative}.ofs-rail{background:#cbd5e1;border-radius:2px;height:2px;left:.6875rem;overflow:hidden;position:absolute;right:.6875rem;top:.6875rem}.ofs-rail-fill{background:linear-gradient(90deg,#b91c1c,rgb(var(--ink)) 50%,#047857);inset:0;position:absolute;transform-origin:0 50%}.ofs-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;position:relative}.ofs-step{color:rgb(var(--ink-2));display:flex;flex-direction:column;font-size:.8125rem;font-weight:500;gap:.5rem;line-height:1.3}.ofs-step:nth-child(2){align-items:center;text-align:center}.ofs-step:nth-child(3){align-items:flex-end;text-align:right}.ofs-dot{align-items:center;background:rgb(var(--ink));border:2px solid #f8fafc;border-radius:9999px;color:#fff;display:inline-flex;height:1.375rem;justify-content:center;width:1.375rem}.ofs-step:first-child .ofs-dot{background:#b91c1c}.ofs-step-done{color:#047857;font-weight:600}.ofs-step-done .ofs-dot{background:#047857}@media (max-width:1023px){.ofs-stack{transform:none}.ofs-page-1{transform:translate3d(8px,-8px,0)}.ofs-page-2{transform:translate3d(16px,-16px,0)}}@media (prefers-reduced-motion:reduce){.ofs-stack{transition:none}}