:root{
  /* Paleta clean baseada na sua faixa (roxo+branco+vermelho) */
  --bg:#f6effa;            /* lilás bem claro do fundo */
  --surface:#ffffff;
  --ink:#0b0d13;
  --muted:#667085;

  --primary:#3f2b5a;       /* roxo topo */
  --primary-600:#2f2245;
  --accent:#d3121b;        /* CTAs */
  --accent-600:#b70f18;

  --ok:#10b981;
  --warn:#f59e0b;

  --border:rgba(10,13,18,.08);
  --shadow:0 12px 30px rgba(17, 24, 39, .10);
  --radius:22px;

  --chip:#efe7f7;          /* chip lilás */
  --chip-text:#3f2b5a;

  --section-pad: 28px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.6 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial;
}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}

h2.section-title{
  font-size:34px; line-height:1.15; letter-spacing:.3px; text-align:center; margin:8px 0 4px;
  color:var(--primary);
}
.section-sub{ text-align:center; color:var(--muted); margin-bottom:18px }
.section{ padding: var(--section-pad) 0 }
.section.surface{ background:var(--surface) } /* para blocos brancos */