@import url('/design/fonts.css');

  html { scroll-behavior:smooth; }
  body { margin:0; background:#0A0A0A; color:#b8b8b8; font-family:'Montserrat',system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
  a { color:#E10600; text-decoration:none; } a:hover { color:#ff2a24; }
  ::selection { background:#E10600; color:#fff; }
  @keyframes ctaPulse { 0%,100%{box-shadow:0 0 0 0 rgba(225,6,0,.5),0 0 28px 4px rgba(225,6,0,.26)} 50%{box-shadow:0 0 0 12px rgba(225,6,0,0),0 0 44px 12px rgba(225,6,0,.4)} }
  .rv { opacity:0; transform:translateY(20px); transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); }
  .rv.in { opacity:1; transform:none; }
  .card { transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease, border-color .35s ease; }
  .card:hover { transform:translateY(-4px); border-color:#E10600; box-shadow:0 16px 44px -16px rgba(225,6,0,.5); }
  .stat { transition:border-color .3s ease, background .3s ease; }
  .stat:hover { background:#1c1c1c; }
  .strip::-webkit-scrollbar { height:5px; width:5px; }
  .strip::-webkit-scrollbar-track { background:#141414; }
  .strip::-webkit-scrollbar-thumb { background:#E10600; }
  :focus-visible { outline:2px solid #E10600; outline-offset:3px; }
  @media (prefers-reduced-motion: reduce) { *{animation:none!important;transition:none!important} .rv{opacity:1;transform:none} }

/* artwork not supplied yet: render as a dark tile in the design's palette,
   not a broken-image glyph. Harmless once the real files are in place. */
img { background:#141414; }