/* HazSight shared site chrome: the nav + footer used on every page. Classes are namespaced `hs-` so they never collide with the legal pages' existing tokens.css / site.css / legal.css. Fonts load via the Google Fonts already present in each page . The "Built by dromos, inc. using Stoaria" + copyright block is ported verbatim from the live site (site.css .builtby / .legal__copy) so it renders identically. */ :root{ --hs-bg:#ffffff; --hs-bg-subtle:#fafafa; --hs-ink:#0a0a0a; --hs-ink-700:#27272a; --hs-ink-500:#52525b; --hs-ink-400:#71717a; --hs-ink-300:#a1a1aa; --hs-ink-100:#e4e4e7; --hs-terra:#d97757; --hs-serif:'Source Serif 4',Georgia,serif; --hs-sans:'Inter',system-ui,sans-serif; --hs-mono:'JetBrains Mono',ui-monospace,monospace; } .hs-wrap{max-width:1240px;margin:0 auto;padding:0 32px;} /* ---- Nav ---- */ .hs-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.86); backdrop-filter:saturate(1.1) blur(10px);-webkit-backdrop-filter:saturate(1.1) blur(10px); border-bottom:1px solid var(--hs-ink-100);} .hs-nav__inner{height:64px;display:flex;align-items:center;gap:40px;font-family:var(--hs-sans);} .hs-brand{display:flex;align-items:center;gap:10px;color:var(--hs-ink);text-decoration:none;} .hs-brand__name{font-family:var(--hs-serif);font-weight:600;font-size:19px;letter-spacing:-0.02em;} .hs-brand__tag{font-family:var(--hs-mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase; color:var(--hs-ink-300);border:1px solid var(--hs-ink-100);border-radius:4px;padding:2px 6px;margin-left:2px;} .hs-navlinks{display:flex;gap:32px;margin-left:8px;} .hs-navlink{font-size:14px;font-weight:500;color:var(--hs-ink-500);text-decoration:none;transition:color .12s ease-out;} .hs-navlink:hover{color:var(--hs-ink);} .hs-nav__cta-wrap{margin-left:auto;display:flex;gap:12px;align-items:center;} .hs-navcta{display:inline-flex;align-items:center;font-size:14px;font-weight:600;padding:9px 18px;border-radius:6px; background:var(--hs-ink);color:#fff;border:1px solid var(--hs-ink);text-decoration:none;transition:background-color .12s ease-out;} .hs-navcta:hover{background:var(--hs-ink-700);} /* ---- Footer ---- */ .hs-foot{border-top:1px solid var(--hs-ink-100);background:var(--hs-bg-subtle);font-family:var(--hs-sans);} .hs-foot__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;padding:64px 0 40px;} .hs-foot__brandrow{display:flex;align-items:center;gap:10px;margin-bottom:16px;} .hs-foot__name{font-family:var(--hs-serif);font-weight:600;font-size:19px;letter-spacing:-0.02em;color:var(--hs-ink);} .hs-foot__blurb{margin:0 0 22px;font-size:14px;line-height:1.6;color:var(--hs-ink-500);max-width:320px;} /* built-by + copyright signature (verbatim values from the live site) */ .hs-foot__sig{display:flex;flex-direction:column;gap:12px;} .hs-builtby{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px;color:var(--hs-ink-500);letter-spacing:-0.005em;} .hs-builtby a{text-decoration:none;color:inherit;} .hs-builtby strong{color:var(--hs-ink-700);font-weight:600;} .hs-builtby__logo{display:inline-flex;align-items:center;height:22px;transition:opacity .12s ease-out;} .hs-builtby__logo:hover{opacity:.62;} .hs-builtby__logo img{height:22px;width:auto;display:block;} .hs-builtby__logo--stoaria img{height:21px;} .hs-foot__copy{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;color:var(--hs-ink-400);} .hs-foot__copy a{color:var(--hs-ink-500);text-decoration:none;transition:color .12s ease-out;} .hs-foot__copy a:hover{color:var(--hs-ink);} .hs-foot__dot{width:4px;height:4px;background:var(--hs-terra);border-radius:1px;transform:rotate(45deg);flex:none;} .hs-foot__h{font-family:var(--hs-mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--hs-ink-300);margin-bottom:16px;} .hs-foot__col{display:flex;flex-direction:column;gap:11px;} .hs-flink{font-size:14px;color:var(--hs-ink-500);text-decoration:none;transition:color .12s ease-out;} .hs-flink:hover{color:var(--hs-ink);} .hs-foot__bar{padding:20px 0 44px;border-top:1px solid var(--hs-ink-100);} .hs-foot__disc{font-size:13px;color:var(--hs-ink-400);} @media (max-width:640px){ .hs-wrap{padding:0 20px;} .hs-navlinks{display:none;} .hs-foot__grid{grid-template-columns:1fr 1fr;gap:32px;} .hs-builtby{gap:7px;} }