.ai-table-section {
      padding: 2rem;

      >h1 {
        color: var(--color-petrol);
      }

      >p {
        font-size: 1.1rem;
      }

      .introduction {
        color: var(--color-primary-text);
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1.35;
        letter-spacing: 0.1px;
      }

      .introduction p {
        margin: 0 0 9px;
      }

      .comparison {
        margin-top: 37px;
        padding: 27px 20px 37px;
        border-radius: 14px;
        background: var(--color-grey-light);
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: auto repeat(4, auto);
        gap: 11px;
      }

      .phase {
        display: grid;
        grid-template-rows: subgrid;
        grid-row: 1 / span 5;
      }

      .phase-heading {
        color: var(--color-petrol);
        min-height: 67px;
        margin: 0;
        font-size: 1.25rem;
        line-height: 1.32;
        font-weight: 500;
      }

      .phase-heading strong {
        display: block;
        font-weight: 700;
      }

      .cards {
        gap: 10px;
        display: contents;
      }

      .card {
        background: var(--color-white);
        border: none;
        color: var(--color-petrol);
        border-radius: 10px;
        padding: 19px 21px;
        min-height: 88px;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.35;
      }

      .card-label {
        display: block;
        color: var(--blue);
        margin-bottom: 4px;
      }

      .card p {
        margin: 0;
      }

      @media (max-width: 700px) {
        main {
          padding: 16px;
        }

        h1 {
          font-size: clamp(26px, 6vw, 36px);
          line-height: 1.25;
          margin-bottom: 18px;
        }

        .introduction {
          font-size: 0.938rem;
          line-height: 1.55;
        }

        .comparison {
          margin-top: 26px;
          padding: 20px 16px;
          grid-template-columns: 1fr;
          grid-template-rows: auto;
          gap: 30px;
        }

        .phase {
          grid-template-rows: auto;
          grid-row: auto;
        }

        .phase-heading {
          min-height: auto;
          margin-bottom: 15px;
        }

        .card {
          min-height: auto;
          padding: 18px;
          font-size: 0.938rem;
        }

        .cards {
          display: grid;
        }
      }
    }