/* Profit Syndicate — shared brand layer for the marketing sub-pages.
   Aligns the standalone Flask pages with the new homepage: brand fonts +
   the real logo, without touching any page's layout, forms, or content. */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

/* ---- typography: match the homepage ---- */
body {
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, .doc-title, .brand-name {
  font-family: 'Space Grotesk', 'Manrope', system-ui, sans-serif !important;
  letter-spacing: -0.02em;
}
input, textarea, select, button {
  font-family: 'Manrope', system-ui, sans-serif !important;
}

/* ---- real logo in place of the old wordmark, across every header variant ---- */
.brand-mark,
.brand-name,
.brand-sub,
.brand-block,
.brand .mark,
.topbar .mark {
  display: none !important;
}
.brand {
  font-size: 0 !important;
  line-height: 0 !important;
}
.brand::before,
header.header::before,
.nav .brand::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 124px;
  height: 30px;
  background: url('/static/img/profit-syndicate-logo.png') left center / contain no-repeat;
}