.neeb-komp-intro{
  position:relative;
  overflow:visible;
  padding:110px 24px;
}

.neeb-komp-intro::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:
    radial-gradient(circle at 10% 10%, rgba(8,72,99,.05), transparent 30%),
    radial-gradient(circle at 90% 90%, rgba(8,72,99,.04), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f7fbfd 100%);
  z-index:0;
}

.neeb-komp-container{
  position:relative;
  z-index:1;
  max-width:1100px;
  margin:0 auto;
}

.neeb-komp-intro-head{
  max-width:860px;
  margin:0 auto 50px;
  text-align:center;
}

.neeb-komp-intro-head h2{
  margin:0 0 16px;
  font-size:48px;
  line-height:1.05;
  font-weight:800;
  letter-spacing:-.04em;
  color:#0f172a;
  text-wrap:balance;
}

.neeb-komp-intro-head p{
  margin:0;
  font-size:18px;
  line-height:1.8;
  color:#586575;
}

.neeb-komp-intro-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:20px;
}

.neeb-komp-intro-box{
  padding:30px 26px 26px;
  border-radius:24px;
  background:linear-gradient(180deg, #ffffff 0%, #fbfdfe 100%);
  border:1px solid rgba(8,72,99,.08);
  box-shadow:0 18px 40px rgba(15,23,42,.06);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.neeb-komp-intro-box:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 50px rgba(15,23,42,.08);
  border-color:rgba(8,72,99,.16);
}

.neeb-komp-intro-box h3{
  margin:0 0 12px;
  font-size:28px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.03em;
  color:#10202d;
  text-wrap:balance;
}

.neeb-komp-intro-box p{
  margin:0;
  font-size:15px;
  line-height:1.8;
  color:#5b6773;
}

/* TABLET */
@media (max-width:980px){
  .neeb-komp-intro-grid{
    grid-template-columns:1fr;
    gap:18px;
  }
}

/* MOBILE */
@media (max-width:767px){
  .neeb-komp-intro{
    padding:56px 16px;
  }

  .neeb-komp-intro-head{
    margin-bottom:30px;
    text-align:left;
  }

  .neeb-komp-intro-head h2{
    font-size:34px;
    line-height:1.08;
  }

  .neeb-komp-intro-head p{
    font-size:15px;
    line-height:1.75;
  }

  .neeb-komp-intro-box{
    padding:22px 20px 20px;
    border-radius:22px;
  }

  .neeb-komp-intro-box h3{
    font-size:24px;
    line-height:1.15;
  }

  .neeb-komp-intro-box p{
    font-size:14px;
    line-height:1.75;
  }
}