body {
  margin:0;
  font-family: Arial, sans-serif;
  color:#333;
}

.container {
  width:90%;
  max-width:1100px;
  margin:auto;
}

/* NAV */
.navbar {
  background:#f5f5f5;
  padding:15px 0;
}
.nav-flex {
  display:flex;
  justify-content:space-between;
}
nav a {
  margin-left:20px;
  text-decoration:none;
  color:#333;
}

/* HERO */
.hero {
  background:linear-gradient(135deg,#2f5bd3,#1f3fa5);
  color:white;
  text-align:center;
  padding:80px 20px;
}
.icon-circle {
  background:white;
  color:#ff7a00;
  width:80px;
  height:80px;
  border-radius:50%;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
}
.hero h1 {
  margin-top:20px;
  font-size:40px;
}
.subtitle {
  opacity:0.9;
}
.buttons {
  margin-top:20px;
}
.btn {
  padding:12px 20px;
  margin:5px;
  display:inline-block;
}
.primary {
  background:#ff7a00;
  color:white;
}
.secondary {
  border:1px solid white;
  color:white;
}

/* ABOUT */
.about {
  text-align:center;
  padding:60px 0;
}
.underline {
  width:60px;
  height:3px;
  background:#ff7a00;
  margin:10px auto 20px;
}
.about-grid {
  display:flex;
  gap:20px;
  margin-top:30px;
}
.about-box {
  flex:1;
  background:#eee;
  padding:40px;
}
.stats {
  display:flex;
  gap:10px;
  margin-top:20px;
}
.stat {
  padding:20px;
  flex:1;
}
.blue {background:#e3edff;}
.orange {background:#ffe9d6;}

/* SERVICES */
.cards {
  display:flex;
  gap:20px;
}
.card {
  background:#f9f9f9;
  flex:1;
  padding:20px;
}
.card-top {
  height:120px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:white;
  font-size:30px;
}
.blue {background:#3b6cff;}
.green {background:#2ecc71;}
.orange {background:#ff7a00;}

/* WHY */
.why-grid {
  display:flex;
  justify-content:space-around;
  margin:30px 0;
  text-align:center;
}

/* CTA */
.cta {
  background:#2f5bd3;
  color:white;
  text-align:center;
  padding:60px 20px;
}
.email-box {
  background:rgba(255,255,255,0.1);
  padding:20px;
  margin:20px auto;
  max-width:400px;
}
.info {
  display:flex;
  justify-content:center;
  gap:40px;
}

/* FOOTER */
footer {
  background:#222;
  color:white;
  text-align:center;
  padding:30px;
}