/* IA-Kit Jurídico · páginas de venda · duas caras pelo atributo data-cara no <html>
   terminal = Caminho 1 (quase preto, verde-sinal, Inter + JetBrains Mono)
   bloco    = Caminho 2 (amarelo-sinal, tinta preta, Archivo largura variável + IBM Plex Mono)
   Fonte da identidade: tarefas/relancamento-a-47/pecas/identidade/ (01/11/2026) */

*{box-sizing:border-box}
html,body{margin:0}
h1,h2,h3,p,dl,dd,dt,ul{margin:0;padding:0}
ul{list-style:none}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}
a{color:inherit}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.ico{display:inline-block;width:.9em;height:.9em;flex:none}
.ico path{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter}
.nw{white-space:nowrap}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- esqueleto comum ---------- */
.hero{padding:22px 0 28px}
.sob{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.hero h1{margin-top:16px}
.linha{margin-top:12px}
.oferta{margin-top:18px}
.preco{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;white-space:nowrap}
.preco s{text-decoration:none;position:relative}
.preco s::after{content:"";position:absolute;left:-.06em;right:-.06em;top:52%;height:.09em;background:currentColor}
.mini{margin-top:6px}
.agora{margin-top:12px}
.btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:0 18px;text-decoration:none;font-size:17px;line-height:1.15}
.oferta .btn{margin-top:14px}
.sec{padding:40px 0}
.rot{margin-bottom:18px}
.itens{display:grid;gap:12px}
.item{padding:16px}
.item .n{display:block}
.item .nome{display:block}
.item .desc{display:block;margin-top:8px}
.ficha{margin-top:16px;padding:16px}
.ficha p{line-height:1.6}
.conf{display:inline-flex;align-items:center;gap:8px;margin-top:12px;min-height:40px;padding:0 14px;text-decoration:none;font-size:15px}
.paras p+p{margin-top:12px}
.faq{display:grid;gap:18px}
.faq dd{margin-top:6px}
.fecho .btn{margin-top:14px}
.fecho .ent{margin-top:14px}
.rodape{padding:28px 0 36px;font-size:13px;line-height:1.5}
.rodape a{text-decoration:underline}
.vered{display:grid;gap:10px;margin-top:16px}
.vered li{padding:14px 16px}
.vered b{display:inline-block;margin-right:6px}
.trib p+p{margin-top:8px}
.preco-sec .btn{margin-top:20px}

@media (min-width:900px){
  .wrap{padding:0 48px}
  .hero{padding:56px 0 64px}
  .hero .grade{display:grid;grid-template-columns:1.35fr 1fr;gap:56px;align-items:end}
  .oferta{margin-top:0;padding:28px}
  .btn{font-size:19px;min-height:62px}
  .sec{padding:64px 0}
  .itens{grid-template-columns:1fr 1fr;gap:16px}
  .vered{grid-template-columns:repeat(3,1fr)}
  .colunas{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
  .estreito{max-width:760px}
}

/* =================== CARA TERMINAL =================== */
html[data-cara=terminal]{--bg:#0A0A0A;--panel:#121212;--line:#2E2E2E;--fg:#F2F2F2;--fg2:#A6A6A6;--g:#34F27D;--sans:'Inter',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace}
html[data-cara=terminal] body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.45}
[data-cara=terminal] .wm{font-weight:900;letter-spacing:-.035em;white-space:nowrap}
[data-cara=terminal] .hf{display:inline-block;position:relative;width:.44em;height:.197em;bottom:.19em;margin:0 .045em 0 -.035em;background:var(--g);animation:pisca 1.1s steps(1) infinite}
@keyframes pisca{50%{opacity:0}}
[data-cara=terminal] .sob{font-size:22px}
[data-cara=terminal] .sob .comp{font-family:var(--mono);font-size:14px;color:var(--fg2);letter-spacing:0}
[data-cara=terminal] .hero h1{font-weight:900;font-size:38px;line-height:1.02;letter-spacing:-.035em}
[data-cara=terminal] .linha{font-size:17px;line-height:1.4;font-weight:500;color:var(--fg2)}
[data-cara=terminal] .preco .de{font-size:15px;font-weight:600;color:var(--fg2)}
[data-cara=terminal] .preco s{font-size:20px;font-weight:700;color:var(--fg2)}
[data-cara=terminal] .preco strong{font-size:44px;line-height:1;font-weight:900;letter-spacing:-.03em}
[data-cara=terminal] .preco.so strong{font-size:38px}
[data-cara=terminal] .mini{font-family:var(--mono);font-size:13px;color:var(--fg2)}
[data-cara=terminal] .agora{font-family:var(--mono);font-size:14px;line-height:1.5;color:var(--fg);border-left:3px solid var(--g);padding:2px 0 2px 12px}
[data-cara=terminal] .btn{background:var(--g);color:#0A0A0A;font-weight:800;border-radius:12px;letter-spacing:-.01em}
[data-cara=terminal] .btn:hover{filter:brightness(1.08)}
[data-cara=terminal] .btn:focus-visible,[data-cara=terminal] .conf:focus-visible{outline:3px solid var(--fg);outline-offset:3px}
[data-cara=terminal] .sec{border-top:1px solid var(--line)}
[data-cara=terminal] .rot{font-family:var(--mono);font-size:14px;color:var(--g);text-transform:lowercase}
[data-cara=terminal] .rot::before{content:"// "}
[data-cara=terminal] h2{font-weight:900;font-size:28px;line-height:1.08;letter-spacing:-.03em}
[data-cara=terminal] .item{background:var(--panel);border:1px solid var(--line);border-radius:10px}
[data-cara=terminal] .item .n{font-weight:900;font-size:44px;line-height:.9;letter-spacing:-.045em}
[data-cara=terminal] .item .nome{margin-top:6px;font-family:var(--mono);font-size:14px;color:var(--fg)}
[data-cara=terminal] .item .tag{display:inline-block;font-family:var(--mono);font-size:13px;font-weight:700;color:#0A0A0A;background:var(--g);padding:2px 8px;border-radius:4px}
[data-cara=terminal] .item.bonus{border-color:var(--g)}
[data-cara=terminal] .item.bonus .nome{font-family:var(--sans);font-weight:800;font-size:19px;letter-spacing:-.01em;margin-top:10px}
[data-cara=terminal] .item .desc{color:var(--fg2);font-size:15px}
[data-cara=terminal] .ficha{background:var(--panel);border:1px solid var(--line);border-radius:10px;position:relative}
[data-cara=terminal] .ficha::before{content:"";position:absolute;left:-1px;top:-1px;height:4px;width:56px;background:var(--g);border-radius:10px 0 0 0}
[data-cara=terminal] .ficha p{font-family:var(--mono);font-size:14px}
[data-cara=terminal] .conf{border:1px solid var(--g);color:var(--g);font-weight:700;border-radius:8px}
[data-cara=terminal] .paras p{color:var(--fg2)}
[data-cara=terminal] .paras p b{color:var(--fg);font-weight:700}
[data-cara=terminal] .faq dt{font-weight:800;font-size:18px;letter-spacing:-.01em}
[data-cara=terminal] .faq dd{color:var(--fg2)}
[data-cara=terminal] .fecho .agora{font-size:16px}
[data-cara=terminal] .fecho .ent{color:var(--fg2);font-size:15px}
[data-cara=terminal] .rodape{color:var(--fg2);border-top:1px solid var(--line)}
[data-cara=terminal] .vered li{background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--fg2)}
[data-cara=terminal] .vered b{font-family:var(--mono);font-weight:700;color:#0A0A0A;background:var(--g);padding:1px 8px;border-radius:4px;font-size:14px}
[data-cara=terminal] .vered li.d b{background:var(--fg)}
[data-cara=terminal] .vered li.x b{background:transparent;color:var(--fg);border:1px solid var(--fg2)}
[data-cara=terminal] .intro{color:var(--fg2);margin-top:10px}
[data-cara=terminal] .trib p{font-family:var(--mono);font-size:14px;color:var(--fg)}
[data-cara=terminal] .trib p.obs{font-family:var(--sans);font-size:15px;color:var(--fg2)}
[data-cara=terminal] .link-int{color:var(--g);font-weight:700}
@media (min-width:900px){
  [data-cara=terminal] .sob{font-size:28px}
  [data-cara=terminal] .hero h1{font-size:66px;line-height:.98}
  [data-cara=terminal] .linha{font-size:20px;margin-top:20px}
  [data-cara=terminal] .oferta{background:var(--panel);border:1px solid var(--line);border-radius:16px}
  [data-cara=terminal] .preco strong{font-size:56px}
  [data-cara=terminal] h2{font-size:40px}
}
@media (prefers-reduced-motion:reduce){[data-cara=terminal] .hf{animation:none}}

/* =================== CARA BLOCO =================== */
html[data-cara=bloco]{--y:#FFD400;--ink:#0A0A0A;--paper:#FFFFFF;--sans:'Archivo',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace}
html[data-cara=bloco] body{background:var(--y);color:var(--ink);font-family:var(--sans);font-stretch:100%;font-size:16px;line-height:1.45}
[data-cara=bloco] .logo{display:inline-flex;flex-direction:column;align-items:stretch;font-size:26px}
[data-cara=bloco] .logo .tag{display:inline-flex;border:.08em solid var(--ink);border-bottom:0;padding:.22em .3em .2em}
[data-cara=bloco] .wm{font-weight:900;font-stretch:125%;letter-spacing:-.012em;white-space:nowrap;line-height:.72}
[data-cara=bloco] .hf{display:inline-block;position:relative;width:.5em;height:.247em;bottom:.152em;margin:0 .035em 0 .005em;background:currentColor}
[data-cara=bloco] .logo .faixa{background:var(--ink);color:var(--y);font-weight:900;font-stretch:125%;letter-spacing:-.012em;font-size:.718em;line-height:.86;padding:.25em 0 .31em .609em;white-space:nowrap}
[data-cara=bloco] .sob .comp{font-weight:800;font-size:15px;letter-spacing:-.005em;align-self:flex-end}
[data-cara=bloco] .hero h1{font-weight:900;font-stretch:100%;font-size:37px;line-height:1.0;letter-spacing:-.02em}
[data-cara=bloco] .linha{font-size:17px;line-height:1.38;font-weight:600}
[data-cara=bloco] .preco .de{font-size:16px;font-weight:700}
[data-cara=bloco] .preco s{font-size:28px;font-weight:800;font-stretch:62%}
[data-cara=bloco] .preco strong{font-size:58px;line-height:.82;font-weight:900;font-stretch:62%;letter-spacing:-.01em}
[data-cara=bloco] .preco.so strong{font-size:52px}
[data-cara=bloco] .mini{font-family:var(--mono);font-size:13px;font-weight:500}
[data-cara=bloco] .agora{background:var(--ink);color:var(--y);font-weight:800;font-size:15px;line-height:1.35;padding:9px 12px}
[data-cara=bloco] .btn{background:var(--ink);color:var(--y);font-weight:800}
[data-cara=bloco] .btn:hover{background:#262626}
[data-cara=bloco] .btn:focus-visible,[data-cara=bloco] .conf:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
[data-cara=bloco] .sec{border-top:4px solid var(--ink)}
[data-cara=bloco] .rot{display:inline-block;background:var(--ink);color:var(--y);font-weight:900;font-stretch:125%;font-size:15px;padding:5px 10px 4px;letter-spacing:-.005em}
[data-cara=bloco] h2{font-weight:900;font-stretch:100%;font-size:28px;line-height:1.05;letter-spacing:-.02em}
[data-cara=bloco] .itens{gap:0;border-top:3px solid var(--ink)}
[data-cara=bloco] .item{padding:16px 0;border-bottom:3px solid var(--ink)}
[data-cara=bloco] .item .n{font-weight:900;font-stretch:62%;font-size:64px;line-height:.8}
[data-cara=bloco] .item .nome{margin-top:6px;font-weight:800;font-size:17px}
[data-cara=bloco] .item .tag{display:inline-block;background:var(--ink);color:var(--y);font-weight:900;font-stretch:125%;font-size:14px;padding:4px 8px 3px}
[data-cara=bloco] .item.bonus .nome{font-size:20px;font-weight:900;margin-top:10px;line-height:1.15}
[data-cara=bloco] .item .desc{font-size:15px;font-weight:500}
[data-cara=bloco] .ficha{background:var(--paper);border:3px solid var(--ink);padding:0}
[data-cara=bloco] .ficha .top2{background:var(--ink);color:var(--paper);font-family:var(--mono);font-weight:500;font-size:13px;padding:6px 12px;display:flex;align-items:center;gap:8px}
[data-cara=bloco] .ficha .top2 .ico{color:var(--y)}
[data-cara=bloco] .ficha p{font-family:var(--mono);font-size:14px;padding:12px 14px 0}
[data-cara=bloco] .ficha p b{font-weight:600}
[data-cara=bloco] .ficha .conf{margin:12px 14px 14px}
[data-cara=bloco] .conf{border:2px solid var(--ink);font-weight:700}
[data-cara=bloco] .paras p{font-weight:500}
[data-cara=bloco] .paras p b{font-weight:800}
[data-cara=bloco] .faq dt{font-weight:900;font-size:18px}
[data-cara=bloco] .faq dd{font-weight:500}
[data-cara=bloco] .fecho .ent{font-size:15px;font-weight:500}
[data-cara=bloco] .rodape{border-top:4px solid var(--ink);font-weight:500}
[data-cara=bloco] .vered li{background:var(--paper);border:3px solid var(--ink);font-weight:500}
[data-cara=bloco] .vered b{font-family:var(--mono);font-weight:600;background:var(--ink);color:var(--y);padding:2px 8px;font-size:14px}
[data-cara=bloco] .vered li.d b{background:var(--y);color:var(--ink);border:2px solid var(--ink);padding:0 6px}
[data-cara=bloco] .vered li.x b{background:var(--paper);color:var(--ink);border:2px solid var(--ink);padding:0 6px}
[data-cara=bloco] .intro{margin-top:10px;font-weight:600}
[data-cara=bloco] .trib p{font-weight:800;font-size:17px}
[data-cara=bloco] .trib p.obs{font-weight:500;font-size:15px}
[data-cara=bloco] .link-int{font-weight:800}
@media (min-width:900px){
  [data-cara=bloco] .logo{font-size:34px}
  [data-cara=bloco] .hero h1{font-size:64px;line-height:.96}
  [data-cara=bloco] .linha{font-size:20px;margin-top:20px}
  [data-cara=bloco] .oferta{background:var(--paper);border:4px solid var(--ink)}
  [data-cara=bloco] .preco strong{font-size:76px}
  [data-cara=bloco] h2{font-size:42px}
  [data-cara=bloco] .itens{grid-template-columns:1fr 1fr;column-gap:32px;border-top:0}
  [data-cara=bloco] .item{border-top:3px solid var(--ink);border-bottom:0}
}

/* wordmark: cada cara mostra o seu */
[data-cara=terminal] .b-only{display:none!important}
[data-cara=bloco] .t-only{display:none!important}

/* páginas legais */
.legal{max-width:760px;padding-top:28px;padding-bottom:40px}
.legal .volta{display:inline-block;text-decoration:none}
.legal article{margin-top:28px}
.legal h1{font-size:34px;line-height:1.05;font-weight:900;letter-spacing:-.02em}
.legal h2{font-size:19px;line-height:1.25;margin-top:28px;letter-spacing:-.01em}
.legal p{margin-top:10px;font-size:16px;line-height:1.6}
.legal .miuda{font-size:14px}
.legal a{text-decoration:underline}
.legal-rod p+p{margin-top:8px}
[data-cara=terminal] .legal p,[data-cara=terminal] .legal li{color:var(--fg2)}
[data-cara=terminal] .legal h2{font-weight:800;color:var(--fg)}
[data-cara=bloco] .legal h2{font-weight:900}

/* ---------- ilustrações (01/11 14h): a tela do Claude fica como é; a moldura segue a cara ---------- */
figure{margin:0}
.tela img{display:block;width:100%;height:auto}
.tela{overflow:hidden}
.heroi-fig{margin-top:24px}
.mini-fig{margin-bottom:14px}
.est-fig{margin-top:12px}
.vered li{display:block}
.um13{margin:0 0 18px}
.um13 svg{display:block;width:100%;height:auto;max-width:520px}
.mapa{margin-top:24px}
.mapa svg{display:block;width:100%;height:auto;max-width:560px}
.mapa .rot text,.mapa text{font:700 13px/1 var(--sans);paint-order:stroke;stroke-width:3px;stroke-linejoin:round}
.leg{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px;font-size:13px}
.leg span{display:inline-flex;align-items:center;gap:6px}
.leg .k{display:inline-block;width:14px;height:14px}
@media (min-width:900px){
  .heroi-fig{grid-column:1/-1;max-width:720px;margin-top:40px}
  .mapa{margin-top:0}
}
/* terminal */
[data-cara=terminal] .tela{border:1px solid var(--line);border-radius:14px;box-shadow:0 0 0 1px rgba(52,242,125,.0),0 18px 40px rgba(0,0,0,.45)}
[data-cara=terminal] .heroi-fig{border-color:#3a3a3a}
[data-cara=terminal] .mini-fig{border-radius:8px;box-shadow:none}
[data-cara=terminal] .est-fig{border-radius:8px;box-shadow:none}
[data-cara=terminal] .um13 .pg{fill:none;stroke:var(--fg2);stroke-width:2}
[data-cara=terminal] .um13 .pg.on{fill:var(--g);stroke:var(--g)}
[data-cara=terminal] .um13 .ln{fill:#0A0A0A}
[data-cara=terminal] .um13 .big{font:900 44px var(--sans);fill:var(--fg)}
[data-cara=terminal] .um13 .u-1 .big{fill:var(--g)}
[data-cara=terminal] .um13 .sm{font:400 14px var(--mono);fill:var(--fg2)}
[data-cara=terminal] .um13 .vs{font:700 30px var(--sans);fill:var(--fg2)}
[data-cara=terminal] .mapa .uf{stroke:#0A0A0A;stroke-width:1.2}
[data-cara=terminal] .mapa .uf.base,[data-cara=terminal] .leg .k.base{fill:#262626;background:#262626}
[data-cara=terminal] .mapa .uf.tj,[data-cara=terminal] .leg .k.tj{fill:var(--g);background:var(--g)}
[data-cara=terminal] .mapa .uf.trf,[data-cara=terminal] .leg .k.trf{fill:#1d7a48;background:#1d7a48}
[data-cara=terminal] .mapa text{fill:var(--fg);stroke:#0A0A0A}
[data-cara=terminal] .mapa line{stroke:var(--fg2)}
[data-cara=terminal] .leg{color:var(--fg2);font-family:var(--mono)}
/* bloco */
[data-cara=bloco] .tela{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
[data-cara=bloco] .mini-fig,[data-cara=bloco] .est-fig{box-shadow:none}
[data-cara=bloco] .vered li{background:var(--paper)}
[data-cara=bloco] .um13 .pg{fill:var(--paper);stroke:var(--ink);stroke-width:3}
[data-cara=bloco] .um13 .pg.on{fill:var(--ink)}
[data-cara=bloco] .um13 .ln{fill:var(--y)}
[data-cara=bloco] .um13 .big{font:900 52px var(--sans);font-stretch:62%;fill:var(--ink)}
[data-cara=bloco] .um13 .sm{font:600 14px var(--mono);fill:var(--ink)}
[data-cara=bloco] .um13 .vs{font:900 30px var(--sans);fill:var(--ink)}
[data-cara=bloco] .mapa .uf{stroke:var(--ink);stroke-width:1.4}
[data-cara=bloco] .mapa .uf.base,[data-cara=bloco] .leg .k.base{fill:var(--paper);background:var(--paper)}
[data-cara=bloco] .mapa .uf.tj,[data-cara=bloco] .leg .k.tj{fill:var(--ink);background:var(--ink)}
[data-cara=bloco] .mapa .uf.trf,[data-cara=bloco] .leg .k.trf{fill:#8a7400;background:#8a7400}
[data-cara=bloco] .mapa text{fill:var(--ink);stroke:var(--y)}
[data-cara=bloco] .mapa .uf.tj + text{fill:var(--y)}
[data-cara=bloco] .mapa line{stroke:var(--ink)}
[data-cara=bloco] .leg{font-weight:700}
[data-cara=bloco] .leg .k{border:2px solid var(--ink)}