body {
  font-family: 'Space Grotesk', sans-serif;
  padding-top: 70px;

  background-color: #f8f9fa; /* Base light mode background tint */
  background-image: radial-gradient(#dee2e6 1px, transparent 1.5px);
  background-size: 24px 24px;
}

h1, h2, h3, h4, h5, h6, .navbar-brand {
  font-family: 'Syne', sans-serif;
  letter-spacing: -0.02em;
}

.style-main {
  max-width: 1140px;
}

.card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
}

.leading-relaxed {
  line-height: 1.7;
}

.icon-service {
  color: #cb95fd;
}

.icon-game {
  color: #2cb675;
}

.icon-ecommerce {
  color: #ffd75e;
}

.icon-analytics {
  color: #7ed6e7;
}