/* Shared across index.html and both success-story pages.
   Only rules verified identical on all three pages live here —
   anything with even a small per-page difference (e.g. .eyebrow
   letter-spacing, topbar height) stays in that page's own stylesheet
   to avoid visual drift. */
:root {
  --primary: #00a587;
  --primary-dark: #323c41;
  --accent: #00bea0;
  --accent-soft: #dcf7ef;
  --ink: #323c41;
  --muted: #6e787d;
  --line: #dce6eb;
  --bg: #ffffff;
  --bg-soft: #f5faff;
  --radius: 16px;
  --shadow: 0 10px 30px rgba(50, 60, 65, 0.1);
  --shadow-sm: 0 4px 14px rgba(50, 60, 65, 0.07);
  --maxw: 1080px;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family:
    "Asap",
    "Segoe UI",
    system-ui,
    -apple-system,
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  color: var(--ink);
  background: var(--bg);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
.wrap {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 0 24px;
}
.lead {
  font-size: 1.15rem;
  color: var(--muted);
  max-width: 720px;
}