/* Bionica, versão feita a partir do site da Phibonacci (HTML puro).
   Medidas tiradas do site original no Framer (08/10/2026), em quatro larguras:
   computador ≥1440, notebook 1200–1439, tablet 810–1199 e celular ≤809.
   Fontes do projeto original: fonte Helvetica Now Display (padrão dos sites da Bionica), títulos em 500. */

:root{
  --fundo:#0a0a0a;
  --texto:#fcfcfa;
  --titulo-cinza:#767c82;
  --apoio:#878e94;
  --apoio-escuro:#7a8085;
  --borda:rgba(255,255,255,.1);
  --cartao:#0d0d0d;
  --cartao-pilar:#050505;
  --titulo:"Helvetica Now Display","Helvetica Neue",Helvetica,Arial,sans-serif;
  --corpo:"Helvetica Now Display","Helvetica Neue",Helvetica,Arial,sans-serif;
  --corpo-display:"Helvetica Now Display","Helvetica Neue",Helvetica,Arial,sans-serif;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--fundo);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}
html.static .faixa-trilho{animation:none}html.static .entra,html.static .numero,html.static .pilar-texto>*,html.static .pilar-lista li{opacity:1!important;transform:none!important;transition:none}html.static .sobre-texto{opacity:1;transform:none}
body{margin:0;background:var(--fundo);color:var(--texto);font-family:var(--corpo);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,video,svg{display:block;max-width:none}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,figure{margin:0;padding:0}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
main{display:block}
[hidden]{display:none!important}
.pular{position:fixed;top:-100px;left:16px;z-index:400;padding:10px 16px;border-radius:40px;background:var(--texto);color:var(--fundo);font-weight:500;transform:translateY(-200%)}
.pular:focus{top:12px;transform:none}
:focus-visible{outline:2px solid var(--texto);outline-offset:3px}

/* ---------- peças comuns ---------- */
.pilula{display:inline-flex;align-items:center;padding:12px 16px;border:1px solid var(--borda);border-radius:42px;background:rgba(13,13,13,.4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font:500 16px/21px var(--corpo);letter-spacing:-.32px;color:var(--texto)}
.titulo{font:500 60px/60px var(--titulo);letter-spacing:-2.4px;color:var(--texto);text-align:center;text-wrap:balance}
.titulo{word-spacing:.08em}
.titulo-cinza{color:var(--titulo-cinza)}
.titulo-esquerda{text-align:left}
.apoio{font:400 20px/28px var(--corpo);letter-spacing:-.4px;color:var(--apoio);text-align:center}

/* Botão em pílula: aro claro, miolo escuro e brilho que acende ao passar o mouse */
@property --mx{syntax:'<percentage>';inherits:false;initial-value:50%}
@property --my{syntax:'<percentage>';inherits:false;initial-value:50%}
.botao{position:relative;display:inline-flex;align-items:center;justify-content:center;height:59.2px;padding:20px 28px;border-radius:118px;background:rgba(255,255,255,.05);isolation:isolate;font:500 16px/21px var(--corpo);letter-spacing:-.32px;color:var(--texto);white-space:nowrap;transition:--mx .3s cubic-bezier(.2,.7,.2,1),--my .3s cubic-bezier(.2,.7,.2,1)}
/* brilho difuso que acompanha o mouse (o span é criado pelo movimento.js) */
.botao-brilho{position:absolute;inset:0;z-index:-3;border-radius:inherit;background:radial-gradient(70% 150% at var(--mx,50%) var(--my,50%),#fff 0%,rgba(255,255,255,0) 100%);filter:blur(16px);opacity:0;transition:opacity .5s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.botao::before{content:"";position:absolute;inset:0;z-index:-2;border-radius:inherit;background:radial-gradient(70% 150% at var(--mx,50%) var(--my,50%),#fff 0%,rgba(255,255,255,0) 100%);opacity:0;transition:opacity .45s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.botao::after{content:"";position:absolute;inset:1px;z-index:-1;border-radius:114px;background:var(--miolo,var(--fundo));transition:background .35s ease}
.botao:hover::before{opacity:.55}
.botao:hover .botao-brilho{opacity:.38}
.botao-cinza{--miolo:#404447}
.botao-largo{width:100%}
.link-pilula{display:inline-flex;align-items:center;padding:8px 14px;border-radius:38px;font:500 16px/21px var(--corpo);letter-spacing:-.32px;color:var(--texto);transition:background .3s ease,box-shadow .3s ease}
.link-pilula:hover{background:rgba(255,255,255,.04)}

/* ---------- topo ---------- */
.topo{position:fixed;top:0;left:50%;z-index:50;width:1200px;max-width:100%;transform:translateX(-50%);pointer-events:none}
.topo-pilula{pointer-events:auto;display:flex;align-items:center;gap:16px;width:max-content;margin:24px auto;padding:12px 16px 12px 30px;border-radius:100px;background:rgba(13,13,13,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.topo-logo img{width:36px;height:36px}
.topo-links{display:flex;gap:2px}
.topo-menu{display:none}
.menu-celular{display:none}

/* ---------- botão flutuante ---------- */
.flutuante{position:fixed;z-index:60;bottom:calc(26px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:56px;height:56px;padding:0;display:flex;align-items:center;justify-content:flex-end;gap:16px;overflow:hidden;border:1px solid rgba(255,255,255,.05);border-radius:32px;background:rgba(66,66,69,.3);box-shadow:inset 0 0 1px rgba(232,232,237,.11);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:#f5f5f7;font:500 17px/22px var(--corpo);letter-spacing:-.17px;text-decoration:none;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .35s ease,width .65s cubic-bezier(.22,1,.36,1) .12s,background .3s ease}
.flutuante.visivel{opacity:1;pointer-events:auto;width:224px}
.flutuante:hover{background:rgba(66,66,69,.7)}
.flutuante:focus-visible{outline:2px solid #fff;outline-offset:3px}
.flutuante-texto{opacity:0;transform:translateX(6px);transition:opacity .3s ease,transform .45s cubic-bezier(.22,1,.36,1)}
.flutuante.visivel .flutuante-texto{opacity:1;transform:none;transition-delay:.3s}
.flutuante-mais{position:relative;flex:none;width:36px;height:36px;margin-right:10px;border-radius:50%;background:rgba(255,255,255,.1)}
.flutuante-mais::before,.flutuante-mais::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:3px;margin:-1.5px 0 0 -8px;border-radius:3px;background:#fff}
.flutuante-mais::after{transform:rotate(90deg)}

/* ---------- abertura ---------- */
.hero{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:40px}
.hero-cena{position:relative;z-index:1;width:1480px;height:796px;flex:none;overflow:hidden;background:radial-gradient(38% 43% at 35.6% 53.6%,rgba(26,26,26,.4) 0%,#0a0a0a 100%);-webkit-mask:linear-gradient(90deg,transparent 3%,#000 13%,#000 88%,transparent 97%);mask:linear-gradient(90deg,transparent 3%,#000 13%,#000 88%,transparent 97%)}
.hero-palavras{position:absolute;left:0;right:0;top:32%}
.hero-palavras .faixa-trilho{gap:0}
.hero-palavras span{display:block;padding:0 .3em;font:500 172px/1 var(--titulo);letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;color:#dcdddb;-webkit-mask-image:linear-gradient(180deg,#000 8%,rgba(0,0,0,.42) 100%);mask-image:linear-gradient(180deg,#000 8%,rgba(0,0,0,.42) 100%)}
.hero-fundo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;mix-blend-mode:lighten;transform:translateY(-8.1%) scale(.8);transform-origin:50% 50%}
.hero-cena::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 54%,rgba(10,10,10,.65) 72%,var(--fundo) 86%)}
.hero-conteudo{position:absolute;z-index:2;top:0;left:50%;transform:translateX(-50%);width:1312px;max-width:100%;height:786px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:32px;padding:0 120px 30px}
.hero-chamada{max-width:420px;font:400 20px/28px var(--corpo);letter-spacing:-.4px;color:#c9ccd0}
.hero-botoes{display:flex;gap:14px}
.galeria{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;padding:160px 0;overflow:hidden}
.galeria-computador{display:contents}
.galeria-celular{display:none}
.so-celular{display:none}

/* Faixa que corre sozinha (galeria e marcas) */
.faixa{position:relative;width:100%;overflow:hidden}
.faixa-trilho{display:flex;align-items:center;width:max-content;will-change:transform;animation:correr var(--duracao,60s) linear infinite}
.faixa[data-faixa="direita"] .faixa-trilho{animation-direction:reverse}
@keyframes correr{from{transform:translateX(0)}to{transform:translateX(var(--volta,-50%))}}
.faixa-inclinada{height:225px;transform:matrix3d(.914642,.105104,-.426504,0,.0792917,1,-.0369743,0,.422618,0,.906308,0,0,0,0,1);-webkit-mask:linear-gradient(to right,transparent 1%,#000 13.5%,#000 86.5%,transparent 99%);mask:linear-gradient(to right,transparent 1%,#000 13.5%,#000 86.5%,transparent 99%)}
.faixa-inclinada .faixa-trilho{height:100%;gap:15px;padding:0 7.5px}
.faixa-inclinada img{height:225px;width:auto;aspect-ratio:16/9;object-fit:cover;border-radius:15px;box-shadow:inset 0 0 0 1px var(--borda);outline:1px solid var(--borda);outline-offset:-1px}

/* ---------- sobre ---------- */
.bloco-titulo{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;gap:10px;padding:64px 24px 0}
.sobre-rolagem{position:relative;height:calc(100vh + 905px)}
.sobre-fixo{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}
.sobre-texto{position:relative;z-index:2;width:625px;max-width:calc(100% - 60px);display:flex;flex-direction:column;gap:90px;font:500 26px/36.4px var(--titulo);color:#ededed;opacity:0;transform:scale(.9);will-change:transform,opacity}
.apagado{color:#777d83}
.sobre-fotos{position:absolute;inset:0;z-index:1;pointer-events:none}
.sobre-fotos img{position:absolute;left:50%;top:50%;width:445px;height:445px;margin:-222.5px 0 0 -222.5px;border-radius:80px;object-fit:cover;background:#121212;will-change:transform}
.sobre-fotos .foto-topo{object-position:50% 0}
.sobre-fotos .foto-principal{z-index:1}
.sobre-gatilho{position:absolute;left:0;right:0;bottom:0;height:905px;pointer-events:none}

/* ---------- propósito ---------- */
.proposito{position:relative;z-index:2;width:910px;max-width:100%;height:1891px;margin:0 auto;padding:450px 0 40px}
.proposito>.titulo{position:absolute;top:213px;left:0;width:700px}
.proposito-texto{position:sticky;top:280px;z-index:1;font:500 38px/53.2px var(--titulo);color:var(--titulo-cinza)}
.proposito-texto span{transition:color .6s ease}
.proposito-texto[data-estado="1"] [data-frase="1"],.proposito-texto[data-estado="2"] [data-frase="2"],.proposito-texto[data-estado="3"] [data-frase="3"]{color:var(--texto)}
.proposito-gatilho{height:80px;margin-top:400px}
.proposito-gatilho:first-of-type{margin-top:400px}

/* ---------- valores ---------- */
.valores{position:relative;padding-bottom:152px}
.valores-titulo{width:930px;max-width:calc(100% - 48px);margin:0 auto;padding-top:393px;text-align:left}
.valores-grade{display:flex;justify-content:center;gap:100px;width:1200px;max-width:100%;margin:0 auto}
.valores-lista{flex:1 1 0;display:flex;flex-direction:column;align-items:flex-end;gap:120px;padding:450px 24px 390px 0}
.valores-lista li{width:367px;font:500 60px/60px var(--titulo);letter-spacing:-2.4px;word-spacing:.08em;color:var(--titulo-cinza);transition:color .5s ease}
.valores-lista li.ativo{color:var(--texto)}
.valores-cartoes{flex:0 0 562px;padding:0 24px}
.valores-moldura{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center}
.valores-moldura::before{content:"";width:514px;height:512px;border:1px solid #222426;border-radius:23px;background:var(--fundo)}
.valores-moldura img{position:absolute;width:514px;height:512px;object-fit:cover;border:1px solid #222426;border-radius:23px;background:var(--fundo);opacity:0;transform:scale(.96);transition:opacity .5s ease,transform .5s ease}
.valores-moldura img.ativo{opacity:1;transform:none}

/* ---------- números ---------- */
.numeros{display:flex;flex-direction:column;align-items:center;gap:120px;padding:14px 64px;overflow:hidden}
.numeros .titulo{max-width:900px;min-height:147px}
.numeros-grade{display:flex;justify-content:center;gap:24px;width:1312px;max-width:100%;height:322px}
.numero{flex:0 0 310px;display:flex;justify-content:center}
.numero-1{padding-top:75px}.numero-3{padding-top:92px}
.numero-cartao{position:relative;isolation:isolate;width:230px;height:230px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:24px;border:1px solid var(--borda);border-radius:16px;overflow:hidden}
.numero-cartao h3{font:500 20px/28px var(--corpo);text-align:right;color:#fff}
.numero-cartao p{display:flex;align-items:flex-end}
.numero-cartao strong{font:500 60px/60px var(--titulo);letter-spacing:-2.4px;color:var(--texto)}
.numero-cartao span{font:500 40px/52px var(--titulo);letter-spacing:-.8px;color:#fff;align-self:flex-start}
.numero-cartao img{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}
.numero-cartao:hover img{opacity:1}

/* ---------- marcas ---------- */
.marcas{display:flex;flex-direction:column;align-items:center;gap:48px;padding:32px 64px 80px;background:var(--fundo);overflow:hidden}
.faixa-marcas{width:1200px;max-width:100%;height:76px;-webkit-mask:linear-gradient(to right,transparent 0%,#000 10%,#000 90%,transparent 100%);mask:linear-gradient(to right,transparent 0%,#000 10%,#000 90%,transparent 100%)}
.faixa-marcas .faixa-trilho{height:100%;gap:42px;padding-right:42px}
.faixa-marcas img{flex:none;height:auto}

/* ---------- equipe: cards originais da LAND/MARKS ---------- */
.equipe{padding:0 64px 240px}
.equipe .pessoas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1360px;margin-inline:auto}
.equipe .pessoa{display:flex;flex-direction:column;min-width:0;border:1px solid var(--borda);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.008) 38%,transparent 70%),#0e0e0e;overflow:hidden}
.equipe .pessoa-foto{aspect-ratio:1;overflow:hidden;border-bottom:1px solid var(--borda);background:#0b0b0b}
.equipe .pessoa-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.equipe .pessoa-foto:has(img[src*="vinicius-retrato-azul"]) img{object-position:50% 30%}
.equipe .pessoa-corpo{padding:clamp(24px,2.6vw,34px);display:flex;flex-direction:column;gap:10px}
.equipe h3{font:500 clamp(22px,1.9vw,26px)/1.1 var(--titulo);letter-spacing:-.03em;text-wrap:balance}
.equipe .papel{font-size:15px;line-height:1.6;color:#9a9a9a;text-wrap:pretty}
.equipe .experiencia{font-size:16.5px;line-height:1.45;color:#c9c9c9}
.equipe ul{display:grid;gap:8px;margin-top:10px}
.equipe li{position:relative;padding-left:18px;font-size:16.5px;line-height:1.45;color:#c9c9c9;text-wrap:pretty}
.equipe li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;border:1px solid currentColor;opacity:.7}

/* ---------- serviços ---------- */
.servicos,.metodo,.depoimentos,.faq{display:flex;flex-direction:column;align-items:center;padding:64px 64px 320px}
.servicos .titulo,.metodo .titulo{max-width:900px;margin-top:14px}
.servicos .apoio,.metodo .apoio{max-width:900px;margin-top:14px}
.servicos-grade{display:flex;justify-content:center;gap:20px;width:1200px;max-width:100%;margin-top:64px}
.servico{width:345px;display:flex;flex-direction:column}
.servico video{width:345px;height:345px;object-fit:cover;border-radius:21px}
.servico video{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){.servico:hover video{transform:scale(1.025)}}
.servico h3{margin-top:20px;font:500 28px/30.8px var(--titulo);letter-spacing:-.56px;color:var(--texto)}
.servico h3{min-height:61.6px}
.servico p{margin-top:5px;font:400 20px/28px var(--corpo);letter-spacing:-.4px;color:var(--apoio)}

/* ---------- método ---------- */
.metodo{padding:0 64px}
.metodo .titulo{width:900px}
.pilar{display:flex;justify-content:center;padding:64px 64px 0}
.pilar-ultimo{padding-bottom:320px}
.pilar-cartao{position:relative;width:1200px;max-width:100%;min-height:506px;display:flex;align-items:center;padding:50px;border-radius:16px;background:var(--cartao-pilar);box-shadow:0 4px 10px -2px rgba(0,0,0,.1),0 2px 2px -1px rgba(0,0,0,.1),0 0 0 1px rgba(255,255,255,.08);overflow:hidden}
.pilar-texto{position:relative;z-index:2;width:690px;display:flex;flex-direction:column;align-items:flex-start}
.pilar-cartao h3{margin-top:19px;font:500 38px/53.2px var(--titulo);color:#fff}
.pilar-apoio{margin-top:8px;max-width:490px;font:400 20px/28px var(--corpo);letter-spacing:-.4px;color:var(--apoio)}
.pilar-lista{margin-top:19px;display:flex;flex-direction:column;gap:8px}
.pilar-lista li{display:flex;align-items:center;gap:8px;font:400 20px/28px var(--corpo);letter-spacing:-.4px;color:#fff}
.pilar-lista li::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;flex:none}
.pilar-objeto{position:absolute;z-index:1;right:-58px;top:50%;width:438px;height:444px;margin-top:-222px;object-fit:cover;mix-blend-mode:lighten;-webkit-mask:linear-gradient(90deg,transparent 5%,#000 18%,#000 100%);mask:linear-gradient(90deg,transparent 5%,#000 18%,#000 100%)}
.pilar-cartao{--objeto-direita:62px}
.pilar-objeto{right:var(--objeto-direita)}
.pilar-objeto-menor{transform:scale(.72);transform-origin:center}

/* ---------- depoimentos ---------- */
.depoimentos{padding:0 64px}
.depoimentos .titulo{max-width:700px;margin-top:14px}
.depoimentos .apoio{max-width:700px;margin-top:14px}
.carrossel{position:relative;width:1200px;max-width:100%;margin-top:64px}
.carrossel-trilho{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-mask:linear-gradient(to right,#000 0%,#000 10%,#000 90%,transparent 100%);mask:linear-gradient(to right,#000 0%,#000 10%,#000 90%,transparent 100%)}
.carrossel-trilho::-webkit-scrollbar{display:none}
.depoimento{flex:0 0 419px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;padding:32px;border-radius:24px;background:var(--cartao);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.depoimento-foto{width:100%;height:243px;object-fit:cover;border-radius:12px}
.foto-mari{object-position:50.7% 31.1%}
.depoimento-logo{margin-top:32px;height:auto;max-height:26px;width:auto}
.depoimento blockquote{margin:24px 0 0;font:400 16px/22.4px var(--corpo-display);color:var(--apoio-escuro)}
.depoimento-nome{margin-top:32px;font:400 16px/22.4px var(--corpo-display);color:var(--apoio)}
.depoimento-cargo{font:400 18px/23.4px var(--corpo-display);color:var(--apoio-escuro)}
.carrossel-seta{position:absolute;top:50%;width:32px;height:32px;margin-top:-16px;border-radius:50%;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .3s ease}
.carrossel-seta::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;transform:translate(-65%,-50%) rotate(45deg)}
.carrossel-anterior{left:12px}
.carrossel-anterior::before{transform:translate(-35%,-50%) rotate(-135deg)}
.carrossel-proximo{right:12px}
.carrossel-seta[disabled]{opacity:0;pointer-events:none}

/* ---------- perguntas frequentes ---------- */
.faq{position:relative;z-index:1;padding:320px 64px 0;border-radius:0 0 96px 96px}
.faq .titulo{max-width:700px;margin-top:14px}
.faq .apoio{max-width:700px;margin-top:14px}
.faq-lista{width:800px;max-width:100%;margin-top:44px;display:flex;flex-direction:column;gap:16px}
.pergunta{border:1px solid var(--borda);border-radius:12px;background:var(--cartao);overflow:hidden}
.pergunta summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;list-style:none;cursor:pointer;font:400 18px/23.4px var(--corpo-display);color:#fff}
.pergunta summary::-webkit-details-marker{display:none}
.pergunta summary::after{content:"";flex:none;width:12px;height:12px;background:linear-gradient(var(--texto),var(--texto)) center/12px 2px no-repeat}
.pergunta summary::before{content:"";position:absolute;right:25px;top:50%;width:2px;height:12px;margin-top:-6px;background:var(--texto);transition:transform .35s ease}
.pergunta[open] summary::before{transform:rotate(90deg)}
.pergunta p{padding:0 20px 20px;font:400 16px/22.4px var(--corpo-display);color:var(--apoio-escuro)}

/* ---------- chamada final ---------- */
.final{display:flex;flex-direction:column;align-items:center;padding:320px 64px 54px}
.final .titulo{max-width:960px}
.final-video{position:relative;width:960px;max-width:100%;aspect-ratio:4/3;margin-top:54px;display:flex;align-items:center;justify-content:center}
.final-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:21px;opacity:.85}
.final-frase{position:relative;z-index:1;display:flex;align-items:center;gap:19px;font:500 72px/100.8px var(--titulo);letter-spacing:-1.4px;color:#fff;white-space:nowrap}
.final-palavras{position:relative;display:block;height:100.8px;overflow:hidden;transition:width .6s cubic-bezier(.65,0,.35,1)}
.final-coluna{display:flex;flex-direction:column;align-items:flex-start;transition:transform .7s cubic-bezier(.65,0,.35,1)}
.final-coluna>span{display:block;width:max-content;height:100.8px;white-space:nowrap}
.final-dados{display:flex;justify-content:space-between;width:1200px;max-width:100%;margin-top:54px;opacity:.9}
.final-dados p{font:400 15px/21px var(--corpo-display);color:var(--apoio)}

/* ---------- rodapé ---------- */
.rodape{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:43px 120px 41px;border-top:1px solid var(--borda);background:rgba(10,10,10,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.rodape-logo{display:flex;align-items:center;gap:18px;text-decoration:none}
.rodape-logo img{display:block}
.rodape-assinatura{font:400 14px/16.8px var(--corpo);letter-spacing:-.28px;color:var(--apoio)}
.rodape nav{display:flex;align-items:center;gap:15px}
.rodape nav a{font:400 14px/16.8px var(--corpo);letter-spacing:-.28px;color:var(--texto)}
.rodape nav .rodape-destaque{font:400 18px/23.4px var(--corpo-display);letter-spacing:0}

/* ---------- entradas ao rolar ---------- */
.js .entra{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.js .entra.dentro{opacity:1;transform:none}
.js .numero{opacity:0;transform:translateY(150px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.js .numero-2,.js .numero-4{transform:translateY(-150px)}
.js .numero.dentro{opacity:1;transform:none}
.js .pilar-texto>*{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}
.js .pilar-lista li{opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}
.js .pilar-cartao.dentro .pilar-texto>*,.js .pilar-cartao.dentro .pilar-lista li{opacity:1;transform:none}

/* ---------- notebook: 1200 a 1439 ---------- */
@media (max-width:1439px){
  .hero-cena{width:1200px;height:720px}
  .hero-palavras span{font-size:150px}
  .hero-conteudo{height:699px;padding:0 120px 90px}
  .galeria{padding:90px 0 110px}
}

/* ---------- tablet: 810 a 1199 ---------- */
@media (max-width:1199px){
  .titulo{font-size:48px;line-height:48px;letter-spacing:-1.92px}
  .hero-cena{width:810px;height:512px}
  .hero-fundo{transform:translateY(-3.9%) scale(.8)}
  .metodo .titulo{width:auto;max-width:100%}
  .hero-palavras{top:36%}
  .hero-palavras span{font-size:112px}
  .hero-conteudo{padding-bottom:24px}
  .hero-conteudo{height:512px;padding:0 60px 40px}
  .proposito{width:700px;padding-top:140px}
  .proposito>.titulo{position:static;margin-bottom:60px}
  .proposito-texto{top:140px}
  .valores-grade{gap:40px}
  .valores-cartoes{flex-basis:420px}
  .valores-moldura img,.valores-moldura::before{width:380px;height:380px}
  .valores-lista li{width:auto;font-size:48px;line-height:48px}
  .numeros-grade{gap:12px;transform:scale(.8)}
  .servicos-grade{flex-wrap:wrap}
  .pilar-objeto{opacity:.6}
  .depoimento{flex-basis:380px}
  .final-frase{font-size:56px;line-height:80px}
  .final-palavras,.final-coluna>span{height:80px}
}

/* ---------- celular: até 809 ---------- */
@media (max-width:809px){
  .titulo{font-size:38px;line-height:38px;letter-spacing:-1.52px}
  .apoio{font-size:16px;line-height:22.4px;letter-spacing:-.32px}
  .so-computador{display:none}
  .so-celular{display:inline}

  .topo{width:100%}
  .topo-pilula{width:100%;margin:0;padding:16px 24px;justify-content:space-between;border:0;border-radius:0;background:var(--fundo);-webkit-backdrop-filter:none;backdrop-filter:none}
  .topo-links,.topo-pilula>.botao{display:none}
  .topo-menu{display:block;position:relative;width:31px;height:31px}
  .topo-menu span{position:absolute;left:0;width:31px;height:2px;border-radius:7px;background:var(--texto);transition:transform .35s ease,opacity .25s ease}
  .topo-menu span:nth-child(1){top:6px}.topo-menu span:nth-child(2){top:14px}.topo-menu span:nth-child(3){top:23px}
  .topo-menu[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .topo-menu[aria-expanded="true"] span:nth-child(2){opacity:0}
  .topo-menu[aria-expanded="true"] span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
  .menu-celular{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:24px;padding:0 24px 24px;background:var(--fundo)}
  .menu-celular ul{display:flex;flex-direction:column;align-items:center;gap:8px}


  .hero-cena{width:390px;height:430px;-webkit-mask:none;mask:none}
  .hero-fundo{transform:none}
  .hero-cena::after{display:none}
  .hero-palavras{top:35%}
  .hero-palavras span{font-size:92px;letter-spacing:-.03em}
  .hero-conteudo{top:140px;height:520px;width:100%;align-items:center;gap:32px;padding:0 20px 40px}
  .hero-chamada{max-width:246px;font:400 14px/19.6px var(--corpo-display);letter-spacing:normal;color:#c9ccd0;text-align:center}
  .hero-botoes{flex-direction:column;gap:14px}
  .hero-botoes .botao{width:178px}
  .hero{padding-bottom:40px}
  .galeria{padding:270px 0 50px}
  .galeria-computador{display:none}
  .galeria-celular{display:contents}
  .faixa-inclinada{height:161px}
  .faixa-inclinada img{height:141px}

  .bloco-titulo{padding:120px 24px 0;margin:-37px 0 -181px}
  .bloco-titulo .titulo{font-size:36px;line-height:43.2px;letter-spacing:-1.44px}
  .sobre-rolagem{height:calc(100vh + 866px)}
  .sobre-fixo{padding:0 30px}
  .sobre-texto{width:297px;max-width:100%;gap:25px;font-size:18px;line-height:25.2px}
  .sobre-fotos img{width:325px;height:325px;margin:-162.5px 0 0 -162.5px}
  .sobre-gatilho{height:866px}

  .proposito{width:100%;height:1514px;padding:0 30px 40px}
  .proposito>.titulo{position:static;width:auto;padding:120px 0 60px;margin:0 -6px}
  .proposito-texto{top:300px;width:298px;font-size:21px;line-height:28px}
  .proposito-gatilho{height:80px;margin-top:300px}

  .valores-titulo{padding-top:387px;width:auto;margin:0 30px;font-size:38px;line-height:38px}
  .valores-grade{display:block}
  .valores{padding-bottom:506px}
  .valores-lista{padding:200px 24px 0 30px;gap:120px;align-items:flex-start}
  .valores-lista li{width:auto;font-size:38px;line-height:38px;letter-spacing:-1.52px}
  .valores-cartoes{position:fixed;inset:0;z-index:20;padding:0;pointer-events:none;opacity:0;transition:opacity .4s ease}
  .valores.no-meio .valores-cartoes{opacity:1}
  .valores-moldura{position:absolute;top:auto;bottom:24px;left:10vw;width:80vw;height:80vw}
  .valores-moldura img,.valores-moldura::before{width:80vw;height:80vw;border-radius:20px}

  .numeros{gap:80px;padding:21px 22px 80px}
  .numeros .titulo{max-width:330px;min-height:0}
  .numeros-grade{flex-direction:column;align-items:center;justify-content:center;height:1324px;gap:20px;padding:0 40px 40px;transform:none}
  .numero,.numero-1,.numero-3{flex:none;padding:0}
  .numero-cartao{width:266px;height:266px;border:0}
  .numero-cartao h3{font-family:var(--titulo)}
  .numero-cartao strong{font-size:38px;line-height:38px;letter-spacing:-1.52px}
  .numero-cartao img{opacity:1}

  .marcas{padding:24px;gap:24px}
  .marcas .apoio{max-width:300px}
  .faixa-marcas{max-width:342px}
  .equipe{padding:48px 24px 0}
  .equipe .pessoas{grid-template-columns:1fr;gap:24px;max-width:520px}
  .equipe h3{font-size:26px}

  .servicos,.depoimentos{padding:280px 24px 0}
  .servicos-grade{flex-direction:column;gap:40px}
  .servico,.servico video{width:342px;max-width:100%}
  .servico video{height:342px}
  .servico h3{font:500 28px/30.8px var(--corpo)}
  .servico p{margin-top:4px;font-size:16px;line-height:22.4px;letter-spacing:-.32px}

  .metodo{padding:280px 24px 24px}
  .metodo .titulo,.depoimentos .titulo{width:auto;font-size:36px;line-height:43.2px;letter-spacing:-1.44px}
  .pilar{padding:24px 24px 0}
  .pilar-ultimo{padding-bottom:24px}
  .pilar-cartao{flex-direction:column;align-items:stretch;min-height:0;padding:24px 24px 0}
  .pilar-texto{width:100%}
  .pilar-cartao h3{margin-top:15px;font-size:21px;line-height:25.2px}
  .pilar-apoio{max-width:221px;font-size:16px;line-height:22.4px;letter-spacing:-.32px}
  .pilar-lista li{font-size:16px;line-height:22.4px;letter-spacing:-.32px}
  .pilar-objeto-menor{transform:scale(.85)}
  .pilar-objeto{position:relative;right:auto;top:auto;margin:0 -24px;width:calc(100% + 48px);height:242px;-webkit-mask:linear-gradient(transparent 0%,#000 25%);mask:linear-gradient(transparent 0%,#000 25%)}

  .carrossel{margin-top:64px}
  .carrossel-trilho{padding:11px 0}
  .carrossel-trilho{-webkit-mask:linear-gradient(to right,#000 2%,#000 10.33%,#000 89.67%,transparent 98%);mask:linear-gradient(to right,#000 2%,#000 10.33%,#000 89.67%,transparent 98%)}
  .depoimento{flex-basis:280px;padding:24px}
  .depoimento-foto{height:240px}
  .depoimento-logo{margin-top:20px;max-height:17.5px}
  .depoimento blockquote{font-size:14px;line-height:19.6px}
  .depoimento-nome{margin-top:20px;font-size:14px;line-height:19.6px}

  .faq{padding:280px 24px 0}
  .faq-lista{margin-top:68px}

  .final{padding:280px 24px 24px}
  .final .titulo{max-width:298px}
  .final-video{margin-top:64px;aspect-ratio:4/5}
  .final-frase{flex-direction:column;gap:0;font-size:52px;line-height:72.8px;letter-spacing:-.9px}
  .final-frase>span:first-child{font-size:45px;line-height:63px}
  .final-palavras{height:72.8px;margin:0 auto}
  .final-coluna>span{height:72.8px;font-size:52px;line-height:72.8px;text-align:center}
  .final-dados{flex-direction:column;align-items:center;gap:0;margin-top:64px;opacity:1;text-align:center}
  .final-dados p:first-child{opacity:.9}
  .final-dados p:last-child{max-width:270px;font:400 15px/21px var(--corpo);letter-spacing:-.3px;color:var(--apoio)}

  .rodape{flex-direction:column;justify-content:center;gap:12px;height:108px;padding:0 32px}
}

/* Movimento reduzido: tudo pronto e parado */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .faixa-trilho{animation:none}
  .js .entra,.js .numero,.js .pilar-texto>*,.js .pilar-lista li{opacity:1!important;transform:none!important;transition:none}
  .sobre-texto{opacity:1;transform:none}
}

/* 12/11/2026: área de toque de 44px no menu e nas setas do carrossel, sem mudar o desenho */
.topo-menu::after,.carrossel-seta::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
/* 12/11/2026: no celular o botão flutuante "Iniciar um projeto" cobria o logo e os links do rodapé; o rodapé ganha espaço embaixo para o botão */
@media (max-width:809px){.rodape{height:auto;padding:28px 32px calc(108px + env(safe-area-inset-bottom,0px))}}