/* ===== Efeitos "uau" que não atrapalham a leitura nem o clique ===== */

/* 2. linha de cota que se desenha embaixo dos títulos (o título já está visível) */
.cota{display:flex;align-items:center;gap:0;width:150px;height:12px;margin:18px 0 26px;transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.cota::before,.cota::after{content:"";width:1px;height:12px;background:var(--g)}
.cota b{flex:1;height:1px;background:var(--g)}
.cota.in{transform:scaleX(1)}
.light .cota::before,.light .cota::after,.light .cota b{background:var(--gd)}

/* 4. medidor nos números */
.gauge{display:block;width:74px;height:40px;margin-bottom:10px}
.gauge path{fill:none;stroke-linecap:round}
.gauge .bg{stroke:#ffffff1a;stroke-width:5}
.gauge .fg{stroke:var(--g);stroke-width:5;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.8s cubic-bezier(.2,.8,.2,1)}
.gauge line{stroke:#fff;stroke-width:2;stroke-linecap:round;transform-origin:37px 36px;transform:rotate(-90deg);transition:transform 1.8s cubic-bezier(.2,.8,.2,1)}
.gauge.in .fg{stroke-dashoffset:var(--o,8)}
.gauge.in line{transform:rotate(var(--a,75deg))}

/* 6. varredura de scanner ao abrir a página (por cima, sem bloquear nada) */
.scan-in{position:fixed;left:0;right:0;top:0;height:2px;z-index:95;pointer-events:none;background:var(--g);box-shadow:0 0 24px 6px #8cd65066;animation:scanin .9s cubic-bezier(.5,0,.3,1) forwards}
@keyframes scanin{from{top:0;opacity:1}85%{opacity:1}to{top:100vh;opacity:0}}

@media(prefers-reduced-motion:reduce){.scan-in{display:none!important}.cota{transform:none}.gauge .fg{transition:none}}

/* cota centralizada em seções centralizadas */
.final .cota,.offer .cota,section.proof .cota,.lhero .cota{margin-left:auto;margin-right:auto;transform-origin:center}
.final .wrap.fin .cota{margin-left:0;transform-origin:left}

/* espaço consistente entre título, cota e o que vem depois */
.cota+p,.cota+.lead{margin-top:0!important}
.cota+.ctas,.cota+.checks,.cota+ol,.cota+ul,.cota+.tabs,.cota+.sits,.cota+.cats,.cota+.tests{margin-top:6px!important}
.final h2,.offer h2{margin-bottom:0!important}
