/* Site menu: Resources (Free tools, Blog), About, FAQ. Source: marketing/nav.html, applied by marketing/apply_nav.py. */
.tfnav{display:flex; align-items:center; gap:4px; margin-left:auto; font-family:'Manrope',-apple-system,'Segoe UI',sans-serif}
.tfnav a,.tfn-top{color:#D9CFF2; text-decoration:none; font-size:14.5px; font-weight:600; padding:8px 12px; border-radius:999px;
  background:none; border:0; cursor:pointer; font-family:inherit; display:inline-flex; align-items:center; gap:6px}
.tfnav a:hover,.tfn-top:hover,.tfn-top[aria-expanded="true"]{color:#F5F2FA; background:rgba(217,207,242,.08)}
.tfnav a:focus-visible,.tfn-top:focus-visible,.tfn-burger:focus-visible{outline:2px solid #8467E8; outline-offset:2px}
.tfn-top svg{transition:transform .18s}
.tfn-top[aria-expanded="true"] svg{transform:rotate(180deg)}
.tfn-dd{position:relative}
.tfn-menu{position:absolute; top:calc(100% + 8px); left:0; min-width:270px; padding:8px; border-radius:16px; z-index:60;
  background:#1E1A3D; border:1px solid rgba(217,207,242,.16); box-shadow:0 24px 50px -18px rgba(7,6,20,.85); display:none}
.tfn-dd.open .tfn-menu{display:grid; gap:2px}
.tfn-menu a{display:block; border-radius:10px; padding:10px 12px; color:#F5F2FA; font-weight:700}
.tfn-menu a small{display:block; font-weight:500; font-size:12.5px; color:#D9CFF2; opacity:.8; margin-top:2px}
.tfn-join{display:none!important}
.tfn-burger{display:none; background:none; border:1px solid rgba(217,207,242,.2); color:#F5F2FA; border-radius:12px;
  width:42px; height:42px; align-items:center; justify-content:center; cursor:pointer; margin-left:8px; flex:none}
@media (max-width:760px){
  .tfn-burger{display:inline-flex}
  .tfnav{display:none}
  .tfnav.open{display:flex; flex-direction:column; align-items:stretch; gap:6px; position:fixed; inset:0; z-index:100;
    background:#15132B; padding:calc(88px + env(safe-area-inset-top,0px)) 28px 40px; overflow-y:auto}
  .tfnav.open a,.tfnav.open .tfn-top{font-size:24px; font-weight:700; color:#F5F2FA; padding:14px 6px; width:100%;
    justify-content:space-between; border-radius:10px}
  .tfnav.open .tfn-menu{position:static; display:none; background:none; border:0; box-shadow:none; padding:0 0 6px 16px; min-width:0}
  .tfnav.open .tfn-dd.open .tfn-menu{display:grid}
  .tfnav.open .tfn-menu a{font-size:20px; font-weight:600; color:#D9CFF2}
  .tfnav.open .tfn-join{display:flex!important; justify-content:center; margin-top:22px; background:#2FB67C; color:#15132B;
    border-radius:12px; font-size:18px}
  .tfn-burger.open{position:fixed; top:calc(16px + env(safe-area-inset-top,0px)); right:16px; z-index:101}
  body.tfn-lock{overflow:hidden}
}
@media (min-width:761px){.tfnav.withjoin .tfn-join{display:inline-flex!important; color:#15132B; background:#F5F2FA; margin-left:6px}
  .tfnav.withjoin .tfn-join:hover{background:#fff; color:#15132B}}
@media (max-width:760px){
  header .ncta{display:none}
  /* the header's backdrop blur would trap the fixed menu panel inside the header box */
  header:has(.tfnav.open), .bar:has(.tfnav.open){backdrop-filter:none; -webkit-backdrop-filter:none; transform:none}
}