@media (max-width: 768px) {
  html.tvl-mobile .ra-hero,
  html.tvl-mobile .bs-hero,
  html.tvl-mobile .hero {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: calc(72px + var(--tvl-m-safe-top)) var(--tvl-m-gutter) 32px !important;
    box-sizing: border-box;
    overflow: hidden;
  }
  html.tvl-mobile .ra-hero img,
  html.tvl-mobile .bs-hero img,
  html.tvl-mobile .hero img,
  html.tvl-mobile .ra-hero video,
  html.tvl-mobile .hero video {
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover;
  }

  html.tvl-mobile .case-studies--stack,
  html.tvl-mobile .case-studies-stack-active .case-studies--stack {
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column;
    gap: 20px;
    padding: 0 var(--tvl-m-gutter) 32px !important;
  }
  html.tvl-mobile .case-studies--stack .case-study-pin,
  html.tvl-mobile .case-studies--stack .case-study,
  html.tvl-mobile .case-studies--stack .case-study-stack {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
  }
  html.tvl-mobile .case-studies--stack .case-study__media img {
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover;
  }

  html.tvl-mobile .faq__item,
  html.tvl-mobile .included__item,
  html.tvl-mobile .benefits,
  html.tvl-mobile .benefits__item,
  html.tvl-mobile .industry,
  html.tvl-mobile .industry__item,
  html.tvl-mobile .section-contact-wrap,
  html.tvl-mobile .contact,
  html.tvl-mobile .value-prop,
  html.tvl-mobile .cap-panel,
  html.tvl-mobile .process {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
  }

  /* Connected process: scroll-reveal to red as each step hits mid-viewport. */
  html.tvl-mobile .landing-page .process-step {
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease;
    transform: translate3d(0, 14px, 0);
    opacity: 0.72;
  }
  html.tvl-mobile .landing-page .process-step.is-active {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  html.tvl-mobile .landing-page .process-step .process-step__icon-wrap {
    transition: background 0.45s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  }
  html.tvl-mobile .landing-page .process-step .process-step__icon-wrap img,
  html.tvl-mobile .landing-page .process-step .process-step__title,
  html.tvl-mobile .landing-page .process-step .process-step__text,
  html.tvl-mobile .landing-page .process-step .process-step__link {
    transition: opacity 0.4s ease, filter 0.4s ease;
  }
  html.tvl-mobile .landing-page .process-step.is-active .process-step__icon-wrap {
    background: var(--color-primary-dark, #e82929) !important;
    transform: scale(1.04);
  }
  html.tvl-mobile .landing-page .process-step.is-active .process-step__icon-wrap img {
    opacity: 1 !important;
    filter: brightness(0) invert(1) !important;
  }
  html.tvl-mobile .landing-page .process-step.is-active .process-step__title,
  html.tvl-mobile .landing-page .process-step.is-active .process-step__text,
  html.tvl-mobile .landing-page .process-step.is-active .process-step__link {
    opacity: 1 !important;
  }
  @media (prefers-reduced-motion: reduce) {
    html.tvl-mobile .landing-page .process-step,
    html.tvl-mobile .landing-page .process-step .process-step__icon-wrap,
    html.tvl-mobile .landing-page .process-step .process-step__icon-wrap img,
    html.tvl-mobile .landing-page .process-step .process-step__title,
    html.tvl-mobile .landing-page .process-step .process-step__text,
    html.tvl-mobile .landing-page .process-step .process-step__link {
      transition: none !important;
      transform: none !important;
    }
  }

  html.tvl-mobile .landing-page .hero {
    padding: 0 !important;
    margin: 0 !important;
    background: #1e1e1e !important;
    overflow: hidden !important;
    position: relative !important;
  }
  html.tvl-mobile .landing-page .site-header {
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 !important;
    top: 0 !important;
    background: rgba(255, 255, 255, 0.92) !important;
  }
  html.tvl-mobile .landing-page > .site-header .site-header__inner {
    min-height: 56px !important;
    padding: 0 16px !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  html.tvl-mobile .landing-page .site-header__cta,
  html.tvl-mobile .landing-page .tvl-nav-sheet-cta,
  html.tvl-mobile .landing-page .tvl-nav-sheet-cta__label {
    flex-shrink: 0 !important;
    font-family: var(--tvl-m-font-light) !important;
    font-weight: 400 !important;
    font-style: normal !important;
    white-space: nowrap;
  }
  html.tvl-mobile .landing-page .site-header__cta {
    padding: 0 16px !important;
    font-size: var(--tvl-m-label) !important;
  }
  html.tvl-mobile .landing-page .tvl-nav-sheet-cta {
    font-size: var(--tvl-m-body) !important;
    line-height: 1.2 !important;
  }

  html.tvl-mobile .landing-page .hero__visual {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    height: min(72vw, 420px) !important;
    min-height: 220px !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }
  html.tvl-mobile .landing-page .hero__visual::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 42%;
    background: linear-gradient(180deg, rgba(30, 30, 30, 0) 0%, rgba(30, 30, 30, 0.55) 100%);
    pointer-events: none;
    z-index: 1;
  }
  html.tvl-mobile .landing-page .hero__video,
  html.tvl-mobile .landing-page .hero video {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
  }

  html.tvl-mobile .landing-page .hero__services-pill {
    display: none !important;
  }
  html.tvl-mobile .landing-page .hero__services-pill-panel {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    height: auto !important;
    padding: 10px 12px !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  }
  html.tvl-mobile .landing-page .hero__services-chips {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    animation: none !important;
    margin: 0 !important;
    padding: 0 16px 0 0 !important;
    transform: none !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 82%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 0%, #000 82%, transparent 100%);
  }
  html.tvl-mobile .landing-page .hero__services-chips::-webkit-scrollbar {
    display: none;
  }
  html.tvl-mobile .landing-page .hero__service-chip {
    flex: 0 0 auto !important;
    min-height: 40px !important;
    height: auto !important;
    white-space: nowrap !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    font-size: var(--tvl-m-label) !important;
  }
  html.tvl-mobile .landing-page .hero__service-chip img {
    width: 17px !important;
    height: 17px !important;
    max-width: none !important;
  }
  html.tvl-mobile .landing-page .hero__service-chip--clone {
    display: none !important;
  }

  html.tvl-mobile .landing-page .section-trusted {
    margin-top: 0 !important;
    padding: 40px 0 48px !important;
    background: #1e1e1e !important;
  }
  html.tvl-mobile .landing-page .section-trusted__title {
    padding: 0 var(--tvl-m-gutter) !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
  }
  html.tvl-mobile .landing-page .section-trusted__logos {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    margin-top: 24px !important;
    overflow: hidden !important;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  }
  html.tvl-mobile .landing-page .section-trusted__logos-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 10px !important;
    width: max-content !important;
    max-width: none !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    animation: logo-marquee 28s linear infinite !important;
  }
  html.tvl-mobile .landing-page .logo-pill {
    flex: 0 0 auto !important;
    width: 132px !important;
    height: 56px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
  }
  html.tvl-mobile .landing-page .logo-pill img,
  html.tvl-mobile .landing-page .logo-pill--titan img,
  html.tvl-mobile .landing-page .logo-pill--tanishq img,
  html.tvl-mobile .landing-page .logo-pill--dabur img,
  html.tvl-mobile .landing-page .logo-pill--tata img,
  html.tvl-mobile .landing-page .logo-pill--godrej img,
  html.tvl-mobile .landing-page .logo-pill--mcd img,
  html.tvl-mobile .landing-page .logo-pill--burger-king img,
  html.tvl-mobile .landing-page .logo-pill--dream11 img,
  html.tvl-mobile .landing-page .logo-pill--jio img,
  html.tvl-mobile .landing-page .logo-pill--times-now img {
    width: auto !important;
    height: auto !important;
    max-width: 88% !important;
    max-height: 32px !important;
    object-fit: contain !important;
    transform: none !important;
  }

  @media (prefers-reduced-motion: reduce) {
    html.tvl-mobile .landing-page .hero__services-chips,
    html.tvl-mobile .landing-page .section-trusted__logos-track {
      animation: none !important;
    }
  }

  html.tvl-mobile .ra-hero__title,
  html.tvl-mobile .bs-hero__title,
  html.tvl-mobile .hero__title,
  html.tvl-mobile h1 {
    font-size: var(--tvl-m-display) !important;
    line-height: 1.15 !important;
  }
  html.tvl-mobile .ra-hero p,
  html.tvl-mobile .ra-hero [class*="lead"],
  html.tvl-mobile .ra-hero [class*="sub"] {
    font-size: var(--tvl-m-body) !important;
  }

  html.tvl-mobile .capabilities-page,
  html.tvl-mobile .abm-page {
    min-height: 0 !important;
    height: auto !important;
  }

  /* Insights: one full card at a time — no next-card slice in the gutter. */
  html.tvl-mobile .landing-page .section-insights {
    height: auto !important;
    overflow: hidden !important;
    z-index: 1 !important;
  }
  html.tvl-mobile .landing-page .section-contact-wrap {
    z-index: 1 !important;
  }
  html.tvl-mobile .landing-page .insight-cards {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 28px 0 0 !important;
    padding: 0 !important;
    left: auto !important;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  html.tvl-mobile .landing-page .insight-cards::-webkit-scrollbar {
    display: none;
  }
  html.tvl-mobile .landing-page .insight-cards__track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: max-content !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    animation: none !important;
    transform: none !important;
  }
  html.tvl-mobile .landing-page .insight-cards .insight-card--clone {
    display: none !important;
  }
  html.tvl-mobile .landing-page .insight-cards .insight-card {
    flex: 0 0 calc(100vw - 40px) !important;
    width: calc(100vw - 40px) !important;
    min-width: calc(100vw - 40px) !important;
    max-width: calc(100vw - 40px) !important;
    margin: 0 20px !important;
    height: min(72vw, 360px) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    isolation: isolate;
    transform: translateZ(0);
    clip-path: inset(0 round 24px);
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
  html.tvl-mobile .landing-page .insight-card__bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: inherit;
  }
  html.tvl-mobile .landing-page .insight-card__overlay {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    background:
      radial-gradient(120% 85% at 50% 42%, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0.38) 100%),
      linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.18) 0%,
        rgba(0, 0, 0, 0.08) 38%,
        rgba(0, 0, 0, 0.72) 74%,
        rgba(0, 0, 0, 0.94) 100%
      ) !important;
    pointer-events: none;
    z-index: 1;
  }
  html.tvl-mobile .landing-page .insight-card__title {
    left: 18px !important;
    right: 56px !important;
    bottom: 18px !important;
    z-index: 2;
  }
  html.tvl-mobile .landing-page .insight-card__arrow {
    right: 14px !important;
    bottom: 20px !important;
    z-index: 2;
  }

  html.tvl-mobile .how-page .process-showcase,
  html.tvl-mobile .how-page .process-cards-viewport,
  html.tvl-mobile .how-page .process-cards-track {
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    transform: none !important;
    width: 100% !important;
  }
  html.tvl-mobile .how-page .process-card {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden;
  }
  html.tvl-mobile .how-page .process-card__media {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 10;
    border-radius: 20px !important;
    overflow: hidden !important;
  }
  html.tvl-mobile .how-page .process-card__media img {
    object-fit: cover !important;
    transform: none !important;
  }
  html.tvl-mobile .how-page .process-card__body {
    white-space: normal !important;
    overflow: visible !important;
  }
}