#scroll-progress,
.scroll-progress,
[class*="scroll-progress"],
[id*="scroll-progress"] {
  display: none !important;
}

.fixed.inset-0 {
  z-index: 9999 !important;
}

.fixed.inset-0.bg-black {
  z-index: 9998 !important;
}

@media (max-width: 768px) {
  html {
    -webkit-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    touch-action: pan-y !important;
  }

  html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
    position: relative !important;
    overscroll-behavior-x: none !important;
  }

  *, *::before, *::after {
    animation: none !important;
    animation-delay: 0s !important;
    animation-duration: 0s !important;
    transition: none !important;
    transition-delay: 0s !important;
    transition-duration: 0s !important;
    transform: none !important;
    will-change: auto !important;
    scroll-behavior: auto !important;
    -webkit-animation: none !important;
    -webkit-transition: none !important;
    -webkit-transform: none !important;
  }

  [style*="transform"] {
    transform: none !important;
  }

  [style*="opacity"] {
    opacity: 1 !important;
  }

  [style*="clip-path"] {
    clip-path: none !important;
  }

  [style*="scale"] {
    scale: 1 !important;
  }

  [style*="translate"] {
    translate: none !important;
  }

  [style*="filter"] {
    filter: none !important;
  }

  .backdrop-blur-2xl,
  .backdrop-blur-xl,
  .backdrop-blur-lg,
  .backdrop-blur-md,
  .backdrop-blur-sm,
  .backdrop-blur,
  .blur-3xl,
  .blur-2xl,
  .blur-xl,
  .blur-lg,
  .blur-sm,
  .blur,
  [class*="blur"],
  [class*="backdrop"] {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
  }

  .bg-gradient-radial,
  .bg-gradient-shine,
  [class*="bg-gradient"],
  [class*="from-"],
  [class*="via-"],
  [class*="to-"] {
    background-image: none !important;
  }

  .shadow-glow,
  .shadow-glow-lg,
  .shadow-glass,
  .shadow-glass-lg,
  [class*="shadow-glow"],
  [class*="shadow-glass"],
  .shadow-2xl,
  .shadow-xl,
  .shadow-lg {
    box-shadow: none !important;
  }

  .bg-gradient-to-b,
  .bg-gradient-to-t,
  .bg-gradient-to-r,
  .bg-gradient-to-l,
  [class*="bg-gradient-to"] {
    background-image: none !important;
    background: inherit !important;
  }

  .fixed:not(header):not([role="dialog"]):not(.inset-0) {
    position: static !important;
  }

  .absolute:not([role="dialog"] *):not(header *) {
    position: static !important;
  }

  header.fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 50 !important;
    transform: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(6, 5, 3, 0.95) !important;
  }

  body {
    padding-top: 64px !important;
  }

  input, select, textarea, button {
    font-size: 16px !important;
    touch-action: manipulation !important;
  }

  .max-w-7xl,
  .max-w-6xl,
  .max-w-5xl,
  .max-w-4xl,
  .max-w-3xl,
  .max-w-2xl {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .grid,
  .grid-cols-2,
  .grid-cols-3,
  .grid-cols-4,
  .md\:grid-cols-2,
  .md\:grid-cols-3,
  .lg\:grid-cols-2,
  .lg\:grid-cols-4 {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.5rem !important;
  }

  video,
  .h-\[700px\],
  .h-\[600px\],
  .h-\[500px\],
  .h-\[400px\],
  .h-\[300px\] {
    height: auto !important;
    max-height: 250px !important;
  }

  img, video {
    max-width: 100% !important;
    height: auto !important;
  }

  img[src*="screenshot"],
  img[src*="preview"],
  img[src*="app"],
  video[src*="preview"],
  .relative img,
  .overflow-hidden img {
    transform: none !important;
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
  }

  .py-24, .py-20 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .py-16 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .gap-12, .gap-10, .gap-8 {
    gap: 1.5rem !important;
  }

  .mb-16, .mb-12 {
    margin-bottom: 2rem !important;
  }

  .p-8, .p-10, .p-12 {
    padding: 1rem !important;
  }

  .text-6xl, .text-5xl {
    font-size: 2rem !important;
    line-height: 1.2 !important;
  }

  .text-4xl {
    font-size: 1.75rem !important;
    line-height: 1.3 !important;
  }

  .text-3xl {
    font-size: 1.5rem !important;
    line-height: 1.4 !important;
  }

  h1, h2, h3, h4, h5, h6, p, span, div {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
  }

  [role="dialog"] {
    position: fixed !important;
    max-width: 90vw !important;
    max-height: 80vh !important;
    overflow-y: auto !important;
    margin: auto !important;
    transform: none !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  [role="dialog"] svg {
    max-width: 100% !important;
    height: auto !important;
  }

  [role="dialog"] img {
    max-width: 100% !important;
    image-rendering: auto !important;
  }

  .fixed.inset-0.bg-black {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(0, 0, 0, 0.8) !important;
  }

  button, a[href] {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  img {
    content-visibility: auto !important;
  }

  section, article, .relative {
    content-visibility: auto !important;
    contain-intrinsic-size: auto 500px !important;
  }
}