/* Tok Sites v2. Tipografia: Anton (display) + Instrument Serif itálica (voz) + Archivo (texto). */
@font-face{font-family:"Anton";src:url(fonts/anton-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo";src:url(fonts/archivo-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(fonts/instrument-serif-italic-latin.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}

:root{
  --preto:#111111;--preto2:#1b1b1b;--papel:#f4efe6;--papel2:#ebe4d4;
  --ouro:#ffc600;--laranja:#ff7a00;--roxo:#8a2be2;--roxo-esc:#5b14a8;
  --display:"Anton","Impact","Arial Narrow",sans-serif;
  --serif:"Instrument Serif","Georgia",serif;
  --sans:"Archivo","Segoe UI",system-ui,-apple-system,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
  --gut:1.25rem;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;background:var(--preto);color:#fff;font:400 1.0625rem/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
p{margin:0 0 1rem}
ul,ol{margin:0;padding:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--ouro);outline-offset:3px;border-radius:4px}

/* temas de cor por secao */
.escuro{--bg:var(--preto);--fg:#fff;--mudo:#bdb7ab;--acento:var(--ouro);--linha:rgba(255,255,255,.18)}
.papel{--bg:var(--papel);--fg:#141414;--mudo:#55504a;--acento:var(--roxo);--linha:rgba(0,0,0,.18)}
.papel2{--bg:var(--papel2);--fg:#141414;--mudo:#55504a;--acento:var(--roxo);--linha:rgba(0,0,0,.18)}
.ouro{--bg:var(--ouro);--fg:#111;--mudo:#2d2600;--acento:var(--roxo);--linha:rgba(0,0,0,.85)}
.laranja{--bg:var(--laranja);--fg:#111;--mudo:#2a1500;--acento:#111;--linha:rgba(0,0,0,.85)}
.roxo{--bg:var(--roxo);--fg:#fff;--mudo:#f1e6ff;--acento:var(--ouro);--linha:rgba(255,255,255,.28)}

.wrap{width:min(100% - 2*var(--gut),1200px);margin-inline:auto}
.texto{max-width:46rem}
.wrap.texto{max-width:1200px}
.wrap.texto>*{max-width:46rem}
.wrap.texto>.faq{max-width:54rem}
.folha,.secao,.hero{background:var(--bg,var(--preto));color:var(--fg,#fff);position:relative}
.folha{padding-block:clamp(4rem,9vw,7.5rem)}
.folha + .folha{margin-top:-1.75rem;border-radius:1.75rem 1.75rem 0 0;padding-top:calc(clamp(4rem,9vw,7.5rem) + 1.75rem)}
.secao{--bg:var(--papel);--fg:#141414;--mudo:#55504a;--acento:var(--roxo);--linha:rgba(0,0,0,.18);padding-block:clamp(3.5rem,7vw,6rem)}
.secao.alt{--bg:var(--papel2)}
.secao.ouro{--bg:var(--ouro);--fg:#111;--mudo:#2d2600;--acento:var(--roxo);--linha:rgba(0,0,0,.85)}
.secao.roxo{--bg:var(--roxo);--fg:#fff;--mudo:#f1e6ff;--acento:var(--ouro);--linha:rgba(255,255,255,.28)}
.secao.escuro{--bg:var(--preto);--fg:#fff;--mudo:#bdb7ab;--acento:var(--ouro);--linha:rgba(255,255,255,.18)}
.mudo,.muted{color:var(--mudo)}

/* titulos */
h1,h2,h3{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:.96;letter-spacing:.005em;margin:0 0 1rem}
h1{font-size:clamp(2.9rem,12.5vw,6.6rem);line-height:.92}
h2{font-size:clamp(2.35rem,9vw,5rem)}
h3{font-size:clamp(1.45rem,4.6vw,2rem);line-height:1.04}
h1 em,h2 em,h3 em{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.01em;line-height:.9;color:var(--acento);font-size:1.08em;padding-right:.04em}
.lead{font-size:clamp(1.1rem,3.4vw,1.35rem);line-height:1.5;max-width:40rem;color:var(--mudo)}
.intro{font-size:1.15rem;color:var(--mudo);max-width:40rem}
.texto h2{font-family:var(--sans);font-weight:800;font-size:clamp(1.35rem,4vw,1.7rem);text-transform:none;letter-spacing:-.01em;line-height:1.2;margin:2.6rem 0 .8rem}
.texto h1{font-size:clamp(2.6rem,10vw,4.6rem);margin-bottom:.4rem}
.texto a,.intro a,.lead a{text-decoration-thickness:2px;text-underline-offset:3px}
.nota{font-size:.95rem}

/* botoes */
.acoes{display:flex;flex-wrap:wrap;gap:1rem 1.2rem;margin-top:2rem;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;font:800 1rem/1 var(--sans);letter-spacing:.01em;text-decoration:none;color:#111;background:var(--ouro);padding:1.1rem 1.7rem;border:2px solid #111;border-radius:.6rem;box-shadow:5px 5px 0 var(--laranja);transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s}
.btn:hover{transform:translate(5px,5px);box-shadow:0 0 0 var(--laranja)}
.btn:active{transform:translate(5px,5px) scale(.98)}
.btn-sec{background:transparent;color:inherit;border-color:currentColor;box-shadow:5px 5px 0 rgba(255,255,255,.22)}
.papel .btn-sec,.papel2 .btn-sec,.secao .btn-sec{box-shadow:5px 5px 0 rgba(0,0,0,.16)}
.btn-sec:hover{background:var(--ouro);color:#111;border-color:#111;box-shadow:0 0 0 transparent}
.ouro .btn,.laranja .btn{background:#111;color:#fff;border-color:#111;box-shadow:5px 5px 0 #fff}
.ouro .btn:hover,.laranja .btn:hover{box-shadow:0 0 0 #fff}
.btn-peq{padding:.75rem 1.1rem;font-size:.95rem;box-shadow:3px 3px 0 var(--laranja)}
.btn-peq:hover{transform:translate(3px,3px)}

/* cabecalho */
.topo{position:sticky;top:0;z-index:50;background:rgba(17,17,17,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1)}
.topo-linha{display:flex;align-items:center;gap:.9rem;height:4.25rem}
.marca{font:400 1.9rem/1 var(--display);text-transform:uppercase;text-decoration:none;color:var(--ouro);letter-spacing:.01em;display:flex;gap:.3rem;margin-right:auto}
.marca .contorno{color:transparent;-webkit-text-stroke:1.5px #fff}
.nav{display:none}
.nav a{font-weight:600;font-size:.97rem;text-decoration:none;color:#e9e4d8;padding:.4rem .1rem;background:linear-gradient(var(--ouro),var(--ouro)) 0 100%/0 2px no-repeat;transition:background-size .3s var(--ease),color .2s}
.nav a:hover,.nav a[aria-current]{background-size:100% 2px;color:#fff}
.menu{position:relative}
.menu summary{list-style:none;width:2.9rem;height:2.9rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;border:2px solid rgba(255,255,255,.35);border-radius:.6rem}
.menu summary::-webkit-details-marker{display:none}
.menu summary i{width:1.35rem;height:2px;background:#fff;transition:transform .3s var(--ease)}
.menu[open] summary i:first-of-type{transform:translateY(5px) rotate(45deg)}
.menu[open] summary i:last-of-type{transform:translateY(-5px) rotate(-45deg)}
.menu-lista{position:fixed;left:0;right:0;top:4.3rem;background:var(--preto);border-bottom:1px solid rgba(255,255,255,.14);padding:1rem var(--gut) 2rem;display:grid;max-height:calc(100vh - 4.3rem);overflow:auto}
.menu-lista a{font:400 2.4rem/1.15 var(--display);text-transform:uppercase;text-decoration:none;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.12)}
.menu-lista a[aria-current]{color:var(--ouro)}

/* HERO DA HOME */
.hero-home{--bg:var(--preto);--fg:#fff;--mudo:#cfc9bc;--acento:var(--ouro);overflow:clip;padding-block:clamp(2rem,5vw,4rem) clamp(5rem,9vw,8rem);background:
  radial-gradient(60rem 38rem at 85% 10%,rgba(138,43,226,.42),transparent 60%),
  radial-gradient(44rem 30rem at 0% 100%,rgba(255,122,0,.26),transparent 62%),var(--preto)}
.hero-grade{position:relative;display:grid;gap:2.5rem;align-items:center}
.h1-hero{font-size:min(16.2vw,7rem);line-height:.9;margin-bottom:1.6rem}
.h1-hero .ln{display:block;overflow:hidden;padding-top:.04em}
.h1-hero .ln>span{display:block;animation:sobe .9s var(--ease) both}
.h1-hero .ln:nth-child(2)>span{animation-delay:.08s}
.h1-hero .ln:nth-child(3)>span{animation-delay:.16s}
.h1-hero .ln:nth-child(4)>span{animation-delay:.24s}
.h1-hero .ouro-t{color:var(--ouro)}
.h1-hero .serif{font-family:var(--serif);font-style:italic;text-transform:none;font-size:.62em;line-height:.9;letter-spacing:-.01em;margin:.12em 0 .02em}
.h1-hero .gigante{font-size:1.42em;line-height:.88;letter-spacing:.01em}
.h1-hero .eco{font-size:1.42em;line-height:.88;color:transparent;-webkit-text-stroke:2px var(--ouro);margin-top:-.02em;overflow:visible}
.h1-hero .eco>span{animation:eco 1.1s var(--ease) both .35s}
.h1-hero .e1{opacity:.5}
.h1-hero .e2{opacity:.22}
.hero-home .lead{color:var(--mudo)}
@keyframes sobe{from{transform:translateY(105%)}to{transform:none}}
@keyframes eco{from{opacity:0;transform:translateY(-30%)}}

.hero-visual{position:relative;height:25.5rem;margin-inline:auto;width:min(100%,26rem);animation:entra 1.1s var(--ease) both .2s}
@keyframes entra{from{opacity:0;transform:translateY(40px) scale(.96)}}
.disco{position:absolute;left:50%;top:47%;width:92%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:var(--ouro);box-shadow:0 0 0 1.6rem rgba(255,198,0,.14),0 0 0 3.4rem rgba(255,198,0,.07)}
.tel{position:absolute;margin:0;border-radius:2.1rem;border:.42rem solid #0a0a0a;background:#0a0a0a;overflow:hidden;box-shadow:0 2rem 3.4rem rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.14);aspect-ratio:420/851;width:var(--w)}
.tel img{width:100%;height:100%;object-fit:cover}
.hero-visual .tel{translate:0 var(--py,0px)}
.t-a{--w:9.4rem;left:0;top:4.2rem;rotate:-9deg;animation:flutua 7s ease-in-out infinite alternate}
.t-b{--w:11.6rem;left:50%;top:0;margin-left:-5.8rem;z-index:2;animation:flutua 6s ease-in-out infinite alternate -2s}
.t-c{--w:9.4rem;right:0;top:5.6rem;rotate:8deg;animation:flutua 8s ease-in-out infinite alternate -4s}
@keyframes flutua{from{transform:translateY(0)}to{transform:translateY(-.9rem)}}

/* faixa que corre */
.faixa-wrap{position:relative;z-index:3;overflow:hidden;margin:-2.4rem 0;padding:2.6rem 0}
.faixa{background:var(--laranja);color:#111;rotate:-1.8deg;scale:1.06;display:flex;overflow:hidden;border-block:3px solid #111}
.faixa-trilho{display:flex;flex:none;animation:corre 46s linear infinite;padding-block:.7rem}
.faixa-trilho span{display:flex;align-items:baseline;gap:.6rem;flex:none;padding-right:1.4rem;font:400 clamp(1.6rem,5vw,2.4rem)/1 var(--display);text-transform:uppercase;white-space:nowrap}
.faixa-trilho span::after{content:"/";margin-left:.8rem;opacity:.55}
.faixa-trilho i{font:italic 400 .8em/1 var(--serif);text-transform:none;letter-spacing:0}
@keyframes corre{to{transform:translateX(-100%)}}

/* manifesto */
.manifesto{font:italic 400 clamp(2rem,7.4vw,4.4rem)/1.04 var(--serif);letter-spacing:-.012em;margin:0 0 3rem;max-width:62rem}
.manifesto b{font:400 .82em/1 var(--display);font-style:normal;text-transform:uppercase;letter-spacing:.01em;color:var(--acento);white-space:nowrap}
.dois-col{display:grid;gap:1rem 3rem;color:var(--mudo);max-width:62rem}
.dois-col p{margin:0}
.bento-t{margin-top:clamp(3.5rem,8vw,6rem)}
.bento{display:grid;gap:1rem;margin-top:2rem}
.b{border-radius:1.4rem;padding:1.5rem;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:11rem}
.b h3{margin:0 0 .5rem}
.b p{margin:0}
.b svg{width:2.4rem;height:2.4rem;margin-bottom:auto;padding-bottom:1.2rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;box-sizing:content-box}
.b-pc{background:var(--preto);color:#fff;padding:1.2rem;min-height:0;justify-content:flex-start}
.b-pc p{color:#cfc9bc;font:italic 400 1.3rem/1.2 var(--serif);margin:1rem .3rem .2rem}
.navegador{border-radius:.8rem;overflow:hidden;background:#1d1d1d;box-shadow:0 1.4rem 2.6rem rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.12)}
.navegador-barra{display:flex;gap:.4rem;padding:.65rem .8rem;background:#262626}
.navegador-barra i{width:.7rem;height:.7rem;border-radius:50%;background:#555}
.navegador img{width:100%;height:auto}
.b-roxo{background:var(--roxo);color:#fff}
.b-ouro{background:var(--ouro);color:#111}
.b-preto{background:var(--preto);color:#fff}
.b-linha{border:2px solid #111;color:#111}
.b-laranja{background:var(--laranja);color:#111}
.b-preto p,.b-roxo p{color:#f1e6ff}
.b-preto p{color:#cfc9bc}

/* passos */
.passos{list-style:none;counter-reset:p;margin-top:2.5rem;border-top:3px solid var(--linha)}
.passos li{counter-increment:p;display:grid;gap:.2rem 1.4rem;padding:1.5rem 0 1.6rem;border-bottom:3px solid var(--linha);grid-template-columns:4.6rem 1fr;align-items:start}
.passos li::before{content:counter(p);grid-row:span 2;font:400 5.2rem/.85 var(--display);color:transparent;-webkit-text-stroke:2px var(--fg)}
.passos h3{margin:0;font-size:clamp(1.55rem,5.6vw,2.3rem);line-height:1.08}
.passos p{margin:.4rem 0 0;color:var(--mudo)}
.passos li:last-child{background:var(--fg);color:var(--bg);margin-inline:calc(-1*var(--gut));padding-inline:var(--gut);border-radius:0 0 1.2rem 1.2rem}
.passos li:last-child::before{-webkit-text-stroke-color:var(--bg)}
.passos li:last-child p{color:var(--bg);opacity:.85}
.passos li:last-child a{color:var(--bg)}
.secao .passos li:last-child{background:#111;color:#fff;border-radius:1rem;margin-inline:0;padding-inline:1.2rem}
.secao .passos li:last-child::before{-webkit-text-stroke-color:var(--ouro)}
.secao .passos li:last-child p{color:#fff}
.secao .passos li:last-child a{color:var(--ouro)}

/* exemplos (celulares) */
.palco{position:relative;overflow:clip}
.palco-eco{position:absolute;right:-2%;top:2%;font:400 clamp(9rem,34vw,26rem)/.8 var(--display);color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.2);text-transform:uppercase;pointer-events:none;user-select:none}
.exemplos{list-style:none;display:flex;gap:1.1rem;margin-top:2.5rem;padding:1rem var(--gut) 3rem;margin-inline:calc(-1*var(--gut));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative}
.exemplos::-webkit-scrollbar{display:none}
.exemplos li{flex:0 0 58%;max-width:15rem;scroll-snap-align:center}
.exemplo{display:block;text-decoration:none;color:inherit}
.exemplo .tel{position:relative;width:100%;border-radius:2rem;transition:transform .45s var(--ease),box-shadow .45s var(--ease);display:block}
.exemplo:hover .tel,.exemplo:focus-visible .tel{transform:translateY(-.7rem) rotate(-1.5deg);box-shadow:0 2.6rem 3.8rem rgba(0,0,0,.55),0 0 0 2px var(--ouro)}
.leg{display:block;margin-top:1rem}
.leg strong{display:block;font:400 1.35rem/1.1 var(--display);text-transform:uppercase;letter-spacing:.01em}
.leg em{display:block;font:italic 400 1.15rem/1.2 var(--serif);color:var(--mudo)}
.exemplos.grade{overflow:visible;flex-wrap:wrap;margin-inline:0;padding-inline:0;justify-content:space-between}
.exemplos.grade li{flex:0 0 calc(50% - .6rem);max-width:none}

/* painel de preco e garantia */
.duplo{display:grid;gap:1.2rem}
.painel{border-radius:1.8rem;padding:clamp(1.6rem,5vw,3rem);position:relative;overflow:hidden}
.painel h2{font-size:clamp(1.6rem,5vw,2.2rem);margin-bottom:1.2rem}
.painel-p{background:var(--preto);color:#fff;border:2px solid rgba(255,255,255,.2)}
.painel-g{background:var(--laranja);color:#111;display:flex;flex-direction:column;align-items:flex-start}
.painel-g .btn{margin-top:auto}
.preco-pilha{margin:.2rem 0 1.4rem;font:400 clamp(5.4rem,26vw,10.5rem)/.84 var(--display);text-transform:uppercase;color:var(--ouro)}
.preco-pilha span{display:block}
.preco-pilha .e{color:transparent;-webkit-text-stroke:2px var(--ouro);opacity:.5}
.preco-pilha .e+.e{opacity:.22}
.painel-p .sub{font:italic 400 1.7rem/1.1 var(--serif);margin:0 0 .6rem;color:#fff}
.painel-p .sub b{font:400 1.2em/1 var(--display);font-style:normal;color:var(--ouro);text-transform:uppercase}
.painel-g .gr{font:400 clamp(6rem,30vw,12rem)/.8 var(--display);margin:0 0 .4rem;color:#111}
.painel-g .gr em{font:italic 400 .34em/1 var(--serif);margin-left:.2em;text-transform:none}
.painel-g p{max-width:30rem}
.painel-g .btn{margin-top:.4rem}
.painel .tl{display:inline-block;margin-top:.6rem;font-weight:700}

/* chamada final */
.final{overflow:clip}
.final h2{font-size:clamp(2.7rem,11vw,7rem);max-width:15ch;line-height:.92}
.final .lead{color:var(--mudo)}
.final .btn{margin-top:0}

/* hero das paginas internas */
.hero{--bg:var(--preto);--fg:#fff;--mudo:#cfc9bc;--acento:var(--ouro);overflow:clip;padding-block:clamp(3.5rem,8vw,6.5rem) clamp(4.2rem,9vw,7rem);background:
  radial-gradient(46rem 26rem at 92% 0%,rgba(138,43,226,.36),transparent 62%),
  radial-gradient(32rem 20rem at 0% 100%,rgba(255,122,0,.2),transparent 62%),var(--preto)}
.hero + .secao{margin-top:-1.75rem;border-radius:1.75rem 1.75rem 0 0;padding-top:calc(clamp(2.5rem,5vw,4rem) + 1.75rem);z-index:1}
.hero-eco{position:absolute;right:-1%;bottom:-.2em;font:400 clamp(9rem,40vw,30rem)/.8 var(--display);color:transparent;-webkit-text-stroke:2px rgba(255,198,0,.22);text-transform:uppercase;pointer-events:none;user-select:none;white-space:nowrap}
.hero .wrap{position:relative;z-index:1}
.hero .lead{margin-bottom:0}
.hero.texto,.hero .texto{max-width:none}
.hero:not(.hero-home) .wrap>h1{max-width:20ch;font-size:clamp(2.5rem,11vw,5.2rem)}

/* texto corrido */
.lista{margin:.4rem 0 1rem;padding-left:1.15rem}
.lista li{margin:.55rem 0;padding-left:.3rem}
.lista li::marker{color:var(--acento);font-weight:800}
.clausula{background:var(--ouro);color:#111;border-radius:1.4rem;padding:clamp(1.4rem,4vw,2.4rem);margin-bottom:2rem}
.clausula p{margin:0 0 .8rem}
.clausula p:last-child{margin:0}
.clausula p:first-child{font:400 clamp(1.8rem,6.4vw,3rem)/1 var(--display);text-transform:uppercase}
.clausula p:first-child strong{font-weight:400}

/* preco (pagina) */
.preco-grade{display:grid;gap:1.2rem}
.cartao{border-radius:1.6rem;padding:clamp(1.5rem,4vw,2.4rem);background:var(--preto);color:#fff}
.preco-grade .cartao:nth-child(2){background:var(--roxo)}
.cartao h2{font-size:1.5rem;margin-bottom:.8rem;font-family:var(--serif);font-style:italic;text-transform:none;font-weight:400;font-size:2rem;letter-spacing:-.01em}
.cartao .valor{font:400 clamp(4.5rem,18vw,8rem)/.88 var(--display);color:var(--ouro);margin:0 0 .8rem;text-transform:uppercase}
.preco-grade .cartao:nth-child(2) .valor{color:#fff}
.cartao .valor small{font:italic 400 .3em/1 var(--serif);text-transform:none;margin-left:.3rem;color:inherit;opacity:.85}
.cartao p{color:#e4dfd3}
.preco-grade .cartao:nth-child(2) p{color:#f1e6ff}

/* faq */
.faq{counter-reset:q}
.faq details{counter-increment:q;border-top:2px solid #111}
.faq details:last-child{border-bottom:2px solid #111}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:2.6rem 1fr 1.6rem;gap:.6rem;align-items:baseline;padding:1.3rem 0;font-weight:800;font-size:1.15rem;line-height:1.3;transition:color .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:counter(q,decimal-leading-zero);font:italic 400 1.5rem/1 var(--serif);color:var(--roxo)}
.faq summary::after{content:"+";font:400 1.9rem/1 var(--display);text-align:center;transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:hover{color:var(--roxo)}
.faq .resp{padding:0 0 1.4rem 3.2rem;color:#3a362f;max-width:40rem}

/* dados */
.dados{margin:0;border-top:2px solid #111}
.dados div{display:grid;gap:.1rem 1.5rem;padding:1rem 0;border-bottom:1px solid var(--linha)}
.dados dt{font:italic 400 1.25rem/1.2 var(--serif);color:var(--roxo)}
.dados dd{margin:0;font-weight:700;font-size:1.1rem;overflow-wrap:anywhere}

/* rodape */
.rodape{background:#0b0b0b;color:#e4dfd3;padding-top:clamp(3.5rem,8vw,5.5rem);overflow:clip;position:relative}
.rodape-grade{display:grid;gap:2.4rem}
.rodape h3{font:italic 400 1.5rem/1 var(--serif);text-transform:none;color:var(--ouro);margin:0 0 .9rem}
.rodape ul{list-style:none}
.rodape li{margin:.4rem 0}
.rodape a{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .3s var(--ease)}
.rodape a:hover{background-size:100% 1px}
.rodape address{font-style:normal;line-height:1.65;font-size:.97rem}
.assinatura-tok{display:flex;align-items:center;gap:1rem;margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.14);font-size:.9rem}
.assinatura-tok img{flex:none}
.legal{font-size:.88rem;color:#9a9588;margin:2.6rem 0 0}
.marca-gigante{margin:1.5rem 0 0;font:400 min(26vw,17rem)/.8 var(--display);text-transform:uppercase;white-space:nowrap;text-align:center;color:transparent;-webkit-text-stroke:2px rgba(255,198,0,.55);user-select:none;transform:translateY(.1em)}
.zap-fixo{position:fixed;right:1rem;bottom:1rem;z-index:60;display:flex;align-items:center;gap:.6rem;background:var(--ouro);color:#111;font-weight:800;text-decoration:none;padding:.9rem 1.2rem;border:2px solid #111;border-radius:.6rem;box-shadow:4px 4px 0 var(--laranja);transition:transform .25s var(--ease),box-shadow .25s var(--ease),opacity .3s}
.zap-fixo:hover{transform:translate(4px,4px);box-shadow:0 0 0 var(--laranja)}
.no-topo .zap-fixo{opacity:0;pointer-events:none;transform:translateY(1rem)}
.zap-fixo svg{width:1.3rem;height:1.3rem;fill:#111}
body{padding-bottom:0}

/* entrada ao rolar (so com JS) */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--d,0) * 1ms)}
.js .rv.in{opacity:1;transform:none}

/* telas maiores */
@media (min-width:700px){
  :root{--gut:2rem}
  .dois-col{grid-template-columns:1fr 1fr}
  .duplo{grid-template-columns:1.15fr .85fr}
  .preco-grade{grid-template-columns:1fr 1fr}
  .rodape-grade{grid-template-columns:1.4fr 1fr 1fr}
  .dados div{grid-template-columns:14rem 1fr}
  .exemplos.grade li{flex:0 0 calc(25% - .85rem)}
  .exemplos.grade li:nth-child(4n+2),.exemplos.grade li:nth-child(4n+4){margin-top:2.6rem}
  .exemplos:not(.grade){overflow:visible;margin-inline:0;padding-inline:0;justify-content:space-between;scroll-snap-type:none}
  .exemplos:not(.grade) li{flex:0 0 calc(20% - .9rem);max-width:none}
  .exemplos:not(.grade) li:nth-child(even){margin-top:3rem}
  .exemplos:not(.grade) li:nth-child(3){margin-top:1.2rem}
  .bento{grid-template-columns:repeat(6,1fr)}
  .b-pc{grid-column:span 4;grid-row:span 2}
  .b-roxo{grid-column:span 2}
  .b-ouro{grid-column:span 2}
  .b-preto{grid-column:span 3}
  .b-linha{grid-column:span 3}
  .b-laranja{grid-column:span 6}
  .passos li{grid-template-columns:9rem 1fr 1fr;align-items:center;padding:1.7rem 0}
  .passos li::before{font-size:8.4rem;grid-row:auto}
  .passos p{margin:0}
  .passos li:last-child{margin-inline:0;padding-inline:1.4rem}
}
@media (min-width:900px){
  .topo-linha{height:4.6rem;gap:2rem}
  .nav{display:flex;gap:1.6rem}
  .menu{display:none}
  .hero-grade{grid-template-columns:1.12fr .88fr;gap:2rem}
  .h1-hero{font-size:5.3rem}
  .hero-visual{height:38rem;width:100%;max-width:33rem;margin-right:0}
  .t-a{--w:12rem;top:6rem}
  .t-b{--w:14.8rem;margin-left:-7.4rem}
  .t-c{--w:12rem;top:7.4rem}
  .zap-fixo{right:1.6rem;bottom:1.6rem}
  .hero:not(.hero-home) .wrap>h1{max-width:22ch}
}
@media (min-width:1100px){
  .passos li{grid-template-columns:11rem 1.1fr 1fr}
  .exemplos.grade li{flex:0 0 calc(25% - .85rem)}
}
@media (max-width:899px){
  .zap-fixo{left:1rem;right:1rem;justify-content:center;bottom:.8rem}
  body{padding-bottom:4.6rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .rv{opacity:1;transform:none}
  .h1-hero .ln>span,.h1-hero .eco>span,.hero-visual{animation:none}
}