.gradient-bg {
      background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    }
    .product-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    }
    .project-card {
      transition: all 0.3s ease;
    }
    .project-card:hover {
      transform: scale(1.03);
    }
    .hero-image {
      background-image: url('https://images.unsplash.com/photo-1509391366360-2e959784a276?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
      background-size: cover;
      background-position: center;
    }
    .testimonial-carousel {
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
    }
    .testimonial-slide {
      scroll-snap-align: start;
      flex: 0 0 100%;
    }
    @media (min-width: 768px) {
      .testimonial-slide {
        flex: 0 0 calc(33.333% - 1rem);
      }
    }
    @media (max-width: 768px) {
      .hero-content {
        padding-top: 100px;
        padding-bottom: 100px;
      }
      #mobile-nav {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-out;
      }
      #mobile-nav.active {
        max-height: 500px;
      }
    }