/* Landing pública (/ para anônimos) — item 45. Folha da landing (marketing standalone, NÃO usa
   app.css nem Bootstrap). Tema pelo mesmo atributo do app (html[data-bs-theme] via tema-inicial.js).
   REGRA DE TEMA (§5.18 / linter cli/lint/tema.php): NENHUMA cor crua aqui — tudo consome os tokens
   --cents-* de tokens.css (carregado antes desta folha no layout_landing). Assim a landing herda a
   paleta da marca (configurável no Painel Master) e nasce pronta nos dois temas. CSP-safe (sem CDN).
   Os aliases --lp-* abaixo só apontam para tokens (var()), então continuam sem cor crua. */

:root{
  --lp-bg:           var(--cents-fundo);
  --lp-surface:      var(--cents-superficie);
  --lp-surface-2:    var(--cents-superficie-2);
  --lp-border:       var(--cents-borda);
  --lp-ink:          var(--cents-tinta);
  --lp-ink-soft:     var(--cents-texto-2);
  --lp-muted:        var(--cents-texto-3);
  --lp-accent:       var(--cents-primaria);        /* preenchimento ouro do CTA */
  --lp-accent-strong:var(--cents-primaria-texto);  /* ouro como TEXTO (âmbar no claro, ouro no escuro) */
  --lp-on-accent:    var(--cents-sobre-primaria);  /* texto sobre o ouro (petróleo, ~11:1) */
  --lp-teal:         var(--cents-info);
  --lp-pos:          var(--cents-receita);
  --lp-neg:          var(--cents-despesa);
  --lp-dev:          var(--noite-petroleo);        /* moldura do dispositivo: escura nos 2 temas */
  --lp-dev-edge:     var(--grafite);
  --lp-dev-ring:     var(--cents-borda-forte);
  --lp-shadow:       var(--cents-sombra-3);
  --lp-radius:       var(--cents-raio);
  --lp-maxw:1200px;
  --lp-display:      var(--cents-fonte-titulo);
  --lp-body:         var(--cents-fonte);
}

*{box-sizing:border-box}
/* `overflow-x:hidden` aqui é REDE DE SEGURANÇA, não o conserto: numa página de propaganda, rolagem
   lateral é o tipo de defeito que faz o visitante fechar a aba antes de ler qualquer coisa. O app
   autenticado já usa a mesma proteção. Defeito real de largura deve ser corrigido na origem (foi o
   que se fez em `.lp-ia-demo-col`) — esta linha só impede que um deslize futuro estrague a landing. */
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--lp-bg);color:var(--lp-ink);font-family:var(--lp-body);
  font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
h1,h2,h3{font-family:var(--lp-display);line-height:1.08;text-wrap:balance;margin:0}
p{margin:0}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.lp-wrap{max-width:var(--lp-maxw);margin:0 auto;padding:0 24px}
.lp-eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lp-accent-strong)}
.lp-num{font-variant-numeric:tabular-nums}

/* ---------- header ---------- */
.lp-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--lp-bg) 86%,transparent);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--lp-border)}
.lp-nav{display:flex;align-items:center;gap:22px;height:66px}
.lp-brand{display:flex;align-items:center;gap:10px}
.lp-brand img{height:30px;width:auto;display:block}
/* troca de logo por tema (mesmo padrão do layout do app) */
img.cents-brand-logo-escuro{display:none}
html[data-bs-theme="dark"] img.cents-brand-logo-claro{display:none}
html[data-bs-theme="dark"] img.cents-brand-logo-escuro{display:block}
.lp-links{display:flex;gap:20px;margin-left:14px}
.lp-links a{font-size:.95rem;color:var(--lp-ink-soft);font-weight:600}
.lp-links a:hover{color:var(--lp-ink)}
.lp-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.lp-lang{display:flex;border:1px solid var(--lp-border);border-radius:999px;overflow:hidden;font-size:.74rem;font-weight:700}
.lp-lang a{padding:5px 9px;color:var(--lp-muted)}
.lp-lang a.on{background:var(--lp-accent);color:var(--lp-on-accent)}
.lp-icon-btn{border:1px solid var(--lp-border);background:var(--lp-surface);color:var(--lp-ink);width:38px;height:38px;border-radius:10px;cursor:pointer;display:grid;place-items:center}
.lp-btn{display:inline-flex;align-items:center;gap:8px;border-radius:11px;padding:11px 18px;font-weight:700;font-size:.96rem;cursor:pointer;border:1px solid transparent;transition:transform .12s ease,box-shadow .12s ease,background .12s}
.lp-btn:hover{transform:translateY(-1px)}
.lp-btn-ghost{border-color:var(--lp-border);background:var(--lp-surface);color:var(--lp-ink)}
.lp-btn-primary{background:var(--lp-accent);color:var(--lp-on-accent);box-shadow:var(--cents-sombra-2)}
.lp-btn-primary:hover{filter:brightness(1.04)}
.lp-btn-lg{padding:15px 26px;font-size:1.05rem;border-radius:13px}
@media(max-width:900px){
  .lp-links{display:none}.lp-hide-sm{display:none}.lp-lang{display:none}
  /* Login SEMPRE visível no topo do celular (pedido do dono): "Entrar" + "Criar conta"
     compactos lado a lado — antes o "Entrar" (lp-hide-sm) sumia e só sobrava "Criar conta". */
  .lp-nav{gap:12px}
  .lp-right{gap:7px}
  .lp-right .lp-btn{padding:9px 13px;font-size:.9rem;border-radius:9px}
}
@media(max-width:380px){
  .lp-right .lp-btn{padding:8px 11px;font-size:.85rem}
  .lp-right{gap:5px}
}

/* ---------- device frames ---------- */
.lp-monitor{width:100%}
.lp-monitor .lp-screen{position:relative;border-radius:16px;padding:11px;background:var(--lp-dev);
  box-shadow:0 0 0 1px var(--lp-dev-ring), var(--lp-shadow)}
.lp-monitor .lp-screen>img{width:100%;display:block;border-radius:7px;aspect-ratio:16/10;object-fit:cover;object-position:top center;background:var(--lp-dev)}
.lp-monitor .lp-stand{width:38%;max-width:190px;margin:0 auto}
.lp-monitor .lp-stand::before{content:"";display:block;height:24px;width:52px;margin:0 auto;background:linear-gradient(var(--lp-dev-edge),var(--lp-dev))}
.lp-monitor .lp-stand::after{content:"";display:block;height:12px;border-radius:0 0 11px 11px;background:var(--lp-dev);box-shadow:var(--cents-sombra-2)}
.lp-phone{position:relative;background:var(--lp-dev);border-radius:26px;padding:6px;width:150px;
  box-shadow:0 0 0 1px var(--lp-dev-ring), var(--lp-shadow)}
.lp-phone>img{width:100%;display:block;border-radius:20px;aspect-ratio:9/19.3;object-fit:cover;object-position:top center;background:var(--lp-dev)}
.lp-phone .lp-notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:34px;height:10px;border-radius:6px;background:var(--lp-dev);z-index:2}
.lp-combo{position:relative;padding:0 4px 30px}
.lp-combo .lp-phone{position:absolute;right:-10px;bottom:-18px;width:168px;z-index:6;
  box-shadow:0 0 0 1px var(--lp-dev-ring), var(--lp-shadow)}
@media(max-width:820px){.lp-combo .lp-phone{width:122px;right:-2px}}

/* ---------- hero ---------- */
.lp-hero{position:relative;overflow:hidden;padding:70px 0 30px}
.lp-hero::before{content:"";position:absolute;inset:-30% 0 auto 0;height:520px;z-index:0;
  background:radial-gradient(60% 100% at 50% 0,color-mix(in srgb,var(--lp-accent) 22%,transparent),transparent 70%);pointer-events:none}
.lp-hero .lp-wrap{position:relative;z-index:1;text-align:center}
.lp-hero h1{font-size:clamp(2.5rem,6vw,4.3rem);font-weight:800;letter-spacing:-.025em;max-width:16ch;margin:16px auto 0}
.lp-hero h1 em{font-style:normal;color:var(--lp-accent-strong)}
.lp-hero .lp-sub{font-size:clamp(1.05rem,2.2vw,1.28rem);color:var(--lp-ink-soft);max-width:60ch;margin:22px auto 0}
.lp-cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.lp-cta-note{font-size:.86rem;color:var(--lp-muted);margin-top:14px}
.lp-hero-stage{max-width:940px;margin:46px auto 0}
.lp-hero-stage .lp-combo .lp-phone{width:212px;right:-6px;bottom:-24px}
@media(max-width:820px){.lp-hero-stage .lp-combo .lp-phone{width:138px}}

/* ---------- stat strip ---------- */
.lp-stats{border-top:1px solid var(--lp-border);border-bottom:1px solid var(--lp-border);background:var(--lp-surface);margin-top:58px}
.lp-stats .lp-wrap{display:flex;flex-wrap:wrap;gap:14px 40px;justify-content:center;padding:22px 24px}
.lp-stat{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--lp-ink-soft);font-size:.98rem}
.lp-stat b{color:var(--lp-ink)}
.lp-stat svg{color:var(--lp-accent-strong);flex:none}

/* ---------- sections ---------- */
.lp-sec{padding:84px 0}
.lp-sec-head{text-align:center;max-width:64ch;margin:0 auto 54px}
.lp-sec-head h2{font-size:clamp(1.9rem,4vw,2.7rem);font-weight:800;letter-spacing:-.02em;margin-top:12px}
.lp-sec-head p{color:var(--lp-ink-soft);margin-top:16px;font-size:1.1rem}
.lp-feature{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;max-width:var(--lp-maxw);margin:0 auto;padding:0 24px}
.lp-feature + .lp-feature{margin-top:104px}
.lp-feature.flip .lp-fx-media{order:2}
.lp-fx-body h3{font-size:clamp(1.5rem,3vw,2.05rem);font-weight:800;letter-spacing:-.015em}
.lp-fx-body .lp-lead{color:var(--lp-ink-soft);margin-top:14px;font-size:1.08rem}
.lp-fx-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:11px}
.lp-fx-list li{display:flex;gap:11px;align-items:flex-start;color:var(--lp-ink-soft)}
.lp-fx-list li b{color:var(--lp-ink);font-weight:700}
.lp-fx-list svg{color:var(--lp-pos);flex:none;margin-top:3px}
@media(max-width:820px){.lp-feature{grid-template-columns:1fr;gap:34px}.lp-feature.flip .lp-fx-media{order:0}}

/* ---------- IA (item 45/§5.14 — seção "Inteligência Artificial" + demo pré-gravada) ---------- */
.lp-ia-selo{display:inline-flex;align-items:center;gap:6px;margin-top:18px;background:var(--lp-accent);
  color:var(--lp-on-accent);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  padding:7px 16px;border-radius:999px;box-shadow:var(--cents-sombra-2)}
.lp-ia-bullets{list-style:none;padding:0;margin:40px auto 0;max-width:920px;display:grid;
  grid-template-columns:1fr 1fr;gap:16px 40px}
.lp-ia-bullets li{display:flex;gap:11px;align-items:flex-start;color:var(--lp-ink-soft);font-size:1rem}
.lp-ia-bullets li em{font-style:normal;color:var(--lp-ink);font-weight:700}
.lp-ia-bullets svg{color:var(--lp-pos);flex:none;margin-top:3px}
@media(max-width:700px){.lp-ia-bullets{grid-template-columns:1fr}}
.lp-ia-demo{max-width:var(--lp-maxw);margin:64px auto 0;padding:44px;border:1px solid var(--lp-border);
  border-radius:26px;box-shadow:var(--lp-shadow);
  background:linear-gradient(135deg,color-mix(in srgb,var(--lp-teal) 12%,var(--lp-surface)),var(--lp-surface))}
.lp-ia-demo-head{text-align:center;max-width:64ch;margin:0 auto 32px}
.lp-ia-demo-head h3{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800;margin-top:10px}
.lp-ia-demo-head p{color:var(--lp-ink-soft);margin-top:12px}
.lp-ia-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
@media(max-width:820px){.lp-ia-demo-grid{grid-template-columns:1fr}}
/* ⚠️ `min-width:0` NÃO é enfeite (bug do dono 20/07: "algo está esticando o layout no mobile").
   Item de grid nasce com `min-width:auto`, ou seja, a trilha nunca encolhe abaixo do min-content
   do conteúdo. O extrato de exemplo aqui dentro é <pre> monoespaçado com `white-space:pre` e ~41
   caracteres (~315px) que NÃO quebram; o `overflow-x:auto` do próprio <pre> não salva, porque quem
   precisa poder encolher é o FILHO DIRETO do grid, não o neto. Sem esta linha o cartão empurrava
   a trilha, a seção, o <body> e a página INTEIRA para ~483px de largura mínima — rolagem lateral
   em todo o site, cabeçalho incluso, num aparelho de 360-390px. */
.lp-ia-demo-col{background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:16px;padding:24px;min-width:0}
.lp-ia-demo-label{margin:0 0 12px;font-size:.82rem;font-weight:800;text-transform:uppercase;
  letter-spacing:.06em;color:var(--lp-muted)}
.lp-ia-extrato{margin:0 0 20px;padding:16px;background:var(--lp-bg);border:1px solid var(--lp-border);
  border-radius:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;
  line-height:1.7;color:var(--lp-ink-soft);white-space:pre;overflow-x:auto;max-width:100%}
/* No celular o extrato encolhe para caber sem rolagem interna: o alinhamento em colunas (que é o
   charme do "parece um extrato de banco") depende de fonte monoespaçada, então diminuímos a fonte
   e o respiro em vez de quebrar a linha — quebrar destruiria as colunas e o efeito. */
@media(max-width:575.98px){
  .lp-ia-demo{padding:24px 16px}
  .lp-ia-demo-col{padding:16px}
  .lp-ia-extrato{font-size:.68rem;padding:12px;line-height:1.6}
}
.lp-ia-demo-botao{width:100%;justify-content:center}
.lp-ia-demo-resultado[hidden]{display:none}
.lp-ia-demo-badge{display:inline-block;margin-bottom:14px;font-size:.7rem;font-weight:800;
  text-transform:uppercase;letter-spacing:.05em;color:var(--lp-accent-strong);
  background:color-mix(in srgb,var(--lp-accent) 16%,transparent);padding:5px 12px;border-radius:999px}
.lp-ia-demo-itens{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:9px;font-size:.92rem;color:var(--lp-ink)}
.lp-ia-demo-insight{border-top:1px solid var(--lp-border);padding-top:16px;margin-bottom:18px}
.lp-ia-demo-insight strong{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;
  color:var(--lp-teal);margin-bottom:6px}
.lp-ia-demo-insight p{color:var(--lp-ink-soft);font-size:.94rem}
.lp-ia-demo-reset{width:100%;justify-content:center}
.lp-ia-demo-rodape{margin:24px auto 0;max-width:70ch;text-align:center;color:var(--lp-muted);font-size:.82rem}

/* ---------- feature grid ---------- */
.lp-grid-all{background:var(--lp-surface);border-top:1px solid var(--lp-border);border-bottom:1px solid var(--lp-border)}
.lp-cells{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:var(--lp-maxw);margin:0 auto;padding:0 24px}
@media(max-width:900px){.lp-cells{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.lp-cells{grid-template-columns:1fr}}
.lp-cell{border:1px solid var(--lp-border);border-radius:13px;background:var(--lp-bg);padding:18px}
.lp-cell .lp-ci{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--lp-accent) 16%,transparent);font-size:1.15rem;margin-bottom:12px}
.lp-cell h4{margin:0;font-size:1rem;font-weight:700;font-family:var(--lp-display)}
.lp-cell p{margin:6px 0 0;font-size:.88rem;color:var(--lp-muted);line-height:1.5}

/* ---------- demo band ---------- */
.lp-demo-inner{max-width:var(--lp-maxw);margin:0 auto;padding:0 24px}
.lp-demo-card{border-radius:26px;padding:52px 44px;background:linear-gradient(135deg,color-mix(in srgb,var(--lp-accent) 16%,var(--lp-surface)),var(--lp-surface));
  border:1px solid var(--lp-border);box-shadow:var(--lp-shadow);display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}
.lp-demo-card h2{font-size:clamp(1.8rem,3.6vw,2.5rem);font-weight:800;letter-spacing:-.02em}
.lp-demo-card p{color:var(--lp-ink-soft);margin-top:14px;font-size:1.08rem}
.lp-phonestage{position:relative;display:flex;justify-content:center;align-items:center;padding:16px}
.lp-phonestage::before{content:"";position:absolute;width:64%;height:64%;border-radius:50%;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--lp-accent) 36%,transparent),transparent);filter:blur(36px);z-index:0}
.lp-phonestage .lp-phone{position:relative;z-index:1;width:262px;transform:rotate(-3deg);
  box-shadow:0 0 0 1px var(--lp-dev-ring), var(--lp-shadow)}
@media(max-width:820px){.lp-demo-card{grid-template-columns:1fr;padding:40px 26px}.lp-phonestage .lp-phone{width:220px}}

/* ---------- faq ---------- */
.lp-faq{max-width:820px;margin:0 auto;padding:0 24px;display:grid;gap:12px}
.lp-faq details{border:1px solid var(--lp-border);border-radius:13px;background:var(--lp-surface);padding:4px 20px}
.lp-faq summary{cursor:pointer;list-style:none;padding:16px 0;font-weight:700;font-size:1.06rem;display:flex;justify-content:space-between;align-items:center}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";color:var(--lp-accent-strong);font-size:1.4rem;font-weight:400}
.lp-faq details[open] summary::after{content:"\2013"}
.lp-faq details p{color:var(--lp-ink-soft);padding:0 0 18px;max-width:64ch}

/* ---------- final + footer ---------- */
.lp-final{text-align:center}
.lp-final h2{font-size:clamp(2rem,4.5vw,3rem);font-weight:800;letter-spacing:-.02em;max-width:18ch;margin:0 auto}
.lp-final p{color:var(--lp-ink-soft);margin:18px auto 0;max-width:52ch;font-size:1.12rem}
.lp-footer{border-top:1px solid var(--lp-border);background:var(--lp-surface);padding:40px 0;color:var(--lp-muted);font-size:.9rem}
.lp-footer .lp-wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
.lp-footer img{height:26px;width:auto}
.lp-footer a{color:var(--lp-ink-soft)}.lp-footer a:hover{color:var(--lp-ink)}
.lp-foot-links{display:flex;gap:20px;flex-wrap:wrap}

/* ---------- planos e preços ---------- */
.lp-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:var(--lp-maxw);margin:0 auto;padding:0 24px;align-items:stretch}
.lp-plan{position:relative;display:flex;flex-direction:column;border:1px solid var(--lp-border);border-radius:var(--lp-radius);background:var(--lp-surface);padding:32px 28px;box-shadow:var(--lp-shadow)}
.lp-plan.destaque{border-color:var(--lp-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--lp-accent) 55%,transparent),var(--lp-shadow);
  background:linear-gradient(180deg,color-mix(in srgb,var(--lp-accent) 10%,var(--lp-surface)),var(--lp-surface))}
.lp-plan-selo{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--lp-accent);color:var(--lp-on-accent);
  font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:6px 16px;border-radius:999px;box-shadow:var(--cents-sombra-2);white-space:nowrap}
.lp-plan h3{font-family:var(--lp-display);font-size:1.35rem;font-weight:800;letter-spacing:-.01em}
.lp-plan-preco{margin:18px 0 22px}
.lp-plan-preco-big{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}
.lp-plan-preco-num{font-family:var(--lp-display);font-size:2.3rem;font-weight:800;letter-spacing:-.02em;color:var(--lp-ink)}
.lp-plan-preco-per{color:var(--lp-muted);font-weight:600;font-size:.98rem}
.lp-plan-preco-off{margin-top:8px;font-size:.86rem;color:var(--lp-ink-soft);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lp-plan-off-badge{background:color-mix(in srgb,var(--lp-pos) 18%,transparent);color:var(--lp-pos);font-weight:800;font-size:.76rem;padding:2px 9px;border-radius:999px;white-space:nowrap}
.lp-plan-preco-mensal{margin-top:4px;font-size:.82rem;color:var(--lp-muted);text-decoration:line-through;text-decoration-color:var(--lp-border)}
.lp-plan-bullets{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:11px;flex:1}
.lp-plan-bullets li{display:flex;gap:10px;align-items:flex-start;color:var(--lp-ink-soft);font-size:.94rem}
.lp-plan-bullets li em{font-style:normal;color:var(--lp-ink);font-weight:700}
.lp-plan-bullets svg{color:var(--lp-pos);flex:none;margin-top:3px}
.lp-plan-cta{width:100%;justify-content:center}
@media(max-width:900px){.lp-plans{grid-template-columns:1fr;max-width:520px}.lp-plan.destaque{order:-1}}
@media(max-width:520px){.lp-plan{padding:26px 20px}.lp-plan-preco-num{font-size:1.9rem}}

.lp-plans-nota{max-width:64ch;margin:40px auto 0;text-align:center;color:var(--lp-muted);font-size:.92rem;padding:0 24px}
.lp-plans-nota em{font-style:normal;color:var(--lp-ink-soft);font-weight:700}

.lp-plans-compare{max-width:720px;margin:44px auto 0;padding:28px 30px;border:1px solid var(--lp-border);border-radius:var(--lp-radius);background:var(--lp-surface)}
.lp-plans-compare h3{font-family:var(--lp-display);font-size:1.15rem;font-weight:800;margin:0 0 16px;text-align:center}
.lp-plans-compare ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.lp-plans-compare li{display:flex;gap:10px;align-items:flex-start;color:var(--lp-ink-soft);font-size:.94rem}
.lp-plans-compare li em{font-style:normal;color:var(--lp-ink);font-weight:700}
.lp-plans-compare svg{color:var(--lp-pos);flex:none;margin-top:3px}

/* ---------- páginas legais (Termo de Uso / Privacidade) ---------- */
.lp-legal{padding-top:56px}
.lp-legal-wrap{max-width:760px;margin:0 auto;padding:0 24px}
.lp-legal-head{text-align:left;border-bottom:1px solid var(--lp-border);padding-bottom:32px;margin-bottom:32px}
.lp-legal-head h1{font-size:clamp(1.9rem,4vw,2.5rem);font-weight:800;letter-spacing:-.02em;margin-top:10px}
.lp-legal-updated{color:var(--lp-muted);font-size:.86rem;font-weight:700;margin-top:14px}
.lp-legal-head .lp-lead{color:var(--lp-ink-soft);margin-top:16px;font-size:1.05rem}
.lp-legal-toc{background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:var(--lp-radius);padding:22px 26px;margin-bottom:40px}
.lp-legal-toc strong{display:block;font-family:var(--lp-display);font-size:1rem;margin-bottom:12px}
.lp-legal-toc ol{margin:0;padding-left:1.2em;display:grid;gap:6px}
.lp-legal-toc a{color:var(--lp-ink-soft);font-size:.94rem}
.lp-legal-toc a:hover{color:var(--lp-accent-strong)}
.lp-legal-sec{padding:26px 0;border-bottom:1px solid var(--lp-border)}
.lp-legal-sec:last-of-type{border-bottom:none}
.lp-legal-sec h2{font-size:1.28rem;font-weight:800;letter-spacing:-.01em;scroll-margin-top:84px}
.lp-legal-sec p{color:var(--lp-ink-soft);margin-top:12px;font-size:.98rem;line-height:1.65}
.lp-legal-lista{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.lp-legal-lista li{position:relative;padding-left:1.3em;color:var(--lp-ink-soft);font-size:.96rem;line-height:1.55}
.lp-legal-lista li::before{content:"—";position:absolute;left:0;color:var(--lp-accent-strong)}
.lp-legal-contato{margin:36px 0 60px;color:var(--lp-muted);font-size:.92rem}
@media(max-width:520px){.lp-plans-compare{padding:22px 18px;margin-top:34px}}

/* nota de transparência do GA no rodapé (§5.27) */
.lp-foot-ga{margin-top:6px;font-size:.78rem;color:var(--lp-muted)}