/* ═══════════════════════════════════════════
   FEATURES — full width dark section
   ═══════════════════════════════════════════ */
.features {
  padding: var(--section-pad) 0;
  background: var(--dark);
}
.features__inner {
  max-width: var(--container-wide);
  margin: 0 auto;
  padding: 0 2.4rem;
}
.features__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

/* Feature card — BOLD dark variant */
.feature-card {
  padding: 1.8rem 1.6rem;
  background: var(--dark);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: var(--radius-xl);
  transition: box-shadow 0.5s cubic-bezier(0.16,1,0.3,1),
              border-color 0.4s,
              transform 0.5s cubic-bezier(0.16,1,0.3,1);
}
.feature-card:hover {
  box-shadow: 0 12px 48px rgba(0,123,193,0.22), 0 0 0 1px rgba(0,123,193,0.15);
  border-color: rgba(0,123,193,0.3);
  transform: translateY(-6px);
}

.feature-card__icon {
  width: 48px; height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  background: rgba(0,123,193,0.12);
  color: #5eaddf;
  margin-bottom: 1.2rem;
  transition: box-shadow 0.4s, transform 0.4s;
}
.feature-card__icon svg {
  width: 24px;
  height: 24px;
}
.feature-card:hover .feature-card__icon {
  box-shadow: 0 6px 28px rgba(0,123,193,0.35);
  transform: scale(1.05);
}
.feature-card__icon--green {
  background: rgba(82,171,51,0.12);
  color: #7ec96a;
}
.feature-card:hover .feature-card__icon--green {
  box-shadow: 0 6px 28px rgba(82,171,51,0.3);
}
.feature-card__icon--amber {
  background: rgba(212,126,47,0.12);
  color: #e8a85c;
}
.feature-card:hover .feature-card__icon--amber {
  box-shadow: 0 6px 28px rgba(212,126,47,0.25);
}
.feature-card__icon--cyan {
  background: rgba(0,123,193,0.12);
  color: #5eaddf;
}
.feature-card:hover .feature-card__icon--cyan {
  box-shadow: 0 6px 28px rgba(0,123,193,0.3);
}

.feature-card h3 {
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: var(--white);
  letter-spacing: -0.01em;
}
.feature-card p {
  font-size: 0.85rem;
  color: rgba(255,255,255,0.5);
  line-height: 1.7;
}

/* ── Light variant ── */
.features--light {
  background: var(--bg);
}
.features--light .feature-card {
  background: var(--white);
  border-color: var(--border);
  box-shadow: var(--card-shadow);
}
.features--light .feature-card:hover {
  box-shadow: var(--card-shadow-hover);
  border-color: rgba(0,123,193,0.2);
}
.features--light .feature-card h3 {
  color: var(--text);
}
.features--light .feature-card p {
  color: var(--text-secondary);
}

/* Stagger */
.features__grid [data-v3-reveal]:nth-child(1) { transition-delay: 0s; }
.features__grid [data-v3-reveal]:nth-child(2) { transition-delay: 0.08s; }
.features__grid [data-v3-reveal]:nth-child(3) { transition-delay: 0.16s; }
.features__grid [data-v3-reveal]:nth-child(4) { transition-delay: 0.24s; }
.features__grid [data-v3-reveal]:nth-child(5) { transition-delay: 0.32s; }
.features__grid [data-v3-reveal]:nth-child(6) { transition-delay: 0.40s; }