.pricing-page {
  display: grid;
  gap: 24px;
  padding-top: 34px;
}

.pricing-hero {
  padding: 42px;
}

.pricing-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.price-card {
  position: relative;
  overflow: hidden;
}

.price-card.featured {
  border-color: rgba(109,124,255,0.34);
  box-shadow: 0 18px 60px rgba(109,124,255,0.18);
}

.plan-actions {
  margin-top: 22px;
}

.pricing-faq {
  padding: 30px;
}

.notes-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

@media (max-width: 980px) {
  .pricing-grid,
  .notes-grid {
    grid-template-columns: 1fr;
  }
}