formulario hammer<\/title>\r\n <link rel=\"icon\" type=\"image\/png\" href=\"https:\/\/agenciahammer.com.br\/landing\/assets\/images\/logo.png\">\r\n \r\n \r\n <link href=\"https:\/\/fonts.cdnfonts.com\/css\/proxima-nova-2\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --primary: #00A3FF;\r\n --primary-hover: #0082CC;\r\n --bg: #F8FAFC;\r\n --card-bg: #FFFFFF;\r\n --text-main: #0F172A;\r\n --text-muted: #64748B;\r\n --border: #E2E8F0;\r\n --radius: 12px;\r\n --whatsapp-green: #25D366;\r\n --font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, sans-serif;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: var(--font-family);\r\n }\r\n\r\n body {\r\n background-color: var(--bg);\r\n color: var(--text-main);\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n \/* --- IDENTIDADE TYPOGRAPHY HAMMER --- *\/\r\n h1 {\r\n font-family: var(--font-family);\r\n font-weight: 800; \/* ExtraBold *\/\r\n font-size: 72px;\r\n line-height: 58px;\r\n color: var(--text-main);\r\n }\r\n\r\n h2 {\r\n font-family: var(--font-family);\r\n font-weight: 700; \/* Bold *\/\r\n font-size: 36px; \/* Ajustado responsivamente para o formul\u00e1rio *\/\r\n line-height: 42px;\r\n color: var(--text-main);\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n h3 {\r\n font-family: var(--font-family);\r\n font-weight: 400; \/* Regular *\/\r\n font-size: 22px;\r\n line-height: 29px;\r\n color: var(--text-main);\r\n }\r\n\r\n h4, .step-count {\r\n font-family: var(--font-family);\r\n font-weight: 300; \/* Light *\/\r\n font-size: 18px;\r\n line-height: 20px;\r\n color: var(--primary);\r\n margin-bottom: 0.5rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n header {\r\n background: var(--card-bg);\r\n border-bottom: 1px solid var(--border);\r\n padding: 1rem 2rem;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.05);\r\n }\r\n\r\n \/* FOR\u00c7ANDO O TAMANHO CONTROLADO DA LOGO *\/\r\n .logo {\r\n height: 36px !important;\r\n max-height: 36px !important;\r\n width: auto !important;\r\n max-width: 180px !important;\r\n object-fit: contain !important;\r\n display: block !important;\r\n }\r\n\r\n .phone-config {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n cursor: pointer;\r\n color: var(--text-muted);\r\n font-size: 18px;\r\n font-weight: 300;\r\n transition: color 0.2s;\r\n }\r\n\r\n .phone-config:hover {\r\n color: var(--primary);\r\n }\r\n\r\n .progress-container {\r\n width: 100%;\r\n height: 6px;\r\n background: var(--border);\r\n }\r\n\r\n .progress-bar {\r\n height: 100%;\r\n background: var(--primary);\r\n width: 10%;\r\n transition: width 0.3s ease;\r\n }\r\n\r\n main {\r\n flex: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 2rem 1rem;\r\n }\r\n\r\n .card {\r\n background: var(--card-bg);\r\n border-radius: var(--radius);\r\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);\r\n border: 1px solid var(--border);\r\n width: 100%;\r\n max-width: 640px;\r\n padding: 2.5rem;\r\n }\r\n\r\n .step {\r\n display: none;\r\n }\r\n\r\n .step.active {\r\n display: block;\r\n animation: fadeIn 0.3s ease-in-out;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(8px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .input-group {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n input[type=\"text\"], input[type=\"email\"], input[type=\"tel\"], textarea {\r\n width: 100%;\r\n padding: 0.875rem 1rem;\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n font-size: 22px;\r\n font-weight: 400;\r\n outline: none;\r\n transition: border-color 0.2s;\r\n background: #FAFAFA;\r\n }\r\n\r\n input:focus, textarea:focus {\r\n border-color: var(--primary);\r\n background: #FFF;\r\n }\r\n\r\n textarea {\r\n resize: vertical;\r\n min-height: 120px;\r\n }\r\n\r\n .options-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 12px;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .option-card {\r\n border: 1px solid var(--border);\r\n padding: 1rem;\r\n border-radius: var(--radius);\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n background: #FAFAFA;\r\n font-size: 18px;\r\n font-weight: 400;\r\n text-align: center;\r\n }\r\n\r\n .option-card:hover {\r\n border-color: var(--primary);\r\n background: #F0F9FF;\r\n }\r\n\r\n .option-card.selected {\r\n border-color: var(--primary);\r\n background: #F0F9FF;\r\n color: var(--primary);\r\n font-weight: 700;\r\n box-shadow: 0 0 0 1px var(--primary);\r\n }\r\n\r\n .chips-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .chip {\r\n padding: 0.6rem 1.2rem;\r\n border: 1px solid var(--border);\r\n border-radius: 50px;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n font-size: 18px;\r\n font-weight: 400;\r\n background: #FAFAFA;\r\n }\r\n\r\n .chip:hover {\r\n border-color: var(--primary);\r\n background: #F0F9FF;\r\n }\r\n\r\n .chip.selected {\r\n border-color: var(--primary);\r\n background: var(--primary);\r\n color: white;\r\n font-weight: 700;\r\n }\r\n\r\n .testimonial {\r\n margin-top: 2rem;\r\n padding-top: 1.5rem;\r\n border-top: 1px dashed var(--border);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .testimonial-avatar {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n background: var(--primary);\r\n color: white;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 700;\r\n font-size: 18px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .testimonial-text {\r\n font-size: 18px;\r\n font-weight: 300;\r\n color: var(--text-muted);\r\n font-style: italic;\r\n }\r\n\r\n .testimonial-author {\r\n font-weight: 700;\r\n color: var(--text-main);\r\n font-style: normal;\r\n display: block;\r\n margin-top: 2px;\r\n font-size: 18px;\r\n }\r\n\r\n .actions {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-top: 2rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.875rem 1.75rem;\r\n border-radius: var(--radius);\r\n font-size: 22px;\r\n font-weight: 400;\r\n cursor: pointer;\r\n border: none;\r\n transition: background 0.2s;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--primary);\r\n color: white;\r\n width: 100%;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: var(--primary-hover);\r\n }\r\n\r\n .btn-primary:disabled {\r\n background: #CBD5E1;\r\n cursor: not-allowed;\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: var(--text-muted);\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: #F1F5F9;\r\n }\r\n\r\n .btn-whatsapp {\r\n background: var(--whatsapp-green);\r\n color: white;\r\n width: 100%;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n }\r\n\r\n .btn-whatsapp:hover {\r\n background: #1EBE5D;\r\n }\r\n\r\n .modal-bg {\r\n display: none;\r\n position: fixed;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n background: rgba(0,0,0,0.5);\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 100;\r\n }\r\n\r\n .modal {\r\n background: white;\r\n padding: 2rem;\r\n border-radius: var(--radius);\r\n width: 90%;\r\n max-width: 400px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <header>\r\n <img decoding=\"async\" src=\"https:\/\/agenciahammer.com.br\/landing\/assets\/images\/logo.png\" alt=\"Logo Hammer\" class=\"logo\" style=\"height: 36px !important; width: auto !important; max-width: 180px !important; object-fit: contain !important; display: block !important;\">\r\n <div class=\"phone-config\" onclick=\"openPhoneModal()\">\r\n <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\r\n <span id=\"dest-phone-label\">+55 (38) 99924-2454<\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"progress-container\">\r\n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\r\n <\/div>\r\n\r\n <main>\r\n <div class=\"card\">\r\n \r\n <div class=\"step active\" id=\"step-1\">\r\n <div class=\"step-count\">Passo 1 de 10<\/div>\r\n <h2>Como devemos te chamar?<\/h2>\r\n <div class=\"input-group\">\r\n <input type=\"text\" id=\"input-nome\" placeholder=\"Digite seu nome completo\" oninput=\"validateStep()\">\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <div class=\"testimonial-avatar\">RS<\/div>\r\n <div class=\"testimonial-text\">\r\n \"A Hammer estruturou todo o nosso funil comercial em menos de 3 semanas. Resultados incr\u00edveis!\"\r\n <span class=\"testimonial-author\">Ricardo Silva \u2014 CEO da TechFlow<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" id=\"step-2\">\r\n <div class=\"step-count\">Passo 2 de 10<\/div>\r\n <h2>Qual \u00e9 o seu e-mail profissional, <span class=\"lbl-nome\"><\/span>?<\/h2>\r\n <div class=\"input-group\">\r\n <input type=\"email\" id=\"input-email\" placeholder=\"seuemail@empresa.com\" oninput=\"validateStep()\">\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <div class=\"testimonial-avatar\">AM<\/div>\r\n <div class=\"testimonial-text\">\r\n \"A comunica\u00e7\u00e3o assertiva e a qualifica\u00e7\u00e3o dos leads mudaram o jogo aqui na empresa.\"\r\n <span class=\"testimonial-author\">Ana Marta \u2014 CMO da Eduka<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" id=\"step-3\">\r\n <div class=\"step-count\">Passo 3 de 10<\/div>\r\n <h2>E por qual n\u00famero nosso especialista consegue contato com voc\u00ea?<\/h2>\r\n <div class=\"input-group\">\r\n <input type=\"tel\" id=\"input-whatsapp\" placeholder=\"(38) 99999-9999\" maxlength=\"15\" oninput=\"maskPhone(this); validateStep()\">\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <div class=\"testimonial-avatar\">FA<\/div>\r\n <div class=\"testimonial-text\">\r\n \"Agilidade no atendimento e suporte diferenciado. Recomendo fortemente!\"\r\n <span class=\"testimonial-author\">Felipe Almeida \u2014 Diretor de Opera\u00e7\u00f5es<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" id=\"step-4\">\r\n <div class=\"step-count\">Passo 4 de 10<\/div>\r\n <h2>Nos diga, qual o nome da sua empresa?<\/h2>\r\n <div class=\"input-group\">\r\n <input type=\"text\" id=\"input-empresa\" placeholder=\"Nome da empresa\" oninput=\"validateStep()\">\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <div class=\"testimonial-avatar\">CC<\/div>\r\n <div class=\"testimonial-text\">\r\n \"Eles entenderam a fundo o modelo do nosso neg\u00f3cio antes de propor qualquer solu\u00e7\u00e3o.\"\r\n <span class=\"testimonial-author\">Carla Costa \u2014 Founder<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" id=\"step-5\">\r\n <div class=\"step-count\">Passo 5 de 10<\/div>\r\n <h2>Quanto, em m\u00e9dia, ela est\u00e1 faturando ao m\u00eas?<\/h2>\r\n <div class=\"options-grid\" id=\"faturamento-options\">\r\n <div class=\"option-card\" onclick=\"selectOption('faturamento', 'At\u00e9 R$ 3 mil')\">At\u00e9 R$ 3 mil<\/div>\r\n <div class=\"option-card\" onclick=\"selectOption('faturamento', 'De R$ 3 mil \u00e0 R$ 6 mil')\">De R$ 3 mil \u00e0 R$ 6 mil<\/div>\r\n <div class=\"option-card\" onclick=\"selectOption('faturamento', 'De R$ 6 mil \u00e0 R$ 10 mil')\">De R$ 6 mil \u00e0 R$ 10 mil<\/div>\r\n <div class=\"option-card\" onclick=\"selectOption('faturamento', 'De R$ 10 mil \u00e0 R$ 20 mil')\">De R$ 10 mil \u00e0 R$ 20 mil<\/div>\r\n <div class=\"option-card\" onclick=\"selectOption('faturamento', 'De R$ 20 mil \u00e0 R$ 50 mil')\">De R$ 20 mil \u00e0 R$ 50 mil<\/div>\r\n <div class=\"option-card\" onclick=\"selectOption('faturamento', 'Acima de R$ 50 mil')\">Acima de R$ 50 mil<\/div>\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <div class=\"testimonial-avatar\">LG<\/div>\r\n <div class=\"testimonial-text\">\r\n \"Aumentamos o volume de vendas e organizamos o processo comercial logo nos primeiros meses.\"\r\n <span class=\"testimonial-author\">Lucas Gonzaga \u2014 Diretor Comercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" id=\"step-6\">\r\n <div class=\"step-count\">Passo 6 de 10<\/div>\r\n <h2>Em qual segmento de mercado voc\u00eas est\u00e3o exatamente?<\/h2>\r\n <div class=\"chips-grid\" id=\"segmento-chips\">\r\n <div class=\"chip\" onclick=\"selectChip('segmento', 'Servi\u00e7o', this)\">Servi\u00e7o<\/div>\r\n <div class=\"chip\" onclick=\"selectChip('segmento', 'Varejo', this)\">Varejo<\/div>\r\n <div class=\"chip\" onclick=\"selectChip('segmento', 'Ind\u00fastria', this)\">Ind\u00fastria<\/div>\r\n <div class=\"chip\" onclick=\"selectChip('segmento', 'E-commerce', this)\">E-commerce<\/div>\r\n <div class=\"chip\" onclick=\"selectChip('segmento', 'Food Service', this)\">Food Service<\/div>\r\n <div class=\"chip\" onclick=\"selectChip('segmento', 'Tecnologia', this)\">Tecnologia<\/div>\r\n <div class=\"chip\" onclick=\"selectChip('segmento', 'Sa\u00fade', this)\">Sa\u00fade<\/div>\r\n <div class=\"chip\" onclick=\"selectChip('segmento', 'Outros', this)\">Outros<\/div>\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <div class=\"testimonial-avatar\">MP<\/div>\r\n <div class=\"testimonial-text\">\r\n \"Adapta\u00e7\u00e3o perfeita ao nosso segmento de mercado, sem solu\u00e7\u00f5es gen\u00e9ricas.\"\r\n <span class=\"testimonial-author\">Mariana Pires \u2014 Head de Growth<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" id=\"step-7\">\r\n <div class=\"step-count\">Passo 7 de 10<\/div>\r\n <h2>Qual o CNPJ dela?<\/h2>\r\n <div class=\"input-group\">\r\n <input type=\"text\" id=\"input-cnpj\" placeholder=\"00.000.000\/0000-00\" maxlength=\"18\" oninput=\"maskCNPJ(this); validateStep()\">\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <div class=\"testimonial-avatar\">JV<\/div>\r\n <div class=\"testimonial-text\">\r\n \"Seguran\u00e7a, governan\u00e7a e transpar\u00eancia do in\u00edcio ao fim do processo.\"\r\n <span class=\"testimonial-author\">Jo\u00e3o Vitor \u2014 CFO<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" id=\"step-8\">\r\n <div class=\"step-count\">Passo 8 de 10<\/div>\r\n <h2>E qual \u00e9 o seu cargo a\u00ed dentro?<\/h2>\r\n <div class=\"chips-grid\" id=\"cargo-chips\">\r\n <div class=\"chip\" onclick=\"selectChip('cargo', 'Propriet\u00e1rio', this)\">Propriet\u00e1rio<\/div>\r\n <div class=\"chip\" onclick=\"selectChip('cargo', 'S\u00f3cio', this)\">S\u00f3cio<\/div>\r\n <div class=\"chip\" onclick=\"selectChip('cargo', 'CEO \/ Diretor', this)\">CEO \/ Diretor<\/div>\r\n <div class=\"chip\" onclick=\"selectChip('cargo', 'Gerente', this)\">Gerente<\/div>\r\n <div class=\"chip\" onclick=\"selectChip('cargo', 'Outro', this)\">Outro<\/div>\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <div class=\"testimonial-avatar\">BT<\/div>\r\n <div class=\"testimonial-text\">\r\n \"Comunica\u00e7\u00e3o direta de executivo para executivo, sem enrola\u00e7\u00e3o.\"\r\n <span class=\"testimonial-author\">Beatriz Torres \u2014 Direta Executiva<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" id=\"step-9\">\r\n <div class=\"step-count\">Passo 9 de 10<\/div>\r\n <h2>Para quando voc\u00ea tem interesse em iniciar esse projeto?<\/h2>\r\n <div class=\"options-grid\" id=\"inicio-options\">\r\n <div class=\"option-card\" onclick=\"selectOption('inicio', 'Imediatamente')\">Imediatamente<\/div>\r\n <div class=\"option-card\" onclick=\"selectOption('inicio', 'Nos pr\u00f3ximos 3 meses')\">Nos pr\u00f3ximos 3 meses<\/div>\r\n <div class=\"option-card\" onclick=\"selectOption('inicio', 'Em at\u00e9 6 meses')\">Em at\u00e9 6 meses<\/div>\r\n <div class=\"option-card\" onclick=\"selectOption('inicio', 'Ainda n\u00e3o sei')\">Ainda n\u00e3o sei<\/div>\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <div class=\"testimonial-avatar\">DR<\/div>\r\n <div class=\"testimonial-text\">\r\n \"Iniciamos imediatamente e na primeira semana j\u00e1 t\u00ednhamos estrutura rodando.\"\r\n <span class=\"testimonial-author\">Daniel Rocha \u2014 Gerente de Projetos<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" id=\"step-10\">\r\n <div class=\"step-count\">Passo 10 de 10<\/div>\r\n <h2>Conte-me um pouco sobre a sua empresa e o que espera atingir com a ajuda da Hammer.<\/h2>\r\n <div class=\"input-group\">\r\n <textarea id=\"input-detalhes\" placeholder=\"Compartilhe seus objetivos e desafios principais...\" oninput=\"validateStep()\"><\/textarea>\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <div class=\"testimonial-avatar\">HA<\/div>\r\n <div class=\"testimonial-text\">\r\n \"Sua empresa est\u00e1 a um passo da maior transforma\u00e7\u00e3o do seu funil de vendas.\"\r\n <span class=\"testimonial-author\">Equipe Hammer AI Agency<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" id=\"step-success\">\r\n <div style=\"text-align: center; padding: 1rem 0;\">\r\n <svg width=\"64\" height=\"64\" fill=\"none\" stroke=\"var(--whatsapp-green)\" viewBox=\"0 0 24 24\" style=\"margin-bottom: 1rem;\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n <\/svg>\r\n <h2>Diagn\u00f3stico Conclu\u00eddo!<\/h2>\r\n <h3 style=\"color: var(--text-muted); margin-bottom: 2rem;\">Sua mensagem foi gerada e est\u00e1 pronta para envio. Clique no bot\u00e3o abaixo para abrir a conversa no WhatsApp.<\/h3>\r\n <a id=\"whatsapp-link\" href=\"#\" target=\"_blank\" class=\"btn btn-whatsapp\">\r\n ABRIR CONVERSA NO WHATSAPP AGORA\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"actions\" id=\"action-buttons\">\r\n <button class=\"btn btn-secondary\" id=\"btn-back\" onclick=\"prevStep()\" style=\"visibility: hidden;\">Voltar<\/button>\r\n <button class=\"btn btn-primary\" id=\"btn-next\" onclick=\"nextStep()\" disabled>Avan\u00e7ar<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n \r\n <div class=\"modal-bg\" id=\"phoneModal\">\r\n <div class=\"modal\">\r\n <h3 style=\"margin-bottom: 1rem; font-weight: 700;\">Alterar N\u00famero de Destino<\/h3>\r\n <div class=\"input-group\">\r\n <input type=\"text\" id=\"dest-phone-input\" value=\"5538999242454\" placeholder=\"Ex: 5538999242454\">\r\n <\/div>\r\n <div style=\"display: flex; gap: 10px; justify-content: flex-end;\">\r\n <button class=\"btn btn-secondary\" onclick=\"closePhoneModal()\">Cancelar<\/button>\r\n <button class=\"btn btn-primary\" style=\"width: auto;\" onclick=\"savePhone()\">Salvar<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n let currentStep = 1;\r\n let destNumber = \"5538999242454\";\r\n const formData = {\r\n nome: '',\r\n email: '',\r\n whatsapp: '',\r\n empresa: '',\r\n faturamento: '',\r\n segmento: '',\r\n cnpj: '',\r\n cargo: '',\r\n inicio: '',\r\n detalhes: ''\r\n };\r\n\r\n function updateProgress() {\r\n const bar = document.getElementById('progressBar');\r\n bar.style.width = (currentStep * 10) + '%';\r\n }\r\n\r\n function validateStep() {\r\n const btnNext = document.getElementById('btn-next');\r\n let isValid = false;\r\n\r\n switch(currentStep) {\r\n case 1: \r\n isValid = document.getElementById('input-nome').value.trim() !== ''; \r\n break;\r\n case 2: \r\n isValid = document.getElementById('input-email').value.includes('@'); \r\n break;\r\n case 3: \r\n const rawPhone = document.getElementById('input-whatsapp').value.replace(\/\\D\/g, \"\");\r\n isValid = rawPhone.length >= 10; \r\n break;\r\n case 4: \r\n isValid = document.getElementById('input-empresa').value.trim() !== ''; \r\n break;\r\n case 5: \r\n isValid = formData.faturamento !== ''; \r\n break;\r\n case 6: \r\n isValid = formData.segmento !== ''; \r\n break;\r\n case 7: \r\n isValid = document.getElementById('input-cnpj').value.length === 18; \r\n break;\r\n case 8: \r\n isValid = formData.cargo !== ''; \r\n break;\r\n case 9: \r\n isValid = formData.inicio !== ''; \r\n break;\r\n case 10: \r\n isValid = document.getElementById('input-detalhes').value.trim() !== ''; \r\n break;\r\n }\r\n\r\n btnNext.disabled = !isValid;\r\n }\r\n\r\n function nextStep() {\r\n saveStepData();\r\n\r\n if (currentStep < 10) {\r\n document.getElementById(`step-${currentStep}`).classList.remove('active');\r\n currentStep++;\r\n document.getElementById(`step-${currentStep}`).classList.add('active');\r\n \r\n if (currentStep === 2) {\r\n document.querySelectorAll('.lbl-nome').forEach(el => el.textContent = formData.nome);\r\n }\r\n\r\n document.getElementById('btn-back').style.visibility = 'visible';\r\n updateProgress();\r\n validateStep();\r\n } else if (currentStep === 10) {\r\n finishForm();\r\n }\r\n }\r\n\r\n function prevStep() {\r\n if (currentStep > 1) {\r\n document.getElementById(`step-${currentStep}`).classList.remove('active');\r\n currentStep--;\r\n document.getElementById(`step-${currentStep}`).classList.add('active');\r\n \r\n if (currentStep === 1) {\r\n document.getElementById('btn-back').style.visibility = 'hidden';\r\n }\r\n updateProgress();\r\n validateStep();\r\n }\r\n }\r\n\r\n function saveStepData() {\r\n if (currentStep === 1) formData.nome = document.getElementById('input-nome').value;\r\n if (currentStep === 2) formData.email = document.getElementById('input-email').value;\r\n if (currentStep === 3) formData.whatsapp = document.getElementById('input-whatsapp').value;\r\n if (currentStep === 4) formData.empresa = document.getElementById('input-empresa').value;\r\n if (currentStep === 7) formData.cnpj = document.getElementById('input-cnpj').value;\r\n if (currentStep === 10) formData.detalhes = document.getElementById('input-detalhes').value;\r\n }\r\n\r\n function selectOption(field, value) {\r\n formData[field] = value;\r\n const container = document.getElementById(`${field}-options`);\r\n const cards = container.getElementsByClassName('option-card');\r\n for (let card of cards) {\r\n card.classList.remove('selected');\r\n if (card.textContent === value) card.classList.add('selected');\r\n }\r\n validateStep();\r\n }\r\n\r\n function selectChip(field, value, el) {\r\n formData[field] = value;\r\n const chips = el.parentElement.getElementsByClassName('chip');\r\n for (let chip of chips) chip.classList.remove('selected');\r\n el.classList.add('selected');\r\n validateStep();\r\n }\r\n\r\n function maskPhone(input) {\r\n let v = input.value.replace(\/\\D\/g, \"\");\r\n if (v.length > 11) v = v.substring(0, 11);\r\n\r\n if (v.length > 10) {\r\n v = v.replace(\/^(\\d{2})(\\d{5})(\\d{4})$\/, \"($1) $2-$3\");\r\n } else if (v.length > 5) {\r\n v = v.replace(\/^(\\d{2})(\\d{4})(\\d{0,4})$\/, \"($1) $2-$3\");\r\n } else if (v.length > 2) {\r\n v = v.replace(\/^(\\d{2})(\\d{0,5})$\/, \"($1) $2\");\r\n } else {\r\n v = v.replace(\/^(\\d*)\/, \"($1\");\r\n }\r\n\r\n input.value = v;\r\n }\r\n\r\n function maskCNPJ(input) {\r\n let v = input.value.replace(\/\\D\/g, \"\");\r\n v = v.replace(\/^(\\d{2})(\\d)\/, \"$1.$2\");\r\n v = v.replace(\/^(\\d{2})\\.(\\d{3})(\\d)\/, \"$1.$2.$3\");\r\n v = v.replace(\/\\.(\\d{3})(\\d)\/, \".$1\/$2\");\r\n v = v.replace(\/(\\d{4})(\\d)\/, \"$1-$2\");\r\n input.value = v;\r\n }\r\n\r\n function finishForm() {\r\n document.getElementById(`step-10`).classList.remove('active');\r\n document.getElementById('step-success').classList.add('active');\r\n document.getElementById('action-buttons').style.display = 'none';\r\n\r\n const message = `\ud83d\udd28 *NOVO DIAGN\u00d3STICO SOLICITADO - HAMMER AI AGENCY*\r\n\ud83d\udc64 *Nome:* ${formData.nome}\r\n\ud83d\udce7 *E-mail:* ${formData.email}\r\n\ud83d\udcf1 *WhatsApp Lead:* ${formData.whatsapp}\r\n\ud83c\udfe2 *Empresa:* ${formData.empresa}\r\n\ud83d\udcb0 *Faturamento Mensal:* ${formData.faturamento}\r\n\ud83c\udfaf *Segmento:* ${formData.segmento}\r\n\ud83d\udcc4 *CNPJ:* ${formData.cnpj}\r\n\ud83d\udc54 *Cargo:* ${formData.cargo}\r\n\ud83d\udcc5 *Previs\u00e3o de In\u00edcio:* ${formData.inicio}\r\n\ud83d\udcdd *Objetivo e Detalhes do Neg\u00f3cio:*\r\n\"${formData.detalhes}\"`;\r\n\r\n const encodedMessage = encodeURIComponent(message);\r\n const waUrl = `https:\/\/wa.me\/${destNumber}?text=${encodedMessage}`;\r\n \r\n document.getElementById('whatsapp-link').href = waUrl;\r\n }\r\n\r\n function openPhoneModal() {\r\n document.getElementById('phoneModal').style.display = 'flex';\r\n }\r\n\r\n function closePhoneModal() {\r\n document.getElementById('phoneModal').style.display = 'none';\r\n }\r\n\r\n function savePhone() {\r\n const inputVal = document.getElementById('dest-phone-input').value.replace(\/\\D\/g, \"\");\r\n if (inputVal) {\r\n destNumber = inputVal;\r\n document.getElementById('dest-phone-label').textContent = `+${inputVal}`;\r\n closePhoneModal();\r\n }\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>formulario hammer +55 (38) 99924-2454 Passo 1 de 10 Como devemos te chamar? RS “A Hammer estruturou todo o nosso funil comercial em menos de 3 semanas. Resultados incr\u00edveis!” Ricardo Silva \u2014 CEO da TechFlow Passo 2 de 10 Qual \u00e9 o seu e-mail profissional, ? AM “A comunica\u00e7\u00e3o assertiva e a qualifica\u00e7\u00e3o dos leads […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>formulario hammer - hammer agencia<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"formulario hammer - hammer agencia\" \/>\n<meta property=\"og:description\" content=\"formulario hammer +55 (38) 99924-2454 Passo 1 de 10 Como devemos te chamar? RS “A Hammer estruturou todo o nosso funil comercial em menos de 3 semanas. Resultados incr\u00edveis!” Ricardo Silva \u2014 CEO da TechFlow Passo 2 de 10 Qual \u00e9 o seu e-mail profissional, ? AM “A comunica\u00e7\u00e3o assertiva e a qualifica\u00e7\u00e3o dos leads […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/\" \/>\n<meta property=\"og:site_name\" content=\"hammer agencia\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-09T21:00:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/agenciahammer.com.br\/landing\/assets\/images\/logo.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/formulario-hammer\\\/\",\"url\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/formulario-hammer\\\/\",\"name\":\"formulario hammer - hammer agencia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/formulario-hammer\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/formulario-hammer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/agenciahammer.com.br\\\/landing\\\/assets\\\/images\\\/logo.png\",\"datePublished\":\"2026-10-09T20:54:13+00:00\",\"dateModified\":\"2026-10-09T21:00:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/formulario-hammer\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/formulario-hammer\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/formulario-hammer\\\/#primaryimage\",\"url\":\"https:\\\/\\\/agenciahammer.com.br\\\/landing\\\/assets\\\/images\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/agenciahammer.com.br\\\/landing\\\/assets\\\/images\\\/logo.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/formulario-hammer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"formulario hammer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/#website\",\"url\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/\",\"name\":\"hammer agencia\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/#organization\",\"name\":\"hammer agencia\",\"url\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/agenciahammer.com.br\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/HM-1.png\",\"contentUrl\":\"https:\\\/\\\/agenciahammer.com.br\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/HM-1.png\",\"width\":2300,\"height\":2244,\"caption\":\"hammer agencia\"},\"image\":{\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"formulario hammer - hammer agencia","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/","og_locale":"en_US","og_type":"article","og_title":"formulario hammer - hammer agencia","og_description":"formulario hammer +55 (38) 99924-2454 Passo 1 de 10 Como devemos te chamar? RS “A Hammer estruturou todo o nosso funil comercial em menos de 3 semanas. Resultados incr\u00edveis!” Ricardo Silva \u2014 CEO da TechFlow Passo 2 de 10 Qual \u00e9 o seu e-mail profissional, ? AM “A comunica\u00e7\u00e3o assertiva e a qualifica\u00e7\u00e3o dos leads […]","og_url":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/","og_site_name":"hammer agencia","article_modified_time":"2026-10-09T21:00:45+00:00","og_image":[{"url":"https:\/\/agenciahammer.com.br\/landing\/assets\/images\/logo.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/","url":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/","name":"formulario hammer - hammer agencia","isPartOf":{"@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/#website"},"primaryImageOfPage":{"@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/#primaryimage"},"image":{"@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/#primaryimage"},"thumbnailUrl":"https:\/\/agenciahammer.com.br\/landing\/assets\/images\/logo.png","datePublished":"2026-10-09T20:54:13+00:00","dateModified":"2026-10-09T21:00:45+00:00","breadcrumb":{"@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/#primaryimage","url":"https:\/\/agenciahammer.com.br\/landing\/assets\/images\/logo.png","contentUrl":"https:\/\/agenciahammer.com.br\/landing\/assets\/images\/logo.png"},{"@type":"BreadcrumbList","@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/"},{"@type":"ListItem","position":2,"name":"formulario hammer"}]},{"@type":"WebSite","@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/#website","url":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/","name":"hammer agencia","description":"","publisher":{"@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/#organization","name":"hammer agencia","url":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/#\/schema\/logo\/image\/","url":"https:\/\/agenciahammer.com.br\/wp-content\/uploads\/2026\/10\/HM-1.png","contentUrl":"https:\/\/agenciahammer.com.br\/wp-content\/uploads\/2026\/10\/HM-1.png","width":2300,"height":2244,"caption":"hammer agencia"},"image":{"@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/#\/schema\/logo\/image\/"}}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":7,"href":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/wp-json\/wp\/v2\/pages\/15\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n formulario hammer<\/title>\r\n <link rel=\"icon\" type=\"image\/png\" href=\"https:\/\/agenciahammer.com.br\/landing\/assets\/images\/logo.png\">\r\n \r\n \r\n <link href=\"https:\/\/fonts.cdnfonts.com\/css\/proxima-nova-2\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --primary: #00A3FF;\r\n --primary-hover: #0082CC;\r\n --bg: #F8FAFC;\r\n --card-bg: #FFFFFF;\r\n --text-main: #0F172A;\r\n --text-muted: #64748B;\r\n --border: #E2E8F0;\r\n --radius: 12px;\r\n --whatsapp-green: #25D366;\r\n --font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, sans-serif;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: var(--font-family);\r\n }\r\n\r\n body {\r\n background-color: var(--bg);\r\n color: var(--text-main);\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n \/* --- IDENTIDADE TYPOGRAPHY HAMMER --- *\/\r\n h1 {\r\n font-family: var(--font-family);\r\n font-weight: 800; \/* ExtraBold *\/\r\n font-size: 72px;\r\n line-height: 58px;\r\n color: var(--text-main);\r\n }\r\n\r\n h2 {\r\n font-family: var(--font-family);\r\n font-weight: 700; \/* Bold *\/\r\n font-size: 36px; \/* Ajustado responsivamente para o formul\u00e1rio *\/\r\n line-height: 42px;\r\n color: var(--text-main);\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n h3 {\r\n font-family: var(--font-family);\r\n font-weight: 400; \/* Regular *\/\r\n font-size: 22px;\r\n line-height: 29px;\r\n color: var(--text-main);\r\n }\r\n\r\n h4, .step-count {\r\n font-family: var(--font-family);\r\n font-weight: 300; \/* Light *\/\r\n font-size: 18px;\r\n line-height: 20px;\r\n color: var(--primary);\r\n margin-bottom: 0.5rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n header {\r\n background: var(--card-bg);\r\n border-bottom: 1px solid var(--border);\r\n padding: 1rem 2rem;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.05);\r\n }\r\n\r\n \/* FOR\u00c7ANDO O TAMANHO CONTROLADO DA LOGO *\/\r\n .logo {\r\n height: 36px !important;\r\n max-height: 36px !important;\r\n width: auto !important;\r\n max-width: 180px !important;\r\n object-fit: contain !important;\r\n display: block !important;\r\n }\r\n\r\n .phone-config {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n cursor: pointer;\r\n color: var(--text-muted);\r\n font-size: 18px;\r\n font-weight: 300;\r\n transition: color 0.2s;\r\n }\r\n\r\n .phone-config:hover {\r\n color: var(--primary);\r\n }\r\n\r\n .progress-container {\r\n width: 100%;\r\n height: 6px;\r\n background: var(--border);\r\n }\r\n\r\n .progress-bar {\r\n height: 100%;\r\n background: var(--primary);\r\n width: 10%;\r\n transition: width 0.3s ease;\r\n }\r\n\r\n main {\r\n flex: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 2rem 1rem;\r\n }\r\n\r\n .card {\r\n background: var(--card-bg);\r\n border-radius: var(--radius);\r\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);\r\n border: 1px solid var(--border);\r\n width: 100%;\r\n max-width: 640px;\r\n padding: 2.5rem;\r\n }\r\n\r\n .step {\r\n display: none;\r\n }\r\n\r\n .step.active {\r\n display: block;\r\n animation: fadeIn 0.3s ease-in-out;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(8px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .input-group {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n input[type=\"text\"], input[type=\"email\"], input[type=\"tel\"], textarea {\r\n width: 100%;\r\n padding: 0.875rem 1rem;\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n font-size: 22px;\r\n font-weight: 400;\r\n outline: none;\r\n transition: border-color 0.2s;\r\n background: #FAFAFA;\r\n }\r\n\r\n input:focus, textarea:focus {\r\n border-color: var(--primary);\r\n background: #FFF;\r\n }\r\n\r\n textarea {\r\n resize: vertical;\r\n min-height: 120px;\r\n }\r\n\r\n .options-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 12px;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .option-card {\r\n border: 1px solid var(--border);\r\n padding: 1rem;\r\n border-radius: var(--radius);\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n background: #FAFAFA;\r\n font-size: 18px;\r\n font-weight: 400;\r\n text-align: center;\r\n }\r\n\r\n .option-card:hover {\r\n border-color: var(--primary);\r\n background: #F0F9FF;\r\n }\r\n\r\n .option-card.selected {\r\n border-color: var(--primary);\r\n background: #F0F9FF;\r\n color: var(--primary);\r\n font-weight: 700;\r\n box-shadow: 0 0 0 1px var(--primary);\r\n }\r\n\r\n .chips-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .chip {\r\n padding: 0.6rem 1.2rem;\r\n border: 1px solid var(--border);\r\n border-radius: 50px;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n font-size: 18px;\r\n font-weight: 400;\r\n background: #FAFAFA;\r\n }\r\n\r\n .chip:hover {\r\n border-color: var(--primary);\r\n background: #F0F9FF;\r\n }\r\n\r\n .chip.selected {\r\n border-color: var(--primary);\r\n background: var(--primary);\r\n color: white;\r\n font-weight: 700;\r\n }\r\n\r\n .testimonial {\r\n margin-top: 2rem;\r\n padding-top: 1.5rem;\r\n border-top: 1px dashed var(--border);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .testimonial-avatar {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n background: var(--primary);\r\n color: white;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 700;\r\n font-size: 18px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .testimonial-text {\r\n font-size: 18px;\r\n font-weight: 300;\r\n color: var(--text-muted);\r\n font-style: italic;\r\n }\r\n\r\n .testimonial-author {\r\n font-weight: 700;\r\n color: var(--text-main);\r\n font-style: normal;\r\n display: block;\r\n margin-top: 2px;\r\n font-size: 18px;\r\n }\r\n\r\n .actions {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-top: 2rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.875rem 1.75rem;\r\n border-radius: var(--radius);\r\n font-size: 22px;\r\n font-weight: 400;\r\n cursor: pointer;\r\n border: none;\r\n transition: background 0.2s;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--primary);\r\n color: white;\r\n width: 100%;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: var(--primary-hover);\r\n }\r\n\r\n .btn-primary:disabled {\r\n background: #CBD5E1;\r\n cursor: not-allowed;\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: var(--text-muted);\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: #F1F5F9;\r\n }\r\n\r\n .btn-whatsapp {\r\n background: var(--whatsapp-green);\r\n color: white;\r\n width: 100%;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n }\r\n\r\n .btn-whatsapp:hover {\r\n background: #1EBE5D;\r\n }\r\n\r\n .modal-bg {\r\n display: none;\r\n position: fixed;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n background: rgba(0,0,0,0.5);\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 100;\r\n }\r\n\r\n .modal {\r\n background: white;\r\n padding: 2rem;\r\n border-radius: var(--radius);\r\n width: 90%;\r\n max-width: 400px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <header>\r\n <img decoding=\"async\" src=\"https:\/\/agenciahammer.com.br\/landing\/assets\/images\/logo.png\" alt=\"Logo Hammer\" class=\"logo\" style=\"height: 36px !important; width: auto !important; max-width: 180px !important; object-fit: contain !important; display: block !important;\">\r\n <div class=\"phone-config\" onclick=\"openPhoneModal()\">\r\n <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\r\n <span id=\"dest-phone-label\">+55 (38) 99924-2454<\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"progress-container\">\r\n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\r\n <\/div>\r\n\r\n <main>\r\n <div class=\"card\">\r\n \r\n <div class=\"step active\" id=\"step-1\">\r\n <div class=\"step-count\">Passo 1 de 10<\/div>\r\n <h2>Como devemos te chamar?<\/h2>\r\n <div class=\"input-group\">\r\n <input type=\"text\" id=\"input-nome\" placeholder=\"Digite seu nome completo\" oninput=\"validateStep()\">\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <div class=\"testimonial-avatar\">RS<\/div>\r\n <div class=\"testimonial-text\">\r\n \"A Hammer estruturou todo o nosso funil comercial em menos de 3 semanas. Resultados incr\u00edveis!\"\r\n <span class=\"testimonial-author\">Ricardo Silva \u2014 CEO da TechFlow<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" id=\"step-2\">\r\n <div class=\"step-count\">Passo 2 de 10<\/div>\r\n <h2>Qual \u00e9 o seu e-mail profissional, <span class=\"lbl-nome\"><\/span>?<\/h2>\r\n <div class=\"input-group\">\r\n <input type=\"email\" id=\"input-email\" placeholder=\"seuemail@empresa.com\" oninput=\"validateStep()\">\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <div class=\"testimonial-avatar\">AM<\/div>\r\n <div class=\"testimonial-text\">\r\n \"A comunica\u00e7\u00e3o assertiva e a qualifica\u00e7\u00e3o dos leads mudaram o jogo aqui na empresa.\"\r\n <span class=\"testimonial-author\">Ana Marta \u2014 CMO da Eduka<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" id=\"step-3\">\r\n <div class=\"step-count\">Passo 3 de 10<\/div>\r\n <h2>E por qual n\u00famero nosso especialista consegue contato com voc\u00ea?<\/h2>\r\n <div class=\"input-group\">\r\n <input type=\"tel\" id=\"input-whatsapp\" placeholder=\"(38) 99999-9999\" maxlength=\"15\" oninput=\"maskPhone(this); validateStep()\">\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <div class=\"testimonial-avatar\">FA<\/div>\r\n <div class=\"testimonial-text\">\r\n \"Agilidade no atendimento e suporte diferenciado. Recomendo fortemente!\"\r\n <span class=\"testimonial-author\">Felipe Almeida \u2014 Diretor de Opera\u00e7\u00f5es<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" id=\"step-4\">\r\n <div class=\"step-count\">Passo 4 de 10<\/div>\r\n <h2>Nos diga, qual o nome da sua empresa?<\/h2>\r\n <div class=\"input-group\">\r\n <input type=\"text\" id=\"input-empresa\" placeholder=\"Nome da empresa\" oninput=\"validateStep()\">\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <div class=\"testimonial-avatar\">CC<\/div>\r\n <div class=\"testimonial-text\">\r\n \"Eles entenderam a fundo o modelo do nosso neg\u00f3cio antes de propor qualquer solu\u00e7\u00e3o.\"\r\n <span class=\"testimonial-author\">Carla Costa \u2014 Founder<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" id=\"step-5\">\r\n <div class=\"step-count\">Passo 5 de 10<\/div>\r\n <h2>Quanto, em m\u00e9dia, ela est\u00e1 faturando ao m\u00eas?<\/h2>\r\n <div class=\"options-grid\" id=\"faturamento-options\">\r\n <div class=\"option-card\" onclick=\"selectOption('faturamento', 'At\u00e9 R$ 3 mil')\">At\u00e9 R$ 3 mil<\/div>\r\n <div class=\"option-card\" onclick=\"selectOption('faturamento', 'De R$ 3 mil \u00e0 R$ 6 mil')\">De R$ 3 mil \u00e0 R$ 6 mil<\/div>\r\n <div class=\"option-card\" onclick=\"selectOption('faturamento', 'De R$ 6 mil \u00e0 R$ 10 mil')\">De R$ 6 mil \u00e0 R$ 10 mil<\/div>\r\n <div class=\"option-card\" onclick=\"selectOption('faturamento', 'De R$ 10 mil \u00e0 R$ 20 mil')\">De R$ 10 mil \u00e0 R$ 20 mil<\/div>\r\n <div class=\"option-card\" onclick=\"selectOption('faturamento', 'De R$ 20 mil \u00e0 R$ 50 mil')\">De R$ 20 mil \u00e0 R$ 50 mil<\/div>\r\n <div class=\"option-card\" onclick=\"selectOption('faturamento', 'Acima de R$ 50 mil')\">Acima de R$ 50 mil<\/div>\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <div class=\"testimonial-avatar\">LG<\/div>\r\n <div class=\"testimonial-text\">\r\n \"Aumentamos o volume de vendas e organizamos o processo comercial logo nos primeiros meses.\"\r\n <span class=\"testimonial-author\">Lucas Gonzaga \u2014 Diretor Comercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" id=\"step-6\">\r\n <div class=\"step-count\">Passo 6 de 10<\/div>\r\n <h2>Em qual segmento de mercado voc\u00eas est\u00e3o exatamente?<\/h2>\r\n <div class=\"chips-grid\" id=\"segmento-chips\">\r\n <div class=\"chip\" onclick=\"selectChip('segmento', 'Servi\u00e7o', this)\">Servi\u00e7o<\/div>\r\n <div class=\"chip\" onclick=\"selectChip('segmento', 'Varejo', this)\">Varejo<\/div>\r\n <div class=\"chip\" onclick=\"selectChip('segmento', 'Ind\u00fastria', this)\">Ind\u00fastria<\/div>\r\n <div class=\"chip\" onclick=\"selectChip('segmento', 'E-commerce', this)\">E-commerce<\/div>\r\n <div class=\"chip\" onclick=\"selectChip('segmento', 'Food Service', this)\">Food Service<\/div>\r\n <div class=\"chip\" onclick=\"selectChip('segmento', 'Tecnologia', this)\">Tecnologia<\/div>\r\n <div class=\"chip\" onclick=\"selectChip('segmento', 'Sa\u00fade', this)\">Sa\u00fade<\/div>\r\n <div class=\"chip\" onclick=\"selectChip('segmento', 'Outros', this)\">Outros<\/div>\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <div class=\"testimonial-avatar\">MP<\/div>\r\n <div class=\"testimonial-text\">\r\n \"Adapta\u00e7\u00e3o perfeita ao nosso segmento de mercado, sem solu\u00e7\u00f5es gen\u00e9ricas.\"\r\n <span class=\"testimonial-author\">Mariana Pires \u2014 Head de Growth<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" id=\"step-7\">\r\n <div class=\"step-count\">Passo 7 de 10<\/div>\r\n <h2>Qual o CNPJ dela?<\/h2>\r\n <div class=\"input-group\">\r\n <input type=\"text\" id=\"input-cnpj\" placeholder=\"00.000.000\/0000-00\" maxlength=\"18\" oninput=\"maskCNPJ(this); validateStep()\">\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <div class=\"testimonial-avatar\">JV<\/div>\r\n <div class=\"testimonial-text\">\r\n \"Seguran\u00e7a, governan\u00e7a e transpar\u00eancia do in\u00edcio ao fim do processo.\"\r\n <span class=\"testimonial-author\">Jo\u00e3o Vitor \u2014 CFO<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" id=\"step-8\">\r\n <div class=\"step-count\">Passo 8 de 10<\/div>\r\n <h2>E qual \u00e9 o seu cargo a\u00ed dentro?<\/h2>\r\n <div class=\"chips-grid\" id=\"cargo-chips\">\r\n <div class=\"chip\" onclick=\"selectChip('cargo', 'Propriet\u00e1rio', this)\">Propriet\u00e1rio<\/div>\r\n <div class=\"chip\" onclick=\"selectChip('cargo', 'S\u00f3cio', this)\">S\u00f3cio<\/div>\r\n <div class=\"chip\" onclick=\"selectChip('cargo', 'CEO \/ Diretor', this)\">CEO \/ Diretor<\/div>\r\n <div class=\"chip\" onclick=\"selectChip('cargo', 'Gerente', this)\">Gerente<\/div>\r\n <div class=\"chip\" onclick=\"selectChip('cargo', 'Outro', this)\">Outro<\/div>\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <div class=\"testimonial-avatar\">BT<\/div>\r\n <div class=\"testimonial-text\">\r\n \"Comunica\u00e7\u00e3o direta de executivo para executivo, sem enrola\u00e7\u00e3o.\"\r\n <span class=\"testimonial-author\">Beatriz Torres \u2014 Direta Executiva<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" id=\"step-9\">\r\n <div class=\"step-count\">Passo 9 de 10<\/div>\r\n <h2>Para quando voc\u00ea tem interesse em iniciar esse projeto?<\/h2>\r\n <div class=\"options-grid\" id=\"inicio-options\">\r\n <div class=\"option-card\" onclick=\"selectOption('inicio', 'Imediatamente')\">Imediatamente<\/div>\r\n <div class=\"option-card\" onclick=\"selectOption('inicio', 'Nos pr\u00f3ximos 3 meses')\">Nos pr\u00f3ximos 3 meses<\/div>\r\n <div class=\"option-card\" onclick=\"selectOption('inicio', 'Em at\u00e9 6 meses')\">Em at\u00e9 6 meses<\/div>\r\n <div class=\"option-card\" onclick=\"selectOption('inicio', 'Ainda n\u00e3o sei')\">Ainda n\u00e3o sei<\/div>\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <div class=\"testimonial-avatar\">DR<\/div>\r\n <div class=\"testimonial-text\">\r\n \"Iniciamos imediatamente e na primeira semana j\u00e1 t\u00ednhamos estrutura rodando.\"\r\n <span class=\"testimonial-author\">Daniel Rocha \u2014 Gerente de Projetos<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" id=\"step-10\">\r\n <div class=\"step-count\">Passo 10 de 10<\/div>\r\n <h2>Conte-me um pouco sobre a sua empresa e o que espera atingir com a ajuda da Hammer.<\/h2>\r\n <div class=\"input-group\">\r\n <textarea id=\"input-detalhes\" placeholder=\"Compartilhe seus objetivos e desafios principais...\" oninput=\"validateStep()\"><\/textarea>\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <div class=\"testimonial-avatar\">HA<\/div>\r\n <div class=\"testimonial-text\">\r\n \"Sua empresa est\u00e1 a um passo da maior transforma\u00e7\u00e3o do seu funil de vendas.\"\r\n <span class=\"testimonial-author\">Equipe Hammer AI Agency<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" id=\"step-success\">\r\n <div style=\"text-align: center; padding: 1rem 0;\">\r\n <svg width=\"64\" height=\"64\" fill=\"none\" stroke=\"var(--whatsapp-green)\" viewBox=\"0 0 24 24\" style=\"margin-bottom: 1rem;\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n <\/svg>\r\n <h2>Diagn\u00f3stico Conclu\u00eddo!<\/h2>\r\n <h3 style=\"color: var(--text-muted); margin-bottom: 2rem;\">Sua mensagem foi gerada e est\u00e1 pronta para envio. Clique no bot\u00e3o abaixo para abrir a conversa no WhatsApp.<\/h3>\r\n <a id=\"whatsapp-link\" href=\"#\" target=\"_blank\" class=\"btn btn-whatsapp\">\r\n ABRIR CONVERSA NO WHATSAPP AGORA\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"actions\" id=\"action-buttons\">\r\n <button class=\"btn btn-secondary\" id=\"btn-back\" onclick=\"prevStep()\" style=\"visibility: hidden;\">Voltar<\/button>\r\n <button class=\"btn btn-primary\" id=\"btn-next\" onclick=\"nextStep()\" disabled>Avan\u00e7ar<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n \r\n <div class=\"modal-bg\" id=\"phoneModal\">\r\n <div class=\"modal\">\r\n <h3 style=\"margin-bottom: 1rem; font-weight: 700;\">Alterar N\u00famero de Destino<\/h3>\r\n <div class=\"input-group\">\r\n <input type=\"text\" id=\"dest-phone-input\" value=\"5538999242454\" placeholder=\"Ex: 5538999242454\">\r\n <\/div>\r\n <div style=\"display: flex; gap: 10px; justify-content: flex-end;\">\r\n <button class=\"btn btn-secondary\" onclick=\"closePhoneModal()\">Cancelar<\/button>\r\n <button class=\"btn btn-primary\" style=\"width: auto;\" onclick=\"savePhone()\">Salvar<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n let currentStep = 1;\r\n let destNumber = \"5538999242454\";\r\n const formData = {\r\n nome: '',\r\n email: '',\r\n whatsapp: '',\r\n empresa: '',\r\n faturamento: '',\r\n segmento: '',\r\n cnpj: '',\r\n cargo: '',\r\n inicio: '',\r\n detalhes: ''\r\n };\r\n\r\n function updateProgress() {\r\n const bar = document.getElementById('progressBar');\r\n bar.style.width = (currentStep * 10) + '%';\r\n }\r\n\r\n function validateStep() {\r\n const btnNext = document.getElementById('btn-next');\r\n let isValid = false;\r\n\r\n switch(currentStep) {\r\n case 1: \r\n isValid = document.getElementById('input-nome').value.trim() !== ''; \r\n break;\r\n case 2: \r\n isValid = document.getElementById('input-email').value.includes('@'); \r\n break;\r\n case 3: \r\n const rawPhone = document.getElementById('input-whatsapp').value.replace(\/\\D\/g, \"\");\r\n isValid = rawPhone.length >= 10; \r\n break;\r\n case 4: \r\n isValid = document.getElementById('input-empresa').value.trim() !== ''; \r\n break;\r\n case 5: \r\n isValid = formData.faturamento !== ''; \r\n break;\r\n case 6: \r\n isValid = formData.segmento !== ''; \r\n break;\r\n case 7: \r\n isValid = document.getElementById('input-cnpj').value.length === 18; \r\n break;\r\n case 8: \r\n isValid = formData.cargo !== ''; \r\n break;\r\n case 9: \r\n isValid = formData.inicio !== ''; \r\n break;\r\n case 10: \r\n isValid = document.getElementById('input-detalhes').value.trim() !== ''; \r\n break;\r\n }\r\n\r\n btnNext.disabled = !isValid;\r\n }\r\n\r\n function nextStep() {\r\n saveStepData();\r\n\r\n if (currentStep < 10) {\r\n document.getElementById(`step-${currentStep}`).classList.remove('active');\r\n currentStep++;\r\n document.getElementById(`step-${currentStep}`).classList.add('active');\r\n \r\n if (currentStep === 2) {\r\n document.querySelectorAll('.lbl-nome').forEach(el => el.textContent = formData.nome);\r\n }\r\n\r\n document.getElementById('btn-back').style.visibility = 'visible';\r\n updateProgress();\r\n validateStep();\r\n } else if (currentStep === 10) {\r\n finishForm();\r\n }\r\n }\r\n\r\n function prevStep() {\r\n if (currentStep > 1) {\r\n document.getElementById(`step-${currentStep}`).classList.remove('active');\r\n currentStep--;\r\n document.getElementById(`step-${currentStep}`).classList.add('active');\r\n \r\n if (currentStep === 1) {\r\n document.getElementById('btn-back').style.visibility = 'hidden';\r\n }\r\n updateProgress();\r\n validateStep();\r\n }\r\n }\r\n\r\n function saveStepData() {\r\n if (currentStep === 1) formData.nome = document.getElementById('input-nome').value;\r\n if (currentStep === 2) formData.email = document.getElementById('input-email').value;\r\n if (currentStep === 3) formData.whatsapp = document.getElementById('input-whatsapp').value;\r\n if (currentStep === 4) formData.empresa = document.getElementById('input-empresa').value;\r\n if (currentStep === 7) formData.cnpj = document.getElementById('input-cnpj').value;\r\n if (currentStep === 10) formData.detalhes = document.getElementById('input-detalhes').value;\r\n }\r\n\r\n function selectOption(field, value) {\r\n formData[field] = value;\r\n const container = document.getElementById(`${field}-options`);\r\n const cards = container.getElementsByClassName('option-card');\r\n for (let card of cards) {\r\n card.classList.remove('selected');\r\n if (card.textContent === value) card.classList.add('selected');\r\n }\r\n validateStep();\r\n }\r\n\r\n function selectChip(field, value, el) {\r\n formData[field] = value;\r\n const chips = el.parentElement.getElementsByClassName('chip');\r\n for (let chip of chips) chip.classList.remove('selected');\r\n el.classList.add('selected');\r\n validateStep();\r\n }\r\n\r\n function maskPhone(input) {\r\n let v = input.value.replace(\/\\D\/g, \"\");\r\n if (v.length > 11) v = v.substring(0, 11);\r\n\r\n if (v.length > 10) {\r\n v = v.replace(\/^(\\d{2})(\\d{5})(\\d{4})$\/, \"($1) $2-$3\");\r\n } else if (v.length > 5) {\r\n v = v.replace(\/^(\\d{2})(\\d{4})(\\d{0,4})$\/, \"($1) $2-$3\");\r\n } else if (v.length > 2) {\r\n v = v.replace(\/^(\\d{2})(\\d{0,5})$\/, \"($1) $2\");\r\n } else {\r\n v = v.replace(\/^(\\d*)\/, \"($1\");\r\n }\r\n\r\n input.value = v;\r\n }\r\n\r\n function maskCNPJ(input) {\r\n let v = input.value.replace(\/\\D\/g, \"\");\r\n v = v.replace(\/^(\\d{2})(\\d)\/, \"$1.$2\");\r\n v = v.replace(\/^(\\d{2})\\.(\\d{3})(\\d)\/, \"$1.$2.$3\");\r\n v = v.replace(\/\\.(\\d{3})(\\d)\/, \".$1\/$2\");\r\n v = v.replace(\/(\\d{4})(\\d)\/, \"$1-$2\");\r\n input.value = v;\r\n }\r\n\r\n function finishForm() {\r\n document.getElementById(`step-10`).classList.remove('active');\r\n document.getElementById('step-success').classList.add('active');\r\n document.getElementById('action-buttons').style.display = 'none';\r\n\r\n const message = `\ud83d\udd28 *NOVO DIAGN\u00d3STICO SOLICITADO - HAMMER AI AGENCY*\r\n\ud83d\udc64 *Nome:* ${formData.nome}\r\n\ud83d\udce7 *E-mail:* ${formData.email}\r\n\ud83d\udcf1 *WhatsApp Lead:* ${formData.whatsapp}\r\n\ud83c\udfe2 *Empresa:* ${formData.empresa}\r\n\ud83d\udcb0 *Faturamento Mensal:* ${formData.faturamento}\r\n\ud83c\udfaf *Segmento:* ${formData.segmento}\r\n\ud83d\udcc4 *CNPJ:* ${formData.cnpj}\r\n\ud83d\udc54 *Cargo:* ${formData.cargo}\r\n\ud83d\udcc5 *Previs\u00e3o de In\u00edcio:* ${formData.inicio}\r\n\ud83d\udcdd *Objetivo e Detalhes do Neg\u00f3cio:*\r\n\"${formData.detalhes}\"`;\r\n\r\n const encodedMessage = encodeURIComponent(message);\r\n const waUrl = `https:\/\/wa.me\/${destNumber}?text=${encodedMessage}`;\r\n \r\n document.getElementById('whatsapp-link').href = waUrl;\r\n }\r\n\r\n function openPhoneModal() {\r\n document.getElementById('phoneModal').style.display = 'flex';\r\n }\r\n\r\n function closePhoneModal() {\r\n document.getElementById('phoneModal').style.display = 'none';\r\n }\r\n\r\n function savePhone() {\r\n const inputVal = document.getElementById('dest-phone-input').value.replace(\/\\D\/g, \"\");\r\n if (inputVal) {\r\n destNumber = inputVal;\r\n document.getElementById('dest-phone-label').textContent = `+${inputVal}`;\r\n closePhoneModal();\r\n }\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>formulario hammer +55 (38) 99924-2454 Passo 1 de 10 Como devemos te chamar? RS “A Hammer estruturou todo o nosso funil comercial em menos de 3 semanas. Resultados incr\u00edveis!” Ricardo Silva \u2014 CEO da TechFlow Passo 2 de 10 Qual \u00e9 o seu e-mail profissional, ? AM “A comunica\u00e7\u00e3o assertiva e a qualifica\u00e7\u00e3o dos leads […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>formulario hammer - hammer agencia<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"formulario hammer - hammer agencia\" \/>\n<meta property=\"og:description\" content=\"formulario hammer +55 (38) 99924-2454 Passo 1 de 10 Como devemos te chamar? RS “A Hammer estruturou todo o nosso funil comercial em menos de 3 semanas. Resultados incr\u00edveis!” Ricardo Silva \u2014 CEO da TechFlow Passo 2 de 10 Qual \u00e9 o seu e-mail profissional, ? AM “A comunica\u00e7\u00e3o assertiva e a qualifica\u00e7\u00e3o dos leads […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/\" \/>\n<meta property=\"og:site_name\" content=\"hammer agencia\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-09T21:00:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/agenciahammer.com.br\/landing\/assets\/images\/logo.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/formulario-hammer\\\/\",\"url\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/formulario-hammer\\\/\",\"name\":\"formulario hammer - hammer agencia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/formulario-hammer\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/formulario-hammer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/agenciahammer.com.br\\\/landing\\\/assets\\\/images\\\/logo.png\",\"datePublished\":\"2026-10-09T20:54:13+00:00\",\"dateModified\":\"2026-10-09T21:00:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/formulario-hammer\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/formulario-hammer\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/formulario-hammer\\\/#primaryimage\",\"url\":\"https:\\\/\\\/agenciahammer.com.br\\\/landing\\\/assets\\\/images\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/agenciahammer.com.br\\\/landing\\\/assets\\\/images\\\/logo.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/formulario-hammer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"formulario hammer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/#website\",\"url\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/\",\"name\":\"hammer agencia\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/#organization\",\"name\":\"hammer agencia\",\"url\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/agenciahammer.com.br\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/HM-1.png\",\"contentUrl\":\"https:\\\/\\\/agenciahammer.com.br\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/HM-1.png\",\"width\":2300,\"height\":2244,\"caption\":\"hammer agencia\"},\"image\":{\"@id\":\"https:\\\/\\\/agenciahammer.com.br\\\/agencia-de-marketing-digital-em-montes-claros-hammer\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"formulario hammer - hammer agencia","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/","og_locale":"en_US","og_type":"article","og_title":"formulario hammer - hammer agencia","og_description":"formulario hammer +55 (38) 99924-2454 Passo 1 de 10 Como devemos te chamar? RS “A Hammer estruturou todo o nosso funil comercial em menos de 3 semanas. Resultados incr\u00edveis!” Ricardo Silva \u2014 CEO da TechFlow Passo 2 de 10 Qual \u00e9 o seu e-mail profissional, ? AM “A comunica\u00e7\u00e3o assertiva e a qualifica\u00e7\u00e3o dos leads […]","og_url":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/","og_site_name":"hammer agencia","article_modified_time":"2026-10-09T21:00:45+00:00","og_image":[{"url":"https:\/\/agenciahammer.com.br\/landing\/assets\/images\/logo.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/","url":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/","name":"formulario hammer - hammer agencia","isPartOf":{"@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/#website"},"primaryImageOfPage":{"@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/#primaryimage"},"image":{"@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/#primaryimage"},"thumbnailUrl":"https:\/\/agenciahammer.com.br\/landing\/assets\/images\/logo.png","datePublished":"2026-10-09T20:54:13+00:00","dateModified":"2026-10-09T21:00:45+00:00","breadcrumb":{"@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/#primaryimage","url":"https:\/\/agenciahammer.com.br\/landing\/assets\/images\/logo.png","contentUrl":"https:\/\/agenciahammer.com.br\/landing\/assets\/images\/logo.png"},{"@type":"BreadcrumbList","@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/formulario-hammer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/"},{"@type":"ListItem","position":2,"name":"formulario hammer"}]},{"@type":"WebSite","@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/#website","url":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/","name":"hammer agencia","description":"","publisher":{"@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/#organization","name":"hammer agencia","url":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/#\/schema\/logo\/image\/","url":"https:\/\/agenciahammer.com.br\/wp-content\/uploads\/2026\/10\/HM-1.png","contentUrl":"https:\/\/agenciahammer.com.br\/wp-content\/uploads\/2026\/10\/HM-1.png","width":2300,"height":2244,"caption":"hammer agencia"},"image":{"@id":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/#\/schema\/logo\/image\/"}}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":7,"href":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/wp-json\/wp\/v2\/pages\/15\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/agenciahammer.com.br\/agencia-de-marketing-digital-em-montes-claros-hammer\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}