/* Find Nearby Home Pros — job-site clarity: work-shirt navy (matches the mascot), tool-belt yellow, plan-paper grid in the hero. */
:root {
  --bg: #F5F7FA; --hero-bg: #EBF0F7; --tint: #EDF1F7; --card: #FFFFFF; --header-bg: #F5F7FA;
  --ink: #0E1F3D; --muted: #4A566B; --line: #D9E0EA; --line-strong: #B1BDCE; --track: #E1E7EF;
  --accent: #F5BE1E; --accent-hover: #E8AE08; --accent-ink: #0E1F3D; --accent-text: #13306A;
  --link: #1A4290; --eyebrow: #1A4290; --check: #1F7A55; --focus: #1B6FD6; --danger: #B3261E;
  --opt-bg: #FFFFFF; --opt-on: #FFF6D6; --input-bg: #FFFFFF; --consent-bg: #F0F3F8;
  --icon-bg: #E4EBF6; --icon-ink: #13306A; --grid-line: rgba(19, 48, 106, 0.07);
  --band-bg: #0F2550; --band-ink: #F3F6FB;
  --footer-bg: #0B1B3A; --footer-ink: #E4EAF4; --footer-muted: #9AA8C0; --footer-line: #1F3158;
  --logo-pin: #13306A; --logo-house: #F5BE1E;
  --card-shadow: 0 1px 0 rgba(14, 31, 61, 0.04), 0 24px 48px -28px rgba(14, 31, 61, 0.35);
  --display: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --body: "Public Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --mono: "DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --display-weight: 750; --display-track: -0.025em; --btn-radius: 12px; --card-radius: 18px; --opt-radius: 12px;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --bg: #0C1424; --hero-bg: #0F1A2F; --tint: #111C32; --card: #15223B; --header-bg: #0C1424;
  --ink: #E8EDF6; --muted: #A4B0C5; --line: #233252; --line-strong: #3A4C70; --track: #233252;
  --accent: #F5BE1E; --accent-hover: #FFD04A; --accent-ink: #0E1F3D; --accent-text: #F5BE1E;
  --link: #8DB4FF; --eyebrow: #8DB4FF; --check: #5CC99A; --focus: #8DB4FF; --danger: #FF8A80;
  --opt-bg: #15223B; --opt-on: #2A2914; --input-bg: #0F1A2F; --consent-bg: #111C32;
  --icon-bg: #1C2B4A; --icon-ink: #8DB4FF; --grid-line: rgba(141, 180, 255, 0.06);
  --band-bg: #F5BE1E; --band-ink: #0E1F3D;
  --footer-bg: #091122; --footer-ink: #E4EAF4; --footer-muted: #8E9AB2; --footer-line: #1C2A47;
  --logo-pin: #8DB4FF; --logo-house: #0E1F3D;
  --card-shadow: 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
} }
:root[data-theme="dark"] {
  --bg: #0C1424; --hero-bg: #0F1A2F; --tint: #111C32; --card: #15223B; --header-bg: #0C1424;
  --ink: #E8EDF6; --muted: #A4B0C5; --line: #233252; --line-strong: #3A4C70; --track: #233252;
  --accent: #F5BE1E; --accent-hover: #FFD04A; --accent-ink: #0E1F3D; --accent-text: #F5BE1E;
  --link: #8DB4FF; --eyebrow: #8DB4FF; --check: #5CC99A; --focus: #8DB4FF; --danger: #FF8A80;
  --opt-bg: #15223B; --opt-on: #2A2914; --input-bg: #0F1A2F; --consent-bg: #111C32;
  --icon-bg: #1C2B4A; --icon-ink: #8DB4FF; --grid-line: rgba(141, 180, 255, 0.06);
  --band-bg: #F5BE1E; --band-ink: #0E1F3D;
  --footer-bg: #091122; --footer-ink: #E4EAF4; --footer-muted: #8E9AB2; --footer-line: #1C2A47;
  --logo-pin: #8DB4FF; --logo-house: #0E1F3D;
  --card-shadow: 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}

/* plan-paper grid behind the hero */
.hero {
  background-color: var(--hero-bg);
  background-image: linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
  background-size: 28px 28px;
}
.logo span { font-weight: 650; letter-spacing: -0.02em; }
.logo b { font-weight: 800; color: var(--accent-text); }
.site-footer .logo b { color: var(--accent); }
.hero-copy h1 em { box-shadow: inset 0 -0.32em 0 color-mix(in srgb, var(--accent) 45%, transparent); color: var(--ink); }
.q-head { background: var(--ink); color: var(--bg); padding: 14px 22px 14px; }
.q-head .q-title { color: var(--bg); font-family: var(--mono); font-weight: 500; letter-spacing: .08em; text-transform: uppercase; font-size: .78rem; }
.q-head .q-count { color: color-mix(in srgb, var(--bg) 70%, transparent); }
.q-head .q-bar { background: color-mix(in srgb, var(--bg) 18%, transparent); }
.steps-row.tips li::before { content: none; }
.steps-row.tips li { border-top-color: var(--accent); border-top-width: 3px; }