/* TiroDoc — landing: cena de rolagem "a pasta se monta", privacidade, planos, fecho. */
.cena{background:var(--lp-noite);color:var(--lp-tinta);position:relative}
.cena .rotulo{color:var(--lp-tinta-2)}
.cena__cab{padding-block:var(--e8) var(--e5)}
.cena__cab h2{font-size:clamp(1.8rem,1.1rem + 2.6vw,3.3rem);font-stretch:120%;font-weight:760;letter-spacing:-.03em;line-height:1;max-width:22ch;margin-top:var(--e3)}
.cena__grade{display:grid;gap:var(--e5);padding-bottom:var(--e7)}
.cena__passos{list-style:none;padding:0;display:grid;gap:var(--e4)}
.cena__passo{padding:var(--e5);border:1px solid var(--lp-noite-linha);border-radius:var(--r-g);background:var(--lp-noite-2)}
.cena__n{display:inline-grid;place-items:center;width:3rem;height:3rem;border-radius:50%;border:2px solid var(--lp-brilho);color:var(--lp-brilho);font-family:var(--f-dados);font-weight:600;font-size:1.25rem;margin-bottom:var(--e3)}
.cena__passo h3{font-size:var(--t-l);font-stretch:112%;margin-bottom:var(--e2)}
.cena__passo p{color:var(--lp-tinta-2);max-width:42ch}

/* palco: pilha 3D de folhas; estado final é o padrão (sem JS, ou tela estreita) */
.cena__palco{position:relative;height:25rem;display:grid;place-items:center;perspective:1500px;overflow:hidden;border-radius:var(--r-g);
  background:radial-gradient(60% 60% at 50% 55%,var(--lp-brilho-fundo),transparent 70%),var(--lp-noite-2);border:1px solid var(--lp-noite-linha)}
.cena__pilha{position:relative;width:min(21rem,72%);height:9rem;transform-style:preserve-3d;transform:rotateX(60deg) rotateZ(-34deg) translateY(1.5rem) scale(1.12)}
.fd{position:absolute;inset:0;border:1.5px solid rgb(232 240 237 / .42);border-radius:.4rem;background:rgb(18 35 48 / .86);
  transform:translateZ(calc(var(--i) * 2.7rem));transition:transform .9s var(--ease),opacity .6s;transition-delay:calc(var(--i) * 70ms)}
.fd>span{position:absolute;left:.55rem;bottom:.35rem;z-index:2;font-family:var(--f-dados);font-size:.62rem;letter-spacing:.02em;color:var(--lp-tinta);white-space:nowrap}
.fd::before{content:"";position:absolute;top:0;bottom:0;left:var(--a);width:calc(var(--b) - var(--a));background:var(--lp-ok);opacity:.5;border-inline:2px solid var(--lp-ok);
  transform-origin:left;transition:transform .8s var(--ease);transition-delay:calc(var(--i) * 110ms + 100ms)}
.fd::after{content:"";position:absolute;top:0;bottom:0;left:var(--ja);width:var(--jl);background:var(--lp-brilho);opacity:.95;box-shadow:0 0 18px 2px var(--lp-brilho);
  transition:opacity .6s;transition-delay:calc(var(--i) * 80ms + 300ms)}
.fd--1{--i:0;--a:4%;--b:84%}.fd--2{--i:1;--a:14%;--b:94%}.fd--3{--i:2;--a:36%;--b:68%}
.fd--4{--i:3;--a:48%;--b:80%}.fd--5{--i:4;--a:52%;--b:96%}.fd--6{--i:5;--a:58%;--b:90%}
.fd{--ja:58%;--jl:10%}
.cena__cofre{position:absolute;display:grid;justify-items:center;gap:.6rem;color:var(--lp-brilho);opacity:0;transform:scale(.9);transition:opacity .5s,transform .7s var(--ease);pointer-events:none}
.cena__cofre svg{width:5rem;height:5rem}
.cena__cofre span{font-family:var(--f-dados);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}
.cena__placar{position:absolute;left:1.2rem;bottom:.9rem;display:grid;line-height:1;color:var(--lp-brilho);transition:opacity .6s .5s,transform .8s .5s var(--ease)}
.cena__num{font-stretch:62%;font-weight:800;font-size:clamp(3.4rem,2.6rem + 4vw,6rem);letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums;min-width:2ch}
.cena__un{font-stretch:80%;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:var(--t-xs)}
.cena__ex{font-family:var(--f-dados);font-size:.7rem;color:var(--lp-tinta-2);margin-top:.35rem}

/* estados anteriores ao final (só quando o JS marca o passo) */
.cena__palco[data-passo="1"] .fd,.cena__palco[data-passo="2"] .fd{opacity:0}
.cena__palco[data-passo="1"] .fd{transform:translateZ(8rem)}
.cena__palco[data-passo="1"] .cena__cofre{opacity:1;transform:none}
.cena__palco[data-passo="2"] .fd{opacity:1;border-style:dashed;background:rgb(18 35 48 / .35)}
.cena__palco[data-passo="2"] .fd::before,.cena__palco[data-passo="3"] .fd::before{transform:scaleX(0)}
.cena__palco[data-passo="3"] .fd::before{transform:none}
.cena__palco[data-passo="2"] .fd::after,.cena__palco[data-passo="3"] .fd::after{opacity:0}
.cena__palco[data-passo="1"] .cena__placar,.cena__palco[data-passo="2"] .cena__placar,.cena__palco[data-passo="3"] .cena__placar{opacity:0;transform:translateY(1rem)}
.cena__palco[data-passo="1"] .fd::before,.cena__palco[data-passo="1"] .fd::after{transform:scaleX(0);opacity:0}

@media (min-width:60rem){
  .cena__grade{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--e7);align-items:start}
  .cena__passos{gap:0}
  .cena__passo{min-height:72vh;display:flex;align-items:center;background:transparent;border:0;border-top:1px solid var(--lp-noite-linha);border-radius:0;padding:var(--e6) 0}
  .cena__passo:last-child{min-height:60vh}
  .cena__palco{position:sticky;top:5rem;height:min(38rem,calc(100dvh - 7rem))}
  .cena__pilha{width:min(26rem,70%);height:11rem}
  .fd>span{font-size:.72rem}
}

/* ---------- privacidade: o zero ---------- */
.lp-zero{display:grid;gap:var(--e3);align-items:end;grid-template-columns:auto 1fr;margin-block:var(--e5) var(--e5);padding:var(--e5);background:var(--lp-noite);color:var(--lp-tinta);border-radius:var(--r-g);overflow:hidden;position:relative}
.lp-zero__n{font-stretch:62%;font-weight:800;font-size:clamp(7rem,5rem + 12vw,15rem);line-height:.74;color:var(--lp-brilho);letter-spacing:-.04em;font-variant-numeric:lining-nums}
.lp-zero__t{font-size:clamp(1.1rem,1rem + .6vw,1.5rem);line-height:1.25;max-width:26ch;padding-bottom:.4rem}
.lp-zero__t strong{display:block;font-stretch:112%;font-weight:760}
.lp-mapa .folha:first-child{border:2px solid var(--janela);box-shadow:inset 0 0 0 4px var(--janela-fundo)}
.lp-mapa .folha:last-child{border:2px dashed var(--linha-forte);background:var(--papel)}

/* ---------- planos: o Pro é o objeto elevado ---------- */
.lp .secao-planos{margin-block:var(--e8);padding:var(--e6)}
.lp .secao-planos h2{font-size:clamp(1.7rem,1.1rem + 2.4vw,3rem);font-stretch:120%;letter-spacing:-.03em;line-height:1;max-width:22ch}
.lp .secao-planos .plano{padding:var(--e5)}
.lp .secao-planos .plano--pro{background:var(--lp-noite);color:var(--lp-tinta);border-color:var(--lp-noite);box-shadow:inset 0 .35rem 0 var(--lp-brilho),10px 10px 0 -1px var(--janela-fundo),10px 10px 0 0 var(--janela);transform:translateY(-.6rem)}
.lp .secao-planos .plano--pro .suave{color:var(--lp-tinta-2)}
@media (max-width:47.99rem){.lp .secao-planos .plano--pro{transform:none;margin-right:10px}}

/* ---------- fecho ---------- */
.lp-fim{position:relative;overflow:hidden;background:var(--lp-noite);color:var(--lp-tinta);padding-block:var(--e9);isolation:isolate}
.lp-fim__alvo{position:absolute;right:-12rem;top:50%;width:min(60rem,150vw);aspect-ratio:1;translate:0 -50%;color:var(--lp-brilho);opacity:.28;z-index:-1}
.lp-fim__alvo circle{fill:none;stroke:currentColor;stroke-width:1.5}
.lp-fim__miolo{display:grid;gap:var(--e4);justify-items:start}
.lp-fim h2{font-size:clamp(2.6rem,1rem + 8vw,7.5rem);font-stretch:125%;font-weight:780;letter-spacing:-.045em;line-height:.92;max-width:11ch}
.lp-fim p{color:var(--lp-tinta-2);max-width:44ch;font-size:var(--t-m)}
.lp-fim .pequeno{font-size:var(--t-xs)}
.lp-fim .btn--janela{--fg:#06231e;--bg:var(--lp-brilho);--bd:var(--lp-brilho)}
.lp-fim a:focus-visible,.cena a:focus-visible{outline-color:var(--lp-brilho);box-shadow:none}

/* acertos da 2ª rodada */
.lp-zero{width:100%}
.lp .folha--plana h3{margin-bottom:var(--e3)}
.lp .rodape{margin-top:0}
.lp-fim h2{margin-bottom:var(--e3)}
@media (max-width:59.99rem){
  .cena__palco{order:-1;height:21rem}
  .cena__pilha{transform:rotateX(60deg) rotateZ(-34deg) translateY(3.4rem) scale(.74)}
}