.features-grid-section {
  background: var(--panel-dark);
  color: #fff;
  padding: 110px 32px;
  scroll-margin-top: 72px;
}
.features-grid-section .wrap { max-width: 1180px; }
.features-grid-section .section-head p { color: rgba(255, 255, 255, .62); }

.features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.feature-card {
  background: var(--panel-dark-2);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 20px;
  padding: 28px;
  transition: border-color .2s ease;
}
.feature-card:hover { border-color: rgba(var(--accent-rgb), .4); }

.feature-icon {
  width: 48px;
  height: 48px;
  border-radius: 13px;
  background: rgba(var(--accent-rgb), .14);
  display: grid;
  place-items: center;
  color: var(--accent);
}
.feature-icon.danger { background: rgba(255, 90, 77, .16); color: var(--red-3); }

.feature-card h3 { font-size: 19px; font-weight: 800; margin: 18px 0 0; }
.feature-card p { font-size: 15px; line-height: 1.6; color: rgba(255, 255, 255, .6); margin: 9px 0 0; }

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