img {
    transition: transform 0.5s ease;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.ambient-shadow {
  box-shadow: 0 20px 40px 0 rgba(18, 28, 44, 0.06);
}

.industrial-trace-h3 {
  height: 1px;
  background: linear-gradient(90deg, rgba(196, 198, 207, 0.2) 0%, rgba(196, 198, 207, 0) 100%);
}

.glass-card {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.industrial-trace-h {
  background-image: linear-gradient(to right, currentColor 10%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 8px 1px;
  background-repeat: repeat-x;
}

.glass-panel {
  background: rgba(249, 249, 255, 0.8);
  backdrop-filter: blur(20px);
}

.industrial-trace-h2 {
  height: 1px;
  width: 100%;
  background: currentColor;
  opacity: 0.1;
}




/* Extra responsiveness for small screens */
@media (max-width: 768px) {
  nav {
    padding-left: 16px;
    padding-right: 16px;
  }

  h1 {
    font-size: 2.5rem !important;
    line-height: 1.2;
  }

  section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .glass-card {
    display: none;
  }
}

.nav-link {
  font-weight: bold;
  font-size: 14px;
  color: #475569;
  transition: 0.3s;
}

.nav-link:hover {
  color: #002045;
}

/* Mobile menu animation */
#mobileMenu {
  transition: all 0.3s ease;
}


.industrial-trace-h4 {
  height: 1px;
  background: linear-gradient(to right, rgba(196, 198, 207, 0.2), rgba(196, 198, 207, 0.05));
  width: 100%;
}