/* NTR GROUP marketing accents — works with theme variables */
.ntr-platform-showcase {
  padding: 3.5rem 0 4rem;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.03) 0%, transparent 100%);
}

.ntr-platform-showcase__inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 1.25rem;
}

.ntr-platform-showcase h2 {
  font-family: var(--font-heading, "Cormorant Garamond", Georgia, serif);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  margin-bottom: 0.5rem;
}

.ntr-platform-showcase__lead {
  color: var(--text-muted, #64748b);
  max-width: 42rem;
  margin-bottom: 2rem;
  line-height: 1.6;
}

.ntr-platform-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.25rem;
}

.ntr-platform-card {
  border: 1px solid var(--color-border, #e5e7eb);
  border-radius: var(--radius-card, 0.75rem);
  padding: 1.35rem 1.25rem;
  background: var(--color-surface, #fff);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.75) inset,
    0 4px 0 rgba(28, 25, 23, 0.04),
    0 12px 28px rgba(28, 25, 23, 0.07);
  transition:
    box-shadow 0.28s ease,
    border-color 0.2s ease,
    transform 0.32s cubic-bezier(0.34, 1.4, 0.64, 1);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transform-style: preserve-3d;
}

.ntr-platform-card:hover {
  transform: translateY(-10px) rotateX(2deg);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 8px 0 rgba(28, 25, 23, 0.05),
    0 24px 48px rgba(28, 25, 23, 0.12);
  border-color: color-mix(in srgb, var(--color-primary, #2d4a3e) 25%, #d1d5db);
}

.ntr-platform-card__icon {
  font-size: 1.75rem;
  line-height: 1;
}

.ntr-platform-card h3 {
  font-size: 1.15rem;
  font-weight: 700;
  margin: 0;
}

.ntr-platform-card p {
  margin: 0;
  font-size: 0.92rem;
  color: #475569;
  flex: 1;
  line-height: 1.55;
}

.ntr-platform-card__link {
  font-weight: 600;
  font-size: 0.875rem;
  text-decoration: none;
  color: #3b82f6;
}

.ntr-platform-card__link:hover {
  text-decoration: underline;
}

.ntr-bundle-note {
  margin-top: 2rem;
  padding: 1rem 1.25rem;
  border-radius: 10px;
  background: rgba(185, 28, 74, 0.06);
  border: 1px solid rgba(185, 28, 74, 0.15);
  font-size: 0.9rem;
  color: #334155;
}