/* app.hielly.com placeholder — the marketing site's palette (web/site.css),
   no web fonts, no framework. Contrast: #1f2a26 on #faf8f3 = 13.96:1; #49564f
   on #faf8f3 = 7.25:1; #ffffff on #2e7665 = 5.39:1; #1f2a26 on the founding tint = 12.6:1 (all WCAG AA, measured). */
:root {
  --bg: #e9efe8;
  --paper: #faf8f3;
  --ink: #1f2a26;
  --ink-2: #49564f;
  --accent: #2e7665;
  --accent-ink: #ffffff;
  --line: #d9e1da;
}
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  display: grid;
  place-items: center;
  padding: max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));
  background: var(--bg);
  color: var(--ink);
  font: 400 17px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.card {
  width: 100%;
  max-width: 440px;
  padding: 36px 28px 28px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 26px;
  box-shadow: 0 1px 2px rgba(31, 42, 38, 0.06), 0 12px 32px rgba(31, 42, 38, 0.08);
}
.mark {
  display: inline-grid;
  place-items: center;
  width: 64px;
  height: 64px;
  margin-bottom: 20px;
  border-radius: 999px;
  background: var(--accent);
}
.mark img { filter: brightness(0) invert(1); }
h1 { margin: 0 0 12px; font-size: 26px; line-height: 1.2; font-weight: 600; letter-spacing: -0.02em; }
p { margin: 0 0 14px; color: var(--ink-2); }
.founding { padding: 12px 14px; border-radius: 14px; background: color-mix(in oklab, var(--accent) 8%, var(--paper)); color: var(--ink); }
.cta {
  display: block;
  margin: 22px 0 18px;
  padding: 14px 20px;
  border-radius: 999px;
  background: var(--accent);
  color: var(--accent-ink);
  text-align: center;
  font-weight: 600;
  text-decoration: none;
}
.cta:focus-visible, .fine a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.fine { margin: 0; font-size: 14px; text-align: center; }
.fine a { color: var(--ink-2); }