/* Análise de Time — LP. Tudo escopado em .ta-lp / .ta-sticky para não brigar com o tema. */
.ta-lp,.ta-sticky{
  --text:#e7edf7; --muted:#9fb0c8; --accent:#FF6F00; --accent-2:#ffa24d; --accent-ink:#2a1200; --ok:#3bd671;
  --panel:rgba(255,255,255,.035); --card:rgba(255,255,255,.055); --border:rgba(255,255,255,.12);
}
.ta-lp *,.ta-lp *::before,.ta-lp *::after{ box-sizing:border-box; }
/* Sem fundo próprio: assume o fundo do tema (sem recorte) */
.ta-lp{ position:relative; max-width:760px; margin:0 auto; padding:0 16px 96px; display:grid; gap:44px;
  color:var(--text); font-family:'Montserrat',system-ui,sans-serif; line-height:1.5; background:transparent; }
.ta-lp section{ display:grid; gap:16px; width:100%; }
.ta-lp h1,.ta-lp h2,.ta-lp h3,.ta-lp p{ margin:0; }
.ta-lp .eyebrow{ font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); }
.ta-lp h2{ font-size:24px; font-weight:800; line-height:1.2; color:var(--text); }
.ta-lp .sub{ font-size:14px; color:var(--muted); }
.ta-lp .sub strong{ color:var(--text); font-weight:600; }

/* ───────── HERO ───────── */
.ta-lp .ta-hero{ padding-top:40px; text-align:center; justify-items:center; position:relative; isolation:isolate; }
/* brilho em largura total, se dissolve no fundo do tema */
.ta-lp .ta-hero::before{ content:""; position:absolute; z-index:-2; left:50%; top:0; width:min(900px,calc(100vw - 24px)); height:620px; transform:translateX(-50%);
  background:radial-gradient(closest-side, rgba(255,111,0,.20), rgba(255,111,0,.08) 55%, rgba(255,111,0,0) 100%); pointer-events:none; }
.ta-lp .ta-title{ font-size:clamp(36px,9.5vw,60px)!important; font-weight:900!important; line-height:1.02!important; text-transform:uppercase; letter-spacing:-.02em;
  color:#fff!important; text-shadow:0 4px 30px rgba(255,111,0,.35); }
.ta-lp .ta-title span{ display:block; color:var(--accent)!important; font-style:italic; }
.ta-lp .ta-hero .tag{ font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); font-weight:600; }
.ta-lp .ta-hero .tag b{ color:var(--text); }

/* brasas subindo */
.ta-lp .embers{ position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.ta-lp .embers i{ position:absolute; bottom:-10px; width:4px; height:4px; border-radius:50%; background:var(--accent-2); box-shadow:0 0 8px 2px rgba(255,111,0,.7); opacity:0; animation:taEmber 7s linear infinite; }
.ta-lp .embers i:nth-child(1){ left:8%;  animation-delay:0s;   animation-duration:8s; }
.ta-lp .embers i:nth-child(2){ left:22%; animation-delay:1.8s; animation-duration:6s; width:3px; height:3px; }
.ta-lp .embers i:nth-child(3){ left:36%; animation-delay:3.2s; animation-duration:9s; }
.ta-lp .embers i:nth-child(4){ left:52%; animation-delay:.9s;  animation-duration:7s; width:3px; height:3px; }
.ta-lp .embers i:nth-child(5){ left:66%; animation-delay:2.6s; animation-duration:8s; }
.ta-lp .embers i:nth-child(6){ left:80%; animation-delay:4.2s; animation-duration:6.5s; width:3px; height:3px; }
.ta-lp .embers i:nth-child(7){ left:92%; animation-delay:1.2s; animation-duration:9s; }
@keyframes taEmber{ 0%{ transform:translateY(0) translateX(0); opacity:0; } 10%{ opacity:.9; } 100%{ transform:translateY(-520px) translateX(18px); opacity:0; } }

/* campo */
.ta-lp .pitch-wrap{ width:100%; max-width:440px; perspective:900px; }
.ta-lp .pitch{ width:100%; aspect-ratio:4/3; border-radius:18px; border:1px solid rgba(255,255,255,.14); position:relative; overflow:hidden;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 12.5%, transparent 12.5% 25%),
    linear-gradient(180deg,#175027,#0e2b16);
  box-shadow:0 18px 50px rgba(10,10,10,.55), 0 0 0 1px rgba(255,111,0,.18), 0 0 60px rgba(255,111,0,.12);
  transform:rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg)); transition:transform .15s ease-out; will-change:transform; }
.ta-lp .pitch::before{ content:""; position:absolute; left:6%; right:6%; top:50%; border-top:1px solid rgba(255,255,255,.2); }
.ta-lp .pitch::after{ content:""; position:absolute; left:50%; top:50%; width:22%; aspect-ratio:1; border:1px solid rgba(255,255,255,.2); border-radius:50%; transform:translate(-50%,-50%); }
.ta-lp .chem{ position:absolute; inset:0; width:100%; height:100%; z-index:1; pointer-events:none; }
.ta-lp .chem line{ stroke:#6dffa0; stroke-width:.45; stroke-linecap:round; stroke-dasharray:3 2.2; opacity:0; filter:drop-shadow(0 0 1.2px #3bd671); }
.ta-lp.ta-in .chem line{ animation:taLine .6s ease-out forwards, taFlow 1.6s linear infinite; animation-delay:calc(1.4s + var(--i)*.07s), calc(2s + var(--i)*.07s); }
@keyframes taLine{ from{ opacity:0; } to{ opacity:.75; } }
@keyframes taFlow{ to{ stroke-dashoffset:-10.4; } }

.ta-lp .pl{ position:absolute; transform:translate(-50%,-50%); display:grid; justify-items:center; gap:3px; z-index:2; }
.ta-lp .pl > b{ display:grid; justify-items:center; gap:3px; opacity:0; }
.ta-lp .pl i{ display:block; width:24px; height:30px; border-radius:5px 5px 11px 11px; position:relative;
  background:linear-gradient(160deg,#f7e08a,#c79a2c 60%,#9b7414); box-shadow:0 3px 8px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.5); }
.ta-lp .pl i::after{ content:""; position:absolute; left:50%; top:22%; width:8px; height:8px; border-radius:50%; transform:translateX(-50%); background:rgba(60,40,0,.35); }
.ta-lp .pl em{ font-style:normal; font-size:9px; font-weight:800; padding:1px 6px; border-radius:99px; background:rgba(0,0,0,.6); color:#7dd3fc; }
.ta-lp .pl em.hi{ color:var(--ok); }
.ta-lp.ta-in .pl > b{ animation:taDrop .55s cubic-bezier(.3,1.5,.5,1) forwards; animation-delay:calc(.2s + var(--i)*.09s); }
@keyframes taDrop{ from{ opacity:0; transform:translateY(-34px) scale(.5); } to{ opacity:1; transform:none; } }
.ta-lp.ta-in .pl em.hi{ animation:taGlow 2.4s ease-in-out infinite; animation-delay:2.2s; }
@keyframes taGlow{ 0%,100%{ box-shadow:0 0 0 rgba(59,214,113,0); } 50%{ box-shadow:0 0 10px rgba(59,214,113,.8); } }

/* scanner da análise */
.ta-lp .scan{ position:absolute; left:0; right:0; top:0; height:34%; z-index:3; pointer-events:none; opacity:0; transform:translateY(-100%);
  background:linear-gradient(180deg,transparent,rgba(255,111,0,.0) 40%,rgba(255,150,40,.35) 92%,rgba(255,200,120,.9) 100%); border-bottom:0; }
.ta-lp.ta-in .scan{ animation:taScan 6.5s ease-in-out infinite; animation-delay:2.6s; }
@keyframes taScan{ 0%{ opacity:0; transform:translateY(-100%); } 4%{ opacity:1; } 48%{ opacity:1; transform:translateY(300%); } 52%,100%{ opacity:0; transform:translateY(300%); } }

.ta-lp .pitch-badge{ position:absolute; right:8px; bottom:8px; z-index:4; font-size:11px; font-weight:800; background:rgba(0,0,0,.65); border:1px solid var(--border); border-radius:8px; padding:3px 8px; }
.ta-lp .score{ position:absolute; left:8px; bottom:8px; z-index:4; display:flex; align-items:center; gap:6px; padding:5px 10px; border-radius:10px; font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
  background:rgba(0,0,0,.72); border:1px solid rgba(59,214,113,.6); color:var(--ok); opacity:0; transform:translateY(8px) scale(.9); }
.ta-lp .score b{ font-size:16px; color:#fff; }
.ta-lp.ta-in .score{ animation:taScore 6.5s ease-out infinite; animation-delay:2.6s; }
@keyframes taScore{ 0%,46%{ opacity:0; transform:translateY(8px) scale(.9); } 54%{ opacity:1; transform:none; } 92%{ opacity:1; transform:none; } 100%{ opacity:0; } }

/* preço */
.ta-lp .price{ display:grid; gap:2px; justify-items:center; }
.ta-lp .price small{ font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); font-weight:700; }
.ta-lp .price strong{ font-size:56px; font-weight:900; line-height:1; color:var(--text); text-shadow:0 0 28px rgba(255,111,0,.35); }
.ta-lp .price strong sup{ font-size:22px; vertical-align:top; margin-right:2px; color:var(--accent); }
.ta-lp .price strong span{ font-size:26px; color:var(--accent); }
.ta-lp .ta-hero .price strong{ animation:taPulse 2.8s ease-in-out infinite; }
@keyframes taPulse{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.04); } }

/* botão */
.ta-lp .ta-btn,.ta-sticky .ta-btn{ position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; gap:10px; width:100%; max-width:420px; min-height:56px; padding:14px 20px;
  background:linear-gradient(180deg,#ff8a2a,#FF6F00); color:var(--accent-ink); border-radius:14px; font-weight:800; font-size:16px; text-decoration:none;
  box-shadow:0 8px 24px rgba(255,111,0,.4); transition:transform .12s, box-shadow .15s; font-family:'Montserrat',system-ui,sans-serif; }
.ta-lp .ta-btn:hover,.ta-sticky .ta-btn:hover{ transform:translateY(-2px); box-shadow:0 12px 30px rgba(255,111,0,.55); color:var(--accent-ink); }
.ta-lp .ta-btn::after,.ta-sticky .ta-btn::after{ content:""; position:absolute; top:0; bottom:0; left:-60%; width:40%; transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent); animation:taShine 3.8s ease-in-out infinite; }
@keyframes taShine{ 0%,55%{ left:-60%; } 100%{ left:130%; } }
.ta-lp .ta-btn svg{ width:22px; height:22px; flex:0 0 auto; }
.ta-lp a.ta-btn,.ta-sticky a.ta-btn{ color:var(--accent-ink); text-decoration:none; }
.ta-lp .micro{ font-size:12px; color:var(--muted); }

/* cards de benefício */
.ta-lp .grid{ display:grid; gap:12px; }
.ta-lp .card{ display:grid; grid-template-columns:44px 1fr; gap:4px 14px; align-items:start; padding:16px; background:var(--panel); border:1px solid var(--border); border-radius:14px; transition:transform .2s, border-color .2s, box-shadow .2s; }
.ta-lp .card:hover{ transform:translateY(-3px); border-color:rgba(255,111,0,.55); box-shadow:0 10px 28px rgba(255,111,0,.14); }
.ta-lp .ico{ grid-row:span 2; width:44px; height:44px; border-radius:12px; display:grid; place-items:center; background:rgba(255,111,0,.12); border:1px solid rgba(255,111,0,.35); color:var(--accent); }
.ta-lp .ico svg{ width:24px; height:24px; }
.ta-lp .card h3{ font-size:15px; font-weight:800; color:var(--accent); text-transform:uppercase; letter-spacing:.02em; }
.ta-lp .card p{ font-size:14px; color:var(--muted); }

/* passos */
.ta-lp .steps{ display:grid; gap:12px; counter-reset:s; }
.ta-lp .step{ display:grid; grid-template-columns:40px 1fr; gap:14px; padding:16px; background:var(--card); border:1px solid var(--border); border-radius:14px; counter-increment:s; }
.ta-lp .step::before{ content:counter(s); width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background:var(--accent); color:var(--accent-ink); font-weight:900; box-shadow:0 0 18px rgba(255,111,0,.5); }
.ta-lp .step h3{ font-size:16px; font-weight:800; color:var(--text); }
.ta-lp .step p{ font-size:14px; color:var(--muted); }

.ta-lp .legend{ padding:18px 16px; background:var(--panel); border:1px solid var(--border); border-left:4px solid var(--accent); border-radius:14px; display:grid; gap:10px; }
.ta-lp .legend h3{ font-size:16px; font-weight:800; color:var(--text); }
.ta-lp .legend p{ font-size:14px; color:var(--muted); }
.ta-lp .chips{ display:flex; flex-wrap:wrap; gap:8px; }
.ta-lp .chip{ font-size:12px; font-weight:700; padding:4px 10px; border-radius:99px; background:rgba(255,255,255,.04); border:1px solid var(--border); color:var(--muted); }
.ta-lp .chip b{ color:var(--ok); }
.ta-lp .modes{ display:flex; flex-wrap:wrap; gap:8px; }
.ta-lp .modes span{ padding:8px 14px; border-radius:99px; border:1px solid var(--border); background:var(--card); font-weight:700; font-size:13px; }
.ta-lp details{ background:var(--panel); border:1px solid var(--border); border-radius:12px; padding:14px 16px; }
.ta-lp summary{ cursor:pointer; font-weight:700; font-size:15px; color:var(--text); }
.ta-lp details p{ margin-top:8px; font-size:14px; color:var(--muted); }

.ta-lp .final{ text-align:center; justify-items:center; padding:30px 18px; border:1px solid rgba(255,111,0,.4); border-radius:18px;
  background:radial-gradient(80% 90% at 50% 0%, rgba(255,111,0,.2), rgba(255,111,0,.04) 70%); }
.ta-lp .final h2{ font-size:26px; }

/* revelar ao rolar (só quando o JS está ativo) */
.ta-lp.ta-js .rv{ opacity:0; transform:translateY(22px); transition:opacity .6s ease, transform .6s ease; }
.ta-lp.ta-js .rv.in{ opacity:1; transform:none; }

/* barra fixa (movida para o <body> pelo JS) */
.ta-sticky{ position:fixed; left:0; right:0; bottom:0; z-index:99999; padding:10px 16px calc(10px + env(safe-area-inset-bottom)); display:flex; justify-content:center;
  background:linear-gradient(180deg,transparent,rgba(10,10,10,.92) 40%); opacity:0; pointer-events:none; transform:translateY(16px); transition:opacity .25s, transform .25s; }
.ta-sticky.is-on{ opacity:1; pointer-events:auto; transform:none; }
.ta-sticky .ta-btn{ max-width:760px; min-height:52px; }

@media (min-width:640px){
  .ta-lp .grid{ grid-template-columns:1fr 1fr; }
  .ta-lp{ gap:60px; }
  .ta-lp h2{ font-size:30px; }
  .ta-sticky .ta-btn{ max-width:420px; }
}

@media (prefers-reduced-motion:reduce){
  .ta-lp *,.ta-lp *::before,.ta-lp *::after,.ta-sticky *,.ta-sticky *::after{ animation:none!important; transition:none!important; }
  .ta-lp .pl > b,.ta-lp .chem line{ opacity:1!important; }
  .ta-lp .score{ opacity:1; transform:none; }
  .ta-lp .scan{ display:none; }
  .ta-lp.ta-js .rv{ opacity:1; transform:none; }
}