.insights-page-hero { padding: clamp(4rem, 10vw, 7rem) 1rem; background: linear-gradient(135deg, var(--color-primary), color-mix(in oklab, var(--color-primary) 78%, var(--color-secondary))); color: var(--color-on-primary); }
.insights-page-hero-inner { width: min(100%, var(--content-max-width)); margin: 0 auto; }
.insights-page-hero .hero-title { color: var(--color-on-primary); max-width: 18ch; margin: 0 0 1rem; }
.insights-page-hero p { max-width: 68ch; color: rgba(255,255,255,.82); }
.insights-grid-section { padding: clamp(3rem, 7vw, 5rem) 1rem; }
.insights-grid-wrap { width: min(100%, var(--content-max-width)); margin: 0 auto; }
.insights-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin-top: 1.5rem; }
.insight-card { padding: 1.35rem; border: 1px solid var(--color-outline); border-radius: var(--border-radius-lg); background: var(--color-surface-tint); box-shadow: var(--shadow-level-1); }
.insight-card h2 { margin-top: 0; font-size: var(--font-size-xl); }
.insight-card p { color: var(--color-on-surface-secondary); }
.insights-cta { padding: 0 1rem clamp(3rem,7vw,5rem); }
.insights-cta-inner { width: min(100%, var(--content-max-width)); margin: 0 auto; padding: 1.5rem; border-radius: var(--border-radius-lg); background: var(--color-primary); color: var(--color-on-primary); }
.insights-cta-inner .section-title { color: var(--color-on-primary); }
@media (max-width: 850px) { .insights-grid { grid-template-columns: 1fr; } }