:root {
  --navy: #274359;
  --red: #ff5233;
  --lavender: #99a7ff;
  --check: #334eff;
  --text: #262626;
  --muted: #595959;
  --muted-2: #666666;
  --bg: #fafafa;
  --white: #ffffff;
  --gray-1: #ededed;
  --gray-2: #e0e0e0;
  --gray-3: #f2f2f2;
  --x-gray: #999999;
  --green-star: #f5c518;
  --shadow: 0 8px 28px rgba(38, 38, 38, 0.08);
  --radius: 24px;
  --radius-sm: 16px;
  --radius-pill: 999px;
  --header-h: 76px;
  --max: 1120px;
  --font: Inter, "Inter Placeholder", system-ui, sans-serif;
  --font-cta: Manrope, Inter, sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  margin: 0;
  font-family: var(--font);
  color: var(--text);
  background: var(--bg);
  line-height: 1.5;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font-family: inherit;
  cursor: pointer;
}

.wrap {
  width: min(var(--max), calc(100% - 40px));
  margin-inline: auto;
}