/* =====================================================================
   extras/plataforma-b.css — Variante B da LP "plataforma" (out/2026).

   Eixo: "o sistema financeiro de quem cobra todo mês". Petróleo de verdade
   como superfície-herói, seções claras/neutras para ritmo, produto no centro.

   Esta folha é linkada DEPOIS de proposta.css e de landing-v5.css e só usa
   tokens das duas (ou color-mix sobre eles). Nenhum hex novo aqui: as UIs
   reais (WhatsApp iOS, Gmail, e-mail da régua) vêm prontas de landing-v5.css.
   Prefixo .pb- em tudo que é desta página, para não colidir com a LP atual.
   ===================================================================== */

:root {
  --pb-raio: 24px;
  --pb-sombra-app: 0 60px 120px -48px color-mix(in oklab, var(--petroleo-fundo) 85%, black), 0 2px 6px color-mix(in oklab, black 25%, transparent);
  --pb-sombra-sat: 0 40px 70px -30px color-mix(in oklab, black 60%, transparent), 0 1px 2px color-mix(in oklab, black 18%, transparent);
  --pb-vidro: color-mix(in oklab, var(--branco) 7%, transparent);
  --pb-vidro-forte: color-mix(in oklab, var(--branco) 12%, transparent);
  --pb-tinta-petroleo: color-mix(in oklab, var(--petroleo) 7%, var(--cartao));
  --pb-sombra-claro: 0 1px 2px var(--sombra-cor), 0 30px 60px -40px color-mix(in oklab, var(--petroleo) 45%, transparent);
}
[data-theme="dark"] {
  --pb-tinta-petroleo: color-mix(in oklab, var(--petroleo) 30%, var(--cartao));
  --pb-sombra-claro: 0 0 0 1px var(--hairline);
}

/* Fundo da página: claro entre blocos petróleo (o html de landing-v5 é petróleo). */
html, body { background: var(--superficie); }

/* ---------------------------------------------------------------- Utilidades da página */
.pb-wrap-l { width: min(100% - 32px, 1280px); margin-inline: auto; }
@media (min-width: 900px) { .pb-wrap-l { width: min(100% - 80px, 1280px); } }
.pb-centro { text-align: center; }
.pb-centro .eyebrow { justify-content: center; }
.pb-centro .tx-lead { margin-inline: auto; }
.pb-h1 { font-size: clamp(2.3rem, 5.2vw, 4.6rem); line-height: 1.02; letter-spacing: -0.04em; font-weight: 700; text-wrap: balance; max-width: 1060px; margin-inline: auto; }
.pb-h1 em { font-style: normal; color: var(--lima); }
.pb-h2 { font-size: clamp(2rem, 4.2vw, 3.6rem); line-height: 1.02; letter-spacing: -0.035em; font-weight: 600; text-wrap: balance; }
.pb-h3 { font-size: clamp(1.5rem, 2.6vw, 2.2rem); line-height: 1.1; letter-spacing: -0.03em; font-weight: 600; text-wrap: balance; }
.pb-lead-max { max-width: 720px; }
.pb-nota { font: 500 13px/18px var(--fonte); color: var(--tinta-3); }
.secao--petroleo .pb-nota, .pb-hero .pb-nota { color: var(--sobre-3); }
.pb-secao--neutra { background: var(--cartao); color: var(--tinta); }
.pb-secao--tinta { background: var(--pb-tinta-petroleo); color: var(--tinta); }

/* Chips de fato (sem número inventado): ícone + texto curto */
.pb-fatos { display: flex; flex-wrap: wrap; gap: 8px; }
.pb-fato { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 14px 0 10px; border-radius: 999px; border: 1px solid var(--linha); background: var(--cartao); color: var(--tinta-2); font: 500 13px/16px var(--fonte); white-space: nowrap; }
.pb-fato .ic { width: 15px; height: 15px; color: var(--petroleo); }
[data-theme="dark"] .pb-fato .ic { color: var(--lima); }
.pb-fato img { width: 20px; height: 20px; object-fit: contain; background: var(--branco); border-radius: 5px; padding: 2px; }
.pb-hero .pb-fato, .secao--petroleo .pb-fato { background: var(--pb-vidro); border-color: var(--linha-v); color: var(--sobre-2); }
.pb-hero .pb-fato .ic, .secao--petroleo .pb-fato .ic { color: var(--lima); }

/* ================================================================== HERO */
.pb-hero { position: relative; overflow: hidden; isolation: isolate; background: var(--petroleo); color: var(--sobre-1); padding: clamp(48px, 7vw, 96px) 0 0; }
.pb-hero.brilho::after { left: 50%; top: -420px; transform: translateX(-50%); width: 1100px; height: 900px; opacity: .55; }
.pb-hero__texto { position: relative; z-index: 2; }
.pb-hero__texto .tx-lead { max-width: 760px; margin-top: 26px; font-size: clamp(1.1rem, 1.5vw, 1.35rem); color: var(--sobre-2); }
.pb-hero .eyebrow { color: var(--sobre-2); }
.pb-hero__fatos { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 24px; }
.pb-hero__fatos .pb-fato { min-height: 38px; font-size: 13.5px; }
.pb-hero__ctas { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 30px; }
.pb-hero .micro-cta { text-align: center; }

/* O palco: painel ao centro, satélites reais em volta */
.pb-palco { position: relative; z-index: 1; margin: clamp(44px, 6vw, 80px) auto 0; width: min(100% - 48px, 1360px); max-width: none; padding: 24px 0 40px; }
.pb-palco::before { content: ""; position: absolute; inset: auto 0 0 0; height: 46%; background: linear-gradient(to bottom, transparent, var(--petroleo-fundo)); pointer-events: none; z-index: 0; }
.pb-palco__app { position: relative; z-index: 1; width: min(100%, 820px); margin: 0 auto; }
.pb-sat { position: absolute; z-index: 3; --rot: 0deg; transform: rotate(var(--rot)); filter: drop-shadow(0 30px 40px color-mix(in oklab, black 45%, transparent)); }
.pb-sat--wa { left: -10px; top: 0; width: 290px; --rot: -2deg; }
.pb-sat--mail { right: -24px; top: 0; width: 312px; --rot: 1.6deg; }
.pb-sat--nfse { right: -6px; bottom: 0; width: 272px; --rot: -1.2deg; }
.pb-sat--of { left: -14px; bottom: 0; width: 296px; --rot: 1.4deg; }
@media (max-width: 1279px) { .pb-palco__app { width: min(100%, 700px); } .pb-sat--wa { width: 266px; } .pb-sat--of { width: 274px; } .pb-sat--mail { width: 284px; } .pb-sat--nfse { width: 250px; } }
@media (max-width: 1099px) {
  .pb-palco { padding-bottom: 0; }
  .pb-palco::before { display: none; }
  .pb-sat { position: static; transform: none; filter: none; width: auto; }
  .pb-sats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 20px; }
}
@media (max-width: 699px) { .pb-sats { grid-template-columns: minmax(0, 1fr); } }
/* Flutuação sutil: só com movimento permitido e só no desktop */
@media (min-width: 1100px) and (prefers-reduced-motion: no-preference) {
  .pb-sat { animation: pb-flutua 7s ease-in-out infinite; }
  .pb-sat--mail { animation-delay: -1.8s; } .pb-sat--nfse { animation-delay: -3.4s; } .pb-sat--of { animation-delay: -5.1s; }
  @keyframes pb-flutua { 0%, 100% { transform: translateY(0) rotate(var(--rot)); } 50% { transform: translateY(-9px) rotate(var(--rot)); } }
}

/* Rótulo flutuante que nomeia o satélite (canal real) */
.pb-sat__rotulo { display: inline-flex; align-items: center; gap: 7px; margin: 0 0 8px 6px; padding: 5px 10px 5px 6px; border-radius: 999px; background: var(--petroleo-fundo); color: var(--sobre-1); font: 600 11px/14px var(--fonte); letter-spacing: .04em; text-transform: uppercase; border: 1px solid var(--linha-v-forte); }
.pb-sat__rotulo img, .pb-sat__rotulo .ic { width: 14px; height: 14px; }
.pb-sat__rotulo .ic { color: var(--lima); }

/* --- Satélite WhatsApp: pedaço real da conversa (balão oficial com PDF e botões) */
.pb-wa { padding: 10px 10px 8px; border-radius: 18px; background: #EFEAE2; font-family: var(--fonte-ios); font-size: 13px; line-height: 1.3; color: #111B21; }
.pb-wa .balao { max-width: none; margin: 0; animation: none; }
.pb-wa .balao--in::before { display: none; }
.pb-wa .balao--in .balao__caixa { border-top-left-radius: .75em; }

/* --- Satélite e-mail: caixa de entrada do Gmail, linha nova chegando */
.pb-mail { border-radius: 16px; overflow: hidden; background: var(--branco); border: 1px solid color-mix(in oklab, black 8%, transparent); font-family: var(--fonte-ios); }
.pb-mail .mail__janela { height: 34px; }
.pb-mail .mail__url { height: 22px; font-size: 11px; }
.pb-mail .mail__abas { padding: 0 4px; }
.pb-mail .mail__aba { padding: 8px 12px; font-size: 12px; }
.pb-mail .mail-linha { grid-template-columns: auto auto 96px minmax(0, 1fr) auto; height: 42px; font-size: 12.5px; }
.pb-mail .mail-linha:last-child { border-bottom: 0; }

/* --- Satélite Open Finance: extrato conciliado */
.pb-extrato { border-radius: 16px; background: var(--cartao); color: var(--tinta); border: 1px solid var(--linha); padding: 12px 14px 10px; font-family: var(--fonte); }
.pb-extrato__cab { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.pb-extrato__cab b { font: 600 13px/16px var(--fonte); }
.pb-extrato__cab .placa { padding: 4px 8px; border-radius: 8px; box-shadow: none; border: 1px solid var(--linha); }
.pb-extrato__cab .placa img { height: 14px; }
.pb-mov { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 8px 0; border-top: 1px solid var(--linha); font: 400 12px/16px var(--fonte); color: var(--tinta-2); }
.pb-mov img { width: 28px; height: 28px; border-radius: 8px; object-fit: contain; background: var(--branco); padding: 3px; border: 1px solid var(--linha); }
.pb-mov b { display: block; font-weight: 600; color: var(--tinta); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pb-mov small { display: block; font-size: 11px; color: var(--tinta-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pb-mov .num { font-weight: 600; color: var(--tinta); white-space: nowrap; }
.pb-mov .num small { display: inline; color: var(--tinta-3); font-weight: 500; }
.pb-concilia { display: inline-flex; align-items: center; gap: 4px; margin-top: 2px; font: 600 10.5px/14px var(--fonte); color: var(--bom); white-space: nowrap; }
.pb-concilia .ic { width: 12px; height: 12px; }

/* --- Satélite NFS-e: a nota autorizada (mini-nota de landing-v5, com cabeçalho petróleo) */
.pb-nfse .mini-nota { padding: 0; overflow: hidden; border-radius: 14px; }
.pb-nfse__topo { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px; background: var(--petroleo); color: var(--branco); font: 600 12px/16px var(--fonte); }
.pb-nfse__topo small { display: block; font: 500 10px/12px var(--fonte); color: var(--sobre-2); letter-spacing: .06em; text-transform: uppercase; }
.pb-nfse__topo .etiqueta { background: color-mix(in oklab, var(--bom) 22%, var(--petroleo)); color: var(--branco); min-height: 24px; font-size: 11px; }
.pb-nfse__topo .etiqueta .ic { color: var(--ok); }
.pb-nfse__corpo { padding: 6px 14px 10px; }
.pb-nfse__corpo .mini-nota__linha:first-child { border-top: 0; }

/* --- O painel da Ritto (mock do app, em tokens para funcionar no escuro) */
.pb-app { border-radius: var(--pb-raio); background: var(--cartao); color: var(--tinta); border: 1px solid var(--linha); box-shadow: var(--pb-sombra-app); overflow: hidden; font-family: var(--fonte); }
.pb-app__barra { display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 16px; background: var(--superficie); border-bottom: 1px solid var(--linha); }
.pb-app__barra i { width: 11px; height: 11px; border-radius: 50%; background: var(--linha); display: inline-block; }
.pb-app__barra i + i { margin-left: -4px; }
.pb-app__url { flex: 1; display: flex; align-items: center; gap: 6px; height: 26px; margin-left: 8px; padding: 0 12px; border-radius: 8px; background: var(--cartao); border: 1px solid var(--linha); color: var(--tinta-3); font: 500 12px/16px var(--fonte); }
.pb-app__url .ic { width: 12px; height: 12px; }
.pb-app__barra .etiqueta { background: var(--pb-tinta-petroleo); color: var(--tinta); }
.pb-app__barra .etiqueta .ic { color: var(--ok); }
.pb-app__corpo { display: grid; grid-template-columns: 196px minmax(0, 1fr); min-height: 620px; }
.pb-app__menu { display: flex; flex-direction: column; padding: 18px 12px 14px; border-right: 1px solid var(--linha); background: var(--superficie); }
.pb-app__logo { height: 22px; width: auto; margin: 0 0 18px 10px; }
.pb-app__logo--escuro { display: none; }
[data-theme="dark"] .pb-app__logo--claro { display: none; }
[data-theme="dark"] .pb-app__logo--escuro { display: block; }
.pb-app__menu ul { display: flex; flex-direction: column; gap: 2px; }
.pb-app__menu li { display: flex; align-items: center; gap: 10px; height: 34px; padding: 0 10px; border-radius: 10px; font: 500 13px/16px var(--fonte); color: var(--tinta-2); }
.pb-app__menu li .ic { width: 16px; height: 16px; color: var(--tinta-3); }
.pb-app__menu li.is-ativo { background: var(--petroleo); color: var(--branco); }
.pb-app__menu li.is-ativo .ic { color: var(--lima); }
.pb-app__menu li .ponto { margin-left: auto; width: 7px; height: 7px; border-radius: 50%; background: var(--lima); box-shadow: 0 0 0 2px var(--superficie); }
.pb-app__empresa { margin-top: auto; display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 12px; border: 1px solid var(--linha); background: var(--cartao); font: 600 12px/16px var(--fonte); }
.pb-app__empresa i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: var(--petroleo); color: var(--lima); font: 700 11px/1 var(--fonte-titulo); font-style: normal; }
.pb-app__empresa small { display: block; font: 400 11px/14px var(--fonte); color: var(--tinta-3); }
.pb-app__empresa .ic { margin-left: auto; width: 14px; height: 14px; color: var(--tinta-3); }
.pb-app__main { padding: 18px 20px 20px; min-width: 0; }
.pb-app__cab { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.pb-app__cab small { display: block; font: 500 12px/16px var(--fonte); color: var(--tinta-3); }
.pb-app__cab b { display: block; font: 600 20px/24px var(--fonte-titulo); letter-spacing: -.02em; }
.pb-app__acoes { display: flex; gap: 8px; }
.pb-app__acoes span { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: 9px; border: 1px solid var(--linha); font: 500 12px/16px var(--fonte); color: var(--tinta-2); white-space: nowrap; }
.pb-app__acoes span.is-primario { background: var(--petroleo); border-color: var(--petroleo); color: var(--branco); }
.pb-app__acoes .ic { width: 14px; height: 14px; }
.pb-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.pb-kpi { padding: 12px 14px; border-radius: 14px; border: 1px solid var(--linha); background: var(--cartao); min-width: 0; }
.pb-kpi span { display: block; font: 500 11.5px/14px var(--fonte); color: var(--tinta-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pb-kpi b { display: inline-block; margin-top: 6px; font: 600 20px/24px var(--fonte-titulo); letter-spacing: -.02em; white-space: nowrap; }
.pb-kpi--lider b { padding-bottom: 3px; border-bottom: 3px solid var(--lima); }
.pb-kpi small { display: block; margin-top: 6px; font: 500 11px/14px var(--fonte); color: var(--tinta-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pb-kpi small[data-tom="bom"] { color: var(--bom); }
.pb-kpi small[data-tom="critico"] { color: var(--critico); }
.pb-app__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: 10px; }
.pb-bloco { padding: 14px; border-radius: 14px; border: 1px solid var(--linha); background: var(--cartao); min-width: 0; }
.pb-bloco__cab { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; font: 600 13px/16px var(--fonte); }
.pb-bloco__cab span { font: 500 11.5px/14px var(--fonte); color: var(--tinta-3); }
.pb-grafico svg { width: 100%; height: 118px; display: block; }
.pb-grafico path, .pb-grafico circle { vector-effect: non-scaling-stroke; }
.pb-grafico .eixo { stroke: var(--linha); }
.pb-grafico .area { fill: color-mix(in oklab, var(--petroleo) 14%, transparent); }
[data-theme="dark"] .pb-grafico .area { fill: color-mix(in oklab, var(--lima) 16%, transparent); }
.pb-grafico .traco { fill: none; stroke: var(--petroleo); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
[data-theme="dark"] .pb-grafico .traco { stroke: var(--lima); }
.pb-grafico .ponto { fill: var(--lima); stroke: var(--cartao); stroke-width: 2.5; }
.pb-grafico__meses { display: flex; justify-content: space-between; margin-top: 6px; font: 500 11px/14px var(--fonte); color: var(--tinta-3); }
.pb-grafico__legenda { display: flex; gap: 14px; margin-top: 8px; font: 500 11.5px/14px var(--fonte); color: var(--tinta-2); }
.pb-grafico__legenda i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--petroleo); margin-right: 6px; vertical-align: 1px; }
[data-theme="dark"] .pb-grafico__legenda i { background: var(--lima); }
.pb-grafico__legenda i.is-of { background: color-mix(in oklab, var(--petroleo) 35%, var(--cartao)); }
.pb-linha { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto minmax(150px, auto); align-items: center; gap: 12px; padding: 8px 0; border-top: 1px solid var(--linha); font: 400 12px/16px var(--fonte); color: var(--tinta-2); }
.pb-linha .pb-status { justify-self: start; }
.pb-linha:first-of-type { border-top: 0; }
.pb-linha i { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--pb-tinta-petroleo); color: var(--petroleo); font: 700 10.5px/1 var(--fonte-titulo); font-style: normal; }
[data-theme="dark"] .pb-linha i { color: var(--lima); }
.pb-linha b { display: block; font-weight: 600; color: var(--tinta); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pb-linha small { display: block; font-size: 11px; color: var(--tinta-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pb-linha .num { font-weight: 600; color: var(--tinta); white-space: nowrap; }
.pb-status { display: inline-flex; align-items: center; gap: 5px; height: 24px; padding: 0 9px 0 7px; border-radius: 999px; font: 600 11px/14px var(--fonte); white-space: nowrap; background: var(--grade); color: var(--tinta-2); }
.pb-status .ic { width: 12px; height: 12px; }
.pb-status img { width: 12px; height: 12px; }
.pb-status[data-tom="bom"] { background: color-mix(in oklab, var(--bom) var(--tint-forca), var(--cartao)); color: var(--bom); }
.pb-status[data-tom="alerta"] { background: color-mix(in oklab, var(--alerta) var(--tint-forca), var(--cartao)); color: color-mix(in oklab, var(--alerta) 80%, var(--tinta)); }
.pb-status[data-tom="critico"] { background: color-mix(in oklab, var(--critico) var(--tint-forca), var(--cartao)); color: var(--critico); }
@media (max-width: 899px) {
  .pb-app__corpo { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .pb-app__menu { display: none; }
  .pb-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pb-app__grid { grid-template-columns: minmax(0, 1fr); }
  .pb-app__acoes span:not(.is-primario) { display: none; }
}
@media (max-width: 599px) {
  .pb-app__main { padding: 14px; }
  .pb-linha { grid-template-columns: 30px minmax(0, 1fr) auto; }
  .pb-linha .pb-status { grid-column: 2 / -1; justify-self: start; }
  .pb-app__url { display: none; }
}

/* Faixa de confiança dentro do hero (ainda petróleo): rótulo + três grupos (logo em cima, chip embaixo),
   numa grade de uma linha a partir de 900px; abaixo disso empilha. */
.pb-confianca { position: relative; z-index: 2; padding: 26px 0 30px; border-top: 1px solid var(--linha-v); background: var(--petroleo-fundo); }
.pb-confianca .wrap { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.pb-confianca__rotulo { font: 600 11px/16px var(--fonte); letter-spacing: .12em; text-transform: uppercase; color: var(--sobre-2); }
.pb-grupo { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-width: 0; }
.pb-grupo__logos { display: flex; align-items: center; gap: 6px; height: 48px; }
.pb-grupo__logos .placa { box-shadow: none; }
.pb-grupo__logos .placa--md.placa--meta img { height: 40px; }
.pb-grupo__logos .placa--md.placa--of img { height: 22px; }
.pb-grupo--bancos .pb-grupo__logos img { width: 36px; height: 36px; border-radius: 10px; object-fit: contain; background: var(--branco); padding: 3px; }
.pb-grupo .pb-fato { min-height: 32px; font-size: 12.5px; }
@media (min-width: 900px) {
  .pb-confianca .wrap { grid-template-columns: 150px auto auto minmax(0, 1fr); align-items: center; gap: 0 28px; }
  .pb-confianca__rotulo { max-width: 150px; }
  .pb-grupo { padding-left: 28px; border-left: 1px solid var(--linha-v); }
}
@media (min-width: 900px) and (max-width: 1099px) {
  /* Entre 900 e 1099 não cabe tudo numa linha: o rótulo vira a primeira linha e os três grupos dividem a segunda. */
  .pb-confianca .wrap { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 20px; }
  .pb-confianca__rotulo { grid-column: 1 / -1; max-width: none; }
  .pb-grupo { padding-left: 20px; }
  .pb-grupo:first-of-type { padding-left: 0; border-left: 0; }
  .pb-grupo--bancos .pb-grupo__logos { gap: 4px; }
  .pb-grupo--bancos .pb-grupo__logos img { width: 30px; height: 30px; border-radius: 8px; padding: 2px; }
  .pb-grupo .pb-fato { font-size: 12px; padding: 0 11px 0 8px; }
}
@media (max-width: 899px) { .pb-confianca .wrap { gap: 18px; } }
@media (max-width: 599px) { .pb-grupo--bancos .pb-grupo__logos { flex-wrap: wrap; height: auto; } }

/* ================================================================== PILHA → RITTO (uma plataforma no lugar de cinco) */
/* Cartões alinhados numa coluna (sem recuo nem rotação), uma seta única até o cartão da Ritto. */
.pb-pilha { display: grid; grid-template-columns: minmax(0, 1fr) 96px minmax(0, 1fr); gap: 0; align-items: center; margin-top: clamp(32px, 4vw, 56px); }
.pb-ferramentas { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.pb-ferr { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 14px; align-items: center; min-height: 68px; padding: 12px 16px; border-radius: 16px; background: var(--cartao); border: 1px solid var(--linha); box-shadow: var(--pb-sombra-claro); }
.pb-ferr__ico { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--grade); color: var(--tinta-2); }
.pb-ferr__ico .ic { width: 18px; height: 18px; }
[data-theme="dark"] .pb-ferr__ico { color: var(--tinta); }
.pb-ferr b { display: block; font: 600 14px/18px var(--fonte); color: var(--tinta); }
.pb-ferr div > span { display: block; margin-top: 2px; font: 400 12.5px/17px var(--fonte); color: var(--tinta-2); }
.pb-seta { position: relative; align-self: stretch; display: flex; align-items: center; justify-content: center; }
.pb-seta::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 2px; margin-top: -1px; background: repeating-linear-gradient(to right, color-mix(in oklab, var(--petroleo) 45%, var(--linha)) 0 6px, transparent 6px 12px); }
.pb-seta__ponta { position: relative; z-index: 1; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--petroleo); color: var(--lima); box-shadow: 0 0 0 5px var(--superficie); }
.pb-seta__ponta .ic { width: 18px; height: 18px; }
[data-theme="dark"] .pb-seta__ponta { background: var(--lima); color: var(--petroleo); }
.pb-ritto { position: relative; overflow: hidden; padding: 28px 28px 26px; border-radius: 24px; background: var(--petroleo); color: var(--sobre-1); box-shadow: var(--pb-sombra-app); }
.pb-ritto::after { content: ""; position: absolute; right: -120px; top: -120px; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, var(--lima-brilho), transparent 65%); filter: blur(30px); opacity: .6; pointer-events: none; }
.pb-ritto > * { position: relative; z-index: 1; }
.pb-ritto__cab { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pb-ritto__cab img { height: 26px; width: auto; }
.pb-ritto__cab .etiqueta, [data-theme="dark"] .secao--claro .pb-ritto__cab .etiqueta { background: #fff; color: #0C4651; font-weight: 600; box-shadow: 0 1px 2px rgba(0,0,0,.12); }
.pb-ritto__cab .etiqueta .ic { color: #0C4651; }
.pb-ritto h3 { margin-top: 18px; font-size: 1.35rem; line-height: 1.2; }
.pb-ritto ul { margin-top: 16px; display: flex; flex-direction: column; gap: 10px; }
.pb-ritto li { display: flex; gap: 10px; align-items: flex-start; font: 400 14.5px/20px var(--fonte); color: var(--sobre-2); }
.pb-ritto li .ic { width: 18px; height: 18px; color: var(--lima); flex: none; margin-top: 1px; }
.pb-ritto li b { color: var(--sobre-1); font-weight: 600; }
.pb-ritto__pe { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--linha-v); font: 500 13px/18px var(--fonte); color: var(--sobre-2); }
@media (max-width: 1099px) { .pb-pilha { grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr); } }
@media (max-width: 899px) {
  .pb-pilha { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .pb-seta { height: 72px; }
  .pb-seta::before { left: 50%; right: auto; top: 0; bottom: 0; width: 2px; height: auto; margin: 0 0 0 -1px; background: repeating-linear-gradient(to bottom, color-mix(in oklab, var(--petroleo) 45%, var(--linha)) 0 6px, transparent 6px 12px); }
  .pb-seta__ponta .ic { transform: rotate(90deg); }
}
@media (max-width: 599px) { .pb-ritto { padding: 22px 20px; } }

/* CTAs intermediários: linha no fim da seção, faixa compacta entre seções, bloco centrado */
.pb-cta-linha { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; margin-top: clamp(32px, 4vw, 48px); padding-top: clamp(22px, 3vw, 32px); border-top: 1px solid var(--linha); }
.pb-cta-linha__txt { font: 500 14px/20px var(--fonte); color: var(--tinta-2); max-width: 520px; }
.pb-cta-faixa { background: var(--pb-tinta-petroleo); border-top: 1px solid var(--linha); border-bottom: 1px solid var(--linha); color: var(--tinta); }
.pb-cta-faixa__caixa { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; padding: 22px 0; }
.pb-cta-faixa__texto { display: flex; align-items: center; gap: 14px; min-width: 0; }
.pb-cta-faixa__texto b { display: block; font: 600 17px/22px var(--fonte-titulo); letter-spacing: -.01em; color: var(--tinta); }
.pb-cta-faixa__texto > div > span { display: block; margin-top: 3px; font: 400 14px/20px var(--fonte); color: var(--tinta-2); }
.pb-cta-centro { margin-top: clamp(48px, 6vw, 80px); padding: clamp(28px, 4vw, 44px) 24px; border-radius: 24px; border: 1px solid var(--linha); background: var(--cartao); box-shadow: var(--pb-sombra-claro); text-align: center; }
.pb-cta-centro h3 { font: 600 clamp(1.3rem, 2.2vw, 1.75rem)/1.15 var(--fonte-titulo); letter-spacing: -.02em; text-wrap: balance; max-width: 620px; margin-inline: auto; }
.pb-cta-centro .botao { margin-top: 20px; }
.pb-cta-centro p { margin-top: 12px; font: 500 13px/18px var(--fonte); color: var(--tinta-3); }
@media (max-width: 599px) { .pb-cta-linha .botao, .pb-cta-faixa .botao, .pb-cta-centro .botao { width: 100%; } .pb-cta-faixa__texto { align-items: flex-start; } }

/* ================================================================== CAMADAS (trabalha com o seu banco) */
.pb-camadas { position: relative; margin-top: clamp(32px, 4vw, 56px); display: flex; flex-direction: column; align-items: center; gap: 0; }
.pb-camada--ritto { position: relative; z-index: 2; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; width: min(100%, 980px); padding: 22px 28px; border-radius: 22px; background: var(--petroleo); color: var(--sobre-1); box-shadow: var(--pb-sombra-app); }
.pb-camada--ritto img { height: 30px; width: auto; }
.pb-camada--ritto .pb-camada__mods { display: flex; flex-wrap: wrap; gap: 6px 8px; }
.pb-camada--ritto .pb-camada__mods span { padding: 5px 11px; border-radius: 999px; background: var(--pb-vidro-forte); border: 1px solid var(--linha-v); font: 500 12.5px/16px var(--fonte); color: var(--sobre-1); white-space: nowrap; }
.pb-camada__liga { display: flex; flex-direction: column; align-items: center; gap: 6px; height: 64px; justify-content: center; color: var(--tinta-3); font: 600 11px/14px var(--fonte); letter-spacing: .12em; text-transform: uppercase; }
.pb-camada__liga::before, .pb-camada__liga::after { content: ""; width: 2px; flex: 1; background: repeating-linear-gradient(to bottom, color-mix(in oklab, var(--petroleo) 45%, var(--linha)) 0 5px, transparent 5px 10px); }
.pb-camada--bancos { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 10px; width: 100%; }
.pb-banco { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 118px; padding: 14px 10px 12px; border-radius: 18px; background: var(--branco); border: 1px solid var(--linha); box-shadow: var(--pb-sombra-claro); color: var(--texto-1); }
[data-theme="dark"] .pb-banco { color: #0B1F26; }
.pb-banco img { height: 40px; width: auto; max-width: 100%; object-fit: contain; }
.pb-banco img.is-quadrado { height: 44px; width: 44px; border-radius: 12px; }
.pb-banco span { font: 600 12px/14px var(--fonte); text-align: center; white-space: nowrap; }
.pb-banco small { font: 500 10.5px/12px var(--fonte); color: var(--texto-3); text-align: center; }
.pb-banco--destaque { outline: 2px solid var(--lima); outline-offset: -2px; }
.pb-camada--base { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; width: 100%; }
.pb-base { display: flex; align-items: center; gap: 22px; padding: 22px 26px; border-radius: 22px; background: var(--cartao); border: 1px solid var(--linha); box-shadow: var(--pb-sombra-claro); }
.pb-base .placa { flex: none; }
.pb-base b { display: block; font: 600 18px/22px var(--fonte-titulo); letter-spacing: -.02em; color: var(--tinta); }
.pb-base p { margin-top: 6px; font: 400 14px/20px var(--fonte); color: var(--tinta-2); }
.pb-base a { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font: 600 13px/18px var(--fonte); color: var(--petroleo); text-decoration: underline; text-underline-offset: 3px; }
[data-theme="dark"] .pb-base a { color: var(--lima); }
.pb-base a .ic { width: 14px; height: 14px; }
@media (max-width: 1099px) { .pb-camada--bancos { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 899px) { .pb-camada--base { grid-template-columns: minmax(0, 1fr); } .pb-camada--ritto { justify-content: center; text-align: center; } }
@media (max-width: 599px) {
  .pb-camada--bancos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pb-base { flex-direction: column; align-items: flex-start; gap: 16px; padding: 20px; }
  .pb-base .placa--lg { padding: 12px 16px; } .pb-base .placa--lg img { height: 30px; } .pb-base .placa--meta img { height: 52px; }
}

/* ================================================================== PILARES (a rotina, por resultado) */
.pb-pilares { display: flex; flex-direction: column; gap: clamp(64px, 8vw, 120px); margin-top: clamp(40px, 5vw, 72px); }
.pb-pilar { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
.pb-pilar--inv .pb-pilar__texto { order: 2; }
.pb-pilar__num { display: inline-flex; align-items: center; gap: 10px; font: 600 12px/16px var(--fonte); letter-spacing: .14em; text-transform: uppercase; color: var(--tinta-3); margin-bottom: 18px; }
.pb-pilar__num b { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--petroleo); color: var(--lima); font: 700 13px/1 var(--fonte-titulo); letter-spacing: 0; }
.pb-pilar__texto .tx-lead { margin-top: 16px; }
.pb-pilar__texto .pb-fatos { margin-top: 22px; }
.pb-pilar__mock { min-width: 0; }
@media (max-width: 899px) { .pb-pilar { grid-template-columns: minmax(0, 1fr); } .pb-pilar--inv .pb-pilar__texto { order: 0; } }

/* Receber: WhatsApp (iPhone real) + e-mail (Gmail real) lado a lado */
.pb-receber { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 20px; align-items: start; }
.pb-receber .iphone { --fw: 300px; }
.pb-receber .mail { font-size: 12.5px; }
.pb-receber .mail__corpo { min-height: 0; }
.pb-receber .rt { padding: 16px 10px; }
.pb-receber .rt__topo { padding: 26px 14px 20px; font-size: 20px; }
.pb-receber .rt__miolo { padding: 0 20px 8px; font-size: 13px; }
.pb-receber .rt__rodape { padding: 20px 16px 14px; font-size: 12.5px; }
.pb-receber .rt__rodape a { font-size: 13px; padding: 8px 16px; }
@media (max-width: 1279px) { .pb-receber .iphone { --fw: 270px; } }
@media (max-width: 1099px) { .pb-receber { grid-template-columns: minmax(0, 1fr); justify-items: center; } .pb-receber .mail { width: 100%; } }
@media (max-width: 599px) { .pb-receber .iphone { --fw: min(300px, calc(100vw - 32px)); } }

/* Controlar: o financeiro (contas via Open Finance, extrato unificado, a pagar) */
.pb-fin { border-radius: var(--pb-raio); background: var(--cartao); border: 1px solid var(--linha); box-shadow: var(--pb-sombra-claro); overflow: hidden; }
.pb-fin__cab { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--linha); background: var(--superficie); font: 600 13px/16px var(--fonte); }
.pb-fin__cab .placa { padding: 5px 10px; border-radius: 8px; box-shadow: none; border: 1px solid var(--linha); }
.pb-fin__cab .placa img { height: 16px; }
.pb-contas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 14px 18px; }
.pb-conta { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 12px; border: 1px solid var(--linha); min-width: 0; }
.pb-conta img { width: 32px; height: 32px; border-radius: 9px; object-fit: contain; background: var(--branco); padding: 3px; border: 1px solid var(--linha); flex: none; }
.pb-conta span { display: block; font: 500 11px/14px var(--fonte); color: var(--tinta-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pb-conta b { display: block; font: 600 13.5px/18px var(--fonte); color: var(--tinta); white-space: nowrap; }
.pb-conta--total { background: var(--pb-tinta-petroleo); border-color: transparent; }
.pb-conta--total i { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: var(--petroleo); color: var(--lima); flex: none; }
.pb-conta--total i .ic { width: 16px; height: 16px; }
.pb-fin__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 0; border-top: 1px solid var(--linha); }
.pb-fin__col { padding: 14px 18px 16px; min-width: 0; }
.pb-fin__col + .pb-fin__col { border-left: 1px solid var(--linha); }
.pb-fin__titulo { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; font: 600 13px/16px var(--fonte); }
.pb-fin__titulo span { font: 500 11.5px/14px var(--fonte); color: var(--tinta-3); }
.pb-cat { display: inline-flex; align-items: center; gap: 5px; height: 20px; padding: 0 7px; border-radius: 6px; background: var(--grade); color: var(--tinta-2); font: 500 10.5px/12px var(--fonte); white-space: nowrap; }
.pb-cat i { width: 6px; height: 6px; border-radius: 50%; background: var(--petroleo); }
[data-theme="dark"] .pb-cat i { background: var(--lima); }
.pb-pagar { display: flex; flex-direction: column; gap: 0; }
.pb-pagar li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding: 8px 0; border-top: 1px solid var(--linha); font: 400 12px/16px var(--fonte); color: var(--tinta-2); }
.pb-pagar li:first-child { border-top: 0; }
.pb-pagar b { display: block; font-weight: 600; color: var(--tinta); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pb-pagar small { display: block; font-size: 11px; color: var(--tinta-3); }
.pb-pagar .num { font-weight: 600; color: var(--tinta); white-space: nowrap; }
.pb-fin__pe { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 18px 16px; border-top: 1px solid var(--linha); }
@media (max-width: 699px) { .pb-fin__grid { grid-template-columns: minmax(0, 1fr); } .pb-fin__col + .pb-fin__col { border-left: 0; border-top: 1px solid var(--linha); } }

/* Emitir: a NFS-e (documento) + aviso no WhatsApp */
.pb-emitir { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 18px; align-items: start; }
.pb-doc { border-radius: 18px; background: var(--branco); color: #08252B; border: 1px solid var(--linha); box-shadow: var(--pb-sombra-claro); overflow: hidden; font-family: var(--fonte); }
.pb-doc__topo { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; background: var(--petroleo); color: var(--branco); }
.pb-doc__topo b { display: block; font: 600 15px/18px var(--fonte-titulo); letter-spacing: -.01em; }
.pb-doc__topo small { display: block; margin-top: 2px; font: 500 11px/14px var(--fonte); color: var(--sobre-2); }
.pb-doc__topo .etiqueta { background: color-mix(in oklab, var(--bom) 22%, var(--petroleo)); color: var(--branco); }
.pb-doc__topo .etiqueta .ic { color: var(--ok); }
.pb-doc__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 16px; padding: 16px 20px 6px; }
.pb-doc__campo span { display: block; font: 600 10px/12px var(--fonte); letter-spacing: .08em; text-transform: uppercase; color: #4A6169; }
.pb-doc__campo b { display: block; margin-top: 3px; font: 600 13px/18px var(--fonte); color: #08252B; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pb-doc__campo--largo { grid-column: span 2; }
.pb-doc__tabela { margin: 10px 20px 0; border-top: 1px solid #DFE8EA; }
.pb-doc__tabela div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 8px 0; border-bottom: 1px solid #DFE8EA; font: 400 12.5px/16px var(--fonte); color: #4A6169; }
.pb-doc__tabela b { color: #08252B; font-weight: 600; white-space: nowrap; }
.pb-doc__total { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 14px 20px 18px; font: 600 13px/16px var(--fonte); color: #4A6169; }
.pb-doc__total b { font: 600 24px/28px var(--fonte-titulo); letter-spacing: -.02em; color: #08252B; }
.pb-doc__pe { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 20px 18px; }
.pb-doc__pe span { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 999px; background: #E6F9F2; color: #0B7A55; font: 600 11px/14px var(--fonte); }
.pb-doc__pe span .ic { width: 12px; height: 12px; }
.pb-doc__pe span.is-neutro { background: #EDF2F3; color: #4A6169; }
.pb-emitir__wa { display: flex; flex-direction: column; gap: 10px; }
.pb-emitir__wa .pb-wa { border-radius: 18px; }
.pb-emitir__passos { display: flex; flex-direction: column; gap: 0; padding: 4px 6px; }
.pb-passo { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 12px; align-items: start; padding: 10px 0; font: 400 13.5px/19px var(--fonte); color: var(--tinta-2); position: relative; }
.pb-passo + .pb-passo::before { content: ""; position: absolute; left: 12px; top: -10px; height: 20px; width: 2px; background: var(--linha); }
.pb-passo i { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--pb-tinta-petroleo); color: var(--petroleo); font: 700 11px/1 var(--fonte); font-style: normal; }
[data-theme="dark"] .pb-passo i { color: var(--lima); }
.pb-passo i.is-ok { background: var(--bom); color: var(--branco); }
.pb-passo i .ic { width: 14px; height: 14px; }
.pb-passo b { color: var(--tinta); font-weight: 600; }
@media (max-width: 1099px) { .pb-emitir { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 599px) { .pb-doc__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pb-doc__campo--largo { grid-column: span 2; } }

/* Automatizar: a régua como linha do tempo + IA Ritto */
.pb-auto { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.pb-regua { border-radius: var(--pb-raio); background: var(--cartao); border: 1px solid var(--linha); box-shadow: var(--pb-sombra-claro); padding: 18px 20px 20px; }
.pb-regua__cab { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; font: 600 14px/18px var(--fonte); }
.pb-regua__cab .etiqueta { background: var(--pb-tinta-petroleo); color: var(--tinta); }
.pb-regua__cab .etiqueta .ic { color: var(--ok); }
.pb-trilho { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.pb-trilho::before { content: ""; position: absolute; left: 10%; right: 10%; top: 17px; height: 2px; background: repeating-linear-gradient(to right, color-mix(in oklab, var(--petroleo) 45%, var(--linha)) 0 6px, transparent 6px 12px); }
.pb-momento { position: relative; min-width: 0; }
.pb-momento__ponto { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: var(--cartao); border: 2px solid var(--petroleo); color: var(--petroleo); margin-bottom: 12px; }
[data-theme="dark"] .pb-momento__ponto { border-color: var(--lima); color: var(--lima); }
.pb-momento__ponto .ic { width: 16px; height: 16px; }
.pb-momento--fim .pb-momento__ponto { background: var(--bom); border-color: var(--bom); color: var(--branco); }
.pb-momento__quando { font: 600 11px/14px var(--fonte); letter-spacing: .08em; text-transform: uppercase; color: var(--tinta-3); }
.pb-momento b { display: block; margin-top: 4px; font: 600 14px/18px var(--fonte); color: var(--tinta); }
.pb-momento p { margin-top: 4px; font: 400 12.5px/17px var(--fonte); color: var(--tinta-2); }
.pb-momento__canais { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.pb-momento__canais span { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 8px; border-radius: 999px; background: var(--grade); font: 500 10.5px/12px var(--fonte); color: var(--tinta-2); white-space: nowrap; }
.pb-momento__canais img, .pb-momento__canais .ic { width: 11px; height: 11px; }
.pb-auto__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 14px; }
.pb-ia { position: relative; overflow: hidden; border-radius: var(--pb-raio); padding: 20px 22px; background: var(--petroleo); color: var(--sobre-1); box-shadow: var(--pb-sombra-app); }
.pb-ia::after { content: ""; position: absolute; left: -100px; bottom: -140px; width: 300px; height: 300px; border-radius: 50%; background: radial-gradient(circle, var(--lima-brilho), transparent 65%); filter: blur(30px); opacity: .6; pointer-events: none; }
.pb-ia > * { position: relative; z-index: 1; }
.pb-ia__cab { display: flex; align-items: center; gap: 10px; font: 600 14px/18px var(--fonte); }
.pb-ia__cab i { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: var(--pb-vidro-forte); color: var(--lima); }
.pb-ia__cab i .ic { width: 16px; height: 16px; }
.pb-ia ul { margin-top: 14px; display: flex; flex-direction: column; gap: 8px; }
.pb-ia li { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 12px; background: var(--pb-vidro); border: 1px solid var(--linha-v); font: 400 13px/18px var(--fonte); color: var(--sobre-2); }
.pb-ia li .ic { width: 16px; height: 16px; color: var(--lima); flex: none; margin-top: 1px; }
.pb-ia li b { color: var(--sobre-1); font-weight: 600; }
.pb-mais { border-radius: var(--pb-raio); padding: 20px 22px; background: var(--cartao); border: 1px solid var(--linha); box-shadow: var(--pb-sombra-claro); }
.pb-mais b { display: block; font: 600 14px/18px var(--fonte); }
.pb-mais ul { margin-top: 12px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px 14px; }
.pb-mais li { display: flex; gap: 8px; align-items: flex-start; font: 400 13px/18px var(--fonte); color: var(--tinta-2); }
.pb-mais li .ic { width: 15px; height: 15px; color: var(--petroleo); flex: none; margin-top: 1px; }
[data-theme="dark"] .pb-mais li .ic { color: var(--lima); }
@media (max-width: 899px) { .pb-trilho { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; } .pb-trilho::before { display: none; } .pb-auto__grid { grid-template-columns: minmax(0, 1fr); } }

/* ================================================================== PARA QUEM */
.pb-quem__grade { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: clamp(32px, 4vw, 48px); }
.pb-quem__item { display: flex; flex-direction: column; gap: 12px; padding: 22px 22px 20px; border-radius: 20px; background: var(--cartao); border: 1px solid var(--linha); box-shadow: var(--pb-sombra-claro); min-width: 0; transition: transform 240ms var(--facil), border-color 200ms ease; }
.pb-quem__item:hover { transform: translateY(-3px); border-color: color-mix(in oklab, var(--petroleo) 35%, var(--linha)); }
.pb-quem__item .icone-poco { width: 46px; height: 46px; }
.pb-quem__item h3 { font-size: 1.1rem; line-height: 1.25; letter-spacing: -.02em; }
.pb-quem__item p { font: 400 13.5px/19px var(--fonte); color: var(--tinta-2); }
.pb-quem__item small { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 6px; font: 600 11.5px/14px var(--fonte); color: var(--tinta-3); letter-spacing: .04em; text-transform: uppercase; }
.pb-quem__item small i { width: 6px; height: 6px; border-radius: 50%; background: var(--lima); }
.pb-quem__faixa { display: flex; flex-wrap: wrap; gap: 10px 28px; align-items: center; margin-top: 28px; padding: 18px 22px; border-radius: 18px; background: var(--cartao); border: 1px solid var(--linha); font: 500 13.5px/18px var(--fonte); color: var(--tinta-2); }
.pb-quem__faixa li { display: inline-flex; align-items: center; gap: 8px; }
.pb-quem__faixa .ic { width: 16px; height: 16px; color: var(--petroleo); }
[data-theme="dark"] .pb-quem__faixa .ic { color: var(--lima); }
@media (max-width: 1099px) { .pb-quem__grade { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599px) { .pb-quem__grade { grid-template-columns: minmax(0, 1fr); } .pb-quem__faixa { flex-direction: column; align-items: flex-start; gap: 10px; } }

/* ================================================================== FECHAMENTO (fundador) */
.pb-fim .cta-final__card { background-image: radial-gradient(circle at 100% 0%, color-mix(in oklab, var(--lima) 12%, transparent), transparent 50%), radial-gradient(circle at 0% 100%, color-mix(in oklab, var(--lima) 10%, transparent), transparent 55%); }
.pb-fim__lista { display: flex; flex-direction: column; gap: 10px; margin-top: 22px; }
.pb-fim__lista li { display: flex; gap: 10px; align-items: flex-start; font: 400 15px/22px var(--fonte); color: var(--sobre-2); }
.pb-fim__lista li .ic { width: 18px; height: 18px; color: var(--lima); flex: none; margin-top: 2px; }
.pb-fim__lista li b { color: var(--sobre-1); font-weight: 600; }
@media (max-width: 899px) { .pb-fim__lista li { justify-content: center; text-align: left; } }

/* Barra fixa no mobile: sempre visível nesta variante (sem agenda embutida na página) */
@media (max-width: 899px) { .pb-cta-movel.is-visivel { transform: none; } }

/* O modal de agendamento (compartilhado por todo o site) mora em extras/agendar-modal.css. */

/* Nav: o wordmark escuro não é desta página; mantém o branco de landing-v5. */
.nav .nav__links a[aria-current="page"] { color: var(--sobre-1); }

/* Provas que existem (no lugar de prova social): fundador, atualizações públicas, selos */
.pb-provas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 28px; }
.pb-prova { display: flex; gap: 14px; align-items: flex-start; padding: 20px 22px; border-radius: 18px; background: var(--cartao); border: 1px solid var(--linha); box-shadow: var(--pb-sombra-claro); min-width: 0; }
.pb-prova .foto--sm, .pb-prova .icone-poco { flex: none; width: 44px; height: 44px; }
.pb-prova b { display: block; font: 600 15px/20px var(--fonte); color: var(--tinta); }
.pb-prova p { margin-top: 4px; font: 400 13.5px/19px var(--fonte); color: var(--tinta-2); }
.pb-prova a { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font: 600 13px/18px var(--fonte); color: var(--petroleo); text-decoration: underline; text-underline-offset: 3px; }
[data-theme="dark"] .pb-prova a { color: var(--lima); }
.pb-prova a .ic { width: 14px; height: 14px; }
@media (max-width: 899px) { .pb-provas { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 599px) { .pb-hero .eyebrow::before { display: none; } .pb-hero .eyebrow { letter-spacing: .1em; } }