.hero-stat-l{letter-spacing:.04em;text-transform:uppercase;font-size:11px;opacity:.75}

/* Footer: quiet, but aligned and legible rather than an afterthought. */
.landing-footer{border-top:1px solid var(--r-line);margin-top:40px}
.footer-links a{color:var(--r-muted);transition:color .18s ease}
.footer-links a:hover{color:var(--r-blue-light)}

/* Selection colour is a free brand touch most sites forget. */
::selection{background:rgba(47,128,237,.35);color:#fff}

/* Dark, thin scrollbar to match the app shell. */
html{scrollbar-width:thin;scrollbar-color:#274363 transparent}
body::-webkit-scrollbar{width:10px}
body::-webkit-scrollbar-thumb{background:#274363;border-radius:99px}
body::-webkit-scrollbar-thumb:hover{background:#31527a}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{
    animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
  .reveal{opacity:1!important;transform:none!important}
  .btn:hover,.f-card:hover,.nav-logo:hover .nav-logo-box{transform:none!important}
}