/* Common header for the static marketing pages (pricing.html, tools.html) — the markup that uses
 * these rules is emitted by /site-header.js. Extracted verbatim from the two pages, which each
 * carried an identical copy. Not loaded by the SPA: index.html's header is a separate component on
 * a separate design system (.hpc-nav, styled in ruliad-index.css). */
.nav{position:relative;display:flex;align-items:center;justify-content:space-between;padding:24px 44px;z-index:3}
.nav-links{display:flex;gap:30px;font:400 13px "Geist",sans-serif}
.nav-links a{color:rgba(238,244,247,.8)}
.nav-links a:hover{color:#fff}
.nav-links .active{color:#4fd6e8}
.nav-auth{display:flex;align-items:center;gap:18px}
/* Auth state not yet known — hold the slot (layout box kept, so revealing never reflows the nav). */
.nav-auth--pending{visibility:hidden}
.nav-auth .signin{font:400 13px "Geist",sans-serif;color:rgba(238,244,247,.8)}
.nav-auth .signin:hover{color:#fff}
.btn-grad{display:inline-block;font:500 13px "Geist",sans-serif;background:linear-gradient(100deg,#1c55dd,#3fd4d8);color:#fff;padding:10px 20px;border-radius:999px;cursor:pointer}
.btn-grad:hover{filter:brightness(1.08);color:#fff}
@media (max-width:760px){
  .nav{padding:16px 20px}
  .nav-links{display:none}
}