/* Трафик: заявка, ожидание, свой бот */
.rf-hero { padding: 20px; border-radius: var(--sp-r-xl); }
.rf-hero-t { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.rf-hero-h { margin-top: 8px; font: 650 clamp(24px, 6.6vw, 28px)/1.12 var(--sp-display); letter-spacing: -0.035em; max-width: 12ch; }
.rf-hero-ico { flex: none; margin: -4px -2px -4px 0; }
.rf-hero .sp-btn.primary { background: var(--sp-ion); }
.rf-steps { display: grid; gap: 2px; }
.rf-steps li { display: flex; gap: 14px; padding: 10px 0; position: relative; }
.rf-steps li:not(:last-child)::after { content: ""; position: absolute; left: 15px; top: 44px; bottom: -6px; width: 2px; background: var(--sp-line2); }
.rf-step-i { flex: none; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; font: 600 13px/1 var(--sp-body); color: var(--sp-dust); background: var(--sp-panel2); }
.rf-steps li.now .rf-step-i { color: var(--sp-on-ion); background: var(--sp-ion); }
.rf-steps li.done .rf-step-i { color: #fff; background: var(--sp-aurora); } .rf-steps li.done:not(:last-child)::after { background: var(--sp-aurora); }
.rf-steps b { display: block; font-weight: 600; font-size: 15px; } .rf-steps small { display: block; margin-top: 2px; font-size: 14px; line-height: 1.4; color: var(--sp-dust); }
.rf-prog { height: 4px; border-radius: 4px; background: var(--sp-panel2); overflow: hidden; } .rf-prog span { display: block; height: 100%; border-radius: 4px; background: var(--sp-ion); transition: width var(--sp-t) var(--sp-ease); }
.rf-q { display: grid; gap: 14px; animation: sp-rise var(--sp-t) var(--sp-ease) backwards; }
.rf-token { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.rf-bot { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 18px; border-radius: var(--sp-r-l); background: var(--sp-panel); box-shadow: var(--sp-shadow); }
.rf-bot-h { display: flex; align-items: center; gap: 14px; } .rf-bot-h b { display: block; font: 650 18px/1.2 var(--sp-display); letter-spacing: -0.02em; }
.rf-state { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font-size: 13px; color: var(--sp-dust); } .rf-state i { width: 7px; height: 7px; border-radius: 50%; background: var(--sp-faint); } .rf-state.on { color: var(--sp-aurora); } .rf-state.on i { background: var(--sp-aurora); }
.rf-bot-acts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .rf-bot-acts .sp-btn { min-width: 0; padding: 0 10px; font-size: 14px; } .rf-bot-acts .sp-btn.primary { grid-column: 1 / -1; }
.rf-bot > .sp-link { justify-self: start; }