/* ===== Captured <style> tags ===== */

/* --- style #1 --- */

/* ============================================================
   RIZE FIRST
   Claro e tipográfico. Headline gigante sobre um muro de criativos rodando em vídeo.
   Um arquivo so. Para trocar o modo dos botoes, edite MODO no <script>.
   ============================================================ */
:root{

  --bg:#FFFFFF; --surf:#F6F4FA; --card:#FFFFFF;
  --ink:#0C0B10; --ink-dim:#525252; --ink-soft:#A3A3A3; --ink-ghost:#D4D4D4;
  --linha:#E9E9EE;
  --accent:#7C3AED; --accent-2:#F43F7A; --accent-cor:#fff; --accent-sombra:rgba(124,58,237,.32);
  --grad:linear-gradient(108deg,#6D28D9 0%,#8B5CF6 48%,#F43F7A 100%);
  --nav-bg:rgba(255,255,255,.72); --nav-borda:rgba(12,11,16,.08);
  --nav-sombra:0 10px 40px rgba(0,0,0,.08), 0 1px 0 rgba(255,255,255,.7) inset;
  --nav-hover:rgba(12,11,16,.05); --nav-ativo-bg:#0C0B10; --nav-ativo-cor:#fff;
  --gaveta-bg:rgba(255,255,255,.94);
  --btn-solido-bg:#0C0B10; --btn-solido-cor:#fff; --btn-solido-sombra:0 14px 34px rgba(0,0,0,.22);
  --btn-ghost-bg:#fff;
  --sombra-forte:0 26px 56px rgba(12,11,16,.14);
  --play-bg:rgba(255,255,255,.92); --play-cor:#0C0B10;
  --faixa-bg:#0C0B10; --faixa-cor:#fff; --faixa-dim:rgba(255,255,255,.62);
  --faixa-card:rgba(255,255,255,.05); --faixa-card-hover:rgba(255,255,255,.09); --faixa-borda:rgba(255,255,255,.1);
  --logo-filtro:invert(1);
  --maxw:1120px; --r-card:22px; --r-media:18px; --r-btn:999px;
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ease:cubic-bezier(.22,.68,.14,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; scroll-padding-top:96px; -webkit-text-size-adjust:100%; }
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:var(--font); font-size:16px; line-height:1.6;
  overflow-x:hidden; -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; color:inherit; cursor:pointer; border:0; background:none; }
h1,h2,h3{ font-weight:800; letter-spacing:-.03em; margin:0; }
.wrap{ max-width:var(--maxw); margin:0 auto; padding:0 28px; }
section{ position:relative; }

/* ---- cabeçalhos de seção ---- */
.eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  color:var(--ink-soft); margin-bottom:16px;
}
.eyebrow::before{ content:""; width:22px; height:1.5px; background:var(--accent); }
.sec-title{ font-size:clamp(30px,4.4vw,46px); line-height:1.08; }
.sec-sub{ font-size:16px; color:var(--ink-dim); max-width:580px; margin-top:14px; }
#projetos .sec-sub{ max-width:660px; }
.sec-sub b{ color:var(--ink); font-weight:600; }
.sec-head{ margin-bottom:52px; }
.sec-head.centro{ text-align:center; }
.sec-head.centro .sec-sub{ margin-left:auto; margin-right:auto; }
.sec-head.centro .eyebrow::before{ display:none; }

/* ---- botões ---- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  border-radius:var(--r-btn); cursor:pointer; white-space:nowrap;
  font-size:14.5px; font-weight:600; padding:15px 30px; border:1px solid transparent;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .3s, color .3s, border-color .3s;
}
.btn:active{ transform:scale(.97); }
.btn svg{ width:16px; height:16px; flex-shrink:0; }
.btn-dark{ background:var(--btn-solido-bg); color:var(--btn-solido-cor); box-shadow:var(--btn-solido-sombra); }
.btn-dark:hover{ transform:translateY(-2px); }
.btn-zap{ background:var(--accent); color:var(--accent-cor); box-shadow:0 14px 34px var(--accent-sombra); }
.btn-zap:hover{ background:var(--accent-2); transform:translateY(-2px); }
.btn-ghost{ background:var(--btn-ghost-bg); color:var(--ink); border-color:var(--linha); }
.btn-ghost:hover{ border-color:var(--ink); transform:translateY(-2px); }
.btn .seta{ transition:transform .25s var(--ease); }
.btn:hover .seta{ transform:translateX(4px); }
.btn-sm{ padding:11px 20px; font-size:13.5px; }
.so-com-cta{ display:var(--mostra-cta,inline-flex); }

/* ============================================================
   NAV
   ============================================================ */
.pill-nav{
  position:fixed; top:18px; left:50%; transform:translateX(-50%); z-index:400;
  display:flex; align-items:center; gap:6px;
  background:var(--nav-bg); backdrop-filter:saturate(180%) blur(22px); -webkit-backdrop-filter:saturate(180%) blur(22px);
  border:1px solid var(--nav-borda); border-radius:999px;
  padding:7px 8px 7px 18px; box-shadow:var(--nav-sombra);
  max-width:calc(100vw - 24px);
  transition:box-shadow .35s var(--ease), background .35s var(--ease);
}
.pill-nav .marca{ display:flex; align-items:center; margin-right:16px; flex-shrink:0; }
.pill-nav .nav-cta{ flex-shrink:0; margin-left:6px; }
.pill-nav .marca img{ height:28px; width:auto; filter:var(--logo-filtro); display:block; }
.pill-nav .links{ display:flex; align-items:center; gap:2px; flex-shrink:0; }
.pill-nav .links a{
  font-size:14px; font-weight:500; color:var(--ink-dim);
  padding:9px 15px; border-radius:999px; white-space:nowrap;
  transition:color .25s, background .25s;
}
.pill-nav .links a:hover{ color:var(--ink); background:var(--nav-hover); }
.pill-nav .links a.ativo{ color:var(--nav-ativo-cor); background:var(--nav-ativo-bg); }
.menu-btn{
  display:flex; width:38px; height:38px; border-radius:999px; margin-left:4px;
  flex-direction:column; align-items:center; justify-content:center; gap:4px;
  border:1px solid var(--linha); background:var(--btn-ghost-bg); transition:border-color .2s;
}
.menu-btn i{ width:16px; height:1.8px; border-radius:2px; background:var(--ink); display:block; transition:transform .25s var(--ease), opacity .2s; }
.menu-btn.on i:nth-child(1){ transform:translateY(5.8px) rotate(45deg); }
.menu-btn.on i:nth-child(2){ opacity:0; }
.menu-btn.on i:nth-child(3){ transform:translateY(-5.8px) rotate(-45deg); }

.gaveta{
  position:fixed; top:76px; left:50%; transform:translateX(-50%) translateY(-12px);
  z-index:399; width:calc(100vw - 24px); max-width:380px;
  background:var(--gaveta-bg); backdrop-filter:saturate(180%) blur(22px);
  border:1px solid var(--linha); border-radius:22px; padding:12px;
  box-shadow:0 20px 60px rgba(0,0,0,.2);
  opacity:0; visibility:hidden; transition:opacity .3s var(--ease), transform .3s var(--ease), visibility .3s;
}
.gaveta.on{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
.gaveta a{ display:block; padding:13px 16px; border-radius:14px; font-size:15.5px; font-weight:600; transition:background .2s; }
.gaveta a:hover{ background:var(--surf); }
.gaveta .btn{ width:100%; margin-top:8px; }

/* ============================================================
   FAIXA DE MARCAS, logo abaixo do hero
   ============================================================ */
#marcas{ padding:56px 0 44px; overflow:hidden; border-bottom:1px solid var(--linha); }
.marcas-titulo{
  text-align:center; font-size:11px; font-weight:700; letter-spacing:.2em;
  text-transform:uppercase; color:var(--ink-soft); margin:0 0 34px;
}
.marcas-trilho{
  overflow:hidden;
  -webkit-mask:linear-gradient(90deg,transparent,#000 10% 90%,transparent);
          mask:linear-gradient(90deg,transparent,#000 10% 90%,transparent);
}
.marcas-fila{
  display:flex; align-items:center; gap:0; width:max-content;
  animation:marcasRoda var(--dur,40s) linear infinite; will-change:transform; backface-visibility:hidden;
}

@keyframes marcasRoda{ to{ transform:translateX(-50%); } }
.marca-item{ flex:0 0 auto; height:30px; display:flex; align-items:center; padding-right:88px; box-sizing:content-box; }
.marca-item img{
  height:100%; width:auto; object-fit:contain;
  opacity:.62; transition:opacity .35s var(--ease), transform .35s var(--ease);
}
.marca-item:hover img{ opacity:1; transform:scale(1.05); }
/* a faixa inteira na mesma cor: qualquer logo nova entra em tom único */
.marca-item img{ filter:grayscale(1); }
@media (prefers-reduced-motion:reduce){ .marcas-fila{ animation:none; } }
@media (max-width:760px){
  #marcas{ padding:36px 0 28px; border-bottom:0; }
  .marcas-titulo{ margin-bottom:24px; }
  .marcas-fila{ gap:0; }
  .marca-item{ padding-right:52px; }
  .marca-item{ height:22px; }
  .marcas-titulo{ font-size:11px; margin-bottom:24px; }
}

/* ============================================================
   CASES / DEPOIMENTOS
   ============================================================ */
#cases{ padding:96px 0 30px; }
#cases .sec-head{ margin-bottom:44px; }
.cases-titulo{
  font-size:clamp(26px,3.7vw,42px); line-height:1.12; font-weight:900;
  letter-spacing:-.035em; text-transform:none; max-width:26ch;
  text-wrap:balance;
}
.cases-titulo .junto{ white-space:nowrap; }   /* ISSO É RIZE. sai sempre inteiro */
.cases-titulo .marca-cor{
  background:var(--grad); -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
}
/* carrossel: os 3 depoimentos de pé, inteiros, tocando sozinhos sem som; avança sozinho no celular */
.cases-grade{
  display:flex; gap:16px; overflow-x:auto;
  scrollbar-width:none; -webkit-overflow-scrolling:touch; padding:4px 0 8px;
  max-width:820px; margin:0 auto; justify-content:center;
}
.cases-grade::-webkit-scrollbar{ display:none; }
.case{
  position:relative; flex:0 0 calc((100% - 32px)/3); max-width:262px; aspect-ratio:9/16;
  border-radius:var(--r-media); overflow:hidden; background:var(--surf); border:1px solid var(--linha); cursor:pointer;
  transition:transform .45s var(--ease), box-shadow .45s var(--ease);
}
.case:hover{ transform:translateY(-6px); box-shadow:var(--sombra-forte); }
.case img,.case video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.case video{ opacity:0; transition:opacity .4s; pointer-events:none; }
.case.tocando video{ opacity:1; }
.case-play{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:46px; height:46px; border-radius:50%;
  background:rgba(255,255,255,.2); border:1.2px solid rgba(255,255,255,.62);
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  display:flex; align-items:center; justify-content:center;
  transition:background .3s, border-color .3s, transform .3s var(--ease), opacity .3s;
}
.case.tocando .case-play{ opacity:0; }
.case:hover .case-play{
  background:rgba(255,255,255,.9); border-color:#fff; transform:translate(-50%,-50%) scale(1.06);
}
.case-play svg{ width:15px; height:15px; fill:#fff; margin-left:2px; transition:fill .3s; }
.case:hover .case-play svg{ fill:var(--ink); }
.case-legenda{
  position:absolute; left:0; right:0; bottom:0; padding:44px 14px 14px;
  background:linear-gradient(180deg,transparent,rgba(8,8,10,.86));
  color:#fff; text-align:left; display:flex; align-items:flex-end; justify-content:space-between; gap:10px;
}
.case-legenda .case-quem{ min-width:0; }
.case-quem b{ display:block; font-size:15px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.case-quem span{ display:block; font-size:12.5px; opacity:.72; margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.case-ver{
  display:inline-flex; align-items:center; gap:6px; flex-shrink:0;
  background:var(--accent); color:#fff; border-radius:999px; padding:9px 14px 9px 12px;
  font-size:14px; font-weight:700; box-shadow:0 8px 20px var(--accent-sombra);   /* igual ao nome */
}
.case-ver svg{ width:13px; height:13px; fill:#fff; }
/* clones fecham o laço do giro contínuo; só existem quando a fila não cabe na tela */
.case.clone,.vitrine.clone{ pointer-events:auto; }
.cases-rodape{ display:flex; justify-content:center; margin-top:34px; }
.btn-insta{
  display:inline-flex; align-items:center; gap:10px;
  border:1px solid var(--linha); background:var(--card); color:var(--ink);
  border-radius:999px; padding:13px 26px; font-size:14.5px; font-weight:600;
  transition:border-color .3s, transform .3s var(--ease), box-shadow .3s var(--ease);
}
.btn-insta:hover{ border-color:var(--ink); transform:translateY(-2px); box-shadow:var(--sombra-forte); }
.btn-insta svg{ width:18px; height:18px; flex-shrink:0; }
.btn-insta .seta{ transition:transform .25s var(--ease); }
.btn-insta:hover .seta{ transform:translateX(3px); }

@media (max-width:860px){
  #cases{ padding:44px 0 4px; }
  #cases .sec-head{ margin-bottom:22px; }
  .cases-rodape{ margin-top:22px; }
  .cases-grade{ gap:12px; margin:0 -20px; padding:4px 20px 8px; justify-content:flex-start; overflow-x:hidden; touch-action:pan-y; overscroll-behavior-x:contain; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; }   /* dedo: vertical rola a página (navegador); horizontal move só o trilho (nosso JS via scrollLeft; overflow hidden = navegador nunca rola sozinho) */
  .case{ flex:0 0 min(52vw, 224px); max-width:none; }   /* 07/09: 'diminua bem pouco' (era 56vw/240) */
  .case-legenda{ padding:34px 10px 10px; }
  .case-quem b{ font-size:13.5px; }
  .case-quem span{ font-size:11.5px; }
  .case-ver{ padding:8px 12px 8px 10px; font-size:13.5px; }
  .case:hover{ transform:none; box-shadow:none; }
  .case-play{ width:52px; height:52px; }
}

/* ============================================================
   PROJETOS
   Cada formato é uma faixa de duas colunas: à esquerda o texto, que
   acompanha a rolagem; à direita os criativos.
   ============================================================ */
#projetos{ padding:104px 0 20px; }
#projetos .sec-title{
  background:var(--grad); -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent; width:fit-content;
}
.projetos-lista{ display:flex; flex-direction:column; gap:clamp(56px,7vw,104px); }
.formato{ display:grid; grid-template-columns:.72fr 2.28fr; gap:clamp(22px,3.4vw,48px); align-items:start; }
.formato-head{ position:sticky; top:104px; }
.formato-num{ font-size:12.5px; font-weight:700; letter-spacing:.12em; color:var(--ink-ghost); }
.formato-titulo{ display:flex; align-items:baseline; gap:9px; flex-wrap:wrap; margin:10px 0 12px; }
.formato-preco{
  font-size:clamp(19px,2.2vw,26px); font-weight:800; letter-spacing:-.03em; color:var(--ink);
  white-space:nowrap;
}
.formato-preco .fp-tr{ color:var(--ink-ghost); font-weight:400; }
.formato-head h3{
  font-size:clamp(22px,2.5vw,29px); line-height:1.08; margin:0;
  background:var(--grad); -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  width:fit-content;
}
.formato-head p{ color:var(--ink-dim); font-size:15px; max-width:34ch; margin:0 0 22px; }
.formato-corpo{ display:flex; flex-direction:column; gap:16px; min-width:0; }
.formato-acoes{ display:flex; gap:8px; align-items:center; }
/* botão do site antigo: pílula vermelha embaixo dos vídeos de cada estilo */
.formato-mais{
  align-self:flex-start; display:inline-flex; align-items:center; justify-content:center; gap:9px;
  font-size:15px; font-weight:600; padding:14px 26px; border-radius:100px;
  background:var(--card); color:var(--ink); border:1px solid var(--linha);
  transition:transform .2s var(--ease), border-color .2s, box-shadow .25s;
}
.formato-mais:hover{ border-color:var(--ink); transform:translateY(-2px); box-shadow:var(--sombra-forte); }
.formato-videos{ display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(8px,1.1vw,13px); }
.vitrine{
  position:relative; aspect-ratio:9/16; border-radius:var(--r-media); overflow:hidden; cursor:pointer;
  background:var(--surf); border:1px solid var(--linha);
  transition:transform .5s var(--ease), box-shadow .5s var(--ease), border-color .3s;
}
.vitrine:hover{ transform:translateY(-6px) scale(1.012); border-color:var(--ink-ghost); box-shadow:var(--sombra-forte); }
.vitrine img,.vitrine video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.vitrine video{ opacity:0; transition:opacity .4s; }
/* véu com o play: some assim que o vídeo começa */
/* véu só enquanto o vídeo não engatou */
.vitrine .play{
  position:absolute; inset:0; z-index:2; display:grid; place-items:center; pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.28));
  opacity:1; transition:opacity .5s var(--ease);
}
.vitrine.tocando .play{ opacity:0; }
.vitrine .play svg{ width:30px; height:30px; fill:#fff; filter:drop-shadow(0 6px 14px rgba(0,0,0,.5)); }
/* etiqueta do formato, no pé do card */
.vitrine-tag{
  position:absolute; left:8px; right:8px; bottom:8px; z-index:3; pointer-events:none;
  display:flex; align-items:center; justify-content:center; gap:7px;
  padding:7px 10px; border-radius:100px;
  background:rgba(255,255,255,.9); backdrop-filter:blur(8px);
  color:var(--ink); font-size:11px; font-weight:600;
  opacity:0; transform:translateY(6px);
  transition:opacity .35s var(--ease), transform .35s var(--ease);
}
.vitrine:hover .vitrine-tag{ opacity:1; transform:none; }
/* som: fica discreto no canto e só ganha corpo quando ligado */
/* som no padrão do Instagram: clique no criativo liga, e o ícone
   é só um selo miúdo mostrando o estado */
.vitrine-som{
  position:absolute; top:8px; right:8px; z-index:4;
  width:24px; height:24px; border-radius:50%;
  background:rgba(12,11,16,.42); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  display:flex; align-items:center; justify-content:center; cursor:pointer; border:0;
  transition:background .25s, transform .25s var(--ease);
}
.vitrine-som:hover{ background:rgba(12,11,16,.68); transform:scale(1.08); }
.vitrine-som.ligado{ background:rgba(12,11,16,.62); }
.vitrine-som svg{ width:13px; height:13px; fill:#fff; margin-left:1px; }
.vitrine-som .onda{ transition:opacity .2s; }
.vitrine-som:not(.ligado) .onda{ opacity:0; }
.vitrine-som .corte{ opacity:0; transition:opacity .2s; }
.vitrine-som:not(.ligado) .corte{ opacity:1; }

@media (max-width:900px){
  .formato{ grid-template-columns:1fr; gap:22px; }
  .formato-head{ position:static; }
  .formato-head p{ max-width:none; }
  /* carrossel: cards do mesmo tamanho da grade de 2 colunas, um do lado do outro,
     girando sozinho; a pessoa arrasta e clica num só */
  /* celular: 3 criativos parados por estilo, sem trilho e sem giro */
  .formato-videos{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
  .formato-videos .vitrine:nth-child(n+4){ display:none; }
  .formato-videos .vitrine:hover{ transform:none; box-shadow:none; }
  /* som no padrao do Instagram: selo visivel, dentro do card, facil de acertar com o dedo */
  .vitrine-som{ width:30px; height:30px; top:10px; right:10px; background:rgba(12,11,16,.55); }
  .vitrine-som svg{ width:15px; height:15px; }
}

/* ============================================================
   PROCESSO, linha do tempo vertical
   ============================================================ */
#processo{ padding:104px 0 110px; }
.timeline{ list-style:none; position:relative; max-width:none; margin:0; padding:0; }
.timeline::before{
  content:""; position:absolute; left:26px; top:12px; bottom:12px; width:1px;
  background:linear-gradient(180deg, transparent, var(--linha) 12%, var(--linha) 88%, transparent);
}
.tl{ position:relative; padding:0 0 clamp(34px,4.4vw,54px) 84px; }
.tl:last-child{ padding-bottom:0; }
.tl-n{
  position:absolute; left:0; top:-4px; width:54px; height:54px; border-radius:50%;
  display:grid; place-items:center; font-weight:700; font-size:16px;
  background:var(--card); border:1px solid var(--linha); color:var(--ink); z-index:1;
  transition:background .4s var(--ease), border-color .4s, color .4s, transform .4s var(--ease), box-shadow .4s;
}
.tl:hover .tl-n{
  background:var(--accent); border-color:var(--accent); color:#fff;
  transform:scale(1.06); box-shadow:0 0 30px -4px var(--accent);
}
.tl h3{ font-size:clamp(19px,2.4vw,27px); font-weight:800; letter-spacing:-.025em; margin:0; }
.tl p{ color:var(--ink-dim); margin:8px 0 0; max-width:62ch; font-size:16px; }
@media (max-width:760px){
  #processo{ padding:56px 0 48px; }
  /* celular: a mesma linha do tempo, só mais justa */
  .timeline::before{ left:19px; }
  .tl{ padding:0 0 26px 58px; }
  .tl:last-child{ padding-bottom:0; }
  .tl-n{ width:40px; height:40px; font-size:13px; top:-2px; }
  .tl h3{ font-size:17px; line-height:1.2; }
  .tl p{ font-size:14.5px; margin-top:5px; line-height:1.45; max-width:none; }
}

/* ============================================================
   CTA FINAL
   ============================================================ */
#contato{ padding:120px 0 130px; position:relative; overflow:hidden; }
/* dois cartões: o caminho rápido e o resto */
.ct-cards{ display:grid; grid-template-columns:1fr 1fr; gap:20px; max-width:1000px; margin:46px auto 0; }
.ct-card{
  background:#fff; border:1px solid var(--linha); border-radius:24px; padding:34px 32px 32px;
  display:flex; flex-direction:column; align-items:flex-start; text-align:left;
  box-shadow:0 10px 30px rgba(12,11,16,.06);
  transition:transform .4s var(--ease-out), box-shadow .4s var(--ease-out), border-color .4s;
}
.ct-card:hover{ transform:translateY(-5px); box-shadow:0 20px 44px rgba(12,11,16,.1); }
.ct-zap{ background:linear-gradient(170deg,#EFFBF3 0%,#fff 58%); border-color:#CDEFD8; }
.ct-ico{
  width:58px; height:58px; border-radius:17px; display:grid; place-items:center;
  background:var(--surf); color:var(--ink-dim); margin-bottom:22px;
}
.ct-ico svg{ width:28px; height:28px; }
.ct-zap .ct-ico{ background:#25D366; color:#fff; box-shadow:0 10px 24px -8px rgba(37,211,102,.6); }
.ct-ico-insta{ background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%); box-shadow:0 10px 24px -8px rgba(214,36,159,.55); }
.ct-zap .ct-ico svg{ fill:currentColor; }
.ct-card h3{ font-size:24px; font-weight:800; letter-spacing:-.03em; margin:0 0 12px; }
.ct-card p{ color:var(--ink-dim); font-size:15.5px; line-height:1.55; margin:0 0 26px; max-width:38ch; }
.ct-card .btn{ margin-top:auto; }
.ct-pills{ display:flex; flex-wrap:wrap; gap:10px; margin-top:auto; }
.ct-pills a{
  border:1px solid var(--linha); border-radius:999px; padding:11px 18px;
  font-size:14.5px; font-weight:600; color:var(--ink); background:#fff;
  transition:border-color .3s, transform .3s var(--ease-out);
}
.ct-pills a:hover{ border-color:var(--ink); transform:translateY(-2px); }
@media (max-width:820px){
  #contato{ padding:80px 0 88px; }
  .ct-cards{ grid-template-columns:1fr; gap:14px; margin-top:34px; }
  .ct-card{ padding:28px 24px 26px; }
  .ct-card h3{ font-size:21px; }
  .ct-card p{ font-size:14.5px; margin-bottom:22px; max-width:none; }
  .ct-card .btn{ width:100%; }
}
.cta-brilho{
  position:absolute; left:50%; top:56%; transform:translate(-50%,-50%);
  width:min(900px,92vw); aspect-ratio:1; border-radius:50%; pointer-events:none;
  background:radial-gradient(circle, rgba(124,58,237,.13), rgba(255,138,0,.05) 42%, transparent 68%);
}
.cta-inner{ position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; }
.cta-titulo{
  font-size:clamp(38px,7vw,84px); font-weight:900; letter-spacing:-.045em; line-height:1;
  margin:0;
}
.cta-apoio{ color:var(--ink-soft); font-size:15px; margin:22px 0 0; }
.cta-apoio a{ color:var(--ink); font-weight:700; text-decoration:none; border-bottom:1.5px solid var(--accent); }
.cta-apoio a:hover{ color:var(--accent); }
.cta-sub b{ color:var(--ink); font-weight:700; }
.cta-sub{
  color:var(--ink-dim); font-size:clamp(16px,2.1vw,21px);
  margin:24px 0 44px; max-width:44ch;
}
.btn-gigante{
  display:inline-flex; align-items:center; gap:12px;
  background:var(--accent); color:#fff; border-radius:999px;
  padding:20px 40px; font-size:clamp(15px,1.8vw,18px); font-weight:700;
  box-shadow:0 18px 46px rgba(124,58,237,.34);
  transition:background .3s, transform .3s var(--ease), box-shadow .3s var(--ease);
}
.btn-gigante:hover{ background:var(--accent-2); transform:translateY(-3px); box-shadow:0 24px 60px rgba(124,58,237,.44); }
.btn-gigante svg{ width:22px; height:22px; fill:currentColor; flex-shrink:0; }
@media (max-width:760px){
  #contato{ padding:64px 0 72px; }
  .btn-gigante{ padding:17px 30px; width:100%; justify-content:center; }
}

/* ============================================================
   FAQ
   ============================================================ */
/* faixa preta de ponta a ponta: branco no que importa, cinza no resto */
#faq{
  padding:110px 0 116px; background:#0C0B10; color:#fff; border-radius:0;
  width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
}
#faq > .wrap{ width:min(var(--maxw),92vw); margin-inline:auto; }
#faq .sec-title{ color:#fff; }
#faq .sec-sub{ color:rgba(255,255,255,.62); }
#faq .eyebrow{ color:var(--olho-depo,#7C3AED); }
#faq .faq{ background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.12); }
#faq .faq-q{ color:#fff; }
#faq .faq-q .pl{ background:rgba(255,255,255,.1); color:#fff; }
#faq .faq.open .faq-q .pl{ background:var(--accent); color:#fff; }
#faq .faq-a p{ color:rgba(255,255,255,.66); }
#faq .faq:hover{ border-color:rgba(255,255,255,.22); }
@media (max-width:760px){ #faq{ padding:72px 0 64px; } }
.faq-list{ max-width:760px; margin:0 auto; }
.faq{
  border:1px solid var(--linha); border-radius:18px; margin-bottom:12px; overflow:hidden;
  background:var(--card); transition:box-shadow .35s, border-color .35s;
}
.faq.open{ border-color:var(--accent); box-shadow:var(--sombra-forte); }
.faq-q{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px 26px; text-align:left; font-size:15.5px; font-weight:600; }
.faq-q .pl{
  flex-shrink:0; width:26px; height:26px; border-radius:50%; background:var(--surf);
  display:flex; align-items:center; justify-content:center; font-size:17px; color:var(--ink-dim);
  transition:transform .35s var(--ease), background .3s, color .3s;
}
.faq.open .pl{ transform:rotate(45deg); background:var(--accent); color:var(--accent-cor); }
.faq-a{ max-height:0; overflow:hidden; transition:max-height .4s var(--ease); }
.faq-a p{ padding:0 26px 24px; margin:0; font-size:14.5px; color:var(--ink-dim); }

/* ============================================================
   RODAPÉ
   ============================================================ */

footer{ border-top:1px solid var(--linha); padding:60px 0 40px; }
.f-grid{ display:flex; justify-content:space-between; gap:40px; flex-wrap:wrap; align-items:flex-start; }
.f-marca img{ height:28px; filter:var(--logo-filtro); }
.f-note{ font-size:12.5px; color:var(--ink-soft); margin-top:14px; max-width:320px; }
.f-links{ display:flex; gap:56px; flex-wrap:wrap; }
.f-col b{ display:block; font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:14px; font-weight:700; }
.f-col a{ display:block; font-size:13.5px; color:var(--ink-dim); padding:4px 0; transition:color .2s; }
.f-col a:hover{ color:var(--accent); }
.f-bottom{ margin-top:52px; padding-top:24px; border-top:1px solid var(--linha); display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; font-size:12px; color:var(--ink-soft); }

/* ============================================================
   PALCO
   ============================================================ */
.palco{
  position:fixed; inset:0; z-index:500; background:rgba(8,9,12,.82); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  display:flex; align-items:center; justify-content:center; padding:24px;
  opacity:0; visibility:hidden; transition:opacity .3s var(--ease), visibility .3s;
}
.palco.on{ opacity:1; visibility:visible; }
.palco-caixa{ position:relative; display:flex; flex-direction:column; gap:12px; align-items:stretch; width:fit-content; max-width:100%; }   /* a caixa tem a largura do vídeo: os botões alinham com as bordas dele */
.palco-tela{ position:relative; width:fit-content; max-width:100%; margin:0 auto; }   /* a seta fica presa à borda do vídeo */
.palco-voltar{
  position:absolute; top:10px; left:10px; z-index:2; width:38px; height:38px; border-radius:50%; border:0;
  display:grid; place-items:center; cursor:pointer;
  background:rgba(0,0,0,.42); color:#fff; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  transition:background-color .16s;
}
.palco-voltar:hover{ background:rgba(0,0,0,.65); }
.palco-voltar:focus-visible{ outline:none; box-shadow:0 0 0 3px rgba(255,255,255,.6); }
.palco-voltar svg{ width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.palco video{
  display:block; height:min(68vh,68svh); width:auto; max-width:calc(100vw - 48px); aspect-ratio:9/16;
  object-fit:cover; background:#000; cursor:pointer; border-radius:18px; box-shadow:0 18px 50px rgba(0,0,0,.55);
}
/* carregando: anel girando enquanto o vídeo não começa */
.palco-carregando{
  position:absolute; left:50%; top:50%; width:44px; height:44px; margin:-22px 0 0 -22px; z-index:1;
  border-radius:50%; border:3px solid rgba(255,255,255,.25); border-top-color:#fff;
  animation:palco-gira .8s linear infinite; opacity:0; visibility:hidden; transition:opacity .2s, visibility .2s; pointer-events:none;
}
.palco.carregando .palco-carregando{ opacity:1; visibility:visible; }
@keyframes palco-gira{ to{ transform:rotate(360deg); } }
/* embaixo do vídeo: chamada em vermelho + Voltar (só Voltar, em vermelho, quando não há chamada) */
.palco-acoes{ display:flex; gap:8px; width:100%; min-width:0; }
.palco-acoes .palco-quero{ min-width:0; white-space:nowrap; padding:0 12px; }
.palco-quero{
  flex:1; display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 14px;
  border:0; border-radius:12px; background:var(--accent); color:#fff; font-size:15px; font-weight:800;
  box-shadow:0 10px 26px var(--accent-sombra); transition:background .16s, transform .12s;
}
.palco-quero:hover{ background:var(--accent-2); }
.palco-quero:active{ transform:translateY(1px); }
.palco-quero[hidden]{ display:none; }
.palco-outros{
  flex:0 0 auto; min-height:48px; padding:0 16px; border:1.5px solid rgba(255,255,255,.65); border-radius:12px; cursor:pointer;
  background:rgba(0,0,0,.35); color:#fff; font-size:14px; font-weight:700;
  transition:background .16s, border-color .16s, transform .12s;
}
.palco-outros:hover{ background:rgba(0,0,0,.55); border-color:#fff; }
.palco-outros:active{ transform:translateY(1px); }
/* depoimento: só o Voltar, no mesmo contorno */
.palco-acoes.so-voltar .palco-outros{ flex:1; }
@media (max-width:760px){
  .palco{ padding:16px; }
  .palco-caixa{ gap:10px; }
  .palco video{ height:min(60vh,60svh); max-width:calc(100vw - 32px); border-radius:16px; }
  .palco-quero{ font-size:14.5px; min-height:46px; }
  .palco-outros{ font-size:13.5px; min-height:46px; padding:0 14px; }
  .palco-voltar{ width:42px; height:42px; }
  .palco-acoes{ padding-bottom:env(safe-area-inset-bottom); }
}

/* ============================================================
   REVEAL
   ============================================================ */
.rv{ opacity:0; transform:translateY(28px); transition:opacity .9s var(--ease-out), transform .9s var(--ease-out); }
.rv.in{ opacity:1; transform:none; }
.rv.d1{ transition-delay:.08s; } .rv.d2{ transition-delay:.16s; }
.rv.d3{ transition-delay:.24s; } .rv.d4{ transition-delay:.32s; }
.hi{ opacity:0; animation:heroIn 1s var(--ease-out) forwards; }
.hi.d1{ animation-delay:.08s; } .hi.d2{ animation-delay:.18s; }
.hi.d3{ animation-delay:.3s; }  .hi.d4{ animation-delay:.42s; } .hi.d5{ animation-delay:.54s; }
@keyframes heroIn{ from{ opacity:0; transform:translateY(26px); } to{ opacity:1; transform:none; } }

@media (prefers-reduced-motion:reduce){
  .rv{ opacity:1; transform:none; transition:none; }
  .hi{ animation:none; opacity:1; }
  html{ scroll-behavior:auto; }
  *{ animation-duration:.001s !important; }
}

/* ============================================================
   RESPONSIVO
   ============================================================ */
/* telas médias: o botão de WhatsApp sai da pílula, os links ficam */
@media (max-width:1080px){
  .nav-cta{ display:none; }
  .pill-nav{ gap:10px; padding:7px 8px 7px 16px; }
  .pill-nav .links a{ padding:9px 12px; }
}
/* celular: os links continuam à mostra, só que compactos */
@media (max-width:620px){
  /* no celular a pilula guarda so a marca e o menu: os links moram na gaveta */
  .pill-nav{
    gap:0; padding:7px 7px 7px 18px; justify-content:space-between;
    width:min(300px, calc(100vw - 40px)); max-width:none;
  }
  .pill-nav .links{ display:none; }
  .pill-nav .marca{ margin-right:0; }
  .pill-nav .marca img{ height:26px; }
  .menu-btn{ width:40px; height:40px; margin-left:0; flex-shrink:0; }
  .menu-btn i{ width:16px; }
}
@media (max-width:380px){
  .pill-nav{ width:min(280px, calc(100vw - 32px)); padding:7px 7px 7px 16px; }
  .pill-nav .marca img{ height:24px; }
}
@media (max-width:760px){
  .wrap{ padding:0 20px; }
  #projetos{ padding:52px 0 6px; }
  #processo,#founders{ padding:56px 0; }
  #projetos .sec-head{ margin-bottom:30px; }
  .projetos-lista{ gap:34px; }
  .formato{ padding:12px 0; gap:16px; }
  .formato-corpo{ gap:12px; }
  .formato-mais{
    flex:1; min-width:0; padding:13px 14px; font-size:14px; white-space:nowrap;
    background:var(--card); color:var(--ink); border:1px solid var(--linha); box-shadow:none;
  }
  .formato-mais:hover{ background:var(--card); border-color:var(--ink); transform:none; box-shadow:none; }
  .formato-mais{ justify-content:center; }
  .formato-head p{ margin-bottom:16px; }
  .sec-head{ margin-bottom:32px; }
  .formato-videos{ gap:10px; }
  .cta-box{ padding:40px 24px; }
  .f-links{ gap:34px; }
  .cta-acoes .btn{ flex:1 1 100%; }
}

/* ============================================================
   ALVOS DE TOQUE
   No celular tudo que se clica precisa de ~44px de área, mesmo
   quando o desenho é menor. O ::after estende a área sem mexer no visual.
   ============================================================ */
@media (max-width:900px){
  .vitrine-som{ position:absolute; }   /* nao pode virar relative: sai do canto do card */
  .pill-nav .marca,
  .f-marca{ position:relative; }
  .vitrine-som::after,
  .pill-nav .marca::after,
  .f-marca::after{
    content:""; position:absolute; left:50%; top:50%;
    width:44px; height:44px; transform:translate(-50%,-50%);
  }
  .f-col a{ padding:11px 0; }
  .gaveta a{ padding:15px 16px; }
}

/* ============================================================
   DESEMPENHO
   O navegador não gasta layout nem pintura com o que está fora da tela.
   `contain-intrinsic-size` reserva a altura estimada pra barra de rolagem
   não pular enquanto o conteúdo entra.
   ============================================================ */
/* #cases ficou DE FORA de propósito: content-visibility congela a esteira de
   prints enquanto a seção está fora da tela, o carrossel chegava parado. */
#projetos, #processo, #faq, #contato, footer{
  content-visibility:auto;
}
#projetos{ contain-intrinsic-size:auto 4200px; }
#processo{ contain-intrinsic-size:auto 900px;  }
#faq{      contain-intrinsic-size:auto 1000px; }
#contato{  contain-intrinsic-size:auto 600px;  }
footer{    contain-intrinsic-size:auto 400px;  }

/* isola o muro: a animação dele não força recálculo do resto da página */
.hero-muro{ contain:strict; }
.marcas-trilho{ contain:content; }

/* a rolagem do celular não trava esperando o toque terminar */
@media (max-width:900px){
  body{ -webkit-overflow-scrolling:touch; }
  .vitrine,.case,.reel-card{ will-change:auto; }
}

/* ---------- hero desta variacao ---------- */

#inicio{
  /* min-height, não height: se o conteúdo passar da tela o hero cresce
     em vez de empurrar o selo para debaixo da nav */
  min-height:100svh; padding:136px 0 60px; overflow:hidden;
  display:flex; align-items:center; justify-content:center; text-align:center;
}
/* ---- muro de criativos em video, no fundo ---- */
.hero-muro{
  --cw:128px; --gap:10px;
  position:absolute; inset:0; z-index:0; overflow:hidden;
  display:flex; align-items:center; justify-content:center; perspective:2600px;
}
.muro{ display:flex; gap:var(--gap); flex:none; transform:rotateX(6deg) rotateZ(-3deg) scale(1.02); transform-style:preserve-3d; }
.muro-col{
  display:flex; flex-direction:column; gap:var(--gap); flex:none; width:var(--cw);
  animation:muroSobe var(--dur,48s) linear infinite; will-change:transform;
}
.muro-col.desce{ animation-name:muroDesce; }
/* o percurso é uma cópia inteira (50%), simétrico em torno de zero: assim a
   coluna nunca deixa buraco em nenhum ponto da animação */
@keyframes muroSobe{ from{ transform:translateY(25%); }  to{ transform:translateY(-25%); } }
@keyframes muroDesce{ from{ transform:translateY(-25%); } to{ transform:translateY(25%); } }
.peca{ position:relative; width:100%; aspect-ratio:9/16; flex:none; border-radius:5px; background:#d9d9de; overflow:hidden;
  border:1px solid rgba(12,11,16,.06); box-shadow:0 7px 18px rgba(12,11,16,.11); background:var(--surf); }
.peca img,.peca video{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  filter:saturate(.82) contrast(.96); opacity:.76;
}
.peca video{ opacity:0; transition:opacity .6s var(--ease); }
.peca video.on{ opacity:.82; }
.hero-brilho{
  position:absolute; left:50%; top:46%; transform:translate(-50%,-50%);
  width:min(1180px,140vw); aspect-ratio:1; border-radius:50%; z-index:1; pointer-events:none;
  background:radial-gradient(circle, rgba(255,255,255,.96), rgba(255,255,255,.55) 40%, transparent 70%);
}
.hero-veu{
  position:absolute; inset:0; z-index:2; pointer-events:none;
  background:
    radial-gradient(ellipse 56% 50% at 50% 44%, rgba(246,246,248,.95), rgba(246,246,248,.78) 42%, rgba(246,246,248,.30) 72%, rgba(246,246,248,.04) 100%),
    linear-gradient(180deg, rgba(246,246,248,.92) 0%, rgba(246,246,248,.25) 20%, rgba(246,246,248,.30) 60%, rgba(246,246,248,.86) 88%, var(--bg) 100%);
}
#inicio .wrap{ position:relative; z-index:3; }
.hero-badge{
  display:inline-flex; align-items:center; gap:9px; background:rgba(255,255,255,.88);
  border:1px solid var(--linha); border-radius:999px; padding:8px 18px 8px 10px;
  font-size:12.5px; font-weight:600; color:var(--ink-dim); backdrop-filter:blur(10px);
  box-shadow:0 6px 24px rgba(0,0,0,.06); margin-bottom:38px;
}
.hero-badge .dot{ width:8px; height:8px; border-radius:50%; background:#30D158; box-shadow:0 0 0 4px rgba(48,209,88,.18); animation:pulso 2.4s ease-in-out infinite; }
@keyframes pulso{ 50%{ box-shadow:0 0 0 7px rgba(48,209,88,.05); } }
#inicio h1{ font-size:clamp(46px,7.8vw,94px); line-height:1.0; font-weight:900; letter-spacing:-.048em;
  max-width:15ch; margin:0 auto; position:relative; }
/* o brilho fica ATRÁS do título: text-shadow vazaria por dentro do gradiente */
#inicio h1::before{ content:""; position:absolute; inset:-14% -8%; z-index:-1; pointer-events:none;
  background:radial-gradient(ellipse at center, rgba(255,255,255,.96), rgba(255,255,255,.72) 45%, transparent 72%); }
#inicio h1 .grad{ background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
.lead{ font-size:clamp(16px,2vw,20px); color:var(--ink-dim); max-width:600px; margin:30px auto 0;
  position:relative; }
.lead::before{ content:""; position:absolute; inset:-30% -10%; z-index:-1; pointer-events:none;
  background:radial-gradient(ellipse at center, rgba(255,255,255,.92), transparent 72%); }
.lead b{ color:var(--ink); font-weight:700; }
.hero-ctas{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:42px; }
/* barra de autoridade */
.hero-stats{
  display:flex; flex-wrap:wrap; justify-content:center; margin:34px auto 0; width:max-content; max-width:100%;
  border:1px solid var(--linha); border-radius:20px; overflow:hidden;
  background:rgba(255,255,255,.78); backdrop-filter:blur(12px); box-shadow:0 16px 44px rgba(0,0,0,.07);
}
.hstat{ padding:18px 30px; text-align:center; position:relative; }
.hstat+.hstat::before{ content:""; position:absolute; left:0; top:22%; bottom:22%; width:1px; background:var(--linha); }
.hstat .n{ font-size:clamp(21px,2.6vw,29px); line-height:1; font-weight:800; letter-spacing:-.03em; }
.hstat .l{ font-size:11.5px; color:var(--ink-soft); font-weight:500; margin-top:7px; }
@media (max-width:760px){
  #inicio{ padding:116px 0 44px; }
  /* sem perspectiva no celular: rotacionar em 3D custa caro pra pouco efeito */
  .hero-muro{ perspective:none; }
  .muro{ transform:rotate(-3deg) scale(1.05); }
  .hero-muro{ --cw:100px; --gap:8px; }
  #inicio h1{ letter-spacing:-.035em; }
  .hero-ctas .btn{ flex:1 1 100%; }
  .hero-stats{ width:100%; }
  .hstat{ flex:1 1 50%; padding:15px 10px; }
  .hstat+.hstat::before{ display:none; }
  .hstat .l{ font-size:11px; }
}


/* ============================================================
   OFERTA: PREÇO, ADICIONAL, VALORES E FEEDBACKS
   ============================================================ */
.formato-preco{font-size:clamp(18px,1.9vw,24px);font-weight:800;letter-spacing:-.03em;
  color:var(--ink);white-space:nowrap}
.formato-preco .fp-tr{color:var(--ink-ghost);font-weight:400}

.formato-extra{background:#0C0B10;color:#fff;border-radius:18px;padding:24px 26px;margin-top:20px}
.extra-topo{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.extra-mais{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;
  background:var(--grad);font-size:17px;font-weight:700;line-height:1;color:#fff}
.extra-topo b{display:block;font-size:20px;font-weight:800;letter-spacing:-.02em}
.extra-dif{display:block;font-size:13px;font-weight:600;color:#7C3AED;margin-top:3px}
.extra-desc{font-size:14.5px;color:rgba(255,255,255,.64);line-height:1.5}
.extra-lista{list-style:none;margin:16px 0 20px;padding:0;display:grid;gap:8px}
.extra-lista li{position:relative;padding-left:22px;font-size:14px;color:rgba(255,255,255,.8)}
.extra-lista li::before{content:"";position:absolute;left:4px;top:8px;width:6px;height:6px;border-radius:50%;background:#7C3AED}
.formato-extra .btn{width:100%}
.btn-claro{background:#fff;color:var(--ink)}
.btn-claro:hover{transform:translateY(-2px)}



.aviso-pilula{display:flex;width:fit-content;align-items:center;gap:12px;white-space:nowrap;
  margin:0 auto 16px;position:relative;z-index:5;
  background:var(--ink);color:#fff;border-radius:999px;padding:9px 20px 9px 9px;
  font-size:14px;box-shadow:0 14px 34px rgba(12,11,16,.28);
  animation:avisoEntra .9s cubic-bezier(.16,1,.3,1) .15s both;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.aviso-pilula:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(12,11,16,.34)}
.aviso-curto{display:none}
@media(max-width:760px){.aviso-longo{display:none}.aviso-curto{display:inline}}
.aviso-selo{background:var(--grad);color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;padding:6px 13px;border-radius:999px}
.aviso-txt{font-weight:500;color:rgba(255,255,255,.88)}
.aviso-txt b{color:#fff;font-weight:700}
.aviso-seta{color:rgba(255,255,255,.55);font-size:15px}
@keyframes avisoEntra{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@media(max-width:760px){
  .aviso-pilula{font-size:12px;gap:8px;padding:6px 13px 6px 6px;white-space:nowrap;
    max-width:92vw;text-align:left}
  .aviso-selo{font-size:11px;padding:5px 10px;flex-shrink:0}
  .aviso-seta{display:none}
}

/* esteira de feedbacks */
.fb-bloco{margin-top:46px}
.fb-chamada{text-align:center;font-size:14.5px;font-weight:600;color:var(--ink-dim);margin:0 0 20px}
.fb-arrasta{color:var(--ink-soft);font-weight:500}
/* Esteira por transform: é o que o celular anima liso (a GPU cuida sozinha).
   A fila é curta de propósito, acima de ~16.000px o Chrome não consegue
   compor a camada e o carrossel chega PARADO, que era o bug antigo. */
.fb-trilho{position:relative;overflow:hidden;margin:0 calc(50% - 50vw);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.fb-fila{display:flex;gap:14px;width:max-content;padding:6px 0 12px;
  animation:fbAnda var(--fb-dur,90s) linear infinite;
  will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden}
@keyframes fbAnda{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
/* só pausa onde existe mouse: no celular o :hover gruda depois do toque */
@media (hover:hover){ .fb-trilho:hover .fb-fila{animation-play-state:paused} }
@media(prefers-reduced-motion:reduce){.fb-fila{animation:none}.fb-trilho{overflow-x:auto}}
.fb-card{flex:0 0 clamp(158px,17vw,208px);min-width:0;margin:0;aspect-ratio:9/16;border-radius:var(--r-media,18px);
  overflow:hidden;background:var(--surf);cursor:pointer;border:1px solid var(--linha);
  box-shadow:0 8px 24px rgba(12,11,16,.09);
  transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out)}
.fb-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 18px 44px rgba(12,11,16,.16)}
.fb-card img{width:100%;height:100%;object-fit:cover;display:block}

.fb-luz{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px}
.fb-luz[hidden]{display:none}
.fb-luz-fundo{position:absolute;inset:0;background:rgba(12,11,16,.88);backdrop-filter:blur(10px)}
.fb-luz img{position:relative;max-width:min(430px,88vw);max-height:86vh;border-radius:16px;
  box-shadow:0 30px 80px rgba(0,0,0,.5)}
.fb-x{position:absolute;top:22px;right:24px;width:40px;height:40px;border:0;border-radius:50%;
  background:#fff;color:var(--ink);font-size:18px;cursor:pointer;display:grid;place-items:center}
.fb-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:0;border-radius:50%;
  background:rgba(255,255,255,.92);color:var(--ink);font-size:26px;line-height:1;cursor:pointer;
  display:grid;place-items:center;transition:transform .25s var(--ease)}
.fb-nav:hover{transform:translateY(-50%) scale(1.08)}
.fb-ant{left:max(18px,4vw)}
.fb-prox{right:max(18px,4vw)}
.fb-conta{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.72);
  font-size:13px;font-weight:600}
@media(max-width:700px){.fb-nav{width:40px;height:40px;font-size:22px}.fb-ant{left:10px}.fb-prox{right:10px}
  .fb-card{flex:0 0 clamp(146px,44vw,182px)}}

/* ---- variação de animação ---- */

/* 4, RESPIRO: o mural fica firme; o que se move é a luz de cada peça */
.muro{transform:rotateX(6deg) rotateZ(-3deg) scale(1.02);animation:none}
.muro-col{animation:none!important}
.peca{animation:pecaRespira 9s ease-in-out infinite}
.peca:nth-child(3n)  {animation-delay:-1.2s}
.peca:nth-child(3n+1){animation-delay:-3.6s}
.peca:nth-child(4n)  {animation-delay:-5.4s}
.peca:nth-child(5n)  {animation-delay:-7.1s}
@keyframes pecaRespira{
  0%,100%{transform:scale(1);   filter:none}
  50%    {transform:scale(1.06);filter:brightness(1.18)}
}

@media (prefers-reduced-motion:reduce){
  .muro{ animation:none; transition:none }
  .hero-muro{ animation:none }
}

/* criativo dentro da esteira de feedbacks */
.fb-peca{position:relative}
.fb-peca img,.fb-peca video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fb-peca video{opacity:0;transition:opacity .6s var(--ease)}
.fb-peca video.on{opacity:1}
.fb-tag{position:absolute;left:10px;bottom:10px;z-index:2;background:rgba(12,11,16,.72);
  backdrop-filter:blur(6px);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;padding:5px 10px;border-radius:999px}
.fb-luz video{position:relative;max-width:min(430px,88vw);max-height:86vh;border-radius:16px;
  box-shadow:0 30px 80px rgba(0,0,0,.5);background:#000}
.fb-luz video[hidden],.fb-luz img[hidden]{display:none}

.fb-depo .fb-tag{background:var(--accent)}
.fb-quem{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:34px 12px 12px;color:#fff;
  background:linear-gradient(transparent,rgba(0,0,0,.88))}
.fb-quem b{display:block;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb-quem span{display:block;font-size:11px;color:rgba(255,255,255,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb-depo .fb-tag{bottom:auto;top:10px}

/* ---- trilho de depoimentos: arrasta com o dedo ---- */
.cases-trilho{position:relative;max-width:860px;margin:0 auto}

/* ---- tema escuro da seção de depoimentos ---- */
/* a faixa escura atravessa a tela inteira: sem canto, sem cara de caixa */
#cases.tema-escuro{background:var(--fundo-depo,#0C0B10);border-radius:0;max-width:none;
  width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  padding:96px 0 88px;margin-top:0}
#cases.tema-escuro > .wrap{width:min(var(--maxw),92vw);margin-inline:auto}
/* respiro entre a esteira de logos e os depoimentos */
#marcas{padding-bottom:72px}
#cases.tema-escuro .sec-title,#cases.tema-escuro .cases-titulo{color:#fff}
#cases.tema-escuro .eyebrow{color:var(--olho-depo,#7C3AED)}
#cases.tema-escuro .sec-sub{color:rgba(255,255,255,.62)}
#cases.tema-escuro .fb-chamada{color:rgba(255,255,255,.82)}
#cases.tema-escuro .fb-arrasta{color:rgba(255,255,255,.45)}
#cases.tema-escuro .case,#cases.tema-escuro .fb-card{border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);box-shadow:0 10px 30px rgba(0,0,0,.35)}
#cases.tema-escuro .fb-trilho{
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
#cases.tema-escuro .btn-insta{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.16)}
#cases.tema-escuro .btn-insta:hover{background:rgba(255,255,255,.14)}
@media(max-width:820px){#cases.tema-escuro{padding:68px 0 60px;margin-top:0}#marcas{padding-bottom:72px}}

/* ---- pacotes ---- */
.pacotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch;
  max-width:1000px;margin:0 auto}
@media(max-width:900px){.pacotes{grid-template-columns:1fr;max-width:430px}}
.pac{position:relative;background:#fff;border:1.5px solid var(--linha);border-radius:26px;
  padding:30px 26px 28px;display:flex;flex-direction:column;overflow:hidden;
  box-shadow:0 4px 18px rgba(12,11,16,.06);
  transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out),border-color .4s}
/* faixa da cor do pacote no topo do card */
.pac::before{content:"";position:absolute;inset:0 0 auto;height:5px;
  background:linear-gradient(90deg,var(--tema),var(--tema-2,var(--tema)))}
/* brilho da cor do pacote, acende no hover */
.pac::after{content:"";position:absolute;top:-120px;right:-120px;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,var(--tema),transparent 68%);opacity:0;filter:blur(18px);
  transition:opacity .45s var(--ease-out);pointer-events:none}
.pac:hover{transform:translateY(-7px);border-color:var(--tema);
  box-shadow:0 18px 44px -12px color-mix(in srgb,var(--tema) 42%,transparent),0 8px 24px rgba(12,11,16,.09)}
.pac:hover::after{opacity:.14}
.pac.top{border-color:var(--tema);
  box-shadow:0 16px 40px -14px color-mix(in srgb,var(--tema) 46%,transparent),0 6px 22px rgba(12,11,16,.08)}
.pac>*{position:relative;z-index:1}

.pac-fita{position:absolute;top:18px;left:26px;z-index:2;color:#fff;overflow:hidden;
  background:linear-gradient(100deg,var(--tema-2,var(--tema)),var(--tema));
  font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  padding:7px 14px;border-radius:999px;white-space:nowrap;
  box-shadow:0 6px 18px -6px color-mix(in srgb,var(--tema) 70%,transparent)}
.pac-fita::after{content:"";position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.55) 50%,transparent 64%);
  background-size:220% 100%;animation:fitaBrilho 3.4s ease-in-out infinite}
@keyframes fitaBrilho{0%,62%{background-position:180% 0}100%{background-position:-60% 0}}
.pac.com-fita{padding-top:66px}

.pac-topo{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pac-nome{font-size:25px;font-weight:800;letter-spacing:-.035em;margin:0}
.pac-selo{font-size:12px;font-weight:700;color:var(--tema);
  background:color-mix(in srgb,var(--tema) 10%,#fff);
  border:1px solid color-mix(in srgb,var(--tema) 26%,#fff);
  border-radius:999px;padding:4px 11px;white-space:nowrap}
.pac-desc{font-size:14.5px;line-height:1.5;color:var(--ink-dim);margin:14px 0 0}
.pac-valor{display:flex;align-items:baseline;gap:10px;margin:20px 0 4px}
.pac-valor b{font-size:38px;font-weight:800;letter-spacing:-.04em;line-height:1}
.pac-valor s{font-size:16px;color:var(--ink-ghost)}
.pac-cada{font-size:14px;color:var(--ink-dim)}
.pac-cada b{color:var(--ink);font-weight:700}
.pac-pgto{font-size:13px;color:var(--ink-soft);margin-top:3px}
.pac-pgto b{color:var(--tema);font-weight:700}
.pac-eco{display:inline-block;align-self:flex-start;margin-top:14px;font-size:12.5px;font-weight:700;
  color:#fff;background:linear-gradient(100deg,var(--tema-2,var(--tema)),var(--tema));
  border-radius:999px;padding:7px 14px;
  box-shadow:0 6px 16px -6px color-mix(in srgb,var(--tema) 65%,transparent)}

.pac-itens{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column}
.pac-itens li{display:flex;align-items:center;gap:11px;min-height:46px;padding:11px 0;
  font-size:14.5px;line-height:1.35;border-bottom:1px solid var(--linha)}
.pac-itens li:last-child{border-bottom:0}
.pac-itens .pac-ico{flex:0 0 18px;width:18px;height:18px;color:var(--ink-soft)}
.pac-itens .pac-txt{flex:1 1 auto}
.pac-itens .pac-ck{flex:0 0 auto;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;
  font-size:11px;font-weight:700;line-height:1;
  background:color-mix(in srgb,var(--tema) 13%,#fff);color:var(--tema)}
.pac-itens li.cabeca{min-height:0;padding:2px 0 13px;border-bottom:0;font-size:13.5px;font-weight:800;
  color:var(--tema)}
.pac-itens li.cabeca .pac-ico{color:var(--tema)}
.pac-itens li.nao{color:var(--ink-ghost)}
.pac-itens li.nao .pac-ico{color:var(--ink-ghost);opacity:.55}
.pac-itens li.nao .pac-ck{background:rgba(12,11,16,.05);color:var(--ink-ghost)}
.pac-itens li.forte .pac-txt{font-weight:700;color:var(--tema)}
.pac-itens li.forte .pac-ico{color:var(--tema)}
.pac-itens li.bonus .pac-txt::after{content:"BÔNUS";margin-left:8px;font-size:9.5px;font-weight:800;
  letter-spacing:.09em;color:#fff;background:var(--tema);border-radius:999px;padding:3px 7px;vertical-align:2px}

.pac-link{display:block;margin-top:auto;padding:18px 0 14px;font-size:14px;font-weight:600;
  color:var(--ink-dim);text-decoration:none;border-bottom:1px solid var(--linha);
  transition:color .3s var(--ease-out)}
.pac-link:hover{color:var(--tema)}
.pac .btn{width:100%;margin-top:20px}
.pac .btn-tema{background:linear-gradient(100deg,var(--tema-2,var(--tema)),var(--tema));color:#fff;border-color:transparent;
  box-shadow:0 10px 26px -10px color-mix(in srgb,var(--tema) 75%,transparent)}
.pac .btn-tema:hover{filter:brightness(1.06);transform:translateY(-2px)}
.pacotes-nota{text-align:center;font-size:13.5px;color:var(--ink-soft);margin:28px 0 0}
/* o recado que mais gera dúvida fica em destaque, não no meio do subtítulo */
.pac-aviso{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px;
  margin:18px auto 0;padding:11px 20px;border-radius:999px;
  background:color-mix(in srgb,var(--accent) 9%,#fff);border:1px solid color-mix(in srgb,var(--accent) 24%,#fff);
  font-size:14.5px;color:var(--ink);text-align:center;line-height:1.4}
.pac-aviso b{color:var(--accent);font-weight:800}
.pac-aviso span{color:var(--ink-dim)}
@media(max-width:760px){.pac-aviso{font-size:13.5px;padding:10px 16px;border-radius:18px;margin-top:14px}}
.pacotes-dica{display:none}
@media(max-width:900px){
  .pacotes-dica{display:block;text-align:center;font-size:13px;color:var(--ink-soft);margin:14px 0 0}
  .pacotes-dica b{color:var(--ink);font-weight:600}
  /* no celular vira feed: arrasta pro lado e para em cada card */
  .pacotes{display:flex;max-width:none;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    padding:20px 20px 10px;margin:0 -20px;scrollbar-width:none}
  .pacotes::-webkit-scrollbar{display:none}
  .pac{flex:0 0 84%;max-width:360px;scroll-snap-align:center;padding:26px 20px 24px}
  .pac.com-fita{padding-top:60px}
  .pac:hover{transform:none}
  .pac-nome{font-size:23px}
  .pac-desc{font-size:14px;margin-top:12px}
  .pac-valor{margin:18px 0 4px}
  .pac-valor b{font-size:34px}
  .pac-itens{margin-top:18px}
  .pac-itens li{min-height:40px;padding:8px 0;font-size:14px;gap:10px}
  .pac-link{padding:14px 0 12px}
  .pac .btn{margin-top:18px}
}

/* ---- bloco de preço: fundo próprio e respiro, pra não colar nas seções vizinhas ---- */
#pacotes{background:var(--surf);padding-top:118px;padding-bottom:118px;margin-top:40px;margin-bottom:0}
#pacotes .pac{box-shadow:0 10px 30px rgba(12,11,16,.07)}
@media(max-width:820px){
  #pacotes{padding-top:74px;padding-bottom:74px;margin-top:24px;margin-bottom:0}
}

/* ===== RIZE: sem logo, menu começa nos links ===== */
.pill-nav .links{ margin-left:6px; }

/* ===== RIZE: pacotes mínimos ===== */
.pm{max-width:520px;margin:0 auto;text-align:center}
.pm-escolha{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--linha);border-radius:999px;background:var(--card)}
.pm-escolha button{width:52px;height:38px;border:0;border-radius:999px;background:transparent;font:700 15px var(--font);color:var(--ink-dim);cursor:pointer;transition:background .2s,color .2s}
.pm-escolha button:hover{color:var(--ink)}
.pm-escolha button.on{background:var(--accent);color:#fff}
.pm-valor{margin:28px 0 4px;display:flex;align-items:baseline;justify-content:center;gap:8px}
.pm-valor b{font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--ink)}
.pm-valor span{font-size:14px;color:var(--ink-soft)}
.pm-total{margin:0;font-size:14px;color:var(--ink-dim)}
.pm-itens{margin:18px auto 24px;max-width:440px;font-size:13px;line-height:1.7;color:var(--ink-soft)}
.pm-btn{display:inline-flex;align-items:center;height:44px;padding:0 24px;border-radius:999px;background:var(--ink);color:#fff;font-weight:700;font-size:14px;text-decoration:none;transition:background .2s}
.pm-btn:hover{background:var(--accent)}
.pm-nota{margin:22px 0 0;font-size:12px;color:var(--ink-soft)}
@media (max-width:560px){ .pm-valor b{font-size:36px} .pm-escolha button{width:48px} }

/* ===== RIZE: processo compacto ===== */
#processo{ padding:88px 0; }
.timeline{ display:grid; grid-template-columns:repeat(5,1fr); gap:0; border-top:1px solid var(--linha); }
.timeline::before{ display:none; }
.tl{ padding:22px 18px 0 0; }
.tl + .tl{ padding-left:18px; border-left:1px solid var(--linha); }
.tl-n{ position:static; display:block; width:auto; height:auto; border:0; background:none; border-radius:0;
       font-size:13px; font-weight:800; color:var(--accent); margin-bottom:10px; transition:none; }
.tl:hover .tl-n{ background:none; color:var(--accent); transform:none; box-shadow:none; }
.tl h3{ font-size:18px; }
.tl p{ font-size:14px; margin-top:4px; }
@media (max-width:760px){
  #processo{ padding:52px 0; }
  .timeline{ grid-template-columns:1fr; border-top:0; }
  .tl, .tl + .tl{ display:grid; grid-template-columns:28px 1fr; column-gap:10px; align-items:baseline;
                  padding:13px 0; border-left:0; border-bottom:1px solid var(--linha); }
  .tl:first-child{ border-top:1px solid var(--linha); }
  .tl-n{ grid-row:span 2; margin:0; font-size:12px; }
  .tl h3{ font-size:16px; }
  .tl p{ font-size:13.5px; margin-top:1px; }
}

/* ===== RIZE: pacotes em cards ===== */
.pk-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch;max-width:1020px;margin:0 auto}
.pk{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--linha);border-radius:22px;padding:28px 26px 26px;
    transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s,opacity .9s var(--ease-out)}
.pk:hover{transform:translateY(-6px);box-shadow:0 26px 50px -22px rgba(12,11,16,.25);border-color:transparent}
.pk-top{border:1.5px solid var(--accent);box-shadow:0 22px 50px -26px rgba(124,58,237,.55)}
.pk-top:hover{border-color:var(--accent);box-shadow:0 30px 60px -24px rgba(124,58,237,.6)}
.pk-cabeca{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pk h3{margin:0;font-size:20px;font-weight:800;letter-spacing:-.02em}
.pk-tag{font-size:11px;font-weight:700;letter-spacing:.04em;padding:5px 10px;border-radius:999px;background:var(--surf);color:var(--ink-dim);white-space:nowrap}
.pk-top .pk-tag{background:var(--accent);color:#fff}
.pk-de{margin:22px 0 4px;font-size:15px;color:var(--ink-soft)}
.pk-de s{font-weight:700;color:var(--ink-dim);text-decoration-color:var(--accent);text-decoration-thickness:2px}
.pk-de span{font-size:12px}
.pk-preco{display:flex;align-items:baseline;gap:8px;margin:0 0 2px}
.pk-preco span{font-size:15px;color:var(--ink-dim)}
.pk-preco b{font-size:40px;font-weight:800;letter-spacing:-.035em;line-height:1;color:var(--ink)}
.pk-unit{margin:6px 0 0;font-size:13px;color:var(--accent);font-weight:600}
.pk-itens li.pk-qtd{font-weight:800;font-size:15px}
.pk-itens li.pk-mais{font-weight:700}
.pk-itens li.pk-mais::before{content:"+";background:var(--accent);border-radius:5px;color:#fff;font-size:13px;font-weight:900;line-height:15px;text-align:center}
.pk-itens li.pk-base{padding-left:0;font-weight:700;color:var(--ink-dim);font-size:13px}
.pk-itens li.pk-base::before{display:none}
.pk-frase{margin:8px 0 0;font-size:13px;color:var(--ink-dim)}
.pk-itens{list-style:none;margin:22px 0 24px;padding:18px 0 0;border-top:1px solid var(--linha);display:grid;gap:10px;flex:1;align-content:start}
.pk-itens li{position:relative;padding-left:24px;font-size:14px;line-height:1.4;color:var(--ink)}
.pk-itens li::before{content:"";position:absolute;left:0;top:2px;width:15px;height:15px;border-radius:50%;
  background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/9px no-repeat}
.pk-btn{display:flex;align-items:center;justify-content:center;height:48px;border-radius:999px;background:var(--ink);color:#fff;font-weight:700;font-size:15px;text-decoration:none;
        position:relative;overflow:hidden;transition:background .25s,transform .25s var(--ease)}
.pk-btn::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-20deg);transition:left .7s var(--ease)}
.pk:hover .pk-btn::after{left:130%}
.pk-top .pk-btn,.pk-btn:hover{background:var(--accent)}
.pk-btn:active{transform:scale(.98)}
.pk-extras{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1020px;margin:18px auto 0}
.pk-extra{background:var(--card);border:1px solid var(--linha);border-radius:18px;padding:20px 22px;transition:transform .35s var(--ease),box-shadow .35s var(--ease),opacity .9s var(--ease-out)}
.pk-extra:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px rgba(12,11,16,.25)}
.pk-extra-topo{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.pk-extra h3{margin:0;font-size:17px;font-weight:800;letter-spacing:-.02em}
.pk-extra b{font-size:22px;font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.pk-extra p{margin:6px 0 12px;font-size:13.5px;color:var(--ink-dim)}
.pk-extra a{font-size:13.5px;font-weight:700;color:var(--accent);text-decoration:none}
.pk-extra a:hover{text-decoration:underline}
@media (max-width:900px){ .pk-extras{grid-template-columns:1fr;max-width:460px} .pk-extra:hover{transform:none} }
.pk-nota{max-width:560px;margin:24px auto 0;text-align:center;font-size:13px;line-height:1.7;color:var(--ink-soft)}
@media (max-width:900px){
  .pk-grade{grid-template-columns:1fr;max-width:460px;gap:14px}
  .pk-top{order:-1}
  .pk:hover{transform:none}
}
@media (max-width:560px){
  .pk{padding:22px 20px 20px;border-radius:18px}
  .pk-de{margin-top:16px}
  .pk-preco b{font-size:34px}
  .pk-itens{margin:16px 0 18px;padding-top:14px;gap:8px}
  .pk-itens li{font-size:13.5px}
}

/* ===== RIZE: depoimentos em foto ===== */
.dp-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start;max-width:1020px;margin:0 auto}
.dp{margin:0;transition:transform .35s var(--ease),opacity .9s var(--ease-out)}
.dp:hover{transform:translateY(-6px)}
.dp-print{border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 60px -30px rgba(0,0,0,.8);background:#0b141a}
.dp-print img{display:block;width:100%;height:auto}
.dp figcaption{display:flex;flex-direction:column;gap:2px;margin-top:14px;padding-left:4px}
.dp figcaption b{font-size:15px;color:#fff}
.dp figcaption span{font-size:13px;color:rgba(255,255,255,.55)}
@media (max-width:900px){
  .dp-grade{grid-template-columns:1fr;max-width:420px;gap:26px}
  .dp:hover{transform:none}
}

/* ===== RIZE: "Depoimentos" com coroa no i ===== */
.dp-titulo{margin:0 0 18px;font-size:clamp(48px,8vw,104px);font-weight:900;letter-spacing:-.045em;line-height:1;color:#fff}
.coroa-i{position:relative;display:inline-block}
.coroa-i svg{position:absolute;left:50%;bottom:72%;width:.5em;height:auto;transform:translateX(-46%) rotate(-14deg);transform-origin:50% 100%;
  filter:drop-shadow(0 6px 14px rgba(124,58,237,.45));animation:coroa 3.2s ease-in-out infinite}
@keyframes coroa{0%,100%{transform:translateX(-46%) rotate(-14deg) translateY(0)}50%{transform:translateX(-46%) rotate(-8deg) translateY(-6%)}}
@media (prefers-reduced-motion:reduce){.coroa-i svg{animation:none}}
#cases .cases-titulo{font-size:clamp(26px,3.4vw,42px);font-weight:800;letter-spacing:-.03em}

/* ===== RIZE: figuras e animações ===== */
.rabisco{position:relative;display:inline-block;white-space:nowrap}
.rab{position:absolute;left:-2%;bottom:-.12em;width:104%;height:.32em;overflow:visible;pointer-events:none}
.rab path{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-dasharray:240;stroke-dashoffset:240;transition:stroke-dashoffset 1.1s .35s var(--ease-out)}
.rv.in .rab path{stroke-dashoffset:0}

.brilho{position:relative;display:inline-block;width:.7em;height:.8em;margin-left:.08em;vertical-align:top}
.brilho svg{position:absolute;fill:var(--accent)}
.brilho svg:first-child{width:.42em;top:.05em;left:.05em;animation:pisca 2.4s ease-in-out infinite}
.brilho svg:last-child{width:.22em;top:.5em;left:.42em;animation:pisca 2.4s 1.2s ease-in-out infinite}
@keyframes pisca{0%,100%{transform:scale(.6) rotate(0);opacity:.35}50%{transform:scale(1.1) rotate(45deg);opacity:1}}

.formato-fig{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(124,58,237,.08);margin-bottom:14px;
  transition:transform .4s var(--ease),background .3s}
.formato-fig svg{width:24px;height:24px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:80;stroke-dashoffset:80;transition:stroke-dashoffset 1.2s .2s var(--ease-out)}
.formato.in .formato-fig svg,.rv.in .formato-fig svg{stroke-dashoffset:0}
.formato:hover .formato-fig{transform:rotate(-8deg) scale(1.08);background:var(--accent)}
.formato:hover .formato-fig svg{stroke:#fff}

.tl-n{display:flex!important;align-items:center;gap:10px}
.tl-fig{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--linha);font-style:normal;
  transition:transform .4s var(--ease),background .3s,border-color .3s}
.tl-fig svg{width:20px;height:20px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tl-n em{font-style:normal}
.tl:hover .tl-fig{transform:translateY(-4px) rotate(-6deg);background:var(--accent);border-color:var(--accent)}
.tl:hover .tl-fig svg{stroke:#fff}
.tl.rv.in .tl-fig{animation:pula .7s var(--ease-out) both}
.tl:nth-child(2) .tl-fig{animation-delay:.15s!important}.tl:nth-child(3) .tl-fig{animation-delay:.3s!important}
.tl:nth-child(4) .tl-fig{animation-delay:.45s!important}.tl:nth-child(5) .tl-fig{animation-delay:.6s!important}
@keyframes pula{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}
.tl-linha{height:2px;background:var(--linha);margin-bottom:-2px;position:relative;z-index:1;overflow:hidden;opacity:1!important;transform:none!important}
.tl-linha span{position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 1.6s .2s var(--ease-out)}
.tl-linha.in span{transform:scaleX(1)}
.tl-linha span::after{content:"";position:absolute;right:0;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
@media (max-width:760px){ .tl-linha{display:none} .tl-fig{width:34px;height:34px} .tl-fig svg{width:17px;height:17px} .tl-n{grid-row:span 2} }

.pk-coroa{width:13px;height:9px;fill:currentColor;margin-right:5px;vertical-align:0;animation:coroa2 2.6s ease-in-out infinite}
@keyframes coroa2{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(6deg) translateY(-1px)}}
.pk-top::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(115deg,transparent 40%,rgba(124,58,237,.07) 50%,transparent 60%);background-size:250% 100%;animation:varre 4.5s ease-in-out infinite}
@keyframes varre{0%{background-position:120% 0}60%,100%{background-position:-60% 0}}

#pacotes,#processo{position:relative;overflow:hidden}
.flut{position:absolute;inset:0;pointer-events:none;z-index:0}
#pacotes .wrap,#processo .wrap{position:relative;z-index:1}
.flut svg{position:absolute;width:34px;height:34px;fill:none;stroke:var(--accent);stroke-width:1.5;opacity:.18;animation:flutua 9s ease-in-out infinite}
.flut .f1,.flut .f5{top:12%;left:6%}
.flut .f2{top:22%;right:8%;width:22px;animation-duration:11s;animation-delay:-3s}
.flut .f3{bottom:14%;left:10%;width:20px;animation-duration:8s;animation-delay:-5s}
.flut .f4,.flut .f6{bottom:20%;right:5%;width:44px;animation-duration:12s;animation-delay:-2s}
@keyframes flutua{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(14deg)}}
@media (max-width:760px){ .flut svg{opacity:.12;width:24px} }
@media (prefers-reduced-motion:reduce){ .flut svg,.brilho svg,.pk-coroa,.pk-top::before{animation:none} }

/* ===== RIZE: como funciona em setas ===== */
.fluxo{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.ch{display:flex;flex-direction:column}
.ch-rot{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:12px;white-space:nowrap}
.ch-seta{position:relative;display:grid;place-items:center;height:84px;margin-right:-22px;background:var(--accent);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 50%,calc(100% - 26px) 100%,0 100%,26px 50%);
  transition:transform .35s var(--ease),background .3s}
.ch:first-child .ch-seta{clip-path:polygon(0 0,calc(100% - 26px) 0,100% 50%,calc(100% - 26px) 100%,0 100%)}
.ch-seta svg{width:34px;height:34px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-left:14px;transition:transform .35s var(--ease)}
.ch:first-child .ch-seta svg{margin-left:0}
.ch:last-child .ch-seta{margin-right:0}
.ch:hover .ch-seta{transform:translateX(6px);background:#1A63D0}
.ch:hover .ch-seta svg{transform:scale(1.12)}
.ch p{margin:16px 18px 0 0;font-size:14.5px;line-height:1.5;color:var(--ink-dim)}
.ch.rv{transform:translateX(-24px)}
.ch.rv.in{transform:none}
@media (max-width:900px){
  .fluxo{grid-template-columns:1fr;gap:0;max-width:460px}
  .ch{display:grid;grid-template-columns:64px 1fr;column-gap:16px;align-items:start}
  .ch-seta,.ch:first-child .ch-seta{grid-row:1 / span 2;height:auto;min-height:92px;margin:0 0 -12px;align-self:stretch;
    clip-path:polygon(0 0,50% 12px,100% 0,100% calc(100% - 14px),50% 100%,0 calc(100% - 14px))}
  .ch:first-child .ch-seta{clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),50% 100%,0 calc(100% - 14px))}
  .ch-seta svg,.ch:first-child .ch-seta svg{width:26px;height:26px;margin:0}
  .ch-rot{margin:18px 0 4px}
  .ch p{margin:0 0 22px;font-size:14px}
  .ch:hover .ch-seta{transform:none}
  .ch.rv{transform:translateY(16px)}
}

/* ===== RIZE: números do topo ===== */
.hero-stats{display:grid!important;grid-template-columns:repeat(4,1fr);gap:0;padding:6px 8px!important;border-radius:20px}
.hstat{padding:18px 26px!important;text-align:center}
.hstat .n{display:flex;align-items:baseline;justify-content:center;gap:2px;font-size:clamp(24px,2.7vw,32px)!important;font-weight:800;letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.hs-pre{font-size:.62em;font-weight:800;color:var(--accent);letter-spacing:-.01em;margin-right:1px}
.hs-suf{font-size:.78em;font-weight:800}
.hstat .l{margin-top:8px!important;font-size:10.5px!important;font-weight:700!important;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
@media (max-width:760px){
  .hero-stats{grid-template-columns:1fr 1fr}
  .hstat{padding:16px 8px!important}
  .hstat:nth-child(odd){border-right:1px solid var(--linha)}
  .hstat:nth-child(-n+2){border-bottom:1px solid var(--linha)}
  .hstat .l{font-size:9.5px!important;letter-spacing:.1em}
}

/* ===== RIZE: personalizado (padrão dos pacotes) ===== */
.perso{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;max-width:1020px;margin:18px auto 0;padding:28px 30px;
  border-radius:22px;background:var(--card);border:1.5px dashed rgba(124,58,237,.45);overflow:hidden;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s,opacity .9s var(--ease-out)}
.perso::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 40%,rgba(124,58,237,.06) 50%,transparent 60%);background-size:250% 100%;animation:varre 5s ease-in-out infinite}
.perso:hover{transform:translateY(-4px);border-style:solid;border-color:var(--accent);box-shadow:0 26px 50px -24px rgba(124,58,237,.4)}
.perso > *{position:relative}
.perso-fig{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:rgba(124,58,237,.08);transition:background .3s,transform .4s var(--ease)}
.perso-fig svg{width:26px;height:26px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.perso:hover .perso-fig{background:var(--accent);transform:rotate(-8deg)}
.perso:hover .perso-fig svg{stroke:#fff}
.perso-rot{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;padding:5px 10px;border-radius:999px;background:var(--accent);color:#fff}
.perso h3{margin:10px 0 6px;font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.perso p{margin:0;max-width:62ch;font-size:14px;line-height:1.55;color:var(--ink-dim)}
.perso-lista{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.perso-lista li{position:relative;padding-left:22px;font-size:13.5px;font-weight:600;color:var(--ink)}
.perso-lista li::before{content:"";position:absolute;left:0;top:2px;width:15px;height:15px;border-radius:50%;
  background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/9px no-repeat}
.perso-btn{display:inline-flex;align-items:center;height:48px;padding:0 24px;border-radius:999px;background:var(--ink);color:#fff;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap;transition:background .25s,transform .25s var(--ease)}
.perso-btn:hover{background:var(--accent);transform:translateX(3px)}
@media (max-width:900px){
  .perso{grid-template-columns:1fr;gap:16px;padding:24px 20px;max-width:460px}
  .perso-btn{justify-content:center;width:100%}
  .perso:hover{transform:none}
}

/* ===== RIZE: topo com palco giratório ===== */
#inicio{padding:128px 0 56px!important}
.hg-fundo{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 60% 42% at 50% 74%, rgba(124,58,237,.13), transparent 70%),
    radial-gradient(circle at 1px 1px, rgba(12,11,16,.07) 1px, transparent 0) 0 0/26px 26px;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 82%,transparent 100%);
          mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 82%,transparent 100%)}
#inicio h1::before,.lead::before{display:none}
.hg{position:relative;margin:46px auto 0;max-width:980px}
.hg-luz{position:absolute;left:50%;top:46%;width:420px;height:420px;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(124,58,237,.28),transparent 66%);filter:blur(10px);animation:hg-pulsa 5s ease-in-out infinite;pointer-events:none}
@keyframes hg-pulsa{50%{transform:translate(-50%,-50%) scale(1.12);opacity:.75}}
.hg-pista{position:relative;height:440px}
.hg-cel{position:absolute;left:50%;top:0;width:236px;height:420px;margin-left:-118px;padding:0;border:0;cursor:pointer;
  border-radius:30px;overflow:hidden;background:#111;
  box-shadow:0 0 0 6px #0b0b0c,0 0 0 7px rgba(255,255,255,.12),0 40px 70px -30px rgba(12,11,16,.55);
  transition:transform .8s var(--ease-out),opacity .6s,box-shadow .6s;-webkit-tap-highlight-color:transparent}
.hg-cel img,.hg-cel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hg-cel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.55));pointer-events:none}
.hg-cel:not(.on) img,.hg-cel:not(.on) video{filter:saturate(.7) brightness(.8)}
.hg-cel.on{box-shadow:0 0 0 6px #0b0b0c,0 0 0 8px var(--accent),0 50px 90px -30px rgba(124,58,237,.55)}
.hg-chip{position:absolute;left:14px;bottom:18px;z-index:2;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:#fff;background:var(--accent);padding:6px 10px;border-radius:8px;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}
.hg-cel.on .hg-chip{opacity:1;transform:none}
.hg-play{position:absolute;right:14px;bottom:14px;z-index:2;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.92);opacity:0;transform:scale(.7);transition:opacity .4s,transform .4s var(--ease)}
.hg-play svg{width:15px;height:15px;fill:var(--ink);margin-left:2px}
.hg-cel.on .hg-play{opacity:1;transform:none}
.hg-cel.on:hover .hg-play{transform:scale(1.12)}
.hg-tempo{position:absolute;left:14px;right:14px;top:14px;z-index:2;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden;opacity:0}
.hg-cel.on .hg-tempo{opacity:1}
.hg-tempo i{display:block;height:100%;width:100%;background:#fff;transform:scaleX(0);transform-origin:left}
.hg-tempo i{transition:transform .12s linear}
@keyframes hg-barra{to{transform:scaleX(1)}}
.hg-ctrl{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px}
.hg-nome{transition:opacity .25s,transform .25s;min-width:130px;font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}
.hg-seta{width:40px;height:40px;border-radius:50%;border:1px solid var(--linha);background:#fff;font-size:22px;line-height:1;color:var(--ink);cursor:pointer;
  transition:background .2s,color .2s,border-color .2s,transform .2s}
.hg-seta:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.06)}
.hero-stats{margin-top:40px!important}
@media (max-width:760px){
  #inicio{padding:108px 0 40px!important}
  .hg{margin-top:34px}
  .hg-pista{height:330px}
  .hg-cel{width:176px;height:312px;margin-left:-88px;border-radius:24px}
  .hg-luz{width:280px;height:280px}
}
@media (prefers-reduced-motion:reduce){ .hg-luz{animation:none} .hg-cel{transition:none} }
#projetos .sec-title{color:var(--ink)!important;background:none!important;-webkit-text-fill-color:var(--ink)!important}
.formato-preco.fp-pac{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);align-self:center}
.hg-cel video{opacity:0;transition:opacity .5s}.hg-cel video.pronto{opacity:1}
@media (max-width:760px){
  .tl, .tl + .tl{grid-template-columns:44px 1fr!important;column-gap:12px!important;align-items:start!important;padding:16px 0!important}
  .tl-n{grid-row:span 2;margin:0!important}
  .tl-n em{display:none}
  .tl h3{margin-top:2px}
}

/* ===== RIZE: fundo do topo ===== */
#inicio{background:linear-gradient(180deg,#fff 0%,#fff 38%,#F6F4FA 78%,#fff 100%)}
.hg-fundo{background:
    radial-gradient(ellipse 70% 38% at 50% 80%, rgba(124,58,237,.16), transparent 72%),
    radial-gradient(circle at 1px 1px, rgba(12,11,16,.06) 1px, transparent 0) 0 0/26px 26px!important}
.hg-letreiro{position:absolute;left:0;right:0;top:58%;z-index:1;pointer-events:none;display:flex;flex-direction:column;gap:6px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 15% 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15% 85%,transparent)}
.hg-linha{display:flex;width:max-content;white-space:nowrap;animation:hg-corre 60s linear infinite}
.hg-linha.volta{animation-direction:reverse;animation-duration:75s}
.hg-linha span{font-size:clamp(64px,9vw,132px);font-weight:900;letter-spacing:-.03em;line-height:1;
  color:transparent;-webkit-text-stroke:1.5px rgba(124,58,237,.16)}
.hg-linha.volta span{-webkit-text-stroke-color:rgba(12,11,16,.08)}
@keyframes hg-corre{to{transform:translateX(-50%)}}
#inicio .wrap{z-index:3}
.hg-chao{position:absolute;left:50%;bottom:58px;width:760px;height:120px;transform:translateX(-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(124,58,237,.35),rgba(124,58,237,.08) 55%,transparent 72%);filter:blur(6px)}
.hg-cel{-webkit-box-reflect:below 8px linear-gradient(transparent 86%,rgba(255,255,255,.18))}
.hg-ctrl{position:relative;z-index:25;margin-top:56px!important}
.hg-aviso{position:absolute;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:16px;
  background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border:1px solid var(--linha);box-shadow:0 18px 40px -18px rgba(12,11,16,.3);
  text-align:left;animation:hg-flutua 6s ease-in-out infinite}
.hg-aviso i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--accent)}
.hg-aviso svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hg-aviso.a2 svg{fill:#fff;stroke:none}
.hg-aviso b{display:block;font-size:13px;font-weight:700;color:var(--ink);line-height:1.2}
.hg-aviso small{display:block;font-size:11px;color:var(--ink-soft)}
.hg-aviso.a1{left:0;top:60px}
.hg-aviso.a2{right:0;top:150px;animation-delay:-2s}
.hg-aviso.a3{left:40px;top:300px;animation-delay:-4s}
@keyframes hg-flutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media (max-width:900px){ .hg-aviso{display:none} .hg-chao{width:420px;bottom:64px} }
@media (prefers-reduced-motion:reduce){ .hg-linha,.hg-aviso{animation:none} }

/* ===== RIZE: topo com celulares primeiro ===== */
#inicio{padding:104px 0 56px!important}
.hg{margin:0 auto 6px!important}
.hg-ctrl{margin-top:44px!important}
#inicio h1{font-size:clamp(40px,5.6vw,72px)!important;margin:0 0 28px!important;max-width:none!important}
.lead{margin-top:30px!important;max-width:520px!important}
.hero-ctas{margin-top:28px!important}
.hg-letreiro{top:24%!important}
.hg-fundo{background:
    radial-gradient(ellipse 70% 34% at 50% 40%, rgba(124,58,237,.16), transparent 72%),
    radial-gradient(circle at 1px 1px, rgba(12,11,16,.06) 1px, transparent 0) 0 0/26px 26px!important}
#inicio{background:linear-gradient(180deg,#fff 0%,#F6F4FA 40%,#fff 75%)!important}
@media (max-width:760px){
  #inicio{padding:92px 0 40px!important}
  .hg-letreiro{top:18%!important}
  #inicio h1{margin:0 0 20px!important}
}

/* ===== variação do topo: base comum ===== */
#inicio{min-height:0!important;display:block!important;text-align:left!important;background:#fff!important}
#inicio .wrap{position:relative;z-index:3}
#inicio h1{margin:0!important;max-width:none!important;letter-spacing:-.045em}
.v-selo{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 10px;border-radius:999px;background:#fff;border:1px solid var(--linha);
  font-size:12.5px;font-weight:600;color:var(--ink-dim);box-shadow:0 6px 20px -10px rgba(12,11,16,.2)}
.v-selo i{width:8px;height:8px;border-radius:50%;background:#30D158;box-shadow:0 0 0 4px rgba(48,209,88,.18);animation:pulso 2.4s ease-in-out infinite}
.v-sub{font-size:clamp(16px,1.6vw,19px);line-height:1.55;color:var(--ink-dim);margin:18px 0 0;max-width:470px}
.v-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.v-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:56px;padding:0 28px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;
  transition:transform .25s var(--ease),background .25s,box-shadow .25s,color .25s}
.v-btn svg{width:19px;height:19px;fill:currentColor}
.v-btn-1{background:var(--accent);color:#fff;box-shadow:0 18px 36px -14px rgba(124,58,237,.7);position:relative;overflow:hidden}
.v-btn-1::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-20deg);animation:v-brilho 3.6s ease-in-out infinite}
@keyframes v-brilho{0%,55%{left:-60%}100%{left:140%}}
.v-btn-1 span{transition:transform .25s var(--ease)}
.v-btn-1:hover{transform:translateY(-2px);background:#1A63D0}
.v-btn-1:hover span{transform:translateX(4px)}
.v-btn-2{background:#fff;color:var(--ink);border:1px solid var(--linha)}
.v-btn-2 svg{fill:#25D366}
.v-btn-2:hover{transform:translateY(-2px);border-color:#25D366}
.v-trust{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:0}
.v-trust li{display:flex;flex-direction:column;gap:3px;padding:0 26px;border-left:1px solid var(--linha)}
.v-trust li:first-child{padding-left:0;border-left:0}
.v-trust b{font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.v-trust .vt-pre{font-style:normal;color:var(--accent)}
.v-trust span{font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.35;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap}
@media (max-width:760px){
  .hg-chip{font-size:9px!important;padding:5px 7px!important;letter-spacing:.08em!important;left:10px!important;bottom:12px!important}
  .hg-play{width:28px!important;height:28px!important;right:10px!important;bottom:10px!important}
  .v-btn{flex:1 1 100%;height:54px}
  .v-trust{grid-template-columns:repeat(3,1fr);width:100%;margin-top:22px}
  .v-trust li{padding:0 6px;align-items:center;text-align:center}
  .v-trust li:first-child{padding-left:6px;border-left:0}
  .v-trust b{font-size:20px}
  .v-trust span{font-size:9.5px;letter-spacing:.06em;line-height:1.3}
}

#inicio.v1{padding:112px 0 48px!important;background:linear-gradient(180deg,#fff 0%,#F6F4FA 100%)!important}
.v1 .hg-fundo{background:radial-gradient(ellipse 45% 60% at 75% 55%, rgba(124,58,237,.15), transparent 70%),
  radial-gradient(circle at 1px 1px, rgba(12,11,16,.06) 1px, transparent 0) 0 0/26px 26px!important}
.v1-grade{display:grid;grid-template-columns:1.02fr 1fr;gap:40px;align-items:center;min-height:calc(100svh - 170px)}
.v1 h1{font-size:clamp(44px,5.4vw,76px)!important;line-height:1!important;margin-top:22px!important}
.v1-palco{position:relative}
.v1 .hg{margin:0!important}
.v1 .hg-pista{height:420px}
.v1 .hg-cel{width:214px;height:380px;margin-left:-107px}
.v1 .hg-ctrl{margin-top:30px!important}
.v1 .hg-aviso.a1{left:-10px;top:40px}
.v1 .hg-aviso.a2{right:-10px;top:250px}
.v1 .hg-chao{bottom:40px;width:520px}
@media (max-width:900px){
  #inicio.v1{padding:100px 0 28px!important}
  .v1-grade{grid-template-columns:1fr;gap:18px;min-height:0;text-align:center}
  .v1 .v-selo{font-size:11.5px;padding:6px 12px 6px 9px}
  .v1 h1{font-size:clamp(38px,10.5vw,54px)!important;margin-top:16px!important}
  .v1 .v-sub{font-size:15px;margin-top:12px;max-width:340px}
  .v1 .v-ctas{margin-top:20px;gap:10px;width:100%}
  .v1 .hg-ctrl{margin-top:22px!important}
  .v1 .hg-aviso{display:none}
  .v1-txt{display:flex;flex-direction:column;align-items:center}
  .v1 .v-sub{margin-left:auto;margin-right:auto}
  .v1 .v-ctas,.v1 .v-trust{justify-content:center}
  .v1 .hg-pista{height:300px}
  .v1 .hg-cel{width:160px;height:284px;margin-left:-80px;border-radius:22px}
}
.hg-nome.troca{opacity:0;transform:translateY(4px)}
.v-trust b{display:block;min-width:5.4ch}
.v-trust li:last-child b{min-width:3ch}
@media (max-width:760px){ .v-trust b{min-width:0} }

/* ===== selo de escassez ===== */
.v-vagas{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 12px;border-radius:999px;background:#fff;border:1px solid rgba(124,58,237,.28);
  box-shadow:0 10px 26px -14px rgba(124,58,237,.55);text-decoration:none;color:var(--ink-dim);font-size:13px;font-weight:600;
  transition:transform .25s var(--ease),box-shadow .25s}
.v-vagas:hover{transform:translateY(-2px);box-shadow:0 16px 30px -14px rgba(124,58,237,.7)}
.vv-ponto{position:relative;width:9px;height:9px;border-radius:50%;background:var(--accent);flex:none}
.vv-ponto::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--accent);animation:vv-pulsa 1.6s ease-out infinite}
@keyframes vv-pulsa{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.6);opacity:0}}
.vv-txt b{color:var(--accent);font-weight:800}
.vv-txt em{font-style:normal;display:inline-block;animation:vv-bate 2.4s ease-in-out infinite}
@keyframes vv-bate{0%,80%,100%{transform:scale(1)}88%{transform:scale(1.25)}}
.vv-barra{width:54px;height:6px;border-radius:6px;background:rgba(124,58,237,.14);overflow:hidden;flex:none}
.vv-barra i{display:block;height:100%;background:var(--accent);border-radius:6px;transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease-out)}
@media (max-width:760px){ .v-vagas{font-size:12px;padding:7px 12px 7px 10px;gap:8px} .vv-barra{width:40px} }
@media (prefers-reduced-motion:reduce){ .vv-ponto::after,.vv-txt em{animation:none} }

/* ===== depoimentos encaixados ===== */
.dp-grade{align-items:stretch!important}
.dp-print{position:relative;display:block;width:100%;height:400px;padding:0;text-align:left}
.dp-print{overflow:hidden;background:#0b141a}
.dp-print img{width:100%;height:auto!important;object-fit:initial}
.dp-print::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,transparent,#0b141a 85%);pointer-events:none}
.dp-ler{position:absolute;left:50%;bottom:16px;z-index:2;transform:translateX(-50%);white-space:nowrap;font-size:12.5px;font-weight:700;color:#fff;
  padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(6px);transition:background .25s}
.dp-print:hover .dp-ler{background:var(--accent);border-color:var(--accent)}
.dp-pontos{display:none}
.dp-luz{position:fixed;inset:0;z-index:9999;display:none;place-items:center;padding:24px;background:rgba(12,11,16,.88);backdrop-filter:blur(8px)}
.dp-luz.on{display:grid}
.dp-luz img{max-width:min(460px,92vw);max-height:88vh;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.dp-x{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:50%;border:0;background:#fff;font-size:16px;cursor:pointer}
@media (max-width:900px){
  .dp-grade{display:flex!important;max-width:none!important;gap:14px!important;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px!important;padding:4px 20px 6px!important;scrollbar-width:none}
  .dp-grade::-webkit-scrollbar{display:none}
  .dp{flex:0 0 80%;scroll-snap-align:center}
  .dp-print{height:340px}
  .dp-pontos{display:flex;justify-content:center;gap:6px;margin-top:14px}
  .dp-pontos i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.25);transition:width .3s,background .3s}
  .dp-pontos i.on{width:20px;border-radius:4px;background:var(--accent)}
}

/* ===== pacotes em carrossel no celular ===== */
@media (max-width:900px){
  .pk-grade{display:flex!important;max-width:none!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px!important;padding:6px 20px 14px!important;scrollbar-width:none}
  .pk-grade::-webkit-scrollbar{display:none}
  .pk{flex:0 0 84%;scroll-snap-align:center}
  .pk-top{order:0!important}
  .pk-dica{display:block!important}
  .pk-extras{grid-template-columns:repeat(3,1fr)!important;max-width:none!important;gap:8px!important}
  .pk-extra{padding:12px 10px!important;text-align:center}
  .pk-extra-topo{align-items:center!important}
  .pk-extra h3{font-size:13px!important}
  .pk-extra b{font-size:18px!important}
  .pk-extra p{display:none}
  .pk-extra a{font-size:11.5px!important;display:inline-block;margin-top:6px;white-space:nowrap}
  .pk-extra-topo{flex-direction:column!important;align-items:center!important;text-align:center}
  .pk-extra h3{min-height:2.4em;display:flex;align-items:center;justify-content:center;line-height:1.2}
  .pk-extra{padding:16px!important}
  .pk-extra-topo{flex-direction:column;align-items:flex-start!important;gap:2px!important}
  .pk-extra p{font-size:12.5px!important}
}
.pk-dica{display:none;text-align:center;margin:6px 0 0;font-size:12px;color:var(--ink-soft)}

/* ===== estilos mais curtos no celular ===== */
@media (max-width:760px){
  .formato-head p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px!important}
}

/* ===== topo no celular, padrão Apple ===== */
.hg-pontos{display:none}
@media (max-width:760px){
  /* menu: pílula compacta com ação + menu */
  .pill-nav{width:auto!important;padding:6px!important;gap:6px!important;top:12px!important}
  .pill-nav .nav-cta{display:inline-flex!important;margin:0!important;height:38px;padding:0 16px!important;font-size:13px!important}
  .menu-btn{width:38px!important;height:38px!important}

  #inicio.v1{padding:84px 0 36px!important;background:linear-gradient(180deg,#fff 0%,#fff 55%,#F2F7FF 100%)!important}
  .v1-grade{display:flex!important;flex-direction:column;align-items:center;gap:0!important}
  .v1-txt{display:contents!important}
  .v1 .v-vagas{order:1;font-size:11.5px;padding:6px 12px 6px 10px;box-shadow:none;border-color:rgba(124,58,237,.22)}
  .v1 .vv-barra{display:none}
  .v1 h1{order:2;font-size:44px!important;line-height:1.03!important;letter-spacing:-.045em!important;margin-top:18px!important}
  .v1 .v-sub{order:3;font-size:16px;line-height:1.45;color:#6e6e73;margin-top:12px;max-width:310px}
  .v1 .v-ctas{order:4;flex-direction:column;align-items:center;gap:14px;margin-top:24px;width:100%}
  .v1 .v-btn{flex:none!important}
  .v1 .v-btn-1{width:100%;max-width:340px;height:54px!important;font-size:16.5px}
  .v1 .v-btn-2{width:auto;height:auto;padding:0;border:0;background:none;box-shadow:none;font-size:15px;font-weight:600;color:var(--accent)}
  .v1 .v-btn-2::after{content:"›";font-size:20px;line-height:1;margin-left:2px}
  .v1 .v-btn-2:hover{transform:none}
  .v1-palco{order:5;width:100%;margin-top:30px}
  .v1 .hg-pista{height:330px}
  .v1 .hg-cel{width:176px;height:313px;margin-left:-88px;border-radius:26px}
  .v1 .hg-ctrl{margin-top:16px!important;gap:0}
  .v1 .hg-seta{display:none}
  .v1 .hg-nome{font-size:11px;letter-spacing:.2em;color:var(--ink-soft)}
  .v1 .hg-pontos{display:flex;justify-content:center;gap:6px;margin-top:10px}
  .hg-pontos i{width:6px;height:6px;border-radius:3px;background:rgba(12,11,16,.18);transition:width .35s var(--ease),background .35s}
  .hg-pontos i.on{width:18px;background:var(--accent)}
  .v1 .v-trust{order:6;margin-top:28px;padding-top:22px;border-top:1px solid var(--linha);max-width:360px}
  .v1 .v-trust b{font-size:22px}
}

/* ===== topo do celular cabendo numa tela ===== */
@media (max-width:760px){
  #inicio.v1{--celh:min(300px,33svh);min-height:100svh;padding:78px 0 20px!important;display:flex!important;flex-direction:column;justify-content:center;overflow:hidden}
  .v1 .v-sub-2{display:none}
  .v1 .v-vagas{font-size:11px}
  .v1 h1{font-size:clamp(36px,10.4vw,44px)!important;margin-top:14px!important}
  .v1 .v-sub{font-size:15px;margin-top:10px;text-wrap:balance;max-width:290px!important}
  .v1 .v-ctas{margin-top:20px;gap:12px}
  .v1-palco{margin-top:22px!important}
  .v1 .hg-pista{height:calc(var(--celh) + 12px)!important}
  .v1 .hg-cel{height:var(--celh)!important;width:calc(var(--celh) * .5625)!important;margin-left:calc(var(--celh) * -.28125)!important;border-radius:22px!important;-webkit-box-reflect:none!important}
  .v1 .hg-chao{bottom:-10px;width:300px;height:70px}
  .v1 .hg-nome{display:none}
  .v1 .hg-ctrl{margin-top:6px!important}
  .v1 .hg-pontos{margin-top:12px}
}

/* ===== feedbacks: carrossel de arrastar ===== */
#cases .fbx-fila{display:flex;gap:16px;align-items:flex-start;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;
  margin:0 calc(50% - 50vw);padding:6px max(20px,calc(50vw - 540px)) 10px;cursor:grab;user-select:none;-webkit-user-select:none}
#cases .fbx-fila::-webkit-scrollbar{display:none}
#cases .fbx-fila.arrastando{cursor:grabbing;scroll-snap-type:none}
#cases .fbx-fila.arrastando .fbx{pointer-events:none}
.fbx{flex:0 0 300px;margin:0;scroll-snap-align:start;transition:transform .35s var(--ease)}
.fbx:hover{transform:translateY(-5px)}
.fbx-print{border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0b141a;box-shadow:0 24px 50px -28px rgba(0,0,0,.9)}
.fbx-print img{display:block;width:100%;height:auto}
.fbx figcaption{display:flex;flex-direction:column;gap:2px;margin-top:12px;padding-left:4px}
.fbx figcaption b{font-size:14.5px;color:#fff}
.fbx figcaption span{font-size:12.5px;color:rgba(255,255,255,.55)}
.fbx-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin:22px auto 0;max-width:420px}
.fbx-seta{flex:none;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;font-size:22px;cursor:pointer;transition:background .2s,border-color .2s}
.fbx-seta:hover{background:var(--accent);border-color:var(--accent)}
.fbx-barra{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.15);overflow:hidden}
.fbx-barra i{display:block;height:100%;width:20%;border-radius:3px;background:var(--accent);transition:transform .15s linear}
@media (max-width:760px){
  .fbx{flex-basis:78vw}
  #cases .fbx-fila{scroll-snap-type:x mandatory;padding:6px 11vw 10px}
  .fbx{scroll-snap-align:center}
  .fbx:hover{transform:none}
  .fbx-seta{display:none}
  .fbx-nav{max-width:200px}
}

#cases .fbx-fila{align-items:center}
.fbx-print{position:relative;max-height:400px}
.fbx-print.longo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(180deg,transparent,#0b141a);pointer-events:none}
@media (max-width:760px){ .fbx-print{max-height:340px} }

/* ===== números no card 2x2 ===== */
.v-stats{display:grid;grid-template-columns:1fr 1fr;gap:22px 10px;max-width:520px;margin:8px auto 0;padding:24px 20px;border-radius:24px;
  background:rgba(255,255,255,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(12,11,16,.07);
  box-shadow:0 18px 40px -24px rgba(12,11,16,.25);text-align:center;position:relative;z-index:3}
.v-stats div{display:flex;flex-direction:column;gap:5px}
.v-stats b{font-size:clamp(24px,3vw,32px);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.v-stats b .vt-pre{color:inherit;font-style:normal}
.v-stats span{font-size:13px;color:#8e8e93;font-weight:500}
#cases .fbx-fila{scroll-snap-type:none!important}

/* ===== celular: menu como a imagem, vídeos no topo, título no meio ===== */
@media (max-width:760px){
  .pill-nav{width:calc(100vw - 40px)!important;max-width:360px!important;justify-content:flex-end!important;padding:7px!important;top:14px!important;
    background:rgba(255,255,255,.82)!important}
  .pill-nav .nav-cta{display:none!important}
  .menu-btn{width:44px!important;height:44px!important;margin-left:auto!important}

  #inicio.v1{min-height:0!important;display:block!important;padding:0 0 26px!important}
  .v1-grade{min-height:100svh!important;padding:84px 0 22px;justify-content:center!important}
  .v1-palco{order:0!important;margin:0 0 6px!important}
  .v1 .v-vagas{order:1}
  .v1 h1{order:2}
  .v1 .v-sub{order:3}
  .v1 .v-ctas{order:4;margin-top:22px!important}
  #inicio.v1{--celh:min(210px,26svh)}
  .v1 .hg-pontos{margin-top:8px}
  .v1 .hg-ctrl{margin-top:2px!important}
  .v1 .v-vagas{margin-top:18px}
  .v-stats{margin-top:0;padding:20px 14px;gap:18px 8px;border-radius:22px}
  .v-stats b{font-size:24px}
  .v-stats span{font-size:12px}
}

/* ===== selo HOJE ===== */
.v-hoje{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:999px;background:#fff;border:1px solid rgba(37,180,90,.3);
  box-shadow:0 10px 26px -14px rgba(37,180,90,.6);text-decoration:none;color:var(--ink-dim);font-size:13.5px;transition:transform .25s var(--ease),box-shadow .25s}
.v-hoje:hover{transform:translateY(-2px)}
.vh-selo{position:relative;font-size:11px;font-weight:800;letter-spacing:.1em;color:#fff;background:#1FAD52;padding:5px 10px;border-radius:999px;overflow:hidden}
.vh-selo::after{content:"";position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-20deg);animation:v-brilho 3s ease-in-out infinite}
.vh-txt b{color:var(--ink);font-weight:800}
.vh-seta{color:#1FAD52;font-weight:800;transition:transform .25s}
.v-hoje:hover .vh-seta{transform:translateX(3px)}
@media (max-width:760px){
  .v1 .v-hoje{order:-1!important;margin:0 0 16px!important;font-size:13px}
  .v1-grade{padding-top:80px!important}
}

/* ===== feedbacks proporcionais ===== */
.fbx-print{height:320px!important;max-height:none!important;display:flex;align-items:center;background:#0a0a0a!important}
.fbx-print img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(180deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent)}
.fbx-print.longo img{-webkit-mask-image:none;mask-image:none}
.fbx-print.longo::after{background:linear-gradient(180deg,transparent,#0a0a0a)!important}
.fbx-print.longo{align-items:flex-start}
@media (max-width:760px){ .fbx-print{height:290px!important} .fbx{flex-basis:76vw!important} }

/* ===== HOJE em preto ===== */
.v-hoje{background:#0C0B10!important;border-color:#0C0B10!important;color:rgba(255,255,255,.72)!important;box-shadow:0 14px 30px -14px rgba(12,11,16,.55)!important;padding:5px 16px 5px 5px!important}
.v-hoje .vh-txt b{color:#fff!important}
.v-hoje .vh-seta{color:#2FD46B!important}
.vh-selo{background:#1FAD52!important;box-shadow:0 0 0 3px rgba(31,173,82,.25)}
@media (max-width:760px){
  .v1 .v-hoje{position:absolute!important;top:84px;left:50%;transform:translateX(-50%);margin:0!important;white-space:nowrap;z-index:5}
  .v1 .v-hoje:hover{transform:translateX(-50%) translateY(-2px)}
  .v1-grade{position:relative;padding-top:132px!important}
}

/* ===== topo: muro de criativos (design de antes) ===== */
#inicio.v4{min-height:100svh!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center!important;
  background:var(--bg)!important;padding:120px 0 48px!important;position:relative;overflow:hidden}
.v4-centro{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center}
.v4 h1{font-size:clamp(46px,7.6vw,94px)!important;line-height:1!important;margin:26px 0 0!important;max-width:15ch!important}
.v4 .v-sub{margin:20px auto 0;max-width:540px;font-size:clamp(16px,1.8vw,19px);color:var(--ink-dim)}
.v4 .v-ctas{justify-content:center;margin-top:32px}
.v4 .v-stats{margin-top:46px}
.v4 > .wrap:last-child{position:relative;z-index:3;width:100%}
.v4 .hg-aviso{position:absolute;z-index:4;display:flex!important}
.v4 .hg-aviso.a1{left:max(24px,calc(50% - 600px));top:30%}
.v4 .hg-aviso.a2{right:max(24px,calc(50% - 600px));top:52%}
@media (max-width:760px){
  #inicio.v4{padding:132px 0 34px!important;min-height:100svh!important}
  .v4 .v-hoje{position:absolute;top:84px;left:50%;transform:translateX(-50%);white-space:nowrap;z-index:5}
  .v4 h1{font-size:clamp(40px,11.5vw,50px)!important;margin-top:0!important}
  .v4 .v-sub{font-size:15.5px;max-width:320px}
  .v4 .v-ctas{flex-direction:column;align-items:center;gap:14px;width:100%;margin-top:26px}
  .v4 .v-btn{flex:none!important}
  .v4 .v-btn-1{width:100%;max-width:340px;height:54px}
  .v4 .v-btn-2{width:auto;height:auto;padding:0;border:0;background:none;box-shadow:none;font-size:15px;font-weight:600;color:var(--accent)}
  .v4 .v-btn-2::after{content:"›";font-size:20px;line-height:1;margin-left:2px}
  .v4 .hg-aviso{padding:7px 11px 7px 7px;border-radius:13px}
  .v4 .hg-aviso i{width:26px;height:26px;border-radius:8px}
  .v4 .hg-aviso b{font-size:11.5px} .v4 .hg-aviso small{font-size:10px}
  .v4 .hg-aviso.a1{left:14px;top:23%}
  .v4 .hg-aviso.a2{right:14px;top:auto;bottom:16%}
  .v4 .v-stats{margin-top:30px}
}

/* ajustes do topo muro */
.v4-centro{position:static!important;min-height:calc(100svh - 168px);justify-content:center}
.v4-centro > *{position:relative;z-index:3}
.v4 .v4-avisos{position:static!important}
.v4 .hg-aviso.a1{left:max(24px,calc(50% - 640px))!important;top:58%!important}
.v4 .hg-aviso.a2{right:max(24px,calc(50% - 640px))!important;top:24%!important;bottom:auto!important}
.v4 .v-stats{margin-top:10px!important}
@media (max-width:1100px){ .v4 .hg-aviso.a1{top:auto!important;bottom:calc(100% - 100svh + 40px)!important} }
@media (max-width:760px){
  .v4-centro{min-height:calc(100svh - 150px);padding-bottom:10px}
  .v4 .v-hoje{position:absolute!important;top:84px!important}
  .v4 .v4-avisos{display:flex;gap:8px;justify-content:center;margin-top:26px}
  .v4 .hg-aviso{position:static!important;animation:none}
  .v4 .v-stats{margin-top:0!important}
}

/* ===== selo HOJE maior e melhor ===== */
.v4 .v-hoje{gap:12px;padding:6px 18px 6px 6px!important;font-size:16px;margin-bottom:22px;
  box-shadow:0 18px 40px -16px rgba(12,11,16,.6),0 0 0 6px rgba(255,255,255,.6)!important;transition:transform .3s var(--ease),box-shadow .3s}
.v4 .v-hoje:hover{transform:translateY(-3px) scale(1.02)}
.v4 .vh-selo{font-size:12.5px;padding:7px 13px;letter-spacing:.14em}
.v4 .vh-txt s{color:rgba(255,255,255,.45);font-weight:500;text-decoration-color:rgba(255,255,255,.6);margin:0 2px}
.v4 .vh-preco{color:#2FD46B!important;font-size:17px}
.v4 .vh-seta{font-size:18px}
@media (min-width:761px){ #inicio.v4 .v4-centro{margin-top:0;min-height:calc(100svh - 120px);padding-bottom:30px} }
@media (max-width:760px){
  .v4 .v-hoje{font-size:13.5px;gap:9px;padding:5px 14px 5px 5px!important;margin-bottom:0;box-shadow:0 14px 30px -14px rgba(12,11,16,.6)!important;top:82px!important}
  .v4 .vh-selo{font-size:11px;padding:6px 10px}
  .v4 .vh-preco{font-size:14.5px}
  .v4 .v-hoje:hover{transform:translateX(-50%)}
}
.v-hoje .vh-txt b.vh-preco{color:#2FD46B!important}

/* ===== selo HOJE no padrão Apple ===== */
.v-hoje,.v4 .v-hoje{background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);
  border:.5px solid rgba(0,0,0,.1)!important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px -12px rgba(0,0,0,.18)!important;
  color:#0C0B10!important;padding:9px 18px 9px 16px!important;gap:10px!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,sans-serif;letter-spacing:-.01em}
.v-hoje .vh-selo,.v4 .vh-selo{background:none!important;box-shadow:none!important;padding:0!important;color:#1d8a3f!important;font-size:inherit!important;font-weight:600;letter-spacing:-.01em!important;display:inline-flex;align-items:center;gap:7px}
.v-hoje .vh-selo::before{content:"";width:7px;height:7px;border-radius:50%;background:#30D158;box-shadow:0 0 0 3px rgba(48,209,88,.18);animation:pulso 2.4s ease-in-out infinite}
.v-hoje .vh-selo::after{display:none}
.v-hoje .vh-selo{text-transform:capitalize}
.v-hoje .vh-txt{color:#0C0B10;font-weight:400}
.v-hoje .vh-txt b{color:#0C0B10!important;font-weight:600}
.v-hoje .vh-txt s{color:#86868b!important;text-decoration-color:#86868b!important;font-weight:400}
.v-hoje .vh-txt b.vh-preco{color:#0C0B10!important;font-size:inherit!important;font-weight:600}
.v-hoje .vh-seta{color:#0066cc!important;font-size:1.25em!important;line-height:1;font-weight:400;margin-left:-2px}
.v-hoje:hover .vh-txt b.vh-preco{color:#0066cc!important}
.v-hoje .vh-sep{width:1px;height:14px;background:rgba(0,0,0,.12)}
.v4 .v-hoje{font-size:15px!important}
.v4 .v-hoje:hover{transform:none!important;background:rgba(255,255,255,.88)!important}
@media (max-width:760px){
  .v4 .v-hoje{font-size:13px!important;padding:7px 14px 7px 12px!important;gap:8px!important}
  .v4 .v-hoje:hover{transform:translateX(-50%)!important}
}

/* selo Hoje na cor da marca */
.v-hoje .vh-selo,.v4 .vh-selo{color:var(--accent)!important}
.v-hoje .vh-selo::before{background:var(--accent)!important;box-shadow:0 0 0 3px rgba(124,58,237,.18)!important;animation:hoje-pulsa 2s ease-in-out infinite!important}
@keyframes hoje-pulsa{0%,100%{box-shadow:0 0 0 3px rgba(124,58,237,.18)}50%{box-shadow:0 0 0 6px rgba(124,58,237,.06)}}
.v-hoje .vh-seta{color:var(--accent)!important}
.v-hoje:hover .vh-txt b.vh-preco{color:var(--accent)!important}
/* ===== selo Hoje em verde, com destaque ===== */
.v-hoje,.v4 .v-hoje{border:1px solid rgba(48,209,88,.45)!important;box-shadow:0 0 0 4px rgba(48,209,88,.12),0 10px 28px -12px rgba(31,173,82,.45)!important}
.v-hoje .vh-selo,.v4 .vh-selo{color:#1A9E48!important;font-weight:700!important;gap:9px!important}
.v-hoje .vh-selo::before{width:11px!important;height:11px!important;background:#30D158!important;box-shadow:0 0 0 0 rgba(48,209,88,.55)!important;animation:hoje-onda 1.8s ease-out infinite!important}
@keyframes hoje-onda{0%{box-shadow:0 0 0 0 rgba(48,209,88,.6)}100%{box-shadow:0 0 0 9px rgba(48,209,88,0)}}
.v-hoje .vh-seta{color:#1A9E48!important}
.v-hoje .vh-sep{background:rgba(48,209,88,.35)!important}
.v-hoje:hover .vh-txt b.vh-preco{color:#1A9E48!important}
.v-hoje .vh-txt b.vh-preco{color:#1A9E48!important}

/* ===== muro fluido ===== */
.v4 .muro-col{will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden}
.v4 .peca img,.v4 .peca video{filter:none!important}
.v4 .peca video{transition:opacity .8s ease!important}
.v4 .muro{will-change:transform}

/* ===== muro misto: inclinado + peças limpas + bordas em degradê ===== */
.v4 .muro,.v4 .muro-col{gap:6px!important}
.v4 .peca{border:0!important;box-shadow:none!important;border-radius:12px!important;background:#e9e9ec!important}
.v4 .peca img,.v4 .peca video{opacity:1!important}
.v4 .peca video.on{opacity:1!important}
.v4 .hero-brilho{display:none}
.v4 .hero-muro{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 80%,transparent 100%);
               mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 80%,transparent 100%)}
.v4 .hero-veu{background:
   radial-gradient(ellipse 46% 44% at 50% 47%, rgba(255,255,255,.96) 0%, rgba(255,255,255,.88) 45%, rgba(255,255,255,.45) 72%, rgba(255,255,255,0) 100%)!important}
@media (max-width:760px){
  .v4 .hero-veu{background:radial-gradient(ellipse 88% 46% at 50% 47%, rgba(255,255,255,.96) 0%, rgba(255,255,255,.86) 55%, rgba(255,255,255,.3) 85%, rgba(255,255,255,0) 100%)!important}
  .v4 .peca{border-radius:9px!important}
  .v4 .hero-muro{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 84%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 84%,transparent 100%)}
}

/* muro reto, menos peças */
.v4 .muro{transform:none!important}
.v4 .peca{border-radius:14px!important}
@media (max-width:760px){ .v4 .peca{border-radius:11px!important} }

/* ===== sobra sobre o muro: vídeos de fundo, texto no comando ===== */
.v4 .hero-veu{background:
   radial-gradient(ellipse 52% 50% at 50% 48%, rgba(255,255,255,.97) 0%, rgba(255,255,255,.9) 48%, rgba(255,255,255,.7) 75%, rgba(255,255,255,.55) 100%),
   linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18))!important}
.v4 .peca img,.v4 .peca video{filter:saturate(.9)!important}
@media (max-width:760px){
  .v4 .hero-veu{background:
    radial-gradient(ellipse 95% 50% at 50% 47%, rgba(255,255,255,.96) 0%, rgba(255,255,255,.88) 55%, rgba(255,255,255,.66) 85%, rgba(255,255,255,.55) 100%)!important}
}

/* ===== sombra um pouco mais forte em cima e embaixo ===== */
.v4 .hero-muro{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 76%,transparent 100%)!important;
               mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 76%,transparent 100%)!important}
@media (max-width:760px){
  .v4 .hero-muro{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 80%,transparent 100%)!important;
                 mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 80%,transparent 100%)!important}
}

/* ===== avisos: organizados, estilo notificação, motion ===== */
.v4 .hg-aviso{background:rgba(255,255,255,.78)!important;-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);
  border:.5px solid rgba(0,0,0,.08)!important;box-shadow:0 1px 2px rgba(0,0,0,.05),0 16px 36px -16px rgba(12,11,16,.3)!important;
  border-radius:18px!important;padding:10px 16px 10px 10px!important;gap:12px!important;opacity:1;
  animation:aviso-entra .9s cubic-bezier(.2,1.3,.4,1) backwards, aviso-flutua 6s ease-in-out 1.2s infinite!important}
.v4 .hg-aviso.a1{--de:-40px;left:max(32px,calc(50% - 600px))!important;top:calc(100svh * .62)!important;bottom:auto!important;animation-delay:.6s,1.5s!important}
.v4 .hg-aviso.a2{--de:40px;right:max(32px,calc(50% - 600px))!important;top:calc(100svh * .3)!important;animation-delay:1s,1.9s!important}
@keyframes aviso-entra{from{opacity:0;transform:translateX(var(--de)) scale(.92)}to{opacity:1;transform:none}}
@keyframes aviso-flutua{0%,100%{translate:0 0}50%{translate:0 -8px}}
.v4 .hg-aviso i{position:relative;width:34px!important;height:34px!important;border-radius:10px!important}
.v4 .hg-aviso i::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(124,58,237,.45);animation:aviso-ping 4s ease-out infinite}
.v4 .hg-aviso.a2 i::after{animation-delay:2s}
@keyframes aviso-ping{0%,70%{box-shadow:0 0 0 0 rgba(124,58,237,.45)}90%{box-shadow:0 0 0 9px rgba(124,58,237,0)}100%{box-shadow:0 0 0 0 rgba(124,58,237,0)}}
.v4 .hg-aviso.a1 svg path{stroke-dasharray:40;stroke-dashoffset:0;animation:aviso-check .6s 1.3s ease-out backwards}
@keyframes aviso-check{from{stroke-dashoffset:40}to{stroke-dashoffset:0}}
.v4 .hg-aviso b{font-size:13.5px!important;letter-spacing:-.01em}
.v4 .hg-aviso small{font-size:11.5px!important;color:#86868b!important}
@media (max-width:760px){
  .v4 .hg-aviso.a1,.v4 .hg-aviso.a2{top:auto!important}
  .v4 .hg-aviso{padding:8px 12px 8px 8px!important;gap:9px!important;border-radius:15px!important;animation:aviso-entra .8s cubic-bezier(.2,1.3,.4,1) backwards!important}
  .v4 .hg-aviso.a1{--de:0px;animation-delay:.5s!important}
  .v4 .hg-aviso.a2{--de:0px;animation-delay:.8s!important}
  .v4 .hg-aviso i{width:28px!important;height:28px!important;border-radius:8px!important}
  .v4 .hg-aviso b{font-size:11.5px!important}
  .v4 .hg-aviso small{font-size:10px!important}
}
@media (prefers-reduced-motion:reduce){ .v4 .hg-aviso{animation:none!important;opacity:1} .v4 .hg-aviso i::after{animation:none} }
.v4 .hg-aviso svg{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.v4 .hg-aviso.a2 svg{fill:#fff;stroke:none}

/* ===== degradê animado nos três selos ===== */
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes gira-ang{to{--ang:360deg}}
.v4 .v-hoje,.v4 .hg-aviso{border:1.5px solid transparent!important;animation-name:gira-ang;}
.v4 .v-hoje{
  background:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.9)) padding-box,
             conic-gradient(from var(--ang),#30D158,#7CF2A4,#0FA958,#B8F7CF,#30D158) border-box!important;
  animation:gira-ang 4s linear infinite!important}
.v4 .hg-aviso{
  background:linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) padding-box,
             conic-gradient(from var(--ang),#7C3AED,#7C3AED,#A9CDF7,#A78BFA,#7C3AED) border-box!important}
.v4 .hg-aviso{animation:aviso-entra .9s cubic-bezier(.2,1.3,.4,1) backwards, aviso-flutua 6s ease-in-out 1.2s infinite, gira-ang 5s linear infinite!important}
.v4 .hg-aviso.a2{animation-delay:1s,1.9s,-2.5s!important}
.v4 .hg-aviso.a1{animation-delay:.6s,1.5s,0s!important}
.v4 .hg-aviso i{background:linear-gradient(135deg,#7C3AED 0%,#7C3AED 55%,#123F94 100%)!important;box-shadow:0 6px 14px -6px rgba(124,58,237,.6)}
.v4 .hg-aviso b{background:linear-gradient(90deg,#0C0B10 0%,#0C0B10 55%,#7C3AED 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
/* texto do Hoje em degradê verde que corre */
.v4 .v-hoje .vh-selo{background:linear-gradient(90deg,#0FA958,#30D158,#7CF2A4,#0FA958)!important;background-size:200% 100%!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;animation:hoje-texto 3s linear infinite}
.v4 .v-hoje .vh-selo::before{background:radial-gradient(circle at 35% 35%,#7CF2A4,#0FA958)!important}
.v4 .v-hoje .vh-txt b.vh-preco{background:linear-gradient(90deg,#0FA958,#30D158);-webkit-background-clip:text;background-clip:text;color:transparent!important}
@keyframes hoje-texto{to{background-position:200% 0}}
/* brilho que passa por dentro dos três */
.v4 .v-hoje{position:relative;overflow:hidden}
.v4 .hg-aviso{overflow:hidden}
@media (min-width:761px){ .v4 .hg-aviso{position:absolute!important} }
.v4 .v-hoje::after,.v4 .hg-aviso::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-20deg);animation:selo-brilho 5s ease-in-out infinite}
.v4 .hg-aviso.a2::after{animation-delay:1.6s}
.v4 .hg-aviso.a1::after{animation-delay:3.2s}
@keyframes selo-brilho{0%,70%{left:-40%}100%{left:130%}}
.v4 .hg-aviso i,.v4 .hg-aviso span,.v4 .v-hoje span{position:relative;z-index:1}
@media (max-width:760px){
  .v4 .hg-aviso{animation:aviso-entra .8s cubic-bezier(.2,1.3,.4,1) backwards, gira-ang 5s linear infinite!important}
  .v4 .hg-aviso.a1{animation-delay:.5s,0s!important}
  .v4 .hg-aviso.a2{animation-delay:.8s,-2.5s!important}
}
@media (prefers-reduced-motion:reduce){ .v4 .v-hoje,.v4 .hg-aviso,.v4 .v-hoje::after,.v4 .hg-aviso::after,.v4 .v-hoje .vh-selo{animation:none!important} }

@media (min-width:761px){
  .v4 .hg-aviso{opacity:1!important;transform:none!important;animation:aviso-flutua 6s ease-in-out infinite, gira-ang 5s linear infinite!important}
  .v4 .hg-aviso.a1{animation-delay:0s,0s!important}
  .v4 .hg-aviso.a2{animation-delay:-3s,-2.5s!important}
}

/* ===== mais efeito no fundo do topo ===== */
.v4 .hero-aurora{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;mix-blend-mode:multiply;opacity:.4}
.v4 .hero-aurora i{position:absolute;width:46vw;height:46vw;max-width:720px;max-height:720px;border-radius:50%;filter:blur(70px)}
.v4 .hero-aurora i:nth-child(1){background:#7C3AED;left:-8%;top:8%;animation:aurora-a 18s ease-in-out infinite alternate}
.v4 .hero-aurora i:nth-child(2){background:#7C3AED;right:-10%;top:-4%;animation:aurora-b 22s ease-in-out infinite alternate}
.v4 .hero-aurora i:nth-child(3){background:#A78BFA;left:30%;bottom:-30%;animation:aurora-c 26s ease-in-out infinite alternate}
@keyframes aurora-a{to{transform:translate(18vw,14vh) scale(1.15)}}
@keyframes aurora-b{to{transform:translate(-16vw,20vh) scale(.9)}}
@keyframes aurora-c{to{transform:translate(-12vw,-18vh) scale(1.2)}}
.v4 .hero-luz{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.v4 .hero-luz::before{content:"";position:absolute;top:-20%;bottom:-20%;left:-40%;width:30%;transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:luz-passa 9s ease-in-out infinite}
@keyframes luz-passa{0%,60%{left:-40%}100%{left:130%}}
.v4 .hero-veu{z-index:2}
@media (max-width:760px){ .v4 .hero-aurora i{width:90vw;height:90vw;filter:blur(50px)} .v4 .hero-aurora{opacity:.45} }
@media (prefers-reduced-motion:reduce){ .v4 .hero-aurora i,.v4 .hero-luz::before{animation:none} }

/* ===== detalhes de destaque no vermelho da marca ===== */
#cases .fbx-barra i{background:var(--accent)!important}
#cases .fbx-seta:hover{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
.pk-grade .pk:nth-child(3){border:1.5px solid rgba(124,58,237,.35)!important}
.pk-grade .pk:nth-child(3) .pk-tag{background:rgba(124,58,237,.08)!important;color:var(--accent)!important;border:1px solid rgba(124,58,237,.25)}
.v-stats b{background:linear-gradient(100deg,#0C0B10 0%,#0C0B10 42%,#A78BFA 48%,#7C3AED 52%,#0C0B10 58%,#0C0B10 100%);background-size:300% 100%;
  background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;
  animation:ouro-passa 5s ease-in-out infinite}
.v-stats div:nth-child(2) b{animation-delay:.25s}.v-stats div:nth-child(3) b{animation-delay:.5s}.v-stats div:nth-child(4) b{animation-delay:.75s}
@keyframes ouro-passa{0%{background-position:100% 0}45%,100%{background-position:0 0}}
.v-stats b .vt-pre{-webkit-text-fill-color:transparent}
@media (prefers-reduced-motion:reduce){ .v-stats b{animation:none;background-position:100% 0} }

/* ===== "Começar pelo": destaque estilo Apple, mesmas cores ===== */
.formato-mais{background:linear-gradient(180deg,#fff 0%,#f7f7f8 100%)!important;color:var(--ink)!important;
  border:1px solid rgba(0,0,0,.12)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 1px 2px rgba(0,0,0,.06),0 10px 24px -14px rgba(0,0,0,.28)!important;
  font-weight:500!important;letter-spacing:-.01em;gap:8px!important;
  transition:transform .25s var(--ease),box-shadow .25s,border-color .25s!important}
.formato-mais b{font-weight:700}
.formato-mais .fm-seta{font-style:normal;font-size:1.35em;line-height:1;font-weight:400;margin-left:2px;transition:transform .25s var(--ease)}
.formato-mais:hover{border-color:rgba(0,0,0,.22)!important;transform:translateY(-2px)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 2px 4px rgba(0,0,0,.06),0 18px 34px -16px rgba(0,0,0,.35)!important}
.formato-mais:hover .fm-seta{transform:translateX(4px)}
.formato-mais:active{transform:scale(.98)!important}
@media (max-width:760px){
  .formato-mais{box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 1px 2px rgba(0,0,0,.06),0 8px 18px -12px rgba(0,0,0,.25)!important}
  .formato-mais:hover{transform:none!important}
}

/* ===== pacotes no celular: encaixados ===== */
@media (max-width:900px){
  .pk-grade{align-items:flex-start!important}
  .pk-itens{margin-bottom:18px!important}
  .pk-extras{max-width:none!important}
  .pk-extra{display:flex!important;flex-direction:column;align-items:center;justify-content:space-between;text-align:center!important;padding:14px 8px!important;min-height:112px}
  .pk-extra-topo{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;width:100%}
  .pk-extra h3{font-size:12.5px!important;min-height:2.5em;display:flex!important;align-items:center;justify-content:center;line-height:1.2!important;margin:0!important;text-align:center}
  .pk-extra b{font-size:18px!important}
  .pk-extra a{margin-top:8px!important}
  .perso{padding:20px 18px!important;gap:12px!important;margin-top:14px!important}
  .perso-fig{display:none!important}
  .perso h3{font-size:20px!important;margin:8px 0 4px!important}
  .perso p{font-size:13.5px!important;line-height:1.5!important}
  .perso-lista{gap:6px 14px!important;margin-top:10px!important}
  .perso-lista li{font-size:12.5px!important}
  .perso-btn{height:46px!important;font-size:14.5px!important}
}

/* ===== selo Hoje centralizado no celular, com respiro ===== */
@media (max-width:760px){
  .v4 .v-hoje{position:absolute!important;left:0!important;right:0!important;top:86px!important;margin:0 auto!important;width:max-content!important;max-width:calc(100vw - 32px);transform:none!important;justify-content:center}
  .v4 .v-hoje:hover{transform:none!important}
  #inicio.v4{padding-top:150px!important}
  .v4 h1{margin-top:22px!important}
}

/* ===== depoimentos: frase em duas linhas ===== */
#cases .cases-titulo{max-width:none!important;text-wrap:nowrap!important;white-space:nowrap}
@media (max-width:760px){ #cases .cases-titulo{white-space:normal;text-wrap:wrap!important;font-size:24px!important} }

@media (max-width:760px){
  .v4 .v-hoje{top:118px!important}
  #inicio.v4{padding-top:184px!important}
  .v4 h1{margin-top:0!important}
}

@media (max-width:760px){
  .v4 .v-hoje{position:static!important;margin:0 auto 22px!important;top:auto!important}
  #inicio.v4{padding-top:96px!important}
}

/* topo do celular: só "Ver portfólio", botão mais estreito, sem avisos */
@media (max-width:760px){
  .v4 .v-btn-2{display:none!important}
  .v4 .v4-avisos{display:none!important}
  .v4 .v-btn-1{width:auto!important;max-width:none!important;min-width:220px;padding:0 34px!important;height:52px!important}
  .v4 .v-ctas{margin-top:26px!important}
}

/* ===== headline no padrão PH: hierarquia por tom, mesma copy ===== */
.v4 .v4-h1{display:flex;flex-direction:column;align-items:center;gap:.02em;font-size:clamp(52px,8.4vw,112px)!important;line-height:.98!important;letter-spacing:-.05em!important;font-weight:800!important}
.v4 .h1-a{background:linear-gradient(180deg,#0C0B10 0%,#3a3a3e 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.04em}
.v4 .h1-b{color:#6e6e73;padding-bottom:.06em}
.v4 .h1-b .grad{background:linear-gradient(180deg,#4F93EA 0%,#7C3AED 55%,#5B21B6 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
.v4 .v-sub{color:#6e6e73!important;font-size:clamp(16px,1.6vw,19px)!important;line-height:1.55!important;max-width:560px!important;margin-top:24px!important}
.v4 .v-hoje{font-size:12.5px!important;letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.v4 .v-hoje .vh-txt b,.v4 .v-hoje .vh-txt s{letter-spacing:.06em}
.v4 .v-ctas{margin-top:34px!important}
.v4 .v-btn-1{height:58px;padding:0 34px;font-size:16.5px;box-shadow:0 20px 40px -16px rgba(124,58,237,.65),0 0 0 6px rgba(124,58,237,.08)!important}
@media (max-width:760px){
  .v4 .v4-h1{font-size:clamp(44px,12.6vw,54px)!important}
  .v4 .v-hoje{font-size:11px!important}
  .v4 .v-sub{font-size:15px!important;margin-top:16px!important}
  .v4 .v-ctas{margin-top:26px!important}
}

#inicio.v4 .v4-h1{font-size:clamp(52px,7.6vw,104px)!important}
#inicio.v4 .h1-b{color:#7C3AED}
@media (max-width:760px){ #inicio.v4 .v4-h1{font-size:clamp(44px,12.6vw,54px)!important} }

/* muro sem espaço entre os vídeos */
.v4 .muro,.v4 .muro-col{gap:0!important}
.v4 .peca{border-radius:0!important;margin:0!important}

/* ===== pacotes premium: ícones de linha, linhas finas, check à direita ===== */
.pk-grade{align-items:stretch!important}
.pk{display:flex!important;flex-direction:column}
.pk-itens{list-style:none;margin:20px 0 22px!important;padding:0!important;border-top:0!important;display:block!important;flex:1}
.pk-itens li{display:grid!important;grid-template-columns:20px 1fr 18px;align-items:center;gap:12px;padding:12px 0!important;
  border-top:1px solid rgba(0,0,0,.065);font-size:14px!important;line-height:1.35;color:#0C0B10;font-weight:500}
.pk-itens li:first-child{border-top:0;padding-top:4px!important}
.pk-itens li::before{display:none!important}
.pk-ic{width:18px;height:18px;fill:none;stroke:#86868b;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pk-ck{width:18px;height:18px;border-radius:50%;background:rgba(124,58,237,.08);position:relative;justify-self:end}
.pk-ck::after{content:"";position:absolute;left:6px;top:3.5px;width:4px;height:8px;border:solid var(--accent);border-width:0 1.8px 1.8px 0;transform:rotate(45deg)}
.pk-itens li.pk-qtd{font-weight:700!important;font-size:14.5px!important}
.pk-itens li.pk-qtd .pk-ic{stroke:#0C0B10}
.pk-itens li.pk-mais{color:var(--accent)!important;font-weight:650!important}
.pk-itens li.pk-mais .pk-ic{stroke:var(--accent)}
.pk-itens li.pk-mais::before,.pk-itens li.pk-mais::after{display:none!important}
.pk-plus{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:999px;font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;color:#fff;background:var(--accent);vertical-align:2px;white-space:nowrap}
.pk-btn{margin-top:auto!important}
.pk-frase{min-height:2.7em}
@media (max-width:900px){
  .pk-grade{align-items:stretch!important}
  .pk-itens li{font-size:13.5px!important;padding:11px 0!important;gap:10px}
}

.pk-itens li.pk-mais .pk-ck{background:var(--accent)}
.pk-itens li.pk-mais .pk-ck::after{content:"+";border:0;transform:none;left:0;right:0;top:-1px;width:auto;height:auto;color:#fff;font-size:14px;font-weight:700;line-height:18px;text-align:center}
.pk-legenda{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px auto 0;font-size:12.5px;color:var(--ink-dim)}
.pk-legenda i{width:16px;height:16px;border-radius:50%;background:var(--accent);color:#fff;font-style:normal;font-size:12px;font-weight:700;line-height:16px;text-align:center}

/* ===== seletor de pacotes (segmented control, padrão Apple) ===== */
.pk-seg{position:relative;display:flex;width:max-content;margin:0 auto 26px;padding:4px;border-radius:999px;
  background:rgba(12,11,16,.06);border:1px solid rgba(12,11,16,.06)}
.pk-seg button{position:relative;z-index:1;border:0;background:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;
  color:#5b6475;padding:10px 22px;border-radius:999px;transition:color .3s;white-space:nowrap}
.pk-seg button b{font-weight:800;color:inherit;margin-right:2px}
.pk-seg button.on{color:#0C0B10}
.pk-seg button:hover{color:#0C0B10}
.pk-seg-pill{position:absolute;top:4px;bottom:4px;left:4px;border-radius:999px;background:#fff;
  box-shadow:0 1px 2px rgba(12,11,16,.08),0 6px 16px -6px rgba(12,11,16,.25);transition:transform .45s cubic-bezier(.3,1.25,.5,1),width .45s cubic-bezier(.3,1.25,.5,1)}
.pk-seg button.on b{color:var(--accent)}
.pk.pk-foco{animation:pk-foco 1.2s ease}
@keyframes pk-foco{0%{box-shadow:0 0 0 0 rgba(124,58,237,.55)}40%{box-shadow:0 0 0 8px rgba(124,58,237,.18);transform:translateY(-6px)}100%{box-shadow:0 0 0 0 rgba(124,58,237,0);transform:none}}
@media (max-width:760px){
  .pk-seg{margin-bottom:18px}
  .pk-seg button{font-size:13px;padding:9px 16px}
}

/* ===== depoimentos sem espaço sobrando ===== */
.fbx-print{height:300px!important}
#cases.tema-escuro{padding-bottom:52px!important}
.fbx-nav{max-width:1080px!important;width:100%;margin:22px auto 0!important;justify-content:center!important;flex-wrap:wrap}
.fbx-nav .cases-rodape{margin:0 0 0 18px!important;display:flex}
.fbx-barra{max-width:260px}
@media (max-width:760px){
  .fbx-print{height:270px!important}
  .fbx-nav{gap:12px!important}
  .fbx-nav .cases-rodape{margin:14px 0 0!important;width:100%;justify-content:center}
  #cases.tema-escuro{padding-bottom:40px!important}
}

/* ===== check único, centralizado, cores invertidas nos itens a mais ===== */
.pk-ck{width:20px!important;height:20px!important;border-radius:50%;display:grid!important;place-items:center;background:#DCEBFF!important;justify-self:center!important;align-self:center}
.pk-ck::after{content:""!important;position:static!important;display:block;width:5px!important;height:9px!important;margin-top:-2px;
  border:solid #0C0B10!important;border-width:0 2px 2px 0!important;transform:rotate(45deg)!important;
  color:transparent!important;font-size:0!important;line-height:0!important;left:auto!important;top:auto!important;right:auto!important}
.pk-itens li.pk-mais .pk-ck{background:#0C0B10!important}
.pk-itens li.pk-mais .pk-ck::after{border-color:#A78BFA!important}
.pk-itens li{grid-template-columns:20px 1fr 20px!important;align-items:center!important}
.pk-ic{justify-self:center;align-self:center}

/* ===== fantasma do processo ===== */
.tl-fantasma{position:absolute;left:0;top:0;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(circle,rgba(124,58,237,.55) 0%,rgba(124,58,237,.18) 45%,transparent 70%);filter:blur(2px);
  transition:transform .35s cubic-bezier(.22,.68,.14,1),opacity .4s;opacity:0;animation:fant-respira 2.2s ease-in-out infinite}
@keyframes fant-respira{50%{width:70px;height:70px;margin:-35px 0 0 -35px}}
.tl-trilha{position:absolute;z-index:0;border-radius:2px;background:linear-gradient(90deg,rgba(124,58,237,.15),#7C3AED);pointer-events:none;transition:width .35s cubic-bezier(.22,.68,.14,1),height .35s cubic-bezier(.22,.68,.14,1)}
@media (max-width:760px){ .tl-trilha{background:linear-gradient(180deg,rgba(124,58,237,.15),#7C3AED)} }
.tl{position:relative;z-index:1}
.tl-fig{position:relative;transition:background .4s,border-color .4s,transform .4s cubic-bezier(.3,1.4,.5,1),box-shadow .4s!important}
.tl.tl-aceso .tl-fig{background:#EAF3FF!important;border-color:rgba(124,58,237,.4)!important}
.tl.tl-aceso .tl-fig svg{stroke:#7C3AED!important}
.tl.tl-agora .tl-fig{background:#7C3AED!important;border-color:#7C3AED!important;transform:scale(1.15);box-shadow:0 10px 24px -8px rgba(124,58,237,.7)}
.tl.tl-agora .tl-fig svg{stroke:#fff!important}
.tl.tl-agora h3{color:#7C3AED}
.tl h3{transition:color .4s}
.tl-fig.tl-festa{animation:festa .9s cubic-bezier(.3,1.6,.5,1)}
@keyframes festa{0%{transform:scale(1.15)}30%{transform:scale(1.5) rotate(-10deg)}60%{transform:scale(1.25) rotate(8deg)}100%{transform:scale(1.15)}}
.tl-fig.tl-festa::after{content:"✓";position:absolute;top:-10px;right:-10px;width:20px;height:20px;border-radius:50%;background:#0C0B10;color:#A78BFA;
  font-size:12px;font-weight:800;display:grid;place-items:center;animation:selo-pop .5s .2s cubic-bezier(.3,1.6,.5,1) both}
@keyframes selo-pop{from{transform:scale(0)}to{transform:scale(1)}}
.tl-confete{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:2px;margin:-3.5px 0 0 -3.5px;pointer-events:none;
  animation:confete 1s cubic-bezier(.2,.8,.3,1) forwards}
@keyframes confete{0%{transform:translate(0,0) scale(1) rotate(0)}100%{transform:translate(var(--dx),var(--dy)) scale(.4) rotate(220deg);opacity:0}}
@media (prefers-reduced-motion:reduce){ .tl-fantasma{animation:none} }
.tl-n em{position:relative;z-index:2;background:#fff;padding:0 6px 0 4px;border-radius:4px}
.tl-n .tl-fig{z-index:2}

/* bolinha do "Hoje": uma cor só, pulsando */
.v-hoje .vh-selo::before,.v4 .v-hoje .vh-selo::before{background:#30D158!important;width:10px!important;height:10px!important;
  box-shadow:0 0 0 0 rgba(48,209,88,.6)!important;animation:hoje-pulsa-v 1.6s ease-out infinite!important}
@keyframes hoje-pulsa-v{0%{box-shadow:0 0 0 0 rgba(48,209,88,.6)}70%{box-shadow:0 0 0 9px rgba(48,209,88,0)}100%{box-shadow:0 0 0 0 rgba(48,209,88,0)}}

/* bolinha verde: pulsa o ponto e a onda */
.v-hoje .vh-selo::before,.v4 .v-hoje .vh-selo::before{animation:hoje-pulsa-v 1.4s ease-out infinite, hoje-bate 1.4s ease-in-out infinite!important}
@keyframes hoje-bate{0%,100%{transform:scale(1)}40%{transform:scale(1.3)}}
@keyframes hoje-pulsa-v{0%{box-shadow:0 0 0 0 rgba(48,209,88,.75)}70%{box-shadow:0 0 0 10px rgba(48,209,88,0)}100%{box-shadow:0 0 0 0 rgba(48,209,88,0)}}

/* azul do topo um pouco mais escuro */
#inicio.v4{--accent:#7C3AED;--accent-2:#5B21B6}
#inicio.v4 .h1-b,#inicio.v4 .h1-b .grad{background:linear-gradient(180deg,#3A86F0 0%,#7C3AED 55%,#5B21B6 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
#inicio.v4 .v-btn-1{background:#7C3AED!important;box-shadow:0 20px 40px -16px rgba(124,58,237,.6),0 0 0 6px rgba(124,58,237,.08)!important}
#inicio.v4 .v-btn-1:hover{background:#5B21B6!important}

/* bolinha verde em dois tons */
.v-hoje .vh-selo::before,.v4 .v-hoje .vh-selo::before{width:11px!important;height:11px!important;
  background:radial-gradient(circle at 50% 50%,#7CF2A4 0 35%,#1FAD52 38% 100%)!important;
  border:0!important}
@keyframes hoje-pulsa-v{0%{box-shadow:0 0 0 0 rgba(124,242,164,.8),0 0 0 0 rgba(31,173,82,.5)}70%{box-shadow:0 0 0 7px rgba(124,242,164,0),0 0 0 12px rgba(31,173,82,0)}100%{box-shadow:0 0 0 0 rgba(124,242,164,0),0 0 0 0 rgba(31,173,82,0)}}

/* bolinha do Hoje: discreta, padrão Apple */
.v-hoje .vh-selo::before,.v4 .v-hoje .vh-selo::before{width:8px!important;height:8px!important;background:#30D158!important;border:0!important;
  box-shadow:0 0 0 3px rgba(48,209,88,.2)!important;animation:hoje-suave 2.4s ease-in-out infinite!important;transform:none!important}
@keyframes hoje-suave{0%,100%{box-shadow:0 0 0 3px rgba(48,209,88,.22)}50%{box-shadow:0 0 0 6px rgba(48,209,88,.06)}}

/* azul do topo mais escuro */
#inicio.v4{--accent:#7C3AED;--accent-2:#5B21B6}
#inicio.v4 .h1-b,#inicio.v4 .h1-b .grad{background:linear-gradient(180deg,#2466D2 0%,#7C3AED 55%,#5B21B6 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
#inicio.v4 .v-btn-1{background:#7C3AED!important;box-shadow:0 20px 40px -16px rgba(21,85,190,.6),0 0 0 6px rgba(21,85,190,.08)!important}
#inicio.v4 .v-btn-1:hover{background:#5B21B6!important}
#inicio.v4 .hg-aviso i{background:linear-gradient(135deg,#2466D2,#5B21B6)!important}

/* depoimentos no computador: centralizados, Instagram embaixo */
@media (min-width:761px){
  #cases .sec-head{text-align:center!important;display:flex;flex-direction:column;align-items:center}
  #cases .dp-titulo{text-align:center}
  #cases .cases-titulo{text-align:center;margin-left:auto;margin-right:auto}
  .fbx-nav{justify-content:center!important;flex-direction:column;align-items:center;gap:18px!important}
  .fbx-nav .fbx-ctrl{display:flex;align-items:center;gap:16px;width:100%;max-width:420px}
  .fbx-nav .cases-rodape{margin:0!important;width:auto!important;justify-content:center!important}
}

/* topo: só "Ver portfólio" também no computador */
#inicio.v4 .v-btn-2{display:none!important}

/* nome Rize no menu do celular */
.nav-nome{display:none}
@media (max-width:760px){
  .pill-nav{justify-content:space-between!important;padding:7px 7px 7px 20px!important}
  .nav-nome{display:inline-flex;align-items:baseline;gap:2px;font-weight:900;font-size:21px;letter-spacing:-.04em;color:#0C0B10;text-decoration:none}
  .nav-nome i{width:6px;height:6px;border-radius:50%;background:#7C3AED;display:inline-block}
}

/* menu maior no computador */
@media (min-width:761px){
  .pill-nav{padding:8px 8px 8px 10px!important;gap:6px!important}
  .pill-nav .links a{font-size:16px!important;padding:12px 20px!important}
  .pill-nav .nav-cta{font-size:16px!important;height:48px!important;padding:0 24px!important}
  .menu-btn{width:48px!important;height:48px!important}
  .menu-btn i{width:18px!important}
}

/* card de números maior e mais aberto */
.v-stats{max-width:1040px!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;padding:34px 20px!important;border-radius:28px!important}
.v-stats div{gap:8px!important;padding:0 12px;border-left:1px solid rgba(12,11,16,.08)}
.v-stats div:first-child{border-left:0}
.v-stats b{font-size:clamp(34px,4vw,52px)!important;letter-spacing:-.04em!important}
.v-stats span{font-size:15px!important}
.tb-escuro .v-stats div{border-color:rgba(255,255,255,.1)}
@media (max-width:760px){
  .v-stats{grid-template-columns:1fr 1fr!important;gap:26px 0!important;padding:28px 12px!important}
  .v-stats div:nth-child(3){border-left:0}
  .v-stats b{font-size:34px!important}
  .v-stats span{font-size:13px!important}
}

/* card de números: fino, mesma largura, tipografia refinada */
.v-stats{padding:18px 16px!important;border-radius:20px!important;align-items:center}
.v-stats div{flex-direction:row!important;align-items:center;justify-content:center;gap:12px!important;padding:2px 14px!important;text-align:left}
.v-stats b{font-size:clamp(26px,2.6vw,34px)!important;font-weight:700!important;letter-spacing:-.03em!important;line-height:1!important;
  font-variant-numeric:tabular-nums;display:inline-flex!important;align-items:baseline;white-space:nowrap}
.v-stats b .vt-pre{font-size:.6em;font-weight:600;margin-right:2px;-webkit-text-fill-color:#7C3AED!important;color:#7C3AED!important}
.v-stats span{font-size:12px!important;line-height:1.3!important;font-weight:600!important;letter-spacing:.06em;text-transform:uppercase;color:#7b8396!important;max-width:9.5em}
@media (max-width:760px){
  .v-stats{padding:16px 6px!important;gap:16px 0!important}
  .v-stats div{flex-direction:column!important;gap:5px!important;text-align:center;padding:0 6px!important}
  .v-stats b{font-size:26px!important}
  .v-stats span{font-size:10.5px!important;max-width:none;letter-spacing:.04em}
}

.v-stats b{align-items:flex-start!important}
.v-stats b .vt-pre{font-size:.55em!important;line-height:1;margin-top:.12em;margin-right:3px}
@media (max-width:760px){ #inicio .v-stats{margin-top:22px!important} }

/* números e legendas menos bold */
.v-stats b{font-weight:600!important}
.v-stats b .vt-pre{font-weight:500!important}
.v-stats span{font-weight:500!important}

/* seção de pacotes com fundo azul escuro */
#pacotes{background:#0C0B10!important}
#pacotes .sec-title{color:#fff!important}
#pacotes .sec-sub{color:rgba(255,255,255,.65)!important}
#pacotes .rab path{stroke:#A78BFA!important}
#pacotes .pk-seg{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.1)!important}
#pacotes .pk-seg button{color:rgba(255,255,255,.65)!important}
#pacotes .pk-seg button.on{color:#0C0B10!important}
#pacotes .pk-seg button:hover{color:#fff!important}
#pacotes .pk-seg button.on:hover{color:#0C0B10!important}
#pacotes .pk{border-color:rgba(255,255,255,.08)!important;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)!important}
#pacotes .pk-top{box-shadow:0 0 0 2px #7C3AED,0 30px 60px -24px rgba(124,58,237,.55)!important}
#pacotes .pk-dica,#pacotes .pk-nota{color:rgba(255,255,255,.5)!important}
#pacotes .flut svg{stroke:#A78BFA!important;opacity:.22}
#pacotes .perso{background:#fff!important}

/* ===== muro fluido: todos rodando, sem véu branco por cima ===== */
.v4 .hero-veu{background:radial-gradient(ellipse 38% 34% at 50% 48%, rgba(255,255,255,.86) 0%, rgba(255,255,255,.55) 55%, rgba(255,255,255,0) 100%)!important}
.v4 .hero-luz,.v4 .hero-brilho{display:none!important}
.v4 .hero-aurora{opacity:.18!important}
.v4 .peca img,.v4 .peca video{filter:none!important;opacity:1!important}
.v4 .peca video{opacity:0!important;transition:opacity .6s ease!important}
.v4 .peca video.on{opacity:1!important}
.v4 .muro-col{animation-timing-function:linear!important}
.v4 .muro-col:not(.desce){animation-name:muroSobe!important}
.v4 .hero-muro{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 86%,transparent 100%)!important;mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 86%,transparent 100%)!important}
#inicio.v4 h1,#inicio.v4 .v-sub{text-shadow:0 2px 24px rgba(255,255,255,.9)}
@media (max-width:760px){
  .v4 .hero-veu{background:radial-gradient(ellipse 90% 40% at 50% 46%, rgba(255,255,255,.9) 0%, rgba(255,255,255,.6) 60%, rgba(255,255,255,0) 100%)!important}
}

/* colunas do muro andando de verdade, sem fim */
#inicio.v4 .muro-col{animation:muroSobe var(--dur,48s) linear infinite!important}
#inicio.v4 .muro-col.desce{animation-name:muroDesce!important}
#inicio.v4 .peca{animation:none!important}
@media (prefers-reduced-motion:reduce){ #inicio.v4 .muro-col{animation:none!important} }

/* leitura: véu só no centro, vídeos vivos nas bordas */
.v4 .hero-veu{background:radial-gradient(ellipse 46% 42% at 50% 50%, rgba(255,255,255,.97) 0%, rgba(255,255,255,.9) 45%, rgba(255,255,255,.55) 70%, rgba(255,255,255,0) 100%)!important}
#inicio.v4 h1,#inicio.v4 .v-sub{text-shadow:none}
@media (max-width:760px){
  .v4 .hero-veu{background:radial-gradient(ellipse 100% 44% at 50% 50%, rgba(255,255,255,.97) 0%, rgba(255,255,255,.9) 55%, rgba(255,255,255,.45) 85%, rgba(255,255,255,0) 100%)!important}
}

/* CTAs de WhatsApp */
.btn-zap-dep{background:#25D366!important;border-color:#25D366!important;color:#0C0B10!important;font-weight:700}
.btn-zap-dep svg{width:20px;height:20px;fill:#0C0B10}
.btn-zap-dep:hover{background:#1FB955!important}
.cta-zap{margin-top:48px;padding:28px 30px;border-radius:22px;background:#F6F4FA;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.cta-zap p{margin:0;font-size:17px;font-weight:600;color:#0C0B10;max-width:520px}
.cta-zap-btn{background:#25D366!important;color:#0C0B10!important;box-shadow:0 14px 30px -14px rgba(37,211,102,.7)!important}
@media (max-width:760px){ .cta-zap{padding:22px 18px;justify-content:center;text-align:center} .cta-zap-btn{width:100%;justify-content:center} }

/* ===== topo com o mesmo azul escuro das outras seções ===== */
#inicio.v4{background:#0C0B10!important}
.v4 .hero-veu{background:radial-gradient(ellipse 46% 42% at 50% 50%, rgba(12,11,16,.96) 0%, rgba(12,11,16,.88) 45%, rgba(12,11,16,.5) 70%, rgba(12,11,16,0) 100%)!important}
.v4 .hero-muro{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 86%,transparent 100%)!important;mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 86%,transparent 100%)!important}
.v4 .hero-aurora{display:none!important}
.v4 .peca{background:#0C0B10!important}
#inicio.v4 .v4-h1 .h1-a{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important}
#inicio.v4 .h1-b,#inicio.v4 .h1-b .grad{background:linear-gradient(180deg,#A78BFA 0%,#FB7AA6 55%,#7C3AED 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
#inicio.v4 .v-sub{color:rgba(255,255,255,.72)!important}
#inicio.v4 .v-hoje{background:rgba(255,255,255,.08)!important;border-color:rgba(48,209,88,.45)!important;color:rgba(255,255,255,.75)!important;box-shadow:none!important}
#inicio.v4 .v-hoje .vh-txt,#inicio.v4 .v-hoje .vh-txt b,#inicio.v4 .v-hoje .vh-txt b.vh-preco{color:#fff!important}
#inicio.v4 .v-hoje .vh-txt s{color:rgba(255,255,255,.45)!important}
#inicio.v4 .v-hoje .vh-sep{background:rgba(255,255,255,.2)!important}
#inicio.v4 .hg-aviso{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.14)!important}
#inicio.v4 .hg-aviso b{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important}
#inicio.v4 .hg-aviso small{color:rgba(255,255,255,.55)!important}
#inicio.v4 .v-stats{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.1)!important;box-shadow:none!important}
#inicio.v4 .v-stats b{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important}
#inicio.v4 .v-stats b .vt-pre{-webkit-text-fill-color:#A78BFA!important;color:#A78BFA!important}
#inicio.v4 .v-stats span{color:rgba(255,255,255,.55)!important}
#inicio.v4 .v-stats div{border-color:rgba(255,255,255,.1)!important}
@media (max-width:760px){
  .v4 .hero-veu{background:radial-gradient(ellipse 100% 44% at 50% 50%, rgba(12,11,16,.96) 0%, rgba(12,11,16,.88) 55%, rgba(12,11,16,.45) 85%, rgba(12,11,16,0) 100%)!important}
  .pill-nav{background:rgba(255,255,255,.92)!important}
}

/* vídeos sempre no formato certo (9:16), todos iguais */

/* ===== topo estilo Turbo ===== */
.tb-faixa{position:fixed;top:0;left:0;right:0;z-index:450;background:#7C3AED;text-align:center;padding:9px 16px;font-size:13.5px}
.tb-faixa a{color:#fff;text-decoration:none}
.tb-faixa s{opacity:.65}
.tb-faixa span{font-size:16px;margin-left:4px}
.pill-nav{top:52px!important}
#inicio.tb{position:relative;overflow:hidden;padding:150px 0 40px!important;min-height:auto!important;display:block!important;text-align:left!important}
.tb-luz{position:absolute;inset:0;pointer-events:none}
.tb-grade{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.tb h1{font-size:clamp(42px,4.6vw,66px);line-height:1.05;letter-spacing:-.035em;font-weight:800;margin:0}
.tb-dest{color:#FB7AA6}
.tb-sub{font-size:clamp(16px,1.4vw,19px);line-height:1.6;margin:22px 0 0;max-width:560px}
.tb-btn{display:inline-flex;align-items:center;gap:10px;margin-top:30px;height:56px;padding:0 30px;border-radius:999px;background:#7C3AED;color:#fff;
  font-weight:700;font-size:16px;text-decoration:none;box-shadow:0 18px 36px -14px rgba(124,58,237,.7);transition:transform .25s,background .25s}
.tb-btn:hover{transform:translateY(-2px);background:#5B21B6}
.tb-btn span{transition:transform .25s}.tb-btn:hover span{transform:translateX(4px)}
.tb-conf{margin:34px 0 12px;font-size:11.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#FB7AA6}
.tb-marcas{display:flex;flex-wrap:nowrap;align-items:center;gap:24px}
.tb-marcas img{height:20px;width:auto;opacity:.75}
.tb-mosaico{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:560px;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,#000 85%,transparent);mask-image:linear-gradient(180deg,#000 85%,transparent)}
.tb-col{display:flex;flex-direction:column;gap:16px}
.tb-col-2{margin-top:0}
.tb-mosaico{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 88%,transparent 100%)!important;mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 88%,transparent 100%)!important}
.tb-col{overflow:hidden}
.tb-anda{display:flex;flex-direction:column;gap:16px;will-change:transform}
.tb-sobe{animation:tb-sobe 46s linear infinite}
.tb-desce{animation:tb-desce 52s linear infinite}
@keyframes tb-sobe{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 8px))}}
@keyframes tb-desce{from{transform:translateY(calc(-50% - 8px))}to{transform:translateY(0)}}
.tb-mosaico:hover .tb-anda{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){ .tb-anda{animation:none} }
.tc{position:relative;display:block;width:100%;aspect-ratio:9/12;border:0;padding:0;border-radius:20px;overflow:hidden;cursor:pointer;background:#111;
  box-shadow:0 24px 50px -24px rgba(0,0,0,.6);transition:transform .35s}
.tc.tc-alto{aspect-ratio:9/16}
.tc:hover{transform:translateY(-4px)}
.tc img,.tc video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tc video{opacity:0;transition:opacity .5s}.tc video.pronto{opacity:1}
.tc::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.75));pointer-events:none}
.tc-chip{position:absolute;top:12px;right:12px;z-index:2;background:#fff;color:#0C0B10;font-size:12px;font-weight:800;padding:5px 11px;border-radius:999px}
.tc-rod{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;display:flex;align-items:center;gap:7px;font-size:12px;color:#fff;text-align:left}
.tc-rod i{font-style:normal;font-size:6px;opacity:.6}
.tc-rod em{font-style:normal;color:#4ADE80;font-weight:700}
.tb-fila-cel{display:none}
#inicio.tb .v-stats{margin-top:40px}

/* tema escuro */
#inicio.tb-escuro{background:radial-gradient(ellipse 70% 60% at 30% 0%,#3B1680 0%,#0C0B10 60%)!important}
.tb-escuro h1{color:#fff}
.tb-escuro .tb-sub{color:rgba(255,255,255,.62)}
.tb-escuro .tb-sub b{color:#fff}
.tb-escuro .tb-marcas img{filter:brightness(0) invert(1)}
.tb-escuro .v-stats{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.08)!important}
.tb-escuro .v-stats b{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important}
.tb-escuro .v-stats span{color:rgba(255,255,255,.5)!important}

/* tema claro */
#inicio.tb-claro{background:linear-gradient(180deg,#F3F7FF 0%,#fff 70%)!important}
.tb-claro h1{color:#0C0B10}
.tb-claro .tb-dest{color:#7C3AED}
.tb-claro .tb-sub{color:#5b6475}
.tb-claro .tb-sub b{color:#0C0B10}
.tb-claro .tb-marcas img{filter:grayscale(1) brightness(.4)}
.tb-claro .tb-conf{color:#7C3AED}

@media (max-width:900px){
  .tb-faixa{font-size:12px;padding:8px 12px}
  .pill-nav{top:46px!important}
  #inicio.tb{padding:118px 0 30px!important}
  .tb-fila-cel{margin-top:6px}
  .tb-trilho .tc-rod em,.tb-trilho .tc-rod i{display:none}
  .tb-fila-cel{display:block;position:relative;z-index:2;overflow:hidden;margin-bottom:26px}
  .tb-trilho{display:flex;gap:10px;width:max-content;animation:tb-anda 40s linear infinite}
  @keyframes tb-anda{to{transform:translateX(-50%)}}
  .tb-trilho .tc{width:150px;aspect-ratio:9/14;border-radius:18px;flex:none}
  .tb-trilho .tc:hover{transform:none}
  .tb-trilho .tc-chip{font-size:10.5px;padding:4px 9px;top:9px;right:9px}
  .tb-trilho .tc-rod{font-size:10px;left:10px;bottom:9px}
  .tb-grade{grid-template-columns:1fr;gap:0;text-align:center}
  .tb-mosaico{display:none}
  .tb h1{font-size:clamp(36px,10vw,46px)}
  .tb-sub{font-size:15.5px;margin:16px auto 0}
  .tb-btn{margin-top:24px}
  .tb-conf{margin-top:28px}
  .tb-marcas{justify-content:center;gap:16px;flex-wrap:wrap}
  .tb-marcas img{height:16px}
  .tb-marcas img:nth-child(n+5){display:none}
}

.tc,.tc.tc-alto{aspect-ratio:9/16!important;height:auto!important}
.tc img,.tc video{object-fit:cover;object-position:center}
.tb-mosaico{height:620px!important;width:100%;max-width:500px;margin-left:auto;gap:18px!important}
.tb-anda{gap:18px!important}
@keyframes tb-sobe{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 9px))}}
@keyframes tb-desce{from{transform:translateY(calc(-50% - 9px))}to{transform:translateY(0)}}
.tb-col-2{padding-top:0}
@media (max-width:900px){ .tb-trilho .tc{width:140px!important;aspect-ratio:9/16!important} }

/* variação: sem menu, vídeos menores encaixados na primeira tela */

#inicio.tb{padding:84px 0 40px!important}
.tb-grade{min-height:calc(100svh - 124px)}
.tb-mosaico{height:calc(100svh - 150px)!important;max-height:640px;max-width:400px!important;gap:14px!important}
.tb-anda{gap:14px!important}
@keyframes tb-sobe{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 7px))}}
@keyframes tb-desce{from{transform:translateY(calc(-50% - 7px))}to{transform:translateY(0)}}
.tc-chip{font-size:11px!important;padding:4px 9px!important;top:10px!important;right:10px!important}
.tc-rod{font-size:11px!important;left:11px!important;bottom:10px!important}
@media (max-width:900px){ #inicio.tb{padding:58px 0 30px!important} .tb-grade{min-height:0} }

/* fonte do título no estilo da referência */
.tb h1{font-family:"DM Sans",var(--font)!important;font-weight:700!important;letter-spacing:-.025em!important;line-height:1.06!important;font-size:clamp(36px,3.5vw,52px)!important}
#inicio.tb h1{font-family:"Plus Jakarta Sans",sans-serif!important;font-weight:800!important;font-size:clamp(40px,3.7vw,56px)!important;line-height:1.02!important;letter-spacing:-.035em!important}
@media(max-width:720px){#inicio.tb h1{font-size:clamp(32px,9.2vw,40px)!important;line-height:1.05!important}}
.tb-dest{font-weight:700}
@media (max-width:900px){ .tb h1{font-size:clamp(36px,10vw,46px)!important} }

/* botões lado a lado */
.tb-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.tb-ctas .tb-btn{margin-top:0}
.tb-zap{background:transparent!important;box-shadow:none!important;border:1.5px solid rgba(255,255,255,.22)}
.tb-zap svg{width:20px;height:20px;fill:#25D366}
.tb-zap:hover{border-color:#25D366;background:rgba(37,211,102,.08)!important}
.tb-claro .tb-zap{color:#0C0B10!important;border-color:rgba(12,11,16,.18)}
@media (max-width:900px){ .tb-ctas{justify-content:center;margin-top:24px;flex-wrap:nowrap;gap:8px} .tb-ctas .tb-btn{height:50px;padding:0 16px;font-size:14.5px;gap:7px;white-space:nowrap} .tb-zap svg{width:17px;height:17px} }

/* cards retangulares como na referência e mosaico do topo do título até o botão */
.tb-mosaico .tc,.tb-mosaico .tc.tc-alto{aspect-ratio:4/5!important}
.tb-grade{align-items:start!important;align-content:center;min-height:calc(100svh - 120px)!important;padding-top:0}
@media (max-width:900px){ .tb-grade{min-height:0!important;padding-top:0} }
.tb-mosaico{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 6%,#000 94%,transparent 100%)!important;mask-image:linear-gradient(180deg,transparent 0,#000 6%,#000 94%,transparent 100%)!important}
.tb-mosaico{height:var(--mh,520px)!important;max-height:none!important;max-width:460px!important}
/* ===== clone: menu visível + mosaico 2 colunas também no celular ===== */
.pill-nav{top:56px!important}
#inicio.tb{padding:140px 0 40px!important}
.tb-mosaico .tc,.tb-mosaico .tc.tc-alto{aspect-ratio:4/5!important;border-radius:16px!important}
.tb-anda,.tb-mosaico{gap:14px!important}
@keyframes tb-sobe{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 7px))}}
@keyframes tb-desce{from{transform:translateY(calc(-50% - 7px))}to{transform:translateY(0)}}
@media (max-width:900px){
  .pill-nav{top:50px!important}
  #inicio.tb{padding:112px 0 30px!important}
  .tb-fila-cel{display:none!important}
  .tb-mosaico{display:grid!important;grid-template-columns:1fr 1fr;height:520px!important;max-width:none!important;margin:28px 0 0!important;gap:12px!important}
  .tb-anda{gap:12px!important}
  .tb-grade{gap:0!important}
  .tc-chip{font-size:10.5px!important;padding:4px 9px!important}
  .tc-rod{font-size:10.5px!important}
}

/* marcas: fundo azul escuro contínuo entre topo e depoimentos */
#marcas{background:#0C0B10!important;border-bottom:0!important;padding:40px 0 48px!important;margin:0!important}
#marcas .marcas-titulo{color:rgba(255,255,255,.55)!important}
#marcas .marca-item img{filter:brightness(0) invert(1)!important;opacity:.7!important}
#marcas .marcas-trilho{-webkit-mask:linear-gradient(90deg,transparent,#000 10% 90%,transparent)!important;mask:linear-gradient(90deg,transparent,#000 10% 90%,transparent)!important}
#inicio.tb{padding-bottom:20px!important}
#cases.tema-escuro{margin-top:0!important;padding-top:70px!important}
@media (max-width:760px){ #marcas{padding:30px 0 36px!important} }

/* um azul só: topo, marcas e depoimentos */
#inicio.tb,#inicio.tb-escuro{background:#0C0B10!important}
#marcas,#cases.tema-escuro{background:#0C0B10!important}

/* "Confiado por marcas como" em esteira */
.tb-marcas.tb-esteira{display:block!important;overflow:hidden;max-width:560px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12% 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12% 88%,transparent)}
.tb-esteira-fila{display:flex;align-items:center;gap:36px;width:max-content;animation:tb-esteira 38s linear infinite}
.tb-esteira-fila img{height:22px!important;width:auto;flex:none;filter:brightness(0) invert(1)!important;opacity:.75!important}
.tb-esteira-fila img:nth-child(n){display:block!important}
@keyframes tb-esteira{to{transform:translateX(-50%)}}
@media (max-width:900px){ .tb-marcas.tb-esteira{max-width:none;margin:0 -20px} .tb-esteira-fila{gap:26px} .tb-esteira-fila img{height:18px!important} }

/* vídeos mais estreitos e altos; sombra das pontas mais aberta */
.tb-mosaico .tc,.tb-mosaico .tc.tc-alto{aspect-ratio:9/16!important}
.tb-mosaico{max-width:380px!important;height:calc(100svh - 150px)!important;max-height:680px!important;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 84%,transparent 100%)!important;
  mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 84%,transparent 100%)!important}
@media (max-width:900px){
  .tb-mosaico{max-width:none!important;height:560px!important}
}

@media (max-width:900px){
  .tb-grade{display:flex!important;flex-direction:column;width:100%;max-width:100%;overflow:hidden}
  .tb-txt{order:0;width:100%;max-width:100%}
  .tb h1,.tb-sub{max-width:100%}
  .tb-mosaico{order:1;display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;height:520px!important;max-width:none!important;width:100%;margin:28px 0 0!important}
  .tb-col{min-width:0;overflow:hidden}
  .tb-mosaico .tc{width:100%!important}
  .tb-mosaico .tc-rod{font-size:10px!important;left:9px!important;right:9px!important;bottom:8px!important;white-space:nowrap}
}

/* vídeos: estreitos e altos */
.tb-mosaico{max-width:330px!important;grid-template-columns:1fr 1fr!important;gap:14px!important;height:calc(100svh - 120px)!important;max-height:760px!important}
.tb-mosaico .tc,.tb-mosaico .tc.tc-alto{aspect-ratio:9/19.5!important;border-radius:18px!important}
@media (max-width:900px){
  .tb-mosaico{max-width:300px!important;margin:28px auto 0!important;height:620px!important;gap:12px!important}
  .tb-mosaico .tc,.tb-mosaico .tc.tc-alto{aspect-ratio:9/19.5!important}
}

/* HEADLINE: vídeos altos de verdade, ocupando a tela de cima a baixo */
#inicio.tb{padding:72px 0 0!important;min-height:100svh!important;overflow:hidden}
.tb-grade{min-height:calc(100svh - 72px)!important;align-items:center!important;align-content:center!important}
.tb-mosaico{height:calc(100svh - 40px)!important;max-height:none!important;max-width:300px!important;width:300px;margin:-20px 0 -20px auto!important;gap:12px!important;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%)!important;mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%)!important}
.tb-mosaico .tc,.tb-mosaico .tc.tc-alto{aspect-ratio:9/20!important;width:144px!important;border-radius:16px!important}
.tb-anda{gap:12px!important}
#inicio.tb .v-stats{display:none!important}
@media (max-width:900px){
  #inicio.tb{min-height:0!important;padding:72px 0 30px!important}
  .tb-grade{min-height:0!important}
  .tb-mosaico{width:100%;max-width:290px!important;height:640px!important;margin:26px auto 0!important}
  .tb-mosaico .tc,.tb-mosaico .tc.tc-alto{width:100%!important;aspect-ratio:9/20!important}
}

/* altura fixa, sem depender de aspect-ratio */
.tb-mosaico .tc,.tb-mosaico .tc.tc-alto{width:150px!important;height:330px!important;aspect-ratio:auto!important;flex:none!important}
.tb-mosaico{width:316px!important;max-width:316px!important;height:calc(100svh - 60px)!important;margin:-10px 0 -10px auto!important;gap:16px!important}
.tb-anda{gap:16px!important}
@keyframes tb-sobe{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 8px))}}
@keyframes tb-desce{from{transform:translateY(calc(-50% - 8px))}to{transform:translateY(0)}}
@media (max-width:900px){
  .tb-mosaico{width:100%!important;max-width:300px!important;height:620px!important;margin:26px auto 0!important;gap:12px!important}
  .tb-mosaico .tc,.tb-mosaico .tc.tc-alto{width:100%!important;height:300px!important}
}

/* ===== HEADLINE: vídeos iguais à Turbo (creators) ===== */
.tb-mosaico{width:412px!important;max-width:412px!important;height:clamp(480px,70vh,704px)!important;margin:0 0 0 auto!important;gap:12px!important;
  grid-template-columns:1fr 1fr!important;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent)!important;mask-image:linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent)!important}
.tb-anda{gap:12px!important}
.tb-mosaico .tc,.tb-mosaico .tc.tc-alto{width:200px!important;height:356px!important;aspect-ratio:auto!important;border-radius:12px!important}
.tb-sobe{animation-duration:30s!important}
.tb-desce{animation-duration:35s!important}
@keyframes tb-sobe{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 6px))}}
@keyframes tb-desce{from{transform:translateY(calc(-50% - 6px))}to{transform:translateY(0)}}
.tb-grade{grid-template-columns:1.2fr .8fr!important;gap:20px 48px!important;align-items:start!important;min-height:0!important}
#inicio.tb{min-height:0!important;padding:110px 0 40px!important}
.tc-chip{font-size:11px!important;padding:4px 9px!important;top:10px!important;right:10px!important}
.tc-rod{font-size:11px!important;left:11px!important;bottom:10px!important}
@media (max-width:900px){
  .tb-grade{display:flex!important;flex-direction:column}
  .tb-mosaico{width:100%!important;max-width:412px!important;height:560px!important;margin:26px auto 0!important}
  .tb-mosaico .tc,.tb-mosaico .tc.tc-alto{width:100%!important;height:auto!important;aspect-ratio:9/16!important}
}

#inicio.tb{padding:160px 0 50px!important}
.tb-grade{align-items:center!important}
.tb-mosaico{height:clamp(480px,66vh,620px)!important}

/* azul de fundo mais escuro */
#inicio.tb-escuro,#inicio.tb,#marcas,#cases.tema-escuro,#pacotes,#faq{background:#0F0E14!important}
#inicio.tb-claro{background:linear-gradient(180deg,#F3F7FF 0%,#fff 70%)!important}
.tb-faixa{background:#F43F7A!important}

/* sem menu; topo volta a começar logo abaixo da faixa Hoje */
.pill-nav,.gaveta{display:none!important}
#inicio.tb{padding:84px 0 40px!important}
.tb-grade{align-items:center!important;min-height:calc(100svh - 124px)!important}
@media (max-width:900px){ #inicio.tb{padding:58px 0 30px!important} .tb-grade{min-height:0!important} }

#inicio.tb-escuro,#inicio.tb,#marcas,#cases.tema-escuro,#pacotes,#faq{background:#0C0B10!important}
#inicio.tb-claro{background:linear-gradient(180deg,#F3F7FF 0%,#fff 70%)!important}

/* marcas paradas e menores */
.tb-marcas.tb-fixo{display:flex!important;align-items:center;gap:22px;flex-wrap:wrap;max-width:none;overflow:visible;-webkit-mask-image:none!important;mask-image:none!important}
.tb-marcas.tb-fixo img{height:20px!important;width:auto;opacity:.7;filter:brightness(0) invert(1)}
#inicio.tb-claro .tb-marcas.tb-fixo img{filter:grayscale(1) brightness(.4)}
@media (max-width:900px){ .tb-marcas.tb-fixo{justify-content:center;gap:16px;margin:0} .tb-marcas.tb-fixo img{height:16px!important} }

/* faixa APENAS HOJE: impossível não ver */
.tb-faixa{background:linear-gradient(90deg,#7C3AED,#FB7AA6,#7C3AED)!important;background-size:200% 100%!important;animation:tf-luz 4s linear infinite;padding:0!important;
  box-shadow:0 6px 24px -6px rgba(61,139,255,.7)}
@keyframes tf-luz{to{background-position:200% 0}}
.tb-faixa a{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 16px;font-size:15px!important;color:#fff}
.tf-selo{display:inline-flex;align-items:center;gap:8px;background:#FFD400;color:#0C0B10;font-weight:900;letter-spacing:.14em;font-size:12.5px;padding:6px 12px;border-radius:999px;
  animation:tf-pula 1.6s ease-in-out infinite}
.tf-selo i{width:8px;height:8px;border-radius:50%;background:#0C0B10;animation:tf-pisca 1s steps(2) infinite}
.tf-selo{animation:tf-pulsa 2.2s ease-in-out infinite;will-change:transform}
@keyframes tf-pulsa{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,212,0,.45)}50%{transform:scale(1.035);box-shadow:0 0 0 5px rgba(255,212,0,0)}}
@media (prefers-reduced-motion:reduce){.tf-selo{animation:none}}
@keyframes tf-pula{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes tf-pisca{to{opacity:.2}}
.tf-txt{font-weight:500}.tf-txt b{font-weight:800;font-size:1.1em}.tf-txt s{opacity:.6}
.tf-cta{font-weight:800;text-decoration:underline;text-underline-offset:3px}
.pill-nav{top:60px!important}
#inicio.tb{padding-top:96px!important}
@media (max-width:900px){
  .tb-faixa a{flex-wrap:wrap;gap:6px 10px;padding:8px 12px;font-size:13px!important}
  .tf-selo{font-size:11px;padding:5px 10px}
  .tf-cta{width:100%;text-align:center}
  #inicio.tb{padding-top:84px!important}
}

@media (max-width:900px){
  .tb-faixa a{flex-wrap:nowrap!important;gap:8px!important;padding:7px 10px!important;font-size:12px!important;white-space:nowrap}
  .tf-selo{font-size:10px!important;padding:4px 8px!important;letter-spacing:.08em}
  .tf-txt s{display:none}
  .tf-cta{width:auto!important}
  #inicio.tb{padding-top:72px!important}
  .pill-nav{top:52px!important}
}

@media (max-width:900px){
  .tb-faixa a{gap:6px!important;padding:7px 8px!important;font-size:11.5px!important}
  .tf-selo{font-size:9.5px!important;padding:4px 7px!important}
  .tf-cta{font-size:11px}
}

@media (max-width:900px){
  .tb-faixa a{justify-content:center;gap:6px!important;padding:7px 8px!important;font-size:11.5px!important;overflow:hidden}
  .tf-selo{font-size:9px!important;padding:4px 7px!important;letter-spacing:.06em;gap:5px}
  .tf-selo i{width:6px;height:6px}
  .tf-txt{white-space:nowrap}
  .tf-cta{font-size:11px;white-space:nowrap}
}


@media (max-width:900px){
  .tb-faixa a{justify-content:center!important;gap:8px!important;padding:8px 10px!important;font-size:12.5px!important;flex-wrap:nowrap!important}
  .tf-selo{font-size:9.5px!important;padding:4px 8px!important;letter-spacing:.08em}
  .tf-txt{white-space:nowrap}
}

.tc-rod{gap:6px!important}
.tc-rod em{color:#4ADE80!important;font-weight:800!important;letter-spacing:.06em;font-size:11px!important}
.tc-rod b{font-weight:700;font-size:11px!important}

.tc-rod{display:flex!important;justify-content:space-between;align-items:center;gap:6px!important;white-space:nowrap}
.tc-rod i{display:none!important}
.tc-rod em{font-size:10.5px!important}
.tc-rod b{font-size:10.5px!important;font-weight:600!important;opacity:.9}
@media (max-width:900px){
  .tf-cta{display:none!important}
  .tb-faixa a::after{content:"›";font-size:20px;font-weight:800;line-height:1;color:#fff;margin-left:2px}
}

@media (max-width:900px){ .tf-cta,.tf-cta::after{display:none!important;content:none!important} }

/* legenda do card: alinhada, sem efeito de hover */
.tc-rod{display:flex!important;justify-content:space-between!important;align-items:center!important;left:12px!important;right:12px!important;bottom:11px!important;gap:8px!important;white-space:nowrap;line-height:1}
.tc-rod b{font-size:11px!important;font-weight:600!important;color:#fff!important;opacity:.95;letter-spacing:-.005em}
.tc-rod em{font-size:10.5px!important;font-weight:700!important;color:#4ADE80!important;letter-spacing:.02em;display:inline-flex;align-items:center;gap:4px}
.tc-rod i{display:none!important}
.tc-chip{top:10px!important;right:10px!important;font-size:11px!important;padding:5px 10px!important;line-height:1}
.tb-mosaico .tc,.tb-mosaico .tc:hover{transform:none!important;box-shadow:0 24px 50px -24px rgba(0,0,0,.6)!important;transition:none!important}
.tb-mosaico:hover .tb-anda{animation-play-state:running!important}
@media (max-width:900px){ .tc-rod b{font-size:10px!important} .tc-rod em{font-size:9.5px!important} }

@media (min-width:901px){ .tf-selo{font-size:11px!important;padding:5px 10px!important;letter-spacing:.12em} .tb-faixa a{font-size:14px!important;padding:8px 16px!important} }

/* ===== CELULAR igual à Turbo: faixa horizontal de vídeos ANTES do título ===== */
@media (max-width:900px){
  .tb-fila-cel{display:block!important;order:-1;position:relative;z-index:2;overflow:hidden;margin:0 -20px 22px!important;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)!important;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)!important}
  .tb-trilho{display:flex!important;gap:12px!important;width:max-content;padding-inline:12px;animation:tb-x 25s linear infinite!important}
  @keyframes tb-x{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  .tb-trilho .tc{width:120px!important;height:auto!important;aspect-ratio:9/16!important;border-radius:14px!important;flex:none;border:1px solid rgba(255,255,255,.1)}
  .tb-trilho .tc-chip{font-size:10px!important;padding:3px 8px!important;top:8px!important;right:8px!important}
  .tb-trilho .tc-rod{left:9px!important;right:9px!important;bottom:8px!important;flex-direction:column;align-items:flex-start!important;gap:2px!important;
    padding-top:18px;background:linear-gradient(to top,rgba(9,9,15,.95) 35%,rgba(9,9,15,0));margin:0 -9px -8px;padding-left:9px;padding-right:9px;padding-bottom:8px;left:0!important;right:0!important;bottom:0!important}
  .tb-trilho .tc-rod b{font-size:10px!important}
  .tb-trilho .tc-rod em{font-size:10px!important}
  .tb-mosaico{display:none!important}
  .tb-grade{display:flex!important;flex-direction:column!important;text-align:center}
  .tb-txt{order:0;width:100%}
  #inicio.tb{padding-top:60px!important}
  .tb h1{font-size:clamp(30px,8.6vw,38px)!important;line-height:1.1!important}
  .tb-sub{font-size:14.5px!important}
}

@media (max-width:900px){
  .tb-fila-cel{display:block!important}
  .tb-trilho{animation:tb-x 25s linear infinite!important;will-change:transform}
  .tb-trilho .tc{height:213px!important}
  .tb-trilho .tc-rod{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-end!important;gap:6px!important;
    left:0!important;right:0!important;bottom:0!important;margin:0!important;padding:22px 9px 8px!important;
    background:linear-gradient(to top,rgba(9,9,15,.95) 35%,rgba(9,9,15,0))!important}
  .tb-trilho .tc-rod b{font-size:10px!important;font-weight:600!important;line-height:1.15}
  .tb-trilho .tc-rod em{font-size:10px!important;font-weight:700!important;line-height:1.15}
  .tb-txt{text-align:center;display:flex;flex-direction:column;align-items:center}
  .tb h1{max-width:12ch;margin:0 auto!important}
  .tb-sub{margin-left:auto;margin-right:auto}
  .tb-ctas{justify-content:center}
  .tb-marcas.tb-fixo{justify-content:center}
}
@media (prefers-reduced-motion:reduce){ .tb-trilho{animation:none!important} }

/* ===== CELULAR: headline copiada da Turbo (creators) ===== */
@media (max-width:900px){
  #inicio.tb,#inicio.tb-escuro{background:radial-gradient(ellipse 80% 60% at 50% 0%,#0f1530 0%,#09090f 60%)!important;padding:40px 0 48px!important}
  #inicio.tb-claro{background:radial-gradient(ellipse 80% 60% at 50% 0%,#e9effc 0%,#ffffff 60%)!important}
  .tb-faixa{background:#E11D60!important;animation:none!important;box-shadow:none!important}
  .tb-faixa a{padding:12px 16px!important;font-size:11px!important;font-family:"DM Sans",sans-serif!important;font-weight:500!important;gap:6px!important}
  .tb-faixa a::after{display:none!important}
  .tf-selo{background:transparent!important;color:#fff!important;padding:0!important;font-size:11px!important;letter-spacing:0!important;font-weight:700!important;text-transform:none}
  .tf-selo i{display:none!important}
  .tf-txt b{font-weight:700!important;font-size:1em!important}
  .tb-fila-cel{margin:0 -20px 20px!important}
  .tb-trilho{gap:12px!important;padding-inline:12px!important;animation:tb-x 25s linear infinite!important}
  .tb-trilho .tc{width:120px!important;height:213px!important;border-radius:14px!important;border:1px solid #222225!important;background:#131318!important}
  .tb-trilho .tc-chip{font-size:10px!important;font-weight:600!important;padding:3px 8px!important;top:8px!important;right:8px!important;background:#fff!important;color:#09090f!important;border-radius:999px}
  .tb-trilho .tc-rod{left:0!important;right:0!important;bottom:0!important;margin:0!important;padding:24px 9px 8px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important;
    background:linear-gradient(to top,rgba(9,9,15,.95) 35%,rgba(9,9,15,0))!important;font-family:"DM Sans",sans-serif;font-size:10px!important}
  .tb-trilho .tc-rod b{font-weight:500!important;color:rgba(255,255,255,.82)!important;font-size:10px!important}
  .tb-trilho .tc-rod em{font-weight:600!important;color:#4ADE80!important;font-size:10px!important}
  .tb h1{font-family:"Space Grotesk",sans-serif!important;font-size:28px!important;line-height:1.15!important;letter-spacing:-.01em!important;font-weight:700!important;max-width:none!important;margin:0 0 16px!important;text-wrap:balance}
  #inicio.tb-escuro h1{color:#f2f2f2!important}
  .tb-dest{color:#3b82f6!important}
  .tb-sub{font-family:"DM Sans",sans-serif!important;font-size:15px!important;line-height:1.55!important;color:#7a7a82!important;margin:0 auto 20px!important;max-width:34em!important}
  .tb-sub b{color:#f2f2f2!important;font-weight:600!important}
  #inicio.tb-claro .tb-sub{color:#5b6475!important}#inicio.tb-claro .tb-sub b{color:#0C0B10!important}
  .tb-ctas{margin:0 0 20px!important;gap:10px!important;flex-direction:column!important}
  .tb-ctas .tb-btn{width:100%!important;max-width:none!important;height:auto!important;min-height:44px!important;padding:14px 24px!important;border-radius:10px!important;background:#E11D60!important;font-family:"DM Sans",sans-serif!important;font-size:15px!important;font-weight:500!important;box-shadow:none!important;justify-content:center}
  .tb-ctas .tb-zap{background:#131318!important;border:1px solid #222225!important;color:#f2f2f2!important}
  #inicio.tb-claro .tb-ctas .tb-zap{background:#fff!important;color:#0C0B10!important;border-color:#d7deea!important}
  .tb-conf{margin:0 0 10px!important;font-size:11px!important;font-weight:600!important;letter-spacing:.12em;color:#E11D60!important;text-transform:uppercase}
  .tb-marcas.tb-fixo{gap:16px!important;justify-content:center!important}
  .tb-marcas.tb-fixo img{height:18px!important;max-width:80px;opacity:.7!important}
}

@media (max-width:900px){
  .tb-trilho .tc-rod{flex-direction:row!important;justify-content:space-between!important;align-items:flex-end!important}
  .tb-trilho .tc-rod em{display:inline-flex!important}
}

@media (max-width:900px){
  .tb-trilho .tc-rod{flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;gap:2px!important;white-space:normal!important}
  .tb-trilho .tc-rod b{font-size:10px!important;font-weight:500!important;color:rgba(255,255,255,.82)!important}
  .tb-trilho .tc-rod em{font-size:10px!important;font-weight:600!important}
}

@media (max-width:900px){
  #marcas,#cases.tema-escuro,#pacotes,#faq{background:#09090f!important}
  #marcas .marca-item img{filter:brightness(0) invert(1)!important;opacity:.55!important}
  .tb-marcas.tb-fixo img{filter:brightness(0) invert(1)!important;opacity:.7!important}
  .tb h1{max-width:none!important}
}
#marcas{padding:56px 0 48px!important}

/* ===== CELULAR, consenso design + conversão (regra final) ===== */
@media (max-width:900px){
  #inicio.tb{padding:64px 0 40px!important}
  .tb-faixa a{padding:10px 16px!important;font-size:12px!important;line-height:1.2}
  .tb-fila-cel{margin:0 -20px 24px!important}
  .tb-trilho{padding-inline:20px!important;gap:12px!important}
  .tb-trilho .tc-rod b,.tb-trilho .tc-rod em{font-size:10.5px!important}
  .tb-txt{align-items:center;text-align:center}
  .tb h1{font-size:26px!important;line-height:1.18!important;letter-spacing:-.02em!important;max-width:15ch!important;margin:0 auto 8px!important}
  .tb-sub{font-size:15px!important;line-height:24px!important;max-width:330px!important;margin:0 auto 24px!important;color:rgba(255,255,255,.72)!important}
  .tb-sub b{color:#fff!important}
  .tb-ctas{flex-direction:column!important;gap:8px!important;width:100%;max-width:350px;margin:0 auto 10px!important;align-self:center}
  .tb-ctas .tb-btn{width:100%!important;height:52px!important;min-height:0!important;padding:0 20px!important;border-radius:12px!important;font-size:16px!important;font-weight:600!important;justify-content:center;box-shadow:none!important}
  .tb-ctas .tb-zap{order:0;background:#25D366!important;color:#06210F!important;border:0!important;box-shadow:0 6px 20px rgba(37,211,102,.25)!important}
  .tb-ctas .tb-zap svg{fill:#06210F!important;width:20px!important;height:20px!important}
  .tb-ctas .tb-btn:not(.tb-zap){order:1;background:transparent!important;border:1.5px solid rgba(255,255,255,.22)!important;color:#f2f2f2!important}
  .tb-micro{margin:0 0 32px!important;font-size:12.5px;color:rgba(255,255,255,.55);text-align:center;font-family:"DM Sans",sans-serif}
  .tb-conf{margin:0 0 12px!important;font-size:11px!important;letter-spacing:.12em;color:rgba(255,255,255,.5)!important}
  .tb-marcas.tb-fixo{justify-content:center!important;gap:16px 24px!important;max-width:300px;margin:0 auto!important}
  .tb-marcas.tb-fixo img{height:16px!important;max-width:72px!important;opacity:.6!important}
}

/* validade real na faixa */
.tf-val{font-size:12.5px;font-weight:500;opacity:.92;white-space:nowrap}
.tf-val b{font-weight:800}
.tf-val i{font-style:normal;font-weight:800;color:#FFD400;margin-left:4px}
@media (max-width:900px){
  .tb-faixa a{flex-wrap:wrap!important;row-gap:2px!important;padding:8px 12px!important}
  .tf-val{font-size:11px;width:100%;text-align:center;opacity:.85}
  .tf-val i{font-size:11px}
}

.tb-marcas.tb-fixo{flex-wrap:nowrap!important;max-width:none!important;gap:22px!important;justify-content:center!important}
@media (max-width:900px){ .tb-marcas.tb-fixo{gap:14px!important;max-width:none!important} .tb-marcas.tb-fixo img{height:15px!important;max-width:78px!important} }

@media (max-width:900px){
  .tb h1{font-family:var(--font)!important;font-weight:800!important;letter-spacing:-.03em!important}
  .tb-sub,.tb-ctas .tb-btn,.tb-micro,.tb-conf{font-family:var(--font)!important}
}

/* botão WhatsApp dos depoimentos: menor, quadrado, sem seta */
.btn-zap-dep{border-radius:10px!important;height:44px!important;min-height:0!important;padding:0 18px!important;font-size:14px!important;gap:8px!important}
.btn-zap-dep svg{width:18px!important;height:18px!important}
.btn-zap-dep .seta{display:none!important}

/* título mais junto, subtítulo mais separado */
.tb h1{line-height:.98!important;margin-bottom:0!important}
.tb-sub{margin-top:26px!important}
@media (max-width:900px){
  .tb h1{line-height:1.02!important;margin:0 auto!important}
  .tb-sub{margin:20px auto 24px!important}
}

@media (min-width:901px){
  .tb-ctas .tb-zap{order:1}
  .tb-ctas .tb-btn:not(.tb-zap){order:0}
  .tb-micro{text-align:left;margin:12px 0 0;font-size:12.5px;color:rgba(255,255,255,.5)}
  .tb-conf{text-align:left;margin-top:30px!important}
  .tb-marcas.tb-fixo{justify-content:flex-start!important;gap:22px!important}
}
#inicio.tb-claro .tb-micro{color:#6b7280}

/* ordem dos botões da headline */
@media (max-width:900px){
  .tb-ctas .tb-btn:not(.tb-zap){order:0!important}
  .tb-ctas .tb-zap{order:1!important}
}
@media (min-width:901px){
  .tb-ctas .tb-zap{order:0!important}
  .tb-ctas .tb-btn:not(.tb-zap){order:1!important}
  /* botões fora da headline: quadrados */
  .btn,.pk-btn,.perso-btn,.btn-zap-dep,.cta-zap-btn,.ct-card .btn,.fbx-seta,.pk-extra a.btn,.palco-quero,.palco-outros{border-radius:10px!important}
  .fbx-seta{border-radius:10px!important}
}

@media (max-width:900px){
  .tb-ctas .tb-zap{order:0!important}
  .tb-ctas .tb-btn:not(.tb-zap){order:1!important}
}
.cta-zap-btn{border-radius:10px!important}

/* "Depoimentos" nunca quebra: encolhe até caber */
.dp-titulo{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important;max-width:100%}
@media (max-width:760px){ .dp-titulo{font-size:clamp(34px,11.5vw,56px)!important;letter-spacing:-.045em!important} }
@media (max-width:360px){ .dp-titulo{font-size:10.5vw!important} }

@media (min-width:901px){
  /* WhatsApp da headline em verde */
  .tb-ctas .tb-zap{background:#25D366!important;color:#06210F!important;border:0!important;box-shadow:0 10px 28px -10px rgba(37,211,102,.55)!important}
  .tb-ctas .tb-zap svg{fill:#06210F!important}
  .tb-ctas .tb-zap:hover{background:#1FC25C!important}
  /* botões abaixo da headline maiores */
  .pk-btn,.perso-btn,.cta-zap-btn,.ct-card .btn,.btn-zap-dep,.pk-extra a.btn{height:56px!important;min-height:56px!important;padding:0 28px!important;font-size:16px!important}
  .btn-zap-dep{height:52px!important;font-size:15px!important}
  .pk-extra a{font-size:15px!important}
}

@media (min-width:901px){
  .tb-ctas .tb-btn:not(.tb-zap){order:0!important}
  .tb-ctas .tb-zap{order:1!important;background:transparent!important;color:#f2f2f2!important;border:1.5px solid rgba(255,255,255,.22)!important;box-shadow:none!important}
  .tb-ctas .tb-zap svg{fill:#25D366!important}
  .tb-ctas .tb-zap:hover{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.4)!important}
}

@media (min-width:901px){
  .tb-ctas .tb-zap{background:transparent!important;color:#f2f2f2!important;border:1.5px solid rgba(255,255,255,.22)!important;box-shadow:none!important}
  .tb-ctas .tb-zap svg{fill:#25D366!important}
  .tb-ctas .tb-zap:hover{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.4)!important}
}

/* depoimentos: sem setas, só a barra azul, centralizada com o botão */
.fbx-seta{display:none!important}
.fbx-nav{flex-direction:column!important;align-items:center!important;gap:18px!important;margin:22px auto 0!important;max-width:none!important;width:100%}
.fbx-nav .fbx-ctrl{display:flex!important;justify-content:center!important;width:100%;max-width:280px;margin:0 auto}
.fbx-barra{width:100%;max-width:280px!important;height:3px}
.fbx-barra i{background:#7C3AED!important}
.fbx-nav .cases-rodape{margin:0!important;width:auto!important;justify-content:center!important;display:flex}
@media (max-width:760px){ .fbx-nav .fbx-ctrl,.fbx-barra{max-width:200px!important} }

@media (min-width:901px){
  .tb-ctas .tb-zap{order:0!important;background:#25D366!important;color:#06210F!important;border:0!important;box-shadow:0 10px 28px -10px rgba(37,211,102,.55)!important}
  .tb-ctas .tb-zap svg{fill:#06210F!important}
  .tb-ctas .tb-zap:hover{background:#1FC25C!important;border:0!important}
  .tb-ctas .tb-btn:not(.tb-zap){order:1!important}
}

.tf-cta{font-size:20px!important;text-decoration:none!important;line-height:1}
.tf-val{opacity:.9}
@media (max-width:900px){ .tf-val{width:auto!important} .tf-cta{display:inline!important} .tb-faixa a::after{display:none!important} }

/* faixa: oferta centralizada, tempo na ponta direita */
.tb-faixa{position:fixed;display:flex;align-items:center;justify-content:center}
.tb-faixa a{flex:1;justify-content:center}
.tf-tempo{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:12px;color:rgba(255,255,255,.85);white-space:nowrap;font-weight:500}
.tf-tempo i{font-style:normal;font-weight:800;color:#FFD400;margin-left:4px}
@media (max-width:900px){
  .tb-faixa{flex-direction:column;gap:2px}
  .tb-faixa a{width:100%;padding:7px 12px 2px!important}
  .tf-tempo{position:static;transform:none;font-size:11px;padding-bottom:7px}
}

@media (max-width:900px){
  .tb-faixa{flex-direction:column!important;gap:0!important;padding:8px 12px 8px!important}
  .tb-faixa a{width:100%;padding:0!important;justify-content:center!important;gap:8px!important;font-size:13px!important}
  .tf-selo{font-size:9.5px!important;padding:4px 8px!important;background:#FFD400!important;color:#0C0B10!important;border-radius:999px!important}
  .tf-txt b{font-size:1.05em!important}
  .tf-cta{display:none!important}
  .tf-tempo{position:static!important;transform:none!important;margin-top:6px;padding:3px 10px 3px 8px;border-radius:999px;background:rgba(0,0,0,.28);font-size:10.5px;display:inline-flex;align-items:center;gap:5px;color:rgba(255,255,255,.85)}
  .tf-tempo::before{content:"";width:6px;height:6px;border-radius:50%;background:#FFD400;animation:tf-pisca 1s steps(2) infinite}
  .tf-tempo i{margin-left:0;font-size:11px}
  #inicio.tb{padding-top:76px!important}
}

@media (max-width:900px){
  .tb-faixa{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:0 12px!important;height:44px}
  .tb-faixa a{flex:1!important;width:auto!important;justify-content:flex-start!important;gap:7px!important;font-size:12.5px!important;padding:0!important}
  .tf-selo{font-size:9px!important;padding:4px 7px!important}
  .tf-txt{white-space:nowrap}
  .tf-txt b{font-size:1em!important}
  .tf-tempo{margin:0!important;padding:0!important;background:none!important;border-radius:0;font-size:12px!important;font-weight:700!important;color:#FFD400!important;flex:none}
  .tf-tempo::before{display:none!important}
  .tf-tempo i{font-size:12px!important}
  #inicio.tb{padding-top:62px!important}
}
.tf-ate{font-style:normal}
@media (max-width:900px){ .tf-ate{display:none} }

@media (max-width:900px){
  .tb-faixa{left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;box-sizing:border-box!important;overflow:hidden!important}
  .tb-faixa a{min-width:0!important;overflow:hidden}
  .tf-txt{overflow:hidden;text-overflow:ellipsis}
  .tf-tempo{margin-left:8px!important}
}

@media (max-width:900px){
  .tb-faixa{justify-content:center!important;gap:10px!important;padding:0 10px!important}
  .tb-faixa a{flex:0 1 auto!important;justify-content:center!important}
  .tf-tempo{margin-left:0!important}
}

@media (max-width:900px){
  .tb-conf{display:block!important;width:100%!important;text-align:center!important;margin:0 auto 12px!important;padding:0!important}
  .tb-marcas.tb-fixo{width:100%!important;max-width:none!important;margin:0 auto!important;justify-content:center!important;gap:14px!important}
}

@media (max-width:900px){
  #inicio.tb .wrap,#inicio.tb .tb-grade,#inicio.tb .tb-txt{width:100%!important;max-width:100vw!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}
  #inicio.tb .tb-grade{padding-left:20px!important;padding-right:20px!important}
  #inicio.tb .tb-txt{padding:0!important}
  .tb-fila-cel{margin-left:-20px!important;margin-right:-20px!important;width:100vw!important}
}

/* faixa "marcas que já produziram": centralizada e justa */
#marcas{text-align:center!important}
#marcas .marcas-titulo{display:block!important;width:100%!important;text-align:center!important;margin:0 auto 22px!important;padding:0 20px;font-size:11px!important;letter-spacing:.16em!important;line-height:1.4}
#marcas .marcas-trilho{margin:0 auto!important}
@media (max-width:760px){
  #marcas{padding:40px 0 36px!important}
  #marcas .marcas-titulo{font-size:10px!important;letter-spacing:.12em!important;margin-bottom:18px!important;max-width:280px;margin-left:auto!important;margin-right:auto!important}
}

/* ===== ajustes 06/10: botão dos feedbacks, marcas maiores, seletor rápido, fantasma seco ===== */
.btn-zap-dep{height:60px!important;min-height:60px!important;padding:0 34px!important;font-size:17px!important;border-radius:14px!important}
.btn-zap-dep svg{width:24px!important;height:24px!important}
@media (min-width:901px){
  .tb-conf{font-size:13.5px!important;margin:40px 0 16px!important;letter-spacing:.18em}
  .tb-marcas.tb-fixo{gap:34px!important}
  .tb-marcas.tb-fixo img{height:30px!important;max-width:none!important;opacity:.85!important}
}
@media (max-width:900px){
  .btn-zap-dep{height:56px!important;min-height:56px!important;font-size:16px!important}
  .tb-conf{font-size:12px!important}
  .tb-marcas.tb-fixo img{height:20px!important;max-width:96px!important;opacity:.8!important}
}
.pk-seg-pill{transition:transform .18s ease-out,width .18s ease-out!important}
.pk.pk-foco{animation:pk-foco .45s ease!important}
.tl-fantasma{transition:transform .22s ease-out,opacity .3s!important}
.tl-trilha{transition:width .22s ease-out,height .22s ease-out!important}

@keyframes tf-pulsa-cel{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.72}}
@media (max-width:900px){.tf-selo{animation:tf-pulsa-cel 2s ease-in-out infinite!important;display:inline-block;transform-origin:center}}
@media (prefers-reduced-motion:reduce){.tf-selo{animation:none!important}}


/* --- style #2 --- */

/* ===== RIZE: estilos no mesmo nível dos pacotes (cartão, faixa, selo, brilho) ===== */
.formato{position:relative;background:#fff;border:1.5px solid var(--linha);border-radius:26px;
  padding:clamp(22px,2.6vw,34px) clamp(20px,2.6vw,32px) clamp(22px,2.6vw,30px);overflow:hidden;
  box-shadow:0 4px 18px rgba(12,11,16,.06);
  transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out),border-color .4s,opacity .9s var(--ease-out)}
.formato::before{content:"";position:absolute;inset:0 0 auto;height:5px;z-index:2;
  background:linear-gradient(90deg,var(--tema),var(--tema-2,var(--tema)))}
.formato::after{content:"";position:absolute;top:-140px;left:-140px;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle,var(--tema),transparent 62%);opacity:0;
  transition:opacity .45s var(--ease-out);pointer-events:none}
.formato:hover{transform:translateY(-7px);border-color:var(--tema);
  box-shadow:0 18px 44px -12px color-mix(in srgb,var(--tema) 42%,transparent),0 8px 24px rgba(12,11,16,.09)}
.formato:hover::after{opacity:.14}
.formato>*{position:relative;z-index:1}
.formato-head{position:static}
.formato-videos{grid-template-columns:repeat(3,1fr)}
.formato-head p{margin-bottom:0}
.formato-fita{display:inline-flex;align-items:center;position:relative;overflow:hidden;color:#fff;margin:0 0 16px;
  background:linear-gradient(100deg,var(--tema-2,var(--tema)),var(--tema));
  font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  padding:7px 14px;border-radius:999px;white-space:nowrap;
  box-shadow:0 6px 18px -6px color-mix(in srgb,var(--tema) 70%,transparent)}
.formato-fita::after{content:"";position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.55) 50%,transparent 64%);
  background-size:220% 100%;animation:fitaBrilho 3.4s ease-in-out infinite}
.formato-fig{background:color-mix(in srgb,var(--tema) 10%,#fff)}
.formato-fig svg{stroke:var(--tema)}
.formato:hover .formato-fig{background:var(--tema)}
.formato-head h3{background:none;color:var(--ink);-webkit-text-fill-color:var(--ink);font-size:clamp(23px,2.4vw,28px);font-weight:800;letter-spacing:-.035em}
.formato-preco,.formato-preco.fp-pac{font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:none;color:var(--tema);
  background:color-mix(in srgb,var(--tema) 10%,#fff);border:1px solid color-mix(in srgb,var(--tema) 26%,#fff);
  border-radius:999px;padding:4px 11px;align-self:center;white-space:nowrap}
.formato-preco .fp-tr{color:var(--tema);opacity:.6}
.formato .formato-mais{color:#fff!important;border:1px solid transparent!important;font-weight:600!important;overflow:hidden;position:relative;
  background:linear-gradient(100deg,var(--tema-2,var(--tema)),var(--tema))!important;
  box-shadow:0 10px 26px -10px color-mix(in srgb,var(--tema) 75%,transparent)!important}
.formato-mais::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-20deg);transition:left .7s var(--ease)}
.formato:hover .formato-mais::after{left:130%}
.formato .formato-mais:hover{border-color:transparent!important;filter:brightness(1.06);transform:translateY(-2px)!important;
  box-shadow:0 14px 30px -10px color-mix(in srgb,var(--tema) 80%,transparent)!important}
.formato-videos .vitrine:hover{border-color:var(--tema);box-shadow:0 18px 40px -14px color-mix(in srgb,var(--tema) 55%,transparent)}
.formato-extra{background:linear-gradient(135deg,#0C0B10,color-mix(in srgb,var(--tema) 35%,#0C0B10))}
@media (max-width:900px){
  .formato{padding:22px 18px 20px;border-radius:20px}
  .formato:hover{transform:none}
  .formato-fita{margin-bottom:12px}
}
@media (prefers-reduced-motion:reduce){.formato-fita::after{animation:none}}
/* topo: "Ver portfólio" em cima, "Falar no WhatsApp" embaixo */
.tb-ctas{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
.tb-ctas .tb-btn{width:auto;min-width:250px;justify-content:center}
/* "Ver portfólio" é o botão principal: branco, grande, com brilho, impossível de não ver */
.tb-ctas .tb-btn:not(.tb-zap){height:62px;padding:0 36px;font-size:18px;font-weight:800;letter-spacing:-.01em;
  background:#fff!important;color:#0C0B10!important;position:relative;overflow:hidden;
  box-shadow:none!important;animation:ctaPulsa 2.6s ease-in-out infinite}
.tb-ctas .tb-btn:not(.tb-zap)::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(124,58,237,.22),transparent);transform:skewX(-20deg);animation:ctaVarre 3s ease-in-out infinite}
.tb-ctas .tb-btn:not(.tb-zap):hover{background:#fff!important;transform:translateY(-3px) scale(1.02)}
#inicio.tb-claro .tb-ctas .tb-btn:not(.tb-zap){background:#0C0B10!important;color:#fff!important;
  box-shadow:none!important}
#inicio.tb-claro .tb-ctas .tb-btn:not(.tb-zap)::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent)}
#inicio.tb-claro .tb-ctas .tb-btn:not(.tb-zap):hover{background:#0C0B10!important}
@keyframes ctaPulsa{0%,100%{box-shadow:none}}
@keyframes ctaVarre{0%,55%{left:-70%}100%{left:140%}}
@media (prefers-reduced-motion:reduce){.tb-ctas .tb-btn:not(.tb-zap){animation:none}.tb-ctas .tb-btn:not(.tb-zap)::after{animation:none}}
/* vale em qualquer tela, por cima de todas as regras de celular: Ver portfólio primeiro e em destaque */
#inicio .tb-ctas .tb-btn:not(.tb-zap){order:0!important}
#inicio .tb-ctas .tb-zap{display:inline-flex!important;order:1!important;margin-top:0!important;background:#25D366!important;color:#06210F!important;border:0!important;box-shadow:none!important;animation:none!important;min-width:250px;justify-content:center}
#inicio .tb-ctas .tb-zap svg{fill:#06210F}
/* WhatsApp vira um botão redondo fixo no canto de baixo da tela */
.zap-flut{position:fixed;right:34px;bottom:38px;z-index:460;width:58px;height:58px;border-radius:50%;
  display:grid;place-items:center;background:#25D366;color:#fff;text-decoration:none;
  box-shadow:0 10px 28px -8px rgba(37,211,102,.75),0 4px 12px rgba(0,0,0,.18);
  transition:transform .25s var(--ease),box-shadow .25s}
.zap-flut svg{width:30px;height:30px;fill:#fff}
.zap-flut::before{content:"";position:absolute;inset:0;border-radius:50%;background:#25D366;opacity:.45;z-index:-1;animation:zapOnda 2.2s ease-out infinite}
.zap-flut:hover{transform:scale(1.08);box-shadow:0 14px 34px -8px rgba(37,211,102,.9),0 6px 16px rgba(0,0,0,.2)}
.zap-flut:active{transform:scale(.96)}
@keyframes zapOnda{0%{transform:scale(1);opacity:.45}100%{transform:scale(1.75);opacity:0}}
@media (max-width:900px){.zap-flut{right:26px;bottom:34px;width:54px;height:54px}.zap-flut svg{width:28px;height:28px}}
@media (prefers-reduced-motion:reduce){.zap-flut::before{animation:none}}
/* seção de estilos volta como estava (fundo branco); só o título no azul da marca */
#projetos .sec-title{color:#7C3AED!important;-webkit-text-fill-color:#7C3AED!important;background:none!important}
/* topo liso: cor chapada igual à seção seguinte, sem degradê nem halo no botão */
#inicio.tb-escuro,#inicio.tb{background:#0C0B10!important}
@media (max-width:900px){#inicio.tb-escuro,#inicio.tb{background:#09090f!important}}
#inicio .tb-ctas .tb-btn:not(.tb-zap),#inicio.tb-escuro .tb-ctas .tb-btn:not(.tb-zap),#inicio.tb .tb-ctas .tb-btn:not(.tb-zap),#inicio.tb-claro .tb-ctas .tb-btn:not(.tb-zap){animation:none!important;box-shadow:none!important;outline:0!important}
#inicio .tb-ctas .tb-btn:not(.tb-zap)::after{display:none!important}
/* marcas: título colado no botão "Quero resultados assim", logos maiores, correndo da esquerda pra direita */
#cases.tema-escuro,#cases{padding-bottom:18px!important}
#marcas{padding:14px 0 44px!important}
#marcas .marcas-titulo{margin:0 auto 24px!important}
.marca-item{height:46px!important;padding-right:96px!important}
.marcas-fila{animation:marcasRodaDir var(--dur,40s) linear infinite!important}
@keyframes marcasRodaDir{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (max-width:900px){
  #cases.tema-escuro,#cases{padding-bottom:12px!important}
  #marcas{padding:8px 0 32px!important}
  #marcas .marcas-titulo{margin-bottom:16px!important}
  .marca-item{height:32px!important;padding-right:56px!important}
}

/* cards do topo: estilo em destaque e "VALIDADO" sempre visíveis */
#inicio .tc .tc-chip{display:inline-flex!important;align-items:center;opacity:1!important;visibility:visible!important;background:#7C3AED!important;color:#fff!important;font-weight:800!important;font-size:11.5px!important;letter-spacing:.04em;text-transform:uppercase;padding:6px 11px!important;border-radius:999px!important;box-shadow:0 4px 14px rgba(0,0,0,.35)}
#inicio .tc .tc-rod{display:flex!important;opacity:1!important;visibility:visible!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;white-space:nowrap!important;gap:6px!important}
#inicio .tc .tc-rod b{display:inline!important;opacity:1!important;color:#fff!important;font-weight:700!important;font-size:11px!important}
#inicio .tc .tc-rod em{display:inline-flex!important;opacity:1!important;color:#4ADE80!important;font-weight:900!important;font-size:10.5px!important;letter-spacing:.06em;text-transform:uppercase}
@media (max-width:900px){
  #inicio .tc .tc-chip{font-size:10px!important;padding:4px 8px!important}
  #inicio .tc .tc-rod b{font-size:9.5px!important}
  #inicio .tc .tc-rod em{font-size:9px!important}
}

/* topo: cards parados e inteiros (48h e VALIDADO sempre à vista) */
/* título em duas linhas e botões mais perto do texto */
@media (min-width:901px){#inicio.tb h1{white-space:nowrap!important;font-size:clamp(40px,3.55vw,56px)!important;line-height:1.06!important;max-width:none!important}#inicio .tb-sub{margin-top:10px!important}#inicio .tb-ctas{margin-top:10px!important}}
#inicio h1 .tb-dest{display:block}
#inicio .tb-sub{margin-top:14px!important}
#inicio .tb-ctas{margin-top:16px!important}
@media (max-width:900px){
  #inicio .tb-ctas{margin-top:14px!important}
}

@media (max-width:900px){
  #inicio.tb h1{font-size:clamp(24px,6.9vw,33px)!important;letter-spacing:-.035em!important;max-width:none!important}
  #inicio .tb-trilho .tc-rod{flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;gap:3px!important}
}
/* seção de estilos (portfólio) um pouco mais pra baixo */
#projetos{padding-top:136px!important}
#projetos .sec-head{margin-bottom:44px!important}
@media (max-width:900px){#projetos{padding-top:76px!important}#projetos .sec-head{margin-bottom:34px!important}}
/* depoimentos um pouco mais pra cima */
#inicio.tb{padding-bottom:16px!important;min-height:0!important}
#cases{padding-top:72px!important}
@media (max-width:900px){#inicio.tb{padding-bottom:8px!important}#cases{padding-top:30px!important}}

/* selo "Apenas hoje" sem caixa alta; faixa nunca quebra em duas linhas */
.tf-selo{text-transform:none!important;letter-spacing:.02em!important;font-size:14px!important;padding:6px 14px!important}
@media (max-width:900px){.tf-selo{font-size:12px!important;padding:5px 11px!important}}
.tf-txt s{opacity:1!important;color:#fff;text-decoration:line-through;text-decoration-color:#FF3B3B!important;text-decoration-thickness:2.5px!important;font-weight:800;font-size:1.08em}
@media (max-width:900px){.tb-faixa{height:auto!important;min-height:44px}.tb-faixa a,.tb-faixa{flex-wrap:nowrap!important}.tf-txt{min-width:0}}
/* faixa APENAS HOJE no celular: mostra o R$450 riscado antes do R$380 */
@media (max-width:900px){
  .tf-txt s{display:inline!important;opacity:.6;text-decoration-thickness:1.5px}
  .tf-txt b{font-size:1.1em!important;margin-left:2px}
  .tf-cta{display:none!important}
  .tb-faixa a{gap:6px!important;font-size:12px!important}
  .tf-selo{font-size:8.5px!important;padding:3px 6px!important;letter-spacing:.05em!important}
  .tf-txt{overflow:visible!important;text-overflow:clip!important}
}
/* leveza: nada de desfoque por cima de vídeo (42 camadas de blur travavam o celular) */
.vitrine-som,.vitrine-tag{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.vitrine-som{background:rgba(12,11,16,.7)!important}
@media (max-width:900px){
  html{scroll-behavior:auto!important}
  .vitrine,.formato{transition:none!important}
  .formato::after{display:none}
  .formato-fita::after{animation:none}
}
#inicio.tb-escuro .tb-ctas .tb-btn:not(.tb-zap),#inicio.tb .tb-ctas .tb-btn:not(.tb-zap){background:#fff!important;color:#0C0B10!important;border:0!important;font-weight:800!important;
  box-shadow:none!important}
#inicio.tb-claro .tb-ctas .tb-btn:not(.tb-zap){background:#0C0B10!important;color:#fff!important;border:0!important;font-weight:800!important;
  box-shadow:none!important}
@media (max-width:900px){
  #inicio .tb-ctas .tb-btn:not(.tb-zap){height:58px!important;font-size:17px!important;border-radius:14px!important}
  #inicio .tb-ctas .tb-zap{height:52px!important}
}
@media (max-width:900px){.tb-ctas{align-items:center!important;width:100%;max-width:350px;margin-left:auto!important;margin-right:auto!important}.tb-ctas .tb-btn{width:100%}}


/* --- style #3 --- */
body button, body [type='button'], body input[type='reset'], body input[type='submit'], body [role="button"], ::-webkit-search-cancel-button, ::-webkit-search-decoration, ::-webkit-scrollbar-button, ::-webkit-file-upload-button, [role^=button], .cc_pointer, [type="search"]::-webkit-search-cancel-button, a, select, [type="search"]::-webkit-search-decoration, .paper-button, .ytp-progress-bar-container, input[type=submit], :link, :visited, a > *, img,  ::-webkit-scrollbar-button, .ogdlpmhglpejoiomcodnpjnfgcpmgale_pointer, ::-webkit-file-upload-button, .ytp-volume-panel, #myogdlpmhglpejoiomcodnpjnfgcpmgale .icon, body .custom-cursor-on-hover {cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEbUlEQVR4AdSXW2hUVxSGz0wSY5LWNumkySRTCLVaWpC20NrSGwQKJdAHoTSkVfrQi20thNLSJ33xhvig8RKfVPBJjYoKgg9qgqIoXlAQFAQVc5tMLhMkDjKTZGb8/s05hzNJZmRm4oNh/7PWXnvvtf59W2fHbz3nr7q6+rVQKLSzsbGxH0yh30duZNhCUHTJSaChoSFQWVl5jSjtPp8vBErRFyPXQeRMU1NT0SRyEiDQNrA0nU4nwfZkMrkylUrth4TKV1NTU2ulFIOsBOrq6qoI3mY7Xz84OPjf0NDQwXA4/Bs2Q4L2X9CLKlkJMNMgnhcAa3p6+qSkA1bjhK0H2YoKWy9IZCVQVlZW4ngsKSmZdHRJZp6SBD6I+pAFl6wECvaY58CXn4Df7/+dvNCqfJHn5E33+ViBHZyJrqqqqj7yxhrI/MvB7ET+A0ImSo6f+SAQ4VYkibGI1dgDmW3ofyM7kPcg8z1X+m3IvEF9VimYAEGHuZ7LBwYGgtyExXi+AyzsT8AVEINEJbZj3KgHyBFI9IgMulsKJoCHrZFI5DrSIkH1ErAdPCI7LiFpfY7+PhhWuwAZP2guLS29UF9fXyubkEEgGAy+x5K1wPRDGnPeb5yH6eMWVuEBtgMjIyMmKBmzn4BHsZ2j7Qs6rgYJbCHySju6KYYAQZeAqzTcxXqaTrfAWfQ5C06VmBIzGtOcgajXRr9hgv8Kmcts1V7qh9WO708kBT8n9y0aLlFZDtxCp6wnmCXuxmlGemYb+gjS6TpAod8m2VGd8lgK8fRVlWppXzYT7E1qT2HbNjExodPaTKd+bC+8aAtaFIWAW5hVFwTGmcl5yKzAHgcvtIjA64pAwIeSDli6m9j+d+peySH9y1vnai0Dn3ptM/t427y6tuCeDBzAHyS9YEU6WZnjXputf2BLI7haAcbr823q9s8yW7oCX87NSjtGrcBeu7IC1n/YulesnpycnPAaitB1vjTc9ednv3fD7LysHMYdkFAOUNWAkxwdGxsbMpUif7im79ouem1paQVSzPBHSCiB6JHZFQgEXnU6zJfkuistO9tyy/ErAtbo6GgEw0pIJFmFpeXl5fuoz2vB99c4LEemedxeRDfFEJDGUncTfLN0ZCtb8af0LHAOk9uM45k290mnTiz/l5L4fsg35JF0wSWgCudhPY56pNOxg2X7SPoc0D8mrpktvJ5IJLpdA0o8Ht+A8JZmVfCvrCvVIIMAlhSOViF16BbC+khNTc0i6hmF1RrwGtjC2Pj4uHuy1RaNRgclhdra2leYkJP/zYGXXZhJwNKJh+UqoJfvOxUVFc41Vf+CwHvgMwaWAYvkZlZYujCLgIzMsAcCZplh3spWrJG9CHyjsfjsJcP2SXcwJwE1kgU3MMCwZSs6OJQbwXd8tlvyAeTbGP+zfOJv1ic+KwEGpHjd/ITUc2oBK7EOnKJ+Oh8Q/BD9labjPOF2o2eUXAQsvW5isdjH7NsuRoWZwXS+YJweLze4+9/i7zb1jPIMAAD//6XUNEQAAAAGSURBVAMAyc0UiOmdE7YAAAAASUVORK5CYII=") 11 0, pointer !important;} html,body,body select,body .custom-cursor-default-hover {cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADTElEQVR4AcSXS0hUURjH9c6MQ4veQ44PIgkiCloUISnSIqGgbFFkL8SCsAghoQfYonKTLcIMiegFJhGitBAlWlizSMugx67ATS3GccZXq1qMztjvLzMy1bxn7nj5/pzvO3Pv+f/P+b57zlyjpKSku7S0dLqoqOhw3hJcBpy1YI1hGD2IacbPqRn5XGKkkX8TEZ3EBSAnphVYIJrnkoOQelIyWFxc7FBsNhYFQHwPsrdAVkVKRhCxWYGZWBQAyZTb7a5mIZ7iyzYi4j0iqhWYhUgB4vCPjY2dQsRVEKRjFSJeUhfn8E2xfwUskCCilZTUIuI3HTb8+4i4g28BWbWoAsRAOl4Eg8Hd+B6Qh4gmRPQ5HI7lirOFmAJEMD4+/pFVKAdfFCNiv91uH2LTWq84G4grQASkwz03N1eF3we0EtssFsuHwsLCcsWZIqEAEfh8vl+k5BD+bTAPnDabzcUbchQ/I0tKQIghiIjLgUCggdgPlpGS54i4hp+2pSJggYS6eExK9hHMIIC31GhBxDNiO0jZUhYgBq/X66Iwd4FRxag4yRvyhrpYpzgVpCVABBTnKCsgES7F+BXUxYjT6dyqOFmkLUAE1MQMQvbiPwGyMqvVOsxrqhQpToiMBIRGn0XIGTatK6QkQN9KUtJPXTTiJ7SEAsjtWo7nCwJ+A6gDR8ABsAeiCma8HfIB2C6BWdJhRUQHz3QQx92+EwmwMoA2oHbadgZ+ALpAD+gHgxANszF9Al+JdV7YuDdsjYjsDgfR2rgCmIEOpcpoDybbh6i4x3lMASztQZb1oojIr84Eh9/vd7IHlLEZbQE76K/kHv2HqKHV6VlPe5ZnmkAzv9/gvhr8mBZVAK/SBpa2E/X5PPmTQWqp9umJiQkfe8APNqNv4LPH43lH/2swAHpBF3hIUd4Ft/i9hfuGGCOmRRNQQD57eGI1s5lnFqc5C74Tm2L/CSDvbcx8Z4itjVmoCENh9pu/BFCx+kY4Lxpmr+U1/TshUsAmZv4I8nzIp2h11M7SmmqRAo7DtAJy0h6so5jcxKZbpABVvAhbqdxXcnKBSAF5zN7FzK/ngjjMYUCqv1iKvWw0J3B0oNDkxrQCvVDNsMMdm5yc9OJn1RIN9gcAAP//7LPAVQAAAAZJREFUAwCnOl4SmKMrBgAAAABJRU5ErkJggg==") 0 0, auto !important;}


/* ===== Linked stylesheets ===== */

/* --- link #1: https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap --- */
/* UNAVAILABLE (Failed to fetch): https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap */

/* --- link #2: https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,600;9..40,700&display=swap --- */
/* UNAVAILABLE (Failed to fetch): https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,600;9..40,700&display=swap */

/* --- link #3: https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap --- */
/* UNAVAILABLE (Failed to fetch): https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap */

/* --- link #4: https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700;800&display=swap --- */
/* UNAVAILABLE (Failed to fetch): https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700;800&display=swap */


/* ===== Inline styles reference ===== */

/* html */
/* --nav-h: 0px; --faixa-h: 51px; cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADTElEQVR4AcSXS0hUURjH9c6MQ4veQ44PIgkiCloUISnSIqGgbFFkL8SCsAghoQfYonKTLcIMiegFJhGitBAlWlizSMugx67ATS3GccZXq1qMztjvLzMy1bxn7nj5/pzvO3Pv+f/P+b57zlyjpKSku7S0dLqoqOhw3hJcBpy1YI1hGD2IacbPqRn5XGKkkX8TEZ3EBSAnphVYIJrnkoOQelIyWFxc7FBsNhYFQHwPsrdAVkVKRhCxWYGZWBQAyZTb7a5mIZ7iyzYi4j0iqhWYhUgB4vCPjY2dQsRVEKRjFSJeUhfn8E2xfwUskCCilZTUIuI3HTb8+4i4g28BWbWoAsRAOl4Eg8Hd+B6Qh4gmRPQ5HI7lirOFmAJEMD4+/pFVKAdfFCNiv91uH2LTWq84G4grQASkwz03N1eF3we0EtssFsuHwsLCcsWZIqEAEfh8vl+k5BD+bTAPnDabzcUbchQ/I0tKQIghiIjLgUCggdgPlpGS54i4hp+2pSJggYS6eExK9hHMIIC31GhBxDNiO0jZUhYgBq/X66Iwd4FRxag4yRvyhrpYpzgVpCVABBTnKCsgES7F+BXUxYjT6dyqOFmkLUAE1MQMQvbiPwGyMqvVOsxrqhQpToiMBIRGn0XIGTatK6QkQN9KUtJPXTTiJ7SEAsjtWo7nCwJ+A6gDR8ABsAeiCma8HfIB2C6BWdJhRUQHz3QQx92+EwmwMoA2oHbadgZ+ALpAD+gHgxANszF9Al+JdV7YuDdsjYjsDgfR2rgCmIEOpcpoDybbh6i4x3lMASztQZb1oojIr84Eh9/vd7IHlLEZbQE76K/kHv2HqKHV6VlPe5ZnmkAzv9/gvhr8mBZVAK/SBpa2E/X5PPmTQWqp9umJiQkfe8APNqNv4LPH43lH/2swAHpBF3hIUd4Ft/i9hfuGGCOmRRNQQD57eGI1s5lnFqc5C74Tm2L/CSDvbcx8Z4itjVmoCENh9pu/BFCx+kY4Lxpmr+U1/TshUsAmZv4I8nzIp2h11M7SmmqRAo7DtAJy0h6so5jcxKZbpABVvAhbqdxXcnKBSAF5zN7FzK/ngjjMYUCqv1iKvWw0J3B0oNDkxrQCvVDNsMMdm5yc9OJn1RIN9gcAAP//7LPAVQAAAAZJREFUAwCnOl4SmKMrBgAAAABJRU5ErkJggg==") 0 0, auto !important; */
/* body */
/* cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADTElEQVR4AcSXS0hUURjH9c6MQ4veQ44PIgkiCloUISnSIqGgbFFkL8SCsAghoQfYonKTLcIMiegFJhGitBAlWlizSMugx67ATS3GccZXq1qMztjvLzMy1bxn7nj5/pzvO3Pv+f/P+b57zlyjpKSku7S0dLqoqOhw3hJcBpy1YI1hGD2IacbPqRn5XGKkkX8TEZ3EBSAnphVYIJrnkoOQelIyWFxc7FBsNhYFQHwPsrdAVkVKRhCxWYGZWBQAyZTb7a5mIZ7iyzYi4j0iqhWYhUgB4vCPjY2dQsRVEKRjFSJeUhfn8E2xfwUskCCilZTUIuI3HTb8+4i4g28BWbWoAsRAOl4Eg8Hd+B6Qh4gmRPQ5HI7lirOFmAJEMD4+/pFVKAdfFCNiv91uH2LTWq84G4grQASkwz03N1eF3we0EtssFsuHwsLCcsWZIqEAEfh8vl+k5BD+bTAPnDabzcUbchQ/I0tKQIghiIjLgUCggdgPlpGS54i4hp+2pSJggYS6eExK9hHMIIC31GhBxDNiO0jZUhYgBq/X66Iwd4FRxag4yRvyhrpYpzgVpCVABBTnKCsgES7F+BXUxYjT6dyqOFmkLUAE1MQMQvbiPwGyMqvVOsxrqhQpToiMBIRGn0XIGTatK6QkQN9KUtJPXTTiJ7SEAsjtWo7nCwJ+A6gDR8ABsAeiCma8HfIB2C6BWdJhRUQHz3QQx92+EwmwMoA2oHbadgZ+ALpAD+gHgxANszF9Al+JdV7YuDdsjYjsDgfR2rgCmIEOpcpoDybbh6i4x3lMASztQZb1oojIr84Eh9/vd7IHlLEZbQE76K/kHv2HqKHV6VlPe5ZnmkAzv9/gvhr8mBZVAK/SBpa2E/X5PPmTQWqp9umJiQkfe8APNqNv4LPH43lH/2swAHpBF3hIUd4Ft/i9hfuGGCOmRRNQQD57eGI1s5lnFqc5C74Tm2L/CSDvbcx8Z4itjVmoCENh9pu/BFCx+kY4Lxpmr+U1/TshUsAmZv4I8nzIp2h11M7SmmqRAo7DtAJy0h6so5jcxKZbpABVvAhbqdxXcnKBSAF5zN7FzK/ngjjMYUCqv1iKvWw0J3B0oNDkxrQCvVDNsMMdm5yc9OJn1RIN9gcAAP//7LPAVQAAAAZJREFUAwCnOl4SmKMrBgAAAABJRU5ErkJggg==") 0 0, auto !important; */
/* #nav */
/* top: 59px !important; */
/* #inicio */
/* padding-top: 161px !important; */
/* div.tb-mosaico */
/* margin-top: 128px; --mh: 364px; */
/* #cases-grade */
/* justify-content: flex-start; */
/* i */
/* width: 24.012%; transform: translateX(53.5417%); */
/* #marcas-fila */
/* --dur: 103s; */
/* article.formato.rv.in */
/* --tema:#7C3AED;--tema-2:#5B21B6 */
/* article.formato.rv.in */
/* --tema:#7C3AED;--tema-2:#5B21B6 */
/* article.formato.rv.in */
/* --tema:#F97316;--tema-2:#F59E0B */
/* article.formato.rv.in */
/* --tema:#EF4444;--tema-2:#B91C1C */
/* article.formato.rv.in */
/* --tema:#E11D60;--tema-2:#9D174D */
/* article.formato.rv.in */
/* --tema:#10B981;--tema-2:#047857 */
/* article.formato.rv.in */
/* --tema:#0C0B10;--tema-2:#7C3AED */
/* span.pk-seg-pill */
/* width: 103px; transform: translateX(103px); */
/* #timeline */
/* position: relative; */
/* span.tl-fantasma */
/* transform: translate(20px, 43px); opacity: 0; */
/* span.tl-trilha */
/* left: 20px; top: 43px; width: 0px; height: 2px; */
/* #PING_CONTENT_PUSH_NOTIFICATION */
/* display: none; */

/* depoimentos genéricos: área de vídeo vazia */
.case-placeholder{
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse 80% 60% at 50% 35%, rgba(124,58,237,.45), transparent 70%),
    linear-gradient(160deg, #1a1028 0%, #0C0B10 55%, #2a1030 100%);
}
.case video:not([src]), .case video[src=""]{ display:none; }
.case .case-play{ opacity:.9; }