/*  Landing navigation · source-order-preserving landing stylesheet.  */

      .site-nav {
        position: sticky;
        top: 0;
        z-index: 100;
        height: var(--nav-height);
        display: flex;
        align-items: center;
        border-bottom: 1px solid var(--line-dark);
        background: rgba(9, 10, 14, 0.86);
        backdrop-filter: blur(15px);
        transition:
          background 0.25s ease,
          box-shadow 0.25s ease;
      }

      .site-nav.is-scrolled {
        background: rgba(9, 10, 14, 0.96);
        box-shadow: 0 14px 36px rgba(0, 0, 0, 0.28);
      }

      .nav-inner {
        width: min(calc(100% - 72px), var(--content));
        height: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        gap: 34px;
      }

      .brand {
        display: flex;
        align-items: center;
        gap: 14px;
        flex: 0 0 auto;
      }

      .brand img {
        width: 106px;
        height: auto;
        opacity: 0.94;
      }

      .brand span {
        color: #74716b;
        font-size: 9px;
        letter-spacing: 0.18em;
        white-space: nowrap;
      }

      .nav-links {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: clamp(18px, 2.1vw, 34px);
        margin-left: auto;
        font-size: 12px;
        color: #96918a;
      }

      .nav-links a {
        position: relative;
        padding: 24px 0 21px;
        transition: color 0.2s ease;
      }

      .nav-links a::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 13px;
        width: 16px;
        height: 2px;
        border-radius: 10px;
        background: var(--amber);
        transform: translateX(-50%) scaleX(0);
        transition: transform 0.22s ease;
      }

      .nav-links a:hover,
      .nav-links a.is-active {
        color: var(--text);
      }

      .nav-links a.is-active::after {
        transform: translateX(-50%) scaleX(1);
      }

      .nav-cta {
        flex: 0 0 auto;
        min-height: 38px;
        padding: 0 17px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        border: 1px solid rgba(237, 185, 76, 0.54);
        color: var(--amber);
        font-size: 12px;
        font-weight: 600;
        transition:
          color 0.2s ease,
          background 0.2s ease;
      }

      .nav-cta:hover {
        color: var(--night);
        background: var(--amber);
      }

      .menu-button,
      .mobile-menu {
        display: none;
      }