/* ============================================================
   NexoFlow — Seção Sobre / Valores
   ============================================================ */

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.values{display:flex;flex-direction:column;gap:16px;margin-top:6px}
.value{
  display:flex;gap:16px;padding:18px;
  background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);
}
.value .ic{width:46px;height:46px;border-radius:11px;flex:none;display:grid;place-items:center}
.value h3{font-size:17px}
.value p{color:var(--ink-soft);font-size:14.5px;margin-top:3px}

.about-visual{position:relative}
.story-card{
  background:var(--blue);color:#fff;border-radius:20px;
  padding:38px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;
}
.story-card h3{color:#fff;font-size:26px}
.story-card p{color:rgba(255,255,255,.82);margin-top:14px;font-size:16px}
.story-card .quote-mark{
  font-family:var(--font-head),sans-serif;font-size:90px;line-height:.6;
  opacity:.18;position:absolute;top:24px;right:26px;
}
.story-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.story-stats .ss{
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);
  border-radius:12px;padding:16px;
}
.story-stats .ss b{font-family:var(--font-head),sans-serif;font-size:28px;display:block}
.story-stats .ss span{font-size:13px;color:rgba(255,255,255,.7)}