PageSourceSearch

https://www.wolfgestao.com/servicos

html wolfgestao.com collected 2026-09-29 00:46:31 UTC 72,569 bytes, 273 lines download raw bytes

1<!DOCTYPE html><html lang="pt-BR"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/assets/wolf-logo-DCRi8CnR.webp"/><link rel="stylesheet" href="/assets/styles-BPKNIP16.css" data-precedence="default"/><title>Serviços · Wolf Aceleradora</title><meta name="author" content="Wolf Aceleradora de Negócios"/><meta name="theme-color" content="#29043B"/><meta property="og:site_name" content="Wolf Aceleradora de Negócios"/><meta name="twitter:site" content="@wolfaceleradora"/><meta name="twitter:title" content="Wolf Aceleradora de Negócios"/><meta name="twitter:description" content="Aceleradora de negócios com mídia, CRM, SEO, criativos e tecnologia para escalar e-commerces e operações que vendem todo dia."/><meta name="description" content="Mídia, CRM, SEO, criativos, CRO, landing pages, LiveShop e WolfOS conectados pelo método WEAVE. Um ecossistema de aceleração, não um cardápio de serviços."/><meta property="og:title" content="Serviços · Wolf Aceleradora"/><meta property="og:description" content="Você não contrata serviços soltos. Contrata uma engrenagem que trabalha junta."/><meta property="og:url" content="https://www.wolfgestao.com/servicos"/><meta property="og:type" content="website"/><meta property="og:image" content="https://www.wolfgestao.com/og/wolf-brand.jpg"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:image" content="https://www.wolfgestao.com/og/wolf-brand.jpg"/><link rel="modulepreload" href="/assets/index-BZ1qjxEt.js"/><link rel="icon" href="/wolf-logo.jpeg" type="image/jpeg"/><link rel="apple-touch-icon" href="/wolf-logo.jpeg"/><link rel="canonical" href="https://www.wolfgestao.com/servicos"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Wolf Aceleradora de Negócios","alternateName":"Wolf","url":"https://www.wolfgestao.com","logo":"https://www.wolfgestao.com/wolf-logo.jpeg","description":"Aceleradora de negócios com mídia, CRM, SEO, criativos e tecnologia para escalar e-commerces e operações que vendem todo dia.","email":"[email protected]","telephone":"+55-98-99228-2070","sameAs":["https://www.instagram.com/wolfaceleradora","https://www.linkedin.com/company/wolfaceleradora"]}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Wolf Aceleradora de Negócios","url":"https://www.wolfgestao.com","potentialAction":{"@type":"SearchAction","target":"https://www.wolfgestao.com/blog?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
1<script>(function(){
2  var GA_ID='';
3  var CLARITY='';
4  if(GA_ID){
5    window.dataLayer=window.dataLayer||[];
6    window.gtag=function(){window.dataLayer.push(arguments);};
7    window.gtag('js',new Date());
8    window.gtag('config',GA_ID,{send_page_view:true});
9  }
10  var fb=function(){fb.callMethod?fb.callMethod.apply(fb,arguments):fb.queue.push(arguments);};
11  fb.push=fb;fb.loaded=true;fb.version='2.0';fb.queue=[];
12  window.fbq=fb;window._fbq=fb;
13  window.fbq('set','autoConfig',false,'1373961010598365');
14  window.fbq('init','1373961010598365');
15  window.fbq('track','PageView');
16  if(CLARITY){
17    window.clarity=window.clarity||function(){(window.clarity.q=window.clarity.q||[]).push(arguments);};
18  }
19  var loaded=false;
20  function loadTracking(){
21    if(loaded)return;loaded=true;
22    if(GA_ID){var ga=document.createElement('script');ga.async=true;ga.src='https://www.googletagmanager.com/gtag/js?id='+GA_ID;document.head.appendChild(ga);}
23    var t=document.createElement('script');t.async=true;t.src='https://connect.facebook.net/en_US/fbevents.js';
24    var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(t,s);
25    if(CLARITY){var cl=document.createElement('script');cl.async=true;cl.src='https://www.clarity.ms/tag/'+CLARITY;document.head.appendChild(cl);}
26  }
27  var events=['scroll','mousemove','touchstart','keydown','click'];
28  function trigger(){events.forEach(function(e){window.removeEventListener(e,trigger);});loadTracking();}
29  events.forEach(function(e){window.addEventListener(e,trigger,{passive:true});});
30  if('requestIdleCallback' in window){window.requestIdleCallback(loadTracking,{timeout:4000});}
31  else{setTimeout(loadTracking,3500);}
32})();</script>
32<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
32</head><body><div aria-hidden="true" class="pointer-events-none fixed inset-0 z-[40] overflow-hidden"><div class="absolute h-[640px] w-[640px] rounded-full opacity-60 blur-[110px] will-change-transform" style="background:radial-gradient(circle, rgba(167,139,250,0.55), transparent 65%);mix-blend-mode:screen"></div><div class="absolute h-[640px] w-[640px] rounded-full opacity-25 blur-[110px] will-change-transform" style="background:radial-gradient(circle, rgba(101,20,140,0.55), transparent 65%);mix-blend-mode:multiply"></div></div><!--$--><header class="fixed inset-x-0 top-0 z-50 pointer-events-none"><div class="container-wolf pt-4 md:pt-5"><nav class="pointer-events-auto mx-auto flex items-center justify-between gap-4 rounded-pill border transition-all duration-400 ease-[var(--ease-wolf)] h-14 md:h-16 pl-5 pr-2 md:pl-7 md:pr-3 bg-white border-white shadow-1"><a href="/" class="flex items-center gap-2 shrink-0" aria-label="Wolf, página inicial"><img src="/assets/wolf-logo-DCRi8CnR.webp" alt="Wolf Aceleradora de Negócios" class="h-7 md:h-8 w-auto select-none" draggable="false"/></a><ul class="hidden lg:flex items-center gap-1"><li class="relative"><a href="/quem-somos" class="inline-flex items-center gap-1 px-3 py-2 rounded-pill text-[14px] font-body text-text-soft hover:text-ink hover:bg-surface-2 transition-colors duration-200">Aceleradora</a></li><li class="relative"><a href="/servicos" aria-haspopup="true" aria-expanded="false" class="inline-flex items-center gap-1 px-3 py-2 rounded-pill text-[14px] font-body text-text-soft hover:text-ink hover:bg-surface-2 transition-colors duration-200">Serviços<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></a></li><li class="relative"><a href="/tecnologia/wolfos" aria-haspopup="true" aria-expanded="false" class="inline-flex items-center gap-1 px-3 py-2 rounded-pill text-[14px] font-body text-text-soft hover:text-ink hover:bg-surface-2 transition-colors duration-200">Tecnologia<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></a></li><li class="relative"><a href="/trabalhe-na-wolf" class="inline-flex items-center gap-1 px-3 py-2 rounded-pill text-[14px] font-body text-text-soft hover:text-ink hover:bg-surface-2 transition-colors duration-200">Trabalhe conosco</a></li><li class="relative"><a href="/cases" class="inline-flex items-center gap-1 px-3 py-2 rounded-pill text-[14px] font-body text-text-soft hover:text-ink hover:bg-surface-2 transition-colors duration-200">Cases</a></li><li class="relative"><a href="/blog" class="inline-flex items-center gap-1 px-3 py-2 rounded-pill text-[14px] font-body text-text-soft hover:text-ink hover:bg-surface-2 transition-colors duration-200">Blog</a></li></ul><div class="hidden md:flex items-center gap-2"><div role="group" aria-label="Idioma" class="inline-flex items-center gap-1 mr-1"><button type="button" aria-label="Português (Brasil)" aria-pressed="true" class="inline-flex items-center justify-center rounded-full p-1 transition-all duration-200 hover:bg-surface-2 focus:outline-none focus-visible:ring-2 focus-visible:ring-vibrant opacity-100 ring-1 ring-[color:var(--line)]"><svg viewBox="0 0 28 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="h-4 w-6 rounded-[2px] shadow-sm"><rect width="28" height="20" rx="3" fill="#009C3B"></rect><path d="M14 3l11 7-11 7L3 10z" fill="#FFDF00"></path><circle cx="14" cy="10" r="3.6" fill="#002776"></circle><path d="M10.7 9.6c2.1-.7 4.4-.7 6.6 0" stroke="#fff" stroke-width="0.7" fill="none" stroke-linecap="round"></path></svg><span class="sr-only">Português (Brasil)</span></button><button type="button" aria-label="English (US)" aria-pressed="false" class="inline-flex items-center justify-center rounded-full p-1 transition-all duration-200 hover:bg-surface-2 focus:outline-none focus-visible:ring-2 focus-visible:ring-vibrant opacity-50 hover:opacity-90"><svg viewBox="0 0 28 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="h-4 w-6 rounded-[2px] shadow-sm"><defs><clipPath id="us-clip"><rect width="28" height="20" rx="3"></rect></clipPath></defs><g clip-path="url(#us-clip)"><rect width="28" height="20" fill="#B22234"></rect><rect y="1.5384615384615385" width="28" height="1.5384615384615385" fill="#fff"></rect><rect y="4.615384615384616" width="28" height="1.5384615384615385" fill="#fff"></rect><rect y="7.6923076923076925" width="28" height="1.5384615384615385" fill="#fff"></rect><rect y="10.76923076923077" width="28" height="1.5384615384615385" fill="#fff"></rect><rect y="13.846153846153847" width="28" height="1.5384615384615385" fill="#fff"></rect><rect width="12" height="15.384615384615385" fill="#3C3B6E"></rect><circle cx="1" cy="1.2" r="0.5" fill="#fff"></circle><circle cx="3" cy="1.2" r="0.5" fill="#fff"></circle><circle cx="5" cy="1.2" r="0.5" fill="#fff"></circle><circle cx="7" cy="1.2" r="0.5" fill="#fff"></circle><circle cx="9" cy="1.2" r="0.5" fill="#fff"></circle><circle cx="11" cy="1.2" r="0.5" fill="#fff"></circle><circle cx="1" cy="3.2" r="0.5" fill="#fff"></circle><circle cx="3" cy="3.2" r="0.5" fill="#fff"></circle><circle cx="5" cy="3.2" r="0.5" fill="#fff"></circle><circle cx="7" cy="3.2" r="0.5" fill="#fff"></circle><circle cx="9" cy="3.2" r="0.5" fill="#fff"></circle><circle cx="11" cy="3.2" r="0.5" fill="#fff"></circle><circle cx="1" cy="5.2" r="0.5" fill="#fff"></circle><circle cx="3" cy="5.2" r="0.5" fill="#fff"></circle><circle cx="5" cy="5.2" r="0.5" fill="#fff"></circle><circle cx="7" cy="5.2" r="0.5" fill="#fff"></circle><circle cx="9" cy="5.2" r="0.5" fill="#fff"></circle><circle cx="11" cy="5.2" r="0.5" fill="#fff"></circle><circle cx="1" cy="7.2" r="0.5" fill="#fff"></circle><circle cx="3" cy="7.2" r="0.5" fill="#fff"></circle><circle cx="5" cy="7.2" r="0.5" fill="#fff"></circle><circle cx="7" cy="7.2" r="0.5" fill="#fff"></circle><circle cx="9" cy="7.2" r="0.5" fill="#fff"></circle><circle cx="11" cy="7.2" r="0.5" fill="#fff"></circle><circle cx="2" cy="2.2" r="0.5" fill="#fff"></circle><circle cx="4" cy="2.2" r="0.5" fill="#fff"></circle><circle cx="6" cy="2.2" r="0.5" fill="#fff"></circle><circle cx="8" cy="2.2" r="0.5" fill="#fff"></circle><circle cx="10" cy="2.2" r="0.5" fill="#fff"></circle><circle cx="2" cy="4.2" r="0.5" fill="#fff"></circle><circle cx="4" cy="4.2" r="0.5" fill="#fff"></circle><circle cx="6" cy="4.2" r="0.5" fill="#fff"></circle><circle cx="8" cy="4.2" r="0.5" fill="#fff"></circle><circle cx="10" cy="4.2" r="0.5" fill="#fff"></circle><circle cx="2" cy="6.2" r="0.5" fill="#fff"></circle><circle cx="4" cy="6.2" r="0.5" fill="#fff"></circle><circle cx="6" cy="6.2" r="0.5" fill="#fff"></circle><circle cx="8" cy="6.2" r="0.5" fill="#fff"></circle><circle cx="10" cy="6.2" r="0.5" fill="#fff"></circle></g></svg><span class="sr-only">English (US)</span></button></div><button class="group relative inline-flex items-center justify-center gap-2 rounded-pill font-body font-semibold tracking-[-0.01em] transition-all duration-300 ease-[var(--ease-wolf)] disabled:opacity-50 disabled:pointer-events-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-vibrant/50 focus-visible:ring-offset-2 h-10 px-4 text-sm btn-shine text-white shadow-2 hover:shadow-float hover:-translate-y-[2px] active:translate-y-0 bg-[linear-gradient(135deg,#65148C_0%,#7C3AED_55%,#A78BFA_100%)] bg-[length:200%_200%] hover:bg-[length:160%_160%] focu
32s-visible:ring-offset-paper"><span class="relative z-10">Falar com um especialista</span></button></div><button aria-label="Abrir menu" class="md:hidden inline-flex items-center justify-center h-11 w-11 rounded-pill text-ink hover:bg-surface-2 transition-colors" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_4aqq_" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></nav></div></header><main><section class="sv " data-screen-label="Serviços"><style>
33.sv{--bg2:oklch(0.16 0.07 300);--pur:oklch(0.62 0.21 300);--pur-bright:oklch(0.76 0.15 308);--ink:oklch(0.98 0.01 305);--muted:oklch(0.84 0.03 305 / 0.6);
34  position:relative;width:100%;min-height:100vh;overflow:hidden;isolation:isolate;font-family:'Archivo',system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg2);color:var(--ink);}
35.sv *{box-sizing:border-box;}
36.sv-bg{position:absolute;inset:0;z-index:0;pointer-events:none;}
37.sv-base{position:absolute;inset:0;background:
38  radial-gradient(90% 90% at 6% 0%,oklch(0.28 0.11 300),transparent 52%),
39  radial-gradient(120% 120% at 100% 100%,oklch(0.2 0.09 318),transparent 60%),
40  linear-gradient(140deg,oklch(0.18 0.08 300),oklch(0.13 0.05 296));}
41.sv-vig{position:absolute;inset:0;background:radial-gradient(130% 120% at 60% 45%,transparent 54%,oklch(0.08 0.035 295 / 0.6));}
42.sv-grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0.3;
43  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");}
44.sv-wrap{position:relative;z-index:3;max-width:1380px;margin:0 auto;padding:110px 56px 80px;min-height:100vh;display:grid;grid-template-columns:1.02fr 0.98fr;gap:56px;align-items:center;}
45@media (max-width:1000px){.sv-wrap{grid-template-columns:1fr;gap:44px;padding:88px 28px 64px;}}
46.sv-copy{max-width:600px;}
47.sv-pill{display:inline-flex;align-items:center;gap:9px;padding:10px 20px;border-radius:999px;background:oklch(0.7 0.12 305 / 0.16);border:1px solid oklch(0.72 0.13 305 / 0.34);color:oklch(0.88 0.08 306);font-size:13px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;margin:0 0 30px;backdrop-filter:blur(6px);}
48.sv-dot{width:7px;height:7px;border-radius:50%;background:oklch(0.78 0.18 308);box-shadow:0 0 10px oklch(0.78 0.18 308);animation:svBlink 1.6s ease-in-out infinite;}
49@keyframes svBlink{0%,100%{opacity:0.4;}50%{opacity:1;}}
50.sv h1{font-size:clamp(40px,5vw,78px);font-weight:800;line-height:0.98;letter-spacing:-0.028em;margin:0 0 26px;text-wrap:balance;}
51.sv-soft{color:oklch(0.96 0.015 305);}
52.sv-pur{color:transparent;background:linear-gradient(100deg,var(--pur),var(--pur-bright));-webkit-background-clip:text;background-clip:text;}
53.sv-lede{font-size:clamp(15px,1.15vw,18px);line-height:1.62;color:var(--muted);max-width:52ch;margin:0 0 34px;}
54.sv-cta{display:inline-flex;align-items:center;gap:10px;border:none;cursor:pointer;padding:18px 30px;border-radius:999px;font-family:inherit;font-size:16px;font-weight:600;color:oklch(0.99 0 0);
55  background:linear-gradient(135deg,var(--pur),oklch(0.5 0.22 322));box-shadow:0 18px 40px -14px oklch(0.55 0.24 305 / 0.65),inset 0 1px 0 oklch(1 0 0 / 0.18);transition:transform 0.25s,box-shadow 0.25s;}
56.sv-cta:hover{transform:translateY(-2px);box-shadow:0 26px 52px -14px oklch(0.6 0.24 305 / 0.78);}
57.sv-arr{transition:transform 0.25s;}.sv-cta:hover .sv-arr{transform:translate(3px,-3px);}
58.sv-os{position:relative;justify-self:center;width:min(460px,100%);perspective:1600px;}
59.sv-os-inner{position:relative;display:flex;flex-direction:column;gap:13px;padding-left:34px;transform:rotateX(8deg) rotateY(-11deg);transform-style:preserve-3d;}
60@media (max-width:560px){.sv-os-inner{transform:none;padding-left:26px;}}
61.sv-spine{position:absolute;left:12px;top:6px;bottom:6px;width:2px;border-radius:2px;background:linear-gradient(180deg,oklch(0.7 0.14 306 / 0.1),oklch(0.7 0.16 306 / 0.5),oklch(0.7 0.14 306 / 0.1));overflow:visible;}
62.sv-pkt{position:absolute;left:-2px;width:6px;height:6px;border-radius:50%;background:oklch(0.85 0.16 308);box-shadow:0 0 10px 2px oklch(0.75 0.2 308 / 0.8);animation:svDrop 3.4s linear infinite;}
63@keyframes svDrop{0%{top:-2%;opacity:0;}8%{opacity:1;}92%{opacity:1;}100%{top:100%;opacity:0;}}
64.sv-os-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 4px 0;font-size:12px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:oklch(0.84 0.06 305 / 0.8);}
65.sv-live{display:inline-flex;align-items:center;gap:6px;color:oklch(0.82 0.16 150);font-size:10px;}
66.sv-live .sv-d{width:6px;height:6px;border-radius:50%;background:oklch(0.78 0.18 150);box-shadow:0 0 8px oklch(0.78 0.18 150);animation:svBlink 1.4s ease-in-out infinite;}
67.sv-layer{position:relative;display:flex;align-items:center;gap:15px;padding:16px 18px;border-radius:16px;
68  background:linear-gradient(150deg,oklch(0.28 0.07 300 / 0.55),oklch(0.2 0.05 300 / 0.42));border:1px solid oklch(0.75 0.1 305 / 0.2);backdrop-filter:blur(16px);
69  box-shadow:0 16px 30px -22px oklch(0.05 0.03 290 / 0.9),inset 0 1px 0 oklch(1 0 0 / 0.07);cursor:default;
70  transform:translateX(20px);transition:transform 0.55s cubic-bezier(0.22,0.9,0.25,1),border-color 0.4s,box-shadow 0.4s,background 0.4s;}
71.sv-layer::before{content:"";position:absolute;left:-22px;top:50%;transform:translateY(-50%);width:9px;height:9px;border-radius:50%;background:oklch(0.3 0.08 300);border:2px solid oklch(0.7 0.14 306 / 0.6);transition:background 0.4s,box-shadow 0.4s;}
72.sv-os.in .sv-layer{transform:none;}
73.sv-layer:nth-child(3){transition-delay:.04s}.sv-layer:nth-child(4){transition-delay:.1s}.sv-layer:nth-child(5){transition-delay:.16s}.sv-layer:nth-child(6){transition-delay:.22s}.sv-layer:nth-child(7){transition-delay:.28s}.sv-layer:nth-child(8){transition-delay:.34s}
74.sv-os.in .sv-layer:hover{transform:translateZ(40px) translateX(-4px);border-color:oklch(0.75 0.16 306 / 0.55);background:linear-gradient(150deg,oklch(0.34 0.1 302 / 0.7),oklch(0.24 0.07 300 / 0.5));box-shadow:0 26px 50px -24px oklch(0.5 0.2 305 / 0.6),inset 0 1px 0 oklch(1 0 0 / 0.12);}
75.sv-os.in .sv-layer:hover::before{background:oklch(0.78 0.18 308);box-shadow:0 0 12px 2px oklch(0.75 0.2 308 / 0.8);}
76.sv-l-ico{width:40px;height:40px;border-radius:11px;flex:none;display:grid;place-items:center;background:linear-gradient(150deg,oklch(0.42 0.14 305 / 0.55),oklch(0.3 0.1 300 / 0.4));border:1px solid oklch(0.75 0.1 305 / 0.3);color:oklch(0.9 0.08 306);transition:background 0.4s,color 0.4s;}
77.sv-layer:hover .sv-l-ico{background:linear-gradient(150deg,var(--pur),oklch(0.5 0.22 322));color:oklch(0.99 0 0);}
78.sv-l-main{flex:1;min-width:0;}
79.sv-l-name{font-size:16px;font-weight:700;letter-spacing:-0.01em;color:oklch(0.97 0.01 305);}
80.sv-l-desc{font-size:12.5px;line-height:1.35;color:oklch(0.86 0.04 305 / 0.72);margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height 0.4s ease,opacity 0.4s ease,margin-top 0.4s ease;}
81.sv-layer:hover .sv-l-desc{max-height:40px;opacity:1;margin-top:4px;}
82.sv-l-act{display:flex;align-items:flex-end;gap:3px;height:22px;flex:none;}
83.sv-l-act i{width:3px;border-radius:2px;background:oklch(0.7 0.14 306 / 0.55);transform-origin:bottom;animation:svEq 1.4s ease-in-out infinite;}
84.sv-l-act i:nth-child(1){height:40%;animation-delay:0s}.sv-l-act i:nth-child(2){height:75%;animation-delay:.2s}.sv-l-act i:nth-child(3){height:55%;animation-delay:.4s}.sv-l-act i:nth-child(4){height:90%;animation-delay:.6s}
85@keyframes svEq{0%,100%{transform:scaleY(0.5);}50%{transform:scaleY(1);}}
86.sv-layer:hover .sv-l-act i{background:oklch(0.82 0.16 308 / 0.9);}
87@media (prefers-reduced-motion:reduce){.sv-pkt,.sv-l-act i,.sv-dot,.sv-live .sv-d{animation:none!important;}.sv-layer{transform:none!important;transition:none!important;}}
88</style><div class="sv-bg"><div class="sv-base"></div><div class="sv-vig"></div></div><div class="sv-grain"></div><div class="sv-wrap"><div class="sv-copy"><span class="sv-pill"><span class="sv-dot"></span>Um ecossistema, não um cardápio</span><h1><span class="sv-soft">Você não contrata serviços soltos. Contrata uma</span> <span class="sv-pur">engrenagem que trabalha junta.</span></h1><p class="sv-lede">Cada frente da Wolf existe dentro do WEAVE. O que a mídia aprende alimenta o criativo. O que o CRM captura orienta a mídia. O que o WolfOS lê define o próximo passo. Separadas, são serviços. Conectadas, são aceleração.</p><button class="sv-cta">Falar com um especialista <span class="sv-arr" aria-hidden="true">↗</span></button></div><div class="sv-os"><div class="sv-os-inner"><div class="sv-os-head"><span>WolfOS · camadas</span><span class="sv-live"><span class="sv-d"></span>Conectado</span></div><div class="sv-spine"><span class="sv-pkt" style="animation-delay:0s"></span><span class="sv-pkt" style="animation-delay:-0.85s"></span><span class="sv-pkt" style="animation-delay:-1.7s"></span><span class="sv-pkt" style="animation-delay:-2.55s"></span></div><div class="sv-layer"><span class="sv-l-ico"><svg width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 17 L9 11 L13 14 L21 5"></path><path d="M21 5 H15 M21 5 V11"></path></svg></span><div class="sv-l-main"><div class="sv-l-name">Gestão de mídia</div><div class="sv-l-desc">Tráfego que abastece o sistema.</div></div><div class="sv-l-act"><i></i><i></i><i></i><i></i></div></div><div class="sv-layer"><span class="sv-l-ico"><svg width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3 L14.5 9 L21 9.5 L16 13.7 L17.6 20 L12 16.4 L6.4 20 L8 13.7 L3 9.5 L9.5 9 Z"></path></svg></span><div class="sv-l-main"><div class="sv-l-name">Criativos de performance</div><div class="sv-l-desc">Peças testadas por dado, não por achismo.</div></div><div class="sv-l-act"><i></i><i></i><i></i><i></i></div></div><div class="sv-layer"><span class="sv-l-ico"><svg width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"></circle><path d="M16.5 16.5 L21 21"></path></svg></span><div class="sv-l-main"><div class="sv-l-name">SEO 360</div><div class="sv-l-desc">Demanda orgânica que compõe no tempo.</div></div><div class="sv-l-act"><i></i><i></i><i></i><i></i></div></div><div class="sv-layer"><span class="sv-l-ico"><svg width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 7 a2 2 0 0 1 2-2 h12 a2 2 0 0 1 2 2 v10 a2 2 0 0 1-2 2 H6 a2 2 0 0 1-2-2 Z"></path><path d="M4.5 7 L12 13 L19.5 7"></path></svg></span><div class="sv-l-main"><div class="sv-l-name">Automação de CRM</div><div class="sv-l-desc">Relacionamento que recompra.</div></div><div class="sv-l-act"><i></i><i></i><i></i><i></i></div></div><div class="sv-layer"><span class="sv-l-ico"><svg width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4 H19 L14 12 V19 L10 21 V12 Z"></path></svg></span><div class="sv-l-main"><div class="sv-l-name">Diagnóstico de CRO</div><div class="sv-l-desc">Cada etapa do funil, otimizada.</div></div><div class="sv-l-act"><i></i><i></i><i></i><i></i></div></div><div class="sv-layer"><span class="sv-l-ico"><svg width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 20 V12 M12 20 V5 M19 20 V9"></path></svg></span><div class="sv-l-main"><div class="sv-l-name">BI &amp; Dados</div><div class="sv-l-desc">O WolfOS lê tudo e define o próximo passo.</div></div><div class="sv-l-act"><i></i><i></i><i></i><i></i></div></div></div></div></div></section><section class="fj fj-light " data-screen-label="Jornada Funil"><style>
89/* ---- shared structure ---- */
90.fj{--pur:oklch(0.5 0.21 300);
90--pur-bright:oklch(0.6 0.2 313);
91  position:relative;width:100%;min-height:100vh;overflow:hidden;isolation:isolate;display:grid;place-items:center;
92  font-family:'Archivo',system-ui,sans-serif;-webkit-font-smoothing:antialiased;}
93.fj *{box-sizing:border-box;}
94.fj-bg{position:absolute;inset:0;z-index:0;pointer-events:none;}
95.fj-base,.fj-vig,.fj-mesh{position:absolute;inset:0;}
96.fj-grain{position:absolute;inset:0;z-index:1;pointer-events:none;}
97.fj-wrap{position:relative;z-index:3;width:100%;max-width:1040px;margin:0 auto;padding:80px 40px;}
98@media (max-width:760px){.fj-wrap{padding:68px 22px;}}
99.fj-head{text-align:center;max-width:640px;margin:0 auto 40px;}
100.fj-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:var(--pur);margin:0 0 16px;}
101.fj-dot{width:7px;height:7px;border-radius:50%;background:var(--dot);box-shadow:0 0 10px var(--dot-glow);animation:fjBlink 1.6s ease-in-out infinite;}
102@keyframes fjBlink{0%,100%{opacity:0.4;}50%{opacity:1;}}
103.fj-head h2{font-size:clamp(30px,3.8vw,50px);font-weight:800;letter-spacing:-0.022em;line-height:1.0;margin:0;color:var(--ink);text-wrap:balance;}
104.fj-pur{color:transparent;background:linear-gradient(100deg,var(--pur),var(--pur-bright));-webkit-background-clip:text;background-clip:text;}
105.fj-stage{display:grid;grid-template-columns:0.92fr 1.08fr;gap:48px;align-items:center;max-width:880px;margin:0 auto;}
106@media (max-width:760px){.fj-stage{grid-template-columns:1fr;gap:32px;}}
107.fj-funnel{position:relative;width:100%;max-width:380px;justify-self:center;}
108.fj-funnel svg{width:100%;height:auto;overflow:visible;display:block;}
109.fj-neck{stroke:var(--neck);}
110.fj-band{cursor:pointer;}
111.fj-seg{fill:var(--seg-fill);stroke:var(--seg-stroke);stroke-width:1.5;stroke-linejoin:round;transition:fill 0.5s,stroke 0.5s,filter 0.5s;}
112.fj-blabel{fill:var(--band-label);font-weight:700;letter-spacing:0.04em;transition:fill 0.5s;}
113.fj-bnum{fill:var(--band-num);font-weight:800;transition:fill 0.5s;}
114.fj-band.active .fj-seg{fill:url(#fj-seg);stroke:var(--seg-active-stroke);filter:drop-shadow(0 8px 22px oklch(0.55 0.22 305 / 0.45));}
115.fj-band.active .fj-blabel{fill:oklch(0.99 0 0);}
116.fj-band.active .fj-bnum{fill:oklch(0.96 0.05 306 / 0.85);}
117.fj-band:not(.active):hover .fj-seg{fill:var(--seg-hover);stroke:var(--seg-hover-stroke);}
118.fj-out{cursor:pointer;}
119.fj-oc{fill:url(#fj-seg);stroke:var(--seg-active-stroke);stroke-width:1.5;filter:drop-shadow(0 8px 22px oklch(0.55 0.22 305 / 0.45));transition:filter 0.5s;}
120.fj-out.active .fj-oc{filter:drop-shadow(0 10px 30px oklch(0.6 0.24 308 / 0.6));}
121.fj-ot{fill:oklch(0.99 0 0);font-weight:800;}
122.fj-pkt{fill:var(--pkt);}
123.fj-panelbox{position:relative;min-height:230px;}
124.fj-panel{position:absolute;inset:0;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity 0.5s ease,transform 0.5s cubic-bezier(0.22,0.9,0.25,1);}
125.fj-panel.active{opacity:1;transform:none;pointer-events:auto;}
126.fj-ptag{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;color:var(--pur);margin:0 0 12px;}
127.fj-pname{font-size:clamp(22px,2.4vw,30px);font-weight:800;letter-spacing:-0.015em;margin:0 0 8px;color:var(--ink);}
128.fj-pdesc{font-size:15.5px;line-height:1.5;color:var(--muted);margin:0 0 22px;max-width:38ch;}
129.fj-chips{display:flex;flex-wrap:wrap;gap:10px;}
130.fj-chip{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border-radius:12px;background:var(--chip-bg);border:1px solid var(--chip-bd);box-shadow:var(--chip-sh);font-size:14px;font-weight:600;color:var(--chip-fg);}
131.fj-ci{width:24px;height:24px;border-radius:7px;flex:none;display:grid;place-items:center;background:var(--ci-bg);color:var(--ci-fg);}
132.fj-panel.active .fj-chip{animation:fjPop 0.5s cubic-bezier(0.22,0.9,0.25,1) backwards;}
133.fj-panel.active .fj-chip:nth-child(2){animation-delay:.06s}.fj-panel.active .fj-chip:nth-child(3){animation-delay:.12s}.fj-panel.active .fj-chip:nth-child(4){animation-delay:.18s}
134@keyframes fjPop{from{transform:translateY(10px) scale(0.96);}}
135.fj-result{display:inline-flex;align-items:center;gap:11px;padding:15px 24px;border-radius:15px;background:linear-gradient(135deg,var(--pur),oklch(0.46 0.22 322));color:oklch(0.99 0 0);font-size:17px;font-weight:800;line-height:1.25;box-shadow:0 20px 42px -18px oklch(0.55 0.24 305 / 0.6),inset 0 1px 0 oklch(1 0 0 / 0.22);}
136.fj-foot{margin-top:40px;text-align:center;font-size:12.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--foot);}
137.fj-foot b{color:var(--pur);font-weight:700;}
138
139/* ---- LIGHT theme (default) ---- */
140.fj-light{--ink:oklch(0.2 0.07 300);--muted:oklch(0.5 0.03 300 / 0.82);
141  --pur:oklch(0.5 0.21 300);--pur-bright:oklch(0.6 0.2 313);
142  --dot:oklch(0.5 0.21 300);--dot-glow:oklch(0.6 0.2 305 / 0.6);
143  --seg-fill:oklch(0.985 0.006 305);--seg-stroke:oklch(0.66 0.1 305 / 0.3);--seg-active-stroke:none;
144  --seg-hover:oklch(0.95 0.02 305);--seg-hover-stroke:oklch(0.62 0.14 305 / 0.45);
145  --band-label:oklch(0.5 0.06 300 / 0.7);--band-num:oklch(0.6 0.12 305 / 0.5);
146  --neck:oklch(0.6 0.14 306 / 0.4);--pkt:oklch(0.55 0.2 305);
147  --chip-bg:oklch(1 0 0 / 0.92);--chip-bd:oklch(0.8 0.03 305 / 0.6);--chip-fg:oklch(0.26 0.06 300);--chip-sh:0 10px 22px -16px oklch(0.4 0.1 300 / 0.4);
148  --ci-bg:oklch(0.93 0.04 305);--ci-fg:oklch(0.5 0.21 300);
149  --foot:oklch(0.5 0.04 300 / 0.6);
150  background:oklch(0.975 0.004 300);}
151.fj-light .fj-base{background:
152  radial-gradient(85% 75% at 4% 6%,oklch(0.93 0.04 305),transparent 52%),
153  radial-gradient(80% 70% at 100% 100%,oklch(0.94 0.03 322),transparent 55%),
154  linear-gradient(160deg,oklch(0.99 0.003 300),oklch(0.955 0.012 305));}
155.fj-light .fj-vig{display:none;}
156.fj-light .fj-mesh{opacity:0.45;mix-blend-mode:multiply;
157  background-image:repeating-linear-gradient(40deg,oklch(0.7 0.06 305 / 0.05) 0 1px,transparent 1px 60px),repeating-linear-gradient(-40deg,oklch(0.7 0.06 305 / 0.05) 0 1px,transparent 1px 60px);
158  -webkit-mask-image:radial-gradient(120% 100% at 50% 50%,black,transparent 78%);mask-image:radial-gradient(120% 100% at 50% 50%,black,transparent 78%);}
159.fj-light .fj-grain{display:none;}
160
161/* ---- DARK theme ---- */
162.fj-dark{--ink:oklch(0.98 0.01 305);--muted:oklch(0.84 0.03 305 / 0.62);
163  --pur:oklch(0.62 0.21 300);--pur-bright:oklch(0.78 0.15 308);
164  --dot:oklch(0.78 0.18 308);--dot-glow:oklch(0.78 0.18 308);
165  --seg-fill:oklch(0.26 0.06 300 / 0.5);--seg-stroke:oklch(0.7 0.1 305 / 0.28);--seg-active-stroke:oklch(0.85 0.16 308 / 0.7);
166  --seg-hover:oklch(0.32 0.09 302 / 0.6);--seg-hover-stroke:oklch(0.7 0.1 305 / 0.28);
167  --band-label:oklch(0.8 0.05 305 / 0.6);--band-num:oklch(0.7 0.1 306 / 0.5);
168  --neck:oklch(0.7 0.12 306 / 0.4);--pkt:oklch(0.92 0.1 308);
169  --chip-bg:linear-gradient(150deg,oklch(0.27 0.07 300 / 0.6),oklch(0.2 0.05 300 / 0.42));--chip-bd:oklch(0.75 0.1 305 / 0.22);--chip-fg:oklch(0.95 0.01 305);--chip-sh:none;
170  --ci-bg:oklch(0.42 0.14 305 / 0.4);--ci-fg:oklch(0.88 0.08 306);
171  --foot:oklch(0.72 0.06 305 / 0.5);
172  background:oklch(0.135 0.05 296);}
173.fj-dark .fj-base{background:
174  radial-gradient(80% 70% at 30% -4%,oklch(0.27 0.11 302),transparent 56%),
175  radial-gradient(120% 120% at 100% 100%,oklch(0.19 0.08 320),transparent 60%),
176  linear-gradient(160deg,oklch(0.16 0.06 298),oklch(0.12 0.04 294));}
177.fj-dark .fj-vig{background:radial-gradient(120% 110% at 50% 42%,transparent 56%,oklch(0.07 0.03 292 / 0.6));}
178.fj-dark .fj-mesh{display:none;}
179.fj-dark .fj-grain{opacity:0.28;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");}
180
181@media (prefers-reduced-motion:reduce){.fj-dot,.fj-pkt,.fj-panel.active .fj-chip{animation:none!important;}}
182</style><div class="fj-bg"><div class="fj-base"></div><div class="fj-vig"></div><div class="fj-mesh"></div></div><div class="fj-grain"></div><div class="fj-wrap"><div class="fj-head"><span class="fj-eyebrow"><span class="fj-dot"></span>A jornada</span><h2>Onde cada peça entra <span class="fj-pur">na aceleração.</span></h2></div><div class="fj-stage"><div class="fj-funnel"><svg viewBox="0 0 300 392" aria-label="Funil da jornada de compra"><defs><linearGradient id="fj-seg" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="oklch(0.58 0.21 302)"></stop><stop offset="1" stop-color="oklch(0.46 0.21 320)"></stop></linearGradient></defs><line class="fj-neck" x1="150" y1="308" x2="150" y2="320" stroke-width="2"></line><g class="fj-band active"><path class="fj-seg" d="M 15.2 23.1 Q 10.0 8.0 26.0 8.0 L 274.0 8.0 Q 290.0 8.0 284.8 23.1 L 262.2 88.9 Q 257.0 104.0 241.0 104.0 L 59.0 104.0 Q 43.0 104.0 37.8 88.9 Z"></path><text class="fj-bnum" x="150" y="50" text-anchor="middle" font-size="15">01</text><text class="fj-blabel" x="150" y="69" text-anchor="middle" font-size="15">Atração</text></g><g class="fj-band "><path class="fj-seg" d="M 48.2 125.1 Q 43.0 110.0 59.0 110.0 L 241.0 110.0 Q 257.0 110.0 251.8 125.1 L 229.2 190.9 Q 224.0 206.0 208.0 206.0 L 92.0 206.0 Q 76.0 206.0 70.8 190.9 Z"></path><text class="fj-bnum" x="150" y="152" text-anchor="middle" font-size="15">02</text><text class="fj-blabel" x="150" y="171" text-anchor="middle" font-size="15">Conversão</text></g><g class="fj-band "><path class="fj-seg" d="M 81.2 227.1 Q 76.0 212.0 92.0 212.0 L 208.0 212.0 Q 224.0 212.0 218.8 227.1 L 196.2 292.9 Q 191.0 308.0 175.0 308.0 L 125.0 308.0 Q 109.0 308.0 103.8 292.9 Z"></path><text class="fj-bnum" x="150" y="254" text-anchor="middle" font-size="15">03</text><text class="fj-blabel" x="150" y="273" text-anchor="middle" font-size="15">Retenção</text></g><g class="fj-out "><rect class="fj-oc" x="96" y="320" width="108" height="46" rx="14"></rect><text class="fj-ot" x="150" y="348" text-anchor="middle" font-size="16">Aceleração</text></g><circle r="2.4" class="fj-pkt">
182<animateMotion dur="2.8s" repeatCount="indefinite" begin="0s" calcMode="linear" path="M 150 14 L 150 316"></animateMotion></circle><circle r="2.4" class="fj-pkt"><animateMotion dur="2.8s" repeatCount="indefinite" begin="-0.7s" calcMode="linear" path="M 150 14 L 150 316"></animateMotion></circle><circle r="2.4" class="fj-pkt"><animateMotion dur="2.8s" repeatCount="indefinite" begin="-1.4s" calcMode="linear" path="M 150 14 L 150 316"></animateMotion></circle><circle r="2.4" class="fj-pkt"><animateMotion dur="2.8s" repeatCount="indefinite" begin="-2.0999999999999996s" calcMode="linear" path="M 150 14 L 150 316"></animateMotion></circle></svg></div><div class="fj-panelbox"><div class="fj-panel active"><div class="fj-ptag">01<!-- --> · <!-- -->Estágio</div><div class="fj-pname">Atração &amp; demanda</div><div class="fj-pdesc">Tráfego e atenção que abastecem o sistema.</div><div class="fj-chips"><span class="fj-chip"><span class="fj-ci"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 17 L9 11 L13 14 L21 5 M21 5 H15 M21 5 V11"></path></svg></span>Mídia · e-commerce</span><span class="fj-chip"><span class="fj-ci"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 7 h14 l-1 13 H6 Z M9 7 a3 3 0 0 1 6 0"></path></svg></span>Mídia · Local</span><span class="fj-chip"><span class="fj-ci"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 11 m-7 0 a7 7 0 1 0 14 0 a7 7 0 1 0 -14 0 M16.5 16.5 L21 21"></path></svg></span>SEO 360</span><span class="fj-chip"><span class="fj-ci"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 4 L14 9.5 L20 10 L15.5 13.7 L17 19.5 L12 16.2 L7 19.5 L8.5 13.7 L4 10 L10 9.5 Z"></path></svg></span>Criativos</span></div></div><div class="fj-panel "><div class="fj-ptag">02<!-- --> · <!-- -->Estágio</div><div class="fj-pname">Conversão</div><div class="fj-pdesc">O que transforma visita em venda.</div><div class="fj-chips"><span class="fj-chip"><span class="fj-ci"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4 H19 L14 12 V19 L10 21 V12 Z"></path></svg></span>Diagnóstico de CRO</span><span class="fj-chip"><span class="fj-ci"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4 h16 v16 h-16 Z M4 9 H20 M8 13 H15"></path></svg></span>Landing Pages</span><span class="fj-chip"><span class="fj-ci"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6 h14 v12 h-14 Z M17 10 L21 7 V17 L17 14 Z"></path></svg></span>LiveShop</span></div></div><div class="fj-panel "><div class="fj-ptag">03<!-- --> · <!-- -->Estágio</div><div class="fj-pname">Retenção &amp; LTV</div><div class="fj-pdesc">Relacionamento que recompra e cresce no tempo.</div><div class="fj-chips"><span class="fj-chip"><span class="fj-ci"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 7 a2 2 0 0 1 2-2 h12 a2 2 0 0 1 2 2 v10 a2 2 0 0 1-2 2 H6 a2 2 0 0 1-2-2 Z M4.5 7 L12 13 L19.5 7"></path></svg></span>Wolf CRM</span></div></div><div class="fj-panel "><div class="fj-ptag">★<!-- --> · <!-- -->Resultado</div><div class="fj-pname">Aceleração</div><div class="fj-pdesc">Tudo conectado, crescendo com previsibilidade.</div><div class="fj-result"><svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 17 L9 11 L13 14 L21 5"></path><path d="M21 5 H15 M21 5 V11"></path></svg>Separadas, são serviços. Conectadas, são aceleração.</div></div></div></div><div class="fj-foot">Sob cada etapa: <b>WolfOS</b> — inteligência que define o próximo passo.</div></div></section><section class="relative pt-16 md:pt-20 pb-16 md:pb-20 bg-paper border-t border-line-2"><div class="container-wolf mb-8 relative"><p class="text-xs font-semibold uppercase tracking-[0.12em] text-text-mut">Marcas que pararam de contratar tarefa e passaram a contratar resultado</p></div><div class="relative overflow-hidden" style="mask-image:linear-gradient(to right, transparent, black 8%, black 92%, transparent);-webkit-mask-image:linear-gradient(to right, transparent, black 8%, black 92%, transparent)"><div class="flex w-max items-center gap-16 animate-[marquee_40s_linear_infinite] hover:[animation-play-state:paused]"><div class="flex h-24 w-48 shrink-0 items-center justify-center opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/argennti-BPFMJff1.png" alt="Logotipo cliente Argennti" width="240" height="96" loading="lazy" decoding="async" class="max-h-full max-w-full object-contain"/></div><div class="flex h-24 w-48 shrink-0 items-center justify-center opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/terra-cruz-BBlnJTeH.png" alt="Logotipo cliente Terra Cruz Cafés Especiais" width="240" height="96" loading="lazy" decoding="async" class="max-h-full max-w-full object-contain"/></div><div class="flex h-24 w-48 shrink-0 items-center justify-center opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/etc-shoes-DcuOvT0y.png" alt="Logotipo cliente ETC. Shoes" width="240" height="96" loading="lazy" decoding="async" class="max-h-full max-w-full object-contain"/></div><div class="flex h-24 w-48 shrink-0 items-center justify-center opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/itabike-cR5RIWCx.png" alt="Logotipo cliente Itabike" width="240" height="96" loading="lazy" decoding="async" class="max-h-full max-w-full object-contain"/></div><div class="flex h-24 w-48 shrink-0 items-center justify-center opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/comercial-batista-C-iCBe1V.png" alt="Logotipo cliente Comercial Batista" width="240" height="96" loading="lazy" decoding="async" class="max-h-full max-w-full object-contain"/></div><div class="flex h-24 w-48 shrink-0 items-center justify-center opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/zig-3Z0CIBfM.png" alt="Logotipo cliente Zig" width="240" height="96" loading="lazy" decoding="async" class="max-h-full max-w-full object-contain"/></div><div class="flex h-24 w-48 shrink-0 items-center justify-center opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/casa-do-colono-BGlvyyuR.png" alt="Logotipo cliente Casa do Colono" width="240" height="96" loading="lazy" decoding="async" class="max-h-full max-w-full object-contain"/></div><div class="flex h-24 w-48 shrink-0 items-center justify-center opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/dante-capelli-CBGiy7Lf.png" alt="Logotipo cliente Dante Capelli" width="240" height="96" loading="lazy" decoding="async" class="max-h-full max-w-full object-contain"/></div><div class="flex h-24 w-48 shrink-0 items-center justify-center opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/grupo-canopus-BanGxLOT.png" alt="Logotipo cliente Grupo Canopus" width="240" height="96" loading="lazy" decoding="async" class="max-h-full max-w-full object-contain"/></div><div class="flex h-24 w-48 shrink-0 items-center justify-center opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/mania-brasil-IlkCTdwx.png" alt="Logotipo cliente Mania Brasil" width="240" height="96" loading="lazy" decoding="async" class="max-h-full max-w-full object-contain"/></div><div class="flex h-24 w-48 shrink-0 items-center justify-center opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/rei-da-cutelaria-qd8H0K_R.png" alt="Logotipo cliente Rei da Cutelaria" width="240" height="96" loading="lazy" decoding="async" class="max-h-full max-w-full object-contain"/></div><div class="flex h-24 w-48 shrink-0 items-center justify-center opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/argennti-BPFMJff1.png" alt="Logotipo cliente Argennti" width="240" height="96" loading="lazy" decoding="async" class="max-h-full max-w-full object-contain"/></div><div class="flex h-24 w-48 shrink-0 items-center justify-center opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/terra-cruz-BBlnJTeH.png" alt="Logotipo cliente Terra Cruz Cafés Especiais" width="240" height="96" loading="lazy" decoding="async" class="max-h-full max-w-full object-contain"/></div><div class="flex h-24 w-48 shrink-0 items-center justify-center opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/etc-shoes-DcuOvT0y.png" alt="Logotipo cliente ETC. Shoes" width="240" height="96" loading="lazy" decoding="async" class="max-h-full max-w-full object-contain"/></div><div class="flex h-24 w-48 shrink-0 items-center justify-center opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/itabike-cR5RIWCx.png" alt="Logotipo cliente Itabike" width="240" height="96" loading="lazy" decoding="async" class="max-h-full max-w-full object-contain"/></div><div class="flex h-24 w-48 shrink-0 items-center justify-center opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/comercial-batista-C-iCBe1V.png" alt="Logotipo cliente Comercial Batista" width="240" height="96" loading="lazy" decoding="async" class="max-h-full max-w-full object-contain"/></div><div class="flex h-24 w-48 shrink-0 items-center justify-center opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/zig-3Z0CIBfM.png" alt="Logotipo cliente Zig" width="240" height="96" loading="lazy" decoding="async" class="max-h-full max-w-full object-contain"/></div><div class="flex h-24 w-48 shrink-0 items-center justify-center opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/casa-do-colono-BGlvyyuR.png" alt="Logotipo cliente Casa do Colono" width="240" height="96" loading="lazy" decoding="async" class="max-h-full max-w-full object-contain"/></div><div class="flex h-24 w-48 shrink-0 items-center justify-center opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/dante-capelli-CBGiy7Lf.png" alt="Logotipo cliente Dante Capelli" width="240" height="96" loading="lazy" decoding="async" class="max-h-full max-w-full object-contain"/></div><div class="flex h-24 w-48 shrink-0 items-center justify-center opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/grupo-canopus-BanGxLOT.png" alt="Logotipo cliente Grupo Canopus" width="240" height="96" loading="lazy" decoding="async" class="max-h-full max-w-full object-contain"/></div><div class="flex h-24 w-48 shrink-0 items-center justify-center opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/mania-brasil-IlkCTdwx.png" alt="Logotipo cliente Mania Brasil" width="240" height="96" loading="lazy" decoding="async" class="max-h-full max-w-full object-contain"/></div><div class="flex h-24 w-48 shrink-0 items-center justify-center opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/rei-da-cutelaria-qd8H0K_R.png" alt="Logotipo cliente Rei da Cutelaria" width="240" height="96" loading="lazy" decoding="async" class="max-h-full max-w-full object-contain"/></div></div></div></section><section class="relative isolate overflow-hidden py-16 md:py-20" style="background:radial-gradient(ellipse at 80% 10%, rgba(101,20,140,0.45) 0%, transparent 55%), radial-gradient(ellipse at 15% 90%, rgba(64,0,95,0.55) 0%, transparent 55%), #29043B"><div aria-hidden="true" class="absolute inset-0 pointer-events-none opacity-40" style="background:radial-gradient(circle at 50% 50%, rgba(167,139,250,0.15) 0%, transparent 60%)"></div><div class="container-wolf relative"><div class="grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16 items-center"><div class="lg:col-span-5 flex flex-col gap-6">
182<span class="self-start inline-flex items-center rounded-pill border border-white/15 bg-white/10 backdrop-blur-md px-4 py-2 text-[11px] md:text-xs font-semibold uppercase tracking-[0.16em] text-paper/80">Metodologia WEAVE</span><h2 class="font-display text-4xl md:text-5xl lg:text-[56px] leading-[1.05] tracking-[-0.02em] text-paper">WEAVE: a engrenagem que conecta toda a operação.</h2><p class="max-w-lg text-base md:text-[17px] leading-[1.6] text-paper/70">Mídia, CRM, SEO, criativos e dados não são áreas separadas no WEAVE. São partes da mesma engrenagem, onde o que cada uma aprende alimenta a próxima. É assim que a Wolf entrega crescimento com consistência e controle.</p><div class="mt-2"><button class="group relative inline-flex items-center justify-center gap-2 rounded-pill font-body font-semibold tracking-[-0.01em] transition-all duration-300 ease-[var(--ease-wolf)] disabled:opacity-50 disabled:pointer-events-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-vibrant/50 focus-visible:ring-offset-2 h-12 px-6 text-[15px] bg-white/10 text-white border border-white/25 hover:bg-white/20 hover:border-white/45 backdrop-blur-md focus-visible:ring-offset-ink"><span class="relative z-10">Conheça o método WEAVE</span><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right relative z-10 transition-transform duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></button></div></div><div class="lg:col-span-7"><div class="weave-root theme-dark " aria-hidden="true"></div></div></div></div></section><section class="cd " data-screen-label="Case"><style>
183.cd{--pur:oklch(0.5 0.21 300);--pur-bright:oklch(0.6 0.2 313);--ink:oklch(0.2 0.07 300);--muted:oklch(0.5 0.03 300 / 0.82);--up:oklch(0.62 0.17 155);
184  position:relative;width:100%;min-height:100vh;overflow:hidden;isolation:isolate;font-family:'Archivo',system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:var(--ink);background:oklch(0.975 0.004 300);}
185.cd *{box-sizing:border-box;}
186.cd-bg{position:absolute;inset:0;z-index:0;pointer-events:none;}
187.cd-base{position:absolute;inset:0;background:
188  radial-gradient(80% 70% at 0% 4%,oklch(0.92 0.05 305),transparent 50%),
189  radial-gradient(70% 60% at 100% 100%,oklch(0.94 0.03 322),transparent 55%),
190  linear-gradient(160deg,oklch(0.99 0.003 300),oklch(0.958 0.012 305));}
191.cd-wrap{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:92px 56px 104px;}
192@media (max-width:900px){.cd-wrap{padding:72px 26px 84px;}}
193.cd-head{margin:0 0 48px;}
194.cd-eyebrow{display:inline-block;padding:7px 16px;border-radius:999px;background:oklch(0.9 0.04 305);color:var(--pur);font-size:12px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;margin:0 0 22px;}
195.cd-head h2{font-size:clamp(32px,4.4vw,60px);font-weight:800;letter-spacing:-0.025em;line-height:0.98;margin:0;color:var(--ink);max-width:16ch;text-wrap:balance;}
196.cd-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;}
197@media (max-width:900px){.cd-grid{grid-template-columns:1fr;}}
198.cd-card{position:relative;overflow:hidden;border-radius:26px;background:oklch(1 0 0 / 0.86);border:1px solid oklch(0.82 0.03 305 / 0.55);
199  box-shadow:0 1px 0 oklch(1 0 0 / 0.9) inset,0 30px 60px -42px oklch(0.4 0.1 300 / 0.42);
200  transform:translateY(22px);transition:transform 0.7s cubic-bezier(0.22,0.9,0.25,1),box-shadow 0.45s,border-color 0.45s;}
201.cd.in .cd-card{transform:none;}
202.cd.in .cd-card:nth-child(2){transition-delay:0.1s;}.cd.in .cd-card:nth-child(3){transition-delay:0.18s;}
203.cd-card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 0.4s;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),oklch(0.7 0.18 308 / 0.14),transparent 60%);}
204.cd-card:hover{border-color:oklch(0.72 0.12 305 / 0.5);box-shadow:0 1px 0 oklch(1 0 0 / 0.9) inset,0 40px 80px -40px oklch(0.4 0.16 300 / 0.5);}
205.cd-card:hover::after{opacity:1;}
206.cd-metric{will-change:transform;transition:transform 0.5s cubic-bezier(0.22,0.9,0.25,1),box-shadow 0.45s,border-color 0.45s;}
207.cd-narr{grid-row:span 2;padding:0 0 36px;
207display:flex;flex-direction:column;overflow:hidden;}
208@media (max-width:900px){.cd-narr{grid-row:auto;}}
209.cd-clabel{font-size:12.5px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:oklch(0.6 0.05 300 / 0.7);margin:0 0 22px;}
210.cd-hero{position:relative;width:100%;aspect-ratio:5/4;overflow:hidden;background:linear-gradient(135deg,oklch(0.3 0.12 305),oklch(0.2 0.09 322));}
211.cd-hero-img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform 1.2s cubic-bezier(0.22,0.9,0.25,1);}
212.cd.in .cd-hero-img{transform:scale(1);}
213.cd-hero-fallback{width:100%;height:100%;display:grid;place-items:center;color:oklch(1 0 0 / 0.85);font-size:84px;font-weight:800;letter-spacing:0.04em;background:linear-gradient(135deg,var(--pur),oklch(0.46 0.22 322));}
214.cd-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,oklch(0.18 0.08 305 / 0.85) 100%);}
215.cd-hero-tag{position:absolute;top:18px;left:18px;margin:0;padding:7px 12px;border-radius:999px;background:oklch(1 0 0 / 0.92);backdrop-filter:blur(8px);color:var(--pur);font-size:10.5px;}
216.cd-hero-info{position:absolute;left:24px;right:24px;bottom:20px;color:#fff;}
217.cd-cname{font-size:22px;font-weight:800;letter-spacing:-0.015em;color:#fff;margin:0;text-shadow:0 2px 16px oklch(0 0 0 / 0.4);}
218.cd-crole{font-size:13px;font-weight:600;color:oklch(1 0 0 / 0.78);margin:3px 0 0;}
219.cd-narr > :not(.cd-hero){padding-left:40px;padding-right:40px;}
220.cd-narr > :first-child + *{padding-top:28px;}
221@media (max-width:900px){.cd-narr > :not(.cd-hero){padding-left:28px;padding-right:28px;}}
222
223
224.cd-lead{font-size:clamp(21px,2.1vw,27px);font-weight:800;letter-spacing:-0.015em;line-height:1.24;margin:0 0 22px;color:oklch(0.22 0.07 300);}
225.cd-hl{color:transparent;background:linear-gradient(100deg,var(--pur),var(--pur-bright));-webkit-background-clip:text;background-clip:text;}
226.cd-sub{font-size:15.5px;line-height:1.55;color:var(--muted);margin:0 0 26px;}
227.cd-ba{display:flex;align-items:stretch;gap:12px;margin:0 0 30px;}
228.cd-cell{flex:1;border-radius:15px;padding:14px 16px;background:oklch(0.965 0.008 305);border:1px solid oklch(0.85 0.02 305 / 0.6);}
229.cd-k{font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:oklch(0.6 0.04 300 / 0.7);}
230.cd-v{font-size:22px;font-weight:800;letter-spacing:-0.02em;margin-top:3px;}
231.cd-u{font-size:0.6em;font-weight:700;}
232.cd-before .cd-v{color:oklch(0.5 0.03 300 / 0.7);}
233.cd-after{background:linear-gradient(150deg,oklch(0.95 0.05 305),oklch(0.92 0.06 312));border-color:oklch(0.7 0.12 305 / 0.4);animation:cdAfterGlow 3s ease-in-out infinite 1.6s;}
234@keyframes cdAfterGlow{0%,100%{box-shadow:0 0 0 0 oklch(0.6 0.2 305 / 0);}50%{box-shadow:0 10px 28px -10px oklch(0.55 0.22 305 / 0.5);}}
235.cd-after .cd-v{color:var(--pur);}
236.cd-arrow{align-self:center;display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--pur),oklch(0.46 0.22 322));color:#fff;box-shadow:0 8px 18px -8px oklch(0.5 0.22 305 / 0.7);animation:cdNudge 1.8s ease-in-out infinite;}
237@keyframes cdNudge{0%,100%{transform:translateX(0);}50%{transform:translateX(4px);}}
238.cd-btn{margin-top:auto;align-self:center;display:inline-flex;align-items:center;gap:10px;border:none;cursor:pointer;padding:16px 28px;border-radius:999px;font-family:inherit;font-size:15.5px;font-weight:600;color:oklch(0.99 0 0);
239  background:linear-gradient(135deg,var(--pur),oklch(0.48 0.22 322));box-shadow:0 16px 34px -14px oklch(0.5 0.24 305 / 0.6);transition:transform 0.25s,box-shadow 0.25s;}
240.cd-btn:hover{transform:translateY(-2px);box-shadow:0 24px 44px -14px oklch(0.55 0.24 305 / 0.72);}
241.cd-a{transition:transform 0.25s;}.cd-btn:hover .cd-a{transform:translate(3px,-3px);}
242.cd-metric{padding:26px 28px 24px;display:flex;flex-direction:column;}
243.cd-mtop{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
244.cd-who{font-size:15px;font-weight:800;color:oklch(0.24 0.07 300);}
245.cd-tag{font-size:10.5px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:oklch(0.58 0.05 300 / 0.7);padding:5px 10px;border-radius:999px;background:oklch(0.94 0.02 305);}
246.cd-mrow{display:flex;align-items:baseline;gap:12px;margin:6px 0 2px;}
247.cd-big{font-size:clamp(46px,6vw,68px);font-weight:800;letter-spacing:-0.04em;line-height:0.9;color:transparent;background:linear-gradient(120deg,var(--ink),var(--pur));-webkit-background-clip:text;background-clip:text;}
248.cd-delta{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:800;color:var(--up);background:oklch(0.92 0.07 155 / 0.6);padding:5px 9px;border-radius:999px;}
249.cd-cap{font-size:13.5px;color:var(--muted);margin:4px 0 16px;}
250.cd-chart{width:100%;height:96px;overflow:visible;display:block;}
251.cd-area{opacity:0.9;}
252.cd.in .cd-area{animation:cdAreaIn 0.9s ease 0.5s;}
253@keyframes cdAreaIn{from{opacity:0;}}
254.cd-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:460;stroke-dashoffset:0;filter:drop-shadow(0 4px 8px oklch(0.6 0.2 305 / 0.3));}
255.cd.in .cd-line{animation:cdDraw 1.6s cubic-bezier(0.4,0,0.2,1) 0.25s;}
256@keyframes cdDraw{from{stroke-dashoffset:460;}}
257.cd-enddot{fill:var(--pur);}
258.cd-glowdot{fill:oklch(0.99 0.04 305);opacity:0;filter:drop-shadow(0 0 6px oklch(0.7 0.22 308));}
259.cd.in .cd-glowdot{animation:cdTravel 1.6s cubic-bezier(0.4,0,0.2,1) 0.25s forwards;}
260@keyframes cdTravel{0%{opacity:0;}12%{opacity:1;}88%{opacity:1;}100%{opacity:0;}}
261.cd-axis{display:flex;justify-content:space-between;margin-top:10px;font-size:11px;font-weight:700;color:oklch(0.55 0.04 300 / 0.7);}
262.cd-axis-end{color:var(--pur);}
263.cd-bars{display:flex;align-items:flex-end;gap:8px;height:96px;}
264.cd-b{position:relative;flex:1;height:100%;border-radius:7px 7px 4px 4px;background:linear-gradient(180deg,var(--pur-bright),var(--pur));transform-origin:bottom;transform:scaleY(var(--h));opacity:0.5;transition:opacity 0.5s;overflow:hidden;}
265.cd.in .cd-b{animation:cdGrow 0.7s cubic-bezier(0.22,0.9,0.25,1);}
266@keyframes cdGrow{from{transform:scaleY(0);}}
267.cd.in .cd-b:nth-child(1){animation-delay:.40s}.cd.in .cd-b:nth-child(2){animation-delay:.47s}.cd.in .cd-b:nth-child(3){animation-delay:.54s}.cd.in .cd-b:nth-child(4){animation-delay:.61s}.cd.in .cd-b:nth-child(5){animation-delay:.68s}.cd.in .cd-b:nth-child(6){animation-delay:.75s}.cd.in .cd-b:nth-child(7){animation-delay:.82s}
268.cd-b::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,oklch(1 0 0 / 0.5),transparent 40%);opacity:0;}
269.cd.in .cd-b::before{animation:cdBarshine 0.7s ease 0.4s;}
270@keyframes cdBarshine{0%{opacity:0;}50%{opacity:0.8;}100%{opacity:0;}}
271.cd-b:last-child{opacity:1;box-shadow:0 0 18px oklch(0.6 0.2 305 / 0.4);}
272@media (prefers-reduced-motion:reduce){.cd-card{transform:none!important;transition:none!important;}.cd-arrow,.cd-after{animation:none!important;}}
273</style><div class="cd-bg"><div class="cd-base"></div></div><div class="cd-wrap"><div class="cd-head"><span class="cd-eyebrow">Prova</span><h2>O que acontece quando as peças trabalham juntas.</h2></div><div class="cd-grid"><article class="cd-card cd-narr"><div class="cd-hero"><img src="/assets/dante-capelli-portrait-DnnzUdph.jpg" alt="Dante Capelli" class="cd-hero-img" loading="lazy"/><div class="cd-hero-shade" aria-hidden="true"></div><span class="cd-clabel cd-hero-tag">Case Dante Capelli</span><div class="cd-hero-info"><p class="cd-cname">Dante Capelli</p><p class="cd-crole">Fundador · Dante Capelli Co.</p></div></div><p class="cd-lead">Chegou faturando menos de R$100 mil por mês. A Wolf ativou mídia, SEO e CRM <span class="cd-hl">como um sistema só</span>: a mídia trouxe escala, o SEO reduziu a dependência dela, e o CRM aumentou o LTV e criou recorrência.</p><p class="cd-sub">Em dois anos, faturamento recorrente acima de R$250 mil por mês, ROAS perto de 8x, CAC menor e LTV maior.</p><div class="cd-ba"><div class="cd-cell cd-before"><div class="cd-k">Antes</div><div class="cd-v">&lt; R$100k<span class="cd-u">/mês</span></div></div><div class="cd-arrow"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12 H19"></path><path d="M13 6 L19 12 L13 18"></path></svg></div><div class="cd-cell cd-after"><div class="cd-k">Hoje</div><div class="cd-v">R$250k+<span class="cd-u">/mês</span></div></div></div><button class="cd-btn">Ver todos os cases<!-- --> <span class="cd-a" aria-hidden="true">↗</span></button></article><article class="cd-card cd-metric"><div class="cd-mtop"><span class="cd-who">Dante Capelli</span><span class="cd-tag">E-commerce</span></div><div class="cd-mrow"><span class="cd-big" data-count="2.5" data-dec="1" data-prefix="" data-suffix="x">2,5x</span><span class="cd-delta"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M5 19 L19 5"></path><path d="M9 5 H19 V15"></path></svg>+150%</span></div><p class="cd-cap">Faturamento recorrente em 24 meses</p><svg class="cd-chart" viewBox="0 0 300 96" preserveAspectRatio="none" aria-hidden="true"><defs><linearGradient id="cd-area-0" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="oklch(0.6 0.2 305 / 0.34)"></stop><stop offset="1" stop-color="oklch(0.6 0.2 305 / 0)"></stop></linearGradient><linearGradient id="cd-line-0" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="oklch(0.56 0.2 300)"></stop><stop offset="1" stop-color="oklch(0.66 0.18 318)"></stop></linearGradient></defs>
273<path class="cd-area" d="M 0.0 82.0 L 42.9 77.2 L 85.7 69.2 L 128.6 56.4 L 171.4 48.4 L 214.3 32.4 L 257.1 24.4 L 300.0 10.0 L 300 96 L 0 96 Z" style="fill:url(#cd-area-0)"></path><path class="cd-line" d="M 0.0 82.0 L 42.9 77.2 L 85.7 69.2 L 128.6 56.4 L 171.4 48.4 L 214.3 32.4 L 257.1 24.4 L 300.0 10.0" style="stroke:url(#cd-line-0)"></path><circle class="cd-glowdot" r="5"><animateMotion dur="1.6s" begin="indefinite" fill="freeze" keyPoints="0;1" keyTimes="0;1" calcMode="linear" path="M 0.0 82.0 L 42.9 77.2 L 85.7 69.2 L 128.6 56.4 L 171.4 48.4 L 214.3 32.4 L 257.1 24.4 L 300.0 10.0"></animateMotion></circle><circle class="cd-enddot" cx="300" cy="10" r="4.5"><animate attributeName="r" values="4.5;6.5;4.5" dur="2s" repeatCount="indefinite"></animate></circle></svg><div class="cd-axis"><span>R$100k</span><span class="cd-axis-end">R$250k+/mês</span></div></article><article class="cd-card cd-metric"><div class="cd-mtop"><span class="cd-who">Dante Capelli</span><span class="cd-tag">Mídia + CRM + SEO</span></div><div class="cd-mrow"><span class="cd-big" data-count="8" data-dec="0" data-prefix="~" data-suffix="x">~8x</span><span class="cd-delta"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M5 19 L19 5"></path><path d="M9 5 H19 V15"></path></svg>ROAS</span></div><p class="cd-cap">ROAS consolidado da operação</p><div class="cd-bars"><span class="cd-b" style="--h:0.24"></span><span class="cd-b" style="--h:0.34"></span><span class="cd-b" style="--h:0.46"></span><span class="cd-b" style="--h:0.6"></span><span class="cd-b" style="--h:0.74"></span><span class="cd-b" style="--h:0.88"></span><span class="cd-b" style="--h:1"></span></div><div class="cd-axis"><span>Mês 1</span><span class="cd-axis-end">Mês 24</span></div></article></div></div></section><section class="relative overflow-hidden py-16 md:py-20" style="background:radial-gradient(ellipse at 20% 0%, rgba(101,20,140,0.5) 0%, transparent 55%), radial-gradient(ellipse at 80% 100%, rgba(64,0,95,0.7) 0%, transparent 55%), #29043B"><div aria-hidden="true" class="absolute inset-0 pointer-events-none opacity-40" style="background:radial-gradient(circle at 50% 50%, rgba(167,139,250,0.15) 0%, transparent 60%)"></div><div class="container-wolf relative text-center max-w-3xl mx-auto flex flex-col items-center gap-6"><h2 class="font-display text-4xl md:text-5xl lg:text-6xl leading-[1.05] tracking-[-0.02em] text-paper">Não sabe por qual frente começar?</h2><p class="text-lg text-paper/70 max-w-2xl">Esse é exatamente o trabalho do diagnóstico. A gente mostra onde está o maior ganho antes de propor qualquer coisa.</p><div class="mt-2"><button class="group relative inline-flex items-center justify-center gap-2 rounded-pill font-body font-semibold tracking-[-0.01em] transition-all duration-300 ease-[var(--ease-wolf)] disabled:opacity-50 disabled:pointer-events-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-vibrant/50 focus-visible:ring-offset-2 h-14 px-7 text-base btn-shine text-white shadow-2 hover:shadow-float hover:-translate-y-[2px] active:translate-y-0 bg-[linear-gradient(135deg,#65148C_0%,#7C3AED_55%,#A78BFA_100%)] bg-[length:200%_200%] hover:bg-[length:160%_160%] focus-visible:ring-offset-paper"><span class="relative z-10">Falar com um especialista</span><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right relative z-10 transition-transform duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></button></div></div></section></main><footer class="section-dark"><div class="container-wolf py-12 md:py-16"><div class="grid grid-cols-1 lg:grid-cols-12 gap-12"><div class="lg:col-span-4"><img src="/assets/wolf-logo-DCRi8CnR.webp" alt="Wolf Aceleradora de Negócios" loading="lazy" decoding="async" draggable="false" class="h-9 md:h-10 w-auto mb-6 select-none brightness-0 invert"/><p class="font-display text-[26px] md:text-[30px] leading-[1.15] text-on-dark max-w-md tracking-tight">Marketing é parte,<br/>aceleração é o todo.</p><div class="mt-10 flex flex-col gap-3 text-on-dark-soft"><a href="mailto:[email protected]" class="inline-flex items-center gap-2.5 hover:text-on-dark transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
273ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg><span class="text-sm">[email protected]</span></a><a href="tel:98992282070" class="inline-flex items-center gap-2.5 hover:text-on-dark transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg><span class="text-sm">(98) 99228-2070</span></a></div></div><div class="lg:col-span-8 grid grid-cols-2 md:grid-cols-4 gap-8"><div><h3 class="font-body font-semibold text-on-dark text-[13px] uppercase tracking-[0.12em] mb-4">Institucional</h3><ul class="flex flex-col"><li><a href="/quem-somos" class="flex items-center min-h-11 py-2.5 text-on-dark-soft hover:text-on-dark text-sm transition-colors">Aceleradora</a></li><li><a href="/trabalhe-na-wolf" class="flex items-center min-h-11 py-2.5 text-on-dark-soft hover:text-on-dark text-sm transition-colors">Carreiras</a></li><li><a href="/cases" class="flex items-center min-h-11 py-2.5 text-on-dark-soft hover:text-on-dark text-sm transition-colors">Cases</a></li></ul></div><div><h3 class="font-body font-semibold text-on-dark text-[13px] uppercase tracking-[0.12em] mb-4">Serviços</h3><ul class="flex flex-col"><li><a href="/gestao-de-performance-ecommerce" class="flex items-center min-h-11 py-2.5 text-on-dark-soft hover:text-on-dark text-sm transition-colors">Performance E-commerce</a></li><li><a href="/gestao-de-performance-negocios-locais" class="flex items-center min-h-11 py-2.5 text-on-dark-soft hover:text-on-dark text-sm transition-colors">Performance Negócios Locais</a></li><li><a href="/wolf-crm" class="flex items-center min-h-11 py-2.5 text-on-dark-soft hover:text-on-dark text-sm transition-colors">Wolf CRM</a></li><li><a href="/seo-360" class="flex items-center min-h-11 py-2.5 text-on-dark-soft hover:text-on-dark text-sm transition-colors">SEO 360</a></li><li><a href="/criativos-de-alta-performance" class="flex items-center min-h-11 py-2.5 text-on-dark-soft hover:text-on-dark text-sm transition-colors">Criativos</a></li></ul></div><div><h3 class="font-body font-semibold text-on-dark text-[13px] uppercase tracking-[0.12em] mb-4">Conversão</h3><ul class="flex flex-col"><li><a href="/landing-pages-de-alta-conversao" class="flex items-center min-h-11 py-2.5 text-on-dark-soft hover:text-on-dark text-sm transition-colors">Landing Pages</a></li><li><a href="/diagnostico-de-cro" class="flex items-center min-h-11 py-2.5 text-on-dark-soft hover:text-on-dark text-sm transition-colors">Diagnóstico de CRO</a></li><li><a href="/liveshop-estrategica" class="flex items-center min-h-11 py-2.5 text-on-dark-soft hover:text-on-dark text-sm transition-colors">LiveShop Estratégica</a></li><li><a href="/wolf-sprint" class="flex items-center min-h-11 py-2.5 text-on-dark-soft hover:text-on-dark text-sm transition-colors">Wolf Sprint</a></li></ul></div><div><h3 class="font-body font-semibold text-on-dark text-[13px] uppercase tracking-[0.12em] mb-4">Tecnologia &amp; Conteúdo</h3><ul class="flex flex-col"><li><a href="/tecnologia/wolfos" class="flex items-center min-h-11 py-2.5 text-on-dark-soft hover:text-on-dark text-sm transition-colors">WolfOS</a></li><li><a href="/tecnologia/wolf-nexo" class="flex items-center min-h-11 py-2.5 text-on-dark-soft hover:text-on-dark text-sm transition-colors">Wolf Nexo</a></li><li><a href="/blog" class="flex items-center min-h-11 py-2.5 text-on-dark-soft hover:text-on-dark text-sm transition-colors">Blog</a></li><li><a href="/servicos" class="flex items-center min-h-11 py-2.5 text-on-dark-soft hover:text-on-dark text-sm transition-colors">Todos os serviços</a></li></ul></div></div></div><div class="mt-16 pt-8 border-t border-white/10 flex flex-col md:flex-row items-start md:items-center justify-between gap-6"><div class="flex items-center gap-4"><div class="flex items-center gap-2 rounded-2xl border border-white/15 bg-white/95 px-3 py-2"><img src="/assets/google-partner-DNr7NUHL.webp" alt="Google Partner" loading="lazy" decoding="async" class="h-10 w-auto object-contain"/></div><div class="flex items-center rounded-2xl border border-white/15 bg-white/5 p-1.5"><img src="/assets/gptw-DktU6bAR.webp" alt="Great Place To Work, Certificada Brasil Abr 2026 a Abr 2027" loading="lazy" decoding="async" class="h-14 w-auto object-contain"/></div></div><p class="text-on-dark-mut text-xs">© 2026 Wolf Aceleradora de Negócios</p></div></div></footer>
273<script>(function(t){let s;try{s=JSON.parse(sessionStorage.getItem(t.storageKey)||"{}")}catch(e){console.error(e);return}const c=t.key||window.history.state?.__TSR_key,r=c?s[c]:void 0;if(t.shouldScrollRestoration&&r&&typeof r=="object"&&Object.keys(r).length>0){for(const e in r){const o=r[e];if(!o||typeof o!="object")continue;const l=o.scrollX,i=o.scrollY;if(!(!Number.isFinite(l)||!Number.isFinite(i))){if(e==="window")window.scrollTo({top:i,left:l,behavior:t.behavior});else if(e){let n;try{n=document.querySelector(e)}catch{continue}n&&(n.scrollLeft=l,n.scrollTop=i)}}}return}const a=window.location.hash.split("#",2)[1];if(a){const e=window.history.state?.__hashScrollIntoViewOptions??!0;if(e){const o=document.getElementById(a);o&&o.scrollIntoView(e)}return}window.scrollTo({top:0,left:0,behavior:t.behavior})})({"storageKey":"tsr-scroll-restoration-v1_3","shouldScrollRestoration":true});document.currentScript.remove()</script>
273<!--/$-->
273<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-BZ1qjxEt.js"],assets:$R[5]=[$R[6]={tag:"script",attrs:$R[7]={type:"module",async:!0},children:"import(\"/assets/index-BZ1qjxEt.js\")"}]}}},matches:$R[8]=[$R[9]={i:"__root__�",u:1790642791843,s:"success",ssr:!0},$R[10]={i:"�servicos�servicos",u:1790642791843,s:"success",ssr:!0}],lastMatchId:"�servicos�servicos"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
273<script type="module" async="">import("/assets/index-BZ1qjxEt.js")</script>
273</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.