/* ==========================================================================
   KOBIL — Industries: compliance (shared, Aug 2026 net-new industry pages)
   ========================================================================== */

.sec-new-industry-compliance {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--w80);
  width: 100%;
  padding: var(--w80) var(--w80);
}

.sec-new-industry-compliance__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--w28);
  max-width: var(--w750);
  text-align: center;
}

.sec-new-industry-compliance__title {
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: var(--w56);
  line-height: 1.3;
}

.sec-new-industry-compliance__title-accent {
  background: linear-gradient(89.87deg, #1046cf 11.23%, #696ef5 16.04%, #ca80f4 41.7%, #ffc4a0 67.36%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.sec-new-industry-compliance__title-line {
  color: var(--navy);
}

.sec-new-industry-compliance__lead {
  font-family: var(--font-sans);
  font-size: var(--w18);
  font-weight: 400;
  line-height: var(--w26);
  color: var(--navy-80);
}

.sec-new-industry-compliance__grid {
  display: flex;
  justify-content: center;
  gap: var(--w24);
  width: 100%;
}

.sec-new-industry-compliance__card {
  display: flex;
  gap: var(--w16);
  width: var(--w380);
  padding: var(--w24);
  border: 1px solid var(--navy-40);
  border-radius: var(--w18);
}

.sec-new-industry-compliance__icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--w52);
  height: var(--w52);
}

.sec-new-industry-compliance__icon--masked {
  background: var(--navy);
  -webkit-mask: var(--mask-src) center / contain no-repeat;
  mask: var(--mask-src) center / contain no-repeat;
}

.sec-new-industry-compliance__icon img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.sec-new-industry-compliance__card-title {
  font-family: var(--font-sans);
  font-size: var(--w18);
  font-weight: 600;
  line-height: var(--w24);
  color: var(--navy);
  margin-bottom: 2px;
}

.sec-new-industry-compliance__card-desc {
  font-family: var(--font-sans);
  font-size: var(--w16);
  font-weight: 400;
  line-height: var(--w23);
  color: var(--navy-80);
}

@media (max-width: 768px) {
  .sec-new-industry-compliance {
    padding: var(--w64) var(--w40);
  }

  .sec-new-industry-compliance__title {
    font-size: var(--w40);
  }

  .sec-new-industry-compliance__grid {
    flex-wrap: wrap;
  }

  .sec-new-industry-compliance__card {
    width: 100%;
    max-width: var(--w380);
  }
}

@media (max-width: 768px) {
  .sec-new-industry-compliance {
    padding: var(--m48) var(--m24);
    gap: var(--m48);
  }

  .sec-new-industry-compliance__title {
    font-size: var(--m30);
  }
}