/* =========================================================
   features.css — "Key Features" card grid
   ========================================================= */

.features-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
}
.feature-card{
  background:var(--paper-white);
  border:1px solid var(--line-dark);
  border-radius:var(--radius-lg);
  padding:32px 28px;
  box-shadow:var(--shadow-soft);
}
.feature-icon{
  width:46px; height:46px;
  border-radius:12px;
  background:rgba(46,204,130,0.14);
  display:grid; place-items:center;
  margin-bottom:20px;
  color:var(--mint-600);
}
.feature-icon svg{ width:22px; height:22px; }
.feature-card h3{
  font-family:var(--font-display);
  font-size:1.15rem;
  margin:0 0 10px;
  font-weight:600;
}
.feature-card p{
  color:var(--ink-600);
  font-size:0.92rem;
  line-height:1.65;
  margin:0;
}

.section-divider{
  border:none;
  border-top:2px dotted rgba(46,204,130,0.5);
  margin:88px 0 0;
}

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