/* homefirelabs.com: one cream page (approved design A2, 2026-10-07).
   A file, not inline: the CSP allows style-src 'self' only. */
:root { --bg: #FFF6E9; --ink: #23304F; --muted: #5B6478;
  /* The brand ember #F26B1D (in the logo) is 2.84:1 on the cream, below
     WCAG's 3:1 for large text and focus rings: words and the focus ring
     use this slightly darker ember, 3.69:1 (review 2026-10-07). */
  --ember-text: #D9570C; }
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font-family: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
  min-height: 100vh; display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  padding: 48px 24px; text-align: center;
}
.logo { width: min(560px, 90vw); height: auto; }
h1 {
  font-size: clamp(30px, 4vw, 46px); line-height: 1.12; font-weight: 700;
  margin: 40px 0 16px; letter-spacing: -.015em;
}
h1 span { color: var(--ember-text); }
p { font-size: 18px; line-height: 1.6; color: var(--muted); max-width: 560px; margin: 0 auto; }
a.btn {
  display: inline-block; margin-top: 32px; padding: 14px 26px;
  border-radius: 999px; background: var(--ink); color: #FFF6E9;
  text-decoration: none; font-weight: 600;
}
a.btn:focus-visible { outline: 3px solid var(--ember-text); outline-offset: 3px; }
footer { margin-top: 64px; font-size: 14px; color: var(--muted); }
footer a { color: var(--ink); }