:root{--ink:#0a0a0a;--ink2:#161616;--paper:#fff;--cinza:#f3f3f1;--linha:rgba(10,10,10,.12);--linha-esc:rgba(255,255,255,.16);--mudo:#6b6b6b;--mudo-esc:#a3a3a3;
--f:'Archivo','Arial Narrow',system-ui,sans-serif;--fi:'Inter',system-ui,sans-serif;--gut:clamp(20px,5vw,64px);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font-family:var(--fi);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%}a{color:inherit}
h1,h2,h3{font-family:var(--f);margin:0;line-height:1.02;letter-spacing:-.02em}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:8px 14px;border-radius:99px;z-index:99}.skip:focus{left:12px}
:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #000}

/* botões "pílula" */
.pill{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border-radius:999px;padding:11px 22px;font:600 15px/1 var(--fi);text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .2s,background .2s,color .2s}
.pill:hover{transform:translateY(-2px)}.pill:active{transform:none}
.pill-claro{background:#fff;color:#000}.pill-claro:hover{background:#e9e9e9}
.pill-escuro{background:#000;color:#fff}.pill-escuro:hover{background:#262626}
.pill-borda{border-color:rgba(255,255,255,.55);color:#fff;background:transparent}.pill-borda:hover{background:rgba(255,255,255,.12)}
.pill.grande{padding:17px 32px;font-size:17px}

/* navegação */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;gap:20px;padding:14px var(--gut);color:#fff;background:linear-gradient(#0a0a0a,rgba(10,10,10,.82));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--linha-esc)}
.marca{display:flex;align-items:center;gap:11px;text-decoration:none;font:800 18px/1 var(--f);font-stretch:125%;letter-spacing:.14em}
.marca img{border-radius:50%;background:#fff}
.links{display:flex;gap:26px;margin-left:auto;align-items:center}
.links a{text-decoration:none;font-size:14px;color:#d4d4d4;transition:color .2s}.links a:hover{color:#fff}
.menu-cta{display:none}.nav-cta{padding:9px 18px;font-size:14px}
.burger{display:none;width:42px;height:42px;border:1px solid var(--linha-esc);border-radius:50%;background:transparent;position:relative;cursor:pointer}
.burger span{position:absolute;left:12px;right:12px;height:2px;background:#fff;transition:.25s}.burger span:first-child{top:16px}.burger span:last-child{top:24px}
.burger[aria-expanded=true] span:first-child{top:20px;transform:rotate(45deg)}.burger[aria-expanded=true] span:last-child{top:20px;transform:rotate(-45deg)}

/* hero */
.hero{position:relative;min-height:100svh;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;padding:120px var(--gut) 90px;overflow:hidden}
.grade{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at 50% 45%,#000 20%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 45%,#000 20%,transparent 72%)}
.hero-in{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}
.hero-logo{border-radius:50%;background:#fff;margin-bottom:34px;box-shadow:0 0 0 8px rgba(255,255,255,.07),0 0 80px rgba(255,255,255,.18);animation:flutua 6s ease-in-out infinite}
.lema{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:clamp(10px,2vw,26px);align-items:center;font-family:var(--f);text-transform:uppercase;line-height:.86;letter-spacing:-.03em}
.lema .nos{grid-column:2;grid-row:1;font-size:clamp(64px,15.5vw,200px);font-weight:900;font-stretch:125%;text-align:left}
.lema .voces{grid-column:2;grid-row:2;font-size:clamp(64px,15.5vw,200px);font-weight:200;font-stretch:125%;text-align:left;margin-top:.04em}
.lema .por{grid-column:1;grid-row:1/3;writing-mode:vertical-rl;transform:rotate(180deg);font-size:clamp(16px,2.6vw,34px);font-weight:600;font-stretch:125%;letter-spacing:.5em;color:var(--mudo-esc)}
.sub-hero{font:500 clamp(18px,2.6vw,28px)/1.3 var(--f);font-stretch:112%;margin:34px 0 36px;color:#e8e8e8}
.hero-acoes{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.hero-nota{margin:34px 0 0;font-size:13px;letter-spacing:.06em;color:var(--mudo-esc);text-transform:uppercase}
.rolar{position:absolute;bottom:26px;left:50%;width:26px;height:42px;margin-left:-13px;border:1.5px solid rgba(255,255,255,.4);border-radius:14px}
.rolar span{position:absolute;left:50%;top:8px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:#fff;animation:rola 1.8s infinite}
@keyframes rola{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
@keyframes flutua{50%{transform:translateY(-8px)}}

/* seções */
.secao{padding:clamp(72px,11vw,150px) var(--gut)}
.claro{background:var(--paper)}.cinza{background:var(--cinza)}.escuro{background:var(--ink);color:#fff}
.miolo{max-width:var(--max);margin:0 auto}.estreito{max-width:820px}.centro{text-align:center}
.miolo.duas{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(30px,6vw,90px);align-items:start}
.eyebrow{font:600 12px/1 var(--fi);letter-spacing:.2em;text-transform:uppercase;color:var(--mudo);margin:0 0 18px}.escuro .eyebrow{color:var(--mudo-esc)}
h2{font-size:clamp(34px,5.4vw,68px);font-weight:800;font-stretch:112%}
.cab{margin-bottom:clamp(34px,5vw,64px)}.cab .sub{max-width:620px;margin:18px 0 0;color:var(--mudo);font-size:17px}.escuro .cab .sub{color:var(--mudo-esc)}
.texto p{margin:0 0 1.15em;font-size:clamp(16px,1.5vw,19px)}.texto strong{font-weight:600;background:linear-gradient(transparent 62%,rgba(10,10,10,.12) 0)}
.fatos{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:clamp(46px,7vw,90px);border-top:1.5px solid var(--ink)}
.fatos div{padding:22px 22px 0 0}.fatos dt{font:800 19px/1.2 var(--f);font-stretch:112%;margin-bottom:6px}.fatos dd{margin:0;color:var(--mudo);font-size:15px}
blockquote{margin:0;font:800 clamp(30px,5.2vw,64px)/1.06 var(--f);font-stretch:112%;letter-spacing:-.02em}
blockquote em{font-style:normal;font-weight:200;border-bottom:3px solid #fff}
.porque-texto{margin:34px 0 0;color:#cfcfcf;font-size:clamp(17px,1.8vw,21px);max-width:640px}.porque-texto strong{color:#fff;font-weight:600}

/* cards de recursos */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.card{background:var(--cinza);border-radius:26px;padding:28px 26px 30px;display:flex;flex-direction:column;gap:10px;transition:transform .3s,background .3s,color .3s;min-height:230px}
.card:hover{transform:translateY(-5px);background:var(--ink);color:#fff}
.card h3{font-size:24px;font-weight:800;font-stretch:108%;margin-top:6px}.card p{margin:0;color:var(--mudo);font-size:15px}.card:hover p{color:#c9c9c9}
.tag{align-self:flex-start;font:600 11px/1 var(--fi);letter-spacing:.06em;text-transform:uppercase;padding:7px 11px;border-radius:99px;background:#fff;color:#000;border:1px solid var(--linha)}
.card:hover .tag{background:#fff}

/* tabela */
.tabela-box{overflow-x:auto;background:#fff;border-radius:26px;border:1px solid var(--linha)}
.tabela{width:100%;border-collapse:collapse;min-width:520px}.tabela th,.tabela td{padding:16px 22px;text-align:left;border-bottom:1px solid var(--linha);font-size:15px}
.tabela thead th{font:700 13px/1 var(--f);letter-spacing:.1em;text-transform:uppercase;color:var(--mudo)}.tabela tbody th{font-weight:500}
.tabela tr:last-child th,.tabela tr:last-child td{border-bottom:0}.tabela td{font-weight:600}
.nota{margin:22px 0 0;font-size:14px;color:var(--mudo)}.escuro .nota{color:var(--mudo-esc)}

/* downloads */
.dl-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dl{border:1px solid var(--linha-esc);border-radius:28px;padding:32px 28px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,#141414,#0c0c0c);transition:border-color .3s,transform .3s}
.dl:hover{border-color:#fff;transform:translateY(-4px)}.dl h3{font-size:34px;font-weight:800;font-stretch:115%}.dl p{margin:0;color:#c9c9c9}.dl small{color:var(--mudo-esc);font-size:13px;margin-top:auto}
.dl .pill{align-self:flex-start;margin-top:6px}
.passos-box{margin-top:clamp(40px,6vw,76px);border-top:1px solid var(--linha-esc);padding-top:14px;max-width:760px}
.passos-box h3{font-size:22px;font-weight:800;margin:26px 0 12px;font-stretch:110%}.passos-box p{color:#c9c9c9;margin:0}
.passos{margin:0;padding-left:20px;color:#d6d6d6}.passos li{margin:0 0 10px}.passos strong{color:#fff}

/* pix */
.pix{margin:36px auto 10px;display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px;border:1.5px solid var(--ink);border-radius:28px;max-width:560px}
.pix-rotulo{font:600 12px/1 var(--fi);letter-spacing:.2em;text-transform:uppercase;color:var(--mudo)}
.pix code{font:600 clamp(16px,3.4vw,22px)/1.3 ui-monospace,Menlo,Consolas,monospace;word-break:break-all;background:var(--cinza);padding:14px 18px;border-radius:14px;width:100%}

/* faq */
.faq details{border-bottom:1px solid var(--linha-esc);border-color:var(--linha)}.faq summary{cursor:pointer;list-style:none;padding:22px 40px 22px 0;font:700 clamp(17px,2vw,21px)/1.3 var(--f);font-stretch:106%;position:relative}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';position:absolute;right:4px;top:50%;transform:translateY(-50%);font:300 30px/1 var(--f);transition:transform .25s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}.faq details p{margin:0 0 24px;color:#4d4d4d;max-width:680px}

/* fecho + rodapé */
.fecho{padding:clamp(80px,12vw,160px) var(--gut);text-align:center}.lema-fim{font-size:clamp(48px,11vw,150px);font-weight:900;font-stretch:125%;text-transform:uppercase;margin-bottom:38px;letter-spacing:-.03em}
.rodape{background:#000;color:#fff;padding:54px var(--gut) 34px;border-top:1px solid var(--linha-esc)}
.rodape-grade{max-width:var(--max);margin:0 auto;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.rodape p{color:var(--mudo-esc);font-size:14px;max-width:420px}
.rodape-links{display:flex;gap:22px;flex-wrap:wrap;align-items:flex-start}.rodape-links a{text-decoration:none;color:#d4d4d4;font-size:14px}.rodape-links a:hover{color:#fff}
.legal{max-width:var(--max);margin:34px auto 0;font-size:12px!important;max-width:var(--max)!important}

/* aparecer ao rolar */
.js .rev{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.js .rev.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}.js .rev{opacity:1;transform:none}}

@media(max-width:900px){
 .miolo.duas{grid-template-columns:1fr}.fatos{grid-template-columns:1fr 1fr}.dl-grade{grid-template-columns:1fr}
 .burger{display:block}.nav-cta{display:none}
 .links{position:fixed;inset:66px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gut) 26px;background:#0a0a0a;border-bottom:1px solid var(--linha-esc);transform:translateY(-130%);transition:transform .3s;margin:0}
 .links.aberto{transform:none}.links a{padding:15px 4px;font-size:18px;border-bottom:1px solid var(--linha-esc)}
 .links .menu-cta{display:inline-flex;margin-top:18px;border:0;padding:15px}
 .hero{padding-top:104px}.pill.grande{width:100%}.hero-acoes{width:100%;max-width:380px}
}
@media(max-width:520px){.fatos{grid-template-columns:1fr}.hero-logo{width:78px;height:78px;margin-bottom:26px}.pix{padding:22px 16px}}