/* =========================================================
   Dashboard Financeiro · peças próprias, por cima do escola.css
   Usado pela oficial (/comprar) e pelas versões de tráfego.
   ========================================================= */
/* Cores do Dashboard: o roxo do próprio painel */
:root{
  --accent:#8670FF; --accent-2:#6d5be9; --accent-3:#4c3dbd; --accent-lt:#c9beff; --accent-ink:#fff;
  --pop:#2fbf71; --verde:#22b45e; --verde-bg:#e7f8ee; --verm:#e6483f; --verm-bg:#fdecea; --laranja:#f5a524;
}

/* imagens com width/height no HTML mantêm a proporção */
.mac,.lado img,.entrega .vis img,.platform img,.res img{height:auto}

/* ---------- logo ---------- */
.dlogo{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:17px;letter-spacing:-.03em;line-height:1.02;color:var(--txt)}
.nav .btn{white-space:nowrap;flex:none}
.dlogo i{font-style:normal;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--accent);color:#fff;font-size:17px;font-weight:700;box-shadow:0 8px 18px -8px var(--accent)}

/* ---------- abertura ---------- */
.stage-hero{max-width:980px;margin-top:56px}
.stage-hero .mac{position:relative;z-index:2;width:96%;height:auto;margin:0 auto;filter:drop-shadow(0 40px 50px rgba(26,11,26,.25));animation:boia 8s ease-in-out infinite}
@keyframes boia{50%{translate:0 -10px}}
.voa{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:16px;background:#fff;color:var(--txt);border:1px solid var(--line);box-shadow:0 22px 40px -18px rgba(40,20,90,.45);font-size:13.5px;font-weight:500;letter-spacing:-.01em;animation:bob 6s ease-in-out infinite;white-space:nowrap;text-align:left}
.voa small{display:block;font-size:11.5px;color:var(--dim);font-weight:500;letter-spacing:0}
.voa b{font-weight:700;font-size:16px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.voa .ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent);color:#fff}
.voa .ic svg{width:18px;height:18px}
.voa .ic.ok{background:var(--verde)}
.voa .ic.mic{background:#fff;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}
.voa.v1{left:-2%;top:10%;rotate:-4deg}
.voa.v2{right:-3%;top:2%;rotate:4deg;animation-delay:-1.5s}
.voa.v3{left:1%;bottom:16%;rotate:3deg;animation-delay:-3s}
.voa.v4{right:0;bottom:24%;rotate:-3deg;animation-delay:-4.5s}
.meta{width:130px;height:6px;border-radius:9px;background:color-mix(in srgb,var(--accent) 16%,transparent);overflow:hidden;margin-top:6px}
.meta i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--pop));border-radius:9px;transition:width 2.2s 1s cubic-bezier(.2,.7,.2,1)}
.go-meta .meta i{width:100%}
.ondas{display:inline-flex;gap:2px;align-items:center;height:14px;margin-left:4px;vertical-align:middle}
.ondas i{width:3px;border-radius:2px;background:var(--accent);animation:onda 1s ease-in-out infinite}
.ondas i:nth-child(2){animation-delay:-.2s}.ondas i:nth-child(3){animation-delay:-.4s}.ondas i:nth-child(4){animation-delay:-.6s}
@keyframes onda{0%,100%{height:4px}50%{height:14px}}

/* ---------- em segundos: perguntas x respostas ---------- */
.seg{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center;max-width:1040px;margin:0 auto}
.perg{list-style:none;display:grid;gap:10px}
.perg li{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:var(--card-shadow);transition:border-color .4s,background .4s,transform .4s;cursor:default}
.perg li .n{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:13px;font-weight:700;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-2);transition:background .4s,color .4s}
.perg li b{display:block;font-weight:600;letter-spacing:-.02em;font-size:17px}
.perg li span{font-size:14.5px;color:var(--muted)}
.perg li.on{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 9%,var(--card)),var(--card));transform:translateX(6px)}
.perg li.on .n{background:var(--accent);color:#fff}
.painel{position:relative;padding:18px;border-radius:26px;background:var(--card);border:1px solid var(--line);box-shadow:0 40px 80px -40px rgba(40,20,90,.45)}
.painel .topo{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.painel .topo .dlogo{font-size:14px}.painel .topo .dlogo i{width:26px;height:26px;font-size:14px;border-radius:8px}
.painel .topo .mes{font-size:12px;font-weight:600;color:var(--dim);padding:6px 10px;border-radius:999px;border:1px solid var(--line-2)}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tile{position:relative;padding:16px;border-radius:16px;background:var(--card-2);border:1px solid var(--line);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s,opacity .45s}
.tiles.foco .tile{opacity:.45}
.tiles.foco .tile.on{opacity:1;transform:scale(1.04);border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 22px 40px -22px rgba(80,50,200,.55);z-index:2}
.tile .k{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.tile .v{font-size:24px;font-weight:700;letter-spacing:-.04em;margin-top:6px;font-variant-numeric:tabular-nums}
.tile .d{font-size:12.5px;color:var(--muted);margin-top:2px}
.tile.saldo{background:var(--accent);border-color:transparent;color:#fff}
.tile.saldo .k,.tile.saldo .d{color:rgba(255,255,255,.75)}
.tiles.foco .tile.saldo.on{box-shadow:0 22px 40px -16px var(--accent)}
.conta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;font-size:13.5px}
.conta+.conta{margin-top:6px}
.selo-pago{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--verde-bg);color:var(--verde)}
.selo-pago.pend{background:#fff4e0;color:#c27c00}
.rosca{display:flex;align-items:center;gap:12px;margin-top:8px}
.rosca .dn{flex:none;width:58px;height:58px;border-radius:50%;background:conic-gradient(var(--accent) 0 var(--a1,0%),var(--pop) 0 var(--a2,0%),var(--laranja) 0 var(--a3,0%),#e9e4f7 0);-webkit-mask:radial-gradient(closest-side,transparent 58%,#000 60%);mask:radial-gradient(closest-side,transparent 58%,#000 60%);transition:--a1 1.2s,--a2 1.2s,--a3 1.2s}
.rosca ul{list-style:none;font-size:12px;color:var(--muted);display:grid;gap:3px}
.rosca li::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;background:var(--c)}
@property --a1{syntax:'<percentage>';inherits:false;initial-value:0%}
@property --a2{syntax:'<percentage>';inherits:false;initial-value:0%}
@property --a3{syntax:'<percentage>';inherits:false;initial-value:0%}
.painel.vivo .rosca .dn{--a1:42%;--a2:68%;--a3:86%}
.cronometro{position:absolute;right:-18px;top:-22px;display:flex;align-items:center;gap:8px;padding:9px 14px 9px 9px;border-radius:999px;background:var(--txt);color:#fff;font-size:13px;font-weight:600;box-shadow:0 16px 30px -12px rgba(26,11,26,.6);animation:bob 6s ease-in-out infinite}
.cronometro svg{width:24px;height:24px}
.cronometro .pt{transform-origin:12px 13px;animation:spin 4s linear infinite}

/* ---------- antes e depois ---------- */
.ba2{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1000px;margin:0 auto}
.lado{position:relative;padding:28px;border-radius:24px;background:var(--card);border:1px solid var(--line);box-shadow:var(--card-shadow);overflow:hidden}
.lado .pill{display:inline-block;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;margin-bottom:18px}
.lado.sem .pill{background:var(--verm-bg);color:var(--verm)}
.lado.com .pill{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent-2)}
.lado.com{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,var(--card)),var(--card) 60%)}
.lado p{margin-top:18px;color:var(--muted);font-size:15.5px}
.lado p b{color:var(--txt);font-weight:600}
.excel{margin-right:40px;background:#fff;border:1px solid #d7dbe1;border-radius:8px;overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 18px 30px -20px rgba(0,0,0,.35)}
.excel table{width:100%;border-collapse:collapse;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#3c4043}
.excel td{padding:6px 8px;border:1px solid #e3e6ea;white-space:nowrap}
.excel tr:first-child td{background:#f8f9fa;color:#5f6368;font-weight:600;text-align:center}
.excel td:first-child{background:#f8f9fa;color:#5f6368;text-align:center;width:24px}
.excel .neg{color:#c5221f}
.excel .err{color:#c5221f;font-weight:700;background:#fce8e6;animation:pisca 1.6s steps(2,start) infinite}
@keyframes pisca{50%{background:#fff;color:#fff}}
.excel .cur{position:relative}
.excel .cur::after{content:"";position:absolute;right:8px;top:6px;bottom:6px;width:1.5px;background:#1a73e8;animation:pisca2 1s steps(2,start) infinite}
@keyframes pisca2{50%{opacity:0}}
.papel{position:absolute;right:14px;top:150px;width:150px;padding:14px 16px;border-radius:6px;background:#fffbe6;box-shadow:0 14px 26px -14px rgba(0,0,0,.35);rotate:8deg;font-family:"Comic Sans MS","Bradley Hand",cursive;font-size:13px;color:#6b5b2b;line-height:1.5}
.papel s{color:#b3564a}
.lado.com img{border-radius:12px;border:1px solid var(--line);box-shadow:0 18px 30px -20px rgba(40,20,90,.45)}
.frase{max-width:760px;margin:46px auto 0;text-align:center}
.frase .a{font-size:clamp(24px,3vw,34px);font-weight:600;letter-spacing:-.04em;line-height:1.15}
.frase .b{margin-top:12px;color:var(--muted);font-size:18px}

/* ---------- pilares ---------- */
.steps4 .step .big.num{font-size:110px}

/* ---------- celular ---------- */
.cel{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.cel .txt h2{text-align:left}
.cel .txt p{color:var(--muted);margin-top:18px;font-size:17.5px}
.cel .lista{list-style:none;display:grid;gap:10px;margin-top:24px}
.cel .lista li{display:flex;gap:12px;align-items:center;text-align:left;font-weight:500;font-size:15.5px}
.cel .lista svg{flex:none}
.cel .platform{margin:0}
.cel .platform .frame{border:0;box-shadow:none;overflow:visible;border-radius:0;background:none}
.cel .platform .frame img{filter:drop-shadow(0 40px 50px rgba(26,11,26,.25))}
.cel .platform .chip.c1{left:-10px;top:8%}
.cel .platform .chip.c2{right:0;bottom:8%}

/* ---------- importação ---------- */
.imp{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center;max-width:1080px;margin:0 auto}
.imp .cards{display:grid;gap:14px}
.imp .card{display:flex;gap:16px;padding:22px;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:var(--card-shadow)}
.imp .card .ic{flex:none;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 32%,transparent)}
.imp .card .ic svg{width:22px;height:22px;stroke:var(--accent-2)}
.imp .card h3{font-size:19px}
.imp .card p{font-size:15px;color:var(--muted);margin-top:6px}
.imp .seg-banco{display:flex;gap:12px;align-items:center;padding:16px 20px;border-radius:16px;background:var(--verde-bg);color:#17683a;font-size:14.5px;font-weight:500}
.imp .seg-banco svg{flex:none}
.revisar{position:relative;padding:22px;border-radius:24px;background:var(--card);border:1px solid var(--line);box-shadow:0 40px 80px -40px rgba(40,20,90,.45);overflow:hidden}
.revisar .tt{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.revisar .tt b{font-size:19px;letter-spacing:-.03em}
.revisar .tt small{font-size:12.5px;color:var(--dim);font-weight:500}
.revisar .arq{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;border-radius:12px;border:1.5px dashed color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 5%,transparent);font-size:13.5px;font-weight:500}
.revisar .arq .barra{flex:1;height:6px;border-radius:9px;background:color-mix(in srgb,var(--accent) 14%,transparent);overflow:hidden}
.revisar .arq .barra i{display:block;height:100%;width:0;background:var(--accent);border-radius:9px}
.revisar.play .arq .barra i{width:100%;transition:width 1.1s ease}
.linhas{margin-top:14px;display:grid;gap:6px}
.linha{display:grid;grid-template-columns:20px 54px 1fr auto 110px;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:var(--card-2);border:1px solid var(--line);font-size:13px;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .45s}
.linha .cx{width:16px;height:16px;border-radius:5px;background:var(--accent);display:grid;place-items:center}
.linha .dt{color:var(--dim);font-variant-numeric:tabular-nums}
.linha .ds{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.linha .vl{font-weight:600;font-variant-numeric:tabular-nums}
.linha .vl.e{color:var(--verde)}.linha .vl.s{color:var(--verm)}
.linha .cat{justify-self:end;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:999px;white-space:nowrap;background:var(--cb);color:var(--cc);opacity:0;transform:scale(.6);transition:opacity .3s,transform .35s cubic-bezier(.3,1.6,.5,1)}
.linha .cat.vazio{background:transparent;color:var(--dim);border:1px dashed var(--line-2);opacity:1;transform:none}
.revisar.play .linha{opacity:1;transform:none}
.revisar.play .linha.ok .cat{opacity:1;transform:none}
.pronto{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;padding:13px;border-radius:14px;background:var(--verde);color:#fff;font-weight:600;font-size:14.5px;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.revisar.fim .pronto{opacity:1;transform:none}

/* ---------- o que você recebe ---------- */
.entrega .vis{background:radial-gradient(70% 70% at 50% 50%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%),var(--bg-2);padding:18px}
.entrega .vis img{max-height:none;width:100%;border-radius:12px;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.entrega:hover .vis img{transform:scale(1.03)}
.entrega .extra{display:inline-block;margin-top:12px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--bg-2);color:var(--muted)}

/* ---------- depoimentos ---------- */
.res .aspas{padding:22px 22px 20px}
.res .aspas p{margin:0;color:var(--txt);font-size:16.5px;font-weight:500;letter-spacing:-.015em;line-height:1.45}
.res .aspas p::before{content:"“";display:block;font-size:46px;line-height:.6;color:var(--accent);font-weight:700;margin-bottom:8px}
.res .aspas small{display:block;margin-top:12px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.res.so-print .print{padding:10px}

/* ---------- compra: plano anual ---------- */
.obox .left .quote{margin-bottom:4px}
.inc li svg{color:var(--accent)}
.price .selo-desc{align-self:center;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:7px 14px;border-radius:999px;background:linear-gradient(90deg,#ff7a45,#ff3d6e);color:#fff;box-shadow:0 10px 22px -10px #ff3d6e;margin-bottom:14px;animation:pulsa 2.4s ease-in-out infinite}
@keyframes pulsa{50%{transform:scale(1.05)}}
.price .de{margin-top:6px}
.price .val{font-size:80px}
.price .val .mes{font-size:20px;font-weight:600;letter-spacing:-.02em;color:#5c535c;margin-left:4px}
.price .unico{font-size:14.5px;color:#5c535c;margin-top:6px}
.price .unico b{color:#170a17}
.price .eco{align-self:center;margin-top:14px;font-size:14px;font-weight:700;color:var(--verde);background:var(--verde-bg);padding:8px 14px;border-radius:10px}
.price .btn{font-size:16.5px}
.mensal{text-align:center;margin-top:22px;font-size:14.5px;color:var(--muted)}
.mensal a{color:var(--accent-2);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.banco-line{display:flex;align-items:center;justify-content:center;gap:10px;max-width:760px;margin:14px auto 0;font-size:13.5px;color:var(--dim);text-align:center}

/* ---------- rodapé ---------- */
.foot .cols{grid-template-columns:1.6fr 1fr 1fr}

/* ---------- responsivo ---------- */
@media (max-width:960px){
  .seg,.imp,.cel{grid-template-columns:1fr;gap:40px}
  .cel .txt{text-align:center}.cel .txt h2{text-align:center}.cel .lista{justify-content:center;max-width:420px;margin-left:auto;margin-right:auto}
  .ba2{grid-template-columns:1fr}
  .foot .cols{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .nav .wrap{gap:12px}
  .nav .btn{padding:10px 16px;font-size:13.5px}
  .nav .dlogo{font-size:15.5px;gap:9px}
  .hero{padding-top:92px}
  .stage-hero{margin-top:68px}
  .voa{font-size:11.5px;padding:7px 10px 7px 7px;gap:7px;border-radius:12px}
  .voa b{font-size:13px}.voa small{font-size:10px}
  .voa .ic{width:26px;height:26px;border-radius:8px}.voa .ic svg{width:14px;height:14px}
  .voa.v1{left:-6px;top:-8%}.voa.v2{right:-6px;top:-14%}
  .voa.v3{left:-6px;bottom:-4%}.voa.v4{display:none}
  .meta{width:90px}
  .tiles{gap:8px}.tile{padding:13px}.tile .v{font-size:19px}
  .cronometro{right:-6px;top:-30px}
  .painel{padding:14px}
  .rosca .dn{width:46px;height:46px}
  .linha{grid-template-columns:16px 1fr auto;row-gap:2px}
  .linha .dt{display:none}
  .linha .vl{grid-column:3;grid-row:1}
  .linha .cat{grid-column:2/4;justify-self:start}
  .linha .cx{grid-row:1/3;width:14px;height:14px}
  .lado{padding:22px}
  .papel{width:118px;font-size:11.5px;right:8px;top:140px}
  .excel td{padding:5px 6px;font-size:11px}
  .price .val{font-size:68px}
  .foot .cols{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .linha,.linha .cat,.pronto,.meta i{opacity:1!important;transform:none!important;transition:none!important}
  .meta i{width:100%}
}

/* =========================================================
   Peças das versões de tráfego (/comprar2, /comprar3, /comprar4)
   ========================================================= */

/* faixa de aviso no topo */
.aviso{position:sticky;top:0;z-index:30;background:var(--verm);color:#fff;text-align:center;font-size:17px;font-weight:700;letter-spacing:-.02em;padding:14px 16px;line-height:1.3;box-shadow:0 8px 24px -12px rgba(230,72,63,.7)}
/* versões de tráfego: sem menu, a faixa vermelha é o que fica fixo no topo */
.aviso+.hero{margin-top:0;padding-top:80px}

/* selos de confiança embaixo do botão */
.trust{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 18px;margin-top:16px}
.trust span{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500;color:var(--muted);white-space:nowrap}
.hero .chamada{margin-top:14px;font-size:17px;font-weight:600;color:var(--accent-2)}
.hero .tit-pre{display:block;font-size:.55em;letter-spacing:-.03em;color:var(--muted);margin-bottom:.15em}
.hero-quote{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:10px 16px 10px 10px;border-radius:999px;background:var(--card);border:1px solid var(--line);box-shadow:var(--card-shadow);font-size:14.5px;font-style:italic;color:var(--muted)}
.hero-quote i{font-style:normal;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-size:15px;font-weight:700}

/* texto de destaque entre seções */
.destaque-txt{max-width:780px;margin:44px auto 0;padding:26px 30px;border-radius:22px;text-align:center;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 12%,var(--card)),var(--card) 70%);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:var(--card-shadow);font-size:18px;font-weight:500;letter-spacing:-.02em;line-height:1.5}
.destaque-txt b{color:var(--accent-2);font-weight:600}
.lead-txt{max-width:720px;margin:0 auto;text-align:center;color:var(--muted);font-size:18px}
.lead-txt+.lead-txt{margin-top:14px}
.lead-txt b{color:var(--txt);font-weight:600}
.selo-dado{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:13.5px;font-weight:600;padding:8px 12px;border-radius:10px}
.lado.sem .selo-dado{background:var(--verm-bg);color:var(--verm)}
.lado.com .selo-dado{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-2)}

/* pensamentos (chat) */
.chatbox{max-width:620px;margin:0 auto;border-radius:26px;background:var(--card);border:1px solid var(--line);box-shadow:0 40px 80px -40px rgba(40,20,90,.45);overflow:hidden}
.chatbox .cab{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);background:var(--card-2)}
.chatbox .cab i{font-style:normal;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,transparent);font-size:20px}
.chatbox .cab b{display:block;font-weight:600;letter-spacing:-.02em}
.chatbox .cab small{font-size:12.5px;color:var(--accent-2);font-weight:600}
.chatbox .corpo{padding:22px 20px 24px;display:grid;gap:10px;background:radial-gradient(80% 60% at 100% 0%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 70%)}
.bal{justify-self:start;max-width:88%;padding:12px 16px;border-radius:18px 18px 18px 6px;background:var(--bg-2);font-size:15.5px;line-height:1.45;opacity:0;transform:translateY(10px) scale(.96);transform-origin:0 100%;transition:opacity .45s,transform .45s cubic-bezier(.3,1.4,.5,1)}
.bal em{font-style:normal;margin-right:6px}
.bal.in{opacity:1;transform:none}
.digita{justify-self:start;display:inline-flex;gap:5px;padding:12px 16px;border-radius:18px;background:var(--bg-2)}
.digita i{width:7px;height:7px;border-radius:50%;background:var(--dim);animation:pula 1.2s ease-in-out infinite}
.digita i:nth-child(2){animation-delay:.15s}.digita i:nth-child(3){animation-delay:.3s}
@keyframes pula{0%,60%,100%{transform:none}30%{transform:translateY(-5px)}}

/* comparação de preço (apps x planilha x Dashboard) */
.compara{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1000px;margin:0 auto 50px}
.cmp{padding:24px;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:var(--card-shadow);text-align:center}
.cmp .k{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.cmp .v{font-size:34px;font-weight:700;letter-spacing:-.05em;margin-top:8px}
.cmp p{font-size:14.5px;color:var(--muted);margin-top:6px}
.cmp.ruim .v{color:var(--dim);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--verm)}
.cmp.bom{background:var(--accent);border-color:transparent;color:#fff;transform:scale(1.04);box-shadow:0 30px 50px -24px var(--accent)}
.cmp.bom .k,.cmp.bom p{color:rgba(255,255,255,.8)}

/* recibo (quanto valeria) */
.recibo{position:relative;max-width:560px;margin:0 auto;background:#fff;color:#1a0b1a;padding:32px 32px 44px;border-radius:18px 18px 0 0;box-shadow:0 40px 70px -34px rgba(40,20,90,.55);rotate:-1.2deg}
.recibo::after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:14px;background:radial-gradient(circle at 10px -2px,transparent 12px,#fff 12.5px) -10px 0/20px 14px repeat-x}
.recibo .tt{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;letter-spacing:.14em;color:rgba(26,11,26,.5);padding-bottom:16px;border-bottom:2px dashed rgba(26,11,26,.16)}
.recibo .tt .dlogo{font-size:14px;letter-spacing:-.02em;color:#1a0b1a}.recibo .tt .dlogo i{width:26px;height:26px;font-size:14px;border-radius:8px}
.recibo ul{list-style:none;padding:12px 0}
.recibo li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;font-size:15.5px;border-bottom:1px solid rgba(26,11,26,.06);opacity:0;transform:translateX(-10px);transition:opacity .5s,transform .5s}
.recibo li b{font-weight:600;font-variant-numeric:tabular-nums}
.recibo.in li{opacity:1;transform:none}
.recibo li:nth-child(2){transition-delay:.12s}.recibo li:nth-child(3){transition-delay:.24s}.recibo li:nth-child(4){transition-delay:.36s}.recibo li:nth-child(5){transition-delay:.48s}
.recibo .tot{margin-top:10px;padding-top:18px;border-top:2px dashed rgba(26,11,26,.16);display:flex;justify-content:space-between;align-items:baseline;font-weight:600}
.recibo .tot b{position:relative;font-size:clamp(24px,3vw,30px);letter-spacing:-.04em;color:var(--verm)}
.recibo .tot b::after{content:"";position:absolute;left:-4px;right:-4px;top:52%;height:3px;border-radius:3px;background:var(--verm);transform:scaleX(0);transform-origin:left;transition:transform .8s 1s cubic-bezier(.6,0,.2,1)}
.recibo.in .tot b::after{transform:scaleX(1)}
.nao-paga{max-width:640px;margin:48px auto 0;text-align:center;font-size:clamp(22px,2.8vw,30px);font-weight:600;letter-spacing:-.04em;line-height:1.2}
.nao-paga s{color:var(--dim);text-decoration-color:var(--verm);text-decoration-thickness:2px}

/* três passos depois da compra */
.passos3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1000px;margin:0 auto}
.passo{position:relative;padding:26px;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:var(--card-shadow)}
.passo .n{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--accent);color:#fff;font-weight:700;margin-bottom:16px}
.passo h3{font-size:19px}
.passo p{font-size:15px;color:var(--muted);margin-top:6px}
.passo:not(:last-child)::after{content:"→";position:absolute;right:-13px;top:50%;translate:0 -50%;z-index:2;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--card);border:1px solid var(--line-2);font-size:13px;color:var(--accent-2)}

/* duas escolhas */
.escolhas{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:900px;margin:0 auto}
.esc{padding:28px;border-radius:22px;background:var(--card);border:1px solid var(--line);box-shadow:var(--card-shadow)}
.esc .pill{display:inline-block;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;margin-bottom:14px}
.esc.n .pill{background:var(--verm-bg);color:var(--verm)}
.esc.n{opacity:.8}
.esc.s{border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 9%,var(--card)),var(--card) 70%)}
.esc.s .pill{background:var(--accent);color:#fff}
.esc h3{font-size:21px}
.esc p{color:var(--muted);margin-top:8px;font-size:15.5px}

/* chamada final */
.final-cta{text-align:center;overflow:hidden}
.final-cta h2{max-width:820px;margin:0 auto}
.final-cta .sub{max-width:560px;margin:16px auto 0;color:var(--muted);font-size:18px}
.final-cta .ctas{margin-top:30px}

@media (max-width:960px){
  .compara,.passos3,.escolhas{grid-template-columns:1fr}
  .cmp.bom{transform:none}
  .passo:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-13px;translate:-50% 0}
}
@media (max-width:640px){
  .aviso{font-size:16px;padding:13px 12px}
  .aviso+.hero{padding-top:56px}
  .recibo{padding:24px 18px 38px;rotate:0deg}
  .recibo li{font-size:14px}
  .bal{font-size:14.5px}
  .destaque-txt{padding:20px;font-size:16.5px}
  .trust{gap:6px 8px;margin-left:-8px;margin-right:-8px}
  .trust span{font-size:11.5px;gap:3px;letter-spacing:-.02em}
}
@media (prefers-reduced-motion:reduce){.bal,.recibo li{opacity:1!important;transform:none!important}}

/* rodapé enxuto das versões de tráfego: só a linha de direitos */
.foot.foot-min{padding:28px 0 100px}
.foot.foot-min .copy{margin-top:0;padding-top:0;border-top:0;text-align:center}