/* The site header, shared by every page but the home page: the blog, the integration pages, the 404, and the
   app-served pricing, support and legal pages (server/src/pages.js links it from the site). It matches the home
   page's masthead (.top in home.css) once you scroll: the mark top left, Product, Integrations, Pricing, Support
   and Sign in top right, each inset 56px, white with a difference blend so it reads on any background. */
@font-face { font-family: "Albert Sans"; src: url("/fonts/AlbertSans-Variable.woff2") format("woff2"); font-weight: 300 700; font-display: swap; }
.gh{position:sticky;top:0;z-index:40;box-sizing:border-box;height:88px;margin:0 32px;display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 0;color:#fff;mix-blend-mode:difference;pointer-events:none}
.gh>*{pointer-events:auto}
.gh-brand{display:inline-flex;align-items:center;gap:.1em;min-height:24px;color:inherit;text-decoration:none;font-size:26px}
.gh-brand svg{--s:1.2em;width:1.2em;height:1.2em}
.gh-brand span{font:450 1em/1 "Albert Sans",Geist,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.03em}
.gh-links{display:flex;align-items:center;gap:28px}
.gh-links a{display:inline-flex;align-items:center;min-height:24px;color:#fff;opacity:.75;font:500 15px/1 Geist,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.01em;text-decoration:none}
.gh-links a:hover,.gh-links a[aria-current]{opacity:1}
@media (max-width:720px){.gh{height:68px;margin:0 12px;padding:16px 16px 0}}
@media (max-width:480px){.gh-links{gap:18px}.gh-links .nav-wide{display:none}}