/* ============================================
   INSIGHTS PAGE
   ============================================ */
.insights-hero {
  background: radial-gradient(125% 68% at 50% 0%, #fff4c2 0%, #fffdf7 56%);
  padding: 64px 32px 48px;
  text-align: center;
}

.insights-title {
  font-size: var(--text-h1);
  font-weight: 800;
  letter-spacing: -0.03em;
}

.insights-grid-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 48px 32px 96px;
}

.insights-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.insight-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--color-edge);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(13, 27, 42, 0.04);
  transition:
    transform 0.2s,
    box-shadow 0.2s;
}

.insight-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px -16px rgba(13, 27, 42, 0.25);
}

.insight-image-wrap {
  aspect-ratio: 16 / 10;
  background: var(--color-neutral);
  position: relative;
}

.insight-image-wrap img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.insight-category {
  position: absolute;
  top: 12px;
  left: 12px;
  background: var(--color-secondary);
  color: var(--color-primary);
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 9999px;
  text-transform: capitalize;
}

.insight-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 22px;
}

.insight-title {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.01em;
  margin-bottom: 10px;
}

.insight-excerpt {
  flex: 1;
  font-size: 13.5px;
  line-height: 1.55;
  color: rgba(13, 27, 42, 0.6);
}

.insights-cta {
  background: var(--color-primary);
  padding: 80px 32px;
  text-align: center;
}

.insights-cta-title {
  color: #fff;
  font-size: var(--text-h2);
  font-weight: 800;
  max-width: 600px;
  margin: 0 auto 24px;
}