.aiworks {
  margin: var(--section-margin) 0;
  /* ---------- Flow ---------- */
  /* ---------- CTA ---------- */
}
.aiworks__title {
  margin-bottom: clamp(60px, 8vw, 100px);
  text-align: center;
}
.aiworks__title span {
  color: var(--color-accent);
}
.aiworks__flow {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.aiworks__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  text-align: center;
  flex: 0 0 auto;
  width: 232px;
}
.aiworks__num {
  width: clamp(45px, 5vw, 74px);
  height: clamp(45px, 5vw, 74px);
  border-radius: 100%;
  background: var(--color-accent);
  color: #fff;
  font-weight: 700;
  font-size: clamp(19px, 2.25vw, 31px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.aiworks__label {
  font-weight: 700;
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.3;
}
.aiworks__conn {
  flex: 0 0 auto;
  margin: 0 -8px;
}
.aiworks__conn img {
  display: block;
  width: clamp(70px, 9vw, 120px);
  height: auto;
}

.aiworks__conn--1 img {
  transform: translateY(-76px);
}

.aiworks__action {
  margin-top: clamp(32px, 4.5vw, 60px);
  text-align: center;
}

@media(width < 1280px){
  .aiworks__step {
    width: 184px;
  }

  .aiworks__conn--1 img {
    transform: translateY(-60px);
  }
}

@media (width < 992px) {
  .aiworks__flow {
    display: grid;
    grid-template-columns: repeat( 2, minmax(0,1fr));
    gap: 56px;
    max-width: 400px;
    margin: 0 auto;
    position: relative;
  }

  .aiworks__conn {
    position: absolute;
    left: 50%;
  }

  .aiworks__conn img {
    transform: translateX(-50%);
  }

  .aiworks__conn--0 {
    top: 10px;
  }

  .aiworks__conn--1 {
    top: 146px;
  }

  .aiworks__conn--1:after {
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE5IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgMTE5IDY0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB4PSI4Ni4zODI4IiB5PSIzIiB3aWR0aD0iMzIuNCIgaGVpZ2h0PSIzMi40IiByeD0iNy4yIiB0cmFuc2Zvcm09InJvdGF0ZSg5LjQ4ODMxIDg2LjM4MjggMykiIGZpbGw9IiNGRjY4MDkiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIwNThfODA1MCkiPgo8cGF0aCBkPSJNOTkuMzkyOCAyMy40MjQxTDk3LjkxNDIgMjEuMzUyTTk5LjM5MjggMjMuNDI0MUMxMDAuMjcyIDIzLjI0NzggMTAxLjEzMSAyMi45ODM5IDEwMS45NTggMjIuNjM2MU05OS4zOTI4IDIzLjQyNDFMOTguODk4MyAyNi4zODNDOTguODk4MyAyNi4zODMgMTAwLjc0NiAyNi4zNTcyIDEwMS40NjMgMjUuNTk1MUMxMDIuMjYzIDI0Ljc0MzIgMTAxLjk1OCAyMi42MzYxIDEwMS45NTggMjIuNjM2MU05Ny45MTQyIDIxLjM1MkM5OC4zNjU3IDIwLjU4NzYgOTguODkzMSAxOS44NzA3IDk5LjQ4ODUgMTkuMjEyMkMxMDAuMzYyIDE4LjIyNDkgMTAxLjQ3NCAxNy40Nzc2IDEwMi43MTggMTcuMDQxNEMxMDMuOTYyIDE2LjYwNTIgMTA1LjI5OCAxNi40OTQ1IDEwNi41OTcgMTYuNzE5OUMxMDYuMzI4IDE4LjMyOTUgMTA1LjM5MyAyMS4wODEyIDEwMS45NTggMjIuNjM2MU05Ny45MTQyIDIxLjM1Mkw5NC45NTUyIDIwLjg1NzRDOTQuOTU1MiAyMC44NTc0IDk1LjU4MDQgMTkuMTE4NyA5Ni41MzQ0IDE4LjY4ODFDOTcuNiAxOC4yMDkyIDk5LjQ5MzQgMTkuMTgyNiA5OS40OTM0IDE5LjE4MjZNOTQuODA2IDIzLjU3QzkzLjc5MzcgMjQuMTY3MyA5My4xMjc5IDI2LjMzMTEgOTMuMTI3OSAyNi4zMzExQzkzLjEyNzkgMjYuMzMxMSA5NS4zOTA3IDI2LjQwNTEgOTYuMjg0NyAyNS42NDIxQzk2Ljc4NzkgMjUuMjE1MiA5Ni45MDk2IDI0LjQ1MDggOTYuNTE5MiAyMy45MTFDOTYuMzI1OSAyMy42NTMgOTYuMDQ0MSAyMy40NzU1IDk1LjcyNzkgMjMuNDEyNkM5NS40MTE3IDIzLjM0OTYgOTUuMDgzNCAyMy40MDU3IDk0LjgwNiAyMy41N1oiIHN0cm9rZT0iI0ZGNjgwOSIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxwYXRoIGQ9Ik01My42NjI2IDE4LjY2MDVDNDEuNDUyMiAyMS4yNyAyNS45Mzg3IDM0LjQ2OCAzNi41NjM2IDQ3LjIyODRDNDIuODI3MiA1NC43MiA1Ny43MzU5IDUxLjA2NzUgNTMuNDU2OCA0MC4wMjk4QzQ1LjgxMTEgMjAuNDY3MyAxNC42MDE1IDMxLjAwODkgNy44NDk3OCA0Ny4wMDI5IiBzdHJva2U9IiNGRjY4MDkiIHN0cm9rZS13aWR0aD0iMi40IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iNC44IDQuOCIvPgo8cGF0aCBkPSJNMTkuMDAyMSA0Mi40MzEyQzE1Ljg1MTMgNDMuNzcwNiAxMS4xOTQyIDQ3LjQyNTMgNy45NjQ5MiA0Ny45MjQ3QzUuMjk1NTggNDguMzcxOSA0LjQwMjY3IDM4LjUxNDUgMy40OTAwNiAzNi4wMDE2IiBzdHJva2U9IiNGRjY4MDkiIHN0cm9rZS13aWR0aD0iMi40IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cmVjdCB4PSI4NS44NDM4IiB3aWR0aD0iMzIuNCIgaGVpZ2h0PSIzMi40IiByeD0iNy4yIiBmaWxsPSIjRkZGNUVCIi8+CjxwYXRoIGQ9Ik0xMDEuNjU1IDEwLjc1NTdIMTAxLjk5MkMxMDQuMzYyIDEwLjc1NTcgMTA1LjU0NyAxMC43NTU3IDEwNS45OTcgMTEuMTgxNEMxMDYuMzg2IDExLjU0OTMgMTA2LjU1OSAxMi4wOTE0IDEwNi40NTQgMTIuNjE2M0MxMDYuMzMyIDEzLjIyMzYgMTA1LjM2NSAxMy45MDc5IDEwMy40MyAxNS4yNzY2TDEwMC4yNjggMTcuNTEyNkM5OC4zMzMzIDE4Ljg4MTMgOTcuMzY1OCAxOS41NjU2IDk3LjI0NDQgMjAuMTcyOUM5Ny4xMzk0IDIwLjY5NzggOTcuMzExNyAyMS4yMzk5IDk3LjcwMDYgMjEuNjA3OEM5OC4xNTA0IDIyLjAzMzUgOTkuMzM1NSAyMi4wMzM1IDEwMS43MDYgMjIuMDMzNUgxMDIuNDMyTTk4LjkzMjMgMTAuNzU1N0M5OC45MzIzIDEyLjA0NDQgOTcuODg3NiAxMy4wODkgOTYuNTk5IDEzLjA4OUM5NS4zMTAzIDEzLjA4OSA5NC4yNjU2IDEyLjA0NDQgOTQuMjY1NiAxMC43NTU3Qzk0LjI2NTYgOS40NjcwMyA5NS4zMTAzIDguNDIyMzYgOTYuNTk5IDguNDIyMzZDOTcuODg3NiA4LjQyMjM2IDk4LjkzMjMgOS40NjcwMyA5OC45MzIzIDEwLjc1NTdaTTEwOS44MjEgMjEuNjQ0NkMxMDkuODIxIDIyLjkzMzMgMTA4Ljc3NyAyMy45Nzc5IDEwNy40ODggMjMuOTc3OUMxMDYuMTk5IDIzLjk3NzkgMTA1LjE1NSAyMi45MzMzIDEwNS4xNTUgMjEuNjQ0NkMxMDUuMTU1IDIwLjM1NTkgMTA2LjE5OSAxOS4zMTEzIDEwNy40ODggMTkuMzExM0MxMDguNzc3IDE5LjMxMTMgMTA5LjgyMSAyMC4zNTU5IDEwOS44MjEgMjEuNjQ0NloiIHN0cm9rZT0iI0ZGNjgwOSIgc3Ryb2tlLXdpZHRoPSIxLjE2NjY3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjA1OF84MDUwIj4KPHJlY3Qgd2lkdGg9IjE0LjQiIGhlaWdodD0iMTQuNCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkzLjc3NTQgMTMuMzYwNCkgcm90YXRlKDkuNDg4MzEpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+');
    transform: translateX(-60%);
    display: block;
  }

  .aiworks__conn--1 img {
    display: none;
  }

  .aiworks__conn--2 {
    top: 220px;
  }

  .aiworks__step {
    width: 100%;
  }
}

@media (width < 768px) {
  .aiworks__action .btn {
    width: 100%;
  }
}