/* Neumorphic styling - restricted to content cards only */
.product-card,
.step-card,
.legal-card,
.panel {
  box-shadow: var(--depth-neu-outset);
  transition: box-shadow 0.24s var(--ease-out), transform 0.24s var(--ease-out), border-color 0.2s ease;
}
.step-card__number {
  box-shadow: var(--depth-neu-inset);
}
.product-card__title,
.step-card__title,
.legal-card__title {
  letter-spacing: -0.02em;
}
.form-group input,
.form-group textarea,
.form-group select {
  box-shadow: var(--depth-neu-inset);
}
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
  box-shadow: 0 0 0 3px rgba(47, 132, 214, 0.22);
}
.content-media__media img,
.product-hero-image {
  box-shadow: var(--depth-neu-outset);
}
.product-page .product-card,
.product-page .legal-card {
  box-shadow: 10px 10px 24px rgba(9, 13, 22, 0.26), -8px -8px 20px rgba(255, 255, 255, 0.08);
}
.product-page .content-media__media img,
.product-page .product-hero-image {
  box-shadow: none;
}
.product-page--eventq .product-card,
.product-page--eventq .legal-card {
  box-shadow: 12px 12px 26px rgba(0, 0, 0, 0.45), -8px -8px 16px rgba(255, 255, 255, 0.02);
}
.product-page .panel,
.product-page .step-card,
.product-page .panel:hover,
.product-page .step-card:hover {
  box-shadow: none;
  transform: none;
}