@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Space+Grotesk:wght@500;600;700&display=swap");
:root {
  --bg: #f4f5f1;
  --ink: #141614;
  --muted: #5e665e;
  --line: #e0e3da;
  --card: #ffffff;
  --lime: #d4f562;
  --black: #111311;
  --display: "Space Grotesk", sans-serif;
  --sans: "Inter", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--sans); font-size: 1.02rem; line-height: 1.55; }
h1, h2, h3 { font-family: var(--display); letter-spacing: -0.04em; line-height: 1.05; }
img { max-width: 100%; display: block; }
button, input, textarea { font: inherit; }
body.modal-open { overflow: hidden; }