/* Features blocks — shared tokens */

.features {
  --feat-bg: #0f172a;
  --feat-text: #ffffff;
  --feat-accent: #22d3ee;
  position: relative;
  box-sizing: border-box;
  padding: clamp(2rem, 5vw, 3.25rem) clamp(1rem, 4vw, 2rem);
  background-color: var(--feat-bg);
  color: var(--feat-text);
}

.features *,
.features *::before,
.features *::after {
  box-sizing: border-box;
}

.features h2,
.features h3 {
  margin: 0;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.features p {
  margin: 0;
}

@media (prefers-reduced-motion: reduce) {
  .features * {
    transition: none !important;
  }
}