/* Plataforma • Fluxo em 4 passos e destaques */
.steps .step h3{margin-bottom:.35rem}
.steps .step p{color:var(--text-2)}
.highlights{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem
}
.highlight{
  background:var(--surface);border:1px solid var(--border);border-radius:12px;
  padding:.85rem .9rem;display:flex;align-items:center;justify-content:space-between;
  transition:transform .12s ease, border-color .25s ease, box-shadow .25s ease
}
.highlight strong{font-weight:900}
.highlight span{color:var(--text-2)}
.highlight:hover{
  transform:translateY(-2px) scale(1.02);
  border-color:color-mix(in srgb, var(--green-600) 18%, var(--border));
  box-shadow:0 10px 26px rgba(16,185,129,.18)
}