.rf{z-index:1;background:#0c0a09;padding:0 12px;position:relative}.rf-slab{--st-bg:#f7f6f4;--st-fg:#17140f;--st-fg-muted:#17140fb8;--st-fg-subtle:#17140f80;--st-border:#17140f24;--rf-accent:var(--brand);--rf-faint:#17140f29;background:var(--st-bg);color:var(--st-fg);border-radius:clamp(28px,4vw,60px) clamp(28px,4vw,60px) 0 0;padding:clamp(60px,7vw,110px) 0 clamp(72px,9vw,130px)}.rf-head{max-width:720px;margin-bottom:clamp(40px,5vw,76px)}.rf-head .st-h2{margin-bottom:20px}.rf-sub{color:var(--st-fg-muted);max-width:620px;margin:0;font-size:clamp(1.02rem,1.4vw,1.2rem);line-height:1.6}.rf-sub strong{color:var(--st-fg);font-weight:600}.rf-step{flex-direction:column;gap:clamp(24px,3.5vw,40px);display:flex}.rf-step-track{--rf-cols:7;grid-template-columns:repeat(var(--rf-cols), 1fr);align-items:start;display:grid;position:relative}.rf-step-axis{top:7px;left:calc(100% / (var(--rf-cols) * 2));right:calc(100% / (var(--rf-cols) * 2));background:var(--rf-faint);border-radius:2px;height:2px;position:absolute}.rf-step-roller{z-index:2;pointer-events:none;filter:drop-shadow(0 3px 8px #17140f38);width:30px;height:30px;position:absolute;top:-8px;left:0}.rf-step-roller img{width:100%;height:100%;display:block}.rf-step-node{z-index:1;cursor:pointer;text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:10px;padding:0 4px;font-family:inherit;display:flex;position:relative}.rf-step-node:focus-visible{outline:2px solid var(--rf-accent);outline-offset:4px;border-radius:8px}.rf-step-dot{background:var(--st-bg);border:2px solid var(--rf-accent);border-radius:50%;width:16px;height:16px;transition:transform .2s,border-color .2s,background .2s}.rf-step-node:hover .rf-step-dot{transform:scale(1.15)}.rf-step-node.is-active .rf-step-dot{background:var(--rf-accent);border-color:var(--rf-accent);transform:scale(1.3)}.rf-step-node-n{font-family:var(--font-mono);letter-spacing:.1em;color:var(--st-fg-subtle);font-size:11px;transition:color .2s}.rf-step-node.is-active .rf-step-node-n{color:var(--rf-accent)}.rf-step-node-label{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--st-fg-subtle);font-size:clamp(.85rem,1.2vw,1.02rem);font-weight:600;line-height:1.1;transition:color .2s}.rf-step-node.is-active .rf-step-node-label{color:var(--st-fg)}.rf-step-panel{text-align:center;min-height:clamp(190px,24vw,224px)}.rf-step-count{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--rf-accent);margin-bottom:14px;font-size:12px;display:inline-block}.rf-step-tag{letter-spacing:.12em;border:1px solid;border-radius:999px;margin-left:10px;padding:1px 8px;font-size:11px;display:inline-block}.rf-step-h3{font-family:var(--font-sans);letter-spacing:-.015em;max-width:760px;margin:0 auto 14px;font-size:clamp(1.4rem,2.6vw,2.1rem);font-weight:600;line-height:1.12}.rf-step-body{color:var(--st-fg-muted);max-width:660px;margin:0 auto 18px;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.6}.rf-step-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.rf-step-chip{font-family:var(--font-mono);letter-spacing:.03em;color:var(--st-fg-muted);border:1px solid var(--st-border);background:color-mix(in srgb, var(--rf-accent) 5%, transparent);border-radius:999px;padding:6px 13px;font-size:12px}@media (max-width:620px){.rf-step-panel{min-height:clamp(230px,52vw,280px)}.rf-step-track{scrollbar-width:none;scroll-behavior:smooth;gap:10px;display:flex;overflow-x:auto}.rf-step-track::-webkit-scrollbar{display:none}.rf-step-axis,.rf-step-roller{display:none}.rf-step-node{flex:none;min-width:84px}}