.nav{
      position:fixed;
      inset:0 0 auto;
      z-index:60;
      height:74px;
      border-bottom:1px solid rgba(255,255,255,.055);
      background:linear-gradient(180deg,rgba(4,10,18,.68),rgba(4,10,18,.12));
      backdrop-filter:blur(18px) saturate(140%);
      -webkit-backdrop-filter:blur(18px) saturate(140%);
    }
    .nav-inner{
      width:min(1240px,calc(100% - 48px));
      height:100%;
      margin:auto;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:26px;
    }
    .brand{
      display:flex;
      align-items:center;
      gap:10px;
      font:800 18px/1 Manrope,sans-serif;
      letter-spacing:-.035em;
    }
    .brand small{color:var(--yellow);font:600 13px/1 Manrope,sans-serif}
    .brand-mark{
      width:38px;height:38px;
      filter:drop-shadow(0 12px 28px rgba(255,159,28,.18));
    }
    .nav-links{display:flex;gap:28px;color:#ABBBCC;font-size:13px}
    .nav-links a:hover{color:#fff}
    .nav-cta{
      min-height:42px;
      padding:0 15px;
      border-radius:12px;
      display:inline-flex;
      align-items:center;
      border:0;
      color:#121821;
      font-weight:700;
      background:linear-gradient(135deg,var(--yellow),var(--orange));
      box-shadow:0 10px 28px rgba(255,159,28,.18);
    }