/* Shared page foundation and responsive layout overrides. */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; min-height: 100%; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body { min-width: 320px; overflow-x: hidden; color: #1A182B; font-family: Manrope, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
p, ul, li { font-size: 16px; }
img { max-width: 100%; }
main { display: block; }
section[id] { scroll-margin-top: 88px; }
a:focus-visible, button:focus-visible { outline: 3px solid #8B6CFF; outline-offset: 3px; }
.hero-header, .counter, .solution-we-build, .mvp-section, .mobile-app, .case-study, .technologies-shapping, .first-cta, .awards-section, .statistics, .industries, .how-an-engamement, .compalince, .faq, .have-a-challenge, .footer {
  width: min(100%, 1440px);
  max-width: 100%;
  margin-inline: auto;
}
.full-bleed-section {
  width: 100%;
  background-position: center;
  background-repeat: repeat-x;
  background-size: min(100vw, 1440px) 100%;
}
.full-bleed-section--hero {
  background-color: #150079;
  background-image: url("../../images/home/hero/hero-header-html-css/indigo-to-lavender-gradient.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 0 0 32px 32px;
  overflow: hidden;
}
.full-bleed-section--hero .hero-header { background: transparent; }
.full-bleed-section--hero .hero-header__image { display: none; }
.full-bleed-section--warm { background-color: #FAF5F1; }
.full-bleed-section--purple {
  background: radial-gradient(125% 98% at 45% 100%, #8B6CFF 0%, #6E47FF 26%, #4E32B5 55%, #2E1E6B 78%, #150079 100%);
}
.full-bleed-section--testimonial {
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.full-bleed-section--testimonial .testimonial { background: transparent; }
.full-bleed-section.full-bleed-section--technology-cta {
  background-image: linear-gradient(180deg, #1A0A57 0%, #3D278C 45%, #6E47FF 100%);
  background-color: #1A0A57;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.full-bleed-section--technology-cta .first-cta { background: transparent; }
.full-bleed-section--contact {
  background:
    radial-gradient(60% 55% at 50% 100%, rgba(188, 170, 255, 0.85) 0%, rgba(188, 170, 255, 0.00) 100%),
    linear-gradient(180deg, #FFF 0%, #F7F3FF 55%, #ECE6FF 100%);
}
.full-bleed-section--faq { background-color: #FFFEFC; }
.full-bleed-section--footer {
  background: linear-gradient(0deg, #1A182B 0%, #1A182B 100%), linear-gradient(180deg, #6E47FF 0%, #3D278C 55%, #150079 100%);
}
.full-bleed-section--purple,
.full-bleed-section--contact,
.full-bleed-section--footer {
  background-position: center;
  background-repeat: repeat-x;
  background-size: min(100%, 1440px) 100%;
}
.full-bleed-section.full-bleed-section--contact {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.full-bleed-section--contact .have-a-challenge {
  background: transparent;
}
.full-bleed-section.full-bleed-section--testimonial {
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.hero-header__header-section { left: 50%; transform: translateX(-50%); z-index: 20; }
@media (min-width: 1101px) {
  #home .hero-header__logo-marquee {
    right: auto;
    left: 50%;
    width: 100vw;
    max-width: none;
    transform: translateX(-50%);
  }
}
.counter__definition-list {
  width: min(1152px, calc(100% - 48px));
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-self: center;
}
@media (max-width: 1439px) {
  .hero-header, .counter, .solution-we-build, .mvp-section, .mobile-app, .case-study, .technologies-shapping, .first-cta, .awards-section, .statistics, .industries, .how-an-engamement, .compalince, .faq, .have-a-challenge, .footer { width: 100%; max-width: 1440px; }
  .hero-header__header-section { width: calc(100% - 48px); }
  .hero-header__group { display: flex; width: 100%; justify-content: space-between; column-gap: 20px; }
  .hero-header__navigation-main { flex: 1 1 auto; gap: 0; }
  .hero-header__row-2 { width: auto; }
  .hero-header__header-section { padding-inline: 20px; }
}
@media (max-width: 1100px) {
  .hero-header { min-height: clamp(560px, 70vh, 760px); min-height: clamp(560px, 70svh, 760px); }
  .hero-header__header-section { width: calc(100% - 32px); }
  .hero-header__navigation-main { gap: 0; }
  .hero-header__row-2 { gap: 6px; }
  .hero-header__button, .hero-header__button-2 { padding-inline: 12px; }
  .hero-header__heading { width: 100%; max-width: 100%; }
  .hero-header__title, .hero-header__engineering-company { font-size: clamp(48px, 6.4vw, 76px); line-height: 1.05; letter-spacing: -2px; height: auto; }
  .hero-header__logo-marquee { bottom: 16px; width: calc(100% - 32px); }
  .counter, .solution-we-build, .mvp-section, .mobile-app, .case-study, .technologies-shapping, .first-cta, .awards-section, .statistics, .industries, .how-an-engamement, .compalince, .faq, .have-a-challenge, .footer { height: auto !important; min-height: 0; padding: 72px clamp(24px, 5vw, 72px) !important; }
  .counter__definition-list { width: 100% !important; }
  section:not(.hero-header) [class*="__"] {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    max-width: 100%;
    height: auto !important;
  }
  section:not(.hero-header) [class*="__container-margin"], section:not(.hero-header) [class*="__stack"],
  section:not(.hero-header) [class*="__group"], section:not(.hero-header) [class*="__content"],
  section:not(.hero-header) [class*="__row"], section:not(.hero-header) [class*="__list"],
  section:not(.hero-header) [class*="__tab-list"], section:not(.hero-header) [class*="__tab-panel"],
  section:not(.hero-header) [class*="__definition-list"], section:not(.hero-header) [class*="__form"],
  section:not(.hero-header) [class*="__article"], section:not(.hero-header) [class*="__card"] {
    width: 100% !important;
    max-width: 100%;
    margin: 0;
  }
  section:not(.hero-header) [class*="__row"], section:not(.hero-header) [class*="__group"],
  section:not(.hero-header) [class*="__list"], section:not(.hero-header) [class*="__definition-list"],
  section:not(.hero-header) [class*="__tab-list"] { flex-wrap: wrap; }
  section:not(.hero-header) [class*="__spacer"], section:not(.hero-header) [class*="__placeholder-for-container"] { display: none !important; }
  section:not(.hero-header) img { max-width: 100%; height: auto; }
  .solution-we-build__container-margin-2 { width: 100%; min-width: 0; }
  .tab-list {
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
  }
  .tab-list > button { flex: 0 0 220px; width: 220px; padding: 13px 16px; }
}
.site-nav-toggle { display: none; }
@media (max-width: 900px) {
  .hero-header__group { position: relative; align-items: center; }
  .hero-header__navigation-main { display: none; position: absolute; top: calc(100% + 12px); left: 0; right: 0; z-index: 30; flex-direction: column; align-items: stretch; gap: 4px; padding: 10px; border-radius: 14px; background: #fff; box-shadow: 0 12px 32px rgba(20, 12, 72, .18); }
  .hero-header__navigation-main.is-open { display: flex; }
  .hero-header__navigation-list { width: 100%; flex-direction: column; align-items: stretch; gap: 4px; }
  .hero-header__navigation-list li { width: 100%; }
  .nav-menu { justify-content: space-between; }
  .site-nav-toggle { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 16px; border: 1px solid #E3E3E5; border-radius: 20px; background: #fff; color: #1A182B; font: inherit; }
  .site-nav-toggle__icon { display: none; }
  .hero-header__row-2 { display: none; }
  .hero-header__row { height: auto; flex-wrap: wrap; align-content: center; gap: 8px 12px; }
  .hero-header__text { width: auto; height: auto; flex: 1 1 150px; }
  .hero-header__logo-marquee { bottom: 16px; width: calc(100% - 24px); }
  .hero-header__logo-group { gap: 40px; padding-inline: 20px; }
  .hero-header__logo-group img { width: 112px; height: 32px; }
}
@media (max-width: 767px) {
  html { scroll-padding-top: 72px; }
  /* Navbar here is top:12px + min-height:58px = 70px. */
  .hero-header {
    --hero-nav-offset: 70px;
    min-height: clamp(520px, 78vh, 680px);
    min-height: clamp(520px, 78svh, 680px);
    padding: calc(var(--hero-nav-offset) + clamp(24px, 4vh, 40px)) 20px clamp(24px, 4vh, 32px);
    row-gap: clamp(20px, 3.5vh, 32px);
    border-radius: 0 0 24px 24px;
  }
  .hero-header__image { width: 100%; height: 100%; object-fit: cover; left: 0; }
  .hero-header__header-section { top: 12px; width: calc(100% - 24px); height: auto; min-height: 58px; padding: 9px 12px; border-radius: 18px; }
  .hero-header__group { height: auto; min-height: 40px; }
  .company-logo__image { width: 120px; height: auto; }
  .hero-header__stack { gap: clamp(14px, 2.5vh, 22px); }
  .hero-header__title, .hero-header__engineering-company { font-size: clamp(38px, 10vw, 56px); line-height: 1.05; letter-spacing: -1.7px; }
  .hero-header__paragrah { font-size: 15px; line-height: 1.6; }
  .hero-header__paragrah br { display: none; }
  .hero-header__button-3 { height: 48px; padding-inline: 20px; }
  .hero-header__text-5 { font-size: 14px; }
  .hero-header__logo-marquee { bottom: 12px; height: 40px; }
  .hero-header__text-2 { font-size: 11px; }
  .counter, .solution-we-build, .mvp-section, .mobile-app, .case-study, .technologies-shapping, .first-cta, .awards-section, .statistics, .industries, .how-an-engamement, .compalince, .faq, .have-a-challenge, .footer { padding: 56px 20px !important; }
  .counter__definition-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-block: 20px;
  }
  @media (max-height: 620px) and (max-width: 767px) {
    .hero-header { min-height: 0; }
    .hero-header__stack { gap: 12px; }
    .hero-header__title, .hero-header__engineering-company { font-size: clamp(32px, 8.5vw, 42px); line-height: 1; letter-spacing: -1.2px; }
    .hero-header__paragrah { font-size: 13px; line-height: 1.4; }
    .hero-header__button-3 { height: 42px; }
    .hero-header__row { gap: 5px 8px; }
    .hero-header__text { height: 18px; }
    .hero-header__text-2 { font-size: 10px; line-height: 14px; }
    .hero-header__logo-marquee { height: 36px; bottom: 10px; }
    .hero-header__logo-group img { width: 96px; height: 28px; }
  }
  @media (max-width: 359px) {
    .hero-header__text { flex-basis: 100%; }
  }
  .counter__stack, .counter__stack-2, .counter__stack-3, .counter__stack-4 {
    width: 100%;
    padding-inline: 8px;
    grid-column: auto;
    grid-row: auto;
    justify-self: stretch;
  }
  .counter__stack, .counter__stack-3 { border-left: 0; }
  .counter__stack-3, .counter__stack-4 { border-top: 1px solid rgba(117, 117, 117, 0.2); padding-top: 14px; }
  .counter__definition-description, .counter__definition-description-2, .counter__definition-description-3, .counter__definition-description-4,
  .counter__value, .counter__value-2, .counter__value-3, .counter__value-4,
  .counter__text, .counter__text-2, .counter__text-3, .counter__text-4 {
    width: 100%;
    align-items: center;
  }
  .counter__value, .counter__value-2, .counter__value-3, .counter__value-4 { font-size: 36px; }
  .counter__caption, .counter__mobile-apps-thriving, .counter__industries-transformed, .counter__in-house-tech-experts {
    width: 100%;
    font-size: 9px;
    white-space: normal;
  }
  .mvp-section__row, .solution-we-build__tab-panel, .case-study__group, .industries__row, .have-a-challenge__group, .how-an-engamement__group { flex-direction: column; align-items: stretch; }
  .footer { padding-bottom: 24px !important; }
}
@media (max-width: 1439px) {
  .footer { height: auto !important; min-height: 0; gap: 32px; }
  .footer__row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    height: auto;
    gap: 32px 24px;
  }
  .footer__row > [class*="__stack"] { position: static; width: auto; max-width: 100%; height: auto; }
  .footer__list, .footer__list-2, .footer__list-3 { width: 100%; height: auto; }
  .footer__list-3 { min-height: 163px; }
  .footer__list-item-2 { width: 100%; height: auto; min-height: 32px; }
  .footer__text-2 { white-space: normal; }
  .footer__text-3 { width: auto; }
  .footer__row-3 { height: auto; width: 100%; flex-wrap: wrap; gap: 16px; }
  .footer__row-4 { flex-wrap: wrap; gap: 16px; }
  .footer__label-3 { left: 24px; top: auto; bottom: -72px; width: calc(100% - 48px); height: 190px; }
  .footer__title { top: 8px; font-size: clamp(72px, 17vw, 180px); line-height: 1; letter-spacing: -5px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
@media (max-width: 767.98px) {
  .site-nav-toggle {
    width: 44px;
    min-width: 44px;
    padding: 0;
  }
  .site-nav-toggle__label { display: none; }
  .site-nav-toggle__icon {
    display: flex;
    width: 20px;
    flex-direction: column;
    gap: 4px;
  }
  .site-nav-toggle__icon span {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
  }

  .footer {
    overflow: visible;
  }

  .footer__row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px; }
  .footer__stack-5 { grid-column: 1 / -1; }
  .footer__list-3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px 10px;
    min-height: 0;
    margin-bottom: 24px;
    overflow: visible;
  }
  .footer__text-5 {
    position: static;
    width: 100%;
    flex: 0 0 100%;
  }
  .footer__list-3 > img {
    position: static;
    flex: 0 0 auto;
    object-fit: contain;
  }
  .footer__container-inventivai-by { flex: 0 0 100%; }
  .footer__row-3 { align-items: flex-start; }
  .footer__row-4 { gap: 12px; }
  .footer__icon-3 { width: 96px; height: auto; }
  .footer__label { font-size: 12px; }
  .footer__label-2 { white-space: normal; }
  .footer__label-3 {
    position: static;
    width: 100%;
    height: auto;
    padding: 8px 0 0;
    overflow: visible;
  }
  .footer__title {
    position: static;
    font-size: clamp(40px, 12vw, 64px);
    line-height: 1;
    letter-spacing: -2px;
  }
}

.mobile-app__group {
  position: relative;
  inset: auto;
  width: min(1280px, 100%);
  height: 744px;
  margin-inline: auto;
}
.mobile-app__content {
  left: 0;
  width: 100%;
  height: auto;
}
.mobile-app__title, .mobile-app__description {
  width: min(896px, 100%);
}
.mobile-app__slider {
  position: absolute;
  top: 296px;
  left: 50%;
  width: min(1280px, calc(100% - 120px));
  height: 362px;
  overflow-x: auto;
  overflow-y: hidden;
  transform: translateX(-50%);
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
}
.mobile-app__slider::-webkit-scrollbar { display: none; }
.mobile-app__group-2 {
  position: relative;
  inset: auto;
  display: flex;
  width: max-content;
  min-width: 100%;
  height: 362px;
  justify-content: flex-start;
  gap: 16px;
}
.mobile-app [class^="mobile-app__article"] {
  position: relative;
  inset: auto;
  flex: 0 0 290px;
  width: 290px;
  height: 362px;
  border-radius: 20px;
  border: 1px solid #EFEDF2;
  scroll-snap-align: start;
}
.mobile-app__content-2 {
  top: 88px;
  left: 24px;
  width: calc(100% - 48px);
  height: auto;
  gap: 12px;
}
.mobile-app__ios-app-development,
.mobile-app__android-app-development,
.mobile-app__heading,
.mobile-app__game-app-development {
  font-size: 16px;
  line-height: 20px;
}
.mobile-app__description-2 { font-size: 14px; line-height: 18px; }
.mobile-app__item {
  top: auto;
  bottom: 20px;
  left: 24px;
  width: calc(100% - 48px);
  height: 20px;
}
.mobile-app__text { font-size: 12px; }
.mobile-app__icon { width: 20px; height: 20px; }
.mobile-app__row, .mobile-app__item-2 {
  top: 24px;
  left: 24px;
  width: calc(100% - 48px);
  height: 36px;
}
.mobile-app__icon-2 { width: 36px; height: 36px; }
.mobile-app__slider-controls {
  position: absolute;
  top: 690px;
  left: 50%;
  display: flex;
  gap: 8px;
  transform: translateX(-50%);
}
.mobile-app .mobile-app__slider-button {
  display: block;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  padding: 0;
  border: 0;
  background-color: transparent;
  background-image: url("../../images/home/services/mobile-app-html-css/icon.svg");
  background-repeat: no-repeat;
  cursor: pointer;
}
.mobile-app__slider-button--previous { background-position: left top; }
.mobile-app__slider-button--next { background-position: right top; }
.mobile-app__slider-button:focus-visible { outline: 3px solid #8B6CFF; outline-offset: 3px; }

@media (max-width: 1100px) {
  .mobile-app {
    height: auto !important;
    padding-block: 72px !important;
  }
  #mobile-app .mobile-app__group {
    position: relative !important;
    inset: auto !important;
    display: flex;
    width: 100% !important;
    height: auto !important;
    flex-direction: column;
    gap: 40px;
  }
  #mobile-app .mobile-app__content {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
  }
  #mobile-app .mobile-app__slider {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 362px !important;
    transform: none !important;
  }
  #mobile-app .mobile-app__group-2 {
    position: relative !important;
    inset: auto !important;
    display: flex;
    width: max-content !important;
    min-width: 100%;
    height: 362px !important;
    flex-wrap: nowrap !important;
  }
  #mobile-app [class^="mobile-app__article"] {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 290px !important;
    width: 290px !important;
    height: 362px !important;
  }
  #mobile-app .mobile-app__content-2 {
    position: absolute !important;
    top: 88px !important;
    left: 24px !important;
    width: calc(100% - 48px) !important;
    height: auto !important;
    transform: none !important;
  }
  #mobile-app .mobile-app__item {
    position: absolute !important;
    top: auto !important;
    bottom: 20px !important;
    left: 24px !important;
    width: calc(100% - 48px) !important;
    height: 20px !important;
  }
  #mobile-app .mobile-app__row, #mobile-app .mobile-app__item-2 {
    position: absolute !important;
    top: 24px !important;
    left: 24px !important;
    width: calc(100% - 48px) !important;
    height: 36px !important;
  }
  #mobile-app .mobile-app__slider-controls {
    position: static !important;
    align-self: center;
    height: 44px !important;
    min-height: 44px;
    transform: none !important;
  }
  #mobile-app .mobile-app__slider-button {
    width: 44px !important;
    height: 44px !important;
  }
}
@media (max-width: 767px) {
  .mobile-app { padding-block: 56px !important; }
  #mobile-app .mobile-app__slider { height: 362px !important; }
  #mobile-app [class^="mobile-app__article"] {
    flex-basis: min(290px, calc(100vw - 64px)) !important;
    width: min(290px, calc(100vw - 64px)) !important;
  }
  .mobile-app__title { font-size: clamp(34px, 8vw, 48px); line-height: 1.1; }
  .mobile-app__description { font-size: 16px; line-height: 25px; }
}
/* Services slider: always show whole cards (4 / 3 / 2 / 1 by available
   width) so no card is cut off and every card's left and right border is
   visible. 1px inline padding keeps the outer borders from being clipped. */
#mobile-app .mobile-app__slider {
  container-type: inline-size;
  box-sizing: border-box;
  padding-inline: 1px !important;
  scroll-padding-inline: 1px;
}
#mobile-app .mobile-app__group-2 { gap: 16px !important; }
#mobile-app .mobile-app__slider [class^="mobile-app__article"] {
  --cards: 4;
  box-sizing: border-box;
  flex: 0 0 calc((100cqw - (var(--cards) - 1) * 16px) / var(--cards)) !important;
  width: calc((100cqw - (var(--cards) - 1) * 16px) / var(--cards)) !important;
  max-width: none !important;
}
@container (max-width: 1167px) {
  #mobile-app .mobile-app__slider [class^="mobile-app__article"] { --cards: 3; }
}
@container (max-width: 871px) {
  #mobile-app .mobile-app__slider [class^="mobile-app__article"] { --cards: 2; }
}
@container (max-width: 575px) {
  #mobile-app .mobile-app__slider [class^="mobile-app__article"] { --cards: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .mobile-app__slider { scroll-behavior: auto; }
}

#faq {
  display: block;
  width: min(100%, 1440px);
  height: auto !important;
  min-height: 0;
  padding: 90px clamp(24px, 8.3vw, 120px) !important;
  position: relative;
}

#faq .faq__group {
  position: static;
  display: grid;
  width: min(1200px, 100%);
  height: auto;
  margin: 0 auto;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  grid-template-rows: auto;
  gap: clamp(32px, 5vw, 64px);
}

#faq .faq__group-2 {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  grid-row: auto;
  grid-column: auto;
}

#faq .faq__content {
  position: static;
  width: 100%;
  height: auto;
}

#faq .faq__description {
  max-width: 100%;
}

#faq .faq__button {
  position: static;
  width: auto;
  height: auto;
}

#faq .faq__horizontalborder {
  width: 100%;
  grid-row: auto;
  grid-column: auto;
  justify-self: stretch;
}

#faq .faq__horizontalborder-2 {
  width: 100%;
}

#faq .faq__button-2 {
  width: 100%;
  padding: 22px 0;
  gap: 16px;
  text-align: left;
}

#faq .faq__text-2,
#faq .faq__text-3 {
  width: auto;
  height: auto;
  white-space: normal;
}

#faq .faq__row {
  position: static;
  width: 100%;
  height: auto;
  min-height: 0;
  padding: 0 36px 22px 0;
  overflow: visible;
}

#faq .faq__row[hidden] {
  display: none;
}

#faq .faq__label-2 {
  position: static;
  width: 100%;
  max-width: 650px;
  height: auto;
  padding: 0;
}

#faq .faq__caption {
  display: block;
  width: 100%;
  height: auto;
  font-size: 16px;
  line-height: 1.6;
}

#faq .faq__icon {
  flex: 0 0 16px;
}

#faq .faq__horizontalborder-2.is-open .faq__button-2 {
  color: #1a182b;
}

@media (max-width: 1100px) {
  #faq {
    padding: 72px clamp(24px, 5vw, 72px) !important;
  }
}

@media (max-width: 767px) {
  #faq {
    padding: 56px 20px !important;
  }

  #faq .faq__group {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
  }

  #faq .faq__content {
    gap: 16px;
  }

  #faq .faq__title {
    font-size: clamp(38px, 10vw, 54px);
    line-height: 1.12;
  }

  #faq .faq__description br {
    display: none;
  }

  #faq .faq__button-2 {
    padding: 18px 0;
  }

  #faq .faq__text-2,
  #faq .faq__text-3 {
    font-size: 16px;
    line-height: 1.45;
  }

  #faq .faq__row {
    padding-right: 22px;
    padding-bottom: 18px;
  }
}

#industries [data-industry-card] {
  border: 1px solid transparent;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

#industries .industries__list-item {
  padding: 0;
}

#industries [data-industry-tab] {
  width: 100%;
  height: 100%;
  justify-content: flex-start;
  text-align: left;
  cursor: pointer;
}

#industries [data-industry-tab]:focus-visible {
  outline: 3px solid #8b6cff;
  outline-offset: -3px;
}

#industries [data-industry-card].is-active {
  border-color: #6e47ff;
}

#industries [data-industry-card].is-active [data-industry-tab] p {
  color: #6e47ff;
}

#industries .industries__card-2[data-image-type="icon"] {
  background: linear-gradient(145deg, #f5f1ff, #e8deff);
}

#industries .industries__card-2[data-image-type="icon"] .industries__image {
  top: 50%;
  left: 50%;
  width: 128px;
  height: 128px;
  object-fit: contain;
  transform: translate(-50%, -50%);
}

@media (max-width: 1100px) {
  #industries .industries__card-2[data-image-type="icon"] .industries__image {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 128px !important;
    height: 128px !important;
    transform: translate(-50%, -50%) !important;
  }
}

.solution-we-build__image {
  position: relative;
  inset: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: opacity 180ms ease;
}
#solution-tab-panel[data-solution-image-type="icon"] .solution-we-build__card-2 {
  justify-content: center;
  background: linear-gradient(145deg, #F5F1FF, #E8DEFF);
}
#solution-tab-panel[data-solution-image-type="icon"] .solution-we-build__image {
  position: relative;
  inset: auto;
  width: 220px;
  height: 220px;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(20%) sepia(88%) saturate(3733%) hue-rotate(247deg) brightness(101%) contrast(102%);
}

@media (max-width: 1100px) {
  #solution-tab-panel {
    flex-direction: column;
    align-items: stretch;
  }
  #solution-tab-panel .solution-we-build__right-image-section {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 568 / 592;
    flex: 0 0 auto;
  }
  #solution-tab-panel .solution-we-build__card {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  #solution-tab-panel .solution-we-build__card-2 {
    height: 100% !important;
  }
  #solution-tab-panel .solution-we-build__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

#case-studies .case-study__image {
  object-fit: cover;
}

@media (max-width: 1100px) {
  #case-studies .case-study__stack {
    position: static !important;
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    padding: 0 !important;
  }
  #case-studies .case-study__tab-panel-margin {
    width: 100% !important;
  }
  #case-studies .case-study__tab-list-case-studies {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: minmax(50px, auto);
    height: auto;
  }
  #case-studies .case-study__group {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 32px;
  }
  #case-studies .case-study__stack-2,
  #case-studies .case-study__stack-6 {
    width: 100% !important;
    height: auto !important;
    grid-column: 1 !important;
    grid-row: auto !important;
    align-self: stretch;
    justify-self: stretch;
  }
  #case-studies .case-study__stack-3,
  #case-studies .case-study__stack-4,
  #case-studies .case-study__stack-5,
  #case-studies .case-study__heading-3 {
    width: 100% !important;
  }
  #case-studies .case-study__description-2 {
    width: 100% !important;
  }
  #case-studies .case-study__row {
    flex-wrap: wrap;
  }
  #case-studies .case-study__caption {
    white-space: normal;
  }
  #case-studies .case-study__ai-logistics-platform-2 {
    white-space: normal;
    font-size: clamp(26px, 7vw, 36px);
    line-height: 1.15;
  }
  #case-studies .case-study__container-margin-2,
  #case-studies .case-study__row-2 {
    width: 100% !important;
  }
  #case-studies .case-study__row-2 {
    padding-right: 0;
  }
  #case-studies .case-study__button {
    position: static !important;
    width: auto !important;
    max-width: 100%;
    min-height: 48px;
    height: auto !important;
    padding: 14px 20px;
  }
  #case-studies .case-study__text-7 {
    white-space: normal;
    font-size: 14px;
    line-height: 1.3;
  }
  #case-studies .case-study__list {
    width: 100% !important;
    height: auto !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: minmax(88px, auto);
    gap: 4px;
  }
  #case-studies .case-study__list-item,
  #case-studies .case-study__list-item-2,
  #case-studies .case-study__list-item-3 {
    min-width: 0;
    padding: 8px 6px;
  }
  #case-studies .case-study__change {
    font-size: clamp(18px, 5vw, 26px);
    line-height: 1.1;
    letter-spacing: -1px;
  }
  #case-studies .case-study__icon-3 {
    width: 12px;
    height: 12px;
  }
  #case-studies .case-study__paragraph-4,
  #case-studies .case-study__paragraph-5 {
    width: 100%;
    height: auto;
  }
  #case-studies .case-study__faster-deliveries,
  #case-studies .case-study__lower-fuel-cost,
  #case-studies .case-study__caption-2 {
    width: 100%;
    font-size: 10px;
    line-height: 1.25;
    white-space: normal;
  }
  #case-studies .case-study__card {
    position: relative !important;
    width: 100% !important;
    height: clamp(320px, 70vw, 560px) !important;
    overflow: hidden;
  }
  #case-studies .case-study__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none;
    object-fit: cover;
  }
  #case-studies .case-study__group-2 {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  #case-studies .case-study__image-2 {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
}

@media (max-width: 767px) {
  #case-studies .case-study__title {
    width: 100%;
    font-size: clamp(34px, 8vw, 48px);
    line-height: 1.1;
    letter-spacing: -1.5px;
  }
  #case-studies .case-study__tab-list-case-studies {
    padding: 4px;
    column-gap: 2px;
    border-radius: 24px;
  }
  #case-studies .case-study__tab,
  #case-studies .case-study__tab-2,
  #case-studies .case-study__tab-3 {
    min-width: 0;
    padding: 8px 4px;
    flex-direction: column;
    gap: 4px;
    border-radius: 20px;
  }
  #case-studies .case-study__text,
  #case-studies .case-study__text-3,
  #case-studies .case-study__text-4 {
    width: 100%;
    height: auto;
    min-width: 0;
  }

  #case-studies .case-study__text-2,
  #case-studies .case-study__mobile-payments-app,
  #case-studies .case-study__ai-logistics-platform {
    font-size: clamp(9px, 2.7vw, 12px);
    line-height: 1.25;
    white-space: normal;
  }
}

#case-studies .case-study__image {
  transition: opacity 180ms ease;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  filter: none;
}

#case-studies .case-study__group-2 {
  display: none;
}

#case-studies [data-case-study-metric-label] {
  white-space: normal;
}

#case-studies [data-case-study-visual="payments"] {
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 50% 45%, rgba(255, 255, 255, .92) 0 24%, transparent 24.5%),
    linear-gradient(145deg, #F2ECFF, #E5DDFF 48%, #D7CBFF);
}

#case-studies [data-case-study-visual="payments"]::before {
  position: absolute;
  width: min(58%, 340px);
  aspect-ratio: 1;
  border: 1px solid rgba(110, 71, 255, .2);
  border-radius: 50%;
  content: "";
}

.testimonial,
.testimonial *,
.testimonial *::before,
.testimonial *::after {
  box-sizing: border-box;
}

.testimonial :where(h1, h2, h3, p, ul, li, figure, blockquote) {
  margin: 0;
  padding: 0;
}

.testimonial {
  display: flex;
  width: min(100%, 1440px);
  max-width: 100%;
  min-height: 615px;
  margin-inline: auto;
  padding: clamp(72px, 7.8vw, 112px) clamp(24px, 6.95vw, 100px);
  align-items: center;
  background: radial-gradient(125% 98% at 45% 100%, #8B6CFF 0%, #6E47FF 26%, #4E32B5 55%, #2E1E6B 78%, #150079 100%);
  color: #FFF;
  font-family: Manrope, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.testimonial__stack {
  width: min(1240px, 100%);
  margin-inline: auto;
}

.testimonial__group {
  display: grid;
  grid-template-columns: minmax(0, 484px) minmax(0, 1fr);
  align-items: center;
  gap: clamp(36px, 3.9vw, 56px);
}

.testimonial__stack-2 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}

.testimonial__stack-3 {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.testimonial__what-clients-say {
  color: #FFF;
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.testimonial__heading-2,
.testimonial__label,
.testimonial__blockquote-margin,
.testimonial__blockquote,
.testimonial__margin {
  width: 100%;
}

.testimonial__blockquote {
  margin: 0;
}

.testimonial__title {
  color: #FFF;
  font-size: clamp(40px, 3.75vw, 54px);
  font-weight: 500;
  line-height: 1.19;
  letter-spacing: -.065em;
}

.testimonial__description {
  color: rgba(255, 255, 255, .65);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.testimonial__row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.testimonial [hidden] {
  display: none !important;
}

.testimonial__arrow {
  display: block;
  width: 44px;
  height: 44px;
  padding: 0;
  flex: 0 0 44px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}

.testimonial__arrow:focus-visible,
.testimonial__dot:focus-visible {
  outline: 3px solid #FFBB98;
  outline-offset: 3px;
}

.testimonial__icon {
  width: 44px;
  height: 44px;
  pointer-events: none;
}

.testimonial__stack-4 {
  display: flex;
  min-width: 0;
  margin: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}

.testimonial__icon-2 {
  width: 34px;
  height: 34px;
}

.testimonial__heading {
  color: #FFF;
  font-size: clamp(24px, 2.1vw, 30px);
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -.035em;
}

.testimonial__margin {
  padding-top: 36px;
}

.testimonial__horizontalborder {
  display: flex;
  min-width: 0;
  padding-top: 20px;
  align-items: center;
  gap: 16px;
  border-top: 1px solid rgba(255, 255, 255, .2);
}

.testimonial__overlay {
  position: relative;
  display: flex;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: rgba(255, 255, 255, .1);
}

.testimonial__image {
  width: 48px;
  height: 48px;
  object-fit: cover;
}

.testimonial__avatar-initials {
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 50%;
  background: linear-gradient(145deg, #FFBB98, #6E47FF);
  color: #FFF;
  font-size: 13px;
  font-weight: 700;
}

.testimonial__stack-6 {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.testimonial__operations-director {
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

.testimonial__text {
  color: rgba(255, 255, 255, .6);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.testimonial__margin-2 {
  display: flex;
  flex: 0 0 76px;
  justify-content: flex-end;
  align-items: center;
}

.testimonial__dot {
  display: inline-flex;
  width: 12px;
  height: 24px;
  padding: 0;
  flex: 0 0 12px;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.testimonial__dot span {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .35);
  transition: width 180ms ease, background-color 180ms ease;
}

.testimonial__dot.is-active {
  width: 34px;
  flex-basis: 34px;
}

.testimonial__dot.is-active span {
  width: 28px;
  background: #FFBB98;
}

@media (max-width: 1100px) {
  .testimonial {
    min-height: 0;
    padding: 72px clamp(24px, 5vw, 72px);
  }
  .testimonial .testimonial__stack,
  .testimonial .testimonial__stack-2,
  .testimonial .testimonial__stack-3,
  .testimonial .testimonial__stack-4,
  .testimonial .testimonial__heading-2,
  .testimonial .testimonial__label,
  .testimonial .testimonial__blockquote-margin,
  .testimonial .testimonial__blockquote,
  .testimonial .testimonial__margin,
  .testimonial .testimonial__row,
  .testimonial .testimonial__horizontalborder {
    width: 100% !important;
    max-width: 100%;
  }
  .testimonial__group {
    grid-template-columns: minmax(0, 1fr);
    gap: 48px;
  }
  .testimonial__stack-2 {
    gap: 28px;
  }
  .testimonial__title {
    max-width: 620px;
  }
  .testimonial__heading br,
  .testimonial__description br {
    display: none;
  }
}

@media (max-width: 767px) {
  .testimonial {
    padding: 56px 20px;
  }
  .testimonial__group {
    gap: 36px;
  }
  .testimonial__title {
    font-size: clamp(38px, 9vw, 48px);
    line-height: 1.1;
    letter-spacing: -.06em;
  }
  .testimonial__description {
    font-size: 16px;
    line-height: 25px;
  }
  .testimonial__heading {
    font-size: clamp(22px, 5.8vw, 28px);
  }
  .testimonial__margin {
    padding-top: 24px;
  }
  .testimonial__horizontalborder {
    gap: 12px;
  }
  .testimonial__operations-director,
  .testimonial__text {
    font-size: 14px;
    line-height: 19px;
  }
  .testimonial__margin-2 {
    flex-basis: 52px;
  }
  .testimonial__margin-2 { flex-basis: 76px; }
}

.awards-section .awards-section__container-margin {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.full-bleed-section--awards .awards-section {
  width: 100%;
  max-width: none;
}

.full-bleed-section--awards .awards-section__stack {
  width: 100%;
  max-width: none;
  padding-inline: 0;
}

/* The marquee strip must stay one unwrapped line at every width. The generic
   tablet/mobile reset (section [class*="__"] { width:100% !important;
   transform:none !important } + flex-wrap:wrap) would otherwise squash it, so
   these overrides are !important too. The animation uses the independent
   `translate` property, which that `transform:none !important` cannot cancel. */
#awards .awards-section__group {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  max-width: none !important;
  height: 222px !important;
  gap: 16px;
  position: relative !important;
  will-change: translate;
}

.awards-section .awards-section__group > [class*="__row"] {
  display: flex;
  width: 288px !important;
  min-width: 288px;
  height: 222px !important;
  flex: 0 0 288px;
  position: relative !important;
  inset: auto !important;
}

#awards .awards-section__group.is-animating {
  animation: awards-slide-left var(--awards-duration, 40s) linear infinite;
}

#awards .awards-section__group.is-paused {
  animation-play-state: paused;
}

@keyframes awards-slide-left {
  from { translate: 0 0; }
  to { translate: var(--awards-shift) 0; }
}

@media (prefers-reduced-motion: reduce) {
  #awards .awards-section__group.is-animating {
    animation: none;
    translate: none;
  }
  .awards-section .awards-section__container-margin {
    overflow-x: auto;
    scrollbar-width: thin;
  }
}

#technology-stack {
  box-sizing: border-box;
  width: 100%;
  min-height: 708px;
  padding: 82px 0 64px;
  overflow: hidden;
  background: #fff;
  color: #1a182b;
  font-family: Manrope, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

#technology-stack *,
#technology-stack *::before,
#technology-stack *::after {
  box-sizing: inherit;
}

#technology-stack .technology-stack__content {
  width: min(100% - 40px, 920px);
  margin: 0 auto;
  text-align: center;
}

#technology-stack .technology-stack__title {
  margin: 0;
  font-size: clamp(36px, 4vw, 54px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.045em;
}

#technology-stack .technology-stack__description {
  max-width: 718px;
  margin: 20px auto 0;
  color: #716f7e;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

#technology-stack .technology-stack__rows {
  display: grid;
  gap: 0px;
  margin-top: 60px;
}

#technology-stack .technology-stack__row {
  display: block;
  width: 100%;
  height: 134px;
  padding: 4px max(24px, calc((100vw - 1440px) / 2));
  overflow: hidden;
}

/* Same protection as the awards strip: keep the track one unwrapped line and
   animate `translate`, which the tablet reset's transform:none !important
   cannot cancel. */
#technology-stack .technology-stack__track {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  max-width: none !important;
  gap: 24px;
  will-change: translate;
}

#technology-stack .technology-stack__row[data-direction="left"] .technology-stack__track.is-animating {
  animation: technology-stack-slide-left var(--technology-stack-duration, 40s) linear infinite;
}

#technology-stack .technology-stack__row[data-direction="right"] .technology-stack__track.is-animating {
  animation: technology-stack-slide-right var(--technology-stack-duration, 40s) linear infinite;
}

#technology-stack .technology-stack__track.is-paused {
  animation-play-state: paused;
}

@keyframes technology-stack-slide-left {
  from { translate: 0 0; }
  to { translate: calc(-1 * var(--technology-stack-shift)) 0; }
}

@keyframes technology-stack-slide-right {
  from { translate: calc(-1 * var(--technology-stack-shift)) 0; }
  to { translate: 0 0; }
}

#technology-stack .technology-stack__item {
  display: grid;
  width: 100px;
  min-width: 100px;
  height: 100px;
  padding: 5px;
  place-items: center;
  border-radius: 28px;
  background: #f5f5f5;
  color: #6e47ff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
}

#technology-stack .technology-stack__item img {
  display: block;
  width: 60px;
  height: 60px;
  max-width: 100%;
  object-fit: contain;
}

#technology-stack .technology-stack__note {
  margin: 30px 20px 0;
  color: #716f7e;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
}

@media (max-width: 1100px) {
  #technology-stack .technology-stack__row {
    height: 134px !important;
  }

  #technology-stack .technology-stack__item {
    width: 126px !important;
    height: 126px !important;
    flex: 0 0 126px !important;
  }
}

@media (max-width: 767px) {
  #technology-stack {
    min-height: 0;
    padding: 64px 0 48px;
  }

  #technology-stack .technology-stack__description {
    font-size: 16px;
  }

  #technology-stack .technology-stack__rows {
    gap: 16px;
    margin-top: 40px;
  }

  #technology-stack .technology-stack__row {
    gap: 16px;
    padding-right: 20px;
    padding-left: 20px;
  }

  #technology-stack .technology-stack__track {
    gap: 16px;
  }

  #technology-stack .technology-stack__item {
    width: 100px !important;
    min-width: 100px;
    height: 100px !important;
    flex-basis: 100px !important;
    border-radius: 22px;
    font-size: 13px;
  }

  #technology-stack .technology-stack__item img {
    width: 60px;
    height: 60px;
  }

}

@media (prefers-reduced-motion: reduce) {
  #technology-stack .technology-stack__row {
    overflow-x: auto;
    scrollbar-width: thin;
  }

  #technology-stack [data-technology-stack-clone] {
    display: none;
  }

  #technology-stack .technology-stack__track {
    animation: none !important;
    translate: none !important;
  }
}

#case-studies [data-case-study-visual="payments"] .case-study__image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1;
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  object-fit: cover;
  filter: none;
}

@media (max-width: 1100px) {
  #how-it-works .how-an-engamement__stack {
    width: 100% !important;
    max-width: 1200px;
    padding: 0 !important;
  }

  #how-it-works .how-an-engamement__row {
    display: flex;
    width: 100% !important;
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }

  #how-it-works .how-an-engamement__stack-3 {
    width: 100% !important;
  }

  #how-it-works .how-an-engamement__title {
    white-space: normal;
  }

  #how-it-works .how-an-engamement__description,
  #how-it-works .how-an-engamement__paragraph,
  #how-it-works .how-an-engamement__container-margin-2,
  #how-it-works .how-an-engamement__card {
    width: 100% !important;
    max-width: 100%;
  }

  #how-it-works .how-an-engamement__paragraph {
    padding-top: 12px;
  }

  #how-it-works .how-an-engamement__container-margin-2 {
    padding-top: 0;
  }

  #how-it-works .how-an-engamement__card {
    height: auto;
    min-height: 100px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 1fr;
    column-gap: 16px;
    align-items: center;
  }

  #how-it-works .how-an-engamement__content,
  #how-it-works .how-an-engamement__content-2 {
    width: auto;
    min-width: 0;
  }

  #how-it-works .how-an-engamement__heading,
  #how-it-works .how-an-engamement__heading-2 {
    font-size: clamp(20px, 3vw, 28px);
    line-height: 1.05;
    letter-spacing: -0.8px;
    white-space: nowrap;
  }

  #how-it-works .how-an-engamement__container-margin-3 {
    width: 100% !important;
    height: auto !important;
    padding-top: 24px;
  }

  #how-it-works .how-an-engamement__group {
    display: flex;
    width: 100% !important;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 16px;
  }

  #how-it-works .how-an-engamement__article,
  #how-it-works .how-an-engamement__article-2,
  #how-it-works .how-an-engamement__article-3,
  #how-it-works .how-an-engamement__article-4,
  #how-it-works .how-an-engamement__article-5,
  #how-it-works .how-an-engamement__article-6,
  #how-it-works .how-an-engamement__article-7 {
    display: flex;
    width: 100% !important;
    min-width: 0;
    height: auto !important;
    min-height: 0;
    padding: 22px;
    flex-direction: column;
    gap: 8px;
    grid-row: auto !important;
    grid-column: auto !important;
  }

  #how-it-works .how-an-engamement__article { order: 1; }
  #how-it-works .how-an-engamement__article-2 { order: 2; }
  #how-it-works .how-an-engamement__article-3 { order: 3; }
  #how-it-works .how-an-engamement__article-6 { order: 4; }
  #how-it-works .how-an-engamement__article-5 { order: 5; }
  #how-it-works .how-an-engamement__article-4 { order: 6; }
  #how-it-works .how-an-engamement__article-7 { order: 7; }

  #how-it-works .how-an-engamement__row-2,
  #how-it-works .how-an-engamement__row-3 {
    width: 100% !important;
    height: auto !important;
    min-height: 36px;
    padding-bottom: 8px;
  }

  #how-it-works .how-an-engamement__heading-2,
  #how-it-works .how-an-engamement__heading-2-2,
  #how-it-works .how-an-engamement__heading-2-4 {
    width: 100% !important;
    height: auto !important;
    min-height: 0;
    padding-bottom: 4px;
  }

  #how-it-works .how-an-engamement__title br {
    display: none;
  }

  #how-it-works .how-an-engamement__discovery-consulting,
  #how-it-works .how-an-engamement__architecture-planning,
  #how-it-works .how-an-engamement__design-prototyping,
  #how-it-works .how-an-engamement__heading-3,
  #how-it-works .how-an-engamement__heading-4 {
    font-size: clamp(20px, 3vw, 24px);
    line-height: 1.25;
    white-space: normal;
  }

  #how-it-works .how-an-engamement__paragraph-2,
  #how-it-works .how-an-engamement__description-2 {
    width: 100% !important;
    max-width: 100%;
  }

  #how-it-works .how-an-engamement__description-2 {
    font-size: 15px;
    line-height: 1.5;
  }

  #how-it-works .how-an-engamement__container-align {
    min-height: 64px;
    flex: 1 0 auto;
  }

  #how-it-works .how-an-engamement__stack-5 {
    width: 100%;
    padding-top: 12px;
  }

  #how-it-works .how-an-engamement__small,
  #how-it-works .how-an-engamement__label-2,
  #how-it-works .how-an-engamement__label-3,
  #how-it-works .how-an-engamement__label-4,
  #how-it-works .how-an-engamement__label-5 {
    width: 100% !important;
    height: auto !important;
    padding: 8px 0 0;
  }

  #how-it-works .how-an-engamement__text-2 {
    position: static !important;
    white-space: normal;
  }

  #how-it-works .how-an-engamement__article-4 {
    position: relative !important;
    background: linear-gradient(145deg, #5B21F5, #150079);
  }

  #how-it-works .how-an-engamement__article-4 > .how-an-engamement__image {
    display: none !important;
  }

  #how-it-works .how-an-engamement__group-2 {
    position: static !important;
    display: flex;
    width: 100% !important;
    height: auto !important;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  #how-it-works .how-an-engamement__group-3,
  #how-it-works .how-an-engamement__heading-2-3,
  #how-it-works .how-an-engamement__paragraph-3 {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    padding: 0;
  }

  #how-it-works .how-an-engamement__caption-2,
  #how-it-works .how-an-engamement__launch-adoption,
  #how-it-works .how-an-engamement__build-in-two-week-sprints {
    color: #FFF;
  }

  #how-it-works .how-an-engamement__launch-adoption {
    font-size: clamp(24px, 4vw, 32px);
    line-height: 1.2;
    white-space: normal;
  }

  #how-it-works .how-an-engamement__build-in-two-week-sprints {
    width: 100%;
    font-size: 15px;
    line-height: 1.5;
  }
}

@media (min-width: 1440px) {
  #solutions {
    height: 1019px;
    padding-block: 40px;
  }

  #solutions .solution-we-build__container-margin {
    top: 40px;
  }

  #mvp {
    height: 1181px;
    padding-block: 40px;
  }

  #mvp .mvp-section__stack {
    height: 1101px;
    top: 40px;
  }

  #mobile-app {
    height: 824px;
    padding-block: 40px;
  }

  #case-studies {
    height: 1061px;
    padding-block: 40px;
  }

  #case-studies .case-study__stack {
    top: 40px;
  }

  #testimonials {
    min-height: 0;
    padding-block: 40px;
  }

  #emerging-tech {
    height: 1069px;
  }

  #emerging-tech .technologies-shapping__container-margin {
    height: 1069px;
    padding-block: 40px;
  }

  #emerging-tech .technologies-shapping__stack {
    top: 40px;
  }

  #technology-cta {
    height: 280px;
    padding-block: 40px;
  }

  #technology-cta .first-cta__row {
    top: 40px;
  }

  #awards,
  #ai-statistics,
  #how-it-works,
  #compliance,
  #faq {
    padding-block: 40px;
  }

  #faq {
    padding-block: 40px !important;
  }

  #industries {
    height: 796px;
    padding-block: 40px;
  }

  #industries .industries__container-margin {
    top: 40px;
  }

  #technology-stack {
    min-height: 0;
    padding-block: 40px;
  }

  #contact {
    height: 1053px;
    padding-block: 40px;
  }

  #contact .have-a-challenge__stack {
    top: 40px;
  }
}

@media (max-width: 1100px) {
  #emerging-tech {
    height: auto;
    padding-block: 72px;
  }

  #emerging-tech .technologies-shapping__container-margin,
  #emerging-tech .technologies-shapping__stack {
    position: static;
    inset: auto;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 0;
  }

  #emerging-tech .technologies-shapping__stack {
    gap: 40px;
  }

  #emerging-tech .technologies-shapping__content,
  #emerging-tech .technologies-shapping__title,
  #emerging-tech .technologies-shapping__description {
    width: 100%;
    max-width: 100%;
  }

  #emerging-tech .technologies-shapping__title {
    font-size: clamp(36px, 5vw, 48px);
    line-height: 1.15;
  }

  #emerging-tech .technologies-shapping__description br {
    display: none;
  }

  #emerging-tech .technologies-shapping__container-margin-2 {
    width: 100%;
    height: auto;
    padding-top: 0;
    flex-shrink: 1;
  }

  #emerging-tech .technologies-shapping__group {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
    grid-auto-rows: auto;
    gap: 16px;
  }

  #emerging-tech .technologies-shapping__group > [class*="__article"] {
    width: auto;
    min-width: 0;
    height: auto;
    padding: 24px;
    grid-column: auto;
    grid-row: auto;
  }

  #emerging-tech .technologies-shapping__heading-3 {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-top: 20px;
    flex-shrink: 1;
  }

  #emerging-tech .technologies-shapping__heading,
  #emerging-tech .technologies-shapping__edge-computing,
  #emerging-tech .technologies-shapping__computer-vision,
  #emerging-tech .technologies-shapping__predictive-analytics {
    max-width: 100%;
    white-space: normal;
  }

  #emerging-tech .technologies-shapping__our-ai-specialists-transform,
  #emerging-tech .technologies-shapping__description-2,
  #emerging-tech .technologies-shapping__our-agentic-ai-development {
    width: 100%;
    max-width: 100%;
  }

  #emerging-tech .technologies-shapping__stack-2,
  #emerging-tech .technologies-shapping__list {
    width: 100%;
    max-width: 100%;
  }

  #emerging-tech .technologies-shapping__list {
    flex-wrap: wrap;
    justify-content: center;
  }

  #emerging-tech .technologies-shapping__description-3 {
    width: 100%;
    max-width: 100%;
  }

  #contact .have-a-challenge__stack {
    position: static;
    inset: auto;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 0;
    gap: 24px;
  }

  #contact .have-a-challenge__content,
  #contact .have-a-challenge__heading,
  #contact .have-a-challenge__para {
    width: 100%;
    max-width: 100%;
  }

  #contact .have-a-challenge__content {
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  #contact .have-a-challenge__heading {
    min-width: 0;
    flex: 0 1 auto;
    font-size: clamp(32px, 5vw, 48px);
    line-height: 1.15;
    white-space: normal;
  }

  #contact .have-a-challenge__para {
    min-width: 0;
    flex: 0 1 auto;
    white-space: normal;
  }

  #contact .have-a-challenge__row {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
    gap: 12px;
  }

  #contact .have-a-challenge__text {
    width: auto;
    min-width: 0;
    flex: 1 1 180px;
  }

  #contact .have-a-challenge__caption,
  #contact .have-a-challenge__expert-led-guidance,
  #contact .have-a-challenge__intelligence-by-design,
  #contact .have-a-challenge__engineered-to-scale {
    white-space: normal;
  }

  #contact .have-a-challenge__container-margin {
    position: static;
    inset: auto;
    width: 100%;
    height: auto;
    padding-top: 12px;
  }

  #contact .have-a-challenge__group {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-auto-rows: auto;
    gap: 20px;
  }

  #contact .have-a-challenge__card,
  #contact .have-a-challenge__card-2 {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: auto;
    min-height: 0;
    padding: clamp(20px, 3vw, 32px);
    grid-column: 1;
    grid-row: auto;
  }

  #contact .have-a-challenge__heading-3,
  #contact .have-a-challenge__list,
  #contact .have-a-challenge__container-align,
  #contact .have-a-challenge__container-margin-2,
  #contact .have-a-challenge__paragraph-margin,
  #contact .have-a-challenge__description,
  #contact .have-a-challenge__container-margin-3,
  #contact .have-a-challenge__form {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  #contact .have-a-challenge__heading-3 {
    height: auto;
  }

  #contact .have-a-challenge__heading-2 {
    max-width: 100%;
    white-space: normal;
  }

  #contact .have-a-challenge__list {
    height: auto;
  }

  #contact .have-a-challenge__list-item,
  #contact .have-a-challenge__list-item-2 {
    width: 100%;
    min-width: 0;
  }

  #contact .have-a-challenge__text-3,
  #contact .have-a-challenge__text-4,
  #contact .have-a-challenge__text-6,
  #contact .have-a-challenge__we-reply-with-next-steps-and-an,
  #contact .have-a-challenge__text-7 {
    width: auto;
    min-width: 0;
    flex: 1 1 0;
    overflow-wrap: anywhere;
    white-space: normal;
  }

  #contact .have-a-challenge__caption-3,
  #contact .have-a-challenge__hello-appagentix-com,
  #contact .have-a-challenge__text-5,
  #contact .have-a-challenge__nda-before-details {
    white-space: normal;
  }

  #contact .have-a-challenge__container-align {
    position: static;
    height: auto;
    padding: 24px 0;
  }

  #contact .have-a-challenge__stack-2,
  #contact .have-a-challenge__numbered-list {
    position: static;
    width: 100%;
    height: auto;
  }

  #contact .have-a-challenge__list-item-3,
  #contact .have-a-challenge__list-item-4 {
    width: 100%;
    min-width: 0;
  }

  #contact .have-a-challenge__row-2,
  #contact .have-a-challenge__row-3 {
    position: static;
    width: 100%;
    height: auto;
    min-height: 0;
    flex-wrap: wrap;
  }

  #contact .have-a-challenge__row-2 {
    padding: 20px 0 0;
  }

  #contact .have-a-challenge__row-3 {
    gap: 8px;
  }

  #contact .have-a-challenge__form {
    display: grid;
    height: auto;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-auto-rows: auto;
    gap: 16px;
    flex-shrink: 1;
  }

  #contact .have-a-challenge__group-2,
  #contact .have-a-challenge__group-3 {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-column: 1;
    grid-row: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
    gap: 12px;
  }

  #contact .have-a-challenge__stack-3,
  #contact .have-a-challenge__stack-4,
  #contact .have-a-challenge__stack-5,
  #contact .have-a-challenge__stack-6,
  #contact .have-a-challenge__stack-7 {
    width: 100%;
    min-width: 0;
    grid-column: auto;
    grid-row: auto;
  }

  #contact .have-a-challenge__label,
  #contact .have-a-challenge__label-2,
  #contact .have-a-challenge__text-input,
  #contact .have-a-challenge__email-input,
  #contact .have-a-challenge__dropdown,
  #contact .have-a-challenge__dropdown-2,
  #contact .have-a-challenge__row-4,
  #contact .have-a-challenge__text-area,
  #contact .have-a-challenge__button {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  #contact .have-a-challenge__label,
  #contact .have-a-challenge__label-2 {
    height: auto;
  }

  #contact .have-a-challenge__dropdown,
  #contact .have-a-challenge__dropdown-2 {
    position: relative;
    height: 48px;
    padding: 12px 16px;
  }

  #contact .have-a-challenge__select-a-country,
  #contact .have-a-challenge__choose-one {
    position: static;
    max-width: 100%;
    white-space: normal;
  }

  #contact .have-a-challenge__row-4 {
    height: auto;
  }

  #contact .have-a-challenge__text-area {
    position: static;
    height: 92px;
  }

  #contact .have-a-challenge__button {
    height: auto;
    min-height: 56px;
    padding: 14px 20px;
    white-space: normal;
  }

  #contact .have-a-challenge__button p {
    white-space: normal;
  }

  #contact .have-a-challenge__paragraph {
    width: 100%;
    min-width: 0;
    flex-wrap: wrap;
  }

  #contact .have-a-challenge__caption-5 {
    white-space: normal;
  }

  #technology-cta .first-cta__row,
  #technology-cta .first-cta__stack,
  #technology-cta .first-cta__title,
  #technology-cta .first-cta__description {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
  }

  #technology-cta .first-cta__row {
    position: static;
    inset: auto;
    flex-wrap: wrap;
    gap: 24px;
  }

  #technology-cta .first-cta__stack {
    flex: 1 1 100%;
  }

  #technology-cta .first-cta__title,
  #technology-cta .first-cta__text-3 {
    white-space: normal;
  }

  #technology-cta .first-cta__button {
    max-width: 100%;
    min-height: 56px;
    height: auto;
    padding: 14px 24px;
  }

  #compliance .compalince__stack,
  #compliance .compalince__content,
  #compliance .compalince__title,
  #compliance .compalince__our-work-shows-how-intelligent,
  #compliance .compalince__row {
    width: 100%;
    max-width: 100%;
  }

  #compliance .compalince__stack {
    height: auto;
    padding: 0;
    gap: 36px;
  }

  #compliance .compalince__title,
  #compliance .compalince__our-work-shows-how-intelligent {
    height: auto;
  }

  #compliance .compalince__title {
    font-size: clamp(36px, 5vw, 52px);
    line-height: 1.15;
  }

  #compliance .compalince__our-work-shows-how-intelligent br {
    display: none;
  }

  #compliance .compalince__row {
    height: auto;
    flex-wrap: wrap;
    gap: 16px;
  }

  #compliance .compalince__badge,
  #compliance .compalince__badge-2,
  #compliance .compalince__badge-3,
  #compliance .compalince__badge-4,
  #compliance .compalince__icon {
    width: clamp(72px, 10vw, 100px);
    height: clamp(72px, 10vw, 100px);
    flex: 0 1 clamp(72px, 10vw, 100px);
  }

  #compliance .compalince__group,
  #compliance .compalince__mask-group {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  #compliance .compalince__badge .compalince__image,
  #compliance .compalince__badge-2 .compalince__image-2,
  #compliance .compalince__badge-3 .compalince__image-3,
  #compliance .compalince__badge-4 .compalince__image-4 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 84%;
    height: 84%;
    max-width: 84%;
    max-height: 84%;
    object-fit: contain;
    transform: translate(-50%, -50%);
  }
}

@media (max-width: 767.98px) {
  #mvp .mvp-section__stack {
    padding: 0 !important;
  }

  #mvp .mvp-section__content,
  #mvp .mvp-section__title,
  #mvp .mvp-section__description,
  #mvp .mvp-section__container-margin,
  #mvp .mvp-section__row,
  #mvp .mvp-section__article,
  #mvp .mvp-section__card,
  #mvp .mvp-section__group,
  #mvp .mvp-section__group-2 {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
  }

  #mvp .mvp-section__content {
    gap: 12px;
  }

  #mvp .mvp-section__title {
    font-size: 32px;
    line-height: 1.15;
    letter-spacing: -1px;
  }

  #mvp .mvp-section__description {
    font-size: 15px;
    line-height: 1.5;
  }

  #mvp .mvp-section__container-margin {
    padding-top: 28px;
  }

  #mvp .mvp-section__row {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
  }

  #mvp .mvp-section__article {
    height: auto;
    padding: 10px;
    flex-shrink: 1;
    overflow: hidden;
  }

  #mvp .mvp-section__card {
    position: relative !important;
    height: auto;
    aspect-ratio: 564 / 300;
    flex-shrink: 0;
  }

  #mvp .mvp-section__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none;
    object-fit: cover;
  }

  #mvp .mvp-section__group,
  #mvp .mvp-section__group-2 {
    display: flex;
    height: auto;
    padding: 12px 8px 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex-shrink: 1;
  }

  #mvp .mvp-section__group > *,
  #mvp .mvp-section__group-2 > * {
    position: static !important;
    inset: auto !important;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-width: 0;
  }

  #mvp .mvp-section__for-startups,
  #mvp .mvp-section__for-enterprises {
    align-self: flex-start;
    white-space: normal;
  }

  #mvp .mvp-section__heading,
  #mvp .mvp-section__launch-faster-validate-smarter {
    font-size: 24px;
    line-height: 1.2;
  }

  #mvp .mvp-section__every-startup-needs-to-make-the,
  #mvp .mvp-section__every-startup-needs-to-make-the-2 {
    font-size: 15px;
    line-height: 1.5;
  }

  #mvp .mvp-section__list-margin,
  #mvp .mvp-section__list-margin-2 {
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  #mvp .mvp-section__list-item,
  #mvp .mvp-section__list-item-2 {
    display: flex;
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 22px;
    align-items: flex-start;
    gap: 10px;
    flex-shrink: 1;
  }

  #mvp .mvp-section__icon {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    flex: 0 0 18px;
  }

  #mvp .mvp-section__text,
  #mvp .mvp-section__text-2,
  #mvp .mvp-section__text-3,
  #mvp .mvp-section__text-5,
  #mvp .mvp-section__scalable-architecture,
  #mvp .mvp-section__fixed-scope-discovery,
  #mvp .mvp-section__ai-powered-automation {
    width: auto;
    min-width: 0;
    max-width: 100%;
    flex: 1 1 auto;
    white-space: normal;
    font-size: 14px;
    line-height: 1.5;
  }

  #mvp .mvp-section__button,
  #mvp .mvp-section__button-2 {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    min-height: 48px;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
  }

  #mvp .mvp-section__plan-your-mvp,
  #mvp .mvp-section__text-6 {
    white-space: normal;
  }

  #ai-statistics .statistics__stack {
    padding: 0 !important;
  }

  #ai-statistics .statistics__card {
    position: relative !important;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 28px 20px;
    overflow: hidden;
    border-radius: 32px;
  }

  #ai-statistics .statistics__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
  }

  #ai-statistics .statistics__stack-2 {
    position: relative !important;
    inset: auto !important;
    z-index: 1;
    width: 100%;
    height: auto;
    gap: 28px;
  }

  #ai-statistics .statistics__stack-3 {
    width: 100%;
    gap: 12px;
  }

  #ai-statistics .statistics__heading-2,
  #ai-statistics .statistics__title,
  #ai-statistics .statistics__description {
    width: 100%;
    max-width: 100%;
  }

  #ai-statistics .statistics__title {
    font-size: 32px;
    line-height: 1.15;
    letter-spacing: -1px;
  }

  #ai-statistics .statistics__description {
    font-size: 16px;
    line-height: 1.5;
  }

  #ai-statistics .statistics__description br {
    display: none;
  }

  #ai-statistics .statistics__definition-list-margin {
    width: 100%;
    height: auto;
    padding-top: 0;
  }

  #ai-statistics .statistics__definition-list {
    display: grid;
    width: 100%;
    max-width: 100%;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-auto-rows: auto;
    gap: 24px;
  }

  #ai-statistics .statistics__stack-4,
  #ai-statistics .statistics__stack-6,
  #ai-statistics .statistics__stack-7 {
    width: 100%;
    min-width: 0;
    grid-column: auto;
    grid-row: auto;
    align-items: center;
  }

  #ai-statistics .statistics__stack-5,
  #ai-statistics .statistics__definition-description,
  #ai-statistics .statistics__definition-term-margin,
  #ai-statistics .statistics__definition-term-margin-2,
  #ai-statistics .statistics__text,
  #ai-statistics .statistics__description-2 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  #ai-statistics .statistics__change {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -1px;
  }

  #ai-statistics .statistics__text,
  #ai-statistics .statistics__description-2 {
    font-size: 15px;
    line-height: 1.5;
  }

  #ai-statistics .statistics__container-margin-2 {
    width: 100%;
    padding-top: 12px;
  }

  #ai-statistics .statistics__badge {
    height: 6px !important;
  }

  #ai-statistics .statistics__shape,
  #ai-statistics .statistics__shape-2,
  #ai-statistics .statistics__shape-3 {
    height: 6px !important;
  }

  #ai-statistics .statistics__label {
    width: 100%;
    height: auto;
    min-height: 0;
    padding-top: 0;
  }

  #ai-statistics .statistics__description-3 {
    width: 100%;
    max-width: 100%;
    font-size: 15px;
    line-height: 1.5;
  }

  #industries {
    padding-inline: 20px !important;
  }

  #industries .industries__container-margin,
  #industries .industries__stack,
  #industries .industries__content,
  #industries .industries__container-margin-2,
  #industries .industries__row,
  #industries .industries__list,
  #industries .industries__stack-2,
  #industries .industries__card {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
  }

  #industries .industries__stack {
    padding: 0 !important;
    gap: 28px;
  }

  #industries .industries__content {
    gap: 12px;
  }

  #industries .industries__title {
    font-size: 32px;
    line-height: 1.15;
    letter-spacing: -1px;
  }

  #industries .industries__text {
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
  }

  #industries .industries__text br {
    display: none;
  }

  #industries .industries__container-margin-2 {
    padding-top: 0;
  }

  #industries .industries__row {
    gap: 16px;
  }

  #industries .industries__list {
    display: flex;
    height: auto;
    flex-direction: column;
    gap: 10px;
  }

  #industries [data-industry-card] {
    position: static;
    inset: auto;
    width: 100%;
    height: auto;
    min-height: 70px;
    overflow: visible;
    border-radius: 24px;
  }

  #industries [data-industry-tab] {
    width: 100%;
    min-height: 70px;
    height: auto;
    padding: 12px 14px;
    gap: 12px;
  }

  #industries [data-industry-tab] > p,
  #industries [data-industry-tab] > div {
    width: auto;
    min-width: 0;
    flex: 1 1 auto;
  }

  #industries [data-industry-tab] p {
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.3;
  }

  #industries .industries__stack-2 {
    height: auto;
    flex-shrink: 1;
  }

  #industries .industries__card {
    position: relative !important;
    height: auto;
    padding: 12px;
    align-items: stretch;
  }

  #industries .industries__placeholder-for-container {
    width: 100%;
    height: auto;
    aspect-ratio: 416 / 176;
  }

  #industries .industries__card-2 {
    position: absolute !important;
    inset: auto !important;
    left: 12px !important;
    top: 12px !important;
    width: calc(100% - 24px) !important;
    height: auto;
    aspect-ratio: 416 / 176;
  }

  #industries .industries__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
  }

  #industries .industries__stack-3 {
    width: 100%;
    padding: 20px 8px 8px;
  }

  #industries .industries__retail-and-ecommerce-2 {
    white-space: normal;
    font-size: 24px;
    line-height: 1.2;
  }

  #industries .industries__description {
    width: 100%;
    font-size: 15px;
    line-height: 1.55;
  }

  #industries .industries__button-3 {
    width: 100%;
    min-height: 48px;
    height: auto;
    padding: 12px 16px;
  }

  #industries .industries__text-6 {
    white-space: normal;
  }

  #solutions .solution-we-build__stack {
    padding-inline: 0;
  }

  #solutions .solution-we-build__title {
    font-size: clamp(36px, 9vw, 48px);
    line-height: 1.15;
  }

  #solutions .solution-we-build__heading {
    font-size: clamp(28px, 7vw, 36px);
    line-height: 1.2;
  }

  #solutions .solution-we-build__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  #solutions .solution-we-build__button,
  #solutions .solution-we-build__link {
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 56px;
    padding: 14px 18px;
  }

  #solutions .solution-we-build__text-4,
  #solutions .solution-we-build__text-5,
  #solutions .solution-we-build__text-6,
  #solutions .solution-we-build__explore-ai-solutions {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
  }

  #how-it-works .how-an-engamement__heading,
  #how-it-works .how-an-engamement__heading-2 {
    white-space: normal;
  }

  #how-it-works .how-an-engamement__title {
    font-size: clamp(32px, 8vw, 42px);
    line-height: 1.15;
    letter-spacing: -1px;
  }

  #emerging-tech {
    padding-block: 56px;
  }

  #emerging-tech .technologies-shapping__stack {
    gap: 28px;
  }

  #emerging-tech .technologies-shapping__title {
    font-size: clamp(30px, 8vw, 42px);
  }

  #emerging-tech .technologies-shapping__description {
    font-size: 16px;
    line-height: 1.55;
  }

  #emerging-tech .technologies-shapping__group {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  #emerging-tech .technologies-shapping__group > [class*="__article"] {
    padding: 22px;
  }

  #contact .have-a-challenge__stack {
    gap: 20px;
  }

  #contact .have-a-challenge__heading {
    font-size: clamp(30px, 8vw, 42px);
  }

  #contact .have-a-challenge__para,
  #contact .have-a-challenge__description {
    font-size: 15px;
    line-height: 1.55;
  }

  #contact .have-a-challenge__card,
  #contact .have-a-challenge__card-2 {
    padding: 20px;
  }

  #contact .have-a-challenge__group-2,
  #contact .have-a-challenge__group-3 {
    grid-template-columns: minmax(0, 1fr);
  }

  #technology-cta .first-cta__title {
    font-size: clamp(30px, 8vw, 40px);
    line-height: 1.15;
  }

  #technology-cta .first-cta__button {
    width: 100%;
    padding-inline: 16px;
  }

  #compliance {
    padding-block: 56px !important;
  }

  #compliance .compalince__stack {
    gap: 28px;
  }

  #compliance .compalince__title {
    font-size: clamp(32px, 8vw, 44px);
  }

  #compliance .compalince__our-work-shows-how-intelligent {
    font-size: 16px;
    line-height: 1.55;
  }
}

@media (max-width: 767.98px) {
  #solutions .solution-we-build__title,
  #mvp .mvp-section__title,
  #mobile-app .mobile-app__title,
  #case-studies .case-study__title,
  #testimonials .testimonial__title,
  #emerging-tech .technologies-shapping__title,
  #technology-cta .first-cta__title,
  #awards .awards-section__title,
  #ai-statistics .statistics__title,
  #industries .industries__title,
  #technology-stack .technology-stack__title,
  #how-it-works .how-an-engamement__title,
  #compliance .compalince__title,
  #faq .faq__title {
    font-size: 32px;
  }
}

@media (max-width: 767.98px) {
  #case-studies .case-study__tab-list-case-studies {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-auto-rows: auto;
    gap: 8px;
    padding: 6px;
  }

  #case-studies .case-study__tab,
  #case-studies .case-study__tab-2,
  #case-studies .case-study__tab-3 {
    display: flex;
    width: 100% !important;
    min-width: 0;
    min-height: 60px;
    height: auto;
    padding: 12px 16px;
    flex-direction: row;
    justify-content: flex-start;
    gap: 12px;
    border-radius: 20px;
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    justify-self: stretch;
  }

  #case-studies .case-study__icon {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
  }

  #case-studies .case-study__text,
  #case-studies .case-study__text-3,
  #case-studies .case-study__text-4 {
    width: auto;
    height: auto;
    min-width: 0;
    flex: 1 1 auto;
    align-items: flex-start;
  }

  #case-studies .case-study__text-2,
  #case-studies .case-study__mobile-payments-app,
  #case-studies .case-study__ai-logistics-platform {
    width: 100%;
    text-align: left;
    font-size: 16px;
    line-height: 1.35;
  }
}

/* body p:not([class*="__title"]):not([class*="__heading"]):not([class*="__value"]):not(.hero-header__engineering-company) {
  font-size: 16px;
} */

@media (max-width: 1440px) and (min-width: 1101px) {
  #solutions .solution-we-build__container-margin,
  #emerging-tech .technologies-shapping__container-margin,
  #industries .industries__container-margin {
    width: 100%;
    max-width: 100%;
    right: 0;
  }

  #solutions .solution-we-build__stack,
  #industries .industries__stack,
  #emerging-tech .technologies-shapping__stack {
    width: min(1280px, calc(100% - 48px));
    max-width: 100%;
  }

  #solutions .solution-we-build__tab-panel-margin {
    width: 100%;
    max-width: 100%;
  }

  #emerging-tech .technologies-shapping__stack {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}

@media (min-width: 768px) and (max-height: 680px) {
  #emerging-tech .technologies-shapping__stack-2,
  #emerging-tech .technologies-shapping__content {
    width: 100%;
    max-width: 100%;
  }

  #mvp .mvp-section__stack,
  #case-studies .case-study__stack {
    left: 50%;
    right: auto;
    width: min(1280px, calc(100% - 48px));
    max-width: 100%;
    transform: translateX(-50%);
  }

  #mvp .mvp-section__row,
  #industries .industries__row {
    width: 100%;
    max-width: 1200px;
  }

  #case-studies .case-study__group,
  #case-studies .case-study__tab-panel-margin {
    width: 100%;
    max-width: 100%;
  }

  #technology-cta .first-cta__row {
    left: 50%;
    width: min(1104px, calc(100% - 48px));
    max-width: 100%;
    transform: translateX(-50%);
  }

  #ai-statistics .statistics__stack {
    width: min(1280px, 100%);
    max-width: 100%;
  }

  #ai-statistics .statistics__card {
    width: 100%;
    max-width: 1200px;
  }

  #compliance .compalince__stack {
    width: 100%;
    max-width: 1440px;
    padding-inline: clamp(24px, 5.56vw, 80px);
  }

  #compliance .compalince__content {
    width: 100%;
    max-width: 1200px;
  }

  #contact .have-a-challenge__group {
    width: 100%;
    max-width: 100%;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  }

  #contact .have-a-challenge__card,
  #contact .have-a-challenge__card-2 {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 1100px) and (min-width: 768px) {
  #ai-statistics .statistics__card {
    position: relative !important;
    height: auto;
    min-height: 0;
    overflow: hidden;
  }

  #ai-statistics .statistics__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
  }

  #ai-statistics .statistics__stack-2 {
    position: relative !important;
    inset: auto !important;
    z-index: 1;
    width: 100%;
    height: auto;
    gap: 28px;
  }

  #ai-statistics .statistics__definition-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
    grid-auto-rows: auto;
  }

  #ai-statistics .statistics__stack-4,
  #ai-statistics .statistics__stack-6,
  #ai-statistics .statistics__stack-7 {
    width: 100%;
    min-width: 0;
    grid-column: auto;
    grid-row: auto;
  }

  #ai-statistics .statistics__stack-5,
  #ai-statistics .statistics__definition-description,
  #ai-statistics .statistics__definition-term-margin,
  #ai-statistics .statistics__definition-term-margin-2,
  #ai-statistics .statistics__text,
  #ai-statistics .statistics__description-2 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}

/* ===== Equal section spacing (top = bottom) =====
   Big screens (>=1440): 40px · Laptop/desktop (1101-1439): 90px
   Tablet (768-1100): 72px · Mobile (<=767): 56px */
@media (min-width: 1101px) {
  #compliance .compalince__stack { height: auto; }
}

@media (min-width: 1440px) {
  #solutions { height: 992px; }
  #mvp { height: 1193px; }
  #mobile-app { height: 814px; }
  #case-studies { height: 1083px; }
}

@media (min-width: 1101px) and (max-width: 1439px) {
  #solutions { height: 1092px; }
  #mvp { height: 1293px; }
  #mobile-app { height: 914px; }
  #case-studies { height: 1183px; }
  #testimonials { min-height: 0; padding-block: 90px; }
  #emerging-tech,
  #emerging-tech .technologies-shapping__container-margin { height: 1169px; }
  #technology-cta { height: 380px; padding-block: 90px; }
  #technology-cta .first-cta__row { top: 90px; }
  #technology-stack { min-height: 0; padding-block: 90px; }
  #contact { padding-bottom: 90px; }
}

@media (min-width: 1440px) {
  #mobile-app { padding-top: 50px; padding-bottom: 40px; } /* content is centred: re-centre the 5px offset */
}

@media (min-width: 1101px) and (max-width: 1439px) {
  #mobile-app { padding-top: 100px; padding-bottom: 90px; }
}

@media (max-width: 1100px) {
  /* Photo tabs: box hugs the image so no empty strip sits under it (icon tabs keep their square card). */
  #solution-tab-panel:not([data-solution-image-type="icon"]) .solution-we-build__right-image-section { aspect-ratio: auto; }
  #solution-tab-panel:not([data-solution-image-type="icon"]) .solution-we-build__card { position: relative !important; inset: auto !important; height: auto !important; }
  #solution-tab-panel:not([data-solution-image-type="icon"]) .solution-we-build__card-2 { height: auto !important; }
  #solution-tab-panel:not([data-solution-image-type="icon"]) .solution-we-build__image { display: block; width: 100%; height: auto; max-height: none; }
  /* Awards cards: logo and caption centred in the card. */
  #awards [class*="awards-section__card"] {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-sizing: border-box;
    height: 222px !important;
    padding: 12px 16px 14px !important;
    overflow: hidden;
    text-align: center;
  }
  #awards [class*="awards-section__card"] > img {
    display: block;
    flex: 0 1 auto;
    width: auto !important;
    max-width: 180px;
    height: auto !important;
    max-height: 130px;
    min-height: 0;
    margin: 0 auto !important;
    object-fit: contain;
  }
  #awards [class*="awards-section__card"] > p {
    flex: 0 0 auto;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto;
    text-align: center;
  }

  /* AI Statistics: gradient image covers the whole card, as on desktop. */
  #ai-statistics .statistics__card {
    position: relative !important;
    overflow: hidden;
  }
  #ai-statistics .statistics__card > .statistics__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center top;
    z-index: 0;
  }

  /* Industries detail card: image sits above the text instead of over it. */
  #industries .industries__card {
    display: flex !important;
    flex-direction: column;
    height: auto !important;
  }
  #industries .industries__placeholder-for-container {
    display: none !important;
  }
  #industries .industries__card-2 {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    top: auto !important;
    order: -1;
    flex: 0 0 auto;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 416 / 176;
    overflow: hidden;
  }
  #industries .industries__stack-3 {
    position: relative !important;
    z-index: 1;
  }

  /* Solutions capability list: check icon and text on one line. */
  #solutions .solution-we-build__list-item,
  #solutions .solution-we-build__list-item-2,
  #solutions .solution-we-build__list-item-3 {
    display: flex;
    flex-wrap: nowrap !important;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 0 0;
  }
  #solutions .solution-we-build__list-item { padding-top: 0; }
  #solutions [class*="solution-we-build__list-item"] > img {
    flex: 0 0 18px;
    width: 18px !important;
    height: 18px !important;
    margin-top: 2px;
  }
  #solutions [class*="solution-we-build__list-item"] > [class*="solution-we-build__paragraph"] {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
  }
  #solutions [class*="solution-we-build__list-item"] p { width: auto; }

  /* MVP "What You Get" lists: check icon and text on one line. */
  #mvp [class*="mvp-section__list-item"] {
    display: flex;
    flex-wrap: nowrap !important;
    align-items: flex-start;
    gap: 12px;
  }
  #mvp [class*="mvp-section__list-item"] > img {
    flex: 0 0 auto;
    margin-top: 2px;
  }
  #mvp [class*="mvp-section__list-item"] > :not(img) {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
  }
  #mvp [class*="mvp-section__list-item"] p { width: auto !important; }
  #stats { padding-block: 32px !important; } /* + 40px list padding = 72px */
  #technology-stack { min-height: 0; padding-block: 72px !important; }
}

@media (max-width: 767px) {
  /* Case study result boxes: one full-width box per row. */
  #case-studies .case-study__list {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-auto-rows: auto;
    gap: 8px;
    padding: 8px;
  }
  #case-studies .case-study__list-item,
  #case-studies .case-study__list-item-2,
  #case-studies .case-study__list-item-3 {
    grid-row: auto;
    grid-column: 1 / -1;
    width: 100% !important;
    padding: 16px;
    gap: 4px;
  }
  #case-studies .case-study__change { font-size: 26px; }
  #case-studies .case-study__icon-3 { width: 16px; height: 16px; }
  #case-studies .case-study__faster-deliveries,
  #case-studies .case-study__lower-fuel-cost,
  #case-studies .case-study__caption-2 {
    font-size: 14px;
    line-height: 1.4;
  }
  /* Emerging tech cards: icon and heading on one line, description below. */
  #emerging-tech [class*="technologies-shapping__article"] {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    column-gap: 14px;
    row-gap: 14px;
  }
  #emerging-tech [class*="technologies-shapping__article"] > .technologies-shapping__icon {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
  }
  #emerging-tech [class*="technologies-shapping__article"] > .technologies-shapping__heading-3 {
    grid-column: 2;
    grid-row: 1;
    width: auto !important;
    margin: 0;
    padding: 0;
  }
  #emerging-tech [class*="technologies-shapping__article"] > .technologies-shapping__paragraph-margin {
    grid-column: 1 / -1;
    grid-row: 2;
    margin: 0;
    padding: 0;
  }
  #stats { padding-block: 36px !important; } /* + 20px list padding = 56px */
  #technology-stack { padding-block: 56px !important; }
}

/* Stats strip on tablet: let each counter grow with its caption so the
   space below matches the space above. */
@media (min-width: 768px) and (max-width: 1100px) {
  #stats .counter__definition-list {
    grid-template-rows: auto !important;
    grid-auto-rows: auto !important;
    height: auto !important;
    align-items: start;
  }
  #stats .counter__definition-list > *,
  #stats .counter__definition-list > * * {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}

/* Contact highlights: 4 pills in a 2 x 2 grid on tablet and mobile. */
@media (max-width: 1100px) {
  #contact .have-a-challenge__row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 10px;
    width: 100% !important;
    flex-wrap: nowrap;
  }
  #contact .have-a-challenge__row > .have-a-challenge__text {
    display: flex !important;
    align-items: center;
    width: 100% !important;
    min-width: 0;
    max-width: none;
    margin: 0;
    gap: 10px;
  }
  #contact .have-a-challenge__row > .have-a-challenge__text > img {
    flex: 0 0 auto;
  }
  #contact .have-a-challenge__row > .have-a-challenge__text > p {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    white-space: normal;
    text-align: left;
  }
}
@media (max-width: 480px) {
  #contact .have-a-challenge__row { gap: 8px; }
  #contact .have-a-challenge__row > .have-a-challenge__text { gap: 8px; padding-inline: 8px 10px; }
  #contact .have-a-challenge__row > .have-a-challenge__text > p { font-size: 13px; line-height: 1.3; }
}