/* The shared navigation and footer for the public pages that keep their own styles (PUBLIC-SITE-003-join): Terms,
   Privacy, the beta agreement, Welcome and Links. The same bar and footer as site/site.css, scoped to their own
   classes and written with literal values, so a page's own variables and rules are left as they are. */
.nav{position:fixed;top:0;left:0;right:0;z-index:30;background:rgba(12,12,14,.94);border-bottom:1px solid rgba(255,255,255,.06);font-family:'DM Sans',sans-serif}
.nav *,.nav *::before,.nav *::after,.foot,.foot *{box-sizing:border-box}
.nav-in{min-height:64px;margin:0;padding:0 clamp(20px,4vw,56px);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 28px}
.nav-in a{text-decoration:none}
.nav-in img{display:block;height:20px;width:auto}
.nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;margin:0;padding:0;font:400 13px 'JetBrains Mono',monospace;letter-spacing:.08em}
.nav-links a{color:#9a9890}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:#c4f04d}
.nav-links a.nav-join{background:#c4f04d;color:#0c0c0e;font-weight:500;padding:9px 16px;border-radius:4px}
.nav-links a.nav-join:hover{color:#0c0c0e}
.foot{align-self:stretch;margin:120px clamp(88px,9vw,150px) 0;padding:28px 0;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;font:400 13px 'JetBrains Mono',monospace;color:#9a9890;text-align:left}
.foot-links{display:flex;gap:24px}
.foot a{color:#9a9890;text-decoration:none}
.foot a:hover{color:#c4f04d}
@media (max-width:768px){
  .nav-in{padding:10px 20px;justify-content:flex-start;gap:8px 18px}
  .nav-links{display:contents}
  .nav-links a{order:3}
  .nav-links a.nav-join{order:1;margin-left:auto}
  .nav-links::before{content:"";order:2;flex-basis:100%;height:0}
  .foot{margin:96px 20px 0}
}