/* /academia-de-vendas — só o que o kit (lp.css) não cobre. Clone da ai-trading da a referência:
   riscos de luz e aparelho no hero, 2×2 do "por que", tabela com a coluna acesa no meio e os 3 passos num cartão largo.
   Celular primeiro; só transform e opacity animam; prefers-reduced-motion desliga o movimento. */

/* ---------- hero: brilho no alto, riscos de luz que descem, o capelo 3D atrás do aparelho ---------- */
.lp-hero .lp-sub{display:block;width:100%;margin:0}
.p-acd-raios{position:absolute;inset:0;z-index:-1;pointer-events:none;contain:paint;
  background:radial-gradient(60% 46% at 50% 0%,rgba(217,45,32,.26) 0%,rgba(217,45,32,.08) 45%,transparent 100%)}
.p-acd-r{position:absolute;left:50%;top:-14%;width:2px;height:118%;transform-origin:50% 0;transform:rotate(var(--a));opacity:var(--o,.55);
  background:linear-gradient(180deg,transparent 0%,rgba(255,84,72,.22) 18%,rgba(255,84,72,.08) 55%,transparent 80%);
  -webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 82%);mask-image:linear-gradient(180deg,#000 40%,transparent 82%)}
.p-acd-r i{position:absolute;left:-1px;top:0;width:4px;height:16%;border-radius:4px;opacity:0;
  background:linear-gradient(180deg,transparent,rgba(255,140,128,.95) 85%,#fff)}

.p-acd-palco{position:relative;display:block;width:min(100%,560px);margin:clamp(8px,2vw,24px) auto 0;padding-top:4px}
.p-acd-palco .p-acd-cel{display:block;position:relative;z-index:1;width:clamp(180px,22vw,272px);margin-inline:auto;
  filter:drop-shadow(0 30px 60px rgba(0,0,0,.7))}
.p-acd-cel .lp-cel-m,.p-acd-cel .lp-cel-tela img{display:block}
/* o medalhão fica atrás da metade de baixo do aparelho e some no preto pelas bordas (a mão da a referência) */
.p-acd-med{position:absolute;left:50%;bottom:4%;z-index:0;display:block;width:clamp(400px,62vw,720px);transform:translateX(-50%);
  -webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 98%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 98%)}
.p-acd-med img{display:block;width:100%;height:auto;opacity:.92}
/* a base do aparelho some no preto, como o pulso da mão na a referência */
.p-acd-palco::after{content:"";position:absolute;left:-40%;right:-40%;bottom:-2px;height:26%;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,transparent,#000 88%);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}
.p-acd-chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 7px;border-radius:16px;text-align:left;
  background:rgba(22,22,22,.72);box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 18px 40px rgba(0,0,0,.55);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.p-acd-chip b{display:block;font-size:.875rem;line-height:1.15;font-weight:600;color:#fff;white-space:nowrap}
.p-acd-chip small{display:block;font-size:.75rem;line-height:1.2;color:var(--lp-mut2);white-space:nowrap}
.p-acd-chip-ic{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(180deg,var(--red),var(--red-d));color:#fff}
.p-acd-chip-ic .ic{width:17px;height:17px}
.p-acd-chip--a{left:0;top:26%}
.p-acd-chip--b{right:0;top:48%}
@media (min-width:768px){
  .p-acd-chip{gap:10px;padding:9px 16px 9px 9px;border-radius:18px}
  .p-acd-chip b{font-size:1rem}.p-acd-chip small{font-size:.8125rem}
  .p-acd-chip-ic{width:38px;height:38px;border-radius:12px}
  .p-acd-chip--a{left:2%}.p-acd-chip--b{right:0}
}
@media (max-width:47.99rem){
  .p-acd-chip{padding:5px 9px 5px 5px;gap:6px;border-radius:12px}
  .p-acd-chip-ic{width:26px;height:26px;border-radius:8px}
  .p-acd-chip-ic .ic{width:14px;height:14px}
  .p-acd-chip b{font-size:.75rem}.p-acd-chip small{font-size:.6875rem}
  .p-acd-chip--a{left:-2px;top:18%}.p-acd-chip--b{right:-2px;top:44%}
}
.p-acd-hcap{position:relative;z-index:3;display:block;margin-top:-6px;font-size:.8125rem;line-height:1.4;color:var(--lp-mut)}

@media (prefers-reduced-motion:no-preference){
  .p-acd-r i{animation:p-acd-cai var(--t) linear infinite;animation-delay:var(--d)}
  .p-acd-palco .p-acd-cel{animation:p-acd-sobe .9s var(--ease) both .15s}
  .p-acd-med{animation:p-acd-surge 1.1s var(--ease) both}
  .p-acd-chip--a{animation:p-acd-boia 5s ease-in-out infinite}
  .p-acd-chip--b{animation:p-acd-boia 5.6s ease-in-out infinite -2.4s}
}
@keyframes p-acd-cai{0%{opacity:0;transform:translateY(0)}12%{opacity:1}70%{opacity:.9}100%{opacity:0;transform:translateY(520%)}}
@keyframes p-acd-sobe{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}
@keyframes p-acd-surge{from{opacity:0;transform:translateX(-50%) scale(.9)}to{opacity:1;transform:translateX(-50%)}}
@keyframes p-acd-boia{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* ---------- 1. "por que": 2×2 em toda largura (o celular copia a grade do computador) ---------- */
.p-acd-s1 .lp-cite{margin-bottom:clamp(28px,4vw,48px)}
.p-acd-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:768px){.p-acd-bento{gap:16px}}
.p-acd-b .rd-card{display:flex;flex-direction:column;overflow:hidden;min-height:clamp(280px,34vw,480px);padding:20px 12px 0;text-align:center}
@media (min-width:768px){.p-acd-b .rd-card{padding:40px 32px 0}}
.p-acd-b .rd-h3{margin:0;font-size:clamp(1.0625rem,.85rem + .9vw,1.5rem);line-height:1.1;text-wrap:balance}
.p-acd-bd{margin:12px auto 0;max-width:34ch;font-size:1rem;line-height:1.5;color:var(--lp-mut);text-wrap:pretty}
@media (max-width:47.99rem){.p-acd-bd{display:none}}
.p-acd-bm{position:relative;flex:1;min-height:clamp(170px,24vw,300px);margin-top:12px}
.p-acd-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,48px)}

/* cartão 1: a trilha sobe em degraus, da primeira etapa à última */
.p-acd-bm--trilha{display:grid;align-items:center;padding-bottom:20px}
.p-acd-sobe{list-style:none;margin:0 auto;padding:0;display:flex;flex-direction:column-reverse;gap:6px;width:min(100%,340px)}
.p-acd-sobe li{position:relative;display:flex;align-items:center;gap:8px;width:74%;margin-left:calc(var(--i) * 6.5%);padding:7px 10px;border-radius:12px;overflow:hidden;
  background:rgba(255,255,255,.05);box-shadow:0 0 0 1px var(--line) inset;font-size:.75rem;line-height:1.2;font-weight:600;color:rgba(255,255,255,.86);text-align:left;white-space:nowrap}
.p-acd-sobe-n{display:none;font-variant-numeric:tabular-nums;color:var(--lp-mut)}
.p-acd-sobe li.fim{background:linear-gradient(180deg,var(--red),var(--red-d));box-shadow:0 12px 30px -6px rgba(217,45,32,.6);color:#fff}
.p-acd-sobe li.fim .p-acd-sobe-n{color:rgba(255,255,255,.75)}
.p-acd-sobe li .ic{width:14px;height:14px;margin-left:auto;transform:rotate(-45deg)}
/* a luz que sobe de degrau em degrau */
.p-acd-sobe li::after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(255,84,72,.22);box-shadow:0 0 0 1px rgba(255,84,72,.55) inset;opacity:0}
.p-acd-sobe li.fim::after{display:none}
@media (min-width:768px){
  .p-acd-sobe{gap:10px}
  .p-acd-sobe li{width:66%;margin-left:calc(var(--i) * 8.5%);gap:12px;padding:12px 16px;border-radius:16px;font-size:1rem}
  .p-acd-sobe-n{display:inline}
  .p-acd-sobe li .ic{width:18px;height:18px}
}
.js-ok .p-acd-sobe li{opacity:0;transform:translateY(12px);transition:opacity .45s var(--ease),transform .45s var(--ease);transition-delay:calc(.35s + var(--i) * 110ms)}
.js-ok .rd-c.on .p-acd-sobe li{opacity:1;transform:none}

/* cartão 2: o aparelho com a trilha e, por cima, o seletor de objeções em vidro (o "Model" da a referência) */
.p-acd-bm-cel{position:absolute;left:50%;bottom:0;width:min(78%,250px);transform:translateX(-50%) translateY(8%);
  -webkit-mask-image:linear-gradient(0deg,#000 58%,transparent 96%);mask-image:linear-gradient(0deg,#000 58%,transparent 96%)}
.p-acd-bm-cel .p-acd-cel{display:block}
.p-acd-bm--obj .p-acd-bm-cel{bottom:-18%}
/* o aparelho não sobe por trás do texto do cartão: a mídia corta a pintura no próprio topo */
.p-acd-bm--obj,.p-acd-bm--demo{clip-path:inset(0 -40px -40px -40px)}
.p-acd-sel{position:absolute;left:50%;top:6%;z-index:1;width:min(100%,340px);padding:8px;border-radius:14px;transform:translateX(-50%);text-align:left;
  background:rgba(24,24,24,.8);box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 0 40px -6px rgba(217,45,32,.5),0 20px 40px rgba(0,0,0,.6);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.p-acd-sel-t{display:flex;align-items:center;gap:6px;margin:0 0 6px 2px;font-size:.75rem;line-height:1.2;font-weight:600;color:#fff}
.p-acd-sel-t .ic{width:13px;height:13px;color:var(--red-hi)}
.p-acd-sel ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.p-acd-sel li{flex:1 1 auto;padding:5px 6px;border-radius:8px;background:rgba(255,255,255,.07);font-size:.6875rem;line-height:1.2;text-align:center;color:rgba(255,255,255,.8);white-space:nowrap}
.p-acd-sel li.on{background:linear-gradient(180deg,var(--red),var(--red-d));color:#fff}
@media (min-width:768px){
  .p-acd-sel{top:8%;padding:12px;border-radius:18px}
  .p-acd-sel-t{margin-bottom:10px;font-size:.9375rem}
  .p-acd-sel-t .ic{width:16px;height:16px}
  .p-acd-sel ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .p-acd-sel li{padding:9px 8px;border-radius:10px;font-size:.875rem}
  .p-acd-sel li:last-child{grid-column:1 / -1}
}
/* cada categoria pisca na sua vez (só opacidade; a primeira fica acesa) */
@media (prefers-reduced-motion:no-preference){
  .p-acd-sel li{animation:p-acd-vez 8.4s var(--ease) infinite;animation-delay:calc(var(--i) * 1.2s)}
  .p-acd-sel li.on{animation:none}
}
@keyframes p-acd-vez{0%,100%{opacity:1}6%{opacity:.55}12%{opacity:1}}

/* cartão 3: o aparelho deitado em perspectiva e a faixa vermelha por cima (o "AI Trading" da a referência) */
.p-acd-bm--deit{perspective:900px}
.p-acd-deit{position:absolute;left:50%;bottom:-34%;width:min(92%,300px);transform:translateX(-50%) rotateX(38deg);transform-origin:50% 100%;
  -webkit-mask-image:linear-gradient(0deg,#000 50%,transparent 92%);mask-image:linear-gradient(0deg,#000 50%,transparent 92%)}
.p-acd-deit .p-acd-cel{display:block}
.p-acd-faixa{position:absolute;left:50%;bottom:30%;z-index:1;display:flex;align-items:center;justify-content:center;gap:6px;width:min(104%,380px);padding:10px 8px;border-radius:12px;
  transform:translateX(-50%) rotateX(14deg);background:linear-gradient(180deg,var(--red),var(--red-d));
  box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 -4px 0 rgba(0,0,0,.22) inset,0 18px 40px -6px rgba(217,45,32,.7);
  font-size:.9375rem;line-height:1.1;font-weight:700;letter-spacing:-.01em;color:#fff;white-space:nowrap}
.p-acd-faixa .ic{flex:none;width:16px;height:16px}
.p-acd-faixa .lg{display:none}
@media (min-width:768px){
  .p-acd-faixa{gap:10px;padding:16px 14px;border-radius:16px;font-size:clamp(1.125rem,.6rem + 1vw,1.5rem)}
  .p-acd-faixa .ic{width:22px;height:22px}
  .p-acd-faixa .lg{display:inline}.p-acd-faixa .sm{display:none}
}
@media (prefers-reduced-motion:no-preference){.p-acd-faixa{animation:p-acd-pulsa 3.6s ease-in-out infinite}}
@keyframes p-acd-pulsa{0%,100%{transform:translateX(-50%) rotateX(14deg) translateY(0)}50%{transform:translateX(-50%) rotateX(14deg) translateY(-6px)}}

/* cartão 4: o aparelho de pé com a conta demo e as etiquetas que flutuam ao lado */
.p-acd-bm--demo .p-acd-bm-cel{bottom:-30%;width:min(70%,240px)}
.p-acd-tag{position:absolute;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:10px;
  background:rgba(26,26,26,.82);box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 14px 30px rgba(0,0,0,.55);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.6875rem;line-height:1.2;font-weight:600;color:#fff;white-space:nowrap}
.p-acd-tag .ic{width:12px;height:12px;color:var(--red-hi)}
.p-acd-tag--a{left:0;top:30%}
.p-acd-tag--b{right:0;top:52%}
@media (min-width:768px){
  .p-acd-tag{gap:8px;padding:9px 14px;border-radius:14px;font-size:.875rem}
  .p-acd-tag .ic{width:16px;height:16px}
  .p-acd-tag--a{left:4%;top:34%}.p-acd-tag--b{right:4%;top:20%}
}
@media (prefers-reduced-motion:no-preference){
  .p-acd-tag--a{animation:p-acd-boia 4.6s ease-in-out infinite}
  .p-acd-tag--b{animation:p-acd-boia 5.2s ease-in-out infinite -1.8s}
}

/* ---------- 2. comparativo: tabela de verdade, a coluna do meio acesa e o botão no pé dela ---------- */
.p-acd-cmp{position:relative}
.p-acd-tab{width:100%;border-collapse:separate;border-spacing:0}
.p-acd-tab caption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.p-acd-tab thead .ic{flex:none;width:20px;height:20px}
.p-acd-th{display:inline-flex;align-items:center;gap:10px}
.p-acd-tab th,.p-acd-tab td{text-align:left;vertical-align:middle}
/* celular: um cartão só, o rótulo numa pílula da largura toda e os dois valores lado a lado */
@media (max-width:47.99rem){
  .p-acd-col{display:none}
  .p-acd-cmp{padding:14px 10px;border-radius:28px;background:radial-gradient(100% 140% at 15% 0%,#171717 0%,#0e0e0e 66%);box-shadow:0 0 0 1px var(--line) inset}
  .p-acd-tab,.p-acd-tab thead,.p-acd-tab tbody{display:block}
  .p-acd-tab tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 10px}
  .p-acd-tab thead td{display:none}
  .p-acd-th{flex-direction:column;gap:6px}
  .p-acd-tab thead th{display:flex;flex-direction:column;align-items:center;padding:4px 4px 12px;font-size:.9375rem;line-height:1.2;font-weight:600;text-align:center;color:var(--lp-mut2)}
  .p-acd-tab thead th.nos{color:#fff}
  .p-acd-tab thead th.nos .ic{color:var(--red-hi)}
  .p-acd-tab tbody tr{padding:12px 0;border-top:1px solid var(--line)}
  .p-acd-tab tbody th{grid-column:1 / -1;justify-self:center;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.07);font-size:.8125rem;line-height:1.2;font-weight:600;color:rgba(255,255,255,.86);text-align:center}
  .p-acd-tab tbody td{font-size:.875rem;line-height:1.35;text-align:center;color:var(--lp-mut2)}
  .p-acd-tab tbody td.nos{color:#fff}
  .p-acd-cmp-pe{display:flex;justify-content:center;padding-top:6px}
  .p-acd-cmp-pe .btn{width:100%;min-height:48px;border-radius:16px}
}
/* computador: três colunas (31,4% | 29,7% | resto) e a do meio acesa por inteiro, do cabeçalho ao botão */
@media (min-width:48rem){
  .p-acd-cmp{--c1:31.4%;--c2:29.7%;padding-bottom:88px}
  .p-acd-tab{table-layout:fixed}
  .p-acd-tab thead td{width:var(--c1)}
  .p-acd-tab thead th.nos{width:var(--c2)}
  .p-acd-tab thead th{padding:28px 24px 24px;font-size:1.25rem;line-height:1.2;font-weight:600;color:var(--lp-mut2)}
  .p-acd-tab thead th.nos{color:#fff;text-align:center}
  .p-acd-tab thead th.nos .ic{color:var(--red-hi)}
  .p-acd-tab tbody th,.p-acd-tab tbody td{padding:22px 24px;font-size:1rem;line-height:1.45}
  .p-acd-tab tbody th{font-weight:600;color:#fff}
  .p-acd-tab tbody td{color:var(--lp-mut2)}
  .p-acd-tab tbody td.nos{color:#fff;text-align:center}
  /* linhas alternadas em #121212, arredondadas nas pontas (a a referência usa #141414) */
  .p-acd-tab tbody tr:nth-child(odd) th,.p-acd-tab tbody tr:nth-child(odd) td{background:#121212}
  .p-acd-tab tbody tr:nth-child(odd) th{border-radius:16px 0 0 16px}
  .p-acd-tab tbody tr:nth-child(odd) td:last-child{border-radius:0 16px 16px 0}
  .p-acd-tab tbody tr td.nos{position:relative;z-index:1;background:transparent}
  .p-acd-col{position:absolute;left:var(--c1);top:0;bottom:0;width:var(--c2);border-radius:28px;pointer-events:none;
    background:linear-gradient(180deg,rgba(217,45,32,.22) 0%,rgba(217,45,32,.06) 40%,rgba(217,45,32,.14) 100%);
    box-shadow:0 0 0 1px rgba(255,84,72,.55) inset,0 0 60px -12px rgba(217,45,32,.55)}
  .p-acd-cmp-pe{position:absolute;left:var(--c1);bottom:20px;width:var(--c2);display:flex;justify-content:center;padding-inline:20px}
  .p-acd-cmp-pe .btn{width:100%;min-height:48px;border-radius:16px}
}

/* ---------- 3. três passos num cartão largo com brilho vermelho e setas entre eles ---------- */
.p-acd-st{position:relative;overflow:hidden;padding:20px 8px;border-radius:28px;
  background:radial-gradient(70% 90% at 50% 0%,rgba(217,45,32,.26) 0%,rgba(217,45,32,.06) 48%,transparent 75%),radial-gradient(100% 140% at 15% 0%,#171717 0%,#0e0e0e 66%);
  box-shadow:0 0 0 1px var(--line) inset}
.p-acd-st ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 14px minmax(0,1fr);align-items:start}
.p-acd-st-p{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:4px 2px;text-align:center;scroll-margin-top:96px}
.p-acd-st-p>.ic{width:44px;height:44px;padding:11px;border-radius:14px;background:linear-gradient(180deg,var(--red),var(--red-d));color:#fff;box-shadow:0 12px 30px -8px rgba(217,45,32,.7)}
.p-acd-st-p b{font-size:.9375rem;line-height:1.2;font-weight:600;color:#fff;text-wrap:balance}
.p-acd-st-p .lg{display:none}
.p-acd-st-d{display:none;font-size:1rem;line-height:1.5;color:var(--lp-mut2);text-wrap:pretty}
.p-acd-st-s{display:grid;place-items:center;height:44px;color:var(--lp-mut)}
.p-acd-st-seta svg{display:block;width:7px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:768px){
  .p-acd-st{padding:56px 40px;border-radius:40px}
  .p-acd-st ol{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) 40px minmax(0,1fr)}
  .p-acd-st-p{gap:16px;padding:0 12px}
  .p-acd-st-p>.ic{width:64px;height:64px;padding:17px;border-radius:20px}
  .p-acd-st-p b{font-size:1.5rem;line-height:1.1}
  .p-acd-st-p .lg{display:inline}.p-acd-st-p .sm{display:none}
  .p-acd-st-d{display:block;max-width:30ch}
  .p-acd-st-s{height:64px}
  .p-acd-st-seta svg{width:10px;height:18px}
}
.js-ok .p-acd-st-p{opacity:0;transform:translateY(16px);transition:opacity .45s var(--ease),transform .45s var(--ease);transition-delay:calc(var(--i) * 120ms)}
.js-ok .p-acd-st.in .p-acd-st-p{opacity:1;transform:none}
@media (prefers-reduced-motion:no-preference){
  .p-acd-st-seta{display:block;animation:p-acd-seta 2.4s ease-in-out infinite}
  .p-acd-sobe li::after{animation:p-acd-degrau 6s var(--ease) infinite;animation-delay:calc(1.4s + var(--i) * .6s)}
}
@keyframes p-acd-seta{0%,100%{transform:translateX(0);opacity:.5}50%{transform:translateX(4px);opacity:1}}
@keyframes p-acd-degrau{0%{opacity:0}5%{opacity:1}14%,100%{opacity:0}}

@media (prefers-reduced-motion:reduce){
  .js-ok .p-acd-sobe li,.js-ok .p-acd-st-p{transform:none;transition:opacity .2s}
}