:root{--fundo:#1e1e2e;--sup:#181825;--escuro:#11111b;--escuro-2:#35291e;--tinta:#cdd6f4;--claro:#bac2de;--suave:#a6adc8;--apagado:#9399b2;--linha:#313244;--borda-forte:#585b70;--acento:#89b4fa;--acento-t:#11111b;--destaque:#fab387;--destaque-2:#f9e2af;--amarelo:#f9e2af;--ok:#a6e3a1;--erro:#f38ba8;--sombra:0 24px 60px -30px rgba(0,0,0,.9);--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace}
/* paleta Catppuccin Mocha (https://catppuccin.com/palette): base, mantle, crust, capa escura quente (surface0 puxado para o
   âmbar), text, subtext1, subtext0, overlay2, surface0, surface2, blue, crust, peach, yellow, green, red.
   Linguagem visual: terminal (26/9/2026, Anderson: "capuccino estilo terminal", depois "criar algo completamente novo"). Tudo em
   fonte monoespaçada; blocos principais são janelas de terminal (.janela: barra com os três botões e o nome em data-titulo);
   prompt "$" nos rótulos, "##" nos títulos de seção, cursor piscando no título do topo, botões retos. Cores de destaque: âmbar
   (peach) na onda, nos destaques dos títulos, no cursor, nas aspas e nos botões; azul (blue) em links e detalhes. Os tons de rosa
   saíram (26/9/2026: "meu público é majoritariamente masculino"). Animações param com "reduzir movimento". */
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;color-scheme:dark}
body{margin:0;background:var(--fundo);color:var(--tinta);font:15.5px/1.65 var(--mono)}
::selection{background:var(--destaque);color:var(--acento-t)}
a{color:inherit}img{max-width:100%}
.env{max-width:70rem;margin:0 auto;padding-left:1.25rem;padding-right:1.25rem}
h1,h2{text-wrap:balance}
/* janela de terminal */
.janela{position:relative;background:var(--escuro);border:1px solid var(--linha);border-radius:12px;padding-top:2.3rem;box-shadow:var(--sombra)}
.janela::before{content:"";position:absolute;top:0;left:0;right:0;height:2.3rem;border-bottom:1px solid var(--linha);border-radius:11px 11px 0 0;background:radial-gradient(circle at 1.1rem 50%,var(--erro) .3rem,transparent .34rem),radial-gradient(circle at 2rem 50%,var(--amarelo) .3rem,transparent .34rem),radial-gradient(circle at 2.9rem 50%,var(--ok) .3rem,transparent .34rem),var(--sup)}
.janela::after{content:attr(data-titulo);position:absolute;top:0;left:4rem;right:4rem;height:2.3rem;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--apagado);white-space:nowrap;overflow:hidden}
/* cursor piscando no título do topo */
.inicio h1::after,.hero h1::after,.voz-topo h1::after{content:"";display:inline-block;width:max(3px,.07em);height:.85em;margin-left:.1em;vertical-align:-.06em;background:var(--destaque);animation:pisca 1.1s steps(1) infinite}
@keyframes pisca{50%{opacity:0}}
.inicio h1 em,.hero h1 em,.texto-sobre h1 em{font-style:normal;color:var(--destaque)}
.rascunho{background:var(--amarelo);color:var(--acento-t);font-size:13.5px;padding:.4rem 1rem;text-align:center;letter-spacing:.02em}
header.topo{position:sticky;top:0;z-index:20;background:var(--escuro);border-bottom:1px solid var(--linha)}
header.topo .env{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:3.4rem}
.marca{font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap}.marca::before{content:"~/ ";color:var(--ok);font-weight:400}.marca span{font-style:normal;color:var(--destaque)}
header nav{display:flex;gap:1rem;font-size:14px}header nav a{text-decoration:none;color:var(--suave);white-space:nowrap}header nav a:hover{color:var(--destaque)}
header nav a::before{content:"[";color:var(--borda-forte)}header nav a::after{content:"]";color:var(--borda-forte)}
@media(max-width:34rem){header nav .nav-extra{display:none}}@media(max-width:26rem){.marca{font-size:1rem}header nav{gap:.9rem;font-size:14px}}
@media(max-width:40rem){header.topo .env{flex-wrap:wrap;height:auto;padding-top:.6rem;padding-bottom:.6rem;row-gap:.35rem}header nav{flex-wrap:wrap;row-gap:.2rem}}
/* onda animada do cabeçalho: corre de "Letras do Anderson" até o menu, ocupando o espaço entre os dois (decorativa) */
.onda{flex:1;min-width:0;height:12px;display:flex;align-items:center;color:var(--destaque)}
.onda::before{content:"";flex:1;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M0 6c4-5 8-5 12 0s8 5 12 0' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") left center/24px 12px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M0 6c4-5 8-5 12 0s8 5 12 0' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") left center/24px 12px repeat-x}
.onda::before{animation:onda 1.4s linear infinite}
@keyframes onda{from{-webkit-mask-position:0 center;mask-position:0 center}to{-webkit-mask-position:24px center;mask-position:24px center}}
@media (prefers-reduced-motion:reduce){.onda::before{animation:none}}
@media(max-width:40rem){.onda{display:none}}
/* hero */
.hero{display:grid;gap:2.4rem;padding-top:3.4rem;padding-bottom:3rem;align-items:center}
@media(min-width:56rem){.hero{grid-template-columns:1.2fr .8fr;padding-top:5rem;padding-bottom:4rem}}
.olho{font:600 13px var(--mono);text-transform:lowercase;color:var(--suave);margin:0 0 1rem}.olho::before{content:"$ ";color:var(--ok)}
.hero h1{font-weight:800;font-size:clamp(2.3rem,6vw,4.4rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 1.3rem}
.hero p.sub{font-size:1.05rem;color:var(--suave);max-width:36rem;margin:0 0 1.8rem}
.acoes{display:flex;gap:.7rem;flex-wrap:wrap}
.confianca{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;list-style:none;padding:0;margin:1.6rem 0 0;font-size:14px;color:var(--suave)}
.confianca li{display:flex;align-items:center;gap:.4rem}.confianca svg{color:var(--ok)}
.confianca a{display:flex;align-items:center;gap:.4rem;color:var(--tinta);text-decoration:underline;text-decoration-color:var(--ok);text-underline-offset:4px}.confianca a:hover{color:var(--ok)}
.poster{margin:0;padding:3.6rem 1.6rem 1.6rem;color:var(--tinta)}
.poster .v{font:400 clamp(1.15rem,2.4vw,1.45rem)/1.55 var(--mono);margin:0 0 1.3rem}
.poster .v::before{content:"“";display:block;font-size:2.4rem;line-height:.8;color:var(--destaque)}
.poster .ass{font-size:12.5px;color:var(--suave)}.poster .ass::before{content:"— "}
/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:700 15px var(--mono);padding:.8rem 1.3rem;border-radius:6px;background:var(--destaque);color:var(--acento-t);text-decoration:none;border:1px solid var(--destaque);cursor:pointer;min-height:48px;transition:background .15s,border-color .15s,color .15s}
.btn:hover{background:var(--acento);border-color:var(--acento)}
.btn.sec{background:transparent;color:var(--destaque)}.btn.sec:hover{background:var(--destaque);color:var(--acento-t)}
.btn[aria-disabled=true]{background:var(--linha);border-color:var(--linha);color:var(--suave);cursor:not-allowed}
h2.secao{font-weight:800;font-size:clamp(1.6rem,3.8vw,2.4rem);line-height:1.15;letter-spacing:-.035em;margin:0 0 1.4rem}h2.secao::before{content:"## ";color:var(--destaque);font-weight:400}
section.bloco{padding-top:3.2rem;padding-bottom:1rem}
/* catálogo */
.grade{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr))}
/* cartões do mesmo tamanho: cada cartão ocupa duas linhas da grade (capa e corpo) e herda a altura delas (subgrid); no corpo,
   preço e botão descem para o fim, alinhados entre os cartões */
.card{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0;background:var(--sup);overflow:hidden;transition:border-color .15s}
.card>a{display:flex}.card>a>.capa{flex:1}
.card:hover{border-color:var(--destaque)}
.capa{aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:space-between;padding:1.4rem 1.5rem;background:var(--escuro);color:var(--tinta);position:relative;text-decoration:none}
.capa .verso-capa{font:1.05rem/1.5 var(--mono);color:var(--claro);max-width:26ch}
.capa .t{font:800 clamp(1.6rem,4.4vw,2.2rem)/1.1 var(--mono);letter-spacing:-.035em}
.capa .tag{position:absolute;top:1.1rem;right:1.2rem;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--destaque-2);border:1px solid var(--destaque-2);padding:.2rem .5rem;border-radius:2px}
.card:nth-child(2n) .capa{background:var(--escuro-2)}
.card .capa{aspect-ratio:auto;min-height:10.5rem;gap:1rem;padding:1rem 1.1rem}
.card .capa .verso-capa{font-size:1rem;max-width:26ch}.card .capa:has(.tag) .verso-capa{padding-right:4.5rem}.card .capa .t{font-size:clamp(1.45rem,3.2vw,1.75rem)}
.card .capa .tag{top:.9rem;right:.9rem;font-size:10px}
.card .corpo{padding:.8rem 1.1rem 1rem;display:flex;flex-direction:column;gap:.6rem}.card .linha-preco{margin-top:auto}
.card .preco-de strong{font-size:1.35rem}.card .btn{min-height:42px;padding:.6rem 1rem;font-size:14.5px}
.linha-preco{display:flex;align-items:flex-end;justify-content:space-between;gap:.8rem;flex-wrap:wrap}
.preco-de{font-size:13px;color:var(--suave);letter-spacing:.04em}.preco-de strong{display:block;font:400 1.7rem/1.1 var(--mono);color:var(--tinta)}
.ouvir{display:inline-flex;align-items:center;gap:.45rem;font:600 13.5px var(--mono);background:transparent;border:1px solid var(--borda-forte);color:var(--tinta);border-radius:6px;padding:.45rem .95rem;cursor:pointer;min-height:40px}.ouvir:hover{border-color:var(--destaque);color:var(--destaque)}
.ouvir[aria-pressed=true]{background:var(--tinta);color:var(--fundo)}
.credito-card{font-size:13.5px;color:var(--suave);margin:0}.topo-prod .credito-card{margin:0 0 1rem}
/* faixa escura: comentários */
.faixa-escura{background:var(--escuro);color:var(--tinta);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);margin-top:4rem;padding:3.6rem 0 2.8rem}
.faixa-escura h2.secao{color:var(--tinta)}
.depo .palco-cmt{min-height:13rem;display:grid;place-items:center;padding:1rem 0}
.cmt{margin:0;text-align:center;max-width:46rem}.cmt[hidden]{display:none}
.cmt blockquote{margin:0;font:400 clamp(1.2rem,3.2vw,1.85rem)/1.5 var(--mono);letter-spacing:-.02em}
.cmt blockquote::before{content:"“";display:block;font-size:4rem;line-height:.7;color:var(--destaque)}
.cmt figcaption{margin-top:1rem;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--suave)}.cmt figcaption a{color:var(--destaque);text-underline-offset:3px}
.cmt.entra{animation:cmt-entra .7s ease-out}
@keyframes cmt-entra{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.ctrl-cmt{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin:.8rem 0 1.2rem}
.pontos{display:flex;gap:.1rem;flex-wrap:wrap;justify-content:center}.ponto{width:1.6rem;height:1.6rem;border:0;padding:0;margin:0;cursor:pointer;background:radial-gradient(circle,var(--borda-forte) 0 .28rem,transparent .3rem)}
.ponto[aria-current=true]{background:radial-gradient(circle,var(--destaque) 0 .34rem,transparent .36rem)}
.pausa{font:600 12.5px var(--mono);text-transform:lowercase;border:1px solid var(--borda-forte);border-radius:6px;padding:.35rem .9rem;background:transparent;color:var(--claro);cursor:pointer}
.nota-cmt{font-size:12.5px;color:var(--apagado);max-width:46rem;margin:0 auto;text-align:center}
@media (prefers-reduced-motion:reduce){.cmt.entra{animation:none}.inicio h1::after,.hero h1::after,.voz-topo h1::after{animation:none}}
/* página de entrada: comentários que surgem como pop-ups desde o início (cada vez mais rápido, depois calmos; botão Pausar;
   "reduzir movimento" mostra a lista parada), centralizados; a navegação (loja, A Voz do Universo, canais, Sobre) fica no cabeçalho */
.inicio{max-width:62rem;padding-top:4.5rem;padding-bottom:1rem;text-align:center}
.inicio h1{font-weight:800;font-size:clamp(2.6rem,9vw,6.2rem);line-height:1;letter-spacing:-.06em;margin:0 0 1.2rem}
.inicio .sub{font-size:1.1rem;color:var(--suave);max-width:36rem;margin:0 auto}.inicio .ir-loja{margin:1.8rem 0 0}
.palco-pop{min-height:24rem;margin-top:1.6rem;overflow:hidden;text-align:left}
.palco-pop .rotulo{position:absolute;left:1rem;bottom:.8rem;margin:0;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--suave)}
.pop{margin:0;padding:.85rem 1rem;border:1px solid var(--linha);border-radius:8px;background:var(--sup);color:var(--tinta);box-shadow:var(--sombra)}
.palco-pop>.pop{position:absolute;width:min(18rem,82%);animation:pop-entra .4s cubic-bezier(.2,1.4,.4,1) both}
.palco-pop>.pop.sai{animation:pop-sai .45s ease-in forwards}
@keyframes pop-entra{from{opacity:0;transform:scale(.6) translateY(10px)}to{opacity:1;transform:none}}
@keyframes pop-sai{to{opacity:0;transform:scale(.92) translateY(-8px)}}
.pop blockquote{margin:0;font:400 .95rem/1.5 var(--mono)}.pop blockquote::before{content:"“";color:var(--destaque)}
.pop figcaption{margin-top:.45rem;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--suave)}.pop figcaption a{color:var(--acento);text-underline-offset:3px}
.lista-pop{list-style:none;margin:0;padding:1rem 1rem 2.6rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.palco-pop.animado .lista-pop{display:none}
.ctrl-pop{position:absolute;right:.7rem;bottom:.6rem;z-index:20}.ctrl-pop[hidden]{display:none}.palco-pop .pausa{color:var(--tinta);border-color:var(--linha);background:var(--fundo)}
.palco-sec{max-width:62rem;padding-top:2.6rem}.palco-sec .nota-cmt{margin:.8rem auto 0;font-size:12px;color:var(--suave)}
@media (prefers-reduced-motion:reduce){.palco-pop>.pop,.palco-pop>.pop.sai{animation:none}}
/* Sobre: conversa com o ChatGPT abaixo da foto; o loja.js a digita quando entra na tela (sem JavaScript, fica inteira) */
.col-foto{display:grid;gap:1.8rem;align-content:start}
.conversa{margin:0;padding:3.4rem 1.1rem 1.1rem;font-size:14.5px}
.cv-cab{margin:0 0 1rem;font:600 11.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--suave)}
.cv-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}
.cv-msg{position:relative;max-width:85%;padding:.5rem .85rem .35rem;border-radius:10px;line-height:1.5;transition:opacity .5s}
.cv-msg.de-anderson{align-self:flex-end;background:var(--escuro-2);border-bottom-right-radius:4px}
.cv-msg.de-gpt{align-self:flex-start;background:var(--sup);border:1px solid var(--linha);border-bottom-left-radius:4px}
.cv-hora{display:block;margin-top:.15rem;text-align:right;font:11px var(--mono);color:var(--apagado)}
.cv-barra{padding:.3rem 0 .1rem;transition:opacity .5s}.cv-trilho{display:block;height:2px;background:var(--linha);overflow:hidden}
.cv-enche{display:block;height:100%;background:var(--destaque);transform-origin:left}
.cv-tempos{display:flex;justify-content:space-between;margin-top:.35rem;font:12px var(--mono);color:var(--suave);font-variant-numeric:tabular-nums}
.conversa figcaption{margin-top:1.1rem;font-size:12px;color:var(--apagado)}.cv-rever{margin-top:.8rem}.cv-rever[hidden]{display:none}
.conversa .oculto{visibility:hidden;opacity:0}.cv-texto .ch{visibility:hidden}.cv-texto .ch.vis{visibility:visible}
.cv-msg.digitando::after{content:"";position:absolute;left:.85rem;top:.95rem;width:.45rem;height:.45rem;border-radius:50%;background:var(--destaque);animation:pulso .9s ease-in-out infinite}
@keyframes pulso{50%{opacity:.2}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* terceiros (Mercado Pago, FreeTSA, OpenTimestamps), em texto */
.terceiros{margin:0}.terc-lista{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
.terc{display:flex;flex-direction:column;gap:.15rem;border-top:2px solid var(--tinta);padding:.7rem 0 .2rem;text-decoration:none;font-size:13.5px}
.terc strong{font-size:14.5px;letter-spacing:.02em}.terc span{color:var(--suave)}.terc img{height:26px;width:auto;align-self:flex-start;margin-bottom:.25rem}
/* como funciona e FAQ */
.faq details{border-bottom:1px solid var(--linha);padding:1rem 0}
.faq summary{cursor:pointer;font:400 1.15rem var(--mono);list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::after{content:"+";color:var(--acento);font-size:1.4rem;line-height:1}.faq details[open] summary::after{content:"–"}
.faq details p{margin:.6rem 0 .2rem;color:var(--suave)}
.garantias{padding:3.3rem 1.3rem 1.3rem}
.juridico{padding:3.3rem 1.3rem 1.2rem;margin-bottom:1rem;font-size:14.5px}.juridico .cmd{margin:0 0 1rem;color:var(--suave)}.juridico .cmd::before{content:"$ ";color:var(--ok)}
.juridico ul{list-style:none;margin:0;padding:0;display:grid;gap:.75rem 2.4rem}@media(min-width:56rem){.juridico ul{grid-template-columns:1fr 1fr}}
.juridico li{display:grid;grid-template-columns:1.2rem 1fr;gap:.1rem .6rem}.juridico li svg{color:var(--ok);margin-top:.3rem}.juridico li small{grid-column:2;font-size:12.5px;color:var(--apagado)}.faq-janela{padding:2.8rem 1.3rem .6rem}.faq-janela details:last-child{border-bottom:0}
/* página da letra */
.produto{display:grid;gap:1.6rem;padding-top:2rem;padding-bottom:2rem;grid-template-columns:minmax(0,1fr)}
.produto>*{min-width:0}
@media(min-width:60rem){.produto{grid-template-columns:minmax(0,1fr) 23rem;grid-template-areas:"topo painel" "resto painel";align-items:start;column-gap:3rem}
.produto .topo-prod{grid-area:topo}.produto .resto{grid-area:resto}.produto .painel{grid-area:painel;position:sticky;top:5rem}}
.produto .capa{aspect-ratio:auto;min-height:13rem;border-radius:12px}
.produto h1{font-weight:800;font-size:clamp(2.2rem,6vw,3.2rem);line-height:1.05;letter-spacing:-.045em;margin:1.4rem 0 .4rem}
.ficha{margin:0 0 1.4rem;border-top:1px solid var(--linha)}
.ficha div{display:grid;grid-template-columns:7.5rem 1fr;gap:.8rem;padding:.6rem 0;border-bottom:1px solid var(--linha);font-size:14.5px}
.ficha dt{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--suave);padding-top:.15rem}
.ficha dd{margin:0}.ficha dd a{color:var(--suave);font-size:13px;margin-left:.3rem}
@media(max-width:26rem){.ficha div{grid-template-columns:1fr;gap:.1rem}}
.player{border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);padding:1rem 0;margin:1rem 0}
.player audio{width:100%;display:block}.player p{font-size:13.5px;color:var(--suave);margin:.6rem 0 0}
.painel{background:var(--sup);border:1px solid var(--linha);border-radius:12px;padding:1.4rem;box-shadow:var(--sombra)}
.painel h2{font-weight:400;font-size:1.4rem;margin:0 0 1rem}
.opc{display:block;border:1px solid var(--linha);border-radius:3px;padding:.85rem .95rem;margin:.55rem 0;cursor:pointer;background:var(--fundo)}
.opc:has(input:checked){border-color:var(--tinta);box-shadow:inset 0 0 0 1px var(--tinta);background:var(--sup)}
.opc input{accent-color:var(--acento);margin-right:.55rem}.opc.unica{cursor:default;border-color:var(--tinta);background:var(--sup)}.opc.unica small{margin-left:0}.opc .p{float:right;font:400 1.2rem var(--mono)}.opc small{display:block;color:var(--suave);margin:.35rem 0 0 1.65rem;font-size:13.5px}
.painel .btn{width:100%;margin:.9rem 0 .6rem}
.inclui{list-style:none;padding:0;margin:.9rem 0 0;font-size:14px}.inclui li{display:flex;gap:.5rem;margin:.4rem 0}.inclui svg{color:var(--ok);flex:none;margin-top:.2rem}
.painel .terceiros{margin-top:1.2rem}.painel .terc-lista{grid-template-columns:1fr 1fr}.painel .terc{font-size:12.5px}
.miudo{font-size:13px;color:var(--suave)}
.letra{font:1.2rem/1.7 var(--mono);margin:.5rem 0}.letra p{margin:0}.estrofe{margin:0 0 1.2rem}
.misto{text-decoration:underline;text-decoration-color:var(--acento);text-underline-offset:4px}
details.prova{border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);padding:1rem 0;margin:1.8rem 0}
details.prova summary{cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.5rem}details.prova summary svg{color:var(--ok)}
details.prova h3{font-weight:400;font-size:1.2rem;margin:1.2rem 0 .5rem}
.verso{margin:.15rem 0;font-family:var(--mono)}.origem{display:block;font:12.5px/1.4 var(--mono);color:var(--suave);margin:0 0 .5rem 1rem}
table{border-collapse:collapse;width:100%;font-size:14px}td,th{border-bottom:1px solid var(--linha);padding:.55rem .3rem;text-align:left;vertical-align:top}
.esgotada{font-weight:600;color:var(--suave)}
.barra{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--sup);border-top:1px solid var(--linha);padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 -6px 20px rgba(0,0,0,.06)}
.barra strong{font:400 1.35rem var(--mono)}@media(min-width:60rem){.barra{display:none}}
body.com-barra{padding-bottom:5rem}@media(min-width:60rem){body.com-barra{padding-bottom:0}}
button:not(.btn):not(.ouvir):not(.ponto):not(.pausa){font:14.5px var(--mono);margin:.6rem 0 .3rem;padding:.45rem .9rem;border:1px solid var(--tinta);background:transparent;color:var(--tinta);border-radius:2px;cursor:pointer}
.resultado{display:block;font-size:14px;word-break:break-all}.resultado.ok{color:var(--ok)}.resultado.falha{color:var(--erro);font-weight:700}
pre{font:13px/1.45 ui-monospace,Menlo,monospace;background:var(--sup);border:1px solid var(--linha);border-radius:3px;padding:.8rem;white-space:pre-wrap;word-break:break-all}
code,.mono{font:13px ui-monospace,Menlo,monospace;word-break:break-all}
.sobre{display:grid;gap:2rem;padding-top:2.6rem;padding-bottom:1rem;align-items:start}
@media(min-width:56rem){.sobre{grid-template-columns:1fr 1fr;gap:3.5rem;padding-top:4rem}}
.foto-sobre{margin:0;overflow:hidden}.foto-sobre img{display:block;width:100%;height:auto;filter:grayscale(.15) contrast(1.05)}
.foto-sobre figcaption{font-size:12.5px;color:var(--suave);padding:.7rem 1rem}.foto-sobre figcaption::before{content:"# ";color:var(--destaque)}
.texto-sobre h1{font-weight:800;font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.02;letter-spacing:-.05em;margin:0 0 1.4rem}
.texto-sobre p{font-size:1rem;margin:0 0 1rem}.texto-sobre .btn{margin-top:.6rem}
.texto-sobre h2{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;margin:2.2rem 0 .8rem}.texto-sobre h2::before{content:"## ";color:var(--destaque);font-weight:400}
main.texto{max-width:46rem;margin:0 auto;padding:2rem 1.25rem 2rem}main.texto h1{font-weight:800;font-size:2.4rem;line-height:1.1;letter-spacing:-.04em}
main.texto details{background:var(--sup);border:1px solid var(--linha);border-radius:3px;padding:.7rem 1rem;margin:.7rem 0}
.contrato{font-size:15px}.contrato h2{font-size:1.1rem;text-align:center}.contrato h3{font-size:1rem;margin:1.2rem 0 .3rem}.contrato .verso{margin:0;font-style:italic}
footer.rodape{border-top:1px solid var(--linha);margin-top:4rem;padding:2rem 0 2.6rem;font-size:13px;color:var(--suave)}
footer.rodape .env{display:grid;gap:1rem}@media(min-width:44rem){footer.rodape .env{grid-template-columns:2fr 1fr}}
footer.rodape nav{display:flex;flex-direction:column;gap:.45rem}
footer.rodape .copy{grid-column:1/-1;margin:.6rem 0 0;padding-top:1rem;border-top:1px solid var(--linha);font-size:12.5px;color:var(--apagado)}
:focus-visible{outline:2px solid var(--acento);outline-offset:3px}
/* o que a licença permite (página da letra) */
.pode{margin:2.2rem 0 1rem}.pode-col{display:grid;gap:1.2rem 2rem}@media(min-width:44rem){.pode-col{grid-template-columns:1fr 1fr}}
.pode h3{font-weight:400;font-size:1.2rem;margin:0 0 .5rem;display:flex;align-items:center;gap:.45rem}.pode h3 svg{color:var(--ok)}.pode .x{color:var(--acento);font-size:1.5rem;line-height:1}
.pode ul{margin:0;padding-left:1.1rem;font-size:15px}.pode li{margin:.35rem 0}.termos-curtos{margin-top:1.4rem}.termos-curtos div{grid-template-columns:6.5rem 1fr}
main.texto .cl{color:var(--suave);font-size:13.5px;white-space:nowrap}main.texto h3{font-weight:400;font-size:1.15rem;margin:1.2rem 0 .3rem}
/* página de compra */
.compra{display:grid;gap:2rem;padding-top:2.2rem;padding-bottom:2rem;grid-template-columns:minmax(0,1fr)}
@media(min-width:60rem){.compra{grid-template-columns:minmax(0,1fr) 21rem;column-gap:3rem;align-items:start}.resumo-compra{position:sticky;top:5rem}}
.compra h1{font-weight:800;letter-spacing:-.04em;font-size:clamp(2rem,5vw,2.8rem);line-height:1.05;margin:0 0 1.4rem}.compra h2.secao{font-size:1.5rem;margin:2.2rem 0 .4rem}
.form-lic label{display:block;font-weight:600;font-size:15px;margin:1.1rem 0 .35rem}
.form-lic input[type=text],.form-lic input[type=email]{width:100%;font:16px var(--mono);padding:.75rem .8rem;border:1px solid var(--borda-forte);border-radius:3px;background:var(--sup);color:var(--tinta);min-height:48px}
.form-lic select{width:100%;font:16px var(--mono);padding:.75rem .6rem;border:1px solid var(--borda-forte);border-radius:3px;background:var(--sup);color:var(--tinta);min-height:48px}
.form-lic fieldset.endereco{border:0;padding:0;margin:1.1rem 0 0;display:grid;gap:0 .8rem;grid-template-columns:repeat(6,minmax(0,1fr))}
.form-lic fieldset.endereco legend{font-weight:600;font-size:15px;padding:0;margin-bottom:.1rem}.form-lic fieldset.endereco label{font-weight:400;font-size:14px;margin:.7rem 0 .3rem}
.endereco .c-rua{grid-column:span 4}.endereco .c-num{grid-column:span 2}.endereco .c-comp,.endereco .c-bairro{grid-column:span 3}
.endereco .c-cidade{grid-column:span 3}.endereco .c-uf{grid-column:span 1}.endereco .c-cep{grid-column:span 2}
@media(max-width:34rem){.endereco .c-rua,.endereco .c-comp,.endereco .c-bairro,.endereco .c-cidade{grid-column:1/-1}.endereco .c-num{grid-column:span 2}.endereco .c-uf{grid-column:span 2}.endereco .c-cep{grid-column:span 4}}
.form-lic input:focus,.form-lic select:focus{border-color:var(--tinta)}.form-lic small{display:block;color:var(--suave);font-size:13.5px;margin-top:.3rem}
.form-lic .isca{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contrato-caixa{max-height:26rem;overflow:auto;background:var(--sup);border:1px solid var(--linha);border-radius:3px;padding:.4rem 1.1rem;margin:.8rem 0}
.form-lic .aceite{display:flex;gap:.6rem;align-items:flex-start;font-weight:600;margin:1rem 0}.aceite input{width:1.25rem;height:1.25rem;accent-color:var(--acento);margin-top:.15rem;flex:none}
.form-lic .btn{width:100%;margin-top:.6rem;font-size:16px}@media(min-width:44rem){.form-lic .btn{width:auto}}
.aviso-caixa{border-left:3px solid var(--acento);padding:.2rem 0 .2rem 1rem;margin:1.4rem 0}.aviso-caixa.lgpd{font-size:14.5px;margin:.8rem 0 .4rem}
/* A Voz do Universo (entrada/voz), refeita no terminal (26/9/2026): topo com o texto e, ao lado, o print do canal no YouTube (pedido de Anderson), a árvore "uma canção, muitas
   vozes", os números do canal como saída de comando, as etapas como script e a inscrição com o formulário dentro de uma janela */
.voz-topo{display:grid;gap:2.4rem;padding-top:3.4rem;padding-bottom:2rem;align-items:center}
@media(min-width:56rem){.voz-topo{grid-template-columns:minmax(0,32rem) 1fr;padding-top:5rem;padding-bottom:3rem}}
.voz-canal{margin:0;overflow:hidden}.voz-canal img{display:block;width:100%;height:auto}.voz-canal figcaption{padding:.75rem 1rem;font-size:12.5px;color:var(--suave)}.voz-canal figcaption a{color:var(--destaque)}
.voz-topo h1{font-weight:800;font-size:clamp(2.6rem,7.4vw,5rem);line-height:1;letter-spacing:-.055em;margin:0 0 1.3rem}
.voz-topo h1 em{font-style:normal;color:var(--destaque)}.voz-topo .sub{font-size:1.05rem;color:var(--suave);max-width:36rem;margin:0 0 1.8rem}
.duas{display:grid;gap:2rem}@media(min-width:56rem){.duas{grid-template-columns:1fr 1fr;gap:3rem;align-items:start}}
.duas p,.voz-texto{color:var(--suave);max-width:40rem}
.arvore{margin:0;padding:3.3rem 1.3rem 1.3rem;overflow-x:auto}.arvore pre{margin:0;padding:0;background:none;border:0;white-space:pre;word-break:normal;font:15px/1.9 var(--mono);color:var(--suave)}
@media(max-width:30rem){.arvore pre{font-size:12.5px}}
.arvore b{color:var(--tinta)}.arvore i{font-style:normal;color:var(--destaque)}.arvore .pisca{animation:pisca 1.1s steps(1) infinite}
.trio{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:.9rem}.trio li{padding-left:1.4rem;position:relative;color:var(--suave)}
.trio li::before{content:"→";position:absolute;left:0;color:var(--destaque)}.trio strong{display:block;color:var(--tinta)}
.saida{margin:0;padding:3.3rem 1.3rem 1.2rem;font-size:14.5px}.saida .cmd{margin:0 0 1rem;color:var(--suave)}.saida .cmd::before{content:"$ ";color:var(--ok)}
.saida dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:.5rem 2rem}.saida dt{color:var(--suave)}
.saida dd{margin:0;text-align:right;font-weight:800;font-size:1.25rem;color:var(--destaque);font-variant-numeric:tabular-nums}
.saida .nota{margin:1.1rem 0 0;font-size:12px;color:var(--apagado)}.saida .nota::before{content:"# "}
.etapas{list-style:none;margin:0;padding:3.3rem 1.3rem 1.3rem;display:grid;gap:1.1rem}
.etapas li{display:grid;grid-template-columns:4rem 1fr;gap:.15rem .8rem}.etapas .n{grid-row:span 2;color:var(--destaque);font-weight:800}
.etapas strong{color:var(--tinta)}.etapas span:last-child{color:var(--suave);font-size:14.5px}
.fim{text-align:center;padding-top:4.5rem}.fim h2.secao{font-size:clamp(1.9rem,5vw,3.4rem)}.fim p{color:var(--suave);max-width:34rem;margin:0 auto 1.8rem}
.voz-insc h1{font-weight:800;font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.02;letter-spacing:-.05em;margin:0 0 1.2rem}
.checagem{list-style:none;margin:1.2rem 0 1.6rem;padding:0;display:grid;gap:.5rem;color:var(--suave)}.checagem li::before{content:"[ ] ";color:var(--destaque)}
.form-janela{padding-top:2.3rem;overflow:hidden}.form-embed{display:block;width:100%;height:1500px;border:0;background:#fff}
@media (prefers-reduced-motion:reduce){.arvore .pisca{animation:none}}