/* ============================
   NyaySar About
   FINAL — simple, open, trust-first
============================ */

.about-wrap{
  width:min(980px, 100%);
  margin:0 auto;
}

.about-hero{
  width:min(760px, 100%);
  margin:0 auto;
  text-align:center;
}

.about-sub{
  margin:6px auto 0;
  max-width:720px;
  color:var(--ns-muted);
  font-size:15px;
  line-height:1.7;
}

.about-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-top:20px;
}

.about-grid .ns-feature{
  background:#fff;
  border:1px solid #e6ebf5;
  border-radius:16px;
  padding:18px;
  box-shadow:0 8px 22px rgba(10,25,60,.05);
}

.about-grid .ns-feature h4{
  margin:0 0 8px;
  color:var(--ns-header);
  font-size:18px;
  font-weight:800;
}

.about-grid .ns-feature p{
  margin:0;
  color:var(--ns-muted);
  line-height:1.6;
}

.about-block{
  margin-top:22px;
  background:#fff;
  border:1px solid #e6ebf5;
  border-radius:16px;
  padding:18px;
  box-shadow:0 8px 22px rgba(10,25,60,.04);
}

.about-block .ns-h3{
  margin-bottom:10px;
}

.about-block p{
  margin:0 0 12px;
  color:var(--ns-muted);
  line-height:1.7;
}

.about-block p:last-child{
  margin-bottom:0;
}

@media (max-width:900px){
  .about-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:560px){
  .about-sub{
    font-size:14px;
  }

  .about-grid .ns-feature,
  .about-block{
    padding:16px;
    border-radius:14px;
  }
}