/* ============ FEATURES ============ */
.feature-groups { display: flex; flex-direction: column; gap: 64px; }
.feature-group-head {
  display: flex; align-items: baseline; gap: 14px;
  margin-bottom: 26px;
  border-bottom: 1px solid var(--chola-border);
  padding-bottom: 16px;
}
.feature-group-head .fg-icon {
  width: 34px; height: 34px; border-radius: 9px;
  background: var(--chola-accent-light); color: var(--chola-accent-dark);
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; flex-shrink: 0;
}
.feature-group-head h3 {
  font-family: var(--chola-font-head); font-size: 20px; font-weight: 600; color: var(--chola-ink);
}
.feature-group-head span {
  font-size: 13px; color: var(--chola-text-secondary);
}
.feature-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px;
}
.feature-card {
  background: var(--chola-surface); border: 1px solid var(--chola-border); border-radius: 14px;
  padding: 24px; transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
}
.feature-card:hover {
  border-color: var(--chola-accent); transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.06);
}
.feature-card i { color: var(--chola-accent); font-size: 17px; margin-bottom: 14px; display: block; }
.feature-card h4 { font-size: 14.5px; font-weight: 600; color: var(--chola-ink); margin-bottom: 7px; }
.feature-card p { font-size: 13px; color: var(--chola-text-secondary); line-height: 1.55; }