@media (max-width: 767px) {
        /* Override display for vertical timeline on mobile */
        [class*="hiw-row-"] {
          grid-template-columns: 50px 1fr !important;
          gap: 1.5rem !important;
          text-align: left !important;
        }
        [class*="hiw-row-"] .hiw-col-left,
        [class*="hiw-row-"] .hiw-col-right {
          visibility: visible !important;
          text-align: left !important;
          grid-column: 2;
        }
        [class*="hiw-row-"] > div:nth-child(2) {
          grid-column: 1;
          grid-row: 1;
        }
      }
      


        @media (max-width: 767px) {
          .hiw-stagger-card {
            transform: translateY(0) !important;
          }
        }
      


        @media (max-width: 767px) {
          [class*="hiw-alt-row-"] {
            flex-direction: column !important;
            gap: 1.5rem !important;
            align-items: flex-start !important;
          }
        }
      


        .glass-stepper-card {
          flex: 1 1 280px;
          min-width: 250px;
          background: rgba(255, 255, 255, 0.65);
          backdrop-filter: blur(20px);
          -webkit-backdrop-filter: blur(20px);
          border: 1px solid rgba(0, 0, 0, 0.08);
          border-radius: var(--radius-xl);
          padding: 2.5rem 2rem;
          position: relative;
          display: flex;
          flex-direction: column;
          gap: 0.75rem;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02), 0 1px 3px rgba(0,0,0,0.01);
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        html.dark .glass-stepper-card {
          background: rgba(255, 255, 255, 0.04);
          border: 1px solid rgba(255, 255, 255, 0.08);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        }
        .glass-stepper-card:hover {
          transform: translateY(-6px);
          border-color: var(--color-primary);
          box-shadow: 0 20px 40px color-mix(in srgb, var(--color-primary) 12%, rgba(0,0,0,0.06)) !important;
        }
        @keyframes stepArrowPulse {
          0% { transform: translateX(0); opacity: 0.4; }
          100% { transform: translateX(5px); opacity: 0.9; }
        }
      


        .hiw-neobrutal-card:hover {
          transform: translate(-2px, -2px) !important;
          box-shadow: 10px 10px 0px #000 !important;
        }
      


        .hiw-circle-box:hover {
          transform: scale(1.05) !important;
        }
      


        @media (max-width: 767px) {
          .hiw-diagonal-card {
            transform: translateY(0) !important;
          }
        }
      


        .hiw-glow-card:hover {
          transform: translateY(-4px);
          border-color: var(--color-primary) !important;
          box-shadow: 0 10px 30px color-mix(in srgb, var(--color-primary) 12%, transparent) !important;
        }
      


        @media (max-width: 767px) {
          [class*="hiw-table-row-"] {
            grid-template-columns: 1fr !important;
            gap: 1rem !important;
            padding: 1.5rem !important;
          }
        }
      


        @media (max-width: 767px) {
          .hiw-split-featured {
            grid-template-columns: 1fr !important;
            gap: 2.5rem !important;
          }
        }
      


        @media (max-width: 767px) {
          [class*="hiw-media-row-"] {
            grid-template-columns: 1fr !important;
            gap: 1.5rem !important;
            padding: 1.5rem !important;
          }
        }
      


        .hiw-iso-card:hover {
          transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateY(-8px) !important;
          box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1) !important;
        }
        @media (max-width: 767px) {
          .hiw-iso-card {
            transform: none !important;
          }
        }