/* ==========================================================================
   DIGITALIZZE — SITE INSTITUCIONAL
   Base preta, vermelho de marca em movimento, vidro nos pontos vivos.
   CSS puro. Mobile first. Sem framework. Fontes no proprio servidor.
   ========================================================================== */

@font-face{
  font-family:'Archivo';
  src:url('/assets/fonts/archivo-latin.woff2') format('woff2-variations'),
      url('/assets/fonts/archivo-latin.woff2') format('woff2');
  font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap;
}
/* alternativa: para voltar ao visual condensado, troque --dz-display por 'Bebas Neue' */
@font-face{
  font-family:'Bebas Neue';
  src:url('/assets/fonts/bebas-neue-latin.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Inter';
  src:url('/assets/fonts/inter-latin.woff2') format('woff2-variations'),
      url('/assets/fonts/inter-latin.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
}

:root{
  --dz-vermelho:#FD1700;
  --dz-vermelho-escuro:#D91400;
  --dz-preto:#000;
  --dz-branco:#fff;

  --dz-fundo:#000;
  --dz-superficie:#0F0F0F;
  --dz-superficie-2:#17171D;
  --dz-linha:#2A2A2A;
  --dz-linha-2:#1A1A1A;

  --dz-texto:#fff;
  --dz-texto-2:#D6D6D6;
  --dz-texto-3:#ABABAB;

  /* verde: uso exclusivo do WhatsApp */
  --dz-zap:#25D366;
  --dz-zap-escuro:#1EBE5A;
  /* indicador de dado: branco, para o site ficar em preto e branco */
  --dz-positivo:#FFFFFF;
  --dz-historico:#3D3D3D;

  --dz-vidro-fundo:rgba(255,255,255,.08);
  --dz-vidro-forte:rgba(255,255,255,.13);
  --dz-vidro-borda:rgba(255,255,255,.22);
  --dz-vidro-blur:18px;

  --dz-display:'Bebas Neue','Arial Narrow','Helvetica Neue',sans-serif;
  --dz-corpo:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;

  --dz-r:14px;
  --dz-r-sm:8px;
  --dz-e1:8px; --dz-e2:12px; --dz-e3:16px; --dz-e4:24px; --dz-e5:40px; --dz-e6:64px;
  --dz-max:1180px;
  --dz-gut:20px;
  --dz-topo:62px;

  --dz-ease:cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--dz-topo)}

body{
  margin:0;background:var(--dz-fundo);color:var(--dz-texto);
  font-family:var(--dz-corpo);font-size:16px;line-height:1.6;font-weight:400;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
body.dz-travado{overflow:hidden}

img,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--dz-vermelho);outline-offset:3px;border-radius:4px}
::selection{background:var(--dz-vermelho);color:#fff}

.dz-container{width:100%;max-width:var(--dz-max);margin:0 auto;padding:0 var(--dz-gut)}
.dz-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- TIPOGRAFIA ---------- */
.dz-d1,.dz-d2,.dz-d3{font-family:var(--dz-display);font-weight:700;line-height:.95;letter-spacing:-.035em;margin:0}
.dz-d1{font-size:clamp(40px,11.2vw,92px)}
.dz-d2{font-size:clamp(30px,7.4vw,56px)}
.dz-d3{font-size:clamp(22px,4.9vw,34px)}

.dz-rotulo{
  font-family:var(--dz-display);font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--dz-texto-3);margin:0 0 var(--dz-e3);display:flex;align-items:center;gap:10px;
}
.dz-rotulo::before{content:"";width:26px;height:2px;background:var(--dz-vermelho);flex:none}

.dz-texto{max-width:64ch;color:var(--dz-texto-2);margin:0 0 var(--dz-e3);font-size:16px}
.dz-apoio{color:var(--dz-texto-3);font-size:14px;margin:0}
.dz-num{font-family:var(--dz-display);font-weight:700;font-size:clamp(30px,7.6vw,42px);line-height:1;letter-spacing:-.03em}

/* ---------- BOTÕES ---------- */
.dz-btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--dz-display);font-size:14px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  padding:16px 30px;border-radius:6px;border:1px solid var(--dz-vermelho);
  background:var(--dz-vermelho);color:#fff;overflow:hidden;isolation:isolate;
  transition:transform .25s var(--dz-ease),box-shadow .3s var(--dz-ease),background .2s linear;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),
             inset 0 -10px 22px -12px rgba(0,0,0,.5),
             0 0 26px -10px rgba(253,23,0,.8);
}
.dz-btn::after{
  content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;
  background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.42) 50%,transparent 80%);
  transform:translateX(-120%);
}
.dz-btn:hover{transform:translateY(-2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),
             inset 0 -10px 22px -12px rgba(0,0,0,.45),
             0 12px 38px -8px rgba(253,23,0,.95);
}
.dz-btn:hover::after{animation:dz-brilho .75s var(--dz-ease)}
.dz-btn:active{transform:translateY(0) scale(.98)}
@keyframes dz-brilho{to{transform:translateX(120%)}}

.dz-btn--vidro{
  background:var(--dz-vidro-fundo);border-color:var(--dz-vidro-borda);color:#fff;
  -webkit-backdrop-filter:blur(var(--dz-vidro-blur));backdrop-filter:blur(var(--dz-vidro-blur));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
}
.dz-btn--vidro:hover{background:var(--dz-vidro-forte);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 30px -12px rgba(0,0,0,.9)}
.dz-btn--zap{background:var(--dz-zap);border-color:var(--dz-zap);color:#03210F}
.dz-btn--zap{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -10px 22px -12px rgba(0,0,0,.35),0 0 26px -10px rgba(37,211,102,.8)}
.dz-btn--zap:hover{background:var(--dz-zap-escuro);border-color:var(--dz-zap-escuro);color:#03210F;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 12px 38px -8px rgba(37,211,102,.95)}
.dz-btn--zap svg{width:17px;height:17px;fill:currentColor;flex:none}

.dz-btn--contorno{background:transparent;border-color:var(--dz-linha);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.dz-btn--contorno:hover{border-color:var(--dz-vermelho);box-shadow:none}
.dz-btn--pequeno{font-size:12.5px;padding:12px 20px;border-radius:5px}

.dz-btns{display:flex;flex-wrap:wrap;gap:var(--dz-e2)}

/* ---------- VIDRO ---------- */
.dz-vidro{
  background:var(--dz-vidro-fundo);
  -webkit-backdrop-filter:blur(var(--dz-vidro-blur));backdrop-filter:blur(var(--dz-vidro-blur));
  border:1px solid var(--dz-vidro-borda);border-radius:var(--dz-r);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .dz-vidro,.dz-btn--vidro{background:rgba(28,28,28,.94)}
}

/* ---------- TOPO / NAV ---------- */
.dz-topo{
  position:fixed;top:0;left:0;right:0;z-index:70;height:var(--dz-topo);
  display:flex;align-items:center;
  transition:background .3s var(--dz-ease),border-color .3s var(--dz-ease);
  border-bottom:1px solid transparent;
}
.dz-topo.dz-topo--solido{
  background:rgba(0,0,0,.72);border-bottom-color:var(--dz-linha-2);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.dz-topo__linha{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}
.dz-marca{display:flex;align-items:center;gap:9px;font-family:var(--dz-display);font-weight:700;font-size:19px;letter-spacing:.02em;line-height:1;text-transform:uppercase}
.dz-marca img{height:22px;width:auto}
.dz-topo__acoes{display:flex;align-items:center;gap:10px}
.dz-topo__links{display:none;gap:26px}
.dz-topo__links a{font-size:13.5px;color:var(--dz-texto-3);position:relative;padding:4px 0;transition:color .2s}
.dz-topo__links a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--dz-vermelho);transition:width .28s var(--dz-ease)}
.dz-topo__links a:hover{color:#fff}
.dz-topo__links a:hover::after{width:100%}
.dz-topo .dz-btn{display:none}

/* botão menu */
.dz-menu-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--dz-linha);transition:border-color .25s,background .25s}
.dz-menu-btn:hover{border-color:var(--dz-vermelho)}
.dz-menu-btn span{display:block;width:20px;height:2px;background:#fff;position:relative;transition:background .2s}
.dz-menu-btn span::before,.dz-menu-btn span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:#fff;transition:transform .3s var(--dz-ease)}
.dz-menu-btn span::before{top:-6px}
.dz-menu-btn span::after{top:6px}
body.dz-menu-aberto .dz-menu-btn span{background:transparent}
body.dz-menu-aberto .dz-menu-btn span::before{transform:translateY(6px) rotate(45deg)}
body.dz-menu-aberto .dz-menu-btn span::after{transform:translateY(-6px) rotate(-45deg)}

/* menu tela cheia */
.dz-menu{
  position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background:rgba(0,0,0,.93);
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
  display:flex;flex-direction:column;justify-content:center;
  padding:var(--dz-topo) var(--dz-gut) var(--dz-e5);
  opacity:0;visibility:hidden;transition:opacity .35s var(--dz-ease),visibility .35s;
}
body.dz-menu-aberto .dz-menu{opacity:1;visibility:visible}
.dz-menu__lista{list-style:none;margin:0;padding:0;max-width:var(--dz-max);margin-inline:auto;width:100%}
.dz-menu__lista li{overflow:hidden;border-bottom:1px solid var(--dz-linha-2)}
.dz-menu__lista a{
  display:flex;align-items:baseline;gap:14px;padding:14px 0;
  font-family:var(--dz-display);font-weight:700;font-size:clamp(28px,8vw,46px);line-height:1;letter-spacing:-.03em;
  transform:translateY(110%);transition:transform .5s var(--dz-ease),color .2s;
}
body.dz-menu-aberto .dz-menu__lista a{transform:translateY(0)}
.dz-menu__lista li:nth-child(1) a{transition-delay:.05s}
.dz-menu__lista li:nth-child(2) a{transition-delay:.09s}
.dz-menu__lista li:nth-child(3) a{transition-delay:.13s}
.dz-menu__lista li:nth-child(4) a{transition-delay:.17s}
.dz-menu__lista li:nth-child(5) a{transition-delay:.21s}
.dz-menu__lista li:nth-child(6) a{transition-delay:.25s}
.dz-menu__lista li:nth-child(7) a{transition-delay:.29s}
.dz-menu__lista a:hover{color:var(--dz-vermelho)}
.dz-menu__lista .dz-menu__i{font-size:12px;font-weight:500;color:var(--dz-texto-3);letter-spacing:.1em}
.dz-menu__pe{max-width:var(--dz-max);margin:var(--dz-e5) auto 0;width:100%;display:flex;flex-wrap:wrap;gap:var(--dz-e3);align-items:center}
.dz-menu__pe a{font-size:13px;color:var(--dz-texto-3)}
.dz-menu__pe a:hover{color:var(--dz-vermelho)}

/* ---------- TRILHO LATERAL DE SEÇÕES ---------- */
.dz-trilho{
  position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:60;
  display:flex;flex-direction:column;gap:14px;align-items:flex-end;
  opacity:0;visibility:hidden;transition:opacity .4s var(--dz-ease),visibility .4s;
}
.dz-trilho.dz-visivel{opacity:1;visibility:visible}
body.dz-menu-aberto .dz-trilho{opacity:0;visibility:hidden}
.dz-trilho a{display:flex;align-items:center;gap:9px;height:14px}
.dz-trilho__t{
  font-family:var(--dz-display);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dz-texto-3);
  opacity:0;transform:translateX(8px);transition:opacity .3s,transform .3s var(--dz-ease);
  white-space:nowrap;display:none;
}
.dz-trilho__p{width:8px;height:8px;border-radius:999px;background:var(--dz-historico);transition:background .3s,transform .3s var(--dz-ease),box-shadow .3s;flex:none}
.dz-trilho a:hover .dz-trilho__p{background:var(--dz-texto-3)}
.dz-trilho a:hover .dz-trilho__t{opacity:1;transform:translateX(0)}
.dz-trilho a.dz-ativo .dz-trilho__p{background:var(--dz-vermelho);transform:scale(1.5);box-shadow:0 0 0 4px rgba(253,23,0,.18)}
.dz-trilho a.dz-ativo .dz-trilho__t{opacity:1;transform:translateX(0);color:#fff}

/* ---------- BARRA DE PROGRESSO ---------- */
.dz-progresso{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:var(--dz-vermelho);z-index:75}

/* ---------- HERO ---------- */
.dz-hero{
  position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;
  padding:calc(var(--dz-topo) + var(--dz-e5)) 0 var(--dz-e4);
  overflow:hidden;isolation:isolate;border-bottom:1px solid var(--dz-linha-2);
}
.dz-hero__fundo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}
.dz-brasa{position:absolute;border-radius:50%;filter:blur(78px);will-change:transform}
.dz-brasa--a{width:64vw;height:64vw;min-width:280px;min-height:280px;background:#6E6E6E;opacity:.34;top:-14%;left:-20%;animation:dz-flutua-a 19s ease-in-out infinite}
.dz-brasa--b{width:52vw;height:52vw;min-width:230px;min-height:230px;background:#4A4A4A;opacity:.30;top:14%;right:-18%;animation:dz-flutua-b 24s ease-in-out infinite}
.dz-brasa--c{width:42vw;height:42vw;min-width:190px;min-height:190px;background:var(--dz-vermelho);opacity:.16;bottom:-6%;left:26%;animation:dz-flutua-c 16s ease-in-out infinite}
@keyframes dz-flutua-a{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(60px,26px,0) scale(1.26)}}
@keyframes dz-flutua-b{0%,100%{transform:translate3d(0,0,0) scale(1.1)}50%{transform:translate3d(-52px,-24px,0) scale(.86)}}
@keyframes dz-flutua-c{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(34px,-30px,0)}}

.dz-hero__grade{
  position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(120% 80% at 50% 40%,#000 20%,transparent 78%);
  mask-image:radial-gradient(120% 80% at 50% 40%,#000 20%,transparent 78%);
}
.dz-hero__veu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,transparent 26%,rgba(0,0,0,.35) 68%,#000 100%)}

.dz-hero__topo{margin-bottom:auto}
.dz-hero__eyebrow{
  display:inline-flex;align-items:center;gap:9px;font-size:12.5px;color:var(--dz-texto-2);
  padding:7px 15px 7px 11px;border-radius:999px;
}
.dz-pulso{width:7px;height:7px;border-radius:999px;background:var(--dz-zap);position:relative;flex:none}
.dz-pulso::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--dz-zap);animation:dz-pulsa 2.4s ease-out infinite}
@keyframes dz-pulsa{0%{transform:scale(1);opacity:.7}100%{transform:scale(3.4);opacity:0}}

.dz-hero h1{margin:0 0 var(--dz-e3)}
.dz-hero__l1{display:block;font-size:clamp(15px,3.4vw,22px);font-weight:500;color:var(--dz-texto-3);letter-spacing:.12em;text-transform:uppercase;font-family:var(--dz-display);line-height:1.2;margin-bottom:12px}
.dz-hero__l2{display:block}
.dz-hero__troca{display:block;height:1.06em;overflow:hidden;color:#fff}
.dz-hero__troca span{display:block;animation:dz-rola 12s infinite}
.dz-hero__troca b{display:block;height:1.06em;line-height:1.06;font-weight:700;white-space:nowrap}
.dz-hero__troca i{font-style:normal;color:var(--dz-vermelho)}
@keyframes dz-rola{
  0%,20%{transform:translateY(0)}
  25%,45%{transform:translateY(-1.06em)}
  50%,70%{transform:translateY(-2.12em)}
  75%,95%{transform:translateY(-3.18em)}
  100%{transform:translateY(-4.24em)}
}
.dz-hero .dz-texto{max-width:46ch;margin-bottom:var(--dz-e4)}

/* placa de números do hero */
.dz-placa{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;overflow:hidden;
  margin-top:var(--dz-e5);background:var(--dz-vidro-borda);
}
.dz-placa__i{padding:var(--dz-e3);background:rgba(10,10,10,.55);-webkit-backdrop-filter:blur(var(--dz-vidro-blur));backdrop-filter:blur(var(--dz-vidro-blur))}
.dz-placa__i .dz-num{color:#fff;font-size:clamp(28px,8vw,40px)}
.dz-placa__i p{margin:4px 0 0;font-size:12px;color:var(--dz-texto-3);line-height:1.35}
.dz-hero__seta{display:flex;align-items:center;gap:10px;margin-top:var(--dz-e4);font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-family:var(--dz-display);color:var(--dz-texto-3)}
.dz-hero__seta i{display:block;width:1px;height:26px;background:linear-gradient(180deg,#EDEDED,transparent);animation:dz-desce 2s ease-in-out infinite}
@keyframes dz-desce{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(7px);opacity:.35}}

/* vídeo de fundo do hero */
.dz-hero__filme{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#000;pointer-events:none}
.dz-hero__filme video{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:grayscale(.2) brightness(.46) contrast(1.05);
}
/* com filme no fundo as brasas ficam mais discretas */
.dz-hero .dz-brasa--a{opacity:.20}
.dz-hero .dz-brasa--b{opacity:.16}
.dz-hero .dz-brasa--c{opacity:.10}
.dz-hero__veu{background:linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.46) 26%,rgba(0,0,0,.6) 62%,#000 100%)}

/* ---------- SEÇÕES ---------- */
.dz-secao{padding:var(--dz-e6) 0;position:relative}
.dz-secao--linha{border-top:1px solid var(--dz-linha-2)}
.dz-secao__cabeca{margin-bottom:var(--dz-e4)}
.dz-secao__cabeca .dz-d2{margin-bottom:var(--dz-e2)}

/* ---------- MANIFESTO ---------- */
.dz-frase{
  font-family:var(--dz-display);font-size:clamp(25px,5.9vw,46px);line-height:1.06;letter-spacing:-.035em;
  margin:0 0 var(--dz-e4);max-width:22ch;font-weight:700;
}
.dz-manifesto .dz-sub{font-family:var(--dz-corpo);font-size:16px;line-height:1.6;color:var(--dz-texto-2);max-width:58ch;letter-spacing:0}
.dz-marcos{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--dz-linha);border:1px solid var(--dz-linha);margin-top:var(--dz-e5)}
.dz-marcos div{background:var(--dz-superficie);padding:var(--dz-e3)}
.dz-marcos .dz-num{color:#fff}
.dz-marcos p{margin:6px 0 0;font-size:12.5px;color:var(--dz-texto-3);line-height:1.35}

/* ---------- CARROSSEL GENÉRICO ---------- */
.dz-carrossel{position:relative}
.dz-pista{
  display:flex;gap:var(--dz-e2);overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;
  padding:4px var(--dz-gut) var(--dz-e3);margin:0 calc(var(--dz-gut) * -1);
  -ms-overflow-style:none;scrollbar-width:none;cursor:grab;
}
.dz-pista::-webkit-scrollbar{display:none}
.dz-pista.dz-arrastando{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}
.dz-pista.dz-arrastando *{pointer-events:none}
.dz-pista > *{scroll-snap-align:start;flex:0 0 auto}

.dz-controles{display:flex;align-items:center;justify-content:space-between;gap:var(--dz-e3);margin-top:var(--dz-e2)}
.dz-pontos{display:flex;gap:7px;flex-wrap:wrap}
.dz-ponto{width:22px;height:3px;border-radius:2px;background:var(--dz-historico);transition:background .3s,width .3s var(--dz-ease)}
.dz-ponto.dz-ativo{background:var(--dz-vermelho);width:38px}
.dz-setas{display:flex;gap:8px}
.dz-seta{
  width:44px;height:44px;border-radius:999px;border:1px solid var(--dz-linha);
  display:grid;place-items:center;transition:border-color .25s,background .25s,transform .25s var(--dz-ease),opacity .25s;
}
.dz-seta:hover{border-color:var(--dz-vermelho);background:var(--dz-superficie-2)}
.dz-seta:active{transform:scale(.93)}
.dz-seta[disabled]{opacity:.28;pointer-events:none}
.dz-seta svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- SERVIÇOS ---------- */
.dz-servico{
  width:min(84vw,340px);min-height:270px;padding:var(--dz-e4) var(--dz-e3) var(--dz-e3);
  background:var(--dz-superficie);border:1px solid var(--dz-linha);border-radius:var(--dz-r);
  position:relative;overflow:hidden;display:flex;flex-direction:column;
  transition:transform .4s var(--dz-ease),border-color .4s var(--dz-ease);
}
.dz-servico::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:#FFFFFF;transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--dz-ease);
}
.dz-servico::after{
  content:"";position:absolute;width:230px;height:230px;border-radius:50%;
  background:#FFFFFF;filter:blur(80px);opacity:0;bottom:-120px;right:-80px;
  transition:opacity .5s var(--dz-ease);pointer-events:none;
}
.dz-servico:hover,.dz-servico:focus-within{transform:translateY(-6px);border-color:#3a3a3a}
.dz-servico:hover::before,.dz-servico:focus-within::before{transform:scaleX(1)}
.dz-servico:hover::after,.dz-servico:focus-within::after{opacity:.09}
.dz-servico__n{font-family:var(--dz-display);font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--dz-texto-3);margin-bottom:var(--dz-e4)}
.dz-servico h3{font-family:var(--dz-display);font-size:26px;line-height:1.02;font-weight:700;margin:0 0 10px;letter-spacing:-.03em;position:relative}
.dz-servico p{margin:0;font-size:14.5px;line-height:1.55;color:var(--dz-texto-3);position:relative}
.dz-servico ul{list-style:none;margin:auto 0 0;padding:var(--dz-e3) 0 0;display:flex;flex-wrap:wrap;gap:6px;position:relative}
.dz-servico li{font-size:11.5px;color:var(--dz-texto-3);border:1px solid var(--dz-linha);border-radius:999px;padding:4px 10px}

/* ---------- CASES ---------- */
.dz-cases{overflow:hidden}
.dz-case{width:min(88vw,860px);position:relative}
.dz-case__caixa{
  background:linear-gradient(180deg,var(--dz-superficie) 0%,#080808 100%);
  border:1px solid var(--dz-linha);border-radius:var(--dz-r);overflow:hidden;height:100%;
  position:relative;isolation:isolate;
}
.dz-case__brilho{position:absolute;top:-140px;right:-100px;width:320px;height:320px;border-radius:50%;filter:blur(90px);opacity:.07;z-index:0}
.dz-case__cabeca{padding:var(--dz-e4) var(--dz-e3) var(--dz-e3);border-bottom:1px solid var(--dz-linha-2)}
.dz-case__tag{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-family:var(--dz-display);color:var(--dz-texto-3);border:1px solid var(--dz-linha);border-radius:999px;padding:3px 11px;margin-bottom:12px}
.dz-case__cabeca h3{font-family:var(--dz-display);font-size:clamp(30px,7.6vw,50px);line-height:.98;font-weight:700;margin:0 0 10px;letter-spacing:-.035em}
.dz-case__cabeca p{margin:0;color:var(--dz-texto-2);font-size:15px;max-width:52ch}

.dz-case__midia{display:grid;grid-template-columns:1fr;gap:var(--dz-e3);padding:var(--dz-e3)}

/* moldura de navegador */
.dz-navegador{border-radius:10px;overflow:hidden;border:1px solid var(--dz-linha);background:#0b0b0b;box-shadow:0 20px 50px -24px rgba(0,0,0,.95)}
.dz-navegador__barra{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#141414;border-bottom:1px solid var(--dz-linha-2)}
.dz-navegador__barra i{width:8px;height:8px;border-radius:999px;background:#2f2f2f;flex:none}
.dz-navegador__url{
  flex:1;margin-left:6px;font-size:10.5px;color:var(--dz-texto-3);background:#0b0b0b;
  border-radius:999px;padding:4px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.dz-navegador__tela{position:relative;overflow:hidden;background:#000}
.dz-navegador__tela img{width:100%;height:auto;display:block;transition:transform .7s var(--dz-ease)}
.dz-navegador:hover .dz-navegador__tela img{transform:scale(1.03)}

/* telefone com reel */
.dz-fone{
  width:212px;margin:0 auto;padding:8px;border-radius:32px;background:#101010;
  border:1px solid #262626;box-shadow:0 24px 60px -26px rgba(0,0,0,1),inset 0 0 0 1px rgba(255,255,255,.05);
  position:relative;
}
.dz-fone__tela{position:relative;border-radius:25px;overflow:hidden;background:#000;aspect-ratio:360/795}
.dz-fone__tela video,.dz-fone__tela img{width:100%;height:100%;object-fit:cover;display:block}
.dz-fone__ilha{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:56px;height:15px;border-radius:999px;background:#000;z-index:3}
.dz-fone__selo{
  position:absolute;left:8px;bottom:8px;right:8px;z-index:3;display:flex;align-items:center;gap:5px;
  padding:7px 9px;border-radius:11px;font-size:10px;line-height:1.25;color:#fff;
  white-space:nowrap;overflow:hidden;
  background:var(--dz-vidro-fundo);border:1px solid var(--dz-vidro-borda);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
.dz-fone__selo strong{font-weight:500}
.dz-fone__selo em{font-style:normal;color:var(--dz-texto-3)}
.dz-fone__som{
  position:absolute;top:32px;right:10px;z-index:4;width:30px;height:30px;border-radius:999px;
  display:grid;place-items:center;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.22);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,transform .2s var(--dz-ease);
}
.dz-fone__som:hover{background:rgba(0,0,0,.8);transform:scale(1.08)}
.dz-fone__som svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* números do case */
.dz-case__nums{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--dz-linha-2);border-top:1px solid var(--dz-linha-2)}
.dz-case__nums div{background:#060606;padding:var(--dz-e3) 12px;text-align:left}
.dz-case__nums b{display:block;font-family:var(--dz-display);font-weight:700;font-size:clamp(21px,5.2vw,30px);line-height:1;letter-spacing:-.03em;color:#fff}
.dz-case__nums span{display:block;margin-top:5px;font-size:10.5px;color:var(--dz-texto-3);line-height:1.3}
.dz-case__pe{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:var(--dz-e3)}
.dz-case__pe a{font-size:13px;color:var(--dz-texto-3);display:inline-flex;align-items:center;gap:6px;transition:color .2s}
.dz-case__pe a:hover{color:var(--dz-vermelho)}
.dz-case__escopo{display:flex;flex-wrap:wrap;gap:6px}
.dz-case__escopo span{font-size:11px;color:var(--dz-texto-3);border:1px solid var(--dz-linha);border-radius:999px;padding:3px 10px}

/* ---------- PROCESSO ---------- */
.dz-passo{
  width:min(80vw,300px);padding:var(--dz-e3);border-radius:var(--dz-r);
  background:var(--dz-superficie);border:1px solid var(--dz-linha);position:relative;overflow:hidden;
  transition:border-color .35s var(--dz-ease),transform .35s var(--dz-ease);
}
.dz-passo:hover{border-color:#3a3a3a;transform:translateY(-4px)}
.dz-passo__n{
  font-family:var(--dz-display);font-weight:700;font-size:60px;line-height:.9;letter-spacing:-.04em;color:transparent;
  -webkit-text-stroke:1px #333;margin-bottom:var(--dz-e2);transition:-webkit-text-stroke-color .35s;
}
.dz-passo:hover .dz-passo__n{-webkit-text-stroke-color:#EDEDED}
.dz-passo h3{font-family:var(--dz-display);font-size:22px;font-weight:700;margin:0 0 8px;letter-spacing:-.03em;line-height:1.05}
.dz-passo p{margin:0;font-size:14px;color:var(--dz-texto-3);line-height:1.55}
.dz-passo__semana{position:absolute;top:var(--dz-e3);right:var(--dz-e3);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dz-texto-3);font-family:var(--dz-display)}

/* ---------- ESTEIRA DE CLIENTES ---------- */
.dz-esteira{position:relative;overflow:hidden;padding:var(--dz-e3) 0;border-top:1px solid var(--dz-linha-2);border-bottom:1px solid var(--dz-linha-2)}
.dz-esteira::before,.dz-esteira::after{content:"";position:absolute;top:0;bottom:0;width:70px;z-index:2;pointer-events:none}
.dz-esteira::before{left:0;background:linear-gradient(90deg,#000,transparent)}
.dz-esteira::after{right:0;background:linear-gradient(270deg,#000,transparent)}
.dz-esteira__fita{display:flex;width:max-content;animation:dz-corre 42s linear infinite}
.dz-esteira:hover .dz-esteira__fita{animation-play-state:paused}
.dz-esteira--volta .dz-esteira__fita{animation-direction:reverse;animation-duration:52s}
.dz-esteira__fita span{
  font-family:var(--dz-display);font-weight:600;font-size:clamp(18px,4vw,26px);letter-spacing:-.02em;
  color:var(--dz-texto-3);padding:0 var(--dz-e3);display:flex;align-items:center;gap:var(--dz-e3);white-space:nowrap;
  transition:color .25s;
}
.dz-esteira__fita span:hover{color:#fff}
.dz-esteira__fita span::after{content:"";width:5px;height:5px;border-radius:999px;background:#5A5A5A;flex:none}
@keyframes dz-corre{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- GRADE DE LOGOS ---------- */
.dz-logos{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:var(--dz-linha);border:1px solid var(--dz-linha);border-radius:var(--dz-r);overflow:hidden;
}
.dz-logo{
  background:var(--dz-superficie);display:grid;place-items:center;
  padding:var(--dz-e4) var(--dz-e3);min-height:104px;position:relative;overflow:hidden;
  transition:background .35s var(--dz-ease);
}
.dz-logo::after{
  content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;
  background:radial-gradient(60% 80% at 50% 120%,rgba(255,255,255,.14),transparent 70%);
  opacity:0;transition:opacity .4s var(--dz-ease);
}
.dz-logo:hover{background:var(--dz-superficie-2)}
.dz-logo:hover::after{opacity:1}
.dz-logo img{
  max-height:46px;width:auto;max-width:122px;object-fit:contain;position:relative;
  opacity:.52;transition:opacity .35s var(--dz-ease),transform .35s var(--dz-ease);
}
.dz-logo:hover img{opacity:1;transform:scale(1.06)}

/* ---------- FAIXA DE FOTOS, CINZA QUE VIRA COR ---------- */
.dz-faixa{padding:var(--dz-e6) 0 var(--dz-e5);border-top:1px solid var(--dz-linha-2)}
.dz-foto{
  width:min(62vw,270px);position:relative;border-radius:var(--dz-r);overflow:hidden;
  border:1px solid var(--dz-linha);background:var(--dz-superficie);
}
.dz-foto__img{position:relative;aspect-ratio:5/8;overflow:hidden}
.dz-foto__img img{
  width:100%;height:100%;object-fit:cover;
  transform:scale(1.04);
  transition:filter 1.1s var(--dz-ease),transform 1.4s var(--dz-ease);
}
.dz-foto.dz-colorida .dz-foto__img img{filter:grayscale(0) contrast(1) brightness(1);transform:scale(1)}
.dz-foto__veu{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.82) 100%);pointer-events:none}
.dz-foto__legenda{position:absolute;left:0;right:0;bottom:0;padding:var(--dz-e3);z-index:2}
.dz-foto__legenda b{
  display:block;font-family:var(--dz-display);font-weight:700;font-size:21px;line-height:1.05;letter-spacing:-.03em;
}
.dz-foto__legenda span{display:block;margin-top:5px;font-size:12.5px;color:var(--dz-texto-3);line-height:1.4}
.dz-foto__marca{
  position:absolute;top:10px;right:10px;z-index:2;font-family:var(--dz-display);font-size:9.5px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;padding:5px 10px;border-radius:999px;color:#fff;
  background:var(--dz-vidro-fundo);border:1px solid var(--dz-vidro-borda);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  opacity:1;transition:opacity .5s var(--dz-ease);
}
.dz-foto.dz-colorida .dz-foto__marca{opacity:0}

/* ---------- RETRATO DA EQUIPE ---------- */
.dz-equipe{position:relative;border-radius:var(--dz-r);overflow:hidden;border:1px solid var(--dz-linha);margin-top:var(--dz-e5)}
.dz-equipe img{width:100%;height:auto;display:block}
.dz-equipe__selo{
  position:absolute;left:var(--dz-e3);bottom:var(--dz-e3);right:var(--dz-e3);
  padding:var(--dz-e2) var(--dz-e3);border-radius:var(--dz-r-sm);
  background:rgba(0,0,0,.52);border:1px solid var(--dz-vidro-borda);
  -webkit-backdrop-filter:blur(var(--dz-vidro-blur));backdrop-filter:blur(var(--dz-vidro-blur));
  font-size:13px;line-height:1.45;color:#E8E8E8;
}
.dz-equipe__selo b{display:block;font-family:var(--dz-display);font-size:16px;font-weight:700;letter-spacing:-.02em;color:#fff;margin-bottom:3px}

/* ---------- DIFERENCIAIS ---------- */
.dz-difs{display:grid;grid-template-columns:1fr;gap:1px;background:var(--dz-linha);border:1px solid var(--dz-linha);border-radius:var(--dz-r);overflow:hidden}
.dz-dif{background:var(--dz-superficie);padding:var(--dz-e4) var(--dz-e3);position:relative;transition:background .35s var(--dz-ease)}
.dz-dif:hover{background:var(--dz-superficie-2)}
.dz-dif h3{font-family:var(--dz-display);font-size:21px;font-weight:700;margin:0 0 10px;letter-spacing:-.03em;display:flex;align-items:center;gap:10px}
.dz-dif h3::before{content:"";width:8px;height:8px;background:#FFFFFF;flex:none;transform:rotate(45deg);transition:transform .4s var(--dz-ease)}
.dz-dif:hover h3::before{transform:rotate(225deg)}
.dz-dif p{margin:0;font-size:14.5px;color:var(--dz-texto-3);line-height:1.6}

/* ---------- CTA ---------- */
.dz-cta{position:relative;overflow:hidden;text-align:center;padding:var(--dz-e6) 0;isolation:isolate}
.dz-cta .dz-brasa--a{width:70vw;height:70vw;opacity:.34;top:auto;bottom:-30%;left:-14%;z-index:0}
.dz-cta .dz-brasa--b{width:56vw;height:56vw;opacity:.26;top:-16%;right:-14%;z-index:0}
.dz-cta__texto{font-family:var(--dz-display);font-weight:700;font-size:clamp(30px,8.4vw,66px);line-height:1;margin:0 auto var(--dz-e3);max-width:16ch;letter-spacing:-.035em}
.dz-cta p{color:var(--dz-texto-2);max-width:46ch;margin:0 auto var(--dz-e4)}
.dz-cta .dz-btns{justify-content:center}

/* ---------- CONTATO ---------- */
.dz-contato{display:grid;grid-template-columns:1fr;gap:var(--dz-e5)}
.dz-canais{list-style:none;margin:var(--dz-e4) 0 0;padding:0;display:grid;gap:1px;background:var(--dz-linha);border:1px solid var(--dz-linha);border-radius:var(--dz-r);overflow:hidden}
.dz-canais a{display:flex;align-items:center;gap:var(--dz-e3);padding:var(--dz-e3);background:var(--dz-superficie);transition:background .25s,padding-left .3s var(--dz-ease)}
.dz-canais a:hover{background:var(--dz-superficie-2);padding-left:calc(var(--dz-e3) + 6px)}
.dz-canais svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.dz-canais b{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dz-texto-3);font-family:var(--dz-display);font-weight:600}
.dz-canais span{display:block;font-size:15px;color:#fff}

.dz-form{display:grid;gap:var(--dz-e3);padding:var(--dz-e4) var(--dz-e3);border:1px solid var(--dz-linha);border-radius:var(--dz-r);background:var(--dz-superficie)}
.dz-campo{position:relative;display:grid;gap:6px}
.dz-campo label{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-family:var(--dz-display);color:var(--dz-texto-3)}
.dz-campo input,.dz-campo select,.dz-campo textarea{
  width:100%;background:#080808;border:1px solid var(--dz-linha);border-radius:var(--dz-r-sm);
  padding:13px 14px;color:#fff;font-family:var(--dz-corpo);font-size:15px;
  transition:border-color .25s,box-shadow .25s;
}
.dz-campo textarea{min-height:104px;resize:vertical}
.dz-campo select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ABABAB' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:38px}
.dz-campo input:focus,.dz-campo select:focus,.dz-campo textarea:focus{outline:none;border-color:var(--dz-vermelho);box-shadow:0 0 0 3px rgba(253,23,0,.14)}
.dz-campo input::placeholder,.dz-campo textarea::placeholder{color:#5a5a5a}
.dz-form__aviso{font-size:12px;color:var(--dz-texto-3);margin:0;display:flex;align-items:center;gap:7px}
.dz-form__aviso svg{width:14px;height:14px;stroke:var(--dz-texto-3);fill:none;stroke-width:2;flex:none}

/* ---------- RODAPÉ ---------- */
.dz-rodape{border-top:1px solid var(--dz-linha-2);padding:var(--dz-e5) 0 calc(var(--dz-e5) + 60px);color:var(--dz-texto-3);font-size:14px}
.dz-rodape__grade{display:grid;grid-template-columns:1fr;gap:var(--dz-e4)}
.dz-rodape h4{font-family:var(--dz-display);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff;margin:0 0 var(--dz-e3)}
.dz-rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dz-rodape a:hover{color:var(--dz-vermelho)}
.dz-rodape__base{margin-top:var(--dz-e5);padding-top:var(--dz-e3);border-top:1px solid var(--dz-linha-2);font-size:12px;line-height:1.6}
.dz-rodape__sociais{display:flex;gap:10px;margin-top:var(--dz-e3)}
.dz-rodape__sociais a{width:40px;height:40px;border:1px solid var(--dz-linha);border-radius:999px;display:grid;place-items:center;transition:border-color .25s,transform .25s var(--dz-ease)}
.dz-rodape__sociais a:hover{border-color:var(--dz-vermelho);transform:translateY(-3px)}
.dz-rodape__sociais svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* ---------- BARRA FIXA MOBILE ---------- */
.dz-barra{
  position:fixed;left:0;right:0;bottom:0;z-index:64;display:flex;gap:10px;
  padding:10px var(--dz-gut) calc(10px + env(safe-area-inset-bottom));
  background:rgba(0,0,0,.82);border-top:1px solid var(--dz-linha-2);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  transition:transform .4s var(--dz-ease);
}
.dz-js .dz-barra{transform:translateY(120%)}
.dz-js .dz-barra.dz-visivel{transform:translateY(0)}
.dz-barra .dz-btn{flex:1;padding:14px 12px;font-size:12.5px}

/* ---------- REVELAR ---------- */
.dz-js .dz-rev{opacity:0;transform:translateY(22px);transition:opacity .7s var(--dz-ease),transform .7s var(--dz-ease)}
.dz-rev.dz-dentro{opacity:1;transform:none}
.dz-rev[data-atraso="1"]{transition-delay:.08s}
.dz-rev[data-atraso="2"]{transition-delay:.16s}
.dz-rev[data-atraso="3"]{transition-delay:.24s}

/* ==========================================================================
   MOBILE: composicao compacta do case, telefone ao lado do navegador
   ========================================================================== */
@media (max-width:699px){
  .dz-secao{padding:52px 0}
  .dz-trilho{display:none}
  .dz-case__midia{position:relative;padding:var(--dz-e3);min-height:352px}
  .dz-case__midia .dz-navegador{width:66%}
  .dz-fone{
    position:absolute;right:var(--dz-e3);bottom:var(--dz-e3);width:142px;
    padding:6px;border-radius:24px;margin:0;
  }
  .dz-fone__tela{border-radius:19px}
  .dz-fone__ilha{width:40px;height:11px;top:7px}
  .dz-fone__selo{left:6px;right:6px;bottom:6px;padding:5px 7px;border-radius:9px;font-size:9px;gap:4px;justify-content:center}
  .dz-fone__selo em{display:none}
  .dz-fone__som{width:26px;height:26px;top:24px;right:7px}
  .dz-fone__som svg{width:12px;height:12px}
  .dz-case__cabeca{padding:var(--dz-e3)}
  .dz-case__nums div{padding:14px 11px}
  .dz-logo{min-height:88px;padding:var(--dz-e3) var(--dz-e2)}
  .dz-logo img{max-height:40px;max-width:108px}
  .dz-hero__eyebrow{font-size:11.5px;padding:6px 13px 6px 10px}
  .dz-placa{margin-top:var(--dz-e4)}
  .dz-placa__i{padding:13px var(--dz-e2)}
  .dz-hero__seta{margin-top:var(--dz-e3)}
}

/* ==========================================================================
   TABLET
   ========================================================================== */
@media (min-width:700px){
  :root{--dz-gut:32px}
  .dz-placa{grid-template-columns:repeat(4,1fr)}
  .dz-marcos{grid-template-columns:repeat(4,1fr)}
  .dz-logos{grid-template-columns:repeat(4,1fr)}
  .dz-logo img{max-height:52px;max-width:150px}
  .dz-foto{width:300px}
  .dz-case__midia{grid-template-columns:1.55fr .85fr;align-items:center}
  .dz-difs{grid-template-columns:repeat(2,1fr)}
  .dz-rodape__grade{grid-template-columns:1.5fr 1fr 1fr}
  .dz-case__nums div{padding:var(--dz-e3)}
}

/* ==========================================================================
   DESKTOP
   ========================================================================== */
@media (min-width:960px){
  :root{--dz-topo:76px;--dz-gut:40px}
  body{font-size:17px}
  .dz-topo__links{display:flex}
  .dz-topo .dz-btn{display:inline-flex}
  .dz-menu-btn{display:none}
  .dz-barra{display:none}
  .dz-trilho{right:22px;gap:16px}
  .dz-trilho__t{display:block}
  .dz-secao{padding:110px 0}
  .dz-hero{justify-content:center}
  .dz-hero__topo{margin-bottom:var(--dz-e5)}
  .dz-contato{grid-template-columns:.95fr 1.05fr;gap:var(--dz-e6)}
  .dz-difs{grid-template-columns:repeat(4,1fr)}
  .dz-rodape{padding-bottom:var(--dz-e5)}
  .dz-manifesto__grade{display:grid;grid-template-columns:1fr 1fr;gap:var(--dz-e5);align-items:center}
  .dz-marcos{margin-top:var(--dz-e5)}
  .dz-equipe{margin-top:0}
  .dz-foto{width:330px}
  .dz-form{padding:var(--dz-e5) var(--dz-e4)}
  .dz-fone{width:238px}
  .dz-servico{min-height:300px}
  .dz-case__nums span{font-size:11.5px}
}

@media (min-width:1200px){
  .dz-case{width:1060px}
  .dz-hero__l1{letter-spacing:.08em}
}

/* ==========================================================================
   PREFERÊNCIAS DO SISTEMA
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  html{scroll-behavior:auto}
  .dz-rev{opacity:1;transform:none}
  .dz-hero__troca{height:auto}
  .dz-hero__troca b:not(:first-child){display:none}
}

@media print{
  .dz-topo,.dz-trilho,.dz-barra,.dz-menu,.dz-progresso{display:none}
  body{background:#fff;color:#000}
}

/* o canal do WhatsApp é o único colorido na lista de contato */

/* ==========================================================================
   REVELAÇÃO POR LINHA
   Cada linha do título vive numa janela com overflow escondido e sobe.
   As linhas são montadas pelo JavaScript, depois da fonte carregar.
   ========================================================================== */

[data-split]{opacity:1 !important;transform:none !important}
.dz-l{display:block;overflow:hidden;padding-bottom:.04em}
.dz-js .dz-l__i{display:block;transform:translateY(115%);transition:transform 1s var(--dz-ease)}
.dz-dentro .dz-l__i,[data-split].dz-dentro .dz-l__i{transform:translateY(0)}
.dz-l:nth-child(2) .dz-l__i{transition-delay:.07s}
.dz-l:nth-child(3) .dz-l__i{transition-delay:.14s}
.dz-l:nth-child(4) .dz-l__i{transition-delay:.21s}
.dz-l:nth-child(5) .dz-l__i{transition-delay:.28s}
.dz-l:nth-child(6) .dz-l__i{transition-delay:.35s}

/* hero: cada pedaço sobe em sequência */
.dz-sobe{display:block;overflow:hidden}
.dz-js .dz-sobe > *{display:block;transform:translateY(115%);transition:transform 1.05s var(--dz-ease)}
.dz-pronto .dz-sobe > *{transform:translateY(0)}
.dz-js .dz-hero__eyebrow,.dz-js .dz-hero .dz-texto,.dz-js .dz-hero .dz-btns,
.dz-js .dz-hero .dz-placa,.dz-js .dz-hero__seta{
  opacity:0;transform:translateY(20px);transition:opacity .9s var(--dz-ease),transform .9s var(--dz-ease);
}
.dz-pronto .dz-hero__eyebrow,.dz-pronto .dz-hero .dz-texto,.dz-pronto .dz-hero .dz-btns,
.dz-pronto .dz-hero .dz-placa,.dz-pronto .dz-hero__seta{opacity:1;transform:none}
.dz-pronto .dz-hero__eyebrow{transition-delay:.05s}
.dz-pronto .dz-hero .dz-texto{transition-delay:.42s}
.dz-pronto .dz-hero .dz-btns{transition-delay:.5s}
.dz-pronto .dz-hero .dz-placa{transition-delay:.58s}
.dz-pronto .dz-hero__seta{transition-delay:.68s}

/* ==========================================================================
   PARALAXE
   Só transform, calculado em rAF e apenas no que está na tela.
   ========================================================================== */
[data-paralaxe]{will-change:transform}

/* ==========================================================================
   CURSOR "ARRASTAR"
   Aparece sobre os carrosséis, no desktop com mouse.
   ========================================================================== */
.dz-cursor{
  position:fixed;top:0;left:0;z-index:80;pointer-events:none;
  width:84px;height:84px;border-radius:999px;display:grid;place-items:center;
  font-family:var(--dz-display);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:#000;background:#fff;
  transform:translate3d(-50%,-50%,0) scale(0);opacity:0;
  transition:transform .35s var(--dz-ease),opacity .25s linear;
}
.dz-cursor.dz-ativo{transform:translate3d(-50%,-50%,0) scale(1);opacity:1}
.dz-cursor.dz-puxando{transform:translate3d(-50%,-50%,0) scale(.82)}
@media (hover:none),(max-width:959px){.dz-cursor{display:none}}
@media (hover:hover) and (min-width:960px){
  .dz-pista.dz-sem-cursor,.dz-pista.dz-sem-cursor *{cursor:none}
}

/* ==========================================================================
   PALAVRAS EMPILHADAS
   O bloco de manifesto no espírito do "This is How We Roll".
   ========================================================================== */
.dz-pilha{position:relative;padding:var(--dz-e6) 0;overflow:hidden;border-top:1px solid var(--dz-linha-2)}
.dz-pilha__lista{list-style:none;margin:0;padding:0;position:relative;z-index:2}
.dz-pilha__lista li{overflow:hidden}
.dz-pilha__lista b{
  display:block;font-family:var(--dz-display);font-weight:700;
  font-size:clamp(42px,15vw,150px);line-height:.9;letter-spacing:-.05em;
  color:transparent;-webkit-text-stroke:1px #3A3A3A;
  transition:color .6s var(--dz-ease),-webkit-text-stroke-color .6s var(--dz-ease),transform 1.1s var(--dz-ease);
  will-change:transform;
}
.dz-pilha__lista li:nth-child(odd) b{transform:translateX(-14%)}
.dz-pilha__lista li:nth-child(even) b{transform:translateX(14%);text-align:right}
.dz-pilha.dz-dentro .dz-pilha__lista b{transform:translateX(0)}
.dz-pilha__lista li.dz-aceso b{color:#fff;-webkit-text-stroke-color:transparent}
.dz-pilha__nota{
  position:relative;z-index:2;margin:var(--dz-e5) 0 0;max-width:44ch;color:var(--dz-texto-2);
}
.dz-pilha__fotos{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}
.dz-pilha__foto{position:absolute;width:24vw;max-width:190px;border-radius:var(--dz-r);overflow:hidden;border:1px solid var(--dz-linha);opacity:.42}
.dz-pilha__foto img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.7)}
.dz-pilha__foto--a{top:4%;right:-2%;aspect-ratio:3/4}
.dz-pilha__foto--b{bottom:-6%;left:-4%;aspect-ratio:4/5;max-width:150px}

/* ==========================================================================
   CLIENTES NO FORMATO LISTA
   Nome à esquerda, escopo à direita, logo aparecendo no hover.
   ========================================================================== */
.dz-lista{border-top:1px solid var(--dz-linha)}
.dz-lista__cabeca{
  display:flex;justify-content:space-between;gap:var(--dz-e3);
  padding:var(--dz-e2) 0;border-bottom:1px solid var(--dz-linha);
  font-family:var(--dz-display);font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--dz-texto-3);
}
.dz-linha-cliente{
  display:flex;align-items:center;justify-content:space-between;gap:var(--dz-e3);
  padding:var(--dz-e3) 0;border-bottom:1px solid var(--dz-linha-2);
  position:relative;transition:padding-left .45s var(--dz-ease);
}
.dz-linha-cliente::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--dz-superficie);
  z-index:-1;transition:width .45s var(--dz-ease);
}
.dz-linha-cliente:hover{padding-left:14px}
.dz-linha-cliente:hover::before{width:calc(100% + 28px);left:-14px}
.dz-linha-cliente__nome{
  display:flex;align-items:center;gap:14px;
  font-family:var(--dz-display);font-weight:700;font-size:clamp(19px,4.6vw,30px);
  letter-spacing:-.03em;line-height:1;color:var(--dz-texto-2);transition:color .3s;
}
.dz-linha-cliente:hover .dz-linha-cliente__nome{color:#fff}
.dz-linha-cliente__marca{height:26px;width:auto;max-width:64px;object-fit:contain;opacity:.4;transition:opacity .35s var(--dz-ease)}
.dz-linha-cliente:hover .dz-linha-cliente__marca{opacity:1}
.dz-linha-cliente__escopo{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;flex:none;max-width:52%}
.dz-linha-cliente__escopo span{
  font-size:11px;color:var(--dz-texto-3);border:1px solid var(--dz-linha);
  border-radius:999px;padding:3px 10px;white-space:nowrap;transition:border-color .3s,color .3s;
}
.dz-linha-cliente:hover .dz-linha-cliente__escopo span{border-color:#3F3F3F;color:var(--dz-texto-2)}

@media (max-width:699px){
  /* lista de clientes em uma linha só, com o primeiro escopo à direita */
  .dz-linha-cliente{padding:var(--dz-e2) 0;gap:10px}
  .dz-linha-cliente__nome{gap:11px;font-size:17px}
  .dz-linha-cliente__marca{height:20px;max-width:46px}
  .dz-linha-cliente__escopo{max-width:44%;flex-wrap:nowrap}
  .dz-linha-cliente__escopo span:nth-child(n+2){display:none}
  .dz-linha-cliente__escopo span{font-size:10px;padding:2px 8px}

  .dz-pilha{padding:var(--dz-e5) 0}
  .dz-pilha__foto{opacity:.28}
  .dz-pilha__lista b{font-size:clamp(46px,17vw,90px)}
  .dz-pilha__lista li:nth-child(odd) b{transform:translateX(-6%)}
  .dz-pilha__lista li:nth-child(even) b{transform:translateX(6%)}
  /* no celular a faixa central é curta demais: acende tudo junto */
  .dz-pilha.dz-dentro .dz-pilha__lista b{color:#fff;-webkit-text-stroke-color:transparent}
  .dz-pilha__nota{margin-top:var(--dz-e4)}
}
@media (min-width:960px){
  .dz-linha-cliente__marca{height:32px;max-width:88px}
}

/* ==========================================================================
   FAIXA DE LOGOS
   Duas fitas logo abaixo do topo, correndo em sentidos opostos.
   O truque do loop: o conteudo é duplicado e a animacao anda exatos 50%.
   ========================================================================== */

.dz-faixa-logos{
  padding:var(--dz-e4) 0 var(--dz-e5);
  border-bottom:1px solid var(--dz-linha-2);
  background:var(--dz-preto);
  overflow:hidden;
}
.dz-faixa-logos__titulo{
  margin:0 0 var(--dz-e3);text-align:center;padding:0 var(--dz-gut);
  font-family:var(--dz-display);font-size:10.5px;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:var(--dz-texto-3);
}

.dz-fita{position:relative;overflow:hidden;padding:10px 0}
.dz-fita::before,.dz-fita::after{
  content:"";position:absolute;top:0;bottom:0;width:110px;z-index:2;pointer-events:none;
}
.dz-fita::before{left:0;background:linear-gradient(90deg,#000 35%,transparent)}
.dz-fita::after{right:0;background:linear-gradient(270deg,#000 35%,transparent)}

.dz-fita__trilho{
  display:flex;width:max-content;align-items:center;
  animation:dz-fita-esquerda 26s linear infinite;
  will-change:transform;
}
.dz-fita--volta .dz-fita__trilho{animation-name:dz-fita-direita;animation-duration:31s}
.dz-fita:hover .dz-fita__trilho{animation-play-state:paused}

.dz-fita__item{flex:none;padding:0 30px;display:grid;place-items:center;height:70px}
.dz-fita__item img{
  height:44px;width:auto;max-width:146px;object-fit:contain;
  opacity:.45;transition:opacity .35s var(--dz-ease),transform .35s var(--dz-ease);
}
.dz-fita__item img:hover{opacity:1;transform:scale(1.08)}

@keyframes dz-fita-esquerda{from{transform:translate3d(0,0,0)}to{transform:translate3d(-25%,0,0)}}
@keyframes dz-fita-direita{from{transform:translate3d(-25%,0,0)}to{transform:translate3d(0,0,0)}}

@media (max-width:699px){
  .dz-faixa-logos{padding:var(--dz-e3) 0 var(--dz-e4)}
  .dz-faixa-logos__titulo{font-size:9px;letter-spacing:.13em}
  .dz-fita::before,.dz-fita::after{width:52px}
  .dz-fita__item{padding:0 20px;height:58px}
  .dz-fita__item img{height:34px;max-width:114px}
  .dz-fita__trilho{animation-duration:20s}
  .dz-fita--volta .dz-fita__trilho{animation-duration:24s}
}

@media (prefers-reduced-motion:reduce){
  .dz-fita__trilho{animation:none !important}
  .dz-fita{overflow-x:auto;scrollbar-width:none}
  .dz-fita::-webkit-scrollbar{display:none}
}

/* barra de tempo do carrossel automatico */
.dz-carrossel[data-auto] .dz-pontos{position:relative}
.dz-ponto__tempo{
  position:absolute;left:0;top:0;bottom:0;width:0;border-radius:2px;
  background:var(--dz-vermelho);
}
.dz-ponto.dz-ativo .dz-ponto__tempo{width:100%;transition:width linear}

/* ==========================================================================
   AJUSTES DESTA VERSAO
   ========================================================================== */

/* ---------- HERO: titulo nunca quebra, encolhe em vez de dobrar ---------- */
.dz-hero__titulo{white-space:nowrap}
.dz-hero__l1{font-size:clamp(11px,2.6vw,22px);white-space:nowrap}

.dz-d1{font-size:clamp(26px,7.4vw,92px)}
.dz-hero .dz-texto{max-width:52ch}

/* ---------- SOBRE: texto e foto no mesmo peso, sem quebra no titulo ------ */
.dz-frase{max-width:none;font-size:clamp(20px,4.6vw,46px)}
.dz-manifesto__grade .dz-equipe{border-radius:var(--dz-r);overflow:hidden}
.dz-manifesto__grade .dz-equipe img{aspect-ratio:4/5;object-fit:cover}

/* ---------- SERVICOS COM FOTO: quatro cabendo na tela no desktop -------- */
@media (min-width:960px){
  #servicos .dz-pista{
    display:grid;grid-template-columns:repeat(4,1fr);gap:var(--dz-e2);
    overflow:visible;scroll-snap-type:none;cursor:default;padding-left:0;padding-right:0;margin:0;
  }
  #servicos .dz-foto{width:auto}
  #servicos .dz-foto__img{aspect-ratio:3/4}
  #servicos .dz-controles{display:none}
}

/* ---------- CASES EMPILHADOS ---------- */
.dz-pilha-cases{display:grid;gap:var(--dz-e4)}
.dz-pilha-cases .dz-case{width:100%}
@media (min-width:960px){ .dz-pilha-cases{gap:var(--dz-e5)} }

/* no celular o card do case nao quebra: encolhe junto */
@media (max-width:699px){
  .dz-case__midia{min-height:0;padding:var(--dz-e2);display:grid;grid-template-columns:1.55fr .85fr;gap:10px;align-items:center}
  .dz-case__midia .dz-navegador{width:100%}
  .dz-fone{position:static;width:100%;max-width:none;padding:4px;border-radius:14px;margin:0}
  .dz-fone__tela{border-radius:11px}
  .dz-fone__ilha{width:26px;height:7px;top:4px}
  .dz-fone__selo{left:3px;right:3px;bottom:3px;padding:3px 4px;border-radius:5px;font-size:6px;gap:2px}
  .dz-fone__som{width:18px;height:18px;top:13px;right:4px}
  .dz-fone__som svg{width:9px;height:9px}
  .dz-navegador__barra{padding:4px 6px;gap:4px}
  .dz-navegador__barra i{width:5px;height:5px}
  .dz-navegador__url{font-size:7px;padding:2px 6px;margin-left:3px}
  .dz-case__nums div{padding:10px 8px}
  .dz-case__nums span{font-size:9px}
}

/* ---------- LINHA DO TEMPO COM CRONOMETRO ---------- */
.dz-linhadotempo{margin-top:var(--dz-e4)}

.dz-cron{
  border:1px solid var(--dz-linha);border-radius:var(--dz-r);
  background:var(--dz-superficie);padding:var(--dz-e3);margin-bottom:var(--dz-e4);
}
.dz-cron__mostrador{display:flex;align-items:baseline;gap:2px;font-family:var(--dz-display);font-weight:700;letter-spacing:-.04em}
.dz-cron__horas,.dz-cron__min{font-size:clamp(40px,11vw,72px);line-height:1;font-variant-numeric:tabular-nums}
.dz-cron__sep{font-size:clamp(34px,9vw,60px);line-height:1;color:var(--dz-vermelho);animation:dz-pisca 1s steps(2,end) infinite}
@keyframes dz-pisca{50%{opacity:.25}}
.dz-cron__unidade{
  margin-left:12px;font-size:10.5px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--dz-texto-3);
}
.dz-cron__barra{height:4px;border-radius:2px;background:var(--dz-linha);margin:var(--dz-e3) 0 10px;overflow:hidden;position:relative}
.dz-cron__barra span{display:block;height:100%;width:0;background:var(--dz-vermelho);border-radius:2px;box-shadow:0 0 14px rgba(253,23,0,.8)}
.dz-cron__barra::after{
  content:"";position:absolute;left:50%;top:-4px;bottom:-4px;width:1px;background:var(--dz-linha);
}
.dz-cron__dias{display:flex;justify-content:space-between}
.dz-cron__dia{
  font-family:var(--dz-display);font-size:10.5px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--dz-historico);transition:color .4s var(--dz-ease);
}
.dz-cron__dia.dz-aceso{color:#fff}

.dz-passos{list-style:none;margin:0;padding:0;position:relative}
.dz-passos::before{
  content:"";position:absolute;left:7px;top:8px;bottom:8px;width:1px;background:var(--dz-linha);
}
.dz-etapa{
  position:relative;display:grid;grid-template-columns:auto auto 1fr;
  align-items:start;gap:0 14px;padding:0 0 var(--dz-e4) 0;
  opacity:.34;transition:opacity .5s var(--dz-ease);
}
.dz-etapa.dz-feita{opacity:1}
.dz-etapa:last-child{padding-bottom:0}
.dz-etapa__hora{
  grid-column:1;order:2;font-family:var(--dz-display);font-size:11px;font-weight:600;
  letter-spacing:.1em;color:var(--dz-texto-3);padding-top:2px;width:34px;
}
.dz-etapa__marca{
  grid-column:1;order:1;width:15px;height:15px;border-radius:999px;flex:none;
  background:var(--dz-fundo);border:1px solid var(--dz-linha);position:relative;z-index:1;
  transition:border-color .4s var(--dz-ease),background .4s var(--dz-ease),box-shadow .4s var(--dz-ease);
}
.dz-etapa.dz-feita .dz-etapa__marca{
  background:var(--dz-vermelho);border-color:var(--dz-vermelho);
  box-shadow:0 0 0 4px rgba(253,23,0,.16);
}
.dz-etapa.dz-fazendo .dz-etapa__marca::after{
  content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:999px;border:1px solid var(--dz-vermelho);
  animation:dz-onda 1.4s ease-out infinite;
}
@keyframes dz-onda{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.9);opacity:0}}
.dz-etapa__corpo{grid-column:3;grid-row:1 / span 2}
.dz-etapa__corpo h3{
  font-family:var(--dz-display);font-weight:700;font-size:clamp(17px,4vw,23px);
  letter-spacing:-.03em;line-height:1.15;margin:0 0 5px;
}
.dz-etapa__corpo p{margin:0;font-size:14.5px;line-height:1.55;color:var(--dz-texto-3);max-width:56ch}
.dz-linhadotempo__pe{margin-top:var(--dz-e4)}

@media (max-width:520px){
  .dz-etapa{grid-template-columns:auto 1fr;gap:0 12px}
  .dz-etapa__hora{grid-column:1;grid-row:2;width:15px;font-size:9.5px;text-align:center;padding-top:6px}
  .dz-etapa__marca{grid-column:1;grid-row:1}
  .dz-etapa__corpo{grid-column:2;grid-row:1 / span 2}
  .dz-passos::before{left:7px}
}

/* ---------- GRADE DE VANTAGENS ---------- */
.dz-vantagens{
  display:grid;grid-template-columns:1fr;gap:1px;
  background:var(--dz-linha);border:1px solid var(--dz-linha);border-radius:var(--dz-r);overflow:hidden;
}
.dz-vantagem{
  background:var(--dz-superficie);padding:var(--dz-e4) var(--dz-e3);
  position:relative;overflow:hidden;transition:background .35s var(--dz-ease);
}
.dz-vantagem::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--dz-vermelho);
  transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--dz-ease);
}
.dz-vantagem:hover{background:var(--dz-superficie-2)}
.dz-vantagem:hover::after{transform:scaleX(1)}
.dz-vantagem__n{
  display:block;font-family:var(--dz-display);font-weight:700;font-size:13px;
  letter-spacing:.1em;color:var(--dz-historico);margin-bottom:var(--dz-e3);
  transition:color .35s var(--dz-ease);
}
.dz-vantagem:hover .dz-vantagem__n{color:var(--dz-vermelho)}
.dz-vantagem h3{
  font-family:var(--dz-display);font-weight:700;font-size:clamp(17px,3.6vw,21px);
  letter-spacing:-.03em;line-height:1.12;margin:0 0 7px;
}
.dz-vantagem p{margin:0;font-size:14px;line-height:1.55;color:var(--dz-texto-3)}

@media (min-width:700px){ .dz-vantagens{grid-template-columns:repeat(2,1fr)} }
@media (min-width:960px){
  .dz-vantagens{grid-template-columns:repeat(4,1fr)}
}

/* ---------- o cursor "arrastar" sai de cena ---------- */
.dz-cursor{display:none !important}

/* ==========================================================================
   TELA DE CARREGAMENTO
   Cobre a página até as fontes ficarem prontas. Sai sozinha em 2,5s no
   máximo, para rede ruim nunca prender ninguém no preto.
   ========================================================================== */
.dz-carregando{
  position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000;
  display:grid;place-items:center;
  transition:opacity .55s var(--dz-ease),visibility .55s;
}
.dz-carregando.dz-saiu{opacity:0;visibility:hidden}
.dz-carregando__marca{display:grid;justify-items:center;gap:20px}
.dz-carregando__marca img{width:46px;height:46px;animation:dz-respira 1.5s ease-in-out infinite}
@keyframes dz-respira{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.9)}}
.dz-carregando__barra{display:block;width:120px;height:2px;background:var(--dz-linha);overflow:hidden}
.dz-carregando__barra i{display:block;height:100%;width:40%;background:var(--dz-vermelho);animation:dz-vaivem 1.1s ease-in-out infinite}
@keyframes dz-vaivem{0%{transform:translateX(-110%)}100%{transform:translateX(320%)}}

/* ==========================================================================
   TIPOGRAFIA EM BEBAS NEUE
   A Bebas só tem um peso e só maiúsculas. Por ser estreita, tudo cresce
   entre 20% e 30% para ocupar a mesma largura de antes, e a entreletras
   volta a ser positiva: negativa em caixa alta condensada gruda as letras.
   ========================================================================== */

.dz-d1,.dz-d2,.dz-d3,.dz-frase,.dz-num,.dz-btn,.dz-rotulo,.dz-marca,
.dz-servico h3,.dz-case__cabeca h3,.dz-passo h3,.dz-dif h3,.dz-vantagem h3,
.dz-etapa__corpo h3,.dz-cta__texto,.dz-foto__legenda b,.dz-equipe__selo b,
.dz-menu__lista a,.dz-case__nums b,.dz-hero__troca b,.dz-cron__horas,
.dz-cron__min,.dz-cron__sep,.dz-rodape h4,.dz-esteira__fita span,
.dz-linha-cliente__nome,.dz-vantagem__n,.dz-trilho__t,.dz-campo label,
.dz-canais b,.dz-case__tag,.dz-passo__semana,.dz-servico__n,
.dz-faixa-logos__titulo,.dz-cron__dia,.dz-cron__unidade,.dz-etapa__hora,
.dz-hero__l1,.dz-hero__seta,.dz-foto__marca{
  font-weight:400 !important;   /* a Bebas só tem um peso: bold seria falso */
}

.dz-d1,.dz-d2,.dz-d3{line-height:.88;letter-spacing:.005em}
.dz-d1{font-size:clamp(34px,9.8vw,122px)}
.dz-d2{font-size:clamp(38px,9.4vw,74px)}
.dz-d3{font-size:clamp(28px,6vw,44px)}

.dz-frase{font-size:clamp(30px,7.4vw,60px);line-height:.94;letter-spacing:.01em}
.dz-num{font-size:clamp(38px,9.8vw,56px);letter-spacing:.01em}
.dz-cta__texto{font-size:clamp(38px,11vw,86px);line-height:.92;letter-spacing:.01em}

.dz-hero__l1{font-size:clamp(14px,3.2vw,26px);letter-spacing:.16em;margin-bottom:10px}
.dz-hero__troca{height:1em}
.dz-hero__troca b{height:1em;line-height:1}
@keyframes dz-rola{
  0%,20%{transform:translateY(0)}
  25%,45%{transform:translateY(-1em)}
  50%,70%{transform:translateY(-2em)}
  75%,95%{transform:translateY(-3em)}
  100%{transform:translateY(-4em)}
}

.dz-rotulo{font-size:13px;letter-spacing:.22em}
.dz-marca{font-size:24px;letter-spacing:.06em}
.dz-menu__lista a{font-size:clamp(34px,10vw,60px);letter-spacing:.02em;line-height:.95}
.dz-trilho__t{font-size:12px;letter-spacing:.18em}
.dz-btn{font-size:18px;letter-spacing:.1em}
.dz-btn--pequeno{font-size:15px}
.dz-barra .dz-btn{font-size:16px}

.dz-servico h3{font-size:32px;line-height:.95;letter-spacing:.01em}
.dz-servico__n{font-size:14px;letter-spacing:.18em}
.dz-case__tag{font-size:12px;letter-spacing:.18em}
.dz-case__cabeca h3{font-size:clamp(36px,9.4vw,62px);line-height:.9;letter-spacing:.01em}
.dz-case__nums b{font-size:clamp(26px,6.4vw,38px);letter-spacing:.01em}
.dz-passo h3{font-size:27px;line-height:.98;letter-spacing:.01em}
.dz-passo__semana{font-size:12px;letter-spacing:.18em}
.dz-dif h3,.dz-vantagem h3{font-size:clamp(21px,4.4vw,26px);line-height:.98;letter-spacing:.01em}
.dz-vantagem__n{font-size:15px;letter-spacing:.16em}
.dz-etapa__corpo h3{font-size:clamp(21px,4.8vw,29px);line-height:1;letter-spacing:.01em}
.dz-etapa__hora{font-size:13px;letter-spacing:.12em}
.dz-foto__legenda b{font-size:26px;line-height:.98;letter-spacing:.01em}
.dz-equipe__selo b{font-size:20px;letter-spacing:.02em}
.dz-linha-cliente__nome{font-size:clamp(22px,5.2vw,34px);letter-spacing:.01em}
.dz-esteira__fita span{font-size:clamp(22px,4.8vw,32px);letter-spacing:.02em}
.dz-rodape h4{font-size:13px;letter-spacing:.2em}
.dz-campo label,.dz-canais b{font-size:12px;letter-spacing:.18em}
.dz-faixa-logos__titulo{font-size:12px;letter-spacing:.22em}
.dz-hero__seta,.dz-foto__marca{font-size:12px;letter-spacing:.2em}

.dz-cron__horas,.dz-cron__min{font-size:clamp(52px,14vw,92px);letter-spacing:.01em}
.dz-cron__sep{font-size:clamp(44px,12vw,78px)}
.dz-cron__unidade,.dz-cron__dia{font-size:12px;letter-spacing:.2em}

/* a Bebas sobe mais no bloco de linha: as janelas de revelação acompanham */
.dz-l{padding-bottom:.02em}

@media (max-width:699px){
  .dz-faixa-logos__titulo{font-size:10.5px;letter-spacing:.16em}
  .dz-servico h3{font-size:28px}
}

/* o conteúdo do topo fica acima do véu, do vídeo e da grade */
.dz-hero > .dz-container{position:relative;z-index:4}

/* a janela da palavra rotativa acompanha os acentos da Bebas (PREVISÍVEL) */
.dz-hero__troca{height:1.14em}
.dz-hero__troca b{height:1.14em;line-height:1.14}
@keyframes dz-rola{
  0%,20%{transform:translateY(0)}
  25%,45%{transform:translateY(-1.14em)}
  50%,70%{transform:translateY(-2.28em)}
  75%,95%{transform:translateY(-3.42em)}
  100%{transform:translateY(-4.56em)}
}

/* As janelas de revelação cortavam acentos altos da Bebas (o à de
   IMPLEMENTAÇÃO). O padding abre espaço acima e a margem negativa
   devolve o espaço no fluxo, então o layout não muda. */
.dz-l{padding-top:.18em;margin-top:-.18em;padding-bottom:.06em}
.dz-sobe{padding-top:.18em;margin-top:-.18em}

/* o ícone do WhatsApp ficou sem tamanho quando a classe verde saiu */
.dz-btn svg{width:17px;height:17px;fill:currentColor;stroke:none;flex:none}
.dz-btn--pequeno svg{width:15px;height:15px}
.dz-barra .dz-btn svg{width:16px;height:16px}

/* ==========================================================================
   AJUSTES FINAIS
   ========================================================================== */

/* sombra do topo pela metade: o olho aparece mais */
.dz-hero__filme video{filter:grayscale(.12) brightness(.68) contrast(1.02)}
.dz-hero__veu{background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.22) 26%,rgba(0,0,0,.34) 62%,#000 100%)}

/* espaço morto entre serviços e trabalhos */
.dz-faixa{padding:var(--dz-e5) 0 var(--dz-e4)}
#servicos .dz-controles{margin-top:var(--dz-e1)}
@media (min-width:960px){
  .dz-faixa{padding:90px 0 40px}
  #cases.dz-secao{padding-top:70px}
}
@media (max-width:959px){
  #cases.dz-secao{padding-top:34px}
}

/* logos: todos no mesmo canvas de 120px, então basta uma altura */
.dz-fita__item img{height:44px;max-width:none}
@media (min-width:700px){ .dz-fita__item img{height:50px} }
@media (max-width:699px){ .dz-fita__item img{height:36px} }

/* botões pulsando sozinhos, para puxar o clique */
.dz-btn::before{
  content:"";position:absolute;top:0;bottom:0;width:38%;z-index:-1;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.34),transparent);
  transform:skewX(-18deg);
  animation:dz-passa-brilho 3.6s ease-in-out infinite;
}
.dz-btn--contorno::before,.dz-btn--vidro::before{background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent)}
@keyframes dz-passa-brilho{
  0%,72%{left:-45%}
  86%,100%{left:120%}
}
.dz-btn{animation:dz-respira-botao 3.6s ease-in-out infinite}
@keyframes dz-respira-botao{
  0%,70%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -10px 22px -12px rgba(0,0,0,.5),0 0 26px -10px rgba(253,23,0,.8)}
  84%{box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -10px 22px -12px rgba(0,0,0,.45),0 0 44px -6px rgba(253,23,0,1)}
}
.dz-btn--contorno,.dz-btn--vidro{animation:none}
.dz-btn:hover{animation:none}
@media (prefers-reduced-motion:reduce){
  .dz-btn,.dz-btn::before{animation:none !important}
}

/* brasas subindo atrás da chamada final */
.dz-brasas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.85}
.dz-cta .dz-container{position:relative;z-index:2}

/* corta o resto do vão entre serviços e trabalhos */
@media (min-width:960px){
  .dz-faixa{padding:90px 0 18px}
  #servicos .dz-pista{padding-bottom:0}
  #cases.dz-secao{padding-top:52px}
}

/* as manchas cinzas lavavam a chamada final, agora quem ilumina são as brasas */
.dz-cta .dz-brasa--a{opacity:.12}
.dz-cta .dz-brasa--b{opacity:.09}

/* o vídeo inteiro tem cenas claras: um pouco mais de véu para o texto
   continuar legível em todas elas, ainda bem mais leve que antes */
.dz-hero__filme video{filter:grayscale(.15) brightness(.56) contrast(1.03)}
.dz-hero__veu{background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.34) 26%,rgba(0,0,0,.44) 62%,#000 100%)}

/* ==========================================================================
   VIDEO DO TOPO: SEM FILTRO CSS
   A cor (escurecida e dessaturada) agora vem aplicada no próprio arquivo.
   Filtro CSS em vídeo de tela cheia obriga o navegador a reprocessar cada
   quadro, e era isso que travava no celular.
   ========================================================================== */
.dz-hero__filme video{
  filter:none;
  transform:translateZ(0);          /* manda o vídeo para uma camada da GPU */
  backface-visibility:hidden;
}
.dz-hero__veu{background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.28) 26%,rgba(0,0,0,.42) 62%,#000 100%)}

/* ==========================================================================
   SOMBRA DO TOPO, 70% MAIS FRACA NO DESKTOP
   O véu geral quase some. No lugar dele entra uma sombra local só atrás
   da coluna de texto, que é onde a legibilidade precisa ser garantida.
   Assim o vídeo aparece limpo na maior parte da tela.
   ========================================================================== */
@media (min-width:960px){
  .dz-hero__veu{
    background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.08) 26%,rgba(0,0,0,.13) 62%,#000 100%);
  }
  .dz-hero__leitura{
    position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;
    background:linear-gradient(100deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.62) 30%,rgba(0,0,0,.2) 52%,transparent 68%);
  }
  .dz-hero .dz-placa__i{background:rgba(0,0,0,.66)}
}
@media (max-width:959px){
  .dz-hero__leitura{display:none}
}

/* ==========================================================================
   COMPATIBILIDADE COM NAVEGADOR EMBUTIDO (INSTAGRAM, FACEBOOK, TIKTOK)
   Esses navegadores rodam versões antigas do motor do sistema e às vezes
   engasgam no JavaScript. Nada aqui pode depender de JS para aparecer.
   ========================================================================== */

/* REDE DE SEGURANÇA: a tela de carregamento some sozinha por CSS, mesmo
   que o JavaScript quebre antes de removê-la. Sem isso, um erro de script
   deixa a pessoa olhando para uma tela preta para sempre. */
.dz-carregando{animation:dz-sai-sozinho .6s ease 3.2s forwards}
@keyframes dz-sai-sozinho{
  to{opacity:0;visibility:hidden;pointer-events:none}
}

/* Se o JS não rodar, os blocos que entram com animação precisam estar
   visíveis assim mesmo. */
@media (scripting:none){
  .dz-rev,.dz-l__i,.dz-sobe > *{opacity:1 !important;transform:none !important}
  .dz-carregando{display:none}
}

/* aspect-ratio não existe em motores antigos: reserva a altura na unha */
@supports not (aspect-ratio:1/1){
  .dz-fone__tela{height:0;padding-bottom:220.8%}
  .dz-fone__tela video,.dz-fone__tela img{position:absolute;top:0;left:0}
  .dz-foto__img{height:0;padding-bottom:160%}
  .dz-foto__img picture,.dz-foto__img img{position:absolute;top:0;left:0}
  .dz-manifesto__grade .dz-equipe img{height:auto}
}

/* Sem JavaScript, tudo aparece. As classes de animação só escondem coisas
   quando o script confirma que está rodando, marcando a tag <html>. */
.dz-carregando{display:none}
.dz-js .dz-carregando{display:grid}
.dz-js .dz-foto__img img{filter:grayscale(1) contrast(1.08) brightness(.86)}
.dz-js .dz-foto.dz-colorida .dz-foto__img img{filter:grayscale(0) contrast(1) brightness(1)}

/* ==========================================================================
   AVISO DE NAVEGADOR EMBUTIDO
   Aparece só dentro do Instagram, Facebook e afins. Fica no rodapé para
   não brigar com a barra que esses aplicativos desenham no topo.
   ========================================================================== */
.dz-saida{
  position:fixed;left:0;right:0;bottom:0;z-index:150;
  background:#101010;
  border-top:1px solid #2A2A2A;
  padding:14px 16px calc(14px + env(safe-area-inset-bottom));
  font-family:'Inter',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
}
.dz-saida__texto{margin:0 0 11px;font-size:13px;line-height:1.45;color:#D6D6D6}
.dz-saida__texto b{color:#fff}
.dz-saida__acoes{display:flex;align-items:center}
.dz-saida__btn{
  flex:1 1 auto;
  background:#FD1700;color:#fff;border:0;border-radius:7px;
  padding:14px 16px;font-size:14px;font-weight:600;
  font-family:inherit;cursor:pointer;-webkit-appearance:none;
}
.dz-saida__x{
  flex:0 0 auto;margin-left:10px;
  width:44px;height:44px;line-height:1;
  background:transparent;border:1px solid #2A2A2A;border-radius:7px;
  color:#ABABAB;font-size:22px;cursor:pointer;-webkit-appearance:none;
}
/* a barra fixa de WhatsApp sobe para não ficar embaixo do aviso */
body.dz-com-saida .dz-barra{bottom:118px}