body {
  font-family: 'Segoe UI', sans-serif;
  background-color: #f8f9fa;
  scroll-behavior: smooth;
}
.navbar-brand strong {
  font-size: 1.3rem;
  color: #004E92;
}
.hero {
  background: linear-gradient(to right, #f8fbff, #f1f5f9);
  min-height: 90vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mockup-container {
  max-width: 1000px;
  margin: 0 auto;
}

.mockup-container img {
  width: 100%;
  height: auto;
  transition: transform 0.5s ease;
}

.mockup-container img:hover {
  transform: scale(1.02);
}