.segment-btn {
            background-color: #f3f4f6;
            color: #4b5563;
        }
        .segment-btn:hover {
            background-color: #e5e7eb;
            color: #1f2937;
        }
        .segment-btn.active {
            background-color: #1e40af;
            color: white;
        }
        .capability-card {
            transition: opacity 0.3s, transform 0.3s;
        }
        .capability-card.hidden {
            display: none;
        }


		.zoom-section {
		  margin-top: -0.5rem;
		  margin-bottom: -0.5rem;
		}

		.capability-card img {
		  transition: transform 0.4s ease;
		}
		.capability-card:hover img {
		  transform: scale(1.05);
		}

/* ---------- Parallax & Reveal ---------- */
      .parallax {
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
      }

      .zoom-section {
        transition: transform 0.6s ease, opacity 0.6s ease;
        opacity: 0;
        transform: scale(0.97);
      }

      .zoom-section.visible {
        opacity: 1;
        transform: scale(1);
      }

      .parallax-move {
        transform: translateY(0);
        transition: transform 0.4s linear;
      }

      /* ---------- Features Section ---------- */
      .features-divider {
        position: relative;
      }

      .features-divider::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 60%;
        background: linear-gradient(
          to bottom,
          transparent,
          #d1d5db,
          transparent
        );
      }

      .features-divider:last-child::after {
        display: none;
      }

      .feature-icon-wrapper {
        transition: all 0.4s ease;
      }

      .features-divider:hover .feature-icon-wrapper {
        transform: rotate(360deg);
        background: linear-gradient(135deg, #1e40af 0%, #ffffff 0%);
      }

      .feature-icon-wrapper svg {
        transition: stroke 0.3s ease;
      }

      .features-divider:hover .feature-icon-wrapper svg {
        stroke: white;
      }

      .pt-16-pb-28 {
        padding-top: 4rem;
        padding-bottom: 7rem;
      }

      /* ---------- Mobile Menu Fix ---------- */
      @media (max-width: 768px) {
        #features-section {
          display: none !important;
        }

        #hero-content {
          flex-direction: column !important;
        }

        #hero-form {
          order: 3 !important;
          margin-top: 1.5rem !important;
        }

        nav.desktop-nav,
        .desktop-quote {
          display: none !important;
        }

        #menu-toggle {
          display: block !important;
        }
      }

      /* ---------- Button Shine Animation ---------- */
      .btn-shine {
        position: relative;
        overflow: hidden;
        transition: transform 0.15s ease;
      }

      .btn-shine::before {
        content: "";
        position: absolute;
        top: 0;
        left: -120%;
        width: 50%;
        height: 100%;
        transform: skewX(-25deg);
        filter: blur(2px);
        opacity: 0;
        z-index: 5;
        pointer-events: none;
      }

      .btn-shine:not(.btn-dark)::before {
        background: linear-gradient(
          120deg,
          transparent 0%,
          rgba(0, 140, 255, 0.6) 30%,
          #fff 50%,
          rgba(0, 140, 255, 0.6) 70%,
          transparent 100%
        );
        mix-blend-mode: screen;
      }

      .btn-shine.btn-dark::before {
        background: linear-gradient(
          120deg,
          transparent 0%,
          rgba(255, 255, 255, 0.8) 40%,
          rgba(0, 200, 255, 1) 50%,
          rgba(255, 255, 255, 0.8) 60%,
          transparent 100%
        );
        mix-blend-mode: screen;
      }

      .btn-shine:hover {
        transform: translateY(-3px);
      }

      .btn-shine:hover::before {
        opacity: 1;
        animation: shine 0.35s linear forwards;
      }

      @keyframes shine {
        0% {
          left: -120%;
          opacity: 0.9;
        }

        50% {
          left: 0%;
          opacity: 1;
        }

        100% {
          left: 120%;
          opacity: 0;
        }
      }

      /* ---------- Mobile Menu Overlay ---------- */
      #mobile-menu {
        position: fixed;
        inset: 0;
        width: 100%;
        height: 100%;
        background: white;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        transform: translateY(-100%);
        transition: transform 0.4s ease-in-out;
        z-index: 50;
        padding: 2rem;
      }

      #mobile-menu.active {
        transform: translateY(0);
      }

      #mobile-menu nav a {
        color: #1e3a8a;
        display: block;
        padding: 1rem 0;
        font-size: 1.1rem;
        border-bottom: 1px solid #e5e7eb;
        width: 100%;
        text-decoration: none;
      }

      #mobile-menu nav a:hover {
        color: #2563eb;
      }

      #menu-close {
        position: absolute;
        top: 1.2rem;
        right: 1.2rem;
        font-size: 1.8rem;
        color: #1e3a8a;
        cursor: pointer;
        background: transparent;
        border: none;
      }

      /* ---------- Reduced Motion ---------- */
      @media (prefers-reduced-motion: reduce) {
        * {
          transition: none !important;
          animation: none !important;
        }
      }
	  
	      /* Dynamic hover animation */
		.machine-card {
		  transition: all 0.4s ease;
		}

		.machine-card:hover {
		  transform: translateY(-8px) scale(1.03);
		  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
		}

		.machine-card:hover img {
		  filter: brightness(0.85);
		}
		
		
/* Calibration */

        .segment-btn {
            background-color: #f3f4f6;
            color: #4b5563;
        }
        .segment-btn:hover {
            background-color: #e5e7eb;
            color: #1f2937;
        }
        .segment-btn.active {
            background-color: #2563eb;
            color: white;
        }
        .instrument-card {
            transition: opacity 0.3s, transform 0.3s;
        }
        .instrument-card.hidden {
            display: none;
        }