{"id":67,"date":"2026-05-19T21:55:55","date_gmt":"2026-05-19T21:55:55","guid":{"rendered":"https:\/\/apcompany.com.br\/?page_id=67"},"modified":"2026-10-09T22:25:10","modified_gmt":"2026-10-09T22:25:10","slug":"elementor-67","status":"publish","type":"page","link":"https:\/\/apcompany.com.br\/","title":{"rendered":"AP Company"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"67\" class=\"elementor elementor-67\">\n\t\t\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-faa8173 e-flex e-con-boxed e-con e-parent\" data-id=\"faa8173\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1e1f83 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b1e1f83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>apcompany \u2014 Gest\u00e3o de Tr\u00e1fego Pago<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Bricolage+Grotesque:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:root {\r\n  \/* \u2500\u2500 apcompany brand colors (extra\u00eddas do logotipo) \u2500\u2500 *\/\r\n  --blue: #3D40E8;          \/* azul do \u00edcone *\/\r\n  --blue-light: #5C5FF2;    \/* azul claro hover *\/\r\n  --purple: #8B30FF;        \/* roxo final do wordmark *\/\r\n  --purple-light: #A96BFF;  \/* roxo claro *\/\r\n\r\n  \/* gradientes fi\u00e9is ao wordmark azul\u2192roxo *\/\r\n  --grad:       linear-gradient(135deg, #3D40E8 0%, #8B30FF 100%);\r\n  --grad-h:     linear-gradient(135deg, #5C5FF2 0%, #A96BFF 100%);\r\n  --grad-text:  linear-gradient(90deg,  #5C5FF2 0%, #A96BFF 100%);\r\n  --grad-45:    linear-gradient(45deg,  #3D40E8 0%, #8B30FF 100%);\r\n\r\n  \/* glows derivados *\/\r\n  --glow-blue:   rgba(61,64,232,0.35);\r\n  --glow-purple: rgba(139,48,255,0.25);\r\n  --glow-mixed:  rgba(100,56,244,0.2);\r\n\r\n  \/* backgrounds escuros com leve tint azul da marca *\/\r\n  --bg:      #05050f;\r\n  --surface: #0c0c1e;\r\n  --card:    #101028;\r\n  --border:  rgba(61,64,232,0.12);\r\n\r\n  --text:  #ededf5;\r\n  --muted: #6868a0;\r\n  --white: #ffffff;\r\n}\r\n\r\nhtml { scroll-behavior: smooth; }\r\n\r\nbody {\r\n  background: var(--bg);\r\n  color: var(--text);\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  overflow-x: hidden;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* NOISE *\/\r\nbody::after {\r\n  content: '';\r\n  position: fixed;\r\n  inset: 0;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'\/%3E%3C\/svg%3E\");\r\n  pointer-events: none;\r\n  z-index: 998;\r\n}\r\n\r\n\/* GRID PATTERN *\/\r\nbody::before {\r\n  content: '';\r\n  position: fixed;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(61,64,232,0.05) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(61,64,232,0.05) 1px, transparent 1px);\r\n  background-size: 60px 60px;\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n\/* \u2500\u2500 SVG LOGO INLINE \u2500\u2500 *\/\r\n.logo-svg {\r\n  display: flex;\r\n  align-items: center;\r\n  text-decoration: none;\r\n  line-height: 0;\r\n}\r\n\r\n.logo-real {\r\n  height: 24px;\r\n  width: auto;\r\n  display: block;\r\n  object-fit: contain;\r\n}\r\n\r\n\/* \u2500\u2500 NAV \u2500\u2500 *\/\r\nnav {\r\n  position: fixed;\r\n  top: 0; left: 0; right: 0;\r\n  z-index: 100;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 14px 52px;\r\n  background: rgba(6,6,14,0.8);\r\n  backdrop-filter: blur(24px);\r\n  border-bottom: 1px solid var(--border);\r\n  height: 60px;\r\n}\r\n\r\n.nav-links {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 28px;\r\n}\r\n\r\n.nav-links a {\r\n  color: var(--muted);\r\n  text-decoration: none;\r\n  font-size: 0.88rem;\r\n  font-weight: 500;\r\n  transition: color 0.2s;\r\n}\r\n\r\n.nav-links a:hover { color: var(--white); }\r\n\r\n.btn-nav {\r\n  background: var(--grad) !important;\r\n  color: var(--white) !important;\r\n  padding: 9px 20px;\r\n  border-radius: 8px;\r\n  font-weight: 600 !important;\r\n  font-size: 0.85rem !important;\r\n  transition: opacity 0.2s, transform 0.15s !important;\r\n  white-space: nowrap;\r\n}\r\n\r\n.btn-nav:hover { opacity: 0.9; transform: translateY(-1px); }\r\n\r\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n.hero {\r\n  position: relative;\r\n  min-height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 130px 52px 80px;\r\n  overflow: hidden;\r\n  z-index: 1;\r\n}\r\n\r\n.hero-blob-1 {\r\n  position: absolute;\r\n  width: 800px; height: 800px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(61,64,232,0.2) 0%, transparent 70%);\r\n  top: -300px; right: -200px;\r\n  pointer-events: none;\r\n}\r\n\r\n.hero-blob-2 {\r\n  position: absolute;\r\n  width: 500px; height: 500px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(139,48,255,0.15) 0%, transparent 70%);\r\n  bottom: -100px; left: 10%;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* diagonal accent line *\/\r\n.hero::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; right: 25%;\r\n  width: 1px;\r\n  height: 100%;\r\n  background: linear-gradient(180deg, transparent, rgba(61,64,232,0.35), transparent);\r\n  pointer-events: none;\r\n}\r\n\r\n.hero-inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1140px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 430px;\r\n  gap: 80px;\r\n  align-items: center;\r\n  width: 100%;\r\n}\r\n\r\n.badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 5px 14px 5px 8px;\r\n  border-radius: 100px;\r\n  border: 1px solid rgba(61,64,232,0.4);\r\n  background: rgba(61,64,232,0.1);\r\n  font-size: 0.75rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.1em;\r\n  color: var(--blue-light);\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.badge-dot {\r\n  width: 20px; height: 20px;\r\n  border-radius: 50%;\r\n  background: var(--grad);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 0.6rem;\r\n}\r\n\r\nh1 {\r\n  font-family: 'Bricolage Grotesque', sans-serif;\r\n  font-weight: 800;\r\n  font-size: clamp(2.6rem, 4.5vw, 4rem);\r\n  line-height: 1.07;\r\n  letter-spacing: -0.04em;\r\n  color: var(--white);\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.grad-word {\r\n  background: var(--grad-text);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.hero-desc {\r\n  font-size: 1.05rem;\r\n  color: var(--muted);\r\n  line-height: 1.75;\r\n  max-width: 480px;\r\n  margin-bottom: 44px;\r\n}\r\n\r\n.hero-stats {\r\n  display: flex;\r\n  gap: 44px;\r\n  padding-top: 8px;\r\n  border-top: 1px solid var(--border);\r\n  padding-top: 32px;\r\n}\r\n\r\n.stat-n {\r\n  font-family: 'Bricolage Grotesque', sans-serif;\r\n  font-size: 2.2rem;\r\n  font-weight: 800;\r\n  letter-spacing: -0.04em;\r\n  color: var(--white);\r\n  line-height: 1;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.stat-n em {\r\n  background: var(--grad-text);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  font-style: normal;\r\n}\r\n\r\n.stat-lbl { font-size: 0.8rem; color: var(--muted); }\r\n\r\n\/* \u2500\u2500 FORM CARD \u2500\u2500 *\/\r\n.form-card {\r\n  background: var(--card);\r\n  border: 1px solid rgba(61,64,232,0.25);\r\n  border-radius: 24px;\r\n  padding: 40px 36px;\r\n  position: relative;\r\n  box-shadow:\r\n    0 0 0 1px rgba(255,255,255,0.03),\r\n    0 40px 80px rgba(0,0,0,0.6),\r\n    0 0 100px rgba(61,64,232,0.15),\r\n    0 0 40px rgba(139,48,255,0.08);\r\n  animation: cardIn 0.8s cubic-bezier(0.16,1,0.3,1) forwards;\r\n}\r\n\r\n@keyframes cardIn {\r\n  from { opacity: 0; transform: translateY(20px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* top gradient line *\/\r\n.form-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 40px; right: 40px;\r\n  height: 1px;\r\n  background: var(--grad);\r\n  border-radius: 0 0 4px 4px;\r\n}\r\n\r\n.form-tag {\r\n  display: inline-block;\r\n  background: rgba(61,64,232,0.12);\r\n  border: 1px solid rgba(61,64,232,0.3);\r\n  color: var(--blue-light);\r\n  font-size: 0.72rem;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.12em;\r\n  padding: 4px 10px;\r\n  border-radius: 4px;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.form-title {\r\n  font-family: 'Bricolage Grotesque', sans-serif;\r\n  font-weight: 700;\r\n  font-size: 1.3rem;\r\n  color: var(--white);\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.form-sub { font-size: 0.83rem; color: var(--muted); margin-bottom: 26px; }\r\n\r\n.form-group { margin-bottom: 14px; }\r\n\r\nlabel {\r\n  display: block;\r\n  font-size: 0.75rem;\r\n  font-weight: 600;\r\n  color: var(--muted);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.08em;\r\n  margin-bottom: 7px;\r\n}\r\n\r\ninput, select {\r\n  width: 100%;\r\n  background: rgba(255,255,255,0.035);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  border-radius: 10px;\r\n  padding: 11px 14px;\r\n  color: var(--text);\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: 0.9rem;\r\n  outline: none;\r\n  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;\r\n}\r\n\r\ninput::placeholder { color: rgba(107,107,138,0.5); }\r\n\r\ninput:focus, select:focus {\r\n  border-color: rgba(61,64,232,0.7);\r\n  background: rgba(61,64,232,0.06);\r\n  box-shadow: 0 0 0 3px rgba(61,64,232,0.15);\r\n}\r\n\r\nselect {\r\n  appearance: none;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b6b8a' d='M5 7L0 2h10z'\/%3E%3C\/svg%3E\");\r\n  background-repeat: no-repeat;\r\n  background-position: right 14px center;\r\n  cursor: pointer;\r\n}\r\n\r\nselect option { background: #111122; }\r\n\r\n.btn-submit {\r\n  width: 100%;\r\n  background: var(--grad);\r\n  color: var(--white);\r\n  border: none;\r\n  border-radius: 10px;\r\n  padding: 14px;\r\n  font-family: 'Bricolage Grotesque', sans-serif;\r\n  font-weight: 700;\r\n  font-size: 0.95rem;\r\n  cursor: pointer;\r\n  margin-top: 6px;\r\n  transition: opacity 0.2s, transform 0.15s, box-shadow 0.2s;\r\n  letter-spacing: 0.01em;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.btn-submit::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.12) 50%, transparent 100%);\r\n  transform: translateX(-100%);\r\n  transition: transform 0.6s;\r\n}\r\n\r\n.btn-submit:hover::after { transform: translateX(100%); }\r\n.btn-submit:hover { opacity: 0.92; transform: translateY(-2px); box-shadow: 0 14px 36px rgba(61,64,232,0.5), 0 4px 16px rgba(139,48,255,0.3); }\r\n\r\n.form-footer {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  margin-top: 14px;\r\n  font-size: 0.75rem;\r\n  color: var(--muted);\r\n}\r\n\r\n\/* \u2500\u2500 MARQUEE \u2500\u2500 *\/\r\n.marquee-wrap {\r\n  border-top: 1px solid var(--border);\r\n  border-bottom: 1px solid var(--border);\r\n  padding: 16px 0;\r\n  overflow: hidden;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.marquee-track {\r\n  display: flex;\r\n  gap: 48px;\r\n  animation: marquee 22s linear infinite;\r\n  white-space: nowrap;\r\n}\r\n\r\n.marquee-item {\r\n  font-size: 0.75rem;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.12em;\r\n  color: var(--muted);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.marquee-item::before {\r\n  content: '\u25c6';\r\n  background: var(--grad-text);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  font-size: 0.5rem;\r\n}\r\n\r\n@keyframes marquee {\r\n  from { transform: translateX(0); }\r\n  to { transform: translateX(-50%); }\r\n}\r\n\r\n\/* \u2500\u2500 SECTIONS \u2500\u2500 *\/\r\nsection {\r\n  padding: 100px 52px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.inner { max-width: 1140px; margin: 0 auto; }\r\n\r\n.section-eyebrow {\r\n  font-size: 0.72rem;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  margin-bottom: 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: var(--grad-text);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.section-eyebrow::before {\r\n  content: '';\r\n  display: inline-block;\r\n  width: 24px; height: 2px;\r\n  background: var(--grad);\r\n  border-radius: 2px;\r\n  flex-shrink: 0;\r\n}\r\n\r\nh2 {\r\n  font-family: 'Bricolage Grotesque', sans-serif;\r\n  font-weight: 800;\r\n  font-size: clamp(1.9rem, 3.5vw, 2.8rem);\r\n  letter-spacing: -0.04em;\r\n  color: var(--white);\r\n  line-height: 1.1;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.section-p {\r\n  font-size: 0.97rem;\r\n  color: var(--muted);\r\n  max-width: 480px;\r\n  line-height: 1.75;\r\n  margin-bottom: 56px;\r\n}\r\n\r\n\/* \u2500\u2500 SERVICES \u2500\u2500 *\/\r\n.services { background: var(--surface); }\r\n\r\n.services-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 1px;\r\n  background: rgba(61,64,232,0.12);\r\n  border: 1px solid rgba(61,64,232,0.15);\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n}\r\n\r\n.svc {\r\n  background: var(--card);\r\n  padding: 38px 32px;\r\n  position: relative;\r\n  transition: background 0.25s;\r\n  cursor: default;\r\n}\r\n\r\n.svc:hover { background: #161630; }\r\n\r\n.svc-icon {\r\n  width: 44px; height: 44px;\r\n  border-radius: 10px;\r\n  background: rgba(61,64,232,0.1);\r\n  border: 1px solid rgba(61,64,232,0.25);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.2rem;\r\n  margin-bottom: 20px;\r\n  transition: background 0.25s;\r\n}\r\n\r\n.svc:hover .svc-icon { background: rgba(61,64,232,0.22); }\r\n\r\n.svc-name {\r\n  font-family: 'Bricolage Grotesque', sans-serif;\r\n  font-weight: 700;\r\n  font-size: 1rem;\r\n  color: var(--white);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.svc-desc { font-size: 0.85rem; color: var(--muted); line-height: 1.65; }\r\n\r\n\/* \u2500\u2500 NUMBERS \u2500\u2500 *\/\r\n.numbers-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 20px;\r\n}\r\n\r\n.num-card {\r\n  background: var(--card);\r\n  border: 1px solid var(--border);\r\n  border-radius: 16px;\r\n  padding: 32px 28px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: border-color 0.25s, transform 0.25s;\r\n}\r\n\r\n.num-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0; left: 0; right: 0;\r\n  height: 2px;\r\n  background: var(--grad);\r\n  opacity: 0;\r\n  transition: opacity 0.25s;\r\n}\r\n\r\n.num-card:hover { border-color: rgba(61,64,232,0.4); transform: translateY(-4px); }\r\n.num-card:hover::before { opacity: 1; }\r\n\r\n.num-n {\r\n  font-family: 'Bricolage Grotesque', sans-serif;\r\n  font-weight: 800;\r\n  font-size: 2.5rem;\r\n  letter-spacing: -0.05em;\r\n  color: var(--white);\r\n  line-height: 1;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.num-n em {\r\n  background: var(--grad-text);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  font-style: normal;\r\n}\r\n\r\n.num-lbl { font-size: 0.83rem; color: var(--muted); }\r\n\r\n\/* \u2500\u2500 PROCESS \u2500\u2500 *\/\r\n.process { background: var(--surface); }\r\n\r\n.process-steps {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 2px;\r\n  background: rgba(61,64,232,0.1);\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n}\r\n\r\n.ps {\r\n  background: var(--card);\r\n  padding: 36px 28px;\r\n  position: relative;\r\n  transition: background 0.25s;\r\n}\r\n\r\n.ps:hover { background: #161630; }\r\n\r\n.ps-num {\r\n  font-family: 'Bricolage Grotesque', sans-serif;\r\n  font-weight: 800;\r\n  font-size: 3rem;\r\n  letter-spacing: -0.06em;\r\n  line-height: 1;\r\n  background: var(--grad-text);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  opacity: 0.3;\r\n  margin-bottom: 20px;\r\n  transition: opacity 0.25s;\r\n}\r\n\r\n.ps:hover .ps-num { opacity: 0.8; }\r\n\r\n.ps-title {\r\n  font-family: 'Bricolage Grotesque', sans-serif;\r\n  font-weight: 700;\r\n  font-size: 1rem;\r\n  color: var(--white);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.ps-desc { font-size: 0.83rem; color: var(--muted); line-height: 1.65; }\r\n\r\n\/* \u2500\u2500 TESTIMONIALS \u2500\u2500 *\/\r\n.testi-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 20px;\r\n}\r\n\r\n.testi {\r\n  background: var(--card);\r\n  border: 1px solid var(--border);\r\n  border-radius: 18px;\r\n  padding: 30px;\r\n  transition: border-color 0.25s, transform 0.25s;\r\n}\r\n\r\n.testi:hover { border-color: rgba(61,64,232,0.35); transform: translateY(-3px); }\r\n\r\n.stars {\r\n  display: flex;\r\n  gap: 3px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.star {\r\n  width: 14px; height: 14px;\r\n  background: var(--grad);\r\n  clip-path: polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);\r\n}\r\n\r\n.testi-q {\r\n  font-size: 0.9rem;\r\n  line-height: 1.7;\r\n  color: #c5c3d6;\r\n  margin-bottom: 22px;\r\n  font-style: italic;\r\n}\r\n\r\n.testi-who { display: flex; align-items: center; gap: 12px; }\r\n\r\n.av {\r\n  width: 38px; height: 38px;\r\n  border-radius: 50%;\r\n  background: var(--grad);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: 'Bricolage Grotesque', sans-serif;\r\n  font-weight: 800;\r\n  font-size: 0.85rem;\r\n  color: var(--white);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.testi-name { font-weight: 600; font-size: 0.88rem; color: var(--white); }\r\n.testi-role { font-size: 0.75rem; color: var(--muted); }\r\n\r\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\r\n.cta-section {\r\n  text-align: center;\r\n  overflow: hidden;\r\n  padding-top: 80px;\r\n  padding-bottom: 80px;\r\n}\r\n\r\n.cta-inner {\r\n  max-width: 640px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n}\r\n\r\n.cta-glow {\r\n  position: absolute;\r\n  width: 600px; height: 400px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(ellipse, rgba(61,64,232,0.18) 0%, rgba(139,48,255,0.08) 50%, transparent 70%);\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  pointer-events: none;\r\n}\r\n\r\n.cta-inner > * { position: relative; z-index: 1; }\r\n.cta-inner h2 { margin-bottom: 16px; }\r\n.cta-inner p { color: var(--muted); margin-bottom: 36px; font-size: 1rem; line-height: 1.7; }\r\n\r\n.btn-cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: var(--grad);\r\n  color: var(--white);\r\n  text-decoration: none;\r\n  padding: 16px 44px;\r\n  border-radius: 12px;\r\n  font-family: 'Bricolage Grotesque', sans-serif;\r\n  font-weight: 700;\r\n  font-size: 0.95rem;\r\n  transition: opacity 0.2s, transform 0.2s, box-shadow 0.2s;\r\n  letter-spacing: 0.01em;\r\n}\r\n\r\n.btn-cta:hover {\r\n  opacity: 0.9;\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 20px 50px rgba(61,64,232,0.5), 0 6px 20px rgba(139,48,255,0.3);\r\n}\r\n\r\n\/* \u2500\u2500 ATENDIMENTO \u2500\u2500 *\/\r\n.atendimento { background: var(--surface); }\r\n\r\n.timeline {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 2px;\r\n  background: rgba(61,64,232,0.1);\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n}\r\n\r\n.tl-item {\r\n  background: var(--card);\r\n  padding: 32px 28px;\r\n  position: relative;\r\n  transition: background 0.25s;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.tl-item:hover { background: #161630; }\r\n\r\n.tl-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 36px; height: 36px;\r\n  border-radius: 10px;\r\n  background: var(--grad);\r\n  font-family: 'Bricolage Grotesque', sans-serif;\r\n  font-weight: 800;\r\n  font-size: 0.85rem;\r\n  color: var(--white);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.tl-tag {\r\n  display: inline-block;\r\n  font-size: 0.62rem;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.1em;\r\n  color: var(--blue-light);\r\n  background: rgba(61,64,232,0.1);\r\n  border: 1px solid rgba(61,64,232,0.2);\r\n  border-radius: 4px;\r\n  padding: 2px 8px;\r\n  width: fit-content;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.tl-title {\r\n  font-family: 'Bricolage Grotesque', sans-serif;\r\n  font-weight: 700;\r\n  font-size: 0.95rem;\r\n  color: var(--white);\r\n  line-height: 1.3;\r\n}\r\n\r\n.tl-desc {\r\n  font-size: 0.82rem;\r\n  color: var(--muted);\r\n  line-height: 1.6;\r\n}\r\n\r\n.tl-phase {\r\n  grid-column: 1 \/ -1;\r\n  background: rgba(61,64,232,0.06);\r\n  border-bottom: none;\r\n  padding: 14px 28px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.tl-phase-label {\r\n  font-family: 'Bricolage Grotesque', sans-serif;\r\n  font-weight: 700;\r\n  font-size: 0.75rem;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.12em;\r\n  background: var(--grad-text);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.tl-phase::before {\r\n  content: '';\r\n  width: 20px; height: 2px;\r\n  background: var(--grad);\r\n  border-radius: 2px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* atendimento mobile handled in main responsive block *\/\r\n\r\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\nfooter {\r\n  border-top: 1px solid var(--border);\r\n  padding: 20px 52px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.footer-copy { font-size: 0.78rem; color: var(--muted); }\r\n\r\n\/* \u2500\u2500 REVEAL \u2500\u2500 *\/\r\n.reveal {\r\n  opacity: 0;\r\n  transform: translateY(24px);\r\n  transition: opacity 0.65s ease, transform 0.65s ease;\r\n}\r\n\r\n.reveal.on { opacity: 1; transform: translateY(0); }\r\n\r\n\/* \u2500\u2500 HERO ANIMATIONS \u2500\u2500 *\/\r\n.h1-anim { animation: fadeUp 0.8s 0.1s cubic-bezier(0.16,1,0.3,1) both; }\r\n.badge-anim { animation: fadeUp 0.8s 0s cubic-bezier(0.16,1,0.3,1) both; }\r\n.desc-anim { animation: fadeUp 0.8s 0.2s cubic-bezier(0.16,1,0.3,1) both; }\r\n.stats-anim { animation: fadeUp 0.8s 0.3s cubic-bezier(0.16,1,0.3,1) both; }\r\n\r\n@keyframes fadeUp {\r\n  from { opacity: 0; transform: translateY(20px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2014 TABLET (\u2264960px) \u2550\u2550 *\/\r\n@media (max-width: 960px) {\r\n  \/* nav *\/\r\n  nav { padding: 0 20px; height: 56px; }\r\n  .nav-links a:not(.btn-nav) { display: none; }\r\n  .btn-nav { padding: 7px 14px; font-size: 0.78rem !important; }\r\n\r\n  \/* sections *\/\r\n  section { padding: 60px 20px; }\r\n  .hero   { padding: 80px 20px 60px; }\r\n  .inner  { padding: 0; }\r\n\r\n  \/* hero *\/\r\n  .hero-inner { grid-template-columns: 1fr; gap: 36px; }\r\n  .hero-blob-1, .hero-blob-2 { display: none; }\r\n\r\n  \/* badges \/ stats *\/\r\n  .badge-anim { font-size: 0.68rem; }\r\n  .stat-n    { font-size: 1.6rem; }\r\n\r\n  \/* grids *\/\r\n  .services-grid  { grid-template-columns: 1fr 1fr; }\r\n  .numbers-grid   { grid-template-columns: 1fr 1fr; }\r\n  .process-steps  { grid-template-columns: 1fr 1fr; }\r\n  .testi-grid     { grid-template-columns: 1fr; }\r\n  .timeline       { grid-template-columns: 1fr 1fr; }\r\n  .tl-phase       { grid-column: 1 \/ -1; }\r\n\r\n  \/* form *\/\r\n  .form-card { padding: 32px 24px; }\r\n\r\n  \/* cta *\/\r\n  .cta-section { padding: 60px 20px; }\r\n\r\n  \/* footer *\/\r\n  footer { flex-direction: column; gap: 10px; text-align: center; padding: 16px 20px; }\r\n}\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2014 MOBILE (\u2264480px) \u2550\u2550 *\/\r\n@media (max-width: 480px) {\r\n  \/* nav *\/\r\n  nav { padding: 0 16px; height: 52px; }\r\n  .logo-real { height: 20px; }\r\n  .btn-nav { padding: 6px 12px; font-size: 0.72rem !important; }\r\n\r\n  \/* sections *\/\r\n  section { padding: 48px 16px; }\r\n  .hero   { padding: 72px 16px 48px; }\r\n\r\n  \/* typography *\/\r\n  h1  { font-size: 2rem !important; letter-spacing: -0.03em; }\r\n  h2  { font-size: 1.7rem; }\r\n  .hero-desc, .section-p { font-size: 0.92rem; }\r\n\r\n  \/* badge *\/\r\n  .badge-anim { font-size: 0.65rem; padding: 4px 10px 4px 5px; }\r\n  .eyebrow-dot { width: 16px; height: 16px; }\r\n\r\n  \/* stats strip *\/\r\n  .hero-stats { gap: 20px; flex-wrap: wrap; }\r\n  .stat-n { font-size: 1.5rem; }\r\n  .stat-lbl { font-size: 0.7rem; }\r\n\r\n  \/* pain list *\/\r\n  .pain-list li { font-size: 0.83rem; gap: 10px; }\r\n\r\n  \/* kpis *\/\r\n  .kpis { flex-direction: column; border-radius: 14px; }\r\n  .kpi { border-right: none; border-bottom: 1px solid var(--border); padding: 16px 20px; }\r\n  .kpi:last-child { border-bottom: none; }\r\n  .kpi-n { font-size: 1.8rem; }\r\n\r\n  \/* testi strip *\/\r\n  .testi-strip { flex-direction: column; align-items: flex-start; gap: 10px; }\r\n\r\n  \/* grids \u2014 all single column *\/\r\n  .services-grid  { grid-template-columns: 1fr; }\r\n  .numbers-grid   { grid-template-columns: 1fr 1fr; gap: 12px; }\r\n  .process-steps  { grid-template-columns: 1fr; }\r\n  .testi-grid     { grid-template-columns: 1fr; }\r\n  .timeline       { grid-template-columns: 1fr; border-radius: 14px; }\r\n  .tl-phase       { grid-column: 1 \/ -1; }\r\n\r\n  \/* service cards *\/\r\n  .svc { padding: 24px 20px; }\r\n  .svc-icon { width: 38px; height: 38px; }\r\n\r\n  \/* num cards *\/\r\n  .num-card { padding: 22px 18px; }\r\n  .num-n { font-size: 2rem; }\r\n\r\n  \/* process *\/\r\n  .ps { padding: 24px 20px; }\r\n  .ps-num { font-size: 2.2rem; margin-bottom: 12px; }\r\n\r\n  \/* testimonials *\/\r\n  .testi { padding: 22px 18px; }\r\n\r\n  \/* timeline items *\/\r\n  .tl-item { padding: 22px 18px; gap: 8px; }\r\n  .tl-phase { padding: 12px 18px; }\r\n  .tl-badge { width: 30px; height: 30px; font-size: 0.75rem; border-radius: 8px; }\r\n\r\n  \/* form *\/\r\n  .form-card { padding: 26px 18px; border-radius: 18px; }\r\n  .field input, .field select { padding: 11px 12px; font-size: 0.88rem; }\r\n  .btn-submit { padding: 13px; font-size: 0.9rem; }\r\n\r\n  \/* cta *\/\r\n  .btn-cta { padding: 14px 28px; font-size: 0.88rem; }\r\n  .cta-section { padding: 48px 16px; }\r\n\r\n  \/* section eyebrow *\/\r\n  .section-eyebrow { font-size: 0.68rem; }\r\n\r\n  \/* section desc *\/\r\n  .section-p { margin-bottom: 36px; }\r\n\r\n  \/* footer *\/\r\n  footer { padding: 14px 16px; gap: 8px; }\r\n  .footer-copy { font-size: 0.72rem; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- NAV -->\r\n<nav>\r\n  <a href=\"#\" class=\"logo-svg\">\r\n    <img decoding=\"async\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAdwAAABQCAYAAACzpsTiAAABCGlDQ1BJQ0MgUHJvZmlsZQAAeJxjYGA8wQAELAYMDLl5JUVB7k4KEZFRCuwPGBiBEAwSk4sLGHADoKpv1yBqL+viUYcLcKakFicD6Q9ArFIEtBxopAiQLZIOYWuA2EkQtg2IXV5SUAJkB4DYRSFBzkB2CpCtkY7ETkJiJxcUgdT3ANk2uTmlyQh3M\/Ck5oUGA2kOIJZhKGYIYnBncAL5H6IkfxEDg8VXBgbmCQixpJkMDNtbGRgkbiHEVBYwMPC3MDBsO48QQ4RJQWJRIliIBYiZ0tIYGD4tZ2DgjWRgEL7AwMAVDQsIHG5TALvNnSEfCNMZchhSgSKeDHkMyQx6QJYRgwGDIYMZAKbWPz9HbOBQAABM60lEQVR42u19eXyU1dr\/fZ9zZsvMZLKHJEBA2UQQEAGVTUBBEXFpA9Wqba1a22pr+9a6VKWvWmv3vm60rtS6tAm4oKJoWwG1iGyySSDsYclMJslkkkxmft\/z\/P6Yc8LJyUxIwo7P7\/PhE2Yy8yzn3Of63td1X7IuS5Ys+SYAw\/7ZQYMGqREjRhgAbAAGAHj\/\/fcDffr0Cbvd7gQABABERBdjjHVyxYBlWR2OaRoGHMdJVVVVAQAHAAKA2tracKVQKGQrYAiwdLPMscDVVVVBBB8JAHDHjh2zpJTWsGHDnJAhHkQoO3fu\/KbwegI4wgGsAAgGgyrTbNy4MfXo0aOO2+0WADAkKIhB7777rk3YFwKBgMbj8bBNTU3S5XLJSUlJJQBg0TPPPMNsB3c4HHz\/\/v31vvvuS+jevftSIiI5hj5k\/vz5N0kpXQAQDAZjgwcPPuf3739\/WnV19fAhQ4ZM0jS\/BwC8\/PLLCQMHDhzhnJOmaS9fvnw8wzDI8zwGQSFIiMjn88F\/\/vOfQ8vl8jQ0NHTa7\/MJa3ywYsX\/8+fPz9u3b9\/f2e12O+VyOaTjOJhpmgQAjDHG4nCSJElIkhRCoZCprq7mq1atsuuuu+4qq9WaGcTrKaVITU21\/\/a3vz2K7\/eHH35osdlsKZZlpR8tdl7u+6ZpmgxD+BwOBy0Wi3C5XCb6\/v37R3fo0CHX7XZjx44dCiL85Cc\/mYGIzDtwVFRUvLNr166xgwcPTrLZbGf8\/vtvAQDq6+vPCwQCl+2yyy5bQwjJOaqXwLXzgwcP\/vzmzZtfIISgiRMnWkuXLn0V5q2G1HgDMBMYYpCamoo1a9Y8BwBYUVEx3+VyHSFCzI0bN0YIIcZ70R+\/ccmlPCQZMk+XFaTRaPTGYDz\/hz\/8ISuDEL+yslLwer3N33jjjR8m0zRt0Ee0DsqKioraYGnV11fHRCjmbNWrM25ZS7dsIpRP3DAsKIkEBAYcPXr0pEgkchBZY2P9UCwWfR8bGhrmlZWVrbZajfcHJhJhAJBjjMAwDkNUIYS0AKlnfy71LD8z0JzmzJkTv\/32+y2rEaosBd7zIeSB4A\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\" alt=\"apcompany\" class=\"logo-real\">\r\n  <\/a>\r\n  <div class=\"nav-links\">\r\n    <a href=\"#servicos\">Servi\u00e7os<\/a>\r\n    <a href=\"#resultados\">Resultados<\/a>\r\n    <a href=\"#processo\">Processo<\/a>\r\n    <a href=\"#depoimentos\">Clientes<\/a>\r\n    <a href=\"#lead\" class=\"btn-nav\">Falar com Especialista \u2192<\/a>\r\n  <\/div>\r\n<\/nav>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\" id=\"lead\">\r\n  <div class=\"hero-blob-1\"><\/div>\r\n  <div class=\"hero-blob-2\"><\/div>\r\n  <div class=\"hero-inner\">\r\n\r\n    <!-- LEFT -->\r\n    <div>\r\n      <div class=\"badge badge-anim\">\r\n        <span class=\"badge-dot\">\u26a1<\/span>\r\n        Gest\u00e3o de Tr\u00e1fego Pago\r\n      <\/div>\r\n      <h1 class=\"h1-anim\">Mais clientes.<br>Menos desperd\u00edcio.<br><span class=\"grad-word\">Resultado real.<\/span><\/h1>\r\n      <p class=\"hero-desc desc-anim\">Gerenciamos campanhas no Google, Meta e YouTube para empresas que querem crescer com previsibilidade \u2014 com estrat\u00e9gia, dados e criatividade.<\/p>\r\n      <div class=\"hero-stats stats-anim\">\r\n        <div>\r\n          <div class=\"stat-n\">R$<em>47M<\/em><\/div>\r\n          <div class=\"stat-lbl\">Receita gerada<\/div>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"stat-n\"><em>4.8<\/em>\u00d7<\/div>\r\n          <div class=\"stat-lbl\">ROAS m\u00e9dio<\/div>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"stat-n\">-<em>42<\/em>%<\/div>\r\n          <div class=\"stat-lbl\">Custo por lead<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FORM -->\r\n    <div class=\"form-card\" id=\"form\">\r\n      <div class=\"form-tag\">Diagn\u00f3stico Gratuito<\/div>\r\n      <div class=\"form-title\">Vamos analisar sua conta?<\/div>\r\n      <div class=\"form-sub\">Preencha e receba uma an\u00e1lise completa em at\u00e9 24h, sem compromisso.<\/div>\r\n      <form onsubmit=\"handleSubmit(event)\">\r\n        <div class=\"form-group\">\r\n          <label>Nome completo<\/label>\r\n          <input type=\"text\" placeholder=\"Seu nome\" required>\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label>WhatsApp<\/label>\r\n          <input type=\"tel\" placeholder=\"(11) 99999-9999\" required>\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label>E-mail corporativo<\/label>\r\n          <input type=\"email\" placeholder=\"voce@empresa.com.br\" required>\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label>Investimento mensal em an\u00fancios<\/label>\r\n          <select required>\r\n            <option value=\"\" disabled selected>Selecione uma faixa<\/option>\r\n            <option>Menos de R$ 1.000<\/option>\r\n            <option>R$ 1.000 \u2013 R$ 5.000<\/option>\r\n            <option>R$ 5.000 \u2013 R$ 20.000<\/option>\r\n            <option>Acima de R$ 20.000<\/option>\r\n          <\/select>\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label>Segmento do neg\u00f3cio<\/label>\r\n          <select required>\r\n            <option value=\"\" disabled selected>Selecione<\/option>\r\n            <option>E-commerce \/ Varejo<\/option>\r\n            <option>Sa\u00fade & Est\u00e9tica<\/option>\r\n            <option>Imobili\u00e1rio<\/option>\r\n            <option>Educa\u00e7\u00e3o<\/option>\r\n            <option>Servi\u00e7os B2B<\/option>\r\n            <option>Outro<\/option>\r\n          <\/select>\r\n        <\/div>\r\n        <button type=\"submit\" class=\"btn-submit\">Quero meu diagn\u00f3stico gratuito \u2192<\/button>\r\n      <\/form>\r\n      <div class=\"form-footer\">\r\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6b6b8a\" stroke-width=\"2.2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n        Sem spam. Seus dados est\u00e3o seguros.\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- MARQUEE -->\r\n<div class=\"marquee-wrap\">\r\n  <div class=\"marquee-track\">\r\n    <span class=\"marquee-item\">Google Ads<\/span>\r\n    <span class=\"marquee-item\">Meta Ads<\/span>\r\n    <span class=\"marquee-item\">YouTube Ads<\/span>\r\n    <span class=\"marquee-item\">TikTok Ads<\/span>\r\n    <span class=\"marquee-item\">Performance Max<\/span>\r\n    <span class=\"marquee-item\">Remarketing<\/span>\r\n    <span class=\"marquee-item\">Analytics & BI<\/span>\r\n    <span class=\"marquee-item\">CRO & Landing Pages<\/span>\r\n    <span class=\"marquee-item\">Google Ads<\/span>\r\n    <span class=\"marquee-item\">Meta Ads<\/span>\r\n    <span class=\"marquee-item\">YouTube Ads<\/span>\r\n    <span class=\"marquee-item\">TikTok Ads<\/span>\r\n    <span class=\"marquee-item\">Performance Max<\/span>\r\n    <span class=\"marquee-item\">Remarketing<\/span>\r\n    <span class=\"marquee-item\">Analytics & BI<\/span>\r\n    <span class=\"marquee-item\">CRO & Landing Pages<\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- SERVICES -->\r\n<section class=\"services\" id=\"servicos\">\r\n  <div class=\"inner\">\r\n    <div class=\"section-eyebrow reveal\">O que fazemos<\/div>\r\n    <h2 class=\"reveal\">Solu\u00e7\u00f5es completas<br>em m\u00eddia paga<\/h2>\r\n    <p class=\"section-p reveal\">Cada campanha \u00e9 constru\u00edda com estrat\u00e9gia, dados e criatividade para maximizar seu ROI em cada canal.<\/p>\r\n    <div class=\"services-grid\">\r\n      <div class=\"svc reveal\">\r\n        <div class=\"svc-icon\">\ud83c\udfaf<\/div>\r\n        <div class=\"svc-name\">Google Ads<\/div>\r\n        <div class=\"svc-desc\">Search, Shopping, Display e Performance Max. Capturamos quem j\u00e1 procura pelo que voc\u00ea vende \u2014 no momento exato da inten\u00e7\u00e3o de compra.<\/div>\r\n      <\/div>\r\n      <div class=\"svc reveal\">\r\n        <div class=\"svc-icon\">\ud83d\udcf1<\/div>\r\n        <div class=\"svc-name\">Meta Ads<\/div>\r\n        <div class=\"svc-desc\">Facebook e Instagram com segmenta\u00e7\u00e3o avan\u00e7ada. Criamos demanda e constru\u00edmos audi\u00eancias de alta qualidade que realmente convertem.<\/div>\r\n      <\/div>\r\n      <div class=\"svc reveal\">\r\n        <div class=\"svc-icon\">\u25b6\ufe0f<\/div>\r\n        <div class=\"svc-name\">YouTube Ads<\/div>\r\n        <div class=\"svc-desc\">V\u00eddeos que engajam e convertem. Estrat\u00e9gias de awareness e remarketing para encurtar o ciclo de vendas e fortalecer a marca.<\/div>\r\n      <\/div>\r\n      <div class=\"svc reveal\">\r\n        <div class=\"svc-icon\">\ud83d\udd04<\/div>\r\n        <div class=\"svc-name\">Remarketing<\/div>\r\n        <div class=\"svc-desc\">Reconquiste visitantes que n\u00e3o converteram. Campanhas segmentadas para recuperar quem j\u00e1 demonstrou interesse no seu produto.<\/div>\r\n      <\/div>\r\n      <div class=\"svc reveal\">\r\n        <div class=\"svc-icon\">\ud83d\udcca<\/div>\r\n        <div class=\"svc-name\">Analytics & BI<\/div>\r\n        <div class=\"svc-desc\">Dashboards em tempo real com as m\u00e9tricas que importam. Decis\u00f5es 100% baseadas em dados, n\u00e3o em achismo.<\/div>\r\n      <\/div>\r\n      <div class=\"svc reveal\">\r\n        <div class=\"svc-icon\">\u26a1<\/div>\r\n        <div class=\"svc-name\">CRO & Landing Pages<\/div>\r\n        <div class=\"svc-desc\">Otimizamos p\u00e1ginas para converter mais o tr\u00e1fego que j\u00e1 existe. Mais resultados sem aumentar o investimento.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- NUMBERS -->\r\n<section id=\"resultados\">\r\n  <div class=\"inner\">\r\n    <div class=\"section-eyebrow reveal\">N\u00fameros que provam<\/div>\r\n    <h2 class=\"reveal\">Resultados que<br>falam por si s\u00f3s<\/h2>\r\n    <p class=\"section-p reveal\">Dados reais de campanhas gerenciadas pela apcompany nos \u00faltimos 12 meses.<\/p>\r\n    <div class=\"numbers-grid\">\r\n      <div class=\"num-card reveal\">\r\n        <div class=\"num-n\">R$<em>47M<\/em><\/div>\r\n        <div class=\"num-lbl\">Em receita gerada para clientes<\/div>\r\n      <\/div>\r\n      <div class=\"num-card reveal\">\r\n        <div class=\"num-n\"><em>4.8<\/em>\u00d7<\/div>\r\n        <div class=\"num-lbl\">ROAS m\u00e9dio das campanhas<\/div>\r\n      <\/div>\r\n      <div class=\"num-card reveal\">\r\n        <div class=\"num-n\">-<em>42<\/em>%<\/div>\r\n        <div class=\"num-lbl\">Redu\u00e7\u00e3o m\u00e9dia no custo por lead<\/div>\r\n      <\/div>\r\n      <div class=\"num-card reveal\">\r\n        <div class=\"num-n\"><em>320<\/em>+<\/div>\r\n        <div class=\"num-lbl\">Empresas atendidas no Brasil<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- PROCESS -->\r\n<section class=\"process\" id=\"processo\">\r\n  <div class=\"inner\">\r\n    <div class=\"section-eyebrow reveal\">Como trabalhamos<\/div>\r\n    <h2 class=\"reveal\">Do diagn\u00f3stico ao<br>resultado em 4 passos<\/h2>\r\n    <p class=\"section-p reveal\">Um processo transparente, orientado por dados e focado no crescimento do seu neg\u00f3cio.<\/p>\r\n    <div class=\"process-steps\">\r\n      <div class=\"ps reveal\">\r\n        <div class=\"ps-num\">01<\/div>\r\n        <div class=\"ps-title\">Diagn\u00f3stico<\/div>\r\n        <div class=\"ps-desc\">Auditamos sua conta atual, mapeamos perdas e identificamos oportunidades escondidas nas suas campanhas.<\/div>\r\n      <\/div>\r\n      <div class=\"ps reveal\">\r\n        <div class=\"ps-num\">02<\/div>\r\n        <div class=\"ps-title\">Estrat\u00e9gia<\/div>\r\n        <div class=\"ps-desc\">Desenvolvemos um plano de m\u00eddia personalizado com metas claras, canais definidos e m\u00e9tricas de sucesso.<\/div>\r\n      <\/div>\r\n      <div class=\"ps reveal\">\r\n        <div class=\"ps-num\">03<\/div>\r\n        <div class=\"ps-title\">Execu\u00e7\u00e3o<\/div>\r\n        <div class=\"ps-desc\">Ativamos as campanhas, criamos os criativos e monitoramos diariamente para otimiza\u00e7\u00e3o cont\u00ednua e sem pausa.<\/div>\r\n      <\/div>\r\n      <div class=\"ps reveal\">\r\n        <div class=\"ps-num\">04<\/div>\r\n        <div class=\"ps-title\">Escala<\/div>\r\n        <div class=\"ps-desc\">Com dados consolidados, escalamos o que funciona e eliminamos desperd\u00edcio de verba para crescer com consist\u00eancia.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- TESTIMONIALS -->\r\n<section id=\"depoimentos\">\r\n  <div class=\"inner\">\r\n    <div class=\"section-eyebrow reveal\">Depoimentos<\/div>\r\n    <h2 class=\"reveal\">Quem confia na<br>apcompany<\/h2>\r\n    <p class=\"section-p reveal\">Resultados reais de empresas que escolheram crescer com a gente.<\/p>\r\n    <div class=\"testi-grid\">\r\n      <div class=\"testi reveal\">\r\n        <div class=\"stars\"><span class=\"star\"><\/span><span class=\"star\"><\/span><span class=\"star\"><\/span><span class=\"star\"><\/span><span class=\"star\"><\/span><\/div>\r\n        <div class=\"testi-q\">\"Em 60 dias reduzimos nosso custo por lead em 38% e triplicamos o volume de agendamentos. A apcompany entende profundamente o nosso neg\u00f3cio.\"<\/div>\r\n        <div class=\"testi-who\">\r\n          <div class=\"av\">RC<\/div>\r\n          <div>\r\n            <div class=\"testi-name\">Rafael Costa<\/div>\r\n            <div class=\"testi-role\">CEO \u2014 Cl\u00ednica Evolu\u00e7\u00e3o<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"testi reveal\">\r\n        <div class=\"stars\"><span class=\"star\"><\/span><span class=\"star\"><\/span><span class=\"star\"><\/span><span class=\"star\"><\/span><span class=\"star\"><\/span><\/div>\r\n        <div class=\"testi-q\">\"Nosso e-commerce saiu de R$ 80k para R$ 340k de faturamento em 4 meses. O ROAS est\u00e1 consistente em 6.2\u00d7. Resultado acima de tudo que esper\u00e1vamos.\"<\/div>\r\n        <div class=\"testi-who\">\r\n          <div class=\"av\">AM<\/div>\r\n          <div>\r\n            <div class=\"testi-name\">Ana Moura<\/div>\r\n            <div class=\"testi-role\">Diretora \u2014 Loja Veste Bem<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"testi reveal\">\r\n        <div class=\"stars\"><span class=\"star\"><\/span><span class=\"star\"><\/span><span class=\"star\"><\/span><span class=\"star\"><\/span><span class=\"star\"><\/span><\/div>\r\n        <div class=\"testi-q\">\"A transpar\u00eancia nos relat\u00f3rios \u00e9 o diferencial. Sei exatamente onde cada centavo \u00e9 investido e o retorno que est\u00e1 gerando. Recomendo sem hesitar.\"<\/div>\r\n        <div class=\"testi-who\">\r\n          <div class=\"av\">TS<\/div>\r\n          <div>\r\n            <div class=\"testi-name\">Thiago Souza<\/div>\r\n            <div class=\"testi-role\">Fundador \u2014 TechImov<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ATENDIMENTO -->\r\n<section class=\"atendimento\" id=\"atendimento\">\r\n  <div class=\"inner\">\r\n    <div class=\"section-eyebrow reveal\">Do primeiro contato ao resultado<\/div>\r\n    <h2 class=\"reveal\">Nosso processo<br>de atendimento<\/h2>\r\n    <p class=\"section-p reveal\">Transpar\u00eancia e clareza em cada etapa \u2014 voc\u00ea sabe exatamente o que acontece do in\u00edcio ao fim.<\/p>\r\n\r\n    <div class=\"timeline\">\r\n\r\n      <!-- FASE 1 -->\r\n      <div class=\"tl-phase\">\r\n        <span class=\"tl-phase-label\">Fase 1 \u2014 Primeiro contato<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"tl-item reveal\">\r\n        <div class=\"tl-badge\">01<\/div>\r\n        <div class=\"tl-tag\">Voc\u00ea<\/div>\r\n        <div class=\"tl-title\">Preenche o formul\u00e1rio<\/div>\r\n        <div class=\"tl-desc\">Conta um pouco sobre seu neg\u00f3cio e investimento atual em an\u00fancios. Leva menos de 1 minuto.<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tl-item reveal\">\r\n        <div class=\"tl-badge\">02<\/div>\r\n        <div class=\"tl-tag\">apcompany<\/div>\r\n        <div class=\"tl-title\">Entramos em contato<\/div>\r\n        <div class=\"tl-desc\">Nossa equipe retorna em at\u00e9 24h para entender melhor seus objetivos e agendar a pr\u00f3xima etapa.<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tl-item reveal\">\r\n        <div class=\"tl-badge\">03<\/div>\r\n        <div class=\"tl-tag\">apcompany<\/div>\r\n        <div class=\"tl-title\">Especialista faz a an\u00e1lise<\/div>\r\n        <div class=\"tl-desc\">Auditamos suas campanhas atuais e identificamos oportunidades de melhoria com dados concretos.<\/div>\r\n      <\/div>\r\n\r\n      <!-- FASE 2 -->\r\n      <div class=\"tl-phase\">\r\n        <span class=\"tl-phase-label\">Fase 2 \u2014 Consultoria e proposta<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"tl-item reveal\">\r\n        <div class=\"tl-badge\">04<\/div>\r\n        <div class=\"tl-tag\">juntos<\/div>\r\n        <div class=\"tl-title\">Consultoria de 30 minutos<\/div>\r\n        <div class=\"tl-desc\">Agendamos uma reuni\u00e3o para apresentar os achados e ouvir seus objetivos, metas e realidade financeira.<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tl-item reveal\">\r\n        <div class=\"tl-badge\">05<\/div>\r\n        <div class=\"tl-tag\">apcompany<\/div>\r\n        <div class=\"tl-title\">Apresentamos as solu\u00e7\u00f5es<\/div>\r\n        <div class=\"tl-desc\">Entregamos uma proposta personalizada com estrat\u00e9gias, canais, estimativas de resultado e investimento.<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tl-item reveal\">\r\n        <div class=\"tl-badge\">06<\/div>\r\n        <div class=\"tl-tag\">juntos<\/div>\r\n        <div class=\"tl-title\">Fechamos a parceria<\/div>\r\n        <div class=\"tl-desc\">Alinhamos os detalhes, assinamos o contrato e iniciamos a jornada juntos rumo ao crescimento.<\/div>\r\n      <\/div>\r\n\r\n      <!-- FASE 3 -->\r\n      <div class=\"tl-phase\">\r\n        <span class=\"tl-phase-label\">Fase 3 \u2014 Ativa\u00e7\u00e3o (at\u00e9 7 dias)<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"tl-item reveal\">\r\n        <div class=\"tl-badge\">07<\/div>\r\n        <div class=\"tl-tag\">apcompany<\/div>\r\n        <div class=\"tl-title\">Estrutura e acessos configurados<\/div>\r\n        <div class=\"tl-desc\">Configuramos toda a estrutura t\u00e9cnica: contas, pixels, tags, integra\u00e7\u00f5es e acessos necess\u00e1rios.<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tl-item reveal\">\r\n        <div class=\"tl-badge\">08<\/div>\r\n        <div class=\"tl-tag\">juntos<\/div>\r\n        <div class=\"tl-title\">Reuni\u00e3o estrat\u00e9gica<\/div>\r\n        <div class=\"tl-desc\">Reuni\u00e3o presencial ou online para alinhar criativos, copies, p\u00fablicos e validar a estrat\u00e9gia final antes do go-live.<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tl-item reveal\">\r\n        <div class=\"tl-badge\">09<\/div>\r\n        <div class=\"tl-tag\">\ud83d\ude80 go-live<\/div>\r\n        <div class=\"tl-title\">Ativamos os an\u00fancios<\/div>\r\n        <div class=\"tl-desc\">Campanhas no ar! Monitoramos de perto nas primeiras horas e dias para garantir tudo rodando com performance.<\/div>\r\n      <\/div>\r\n\r\n      <!-- FASE 4 -->\r\n      <div class=\"tl-phase\">\r\n        <span class=\"tl-phase-label\">Fase 4 \u2014 Gest\u00e3o cont\u00ednua<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"tl-item reveal\">\r\n        <div class=\"tl-badge\">10<\/div>\r\n        <div class=\"tl-tag\">comunica\u00e7\u00e3o<\/div>\r\n        <div class=\"tl-title\">Grupo no WhatsApp<\/div>\r\n        <div class=\"tl-desc\">Canal direto para d\u00favidas, atualiza\u00e7\u00f5es e comunica\u00e7\u00e3o r\u00e1pida com seu gestor dedicado. Sem burocracia.<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tl-item reveal\">\r\n        <div class=\"tl-badge\">11<\/div>\r\n        <div class=\"tl-tag\">acompanhamento<\/div>\r\n        <div class=\"tl-title\">Reuni\u00f5es mensais ou quinzenais<\/div>\r\n        <div class=\"tl-desc\">An\u00e1lise de resultados, apresenta\u00e7\u00e3o de relat\u00f3rios e planejamento das pr\u00f3ximas a\u00e7\u00f5es para escalar.<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tl-item reveal\" style=\"background: linear-gradient(135deg, rgba(61,64,232,0.08), rgba(139,48,255,0.08));\">\r\n        <div class=\"tl-badge\" style=\"background: linear-gradient(135deg,#22c55e,#16a34a);\">\u2713<\/div>\r\n        <div class=\"tl-tag\" style=\"color:#4ade80;background:rgba(34,197,94,0.1);border-color:rgba(34,197,94,0.25);\">resultado<\/div>\r\n        <div class=\"tl-title\">Crescimento consistente<\/div>\r\n        <div class=\"tl-desc\">Otimiza\u00e7\u00e3o cont\u00ednua, relat\u00f3rios transparentes e evolu\u00e7\u00e3o m\u00eas a m\u00eas dos seus resultados em m\u00eddia paga.<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CTA -->\r\n<section class=\"cta-section\">\r\n  <div class=\"cta-inner reveal\">\r\n    <div class=\"cta-glow\"><\/div>\r\n    <div class=\"section-eyebrow\" style=\"justify-content:center;display:flex;\">Pronto para crescer?<\/div>\r\n    <h2>Seu concorrente j\u00e1<br>est\u00e1 anunciando.<\/h2>\r\n    <p>Agende agora uma conversa com nosso time e descubra como dobrar seus resultados com o mesmo or\u00e7amento.<\/p>\r\n    <a href=\"#lead\" class=\"btn-cta\">Quero meu diagn\u00f3stico gratuito \u2192<\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n  <div class=\"footer-copy\">\u00a9 2025 apcompany. Todos os direitos reservados.<\/div>\r\n  <div class=\"footer-copy\">suporte@apcompany.com.br<\/div>\r\n<\/footer>\r\n\r\n<script>\r\n\/\/ Scroll reveal\r\nconst els = document.querySelectorAll('.reveal');\r\nconst io = new IntersectionObserver((entries) => {\r\n  entries.forEach((e, i) => {\r\n    if (e.isIntersecting) {\r\n      setTimeout(() => e.target.classList.add('on'), i * 55);\r\n      io.unobserve(e.target);\r\n    }\r\n  });\r\n}, { threshold: 0.1 });\r\nels.forEach(el => io.observe(el));\r\n\r\n\/\/ Endere\u00e7o do Google Apps Script (planilha de leads + e-mail de aviso)\r\nconst SHEET_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbwx4bSZaWeosStvaubM7zTIo-ieuE9zlKdg785_mwPQHI43oyq9h9bj2_P57xXIOCDf\/exec';\r\n\r\n\/\/ Form \u2192 Planilha + E-mail + WhatsApp\r\nfunction handleSubmit(e) {\r\n  e.preventDefault();\r\n  const form = e.target;\r\n  const btn  = form.querySelector('.btn-submit');\r\n\r\n  const nome         = form.querySelector('input[type=\"text\"]').value.trim();\r\n  const whatsapp     = form.querySelector('input[type=\"tel\"]').value.trim();\r\n  const email        = form.querySelector('input[type=\"email\"]').value.trim();\r\n  const investimento = form.querySelectorAll('select')[0].value;\r\n  const segmento     = form.querySelectorAll('select')[1].value;\r\n\r\n  const msg = encodeURIComponent(\r\n    `\ud83d\ude80 *Novo Lead \u2014 apcompany*\\n\\n` +\r\n    `\ud83d\udc64 *Nome:* ${nome}\\n` +\r\n    `\ud83d\udcf1 *WhatsApp:* ${whatsapp}\\n` +\r\n    `\ud83d\udce7 *E-mail:* ${email}\\n` +\r\n    `\ud83d\udcb0 *Investimento:* ${investimento}\\n` +\r\n    `\ud83c\udfe2 *Segmento:* ${segmento}`\r\n  );\r\n\r\n  btn.textContent = '\u2713 Enviado! Abrindo WhatsApp...';\r\n  btn.style.background = 'linear-gradient(135deg,#22c55e,#16a34a)';\r\n  btn.style.cursor = 'default';\r\n  btn.disabled = true;\r\n\r\n  \/\/ Envia o lead para a planilha e o e-mail; se falhar, o WhatsApp abre do mesmo jeito\r\n  try {\r\n    fetch(SHEET_URL, {\r\n      method: 'POST',\r\n      mode: 'no-cors',\r\n      keepalive: true,\r\n      body: new URLSearchParams({ nome, whatsapp, email, investimento, segmento })\r\n    }).catch(() => {});\r\n  } catch (err) {}\r\n\r\n  setTimeout(() => {\r\n    window.open(`https:\/\/wa.me\/5513974031807?text=${msg}`, '_blank');\r\n  }, 800);\r\n}\r\n\r\n\/\/ Phone mask\r\nconst tel = document.querySelector('input[type=\"tel\"]');\r\nif (tel) {\r\n  tel.addEventListener('input', function() {\r\n    let v = this.value.replace(\/\\D\/g,'');\r\n    if (v.length > 11) v = v.slice(0,11);\r\n    v = v.replace(\/^(\\d{2})(\\d{5})(\\d{4})$\/,'($1) $2-$3')\r\n         .replace(\/^(\\d{2})(\\d{4,5})(\\d*)$\/,'($1) $2-$3')\r\n         .replace(\/^(\\d{2})(\\d*)$\/,'($1) $2')\r\n         .replace(\/^(\\d+)$\/,'$1');\r\n    this.value = v;\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>apcompany \u2014 Gest\u00e3o de Tr\u00e1fego Pago Servi\u00e7os Resultados Processo Clientes Falar com Especialista \u2192 \u26a1 Gest\u00e3o de Tr\u00e1fego Pago Mais clientes.Menos desperd\u00edcio.Resultado real. Gerenciamos campanhas no Google, Meta e YouTube para empresas que querem crescer com previsibilidade \u2014 com estrat\u00e9gia, dados e criatividade. R$47M Receita gerada 4.8\u00d7 ROAS m\u00e9dio &#8211;42% Custo por lead Diagn\u00f3stico Gratuito [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"_monsterinsights_skip_tracking":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-67","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.2.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"apcompany \u2014 Gest\u00e3o de Tr\u00e1fego Pago Sem spam. Seus dados est\u00e3o seguros. Google Ads Meta Ads YouTube Ads TikTok Ads Performance Max Remarketing Analytics &amp; BI CRO &amp; Landing Pages Google Ads Meta Ads YouTube Ads TikTok Ads Performance Max Remarketing Analytics &amp; BI CRO &amp; Landing Pages O que fazemos Solu\u00e7\u00f5es completasem m\u00eddia paga\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"google-site-verification\" content=\"ANnacIkMRaujK9LxY6fDRP_kEa5xzva6wIWLzngCyxc\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/apcompany.com.br\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.2.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"pt_BR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"LP -\" \/>\n\t\t<meta property=\"og:type\" content=\"website\" \/>\n\t\t<meta property=\"og:title\" content=\"AP Company - LP\" \/>\n\t\t<meta property=\"og:description\" content=\"apcompany \u2014 Gest\u00e3o de Tr\u00e1fego Pago Sem spam. Seus dados est\u00e3o seguros. Google Ads Meta Ads YouTube Ads TikTok Ads Performance Max Remarketing Analytics &amp; BI CRO &amp; Landing Pages Google Ads Meta Ads YouTube Ads TikTok Ads Performance Max Remarketing Analytics &amp; BI CRO &amp; Landing Pages O que fazemos Solu\u00e7\u00f5es completasem m\u00eddia paga\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/apcompany.com.br\/\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"AP Company - LP\" \/>\n\t\t<meta name=\"twitter:description\" content=\"apcompany \u2014 Gest\u00e3o de Tr\u00e1fego Pago Sem spam. Seus dados est\u00e3o seguros. Google Ads Meta Ads YouTube Ads TikTok Ads Performance Max Remarketing Analytics &amp; BI CRO &amp; Landing Pages Google Ads Meta Ads YouTube Ads TikTok Ads Performance Max Remarketing Analytics &amp; BI CRO &amp; Landing Pages O que fazemos Solu\u00e7\u00f5es completasem m\u00eddia paga\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/apcompany.com.br\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/apcompany.com.br\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/apcompany.com.br\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/apcompany.com.br\\\/#listItem\",\"name\":\"AP Company\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/apcompany.com.br\\\/#listItem\",\"position\":2,\"name\":\"AP Company\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/apcompany.com.br\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/apcompany.com.br\\\/#organization\",\"name\":\"LP\",\"url\":\"https:\\\/\\\/apcompany.com.br\\\/\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/apcompany.com.br\\\/#webpage\",\"url\":\"https:\\\/\\\/apcompany.com.br\\\/\",\"name\":\"AP Company - LP\",\"description\":\"apcompany \\u2014 Gest\\u00e3o de Tr\\u00e1fego Pago Sem spam. Seus dados est\\u00e3o seguros. Google Ads Meta Ads YouTube Ads TikTok Ads Performance Max Remarketing Analytics & BI CRO & Landing Pages Google Ads Meta Ads YouTube Ads TikTok Ads Performance Max Remarketing Analytics & BI CRO & Landing Pages O que fazemos Solu\\u00e7\\u00f5es completasem m\\u00eddia paga\",\"inLanguage\":\"pt-BR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/apcompany.com.br\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/apcompany.com.br\\\/#breadcrumblist\"},\"datePublished\":\"2026-05-19T21:55:55+00:00\",\"dateModified\":\"2026-10-09T22:25:10+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/apcompany.com.br\\\/#website\",\"url\":\"https:\\\/\\\/apcompany.com.br\\\/\",\"name\":\"LP\",\"inLanguage\":\"pt-BR\",\"publisher\":{\"@id\":\"https:\\\/\\\/apcompany.com.br\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"AP Company - LP","description":"apcompany \u2014 Gest\u00e3o de Tr\u00e1fego Pago Sem spam. Seus dados est\u00e3o seguros. Google Ads Meta Ads YouTube Ads TikTok Ads Performance Max Remarketing Analytics & BI CRO & Landing Pages Google Ads Meta Ads YouTube Ads TikTok Ads Performance Max Remarketing Analytics & BI CRO & Landing Pages O que fazemos Solu\u00e7\u00f5es completasem m\u00eddia paga","canonical_url":"https:\/\/apcompany.com.br\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"ANnacIkMRaujK9LxY6fDRP_kEa5xzva6wIWLzngCyxc","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/apcompany.com.br\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/apcompany.com.br\/#listItem","position":1,"name":"Home","item":"https:\/\/apcompany.com.br\/","nextItem":{"@type":"ListItem","@id":"https:\/\/apcompany.com.br\/#listItem","name":"AP Company"}},{"@type":"ListItem","@id":"https:\/\/apcompany.com.br\/#listItem","position":2,"name":"AP Company","previousItem":{"@type":"ListItem","@id":"https:\/\/apcompany.com.br\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/apcompany.com.br\/#organization","name":"LP","url":"https:\/\/apcompany.com.br\/"},{"@type":"WebPage","@id":"https:\/\/apcompany.com.br\/#webpage","url":"https:\/\/apcompany.com.br\/","name":"AP Company - LP","description":"apcompany \u2014 Gest\u00e3o de Tr\u00e1fego Pago Sem spam. Seus dados est\u00e3o seguros. Google Ads Meta Ads YouTube Ads TikTok Ads Performance Max Remarketing Analytics & BI CRO & Landing Pages Google Ads Meta Ads YouTube Ads TikTok Ads Performance Max Remarketing Analytics & BI CRO & Landing Pages O que fazemos Solu\u00e7\u00f5es completasem m\u00eddia paga","inLanguage":"pt-BR","isPartOf":{"@id":"https:\/\/apcompany.com.br\/#website"},"breadcrumb":{"@id":"https:\/\/apcompany.com.br\/#breadcrumblist"},"datePublished":"2026-05-19T21:55:55+00:00","dateModified":"2026-10-09T22:25:10+00:00"},{"@type":"WebSite","@id":"https:\/\/apcompany.com.br\/#website","url":"https:\/\/apcompany.com.br\/","name":"LP","inLanguage":"pt-BR","publisher":{"@id":"https:\/\/apcompany.com.br\/#organization"}}]},"og:locale":"pt_BR","og:site_name":"LP -","og:type":"website","og:title":"AP Company - LP","og:description":"apcompany \u2014 Gest\u00e3o de Tr\u00e1fego Pago Sem spam. Seus dados est\u00e3o seguros. Google Ads Meta Ads YouTube Ads TikTok Ads Performance Max Remarketing Analytics &amp; BI CRO &amp; Landing Pages Google Ads Meta Ads YouTube Ads TikTok Ads Performance Max Remarketing Analytics &amp; BI CRO &amp; Landing Pages O que fazemos Solu\u00e7\u00f5es completasem m\u00eddia paga","og:url":"https:\/\/apcompany.com.br\/","twitter:card":"summary_large_image","twitter:title":"AP Company - LP","twitter:description":"apcompany \u2014 Gest\u00e3o de Tr\u00e1fego Pago Sem spam. Seus dados est\u00e3o seguros. Google Ads Meta Ads YouTube Ads TikTok Ads Performance Max Remarketing Analytics &amp; BI CRO &amp; Landing Pages Google Ads Meta Ads YouTube Ads TikTok Ads Performance Max Remarketing Analytics &amp; BI CRO &amp; Landing Pages O que fazemos Solu\u00e7\u00f5es completasem m\u00eddia paga"},"aioseo_meta_data":{"post_id":"67","title":null,"description":null,"keywords":null,"keyphrases":{"focus":[],"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"website","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_image_url":null,"twitter_title":null,"twitter_description":null,"schema_type":"default","schema_type_options":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null,"created":"2026-05-19 22:20:25","updated":"2026-10-09 22:34:11","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/apcompany.com.br\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tAP Company\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/apcompany.com.br\/"},{"label":"AP Company","link":"https:\/\/apcompany.com.br\/"}],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/apcompany.com.br\/index.php?rest_route=\/wp\/v2\/pages\/67","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apcompany.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/apcompany.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/apcompany.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/apcompany.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=67"}],"version-history":[{"count":26,"href":"https:\/\/apcompany.com.br\/index.php?rest_route=\/wp\/v2\/pages\/67\/revisions"}],"predecessor-version":[{"id":96,"href":"https:\/\/apcompany.com.br\/index.php?rest_route=\/wp\/v2\/pages\/67\/revisions\/96"}],"wp:attachment":[{"href":"https:\/\/apcompany.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}