/* ================================================================
   KROW BRAND — Manifesto (Fase 3). Tema-consistente com fallback.
   ================================================================ */
:root {
  --krow-brand-primary: var(--primary, var(--color-primary, #6d28d9));
  --krow-brand-text: var(--text, var(--text-color, #1a1a2e));
  --krow-brand-muted: var(--text-muted, #6b7280);
  --krow-brand-surface: var(--surface, var(--card-bg, #ffffff));
  --krow-brand-border: var(--border, rgba(0, 0, 0, 0.08));
}

.krow-manifesto { padding: 60px 0; }
.krow-manifesto__inner { max-width: 900px; margin: 0 auto; text-align: center; }
.krow-manifesto__eyebrow {
  display: inline-block; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--krow-brand-primary);
}
.krow-manifesto__headline {
  font-size: clamp(1.5rem, 4vw, 2.4rem); line-height: 1.2; margin: 12px auto 16px; max-width: 760px;
}
.krow-manifesto__headline span { color: var(--krow-brand-primary); }
.krow-manifesto__lead {
  font-size: clamp(1rem, 2vw, 1.15rem); color: var(--krow-brand-muted);
  max-width: 640px; margin: 0 auto 36px; line-height: 1.6;
}
.krow-manifesto__grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 18px; text-align: left;
}
.krow-manifesto__pillar {
  background: var(--krow-brand-surface); border: 1px solid var(--krow-brand-border);
  border-radius: 16px; padding: 22px;
}
.krow-manifesto__pillar i {
  width: 26px; height: 26px; color: var(--krow-brand-primary); margin-bottom: 10px;
}
.krow-manifesto__pillar h3 { margin: 0 0 6px; font-size: 1.05rem; }
.krow-manifesto__pillar p { margin: 0; color: var(--krow-brand-muted); line-height: 1.55; font-size: 0.92rem; }
.krow-manifesto__quote {
  margin: 36px auto 0; max-width: 640px; font-style: italic; font-size: 1.05rem;
  color: var(--krow-brand-text); border-left: 3px solid var(--krow-brand-primary);
  padding: 6px 0 6px 18px; text-align: left;
}