body {
  font-family: "Segoe UI", Arial, sans-serif;
  padding-top: 70px;
}

.navbar {
  background: #3969e9;
}

.hero {
  padding: 60px 0;
}

.hero h1 {
  font-weight: 700;
  line-height: 1.2;
}

.hero-list div {
  margin-bottom: 6px;
}

.app-mockup {
  max-width: 300px;
}

.section {
  padding: 60px 0;
}

.section-tight {
  padding: 50px 0;
}

.subtitle {
  color: #666;
}

.feature-card {
  padding: 25px;
  border-radius: 12px;
  height: 100%;
}

.step {
  width: 42px;
  height: 42px;
  background: #3969e9;
  color: #fff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-bottom: 10px;
}

.who-list li {
  margin-bottom: 10px;
}

.cta {
  padding: 60px 0;
  background: #3969e9;
  color: #fff;
}

.footer {
  padding: 25px 0;
  background: #f1f1f1;
}