/* signals.aigtmstudio.com (Mark, 28 Oct 2026): the drafts' layout in the homepage's look, which is its light theme
   (aigtmstudio.com: bone background, near-black text, the volt square and button, Bricolage Grotesque and IBM Plex
   Mono). The homepage has no dark mode, so neither do these pages: the dark block repeats the light colours. */
:root, :root:not([data-theme]) {
  --bg: #F4F2EB; --surface: #FBFAF6; --text: #171A12; --muted: #555A4E; --line: rgba(23, 26, 18, 0.14);
  --accent: #4F6612; --accent-soft: #E4EDC4; --tag: #5B3DB0; --tag-soft: #ECE6FA; --warn: #8A4512; --focus: #5B3DB0;
  --volt: #C8F14A; --radius: 14px;
  --font: 'Bricolage Grotesque', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, monospace;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #F4F2EB; --surface: #FBFAF6; --text: #171A12; --muted: #555A4E; --line: rgba(23, 26, 18, 0.14);
    --accent: #4F6612; --accent-soft: #E4EDC4; --tag: #5B3DB0; --tag-soft: #ECE6FA; --warn: #8A4512; --focus: #5B3DB0;
  }
}
::selection { background: #171A12; color: #C8F14A; }
header.site { background: transparent; }
header.site .inner, main, footer.site .inner { max-width: 880px; }
header.site .inner { align-items: center; padding-top: 18px; padding-bottom: 18px; }
.brand { font-weight: 800; font-size: 17px; letter-spacing: -0.03em; display: inline-flex; align-items: center; gap: 10px; }
.brand .sq { width: 11px; height: 11px; background: var(--volt); display: inline-block; }
nav.site { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 22px; }
nav.site a, nav.site a:first-child { margin-left: 0; font-size: 14px; }
.nbtn, a.button {
  font-family: var(--mono); font-size: 11px; letter-spacing: 0.13em; text-transform: uppercase; font-weight: 500;
  color: #171A12 !important; background: var(--volt); padding: 10px 18px; border-radius: 999px; text-decoration: none;
  display: inline-block;
}
a.button { font-size: 12px; padding: 12px 22px; }
.signup button {
  font-family: var(--mono); font-size: 12px; letter-spacing: 0.13em; text-transform: uppercase; font-weight: 500;
  color: #171A12; background: var(--volt); padding: 12px 22px; border-radius: 999px;
}
h1 { font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: clamp(32px, 6vw, 52px); }
h2 { font-weight: 750; letter-spacing: -0.02em; }
.kind, .market .area, .tier > h2 .range { font-family: var(--mono); font-weight: 500; letter-spacing: 0.1em; }
.score { font-family: var(--mono); font-weight: 500; color: #171A12; background: var(--volt); }
.company { box-shadow: none; }
footer.site { font-family: var(--mono); font-size: 12px; }
@media (max-width: 520px) {
  nav.site { gap: 6px 14px; }
  .nbtn { padding: 8px 14px; }
}