/* FareSIQ — Shared brand logo styling
   Add this ONE line to the <head> of any static page:
   <link rel="stylesheet" href="/faresiq-brand.css">

   Then replace that page's logo link with:
   <a href="/" class="fq-logo">Fare<span>SIQ</span></a>
*/

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700;800&display=swap');

.fq-logo{
  font-family:'Space Grotesk', sans-serif;
  font-weight:800;
  font-size:19px;
  color:#F4F6F9;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
}
.fq-logo span{
  background:linear-gradient(90deg,#7C5CFC,#22D3EE);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}