.why-section {
  background: var(--ink);
  color: var(--bone);
  border-radius: var(--r-lg);
  padding: clamp(48px, 6vw, 96px) clamp(32px, 5vw, 80px);
  margin-top: 16px;
  border: 1px solid var(--ink);
  position: relative;
  overflow: hidden;
}
.why-section::before {
  content: '';
  position: absolute;
  top: -20%; right: -10%;
  width: 60%; height: 80%;
  background: radial-gradient(circle, rgba(205,255,0,0.08) 0%, transparent 65%);
  pointer-events: none;
}
.why-section > * { position: relative; }
.why-section .section-title { color: var(--bone); }
.why-section .section-title .moss { color: var(--lime); }
.why-section .lead { color: rgba(245,243,236,0.7); }
.why-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1.1fr;
  gap: 16px;
}
@media (max-width: 880px) { .why-grid { grid-template-columns: 1fr; } }
.why-col {
  padding: 36px 28px;
  border-radius: var(--r-md);
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 280px;
  transition: transform .35s var(--ease-out);
}
.why-col:hover { transform: translateY(-4px); }
.why-col.graphite {
  background: var(--graphite);
  color: var(--bone);
  border: 1px solid rgba(245,243,236,0.08);
}
.why-col.lime-card {
  background: var(--lime);
  color: var(--ink);
  position: relative;
  overflow: hidden;
}
.why-col.lime-card::before {
  content: '';
  position: absolute;
  bottom: -30%; left: -20%;
  width: 80%; height: 80%;
  background: radial-gradient(circle, rgba(14,61,47,0.12) 0%, transparent 65%);
  pointer-events: none;
}
.why-col.lime-card > * { position: relative; }
.why-col .label {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.55;
}
.why-col.lime-card .label { color: var(--moss); opacity: 1; font-weight: 600; }
.why-col h3 {
  font-family: 'Archivo', sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.025em;
}
.why-col .sub-titlu {
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  letter-spacing: 0.06em;
  opacity: 0.55;
}
.why-col.lime-card .sub-titlu { color: var(--moss); opacity: 0.9; }
.why-col p {
  font-size: 15px;
  line-height: 1.55;
  opacity: 0.85;
  margin-top: auto;
}
.why-col.lime-card p { opacity: 1; color: var(--ink); font-weight: 500; }