/* The row of links across the top of the sign-in page and of every website page:
   Capabilities, Real value, Subscription plans, About.

   This file is the only place their typography is set. Both the sign-in page and
   the website pages load it, and anything added to a .site-nav row later inherits
   it, so a new link needs no style of its own. Do not set a font on .site-nav or its
   links anywhere else. The face is the heavy, wide sans the X-RAMP wordmark is drawn in. */
.site-nav{
  font-family:"Avenir Next","Montserrat","Century Gothic","Segoe UI",system-ui,sans-serif;
  font-weight:800;font-size:17px;letter-spacing:.04em;text-transform:uppercase;
}
.site-nav a{font:inherit;letter-spacing:inherit;text-transform:inherit}
.site-nav .signin{font-size:14px}

/* Phones: the same face, smaller, in rows that wrap from the left, with a comfortable finger target. */
@media (max-width:640px){
  .site-nav{font-size:13px;letter-spacing:.03em;gap:2px 18px;justify-content:flex-start}
  .site-nav a{padding:9px 0}
  .site-nav .signin{font-size:13px;padding:9px 16px;margin-left:0}
}