/* Business Launch Stack live-route visual layer. */
:root {
  --ink: #28251f;
  --paper: #fbf8f2;
  --muted: #5d574e;
  --wf-line: #dfd3c3;
  --wf-surface: #fffdf9;
  --wf-tint: #fff1d9;
  --wf-shadow: 0 18px 44px -30px #4a2c0f70;
}

body {
  --brand: #935020 !important; /* replaces the older inline green token */
  background: var(--paper);
  color: var(--ink);
  font-family: "Inter", system-ui, sans-serif;
}

h1,
h2,
h3 {
  font-family: "Fraunces", Georgia, serif;
  font-weight: 650;
  letter-spacing: -0.035em;
}

h1 { line-height: 1.12; }
h2 { line-height: 1.2; }

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 3px solid #9a4f0c;
  outline-offset: 4px;
}

header {
  border-bottom-color: var(--wf-line);
  padding-block: 22px;
}

header .brand {
  color: var(--ink);
  font-family: "Fraunces", Georgia, serif;
  font-size: clamp(1.3rem, 1.1rem + 1vw, 1.7rem);
  font-weight: 700;
}

header nav a,
footer nav a {
  font-weight: 650;
}

main { padding-top: 40px; }

.hero {
  max-width: none;
  padding: clamp(42px, 6vw, 76px);
  border: 1px solid var(--wf-line);
  border-radius: 24px;
  background: radial-gradient(circle at 92% 12%, #ffe2ab 0, transparent 38%),
              linear-gradient(135deg, #fff9ef, #fff1d9);
  box-shadow: var(--wf-shadow);
}

.hero h1 { max-width: 12ch; }
.hero .lead { max-width: 52ch; }
.eyebrow { color: #88420d; }
.lead { color: var(--muted); }

.button,
button:not(.secondary) {
  border-radius: 999px;
  box-shadow: 0 8px 18px -14px #3b220c;
}

.button:hover,
button:not(.secondary):hover { background: #753008; }

.facts {
  border-color: var(--wf-line);
  gap: 12px;
  margin-block: 22px 50px;
}

.facts span {
  border: 1px solid var(--wf-line);
  border-radius: 999px;
  background: var(--wf-surface);
  padding: 7px 13px;
}

.cards { gap: 24px; }
.card {
  border-color: var(--wf-line);
  border-radius: 18px;
  background: var(--wf-surface);
  box-shadow: var(--wf-shadow);
  transition: transform 180ms ease, box-shadow 180ms ease;
}
.card:hover,
.card:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 24px 50px -28px #4a2c0f85;
}
.card h2 { font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem); }

.prose { max-width: 760px; }
.prose h2 { margin-top: 44px; }
.breadcrumbs { color: var(--muted); }

.tool,
output {
  border-color: var(--wf-line);
  border-radius: 18px;
  background: var(--wf-surface);
  box-shadow: var(--wf-shadow);
}

input,
textarea { border-color: #a89a89; background: white; }
output { background: #fff1d9; }
.check-item,
details,
.sources,
footer { border-color: var(--wf-line); }

footer { color: var(--muted); }
footer strong { color: var(--ink); font-family: "Fraunces", Georgia, serif; }

@media (max-width: 650px) {
  header,
  footer,
  main { padding-inline: 18px; }
  header nav { gap: 12px 16px; }
  .hero { padding: 36px 24px; border-radius: 18px; }
  .hero h1 { max-width: none; }
  .card,
  .tool { padding: 22px; }
  .facts { margin-bottom: 38px; }
}

@media (prefers-reduced-motion: reduce) {
  .card { transition: none; }
  .card:hover,
  .card:focus-visible { transform: none; }
}