* {
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:'Inter', sans-serif;
}

body {
  background:#ffffff;
  color:#111;
}

/* NAVBAR */
.navbar {
  display:flex;
  justify-content:space-between;
  padding:20px 80px;
  align-items:center;
}

.navbar nav a {
  margin:0 15px;
  text-decoration:none;
  color:#333;
}

.btn-outline {
  border:1px solid #ccc;
  padding:8px 15px;
  border-radius:20px;
  background:white;
}

.btn-black {
  background:black;
  color:white;
  border:none;
  padding:8px 15px;
  border-radius:20px;
}

/* HERO */
.hero {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:100px 80px;
}

.hero-text h1 {
  font-size:55px;
  font-weight:700;
}

.hero-text span {
  color:black;
}

.hero-text p {
  margin-top:15px;
  color:#555;
}

/* FORM */
.card-form {
  margin-top:25px;
  display:flex;
  background:white;
  border-radius:40px;
  padding:10px;
  box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

.card-form input {
  border:none;
  outline:none;
  padding:10px;
  width:250px;
}

.card-form button {
  background:black;
  color:white;
  border:none;
  padding:10px 20px;
  border-radius:30px;
}

/* IMAGE */
.hero-img img {
  width:300px;
  border-radius:30px;
  box-shadow:0 20px 40px rgba(0,0,0,0.15);
}

/* SECTION */
.section {
  padding:80px;
  text-align:center;
}

/* STEPS */
.steps {
  display:flex;
  justify-content:center;
  gap:50px;
  margin-top:40px;
}

.circle {
  width:40px;
  height:40px;
  background:black;
  color:white;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:auto;
}

/* BENEFIT */
.benefit {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:80px;
}

.benefit img {
  width:280px;
}

/* STATS */
.stats {
  display:flex;
  justify-content:center;
  gap:80px;
}

/* FOOTER */
.footer {
  padding:40px;
  text-align:center;
  border-top:1px solid #eee;
}