:root {
  --bg: #f3f2f2;
  --ink: #201e1d;
  --green: #0e7c6b;
  --green-dark: #084c43;
  --green-press: #0a6558;
  --mint: #eaf5f2;
  --mint-border: #a5d5cc;
  --mint-pale: #cfe8e3;
  --card: #f7fbfa;
  --card-border: #d7d3d3;
  --card-border-strong: #bab6b6;
  --muted: #605d5d;
  --muted-2: #7d7979;
  --danger: #ec3013;
  --divider: rgba(32, 30, 29, 0.4);
  --radius: 16px;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
}
body {
  background: var(--bg);
  color: var(--ink);
  font-family: "Cairo", sans-serif;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3 {
  font-family: "Cairo", sans-serif;
}
html[lang="en"] body,
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3 {
  font-family: "Archivo", "Cairo", system-ui, sans-serif;
}
.kicker,
.logo span,
.step .num {
  font-family: "Archivo", "Cairo", sans-serif;
}
a {
  color: var(--green-dark);
  text-decoration: none;
}
a:hover {
  color: var(--green);
}
img {
  max-width: 100%;
}
.wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 32px;
}