/* The marketing site's chrome: fonts, header, footer and buttons, which
   every page carries. Every page links this file; nothing else may live
   here, because pages that do not share a rule must not receive it. When
   this file changes, bump ?v= on every page's link together (the chrome
   test pins it). Served as-is by nginx, no build step. */
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/archivo-400.woff2') format('woff2'); }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/archivo-500.woff2') format('woff2'); }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/archivo-600.woff2') format('woff2'); }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/archivo-700.woff2') format('woff2'); }
* { margin: 0; padding: 0; box-sizing: border-box; }
a { color: var(--brand-800); }
.wrap { max-width: 68rem; margin: 0 auto; padding: 0 1.25rem; }
header {
  position: sticky; top: 0; z-index: 10;
  background: rgba(241, 239, 236, 0.92);
  backdrop-filter: blur(6px);
  border-bottom: 1px solid var(--gray-200);
}
.nav { display: flex; align-items: center; gap: 1.25rem; padding: 0.8rem 1.25rem; }
.brand { display: flex; align-items: center; gap: 0.6rem; font-weight: 700; font-size: 1.05rem; margin-right: auto; text-decoration: none; color: var(--gray-900); }
.brand svg { display: block; }
.brand .wm-a { font-weight: 700; color: var(--ink); }
.brand .wm-b { font-weight: 400; color: var(--brand-800); }
.nav a.link { color: var(--gray-600); text-decoration: none; font-size: 0.95rem; white-space: nowrap; }
.nav a.link:hover { color: var(--gray-900); }
.nav .btn { white-space: nowrap; }
@media (max-width: 620px) {
  .nav { gap: 0.8rem; }
  .nav a.link:not(.signin) { display: none; }
}
.btn {
  display: inline-block; background: var(--brand-500); color: var(--ink);
  border: 1px solid var(--brand-700);
  padding: 0.55rem 1.1rem; border-radius: 0.5rem; text-decoration: none;
  font-weight: 600; font-size: 0.95rem;
}
.btn:hover { background: var(--brand-600); }
footer { border-top: 1px solid var(--gray-200); padding: 2rem 0 2.5rem; font-size: 0.85rem; color: var(--gray-500); }
footer .wrap { display: flex; gap: 1.5rem; flex-wrap: wrap; align-items: center; }
footer .spacer { margin-right: auto; }