.lp{
  --purple:#6C33D3; --purple-dark:#571EC0; --cyan:#00A9FF; --purple-deep:#150c26;
  --ink:#1c1330; --muted:#6b7280; --line:#e7e3ee; --bg:#faf9fc; --white:#fff;
  --notas:#d97706; --notas-light:#fff8ec; --notas-ink:#b45309;
  --green:#16a34a; --green-ink:#15803d; --green-light:#eefdf3;
  --radius:16px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --wrap:1120px;
}
.lp{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);
  font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
.lp h1,.lp h2,.lp h3{font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0}
.lp p{margin:0}
.lp a{color:inherit}
.lp img{max-width:100%;display:block}
.lp .lp-wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.lp section{padding:88px 0}
.lp .lp-eyebrow{font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:var(--notas-ink)}
.lp .lp-lede{font-size:19px;color:var(--muted);line-height:1.6}
.lp .lp-center{text-align:center}
.lp .lp-center .lp-lede{max-width:660px;margin-left:auto;margin-right:auto}
.lp .lp-logo{font-weight:800;letter-spacing:-.03em;font-size:19px}
.lp .lp-logo span{color:var(--notas-ink)}
@media(max-width:900px){

}
/* ---------- buttons ---------- */
.lp .lp-btn{display:inline-block;border:0;cursor:pointer;font-family:var(--font);
  font-weight:700;font-size:15.5px;padding:15px 26px;border-radius:11px;text-decoration:none;
  transition:transform .12s ease, box-shadow .12s ease}
.lp .lp-btn-primary{background:var(--notas);color:#fff;box-shadow:0 6px 18px rgba(217,119,6,.28)}
.lp .lp-btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(217,119,6,.34)}
.lp .lp-btn-ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.lp .lp-btn-ghost:hover{border-color:#cfc8dd}
.lp .lp-btn-sm{padding:11px 18px;font-size:14.5px;border-radius:9px}
.lp .lp-btns{display:flex;gap:12px;flex-wrap:wrap}
/* Bloco centralizado: os botoes tambem. Mesma causa dos selos — flex nao
   obedece o text-align:center do .lp-center, entao o titulo e o texto
   centralizavam e a fileira de botoes ficava encostada a esquerda. Escopado
   em .lp-center: o hero das tres paginas de venda e de duas colunas e
   alinha a esquerda de proposito. */
.lp .lp-center .lp-btns{justify-content:center}
/* ---------- hero ---------- */
.lp .lp-hero{background:linear-gradient(168deg,#fff8ec 0%,#faf9fc 62%);
  border-bottom:1px solid var(--line);padding:76px 0 84px}
.lp .lp-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:56px;align-items:center}
.lp .lp-hero h1{font-size:clamp(33px,4.6vw,52px);margin:16px 0 18px}
.lp .lp-hero .lp-lede{font-size:19.5px;max-width:560px}
.lp .lp-hero .lp-btns{margin-top:30px}
.lp .lp-seals{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-direction:column;gap:9px;
  font-size:14.5px;color:var(--muted)}
.lp .lp-seals li{display:flex;align-items:center;gap:9px}
/* Hero centralizado (a /experimentar). Cada item dos selos e um flex proprio,
   e flex nao obedece `text-align:center` do `.lp-center` — por isso a lista
   ficava pendurada a esquerda embaixo de botoes centralizados. Escopado em
   `.lp-center` para nao mexer nas tres paginas de venda, que tem hero de duas
   colunas e alinham a esquerda de proposito. */
.lp .lp-center .lp-seals{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px 26px}
.lp .lp-tick{width:19px;height:19px;flex:none;border-radius:50%;background:var(--green-light);
  color:var(--green-ink);display:grid;place-items:center;font-size:11px;font-weight:900}
/* ---------- painel mockup ---------- */
.lp .lp-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:0 18px 50px rgba(28,19,48,.10);overflow:hidden}
.lp .lp-panel-top{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--line);
  background:#f1eef6}
.lp .lp-dot{width:11px;height:11px;border-radius:50%;background:#d6d0e0}
.lp .lp-dot.lp-r{background:#f0a9a2}
.lp .lp-dot.lp-y{background:#f3ce8a}
.lp .lp-dot.lp-g{background:#a8d9b4}
.lp .lp-urlbar{flex:1;margin-left:9px;background:#fff;border:1px solid var(--line);border-radius:7px;
  padding:5px 12px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px;
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.lp .lp-urlbar svg{width:12px;height:12px;flex:none;color:var(--green-ink)}
.lp .lp-panel-shot{position:relative;line-height:0}
.lp .lp-panel-shot img{width:100%;display:block}
/* ---------- cards ---------- */
.lp .lp-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.lp .lp-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.lp .lp-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px}
.lp .lp-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px}
.lp .lp-card h3{font-size:17.5px;margin-bottom:9px}
.lp .lp-card p{font-size:15px;color:var(--muted);line-height:1.62}
.lp .lp-card strong{color:var(--ink)}
.lp .lp-ico{width:42px;height:42px;border-radius:11px;background:var(--notas-light);color:var(--notas-ink);
  display:grid;place-items:center;margin-bottom:15px}
.lp .lp-ico svg{width:21px;height:21px}
/* ---------- passos ---------- */
.lp .lp-steps{display:flex;flex-direction:column;gap:2px;margin-top:44px;
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--line)}
.lp .lp-step{display:flex;align-items:flex-start;gap:18px;background:#fff;padding:22px 26px}
.lp .lp-step .lp-n{width:31px;height:31px;flex:none;border-radius:9px;background:var(--notas);color:#fff;
  display:grid;place-items:center;font-weight:800;font-size:14px}
.lp .lp-step.lp-done .lp-n{background:var(--green)}
.lp .lp-step .lp-t{font-weight:700;font-size:16.5px}
.lp .lp-step .lp-s{font-size:14.5px;color:var(--muted);margin-top:2px}
.lp .lp-faixa{margin-top:18px;background:var(--notas-light);border:1px solid #f6e2c2;border-radius:12px;
  padding:15px 20px;font-size:15px;color:var(--notas-ink);font-weight:600}
/* ---------- atendimento ---------- */
.lp .lp-atend{background:var(--purple-deep);color:#fff}
.lp .lp-atend .lp-eyebrow{color:#c9a7ff}
.lp .lp-atend h2{color:#fff}
.lp .lp-atend .lp-lede{color:#c8c1d6}
.lp .lp-quote-ticket{margin-top:32px;background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.13);border-left:3px solid var(--notas);
  border-radius:12px;padding:26px 30px;font-size:17.5px;line-height:1.6;color:#e6e1f0;
  text-align:center}
.lp .lp-quote-ticket b{color:#f5b45a;font-weight:700}
.lp .lp-atend .lp-grid-2{margin-top:34px}
.lp .lp-atend .lp-card{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.13)}
.lp .lp-atend .lp-card h3{color:#fff}
.lp .lp-atend .lp-card p{color:#c3bcd3}
.lp .lp-atend .lp-card strong{color:#fff}
.lp .lp-atend .lp-ico{background:rgba(217,119,6,.22);color:#f5b45a}
.lp .lp-tagplan{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;color:#f5b45a;border:1px solid rgba(245,180,90,.4);
  padding:3px 9px;border-radius:6px;margin-bottom:12px}
/* ---------- integrações ---------- */
.lp .lp-integ-grupo{margin:34px 0 13px;font-size:12px;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);text-align:center}
/* fita: mascara nas bordas + trilho que desliza sozinho */
.lp .lp-fita{position:relative;overflow:hidden;cursor:grab;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.lp .lp-fita.lp-arrastando{cursor:grabbing}
.lp .lp-trilho{display:flex;gap:12px;width:max-content;animation:lp-desliza var(--dur,46s) linear infinite}
.lp .lp-fita:hover .lp-trilho,.lp .lp-fita.lp-arrastando .lp-trilho,.lp .lp-fita.lp-parado .lp-trilho{animation-play-state:paused}
from{transform:translateX(0)}
to{transform:translateX(calc(-50% - 6px))}
.lp .lp-ilogo{background:#fff;border:1px solid var(--line);border-radius:12px;height:66px;
  width:168px;flex:none;display:grid;place-items:center;padding:10px;
  transition:border-color .15s ease}
.lp .lp-ilogo:hover{border-color:#cfc8dd}
.lp .lp-ilogo span{font-weight:800;font-size:14.5px;letter-spacing:-.02em;text-align:center;
  line-height:1.2;white-space:nowrap;-webkit-user-select:none;user-select:none}
.lp .lp-ilogo img{max-height:26px;max-width:80%;width:auto;object-fit:contain;pointer-events:none}
.lp .lp-integ-nota{margin-top:28px;text-align:center;font-size:15px;color:var(--muted)}
/* ---------- foto + cards flutuantes ---------- */
.lp .lp-foto{position:relative;border-radius:var(--radius);overflow:hidden;background:#241a3a;
  aspect-ratio:4/3}
.lp .lp-foto img{width:100%;height:100%;object-fit:cover;display:block}
.lp .lp-foto.lp-dark::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(21,12,38,.15) 0%,rgba(21,12,38,.82) 100%)}
/* variante: texto na esquerda, sobre area ja escura da foto */
.lp .lp-foto.lp-left::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(21,12,38,.92) 0%,rgba(21,12,38,.72) 38%,rgba(21,12,38,0) 66%)}
.lp .lp-foto.lp-left .lp-foto-txt{top:0;right:auto;width:min(50%,520px);bottom:0;
  display:flex;flex-direction:column;justify-content:center;padding:34px 38px}
.lp .lp-foto-txt{position:absolute;left:0;right:0;bottom:0;padding:26px 28px;z-index:3;color:#fff}
.lp .lp-foto-txt h3{font-size:20px;color:#fff;margin-bottom:8px}
.lp .lp-foto-txt p{font-size:14.5px;color:#d9d3e6;line-height:1.55}
/* ---------- comparativo ---------- */
.lp .lp-cmp{margin-top:40px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  background:#fff}
.lp .lp-cmp-head{display:grid;grid-template-columns:1fr 1fr}
.lp .lp-cmp-head div{padding:17px 24px;font-weight:800;font-size:16px}
.lp .lp-cmp-head .lp-a{background:#f4f2f7;color:var(--muted)}
.lp .lp-cmp-head .lp-b{background:var(--notas-light);color:var(--notas-ink)}
.lp .lp-cmp-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.lp .lp-cmp-row div{padding:15px 24px;font-size:15.5px;display:flex;align-items:center;gap:10px}
.lp .lp-cmp-row .lp-a{color:var(--muted);border-right:1px solid var(--line)}
.lp .lp-cmp-row .lp-b{font-weight:600}
.lp .lp-cmp-row .lp-b::before{content:"✓";color:var(--green-ink);font-weight:900;font-size:13px;flex:none}
.lp .lp-cmp-row .lp-a::before{content:"✕";color:#c9c2d4;font-weight:900;font-size:13px;flex:none}
.lp .lp-cmp-note{margin-top:16px;font-size:15px;color:var(--muted);max-width:720px}
/* ---------- incluído ---------- */
.lp .lp-incl{list-style:none;padding:0;margin:44px 0 0;display:grid;
  grid-template-columns:1fr 1fr;gap:14px}
.lp .lp-incl li{display:flex;gap:13px;background:#fff;border:1px solid var(--line);
  border-radius:12px;padding:17px 19px}
.lp .lp-incl .lp-tick{margin-top:3px}
.lp .lp-incl b{display:block;font-size:15.5px}
.lp .lp-incl span{font-size:14.5px;color:var(--muted)}
/* ---------- cidade ---------- */
.lp .lp-cidade{background:linear-gradient(160deg,#fff8ec,#fff);border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)}
.lp .lp-busca{max-width:560px;margin:34px auto 0;display:flex;gap:10px}
.lp .lp-busca input{flex:1;font-family:var(--font);font-size:16px;padding:15px 17px;border-radius:11px;
  border:1.5px solid var(--line);background:#fff;color:var(--ink);min-width:0}
.lp .lp-busca input:focus{outline:2px solid var(--notas);outline-offset:1px;border-color:transparent}
.lp #res{max-width:560px;margin:16px auto 0;border-radius:12px;padding:17px 20px;font-size:15.5px;
  display:none;line-height:1.55}
.lp #res.lp-ok{display:block;background:var(--green-light);border:1px solid #bfe8cd;color:#14663a}
.lp #res.lp-no{display:block;background:#fff4f4;border:1px solid #f3d0d0;color:#9b2c2c}
.lp #res b{display:block;margin-bottom:3px}
.lp .lp-hint{max-width:560px;margin:13px auto 0;font-size:13.5px;color:var(--muted);text-align:center}
/* ---------- depoimento ---------- */
.lp .lp-depo{max-width:760px;margin:44px auto 0;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);padding:38px 40px;text-align:center;
  box-shadow:0 14px 40px rgba(28,19,48,.07)}
.lp .lp-depo .lp-mark{font-size:44px;line-height:1;color:var(--notas);opacity:.35;font-weight:800}
.lp .lp-depo blockquote{margin:6px 0 0;font-size:20.5px;line-height:1.55;font-weight:600;
  letter-spacing:-.01em}
.lp .lp-depo .lp-who{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:26px}
.lp .lp-depo img{width:60px;height:60px;border-radius:50%}
.lp .lp-depo .lp-nm{text-align:left}
.lp .lp-depo .lp-nm b{font-size:15.5px}
.lp .lp-depo .lp-nm span{display:block;font-size:13.5px;color:var(--muted)}
/* ---------- planos ---------- */
.lp .lp-toggle{display:flex;justify-content:center;margin-top:34px}
.lp .lp-toggle .lp-in{display:flex;background:#fff;border:1px solid var(--line);border-radius:11px;padding:4px;gap:3px}
.lp .lp-toggle button{font-family:var(--font);font-weight:700;font-size:14.5px;padding:10px 20px;
  border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}
.lp .lp-toggle button.lp-on{background:var(--notas);color:#fff}
.lp .lp-badge2m{display:inline-block;margin-left:7px;font-size:11px;font-weight:800;color:var(--green-ink);
  background:var(--green-light);padding:2px 7px;border-radius:5px}
.lp .lp-planos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;align-items:start}
.lp .lp-plano{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;
  position:relative}
.lp .lp-plano.lp-pop{border:2px solid var(--notas);box-shadow:0 16px 44px rgba(217,119,6,.14)}
.lp .lp-pop-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--notas);
  color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  padding:5px 13px;border-radius:7px;white-space:nowrap}
.lp .lp-plano .lp-nm{font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  color:var(--notas-ink)}
.lp .lp-preco{margin:14px 0 4px;font-size:39px;font-weight:800;letter-spacing:-.03em;line-height:1}
.lp .lp-preco small{font-size:15px;font-weight:700;color:var(--muted);letter-spacing:0}
.lp .lp-sub{font-size:13.5px;color:var(--muted);min-height:20px}
.lp .lp-plano ul{list-style:none;padding:0;margin:22px 0 24px;display:flex;flex-direction:column;gap:11px}
.lp .lp-plano li{display:flex;gap:10px;font-size:15px;align-items:flex-start}
.lp .lp-plano li .lp-tick{margin-top:2px}
.lp .lp-plano .lp-btn{width:100%;text-align:center}
.lp .lp-grt{margin-top:12px;font-size:12.5px;color:var(--muted);text-align:center}
.lp .lp-anual-nota{margin-top:22px;text-align:center;font-size:15px;color:var(--muted)}
.lp .lp-exced{margin-top:40px;background:var(--purple-deep);color:#fff;border-radius:var(--radius);
  padding:38px 42px;display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}
.lp .lp-exced h3{font-size:25px;color:#fff;margin-bottom:11px}
.lp .lp-exced p{color:#c8c1d6;font-size:16px;line-height:1.62}
.lp .lp-exced .lp-big{font-size:52px;font-weight:800;letter-spacing:-.03em;color:#f5b45a;line-height:1}
.lp .lp-exced .lp-big small{display:block;font-size:14px;font-weight:700;color:#c8c1d6;letter-spacing:0;
  margin-top:7px}
/* ---------- garantia ---------- */
.lp .lp-grt-box{max-width:760px;margin:40px auto 0;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);padding:36px 38px;text-align:center}
.lp .lp-grt-box .lp-sel{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:var(--green-light);
  color:var(--green-ink);display:grid;place-items:center}
.lp .lp-grt-box .lp-sel svg{width:31px;height:31px}
.lp .lp-grt-box p{font-size:16.5px;color:var(--muted);line-height:1.65}
.lp .lp-grt-pts{display:flex;justify-content:center;gap:30px;margin-top:24px;flex-wrap:wrap;
  font-size:14.5px;font-weight:700}
.lp .lp-grt-pts span{display:flex;align-items:center;gap:8px}
/* ---------- risco ---------- */
.lp .lp-risco{background:#fbfafc}
.lp .lp-risco .lp-grid-3 .lp-card{border-left:3px solid #e6b4b4}
.lp .lp-risco .lp-ico{background:#fff4f4;color:#b34a4a}
/* ---------- faq ---------- */
.lp .lp-faq{max-width:820px;margin:44px auto 0}
.lp details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:11px;
  overflow:hidden}
.lp details[open]{border-color:#dcd5e8}
.lp summary{cursor:pointer;padding:19px 22px;font-weight:700;font-size:16.5px;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:16px}
.lp summary::-webkit-details-marker{display:none}
.lp summary::after{content:"+";font-size:21px;font-weight:800;color:var(--notas-ink);flex:none}
.lp details[open] summary::after{content:"−"}
.lp details p{padding:0 22px 20px;font-size:15.5px;color:var(--muted);line-height:1.65}
/* ---------- final ---------- */
.lp .lp-final{background:var(--purple-deep);color:#fff;text-align:center}
.lp .lp-final h2{color:#fff;font-size:clamp(28px,3.6vw,40px)}
.lp .lp-final .lp-lede{color:#c8c1d6;margin:16px auto 0}
.lp .lp-final .lp-btns{justify-content:center;margin-top:30px}
.lp .lp-final .lp-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.32)}
{bloco:consulta-cidade.html}
`), entao ele traz o
   estilo do site junto. So faltava o espaco: dentro desta secao ele nascia
   colado no paragrafo de cima, e o rotulo lia como continuacao da frase.
   -------------------------------------------------------------------------- */
.lp .lp-cidade .cidade{margin-top:34px;text-align:left;}
.lp .lp-cidade .cidade label{font-size:14.5px;}
.lp .lp-cidade .cidade-ajuda{font-size:13px;}

/* ==========================================================================
   RESPONSIVO. Nao remova o envelope @media destas regras.
   --------------------------------------------------------------------------
   Em 25/08 um script de limpeza reconstruiu este arquivo a partir de
   re.findall(r"[^{}]*\{[^{}]*\}"). Essa expressao nao atravessa chave
   aninhada: dentro de @media(...){ .x{...} } ela casa so o .x{...}, e o
   envelope fica de fora. O arquivo foi reescrito a partir das casadas, os 13
   @media sumiram, e toda regra de celular passou a valer no desktop tambem.
   O cliente viu o comparativo perder a coluna "Na mao" e os planos empilharem
   numa coluna so, nas tres paginas, porque elas dividem esta folha.
   Qualquer ferramenta que mexa neste arquivo precisa entender chave aninhada.
   ========================================================================== */
@media (max-width:940px){
  .lp .lp-hero-grid{grid-template-columns:1fr;gap:40px}
}
/* Tres selos em linha a 390px quebram no meio da frase, que fica pior do que
   empilhado. Empilha e continua centralizado. */
@media (max-width:720px){
  .lp .lp-center .lp-seals{flex-direction:column;align-items:center}
}
@media (max-width:980px){
  .lp .lp-grid-4{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .lp .lp-grid-4,.lp .lp-grid-3,.lp .lp-grid-2{grid-template-columns:1fr}
}
@keyframes lp-desliza{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-50% - 6px))}
}
@media (max-width:520px){
  .lp .lp-ilogo{width:146px;height:60px}
  .lp .lp-ilogo span{font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){
  .lp .lp-trilho{animation:none}
  .lp .lp-fita{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
}
@media (max-width:620px){
  .lp .lp-foto.lp-left .lp-foto-txt{width:auto;position:static;background:#241a3a}
}
@media (max-width:620px){
  .lp .lp-foto{aspect-ratio:auto}
  .lp .lp-foto-txt{position:static;background:#241a3a}
}
@media (max-width:720px){
  /* Duas colunas nao cabem em tela estreita, entao viram dois GRUPOS, um
     debaixo do outro, cada um com o proprio rotulo.

     O prototipo empilhava alternando: escondia o cabecalho "Na mao" e deixava
     um item da mao, um do produto, um da mao, tudo sob o cabecalho "Com o
     TwoTalk". Quem lia no celular entendia que o TwoTalk faz as coisas ruins.
     Um cliente reportou exatamente isso.

     `display:contents` dissolve a linha e o cabecalho enquanto caixas: os
     filhos sobem para o flex do .lp-cmp e o `order` agrupa por lado. Assim o
     HTML continua o mesmo, e ele e o mesmo nas tres paginas. */
  .lp .lp-cmp{display:flex;flex-direction:column}
  .lp .lp-cmp-head,.lp .lp-cmp-row{display:contents}
  .lp .lp-cmp-head .lp-a{display:block;order:1}
  .lp .lp-cmp-row .lp-a{order:2}
  .lp .lp-cmp-head .lp-b{order:3}
  .lp .lp-cmp-row .lp-b{order:4}
  .lp .lp-cmp-head .lp-a,.lp .lp-cmp-head .lp-b{padding:14px 20px}
  .lp .lp-cmp-row .lp-a,.lp .lp-cmp-row .lp-b{
    padding:13px 20px;border-top:1px solid var(--line);border-right:0}
  .lp .lp-cmp-row .lp-a{background:#fbfafc}
}
@media (max-width:720px){
  .lp .lp-incl{grid-template-columns:1fr}
}
@media (max-width:620px){
  .lp .lp-depo{padding:30px 24px}
  .lp .lp-depo blockquote{font-size:18px}
}
@media (max-width:940px){
  .lp .lp-planos{grid-template-columns:1fr;max-width:440px;margin-left:auto;margin-right:auto}
}
@media (max-width:820px){
  .lp .lp-exced{grid-template-columns:1fr;padding:30px 26px;text-align:left}
}