/* Tempo marketing chrome — THE one source for the site bar + brand mark styles
   across every marketing page (landing, /start A+B). Deployed at /tempo-chrome.css.
   Pages link this file and must NOT restyle .nav / .nav-inner / .brand locally;
   the canonical header markup lives in marketing/chrome/*.html and
   scripts/guard-marketing-chrome.mjs enforces the whole contract in CI.
   Values are literals on purpose: the chrome must render identically no matter
   what tokens an individual page defines. */
.nav{position:sticky;top:0;z-index:40;background:rgba(11,18,26,0.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.07)}
.nav-inner{max-width:1120px;margin:0 auto;padding:0 20px;height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand .mark{width:32px;height:32px;min-width:28px;min-height:28px}
.brand b{font-family:'Fraunces',Georgia,'Times New Roman',serif;font-weight:500;font-size:22px;color:#E2D5C3;letter-spacing:0.01em;transition:color .18s ease}
.brand:hover b{color:#F2ECE4}