.feat, .feat *{
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.feat{
  background:#ffffff;
  padding: 90px 0 90px;
}

.feat-wrap{
  max-width: 1150px;
  margin: 0 auto;
  padding: 0 24px;
}

.feat-title{
  text-align:center;
  font-size: 40px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color:#0f172a;
  margin: 0 0 10px;
}

.feat-subtitle{
  text-align:center;
  font-size: 15px;
  color: rgba(15,23,42,.65);
  margin: 0 0 48px;
}

/* grid */
.feat-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

/* card */
.feat-card{
  background:#ffffff;
  border: 1px solid rgba(15, 23, 42, 0.16);
  border-radius: 12px;
  padding: 22px;
  min-height: 150px;
  box-shadow: 0 12px 22px rgba(15, 23, 42, 0.06);
}

.feat-icon{
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(37, 99, 235, 0.12);
  color: #2563eb;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom: 14px;
}

.feat-card-title{
  font-size: 14px;
  font-weight: 800;
  margin: 0 0 8px;
  color:#0f172a;
}

.feat-card-text{
  font-size: 12.5px;
  line-height: 1.55;
  margin: 0;
  color: rgba(15, 23, 42, 0.65);
  max-width: 295px;
}

/* responsive */
@media (max-width: 980px){
  .feat-title{ font-size: 32px; }
  .feat-grid{ grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px){
  .feat{ padding: 70px 0 60px; }
  .feat-title{ font-size: 26px; }
  .feat-grid{ grid-template-columns: 1fr; }
}