@keyframes rf-enter { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes rf-pop { from { opacity: 0; transform: translateY(6px) scale(0.97); } to { opacity: 1; transform: none; } }
main.rf-site-shell { background: radial-gradient(circle at var(--rf-px, 74%) var(--rf-py, 16%), rgba(10, 132, 255, 0.07), transparent 32rem), #FFFFFF; }
.rf-screen { animation: rf-enter 460ms cubic-bezier(0.2, 0.7, 0.2, 1) both; }
.rf-screen > .rf-copy { animation: rf-enter 540ms cubic-bezier(0.2, 0.7, 0.2, 1) 70ms both; }
.rf-screen > .rf-doors, .rf-screen > .rf-build-row, .rf-screen > .rf-fact-list, .rf-screen > .rf-case-switch { animation: rf-enter 600ms cubic-bezier(0.2, 0.7, 0.2, 1) 140ms both; }
.rf-screen > .rf-cta-row, .rf-screen > .rf-link-out { animation: rf-enter 640ms cubic-bezier(0.2, 0.7, 0.2, 1) 200ms both; }
.rf-hero-bg { animation: rf-enter 900ms ease 120ms both; }
.rf-row-chip { animation: rf-pop 260ms ease both; }
.rf-panel { animation: rf-pop 420ms cubic-bezier(0.2, 0.7, 0.2, 1) both; }
.rf-ledger { animation: rf-pop 240ms ease both; }
.rf-door-btn:active, .rf-go-btn:active, .rf-ghost-btn:active, .rf-forward-btn:active, .rf-panel-submit:active, .rf-case-pill:active { transform: scale(0.98); }
.rf-demo-input:focus, .rf-field-input:focus, .rf-field-area:focus { box-shadow: 0 0 0 4px rgba(10, 132, 255, 0.12); }
.rf-panel-list-item { transition: border-color 160ms ease, transform 160ms ease; }
.rf-panel-list-item:hover { border-color: #E4E4E7; transform: translateX(2px); }
@media (prefers-reduced-motion: reduce) {
  .rf-screen, .rf-screen > .rf-copy, .rf-screen > .rf-doors, .rf-screen > .rf-build-row,
  .rf-screen > .rf-fact-list, .rf-screen > .rf-cta-row, .rf-screen > .rf-link-out,
  .rf-screen > .rf-case-switch, .rf-hero-bg,
  .rf-row-chip, .rf-panel, .rf-ledger { animation: none; }
}
