.featuresPage {
  max-width: 1280px;
  width: 90%;
  padding-top: 70px;
}
.featureCards {
  max-width: 1000px !important;
  width: 100%;
  gap: 32px
}
.featuresGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
  width: 100%;
}
.sm-l .featuresGrid {
  grid-template-columns: 1fr;
  gap: 20px;
}
.featureCard {
  background: white;
  border-radius: 16px;
  padding: 32px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--border-divider-color);
  gap: 24px;
}
.featureCard h2 {
  font-size: 24px;
  color: var(--text-color-dark);
  margin: 0 0 16px 0;
  padding: 0;
  border: none;
}
.sm-l .featureCard {
  flex-direction: column !important;
  padding: 24px;
  gap: 12px;
}
.xs-l .featureCard {
  padding: 20px;
}
.sm-l .invertFeatureCard {
  flex-direction: column-reverse !important;
}
.featureVideo {
  height: 350px;
  border-radius: 16px;
  border: 1px solid var(--border-divider-color);
}
.sm-l .featureVideo {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 250px;
  object-fit: contain;
}
.featureContent {
  color: var(--text-color);
}
.featureContent p {
  margin: 0 0 16px 0;
  line-height: 1.5;
}
.featureContent ul {
  margin: 0;
  padding-left: 20px;
}
.featureContent li {
  margin: 8px 0;
  line-height: 1.4;
}