/* jota.ai — páginas flagship (layout: flagship no conteudo/*.md). Carrega depois de novo.css e paginas.css.
   Topo com motion em HTML + GSAP (js/flagship-motion.js?v=001ce6d9), duplas arte + texto da home sempre com a arte à esquerda,
   ajuda em cartões que abrem, planos da home e links profundos em caixas no fim. */

/* ---------- TOPO ---------- */
.flagship .ihero{padding-top:40px;}/* título na mesma altura do da home */
.flagship .ihero h1{max-width:11em;margin:0 auto;}
/* quebras sem palavra sozinha na última linha */
.flagship h1,.flagship h2,.flagship h3,.flagship summary{text-wrap:balance;}
.flagship p,.flagship li,.flagship .chans a,.flagship .ask{text-wrap:balance;}
/* texto longo (FAQ, ajuda, duplas no celular) passa do limite de 6 linhas do balance; ali vale o pretty */
.flagship .faq p,.flagship .sanfona .det p,.flagship .sanfona .det li,.flagship .feature .copy p{text-wrap:pretty;}
.flagship .ihero .lede{margin-left:auto;margin-right:auto;}
.flagship .crumbs{justify-content:center;font-size:13px;}

/* ---------- MOTION DO TOPO ----------
   Open Finance: o vídeo do time de design (img/novo/motion-open-finance.*, 1600 px, sem áudio). Toca uma vez
   quando aparece e para no último quadro, que é também o pôster (estado sem JS e sem movimento).
   Pix: o estilo do vídeo (líquido, barra de pedido, frase grande no branco, pílulas) com a história do Pix, em
   HTML + GSAP (js/flagship-motion.js?v=001ce6d9). Pedido por áudio na barra, com a transcrição ao vivo embaixo, "Você fala. O Jota prepara o Pix.", a senha na tela do
   app, as formas de pagar e o comprovante com o aviso de quem recebeu, que é o quadro final e o estado sem JS.
   Medidas em cqw para a cena escalar com o painel. */
.mv{position:relative;margin:56px auto 0;max-width:var(--maxw);aspect-ratio:16/9;border-radius:var(--r-art);overflow:hidden;background:#FCFCFC;container-type:inline-size;}
.mv-video{display:block;width:100%;height:100%;object-fit:cover;}
@media (max-width:560px){.mv{margin-top:40px;aspect-ratio:4/3;border-radius:32px;}}
/* casos de uso: o vídeo 16:9 tem o motion vertical da home (720x900) no centro; no celular o painel 4:5 mostra só ele */
@media (max-width:560px){.mv.mv-home{aspect-ratio:4/5;}}

/* Pix */
.px-liq,.px-branco{position:absolute;inset:0;}
.px-liq{background:inherit;background-size:cover;background-position:center;}
.mv-px.cm-f1 .px-liq{background-image:url(/img/novo/fundo1.webp?v=050aebf8);}.mv-px.cm-f2 .px-liq{background-image:url(/img/novo/fundo2.webp?v=57d3191e);}.mv-px.cm-f3 .px-liq{background-image:url(/img/novo/fundo3.webp?v=a9e376f7);}
.mv-px.cm-f4 .px-liq{background-image:url(/img/novo/fundo4.webp?v=6728587a);}.mv-px.cm-f5 .px-liq{background-image:url(/img/novo/fundo5.webp?v=59bb1ed5);}.mv-px.cm-f6 .px-liq{background-image:url(/img/novo/fundo6.webp?v=41595f98);}
.px-branco{background:#FCFCFC;opacity:0;}
.px-cena{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;}
.px-recibo{opacity:1;visibility:visible;}
/* barra do pedido */
.px-bar{display:flex;align-items:center;gap:1.6cqw;width:58cqw;height:8.6cqw;padding:0 1.2cqw 0 2.6cqw;border-radius:9cqw;background:#fff;box-shadow:0 1.5cqw 4cqw -1.5cqw rgba(60,30,0,.25);font-size:2.1cqw;letter-spacing:-.02em;color:#1C2327;white-space:nowrap;}
.px-bar .mais{font-size:3cqw;line-height:1;font-weight:300;}
.px-pedido{flex-direction:column;gap:2.4cqw;}
/* gravando: ponto vermelho, onda ao vivo e o tempo; a transcrição aparece embaixo enquanto o cliente fala */
.px-bar .rec{flex:none;width:1.4cqw;height:1.4cqw;border-radius:50%;background:#F0443A;}
.px-onda{display:flex;align-items:center;gap:.45cqw;height:4cqw;flex:1;}
.px-onda i{flex:1;max-width:.5cqw;height:100%;border-radius:.3cqw;background:#1C2327;transform:scaleY(.25);}
.px-onda i:nth-child(3n+1){transform:scaleY(.5);}.px-onda i:nth-child(4n+2){transform:scaleY(.8);}.px-onda i:nth-child(5n){transform:scaleY(.35);}
.px-tempo{font-size:1.8cqw;color:#5A656D;font-variant-numeric:tabular-nums;}
.px-fala{max-width:58cqw;font-size:2.6cqw;line-height:1.3;letter-spacing:-.02em;text-align:center;color:#1C2327;}
.px-fala span{display:inline-block;}
.px-bar .enviar{flex:none;margin-left:auto;width:6cqw;height:6cqw;border-radius:50%;background:#111 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5M6 11l6-6 6 6'/%3E%3C/svg%3E") center/2.8cqw no-repeat;}
/* frases grandes no branco: palavra por palavra, do cinza ao preto */
.px-frase p{font-size:7.4cqw;line-height:.98;font-weight:400;letter-spacing:-.045em;text-align:center;color:#111;text-wrap:nowrap;}
.px-frase span{display:inline-block;}
.px-chip{display:inline-flex!important;align-items:center;gap:.5cqw;margin-left:.6cqw;padding:.7cqw 1cqw;border-radius:4cqw;background:#F0F0F0;vertical-align:.8cqw;}
.px-chip b{display:block;width:3.2cqw;height:3.2cqw;border-radius:50%;background:#32BCAD;}
.c-pix::after{content:"";display:block;width:100%;height:100%;background:#fff;-webkit-mask:url(/img/novo/chat/i-pix.svg?v=8ad67c89) center/contain no-repeat;mask:url(/img/novo/chat/i-pix.svg?v=8ad67c89) center/contain no-repeat;transform:scale(.6);}
/* tela do app para a senha, na cor do Pix */
.px-senha{background:radial-gradient(70% 90% at 20% 20%,#7FE0D2 0,transparent 70%),radial-gradient(60% 80% at 85% 90%,#1E9C8F 0,transparent 70%),#32BCAD;align-items:flex-start;}
.px-tela{display:flex;flex-direction:column;width:30cqw;margin-top:6cqw;padding:3cqw 2.6cqw;border-radius:3cqw;background:#fff;font-size:1.35cqw;color:#5A656D;box-shadow:0 2cqw 5cqw -2cqw rgba(0,60,55,.45);}
.px-tela strong{margin-top:.3cqw;font-size:2cqw;font-weight:500;color:#111;letter-spacing:-.02em;}
.px-valor{margin:1.2cqw 0 1.4cqw;font-size:3.6cqw;font-weight:500;color:#111;letter-spacing:-.04em;}
.px-linha{display:flex;justify-content:space-between;padding:.9cqw 0;border-top:1px solid #EDEDED;}
.px-linha em{font-style:normal;}
.px-rot{margin-top:1.8cqw;text-align:center;}
.px-dots{display:flex;justify-content:center;gap:1.2cqw;margin-top:1.2cqw;}
.px-dots i{width:1.4cqw;height:1.4cqw;border-radius:50%;border:.18cqw solid #1C2327;}
.px-ok{margin-top:2.2cqw;padding:1.1cqw;border-radius:3cqw;background:#32BCAD;color:#fff;text-align:center;font-weight:500;font-size:1.5cqw;}
/* comprovante e aviso de quem recebeu */
.px-recibo{flex-direction:column;gap:2cqw;}
.px-card{width:19cqw;filter:drop-shadow(0 2cqw 3cqw rgba(60,40,0,.22));}
.px-card svg{display:block;width:100%;height:auto;}
.px-aviso{display:flex;align-items:center;gap:1.2cqw;width:max-content;white-space:nowrap;padding:1.4cqw 1.8cqw;border-radius:2cqw;background:rgba(255,255,255,.92);font-size:1.5cqw;line-height:1.3;color:#1C2327;box-shadow:0 1cqw 3cqw -1cqw rgba(60,40,0,.25);}
.px-aviso b{font-weight:600;}
.px-aviso .av{flex:none;width:3.4cqw;height:3.4cqw;border-radius:.9cqw;background:var(--yellow) url(/img/novo/smile-preto.svg?v=0f58154c) center/60% auto no-repeat;}
/* o que dá para fazer */
.px-chips p{display:flex;flex-wrap:wrap;justify-content:center;gap:1cqw;width:62cqw;}
.ch{display:inline-flex;align-items:center;gap:.8cqw;padding:1.2cqw 2cqw;border-radius:4cqw;background:#fff;font-size:1.8cqw;letter-spacing:-.02em;color:#111;box-shadow:0 .6cqw 1.6cqw -.8cqw rgba(60,40,0,.25);}
.ch i{width:2cqw;height:2cqw;background:#1C2327;}
.ic-chave{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='M11 12l9-9M17 6l3 3M15 8l2 2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='M11 12l9-9M17 6l3 3M15 8l2 2'/%3E%3C/svg%3E") center/contain no-repeat;}.ic-qr{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3Cpath d='M14 14h3v3M21 14v7h-4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3Cpath d='M14 14h3v3M21 14v7h-4'/%3E%3C/svg%3E") center/contain no-repeat;}.ic-copia{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3Cpath d='M5 15H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3Cpath d='M5 15H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E") center/contain no-repeat;}
/* banco */.ic-banco{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10l9-6 9 6M5 10v8M10 10v8M14 10v8M19 10v8M3 20h18'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10l9-6 9 6M5 10v8M10 10v8M14 10v8M19 10v8M3 20h18'/%3E%3C/svg%3E") center/contain no-repeat;}
.ic-agenda{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") center/contain no-repeat;}.ic-volta{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14L4 9l5-5'/%3E%3Cpath d='M4 9h11a5 5 0 0 1 0 10h-3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14L4 9l5-5'/%3E%3Cpath d='M4 9h11a5 5 0 0 1 0 10h-3'/%3E%3C/svg%3E") center/contain no-repeat;}.ic-recibo{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E") center/contain no-repeat;}
@media (max-width:560px){
  .px-bar{width:84cqw;height:12cqw;font-size:3cqw;gap:2cqw;}.px-bar .enviar{width:8.4cqw;height:8.4cqw;background-size:4cqw;}
  .px-bar .rec{width:2.4cqw;height:2.4cqw;}.px-onda{height:6cqw;gap:.8cqw;}.px-onda i{max-width:.9cqw;}.px-onda i:nth-child(n+19){display:none;}.px-tempo{font-size:3cqw;}.px-fala{max-width:86cqw;font-size:4.6cqw;}
  .px-frase p{font-size:9.6cqw;}
  .px-tela{width:60cqw;margin-top:5cqw;font-size:2.6cqw;padding:5cqw 4.4cqw;border-radius:5cqw;}.px-tela strong{font-size:3.6cqw;}.px-valor{font-size:6.4cqw;}.px-dots i{width:2.6cqw;height:2.6cqw;}.px-ok{font-size:2.8cqw;padding:2cqw;}
  .px-card{width:32cqw;}.px-aviso{font-size:2.8cqw;padding:2.4cqw 3cqw;}.px-aviso .av{width:6cqw;height:6cqw;}
  .px-chips p{width:90cqw;gap:1.6cqw;}.ch{font-size:3cqw;padding:2cqw 3cqw;}.ch i{width:3.4cqw;height:3.4cqw;}
}

/* Tap to Pay: a mesma linha do Pix com a história da venda no app. O vendedor digita o valor e escolhe crédito em 3x,
   "Você digita. O cliente aproxima.", a tela pede o cartão e aprova, as formas de vender e o comprovante com o aviso
   do Jota, que é o quadro final e o estado sem JS. Peças com prefixo tp- (as px- vêm do Pix). */
.tp-tela{margin-top:0;align-items:stretch;}
.tp-tela small{font-size:1.5cqw;}
.tp-op{display:flex;gap:.8cqw;margin-bottom:1.4cqw;}
.tp-op span{flex:1;padding:.9cqw 0;border-radius:3cqw;background:#F0F0F0;color:#1C2327;text-align:center;font-size:1.4cqw;font-weight:500;}
.tp-op span.on{background:#1C2327;color:#fff;}
.tp-ok{background:#1C2327;}
.c-nfc{display:block;}
.c-nfc::after{content:"";display:block;width:100%;height:100%;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9.5a3.5 3.5 0 0 1 0 5M9.5 7a7 7 0 0 1 0 10M13 4.5a10.5 10.5 0 0 1 0 15M16.5 2a14 14 0 0 1 0 20'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9.5a3.5 3.5 0 0 1 0 5M9.5 7a7 7 0 0 1 0 10M13 4.5a10.5 10.5 0 0 1 0 15M16.5 2a14 14 0 0 1 0 20'/%3E%3C/svg%3E") center/contain no-repeat;transform:scale(.62);}
.mv-tp .px-chip b{background:#1C2327;}
.tp-br{flex-basis:100%;height:0;}/* pílulas em 3 + 3, sem uma sozinha na última linha */
.tp-ondas{position:relative;display:grid;place-items:center;width:11cqw;height:11cqw;margin:2.4cqw auto 1.6cqw;}
.tp-ondas i{position:absolute;inset:0;border-radius:50%;border:.25cqw solid #1C2327;opacity:.18;}
.tp-ondas i+i{inset:1.8cqw;opacity:.32;}
.tp-ondas b{width:5.4cqw;height:5.4cqw;border-radius:50%;background:#1C2327;}
.tp-msg{display:grid;text-align:center;font-size:1.6cqw;font-weight:500;color:#111;}
.tp-msg>span{grid-area:1/1;}
.tp-aprovada{color:#1E8E4A;opacity:0;}
.tp-cartao{position:absolute;left:50%;top:50%;width:20cqw;aspect-ratio:1.586;margin:-6.3cqw 0 0 -10cqw;padding:1.6cqw;border-radius:1.4cqw;background:linear-gradient(135deg,#34424C,#0F1418);box-shadow:0 2cqw 4cqw -1.5cqw rgba(0,20,60,.5);color:#fff;font-size:1.4cqw;letter-spacing:.08em;display:flex;flex-direction:column;justify-content:space-between;}
.tp-cartao i{width:3.4cqw;height:2.6cqw;border-radius:.5cqw;background:linear-gradient(135deg,#E9D9A6,#B99A52);}
.tp-fim{flex-direction:column;gap:2cqw;opacity:1;visibility:visible;}
.tp-recibo{width:26cqw;padding:2.6cqw 2.6cqw 1.6cqw;}
.tp-recibo .px-valor{margin:.6cqw 0 1cqw;}
.tp-check{align-self:center;width:4.4cqw;height:4.4cqw;margin-bottom:1.2cqw;border-radius:50%;background:#1E8E4A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/55% no-repeat;}
.ic-cartao{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20M6 15h4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20M6 15h4'/%3E%3C/svg%3E") center/contain no-repeat;}.ic-time{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20a6.5 6.5 0 0 1 13 0M16 4.5a3.5 3.5 0 0 1 0 7M18 14.5a6.5 6.5 0 0 1 3.5 5.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20a6.5 6.5 0 0 1 13 0M16 4.5a3.5 3.5 0 0 1 0 7M18 14.5a6.5 6.5 0 0 1 3.5 5.5'/%3E%3C/svg%3E") center/contain no-repeat;}
/* arte da dupla do Tap to Pay: formas de pagamento */
.perm .tp-op{gap:8px;margin:0;padding:14px 0 16px;border-top:1px solid #EDEDED;}
.perm .tp-op span{padding:8px 0;border-radius:20px;font-size:13px;}
@media (max-width:560px){
  .mv-tp .px-tela{width:58cqw;}.tp-tela small{font-size:2.8cqw;}.tp-op{gap:1.4cqw;margin-bottom:2.4cqw;}.tp-op span{font-size:2.6cqw;padding:1.6cqw 0;}
  .tp-ondas{width:18cqw;height:18cqw;margin:3cqw auto 2.4cqw;}.tp-ondas i+i{inset:3cqw;}.tp-ondas b{width:9cqw;height:9cqw;}.tp-msg{font-size:3cqw;}
  .tp-cartao{width:34cqw;margin:-10.7cqw 0 0 -17cqw;padding:2.6cqw;font-size:2.4cqw;border-radius:2.4cqw;}.tp-cartao i{width:5.6cqw;height:4.2cqw;}
  .mv-tp .px-chips p{width:96cqw;}.mv-tp .ch{padding:2cqw 2.6cqw;}
  .mv-tp .tp-recibo{width:52cqw;padding:4cqw 4.4cqw 2.4cqw;}.tp-check{width:7cqw;height:7cqw;margin-bottom:1.6cqw;}
}

/* Cena genérica ([data-motion="cena"]): QR Code Pix, pagamentos, lembretes, rendimento e conta. Mesma linha do Pix e
   do Tap to Pay, montada só com HTML (conteudo/arte/<pagina>.html): pedido na barra (texto ou áudio), frase grande no
   branco, a tela do Jota sobre o líquido (linhas com data-pop entram uma a uma), pílulas e o quadro final com o aviso,
   que é também o estado sem JS. Peças com prefixo ct- (as px- e tp- vêm do Pix e do Tap to Pay). */
.mv-px.cm-f7 .px-liq{background-image:url(/img/novo/fundo7.webp?v=9026f30b);}.mv-px.cm-f8 .px-liq{background-image:url(/img/novo/fundo8.webp?v=78f29888);}
.mv-px.cm-f9 .px-liq{background-image:url(/img/novo/fundo9.webp?v=d0b3414d);}.mv-px.cm-f10 .px-liq{background-image:url(/img/novo/fundo10.webp?v=432bf23e);}.mv-px.cm-f11 .px-liq{background-image:url(/img/novo/fundo11.webp?v=bfae2799);}
.ct-txt{flex:1;display:flex;gap:.55cqw;overflow:hidden;}
.ct-txt span{display:inline-block;}
.mv-ct .px-chip b{display:grid;place-items:center;background:#1C2327;}
.px-chip b .mk{display:block;width:58%;height:58%;background:#fff;}
.mv-ct .px-tela{margin-top:0;}
.ct-tela .px-tela{width:32cqw;}
.ct-tela .px-linha b{font-weight:500;color:#111;}
.ct-tela .px-linha .on{color:#1E8E4A;font-weight:500;}
.ct-qr{display:block;width:13cqw;height:13cqw;margin:1.4cqw auto .4cqw;}
.ct-copia{display:flex;align-items:center;gap:1cqw;margin-top:1cqw;padding:.9cqw 1.2cqw;border-radius:1.4cqw;background:#F3F3F3;font-size:1.2cqw;color:#5A656D;white-space:nowrap;}
.ct-copia span{flex:1;overflow:hidden;text-overflow:ellipsis;}
.ct-copia em{font-style:normal;font-weight:500;color:#111;}
.ct-passo{display:flex;align-items:center;gap:1cqw;padding:.9cqw 0;border-top:1px solid #EDEDED;}
.ct-passo i{flex:none;width:2.2cqw;height:2.2cqw;border-radius:50%;background:#1E8E4A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/60% no-repeat;}
.ct-fim .px-tela{width:28cqw;}
.mv-ct .px-chips p{width:66cqw;}
/* ícone no lugar do check do quadro final (sino do lembrete) */
.tp-check.ct-ic{display:grid;place-items:center;background:#1C2327;}
.ct-ic i{display:block;width:52%;height:52%;background:#fff;}
/* anexo dentro do balão do cliente (PDF do boleto) e cores dos bancos nos cartões */
.ask .anexo{display:flex;align-items:center;gap:10px;margin:-4px -8px 10px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.65);font-size:14px;}
.ask .anexo i{flex:none;width:22px;height:22px;background:#C42B2B;}
.perm-h i.nu{background:#820AD1;}.perm-h i.it{background:#EC7000;color:#0A2A8C;}.perm-h i.sa{background:#EC0000;}.perm-logo{flex:none;width:40px;height:40px;}.perm-logo svg{display:block;width:100%;height:100%;}.perm-h i.dk{background:#1C2327;}
/* quadro final do Rendimento: o comprovante mensal que o Jota manda (yield-receipt do app), estilizado */
.ct-fim .px-tela.ct-rendeu{position:relative;width:22cqw;aspect-ratio:440/600;padding:0 2cqw 2.2cqw;justify-content:flex-end;border-radius:1.6cqw;background:#FFE84C url(/img/novo/rendeu-seta.webp?v=10eca98d) top center/100% auto no-repeat;color:#111;}
.ct-rendeu-sorriso{position:absolute;left:2cqw;top:2cqw;width:3.2cqw;height:2cqw;background:url(/img/novo/smile-preto.svg?v=0f58154c) left center/contain no-repeat;}
.ct-rendeu-per{font-size:1.05cqw;font-weight:700;color:#111;}
.ct-rendeu-val{margin-top:.6cqw;font-size:3.6cqw;line-height:1;font-weight:700;letter-spacing:-.04em;color:#111;}
.ct-rendeu-val i{margin-left:.4cqw;font-style:normal;font-size:1.5cqw;vertical-align:1.3cqw;color:#22B803;}
@media (max-width:560px){.ct-fim .px-tela.ct-rendeu{width:38cqw;padding:0 3.4cqw 3.6cqw;border-radius:2.6cqw;}.ct-rendeu-sorriso{left:3.4cqw;top:3.4cqw;width:5.4cqw;height:3.4cqw;}.ct-rendeu-per{font-size:1.9cqw;}.ct-rendeu-val{font-size:6.2cqw;}.ct-rendeu-val i{font-size:2.6cqw;vertical-align:2.2cqw;}}
/* QR Code dentro do cartão das duplas */
.perm-qr svg{display:block;width:150px;height:150px;margin:0 auto 18px;border-radius:12px;box-shadow:inset 0 0 0 1px #EDEDED;}
@media (max-width:560px){
  .mv-ct .px-tela,.ct-tela .px-tela,.ct-fim .px-tela{width:62cqw;}
  .ct-txt{gap:1cqw;}.ct-qr{width:18cqw;height:18cqw;margin:2cqw auto .6cqw;}
  .ct-copia{font-size:2.4cqw;padding:1.6cqw 2cqw;border-radius:2.4cqw;gap:1.6cqw;margin-top:1.6cqw;}
  .ct-passo{gap:1.8cqw;padding:1.6cqw 0;}.ct-passo i{width:3.8cqw;height:3.8cqw;}
  .mv-ct .px-chips p{width:96cqw;}.mv-ct .ch{padding:2cqw 2.6cqw;}
}
/* ícones das cenas genéricas: class="mk ic-x" (máscara na cor do fundo do elemento) */
.mk{-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;}
.ic-check{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");}
.ic-sino{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.94 1.94 0 0 0 3.4 0'/%3E%3C/svg%3E");}
.ic-boleto{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5v14M6.5 5v14M9 5v14M12.5 5v14M16 5v14M18.5 5v14M21 5v14'/%3E%3C/svg%3E");}
.ic-foto{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8a2 2 0 0 1 2-2h2l2-2h6l2 2h2a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E");}
.ic-rende{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8'/%3E%3Cpath d='M15 7h6v6'/%3E%3C/svg%3E");}
.ic-escudo{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z'/%3E%3C/svg%3E");}
.ic-pessoa{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");}
.ic-grafico{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 20V11M11 20V5M17 20v-6M3 20h18'/%3E%3C/svg%3E");}
.ic-doc{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6v18h12V7z'/%3E%3Cpath d='M14 3v4h4M9 13h6M9 17h6'/%3E%3C/svg%3E");}
.ic-relogio{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");}
.ic-olho{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");}
.ic-raio{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E");}
.ic-qrc{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3Cpath d='M14 14h3v3M21 14v7h-4'/%3E%3C/svg%3E");}

/* ---------- DUPLAS: arte sempre à esquerda, como na home ---------- */
.duplas{display:grid;gap:clamp(80px,9vw,140px);}
.flagship .feature .art>img{height:100%!important;aspect-ratio:543/600!important;object-fit:cover;}
.flagship .feature h3{margin-top:0;}
.flagship .feature .copy{display:flex;flex-direction:column;justify-content:center;}
/* CTA dentro do card, no lugar do link sublinhado (o .chans é o botão "WhatsApp" das features da home) */
.flagship .feature .chans{margin-top:32px;}
.flagship .feature .chans a::after{content:"→";margin-left:4px;}
@media (max-width:900px){.duplas .feature{grid-template-columns:1fr;gap:16px;}.flagship .feature .copy{padding:40px 32px;}.flagship .feature h3{font-size:36px;}.flagship .feature p{margin-top:20px;font-size:17px;}}
@media (max-width:560px){.flagship .feature .art>img{aspect-ratio:1!important;}}

/* artes das duplas: pergunta + widgets da casa (os do /chat) sobre as texturas dos motions da home, uma por dupla.
   As texturas são as fundoN.webp, sem o ícone de balão do meio, então nenhuma peça precisa cobrir outra. */
.art-x{position:relative;height:100%;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:56px 40px;background:#eee center/cover no-repeat;}
.art-x.tx-verde{background-image:url(/img/novo/fundo2.webp?v=57d3191e);}
.art-x.tx-rosa{background-image:url(/img/novo/fundo4.webp?v=6728587a);}
.art-x.tx-aneis{background-image:url(/img/novo/fundo3.webp?v=a9e376f7);}
.art-x.tx-pastel{background-image:url(/img/novo/fundo5.webp?v=59bb1ed5);}
.art-x.tx-azul{background-image:url(/img/novo/fundo1.webp?v=050aebf8);}
.ask{align-self:flex-end;max-width:85%;padding:12px 18px;border-radius:18px;border-bottom-right-radius:4px;background:#D9FDD3;color:#111B21;font-size:17px;line-height:1.3;font-weight:400;box-shadow:0 1px 1px rgba(11,20,26,.13);}
.art-x .card{position:relative;filter:drop-shadow(0 26px 36px rgba(40,40,20,.20)) drop-shadow(0 3px 8px rgba(40,40,20,.08));}
.art-x .card svg{display:block;width:100%;height:auto;}
.card-wide{width:100%;max-width:470px;padding:20px 18px 12px;border-radius:32px;background:#FCFCFC;}
.card-a{width:78%;max-width:330px;align-self:flex-start;transform:rotate(-3deg);z-index:1;}
.card-b{width:78%;max-width:330px;align-self:flex-end;transform:rotate(2deg);}
.card-pix{width:100%;max-width:330px;}
.perm{width:100%;max-width:380px;padding:24px;border-radius:32px;background:#FCFCFC;color:#1C2327;}
.perm small{display:block;margin-top:2px;font-size:13px;color:#66717A;}
.perm-h{display:flex;align-items:center;gap:12px;padding-bottom:18px;font-size:18px;font-weight:500;}
.perm-h i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#CC092F;color:#fff;font-style:normal;font-weight:700;}
.perm-r{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid #EDEDED;font-size:15px;font-weight:500;}
.perm-r em{flex:none;padding:5px 12px;border-radius:20px;background:#E7F7EC;color:#18773E;font-style:normal;font-size:13px;font-weight:500;}
.perm-f{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #EDEDED;}
.perm-f small{margin:0;}
.btn-d{flex:none;padding:10px 16px;border-radius:24px;background:#F0F0F0;font-size:14px;font-weight:500;color:#C42B2B;}
/* .feature p da home (cinza, 20px, margem de 40) não vale para a pergunta dentro da arte */
.flagship .feature .art-x .ask{margin-top:0;color:#111B21;font-size:17px;line-height:1.25;}
@media (max-width:560px){.flagship .feature .art-x .ask{font-size:15px;}}
/* a home dimensiona toda img da arte; aqui as imagens são peças pequenas */
.flagship .feature .art-x img{width:auto!important;height:auto!important;aspect-ratio:auto!important;}
@media (max-width:560px){.art-x{min-height:500px;padding:40px 16px;gap:14px;}.ask{font-size:15px;}.perm{padding:20px 18px;}}

/* peças das artes do Pix: áudio, foto do QR Code, confirmação e chaves */
.ask.foto .qr{box-shadow:inset 0 0 0 1px #EDEDED;}
.ask.foto{padding:8px;border-bottom-right-radius:8px;}
.foto .qr{display:block;width:190px;height:190px;border-radius:18px;}
.foto span{display:block;padding:10px 8px 4px;}
.perm-h i.av-c{background:#8E5BD9;}.perm-h i.in{background:#FF7A00;}.perm-h i.pd{background:#E07B39;}
.perm-h .av-j{flex:none;width:40px;height:40px;border-radius:50%;background:var(--yellow) url(/img/novo/smile-preto.svg?v=0f58154c) center/20px auto no-repeat;}
.perm-r b{font-size:22px;font-weight:500;letter-spacing:-.02em;}
.perm-r span small{margin-top:2px;}
.perm-r em.cp{background:#F0F0F0;color:#1C2327;}
.perm-f em{flex:none;padding:5px 12px;border-radius:20px;background:#E7F7EC;color:#18773E;font-style:normal;font-size:13px;font-weight:500;}
.btn-k{flex:none;padding:11px 18px;border-radius:24px;background:#1C2327;color:#fff;font-size:14px;font-weight:500;}
@media (max-width:560px){.foto .qr{width:150px;height:150px;}.foto .qr{width:130px;height:130px;}}

/* ---------- PASSOS em linha ---------- */
.flagship .steps-num{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;border:0;}
.flagship .num-step{display:flex;flex-direction:column;gap:20px;padding:32px;border:0;border-radius:40px;background:#FEFEFD;}
.flagship .num-step .num{font-size:48px;}
@media (max-width:900px){.flagship .steps-num{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.flagship .steps-num{grid-template-columns:1fr;}.flagship .num-step{flex-direction:row;padding:24px;border-radius:32px;}.flagship .num-step .num{font-size:32px;}}

/* ---------- BAIXE O APP: QR para quem está no computador, lojas para quem já está no celular ---------- */
.baixar{display:flex;align-items:center;gap:48px;max-width:860px;margin:0 auto;padding:40px;border-radius:40px;background:#FEFEFD;}
.baixar-qr{flex:none;padding:12px;border-radius:24px;box-shadow:inset 0 0 0 1px #EDEDED;}
.baixar-qr img{display:block;width:160px;height:160px;}.baixar-qr small{display:block;margin-top:8px;text-align:center;font-size:13px;color:#66717A;}
.baixar h2{font-size:36px;line-height:1.1;font-weight:500;letter-spacing:-.03em;color:var(--black);}
.baixar p{margin-top:12px;font-size:17px;line-height:1.45;color:#5A656D;}
.baixar-lojas{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
@media (max-width:560px){.baixar{padding:28px 24px;border-radius:32px;}.baixar-qr{display:none;}.baixar h2{font-size:28px;}.baixar p{font-size:16px;}}

/* ---------- AJUDA: cartões que abrem, diferentes da lista da FAQ (sem FAQPage) ---------- */
.sanfona{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px;}
.sanfona details{border-radius:32px;background:#FEFEFD;interpolate-size:allow-keywords;}
.sanfona summary{display:flex;align-items:center;gap:20px;padding:28px 28px 28px 24px;list-style:none;cursor:pointer;font-size:20px;line-height:1.3;font-weight:500;letter-spacing:-.2px;color:var(--black);}
.sanfona summary::-webkit-details-marker{display:none;}
.sanfona summary::before{content:counter(ajuda,decimal-leading-zero);counter-increment:ajuda;flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--chip);font-size:15px;color:#5A656D;}
.sanfona{counter-reset:ajuda;}
.sanfona summary::after{content:"";flex:none;margin-left:auto;width:16px;height:16px;background:linear-gradient(#000,#000) center/100% 2px no-repeat,linear-gradient(#000,#000) center/2px 100% no-repeat;transition:background-size .3s cubic-bezier(.2,.8,.2,1);}
.sanfona details[open] summary::after{background-size:100% 2px,2px 0;}
.sanfona summary:focus-visible{outline:2px solid var(--ink);outline-offset:-4px;border-radius:32px;}
.sanfona details::details-content{block-size:0;overflow:hidden;transition:block-size .35s cubic-bezier(.2,.8,.2,1),content-visibility .35s allow-discrete;}
.sanfona details[open]::details-content{block-size:auto;}
.sanfona .det{padding:0 28px 28px 92px;font-size:16px;line-height:1.5;color:#5A656D;}
.sanfona .det p+p,.sanfona .det ol+p,.sanfona .det p+ol{margin-top:12px;}
.sanfona .det ol,.sanfona .det ul{padding-left:22px;}
.sanfona .det a{color:var(--ink);text-decoration:underline;text-underline-offset:2px;}
@media (max-width:760px){.sanfona{grid-template-columns:1fr;}}
@media (max-width:560px){.sanfona summary{font-size:17px;padding:20px 22px 20px 16px;gap:14px;}.sanfona summary::before{width:40px;height:40px;font-size:13px;}.sanfona .det{padding:0 22px 22px;}}

/* ---------- LINKS PROFUNDOS: três caixas de texto no fim, abertas (links visíveis para buscadores e IAs) ---------- */
.mais{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.mais>div{padding:32px;border-radius:32px;background:#FEFEFD;}
.mais h2{font-size:20px;line-height:1.2;font-weight:500;letter-spacing:-.2px;color:var(--black);}
.mais ul{list-style:none;margin-top:20px;padding:0;display:grid;gap:12px;}
.mais a{font-size:16px;line-height:1.35;color:#5A656D;text-decoration:underline;text-decoration-color:#C9CDD0;text-underline-offset:3px;}
.mais a:hover{color:var(--ink);}
@media (max-width:900px){.mais{grid-template-columns:1fr;}}
@media (max-width:560px){.mais>div{padding:24px;}}
.flagship .faq h2{margin-top:var(--sec-pad);}

/* ---------- PLANOS no lugar da chamada final (estilos do .pricing da home) ---------- */
.flagship .pricing h2{margin-top:var(--sec-pad);}