/* features.css — navy theme */
.features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-6); }
.feat-card {
  background: var(--white); border: 1px solid var(--warm-200);
  border-radius: var(--r-xl); padding: var(--sp-8); box-shadow: var(--shadow-sm);
  transition: box-shadow var(--dur-base) var(--ease), transform var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease);
}
.feat-card:hover { box-shadow: var(--shadow-lg); border-color: var(--navy-500); transform: translateY(-6px); }
.feat-icon {
  width: 52px; height: 52px; background: var(--navy-50);
  border-radius: var(--r-md); display: flex; align-items: center; justify-content: center;
  color: var(--navy-700); font-size: 1.25rem; margin-bottom: var(--sp-5);
  transition: background var(--dur-base) var(--ease), color var(--dur-base) var(--ease), transform var(--dur-base) var(--ease-spring);
}
.feat-card:hover .feat-icon { background: var(--navy-700); color: var(--white); transform: scale(1.08); }
.feat-card h3 { font-size: 1.05rem; margin-bottom: var(--sp-3); color: var(--gray-900); }
.feat-card p { font-size: .9rem; line-height: 1.75; }
.reveal { opacity: 0; transform: translateY(20px); transition: opacity var(--dur-slow) var(--ease), transform var(--dur-slow) var(--ease); }
.reveal.visible { opacity: 1; transform: none; }
.feat-card:nth-child(1) { transition-delay: .05s; }
.feat-card:nth-child(2) { transition-delay: .10s; }
.feat-card:nth-child(3) { transition-delay: .15s; }
.feat-card:nth-child(4) { transition-delay: .20s; }
.feat-card:nth-child(5) { transition-delay: .25s; }
.feat-card:nth-child(6) { transition-delay: .30s; }