body {
  font-family: 'Segoe UI', sans-serif;
  margin: 0;
  background-color: #f6fbf7;
  color: #111;
  text-align: center;
}
header {
  background-color: #81e675;
  padding: 40px 20px 20px;
}
h1 {
  font-size: 48px;
  margin-bottom: 10px;
}
p {
  font-size: 18px;
}
.mockup-container {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 40px auto;
}
.mockup-container img {
  width: 180px;
  height: auto;
  transition: transform 1s ease, opacity 1s ease;
  transform: scale(1);
  opacity: 0.7;
}
.mockup-container img.active {
  transform: scale(1.15);
  opacity: 1;
}
footer {
  background-color: #81e675;
  padding: 20px;
  margin-top: 60px;
}