.feature-panels {
  padding: clamp(52px, 18vw, 88px) clamp(20px, 8vw, 32px) clamp(44px, 16vw, 64px);
  background: linear-gradient(135deg, rgba(5, 12, 28, 0.65), rgba(3, 8, 20, 0.92));
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.feature-panels .section-heading {
  margin: 0 0 clamp(28px, 11vw, 42px);
  text-align: left;
  max-width: none;
}

.feature-panels .section-heading h2 {
  margin: 0;
  font-size: clamp(2.05rem, 7vw + 1rem, 2.7rem);
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.feature-panels .section-heading .section-summary {
  margin-top: 12px;
  font-size: 0.98rem;
  color: rgba(228, 235, 255, 0.78);
}

.feature-panels .panel-grid {
  display: grid;
  gap: clamp(18px, 7vw, 26px);
  grid-template-columns: 1fr;
}

.feature-panels .panel {
  padding: clamp(26px, 9vw, 34px);
  gap: clamp(16px, 5vw, 24px);
  text-align: left;
  border-radius: 24px;
  background: rgba(8, 18, 35, 0.78);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 55px rgba(2, 8, 20, 0.4);
}

.feature-panels .panel h3 {
  font-size: clamp(1.3rem, 0.9rem + 3vw, 1.65rem);
  margin: 0;
}

.feature-panels .panel p {
  font-size: 0.98rem;
  line-height: 1.6;
  color: rgba(228, 235, 255, 0.78);
}

.feature-panels .panel img {
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 18px 40px rgba(3, 10, 24, 0.35);
}

.feature-panels .panel[data-animate] {
  opacity: 1;
  transform: none;
}