@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/anton-latin-ext.ae1a8ac1c2.woff2") format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/anton-latin.23aab0b269.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 800;font-display:swap;src:url("/assets/fonts/archivo-latin-ext.a999e009fd.woff2") format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 800;font-display:swap;src:url("/assets/fonts/archivo-latin.7150c0ec5a.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/jetbrains-mono-latin-ext.9a1b37b154.woff2") format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/jetbrains-mono-latin.615a7673d3.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Brasil 22 Token: o esqueleto da versão de causa social (src/home.html) no estilo que o site sempre teve: fundo verde quase
   preto, creme no texto, amarelo nos acentos, Anton em maiúsculas nos títulos, pílulas e cartões. Uma folha só, sem estilo
   embutido em página nenhuma (a política de conteúdo da página inicial não aceita). A tela /casa soma src/casa.css. */
:root{
  --chao:#07120b;--laje:#0d1f14;--laje-2:#10271a;--creme:#f3efe2;--apoio:#c9c6b8;--fraco:#8f8f80;
  --amarelo:#f2c94c;--amarelo-claro:#ffe08a;--ouro:#c9961c;--verde:#00812f;--verde-brilho:rgba(0,156,59,.4);--vivo:#2fd36b;
  --linha:rgba(242,201,76,.15);--linha-forte:rgba(242,201,76,.4);
  --titulo:'Anton',Impact,'Arial Narrow',sans-serif;--texto:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;--dado:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --margem:clamp(20px,5vw,24px);--respiro:clamp(72px,10vw,120px);--barra:60px;
  /* entrelinha de todo texto em Anton com mais de uma linha: na Anton o acento sobe a 1,10 em e a cedilha desce 0,31 em; abaixo de 1,17
     a cedilha de uma linha encosta nas letras da de baixo. A medida é a largura dos textos e das caixas de dado que andam juntos. */
  --guia:1.18;--medida:37.5rem;
  --mola:cubic-bezier(.2,.8,.2,1);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--barra) + 20px);scrollbar-color:var(--amarelo) var(--chao)}
body{margin:0;background:var(--chao);color:var(--creme);font-family:var(--texto);font-size:1.0625rem;line-height:1.55;font-synthesis:none;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
::selection{background:var(--amarelo);color:var(--chao)}
:focus-visible{outline:2px solid var(--amarelo);outline-offset:3px}
h1,h2,h3,h4,h5,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
img{display:block;max-width:100%;height:auto}
a{color:var(--amarelo);text-decoration:none;transition:color .2s ease}
a:hover{color:var(--amarelo-claro)}
button{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--titulo);font-weight:400;text-transform:uppercase;line-height:var(--guia);letter-spacing:.005em;text-wrap:balance;color:var(--creme)}
h1{font-size:clamp(2.75rem,11.5vw,5rem);line-height:.99} /* o título da abertura não tem acento nem cedilha, em nenhum dos dois idiomas */
h2{font-size:clamp(3rem,7vw,5.5rem)}
h3{font-size:clamp(2rem,4vw,2.75rem)}
h4,h5{font-family:var(--texto);font-weight:800;font-size:1.375rem;line-height:1.2;color:var(--creme)}
code{font-family:var(--dado);font-size:.8125rem;line-height:1.6;font-variant-ligatures:none;overflow-wrap:anywhere;color:var(--creme)}
code>span{display:inline-block}
main p,main li,main dd{text-wrap:pretty}

.largura{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--margem)}
.so-leitor{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pular{position:absolute;left:12px;top:-64px;z-index:30;padding:12px 18px;background:var(--amarelo);color:var(--chao);font-weight:800;border-radius:999px;transition:top .2s var(--mola)}
.pular:focus{top:8px;color:var(--chao)}
main>section{padding-block:var(--respiro) 0}
main>section:last-child{padding-bottom:var(--respiro)}
.lead{font-size:clamp(1.125rem,2.4vw,1.25rem);line-height:1.5;max-width:58ch;color:var(--apoio)}
.nota{font-size:.9375rem;line-height:1.55;color:var(--fraco);max-width:68ch}
.olho{font-size:.875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--amarelo);margin-bottom:12px}

/* selo: diz o que é cada coisa. Fotografia ou modelo; fato da rede ou declaração. A forma muda junto com a cor. */
.selo{display:inline-flex;align-items:center;gap:7px;vertical-align:.1em;padding:5px 11px 5px 9px;border:1px solid var(--linha-forte);border-radius:999px;font-family:var(--texto);font-size:.71875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;white-space:nowrap;color:var(--amarelo)}
.selo::before{content:'';flex:none;width:8px;height:8px;background:currentColor}
.selo[data-tipo="foto"]::before{border-radius:50%}
.selo[data-tipo="3d"]{border-style:dashed}
.selo[data-tipo="3d"]::before{background:none;border:1.5px solid currentColor;transform:rotate(45deg) scale(.82)}
.selo[data-tipo="rede"]{border-color:rgba(47,211,107,.55);color:var(--vivo)}
.selo[data-tipo="dito"]{border-style:dashed;border-color:rgba(243,239,226,.4);color:var(--creme)}
.selo[data-tipo="dito"]::before{background:none;border:1.5px solid currentColor}

/* setas: desenho por máscara, pega a cor do texto */
.seta::after,.fora::after{content:'';display:inline-block;width:.95em;height:.95em;margin-left:.4em;vertical-align:-.12em;background:currentColor;
  -webkit-mask:var(--icone) center/contain no-repeat;mask:var(--icone) center/contain no-repeat;transition:transform .28s var(--mola)}
.seta{--icone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6'/%3E%3C/svg%3E")}
.fora{--icone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7m-8 0h8v8'/%3E%3C/svg%3E")}
.seta:hover::after{transform:translateX(4px)}
.fora:hover::after{transform:translate(2px,-2px)}
/* botões: pílulas, como sempre foram */
.botao{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 26px;border:1.5px solid var(--verde);border-radius:999px;background:var(--verde);color:#fff;font-weight:800;font-size:1.0625rem;line-height:1.2;transition:box-shadow .28s var(--mola),border-color .28s var(--mola),color .28s var(--mola),background-color .28s var(--mola),transform .28s var(--mola)}
.botao:hover{color:#fff;transform:translateY(-3px);box-shadow:0 10px 24px var(--verde-brilho)}
.botao:active{transform:scale(.97)}
.botao--linha{background:none;border-color:var(--creme);color:var(--creme)}
.botao--linha:hover{background:rgba(242,201,76,.08);border-color:var(--amarelo);color:var(--amarelo);box-shadow:none}
/* o botão de compra: branco, com fio preto e a seta num disco preto (o mesmo desenho dos botões de compra do site anterior) */
.botao-compra{display:inline-flex;align-items:center;gap:14px;max-width:100%;min-height:56px;padding:10px 10px 10px 26px;border-radius:999px;background:#fff;color:#000;font-weight:800;font-size:1.125rem;line-height:1.15;text-wrap:balance;box-shadow:inset 0 0 0 2px #000,0 14px 30px rgba(7,18,11,.3);transition:transform .28s var(--mola),box-shadow .28s var(--mola)}
.botao-compra::after{content:'';flex:none;width:36px;height:36px;border-radius:50%;background:#000 var(--disco) center/18px no-repeat;transition:background-position .28s var(--mola);
  --disco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6'/%3E%3C/svg%3E")}
.botao-compra:hover{color:#000;transform:translateY(-3px);box-shadow:inset 0 0 0 2px #000,0 20px 38px rgba(7,18,11,.45)}
.botao-compra:hover::after{background-position:calc(50% + 3px) 50%}
.botao-compra:active{transform:translateY(1px)}
.provas{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:.9375rem;font-weight:800;line-height:1.4}
.provas a,.linhas a,.ficha dd a{padding-block:8px;margin-block:-8px}
.endereco{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border:1px solid var(--linha-forte);border-radius:14px;background:var(--chao);transition:border-color .28s var(--mola),transform .28s var(--mola)}
a.endereco:hover{border-color:var(--amarelo);transform:translateY(-2px)}
.endereco>span:first-child{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fraco)}
.endereco--solto{display:block;padding:0;border:0;background:none}
.endereco--solto>span:first-child{display:block;margin-bottom:4px}
.endereco--solto a{display:block;width:fit-content;margin-top:8px;font-size:.9375rem;font-weight:800}

/* fotografia e modelo: sempre com legenda que diz o que é */
.foto{position:relative}
.foto img{width:100%;border-radius:20px;background:var(--laje);box-shadow:0 0 0 1px var(--linha)}
.foto figcaption{margin-top:12px;font-size:.9375rem;line-height:1.5;color:var(--apoio)}
.foto figcaption .selo{margin-right:6px}

/* ---- barra do topo ---- */
.topo{position:sticky;top:0;z-index:20;background:rgba(7,18,11,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--linha)}
.topo-barra{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--barra);padding-block:9px}
.marca{display:flex;align-items:center;gap:10px;color:var(--creme)}
.marca:hover{color:var(--creme)}
.marca img{flex:none;width:40px;height:40px}
.marca-nome{font-family:var(--titulo);font-size:1.375rem;line-height:1;letter-spacing:.02em}
.marca-nome span{color:var(--amarelo)}
.topo-botao{display:inline-flex;align-items:center;min-height:42px;padding:8px 18px;border:1.5px solid var(--amarelo);border-radius:999px;background:none;color:var(--amarelo);font-weight:800;font-size:.9375rem;line-height:1.2;cursor:pointer}
.topo-botao-fecha,.topo-botao[aria-expanded="true"] .topo-botao-abre{display:none}
.topo-botao[aria-expanded="true"] .topo-botao-fecha{display:inline}
.topo-botao[aria-expanded="true"]{background:var(--amarelo);color:var(--chao)}
.topo-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;padding:6px var(--margem) 28px;background:var(--chao);border-bottom:1px solid var(--linha-forte);max-height:calc(100dvh - var(--barra));overflow-y:auto}
.topo[data-aberto] .topo-nav{display:flex}
.topo-nav>a{display:flex;align-items:center;min-height:58px;border-bottom:1px solid var(--linha);font-family:var(--titulo);font-size:1.75rem;line-height:1;text-transform:uppercase;letter-spacing:.01em;color:var(--creme)}
.topo-nav>a:hover{color:var(--amarelo)}
.topo-nav>a.topo-cta{justify-content:space-between;margin-top:20px;min-height:54px;padding:0 22px;border:0;border-radius:999px;background:var(--amarelo);color:var(--chao);font-family:var(--texto);font-weight:800;font-size:1.0625rem;text-transform:none;letter-spacing:0}
.topo-lang{display:inline-flex;gap:2px;align-self:flex-start;margin-top:20px;padding:3px;border:1px solid rgba(242,201,76,.3);border-radius:999px;background:var(--chao)}
.topo-lang a{display:grid;place-items:center;min-width:46px;min-height:44px;border-radius:999px;font-weight:800;font-size:.8125rem;letter-spacing:.04em;color:var(--apoio)}
.topo-lang a[aria-current="page"]{background:var(--amarelo);color:var(--chao)}

/* ---- 1. abertura ---- */
.hero{position:relative;overflow:hidden;overflow:clip;padding-block:clamp(28px,4vw,40px) 0}
.hero::before{content:'';position:absolute;z-index:0;top:-200px;right:-200px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(0,156,59,.35),transparent 65%);pointer-events:none}
.hero-grade{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"pilulas" "titulo" "foto" "lead" "nota" "compra" "caminhos";gap:clamp(18px,3.4vw,22px)}
.pilulas{grid-area:pilulas;display:flex;flex-wrap:wrap;gap:8px}
.pilula{padding:7px 14px;border:1px solid var(--linha-forte);border-radius:999px;font-size:.8125rem;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;color:var(--amarelo)}
.hero h1{grid-area:titulo}
/* o fim do título em ouro, com o brilho passando (a cor de base é o amarelo: é ela que vale onde o recorte no texto não existe) */
.hero h1 span{color:var(--amarelo)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .hero h1 span{background:linear-gradient(90deg,var(--amarelo) 0%,#fff3c4 25%,var(--amarelo) 50%,var(--ouro) 75%,var(--amarelo) 100%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:brilho 4s linear infinite}
}
@keyframes brilho{to{background-position:-200% 0}}
.hero-foto{grid-area:foto}
.hero-foto img{aspect-ratio:4/3;object-fit:cover;border-radius:24px}
.hero-lead{grid-area:lead;font-size:clamp(1.125rem,2.6vw,1.25rem);line-height:1.5;color:var(--apoio);max-width:34em}
.hero-nota{grid-area:nota;font-size:1rem;line-height:1.55;font-weight:700;color:var(--amarelo);max-width:40em}
.hero-compra{grid-area:compra;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:4px;font-size:.875rem;line-height:1.45;color:var(--apoio)}
.hero-compra span{flex:1 1 11em;max-width:27em}
.caminhos{grid-area:caminhos;display:flex;flex-wrap:wrap;gap:12px}
.caminhos a{display:inline-flex;align-items:center;min-height:52px;padding:14px 26px;border:1.5px solid var(--creme);border-radius:999px;font-weight:700;font-size:1.0625rem;line-height:1.2;color:var(--creme);transition:background-color .28s var(--mola),border-color .28s var(--mola),color .28s var(--mola),box-shadow .28s var(--mola),transform .28s var(--mola)}
.caminhos a:hover{border-color:var(--amarelo);color:var(--amarelo);background:rgba(242,201,76,.08);transform:translateY(-3px)}
.caminhos a:active{transform:scale(.97)}
.caminhos li:first-child a{background:var(--verde);border-color:var(--verde);color:#fff;font-weight:800}
.caminhos li:first-child a:hover{background:var(--verde);border-color:var(--verde);color:#fff;box-shadow:0 10px 24px var(--verde-brilho)}

/* a faixa amarela inclinada, com as palavras passando. A moldura corta o que a fita passa da tela (ela é mais larga e está torta);
   a folga de cima e de baixo é o quanto as pontas sobem e descem com a inclinação. */
.faixa{overflow:hidden;margin-top:clamp(40px,6vw,64px);padding-block:clamp(16px,2.4vw,60px)}
.faixa-fita{margin-inline:-20px;padding-block:16px;background:var(--amarelo);color:var(--chao);border-block:3px solid var(--chao);transform:rotate(-1.5deg)}
.faixa-trilho{display:flex;gap:32px;width:max-content;padding-right:32px;font-family:var(--titulo);font-size:clamp(1.5rem,6vw,2rem);line-height:1.1;text-transform:uppercase;white-space:nowrap;animation:faixa 44s linear infinite}
/* a estrela é desenhada (a Anton não tem o caractere, e cada sistema punha a sua) */
.faixa-trilho .estrela{flex:none;align-self:center;width:.7em;height:.7em;background:currentColor;--estrela:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.6l3.2 6.6 7.2 1-5.2 5.1 1.2 7.2L12 18.1l-6.4 3.4 1.2-7.2L1.6 9.2l7.2-1z'/%3E%3C/svg%3E");
  -webkit-mask:var(--estrela) center/contain no-repeat;mask:var(--estrela) center/contain no-repeat}
@keyframes faixa{to{transform:translateX(-50%)}}
.faixa+section{padding-top:clamp(40px,6vw,72px)}

/* ---- 2. manifesto ---- */
.manifesto-grade{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,5vw,48px)}
.prosa{display:flex;flex-direction:column;gap:1.1em;max-width:62ch;font-size:clamp(1.0625rem,2.3vw,1.1875rem);line-height:1.6;color:var(--apoio)}
.prosa .destaque{margin-block:.4em;padding-block:.55em;border-block:1px solid var(--linha-forte);font-family:var(--titulo);font-size:clamp(1.875rem,5.4vw,2.75rem);line-height:var(--guia);text-transform:uppercase;color:var(--amarelo);text-wrap:balance}
.manifesto-assina{margin-top:28px;font-weight:800;font-size:1rem;color:var(--amarelo)}

/* ---- 3. o que mudou ---- */
.mudou-par{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:clamp(28px,5vw,48px)}
.mudou-lado{padding:28px;border:1px solid var(--linha);border-radius:20px;background:var(--laje)}
.mudou-lado h3{font-family:var(--texto);font-size:.875rem;font-weight:700;letter-spacing:.12em;line-height:1.3;color:var(--fraco);margin-bottom:12px}
.mudou-lado p{font-size:clamp(1.1875rem,3vw,1.5rem);line-height:1.35;color:var(--apoio)}
.mudou-lado--agora{background:var(--verde);border-color:var(--verde)}
.mudou-lado--agora h3{color:#fff}
.mudou-lado--agora p{font-family:var(--titulo);font-size:clamp(1.75rem,5vw,2.5rem);line-height:var(--guia);text-transform:uppercase;color:#fff}
.mudou-saiu{margin-top:clamp(32px,5vw,48px)}
.mudou-lead{font-weight:800;font-size:1.125rem;margin-bottom:14px}
.mudou-lista{display:flex;flex-wrap:wrap;gap:10px}
.mudou-lista li{padding:10px 18px;border:1px solid var(--linha);border-radius:999px;background:var(--laje);font-size:1rem;line-height:1.3}
.mudou-lista del{text-decoration-line:line-through;text-decoration-thickness:.1em;text-decoration-color:var(--amarelo);color:var(--apoio)}
.mudou-fecho{margin-top:clamp(36px,6vw,56px);font-family:var(--titulo);font-size:clamp(1.5rem,7.9vw,4.5rem);line-height:var(--guia);text-transform:uppercase;color:var(--creme)}
.mudou-fecho span{display:block;text-wrap:balance} /* uma frase por linha: a quebra cai no ponto, não no meio da frase */

/* ---- 4. o que nunca mudou ---- */
.real-grade{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,5vw,48px)}
.real-texto{display:flex;flex-direction:column;margin-top:clamp(20px,3vw,28px)}
.real-texto p:first-child{margin-bottom:.9em;max-width:34em;font-size:clamp(1.0625rem,2.3vw,1.1875rem);line-height:1.55;color:var(--apoio)}
.real-texto p:not(:first-child){font-family:var(--titulo);font-size:clamp(1.75rem,5.4vw,2.5rem);line-height:var(--guia);text-transform:uppercase;color:var(--amarelo);text-wrap:balance}

/* ---- 5. a história: seis marcos ---- */
.historia-grade{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(32px,5vw,56px)}
.historia-cabeca .lead{margin-top:18px}
.marcos{display:flex;flex-direction:column;gap:16px;counter-reset:marco}
.marco{display:flex;flex-direction:column;gap:12px;padding:clamp(22px,4vw,32px);border:1px solid var(--linha);border-radius:20px;background:var(--laje);transition:border-color .28s var(--mola),transform .28s var(--mola),background-color .28s var(--mola)}
.marco::before{counter-increment:marco;content:counter(marco,decimal-leading-zero);font-family:var(--titulo);font-size:3.5rem;line-height:1;color:var(--amarelo)}
.marco:hover{border-color:rgba(242,201,76,.5);background:var(--laje-2);transform:translateY(-4px)}
.marco--b22{border-color:var(--linha-forte)}
.marco-quando{font-size:.875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--amarelo)}
.marco [data-b22="marco-texto"]{display:flex;flex-direction:column;gap:.8em;color:var(--apoio);max-width:64ch}
.marco [data-b22="marco-texto"] .selo{margin-right:4px}
.destino{container-type:inline-size;margin-top:8px;padding:clamp(18px,3.4vw,28px);border:1px solid var(--linha-forte);border-radius:16px;background:var(--chao);display:flex;flex-direction:column;gap:6px}
.destino-numero{font-family:var(--titulo);font-size:clamp(2.5rem,10vw,4.5rem);line-height:.95;color:var(--amarelo);font-variant-numeric:lining-nums}
.destino-rotulo{font-weight:800;font-size:1.125rem;color:var(--creme)}
.destino-dados{display:flex;flex-direction:column;gap:12px;margin-top:14px;padding-top:16px;border-top:1px solid var(--linha)}
.destino-dados dt{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fraco)}
.destino-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:18px}
.destino-acoes::before{content:'';order:1;flex-basis:100%;margin-top:-10px} /* quebra a linha depois do selo */
.destino-acoes .botao{order:2}
/* quando a caixa é estreita demais para os dois botões lado a lado (em inglês eles pedem 31rem), ficam um embaixo do outro, com a mesma largura */
@container (max-width:31rem){.destino-acoes .botao{flex:1 1 100%}}

/* ---- 6 e 7. a casa: antes, hoje e próximo passo; oito fotografias ---- */
.casa-cabeca .lead{margin-top:18px}
.palco{margin-top:clamp(28px,5vw,48px);display:flex;flex-direction:column;gap:16px}
.palco-abas{display:none;gap:2px;padding:4px;border:1px solid var(--linha-forte);border-radius:999px;background:var(--chao)}
.palco[data-js] .palco-abas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.palco-abas button{min-height:46px;padding:10px 8px;border:0;border-radius:999px;background:none;font-weight:800;font-size:.9375rem;line-height:1.15;color:var(--apoio);cursor:pointer;transition:background-color .2s ease,color .2s ease}
.palco-abas button:hover{color:var(--creme)}
.palco-abas button[aria-selected="true"]{background:var(--amarelo);color:var(--chao)}
.palco-quadros{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.palco-quadros img{aspect-ratio:3/2;object-fit:cover;border-radius:24px}
.palco[data-js] .palco-quadros{gap:0}
/* com o roteiro ligado, os três quadros ocupam o mesmo lugar; o escolhido se revela por cima do anterior, legenda junto */
.palco[data-js] .palco-quadros>figure{grid-area:1/1;visibility:hidden;background:var(--chao)}
.palco[data-js] .palco-quadros>figure[data-saindo]{visibility:visible;z-index:1}
.palco[data-js] .palco-quadros>figure[data-ativa]{visibility:visible;z-index:2}
.palco[data-js][data-trocou] .palco-quadros>figure[data-ativa]{animation:revela .5s var(--mola)}
.palco[data-js][data-trocou][data-sentido="volta"] .palco-quadros>figure[data-ativa]{animation-name:revela-volta}
@keyframes revela{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}
@keyframes revela-volta{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.fotos-titulo{margin-top:clamp(48px,7vw,80px)}
.fotos{--recuo:max(var(--margem),calc((100vw - 1200px) / 2 + var(--margem)));display:flex;gap:14px;margin-top:22px;padding:0 var(--recuo) 14px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--recuo);scrollbar-width:thin;scrollbar-color:var(--amarelo) transparent}
.fotos figure{flex:none;width:min(78vw,400px);scroll-snap-align:start}
.fotos img{aspect-ratio:4/3;object-fit:cover}
.fotos figcaption strong{font-weight:800;color:var(--creme)}
.casa .nota{margin-top:18px}
.casa-chamada{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:clamp(28px,5vw,40px);font-size:.9375rem;color:var(--apoio)}

/* ---- contexto: o que uma memecoin com causa pode e não pode afirmar ---- */
.contexto-grade{display:flex;flex-direction:column;gap:22px}
.contexto blockquote p{font-weight:800;font-size:clamp(1.5rem,4.4vw,2.375rem);line-height:1.18;color:var(--creme);text-wrap:balance;max-width:24em}
.contexto-grade>p{max-width:60ch;color:var(--apoio)}

/* ---- compra: o bloco verde do site anterior (em tela larga, o QR do mesmo link numa faixa amarela ao lado) ---- */
.compra-bloco{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);border-radius:32px;background:var(--verde);color:#fff}
.compra-texto{display:flex;flex-direction:column;gap:20px;min-width:0;padding:clamp(24px,5vw,64px)}
.compra-selo{align-self:flex-start;padding:8px 14px;border-radius:999px;background:var(--chao);color:var(--amarelo);font-size:.8125rem;font-weight:800;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}
.compra-bloco h2{font-size:clamp(2.75rem,6.4vw,5.25rem);color:#fff}
.compra-bloco h2 span{color:var(--amarelo)}
.compra-lead{font-size:1.1875rem;line-height:1.5;font-weight:600;max-width:var(--medida)}
.compra-acao{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;font-size:.9375rem;font-weight:700;line-height:1.4}
.compra-notas{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;max-width:var(--medida)}
.compra-notas li{padding:14px 16px;border-radius:16px;background:var(--chao);color:var(--creme);font-size:.9375rem;line-height:1.5}
.compra-notas li:first-child{font-weight:700}
.compra-lado{display:none}

/* ---- 8. transparência ---- */
.transp-cabeca .lead{margin-top:18px}
.legenda{display:flex;flex-direction:column;gap:14px;margin-top:clamp(24px,4vw,36px);padding:22px 24px;border:1px solid var(--linha);border-radius:20px;background:var(--laje);font-size:.9375rem;line-height:1.5;color:var(--apoio);max-width:860px}
.legenda .selo{margin-right:6px}
.zona{margin-top:clamp(48px,7vw,72px)}
.zona-titulo{font-size:clamp(2.25rem,5vw,3.25rem)}
.zona>.nota{margin-top:10px}
.bloco{margin-top:clamp(28px,4.4vw,40px);padding:clamp(20px,3.6vw,32px);border:1px solid var(--linha);border-radius:20px;background:var(--laje)}
.bloco h4{margin-bottom:16px}
.ficha>div{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding-block:14px;border-top:1px solid var(--linha)}
.ficha dt{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fraco)}
.ficha dd{display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:70ch;font-size:1rem;color:var(--apoio)}
.ficha dd a{font-size:.9375rem;font-weight:800}
.ficha-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.copiar{min-height:44px;padding:8px 20px;border:0;border-radius:999px;background:var(--amarelo);color:var(--chao);font-weight:800;font-size:.9375rem;line-height:1.2;cursor:pointer;transition:background-color .28s var(--mola),letter-spacing .28s var(--mola)}
.copiar:hover,.copiar[data-ok]{background:var(--amarelo-claro)}
.lancamentos{margin-top:16px}
.lancamento{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding-block:22px;border-top:1px solid var(--linha)}
.lanc-cabeca{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:4px}
.lanc-cabeca h5{font-size:1.125rem}
.lanc-qtd{font-family:var(--titulo);font-size:clamp(1.875rem,6.4vw,2.5rem);line-height:1;color:var(--amarelo);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.lanc-pct{font-size:.875rem;font-weight:700;color:var(--fraco);font-variant-numeric:tabular-nums;white-space:nowrap}
.lanc-corpo{display:flex;flex-direction:column;gap:12px;min-width:0}
.lanc-corpo>*{max-width:var(--medida)}
.lanc-corpo>p:first-child{font-size:1rem;line-height:1.55;color:var(--apoio)}
.linhas li{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-block:14px;border-top:1px solid var(--linha);font-size:1rem;line-height:1.55;color:var(--apoio)}
.linhas li>span{max-width:68ch}
.linhas a{font-size:.9375rem;font-weight:800}
[data-b22="primeiro-token"] .endereco--solto{margin-bottom:16px}
[data-b22="primeiro-token"] .provas{margin-top:14px}
.zona--dito{padding:clamp(20px,3.6vw,32px);border:1px dashed rgba(243,239,226,.4);border-radius:20px;background:var(--laje)}
.zona-lead{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-block:14px 16px;font-weight:800}
.zona--dito .linhas li{border-top-style:dashed;padding-right:max(0px,calc(100% - 75ch))} /* o fio vai até a borda; o texto para na medida de leitura */
.zona--dito .nota{margin-top:16px;font-weight:700;color:var(--creme)}
.mais{margin-top:clamp(40px,6vw,56px)}
.mais h3{font-size:clamp(2rem,4.4vw,2.75rem)}
.mais ul{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.mais a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-radius:18px;background:var(--laje);color:var(--creme);font-weight:800;font-size:1.125rem;transition:background-color .28s var(--mola),color .28s var(--mola),transform .28s var(--mola)}
.mais a:hover{background:#0d2a17;color:var(--amarelo);transform:translateX(8px)}

/* ---- 9. esclarecimento: só texto ---- */
.esclarece-grade{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,40px)}
.esclarece-corpo{display:flex;flex-direction:column;gap:22px;max-width:70ch}
.esclarece-corpo>p{color:var(--apoio)}
.escl-linhas{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.escl-linhas>div{display:flex;flex-direction:column;gap:6px;padding:22px 24px;border:1px solid var(--linha);border-radius:20px;background:var(--laje)}
.escl-linhas dt{font-family:var(--titulo);font-size:1.75rem;line-height:var(--guia);text-transform:uppercase;color:var(--creme)}
.escl-linhas dd{color:var(--apoio)}
.esclarece-corpo .nota{font-weight:700;color:var(--creme)}

/* ---- 10. perguntas ---- */
.faq-grade{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,40px)}
.faq-lista{display:flex;flex-direction:column;gap:10px}
.faq details{border:1px solid var(--linha);border-radius:18px;background:var(--laje);transition:border-color .28s var(--mola)}
.faq details[open],.faq details:hover{border-color:rgba(242,201,76,.45)}
.faq summary{position:relative;display:block;border-radius:18px;padding:20px 56px 20px 22px;font-weight:800;font-size:clamp(1.0625rem,2.6vw,1.1875rem);line-height:1.35;color:var(--creme);cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'';position:absolute;right:20px;top:50%;width:22px;height:22px;margin-top:-11px;background:var(--amarelo);transition:transform .28s var(--mola);
  --icone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");-webkit-mask:var(--icone) center/contain no-repeat;mask:var(--icone) center/contain no-repeat}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq [data-b22="faq-resposta"]{display:flex;flex-direction:column;gap:12px;padding:0 22px 22px;max-width:66ch;color:var(--apoio)}

/* ---- 11. aviso ---- */
.aviso-grade{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.aviso h2{font-size:clamp(2rem,4.4vw,2.75rem)}
.aviso-texto{display:flex;flex-direction:column;gap:12px;max-width:68ch;font-size:.875rem;line-height:1.6;color:var(--fraco)}

/* ---- 12. rodapé: a mensagem final ---- */
.rodape{border-top:1px solid var(--linha);padding-block:clamp(48px,8vw,88px) 40px}
/* em tela estreita cada frase vira duas linhas, quebrando no ponto do meio: a metade mais comprida mede 8,21 em e tem de caber na largura.
   A partir de 620px a frase inteira (a maior mede 15,52 em) cabe numa linha: o tamanho está em "@media (min-width:620px)", mais abaixo. */
.rodape-linhas p{font-family:var(--titulo);font-size:clamp(1.875rem,10.6vw - 2px,2.75rem);line-height:var(--guia);text-transform:uppercase;color:var(--creme);text-wrap:balance}
.rodape-linhas p:nth-child(even){color:var(--amarelo)}
.rodape-base{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:clamp(40px,6vw,72px);padding-top:28px;border-top:1px solid var(--linha)}
.rodape-sobre{display:flex;flex-direction:column;gap:8px;font-size:.8125rem;line-height:1.6;color:var(--fraco);max-width:52ch}
.rodape-sobre .marca-nome{font-size:1.375rem;color:var(--creme)}
/* dois grupos de links: os do site e os que saem dele. No celular, os do site em duas colunas e os de fora embaixo; em tela larga, duas fileiras */
.rodape-nav{display:grid;grid-template-columns:minmax(0,1fr);font-size:.9375rem}
.rodape-nav ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.rodape-nav ul+ul{grid-template-columns:minmax(0,1fr)}
.rodape-nav a{display:inline-flex;align-items:center;min-height:44px}

/* ---- página 404 ---- */
.nf{min-height:calc(100dvh - var(--barra));display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:24px;padding-block:64px}

@media (min-width:620px){
  .rodape-linhas p{font-size:clamp(2.25rem,6.4vw - 4px,4.6rem)}
}
@media (min-width:640px){
  .mudou-par{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ficha>div{grid-template-columns:200px minmax(0,1fr);gap:20px}
  .lancamento{grid-template-columns:300px minmax(0,1fr);gap:28px}
  .linhas li{flex-direction:row;justify-content:space-between;gap:24px}
  .linhas li>a{flex:none;white-space:nowrap}
  .zona--dito .linhas li{display:block}
  .palco-abas{align-self:flex-start;min-width:440px}
  .casa-chamada{flex-direction:row;align-items:center;gap:20px}
  .escl-linhas{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rodape-nav ul,.rodape-nav ul+ul{display:flex;flex-wrap:wrap;gap:0 24px}
}
@media (min-width:900px){
  .rodape-base{grid-template-columns:minmax(0,1fr) auto;gap:48px}
  .rodape-nav{justify-items:end}
}
@media (min-width:980px){
  .compra-bloco{grid-template-columns:minmax(0,1fr) 340px;align-items:center}
  .compra-lado{display:flex;align-self:stretch;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px 36px 40px 72px;background:var(--amarelo);color:var(--chao);text-align:center;clip-path:polygon(52px 0,100% 0,100% 100%,0 100%)}
  .compra-lado img{box-sizing:content-box;width:196px;height:196px;padding:14px;border-radius:20px;background:#fff;box-shadow:0 14px 30px rgba(7,18,11,.25)}
  .compra-lado-titulo{font-family:var(--titulo);font-size:1.5rem;line-height:1;text-transform:uppercase}
  .compra-lado p:last-child{max-width:220px;font-size:.9375rem;font-weight:600;line-height:1.4;text-wrap:balance}
}
@media (min-width:1024px){
  :root{--barra:68px}
  .topo-botao{display:none}
  .topo-nav{display:flex;position:static;flex-direction:row;align-items:center;gap:24px;padding:0;border:0;background:none;max-height:none;overflow:visible}
  .topo-nav>a{min-height:40px;border:0;font-family:var(--texto);font-weight:500;font-size:.9375rem;text-transform:none;letter-spacing:0;transition:color .28s var(--mola),transform .28s var(--mola)}
  .topo-nav>a:hover{transform:translateY(-2px)}
  .topo-nav>a.topo-cta{margin:0;min-height:40px;padding:0 18px;font-size:.875rem;transition:background-color .28s var(--mola),transform .28s var(--mola)}
  .topo-nav>a.topo-cta:hover{background:var(--amarelo-claro);color:var(--chao);transform:translateY(-3px)}
  .topo-lang{align-self:center;margin:0}
  .topo-lang a{min-width:36px;min-height:32px;font-size:.75rem}
  .hero-grade{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);grid-template-areas:"pilulas foto" "titulo foto" "lead foto" "nota foto" "compra foto" "caminhos caminhos";gap:20px clamp(40px,5vw,64px);align-items:start}
  .hero h1{font-size:clamp(3.5rem,5.4vw + .5rem,5rem)}
  .hero-foto{align-self:center}
  .caminhos{margin-top:8px}
  .manifesto-grade{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(48px,6vw,96px)}
  .manifesto-cabeca{position:sticky;top:calc(var(--barra) + 40px);align-self:start}
  .manifesto h2,.esclarece h2,.faq h2,.historia h2{font-size:clamp(2.5rem,3.9vw,3.5rem)}
  .faq-grade>h2{position:sticky;top:calc(var(--barra) + 40px);align-self:start}
  .real-grade{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"foto1 bloco" "foto2 bloco";gap:28px clamp(40px,5vw,64px);align-items:start}
  .real-bloco{grid-area:bloco;position:sticky;top:calc(var(--barra) + 40px)}
  .real-foto-1{grid-area:foto1}
  .real-foto-2{grid-area:foto2;justify-self:end;width:min(100%,440px)}
  .historia-grade{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(48px,6vw,96px)}
  .historia-cabeca{position:sticky;top:calc(var(--barra) + 40px);align-self:start}
  .palco:not([data-js]) .palco-quadros{max-width:820px}
  .palco[data-js]{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto 1fr;grid-template-areas:"quadros abas" "quadros nota";gap:20px 36px;align-items:start}
  .palco[data-js] .palco-quadros{grid-area:quadros}
  .palco[data-js] .palco-abas{grid-area:abas;grid-template-columns:minmax(0,1fr);min-width:0;align-self:start;border-radius:24px;padding:6px}
  .palco[data-js] .palco-abas button{min-height:52px;padding-inline:20px;border-radius:18px;text-align:left}
  .palco[data-js] .palco-nota{grid-area:nota}
  .esclarece-grade,.faq-grade,.aviso-grade{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(48px,6vw,96px)}
  .esclarece-corpo .escl-linhas{grid-template-columns:minmax(0,1fr)}
  .legenda{flex-direction:row;gap:32px;max-width:none}
  .legenda li{flex:1}
  .fotos figure{width:420px}
}
@media (max-width:479px){
  .palco-abas button{padding-inline:4px;font-size:.875rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-delay:0s!important}
  .faixa-trilho,.hero h1 span{animation:none}
}