/* =========================================================
   FEATURES — matches sections/features.html
   To add a new feature card: copy one .feature-card block in
   sections/features.html and edit the icon/title/text.
   ========================================================= */
.features{background:var(--cream);}
.feature-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:2px;
  background:var(--line); border:1px solid var(--line); border-radius:18px; overflow:hidden;
}
.feature-card{
  background:var(--cream-warm); padding:40px 32px; position:relative;
  transition:background .25s;
}
.feature-card:hover{background:#fffdf6;}
.feature-icon{width:44px; height:44px; margin-bottom:22px;}
.feature-card h3{
  font-size:23px; color:var(--primary-dark); font-weight:600; margin-bottom:10px;
}
.feature-card p{font-size:14.5px; line-height:1.65; color:#5b6660;}

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