body {
  margin:0;
  font-family: Arial, sans-serif;
  background:#fff;
  color:#111;
}
header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:15px;
  background:#fff;
  border-bottom:2px solid #f57c00;
}
.logo {
  display:flex;
  align-items:center;
  gap:10px;
}
.logo img {
  height:40px;
}
h1 { color:#f57c00; }
.hero {
  padding:40px 20px;
  background:#f57c00;
  color:#fff;
  text-align:center;
}
.slogan {
  font-size:18px;
  opacity:0.8;
}
.cta {
  margin-top:20px;
  padding:15px 25px;
  border:none;
  background:#111;
  color:#fff;
  font-size:16px;
  cursor:pointer;
}
.cta:hover {
  background:#333;
}
section {
  padding:30px 20px;
}
footer {
  padding:20px;
  text-align:center;
  background:#111;
  color:#fff;
}