/* Banify base styles — global reset, type, and the slide-progress keyframes
   used by the homepage hero. Shared by every page. */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: #fff;
  color: #101010;
  font-family: "Readex Pro", system-ui, sans-serif;
  font-feature-settings: "ss03";
  -webkit-font-smoothing: antialiased;
  text-wrap: pretty;
}
a { color: inherit; text-decoration: none; }
a:hover { color: #FA1E0E; }
::selection { background: #FFC20E; color: #101010; }

@keyframes bnf-prog0 { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes bnf-prog1 { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes bnf-prog2 { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes bnf-prog3 { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes bnf-prog4 { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes bnf-progv0 { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes bnf-progv1 { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes bnf-progv2 { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes bnf-progv3 { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes bnf-progv4 { from { transform: scaleY(0); } to { transform: scaleY(1); } }