src/components/sections/ContentHighlight.astro
---
// ContentHighlight, recovered from blurr-components.pages.dev
---
<div class="ch-wrap" style="--ch-border: #6366f1"> <span class="ch-label">Inzicht</span> <p class="ch-text">Merken die investeren in strategische marketing groeien gemiddeld 3x sneller.</p> </div>
<style>
.ch-wrap{--ch-border: #6366f1;border-left:4px solid var(--ch-border);padding:1.5rem 2rem;background:#f9f9ff;border-radius:0 8px 8px 0;margin:2rem 0}
.ch-label{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent, #6366f1);margin-bottom:.75rem}
.ch-text{font-size:1.125rem;line-height:1.7;color:var(--color-primary, #0a0a0a);margin:0;font-style:italic}
</style>