{"id":2119,"date":"2026-03-12T22:11:38","date_gmt":"2026-03-12T22:11:38","guid":{"rendered":"https:\/\/boostertech.com.br\/?page_id=2119"},"modified":"2026-03-13T00:04:36","modified_gmt":"2026-03-13T00:04:36","slug":"criacao-de-sites","status":"publish","type":"page","link":"https:\/\/boostertech.com.br\/en\/criacao-de-sites\/","title":{"rendered":"Cria\u00e7\u00e3o de sites"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2119\" class=\"elementor elementor-2119\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19dd9a7 e-con-full e-flex e-con e-parent\" data-id=\"19dd9a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4cc74c8 elementor-widget elementor-widget-html\" data-id=\"4cc74c8\" 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>Cria\u00e7\u00e3o de Sites Profissionais com SEO | Booster Tech<\/title>\r\n<meta name=\"description\" content=\"Criamos sites profissionais, r\u00e1pidos e otimizados para o Google. Apare\u00e7a na primeira p\u00e1gina e conquiste mais clientes no Brasil todo.\">\r\n<meta name=\"robots\" content=\"index, follow\">\r\n<meta name=\"author\" content=\"Booster Tech\">\r\n<meta name=\"geo.region\" content=\"BR-MG\">\r\n<meta name=\"geo.country\" content=\"BR\">\r\n\r\n<!-- Open Graph -->\r\n<meta property=\"og:title\" content=\"Cria\u00e7\u00e3o de Sites Profissionais com SEO | Booster Tech\">\r\n<meta property=\"og:description\" content=\"Sites profissionais e otimizados que aparecem no Google. Atendemos todo o Brasil.\">\r\n<meta property=\"og:type\" content=\"website\">\r\n<meta property=\"og:url\" content=\"https:\/\/boostertech.com.br\/criacao-de-sites\">\r\n<meta property=\"og:image\" content=\"https:\/\/boostertech.com.br\/og-image.jpg\">\r\n<meta property=\"og:image:width\" content=\"1200\">\r\n<meta property=\"og:image:height\" content=\"630\">\r\n<meta property=\"og:locale\" content=\"pt_BR\">\r\n<meta property=\"og:site_name\" content=\"Booster Tech\">\r\n\r\n<!-- Twitter Card -->\r\n<meta name=\"twitter:card\" content=\"summary_large_image\">\r\n<meta name=\"twitter:title\" content=\"Cria\u00e7\u00e3o de Sites Profissionais com SEO | Booster Tech\">\r\n<meta name=\"twitter:description\" content=\"Sites profissionais e otimizados que aparecem no Google. Atendemos todo o Brasil.\">\r\n<meta name=\"twitter:image\" content=\"https:\/\/boostertech.com.br\/og-image.jpg\">\r\n\r\n<link rel=\"canonical\" href=\"https:\/\/boostertech.com.br\/criacao-de-sites\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap\" media=\"print\" onload=\"this.media='all'\">\r\n<noscript><link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap\"><\/noscript>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"LocalBusiness\",\r\n  \"name\": \"Booster Tech\",\r\n  \"description\": \"Ag\u00eancia de cria\u00e7\u00e3o de sites profissionais com SEO otimizado para o Google\",\r\n  \"url\": \"https:\/\/boostertech.com.br\",\r\n  \"logo\": \"https:\/\/boostertech.com.br\/logo.png\",\r\n  \"image\": \"https:\/\/boostertech.com.br\/og-image.jpg\",\r\n  \"telephone\": \"+55-34-99999-9999\",\r\n  \"email\": \"contato@boostertech.com.br\",\r\n  \"priceRange\": \"R$2.500 - R$15.000\",\r\n  \"address\": {\r\n    \"@type\": \"PostalAddress\",\r\n    \"addressLocality\": \"Uberl\u00e2ndia\",\r\n    \"addressRegion\": \"MG\",\r\n    \"addressCountry\": \"BR\"\r\n  },\r\n  \"openingHoursSpecification\": [\r\n    {\r\n      \"@type\": \"OpeningHoursSpecification\",\r\n      \"dayOfWeek\": [\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\"],\r\n      \"opens\": \"09:00\",\r\n      \"closes\": \"18:00\"\r\n    }\r\n  ],\r\n  \"areaServed\": {\r\n    \"@type\": \"Country\",\r\n    \"name\": \"Brasil\"\r\n  },\r\n  \"serviceType\": \"Cria\u00e7\u00e3o de Sites com SEO\",\r\n  \"hasOfferCatalog\": {\r\n    \"@type\": \"OfferCatalog\",\r\n    \"name\": \"Servi\u00e7os de Desenvolvimento Web\",\r\n    \"itemListElement\": [\r\n      {\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"Cria\u00e7\u00e3o de Site Profissional\"}},\r\n      {\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"SEO T\u00e9cnico\"}},\r\n      {\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"SEO Local\"}},\r\n      {\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"Integra\u00e7\u00e3o com WhatsApp\"}}\r\n    ]\r\n  }\r\n}\r\n<\/script>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"FAQPage\",\r\n  \"mainEntity\": [\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Quanto custa criar um site profissional com SEO?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Sites institucionais partem de R$ 2.500. Projetos completos com SEO avan\u00e7ado, integra\u00e7\u00f5es e conte\u00fado variam entre R$ 5.000 e R$ 15.000. Solicite um or\u00e7amento \u2014 \u00e9 gratuito e sem compromisso.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Como aparecer no Google sem pagar an\u00fancio?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Com SEO bem feito: palavras-chave certas, estrutura t\u00e9cnica correta, conte\u00fado relevante e performance de carregamento. \u00c9 um trabalho de m\u00e9dio prazo, mas que gera tr\u00e1fego gratuito e cont\u00ednuo.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Em quanto tempo o site fica pronto?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Sites simples ficam prontos em 15 a 20 dias. Projetos mais completos, com m\u00faltiplas p\u00e1ginas e integra\u00e7\u00f5es, entre 30 e 45 dias. Tudo combinado previamente no briefing.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Voc\u00eas atendem todo o Brasil?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Sim. Atendemos clientes em todo o Brasil de forma 100% remota, com reuni\u00f5es por v\u00eddeo e entregas digitais.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Site para pequena empresa vale a pena?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Muito. Um site profissional com SEO \u00e9 o canal de marketing com melhor custo-benef\u00edcio a longo prazo. Voc\u00ea investe uma vez e colhe resultado por anos, sem pagar por cada clique.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"O site ter\u00e1 integra\u00e7\u00e3o com WhatsApp?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Sim. Todos os nossos projetos incluem bot\u00e3o flutuante de WhatsApp, CTAs estrat\u00e9gicos e, se desejar, automa\u00e7\u00f5es de atendimento integradas.\"\r\n      }\r\n    }\r\n  ]\r\n}\r\n<\/script>\r\n\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:root {\r\n  --black: #080808;\r\n  --black-2: #0f0f0f;\r\n  --black-3: #161616;\r\n  --pink: #ff3d8a;\r\n  --pink-light: #ff6faa;\r\n  --pink-dim: rgba(255,61,138,0.15);\r\n  --pink-glow: rgba(255,61,138,0.35);\r\n  --white: #f5f0f2;\r\n  --gray: #8a7e84;\r\n  --gray-light: #c4b8be;\r\n  --font-display: 'Bebas Neue', sans-serif;\r\n  --font-body: 'DM Sans', sans-serif;\r\n  font-size: 18px;\r\n}\r\n\r\nhtml { scroll-behavior: smooth; }\r\n\r\nbody {\r\n  background: var(--black);\r\n  color: var(--white);\r\n  font-family: var(--font-body);\r\n  font-size: 16px !important;\r\n  line-height: 1.6;\r\n  overflow-x: hidden;\r\n  cursor: none;\r\n}\r\n\r\n\r\n\r\n\/* Custom cursor *\/\r\n.cursor {\r\n  width: 10px; height: 10px;\r\n  background: var(--pink);\r\n  border-radius: 50%;\r\n  position: fixed;\r\n  top: 0; left: 0;\r\n  pointer-events: none;\r\n  z-index: 9999;\r\n  transition: none;\r\n  mix-blend-mode: normal;\r\n}\r\n.cursor-ring {\r\n  width: 36px; height: 36px;\r\n  border: 1.5px solid var(--pink);\r\n  border-radius: 50%;\r\n  position: fixed;\r\n  top: 0; left: 0;\r\n  pointer-events: none;\r\n  z-index: 9998;\r\n  transition: all 0.12s ease;\r\n  opacity: 0.5;\r\n}\r\n\r\n\/* Noise overlay *\/\r\nbody::before {\r\n  content: '';\r\n  position: fixed;\r\n  inset: 0;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'\/%3E%3C\/svg%3E\");\r\n  opacity: 0.025;\r\n  pointer-events: none;\r\n  z-index: 1000;\r\n}\r\n\r\n\/* MAX WIDTH CONTAINER *\/\r\n.container {\r\n  width: 100%;\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n}\r\n\r\n\/* NAV *\/\r\nnav {\r\n  position: fixed;\r\n  top: 0; left: 0; right: 0;\r\n  z-index: 100;\r\n  backdrop-filter: blur(20px);\r\n  background: rgba(8,8,8,0.7);\r\n  border-bottom: 1px solid rgba(255,61,138,0.1);\r\n}\r\n.nav-inner {\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n  padding: 24px 40px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.logo {\r\n  font-family: var(--font-display);\r\n  font-size: 1.6rem;\r\n  letter-spacing: 0.08em;\r\n  color: var(--white);\r\n  text-decoration: none;\r\n}\r\n.logo span { color: var(--pink); }\r\n\r\n.nav-links {\r\n  display: flex;\r\n  gap: 40px;\r\n  list-style: none;\r\n}\r\n.nav-links a {\r\n  color: var(--gray-light);\r\n  text-decoration: none;\r\n  font-size: 0.85rem;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  transition: color 0.2s;\r\n}\r\n.nav-links a:hover { color: var(--pink); }\r\n\r\n.nav-cta {\r\n  background: var(--pink);\r\n  color: var(--black) !important;\r\n  padding: 10px 24px;\r\n  border-radius: 2px;\r\n  font-weight: 500 !important;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  font-size: 0.8rem !important;\r\n  transition: background 0.2s, transform 0.2s !important;\r\n}\r\n.nav-cta:hover {\r\n  background: var(--pink-light) !important;\r\n  color: var(--black) !important;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n\/* HERO *\/\r\n.hero {\r\n  min-height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.hero-inner {\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n  padding: 120px 40px 80px;\r\n  width: 100%;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.hero-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: url('https:\/\/assets.cdn.filesafe.space\/HQAVE1NHQZs6W4P0RUkp\/media\/69b33f15eba4871cea01cd73.png');\r\n  background-size: cover;\r\n  background-position: center top;\r\n  background-repeat: no-repeat;\r\n  opacity: 0.55;\r\n}\r\n\r\n.hero-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(105deg, rgba(8,8,8,0.88) 0%, rgba(8,8,8,0.55) 45%, rgba(8,8,8,0.25) 100%);\r\n}\r\n\r\n.hero-glow {\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(ellipse 55% 65% at 72% 38%, rgba(255,61,138,0.32) 0%, transparent 60%),\r\n    radial-gradient(ellipse 35% 45% at 18% 75%, rgba(255,61,138,0.14) 0%, transparent 55%);\r\n  mix-blend-mode: screen;\r\n}\r\n\r\n.hero-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(255,61,138,0.04) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,61,138,0.04) 1px, transparent 1px);\r\n  background-size: 60px 60px;\r\n  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 30%, transparent 100%);\r\n}\r\n\r\n.hero-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 700px;\r\n}\r\n\r\n.hero-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: var(--pink-dim);\r\n  border: 1px solid rgba(255,61,138,0.3);\r\n  color: var(--pink-light);\r\n  padding: 6px 16px;\r\n  border-radius: 2px;\r\n  font-size: 0.75rem;\r\n  letter-spacing: 0.15em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 32px;\r\n  animation: fadeUp 0.8s ease both;\r\n}\r\n.hero-tag::before {\r\n  content: '';\r\n  width: 6px; height: 6px;\r\n  background: var(--pink);\r\n  border-radius: 50%;\r\n  animation: pulse 2s infinite;\r\n}\r\n\r\n@keyframes pulse {\r\n  0%, 100% { opacity: 1; transform: scale(1); }\r\n  50% { opacity: 0.5; transform: scale(1.4); }\r\n}\r\n\r\nh1 {\r\n  font-family: var(--font-display);\r\n  font-size: clamp(4rem, 9vw, 8rem);\r\n  line-height: 0.92;\r\n  letter-spacing: 0.02em;\r\n  margin-bottom: 28px;\r\n  animation: fadeUp 0.8s 0.1s ease both;\r\n}\r\n\r\nh1 .line-pink { color: var(--pink); }\r\nh1 .line-outline {\r\n  -webkit-text-stroke: 1px rgba(245,240,242,0.3);\r\n  color: transparent;\r\n}\r\n\r\n.hero-desc {\r\n  font-size: 1.1rem;\r\n  color: var(--gray-light);\r\n  max-width: 500px;\r\n  margin-bottom: 48px;\r\n  font-weight: 300;\r\n  animation: fadeUp 0.8s 0.2s ease both;\r\n}\r\n\r\n.hero-actions {\r\n  display: flex;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n  animation: fadeUp 0.8s 0.3s ease both;\r\n}\r\n\r\n.btn-primary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: var(--pink);\r\n  color: var(--black);\r\n  padding: 16px 36px;\r\n  font-family: var(--font-body);\r\n  font-size: 0.9rem;\r\n  font-weight: 500;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  text-decoration: none;\r\n  border-radius: 2px;\r\n  transition: all 0.25s;\r\n  border: none;\r\n  cursor: pointer;\r\n}\r\n.btn-primary:hover {\r\n  background: var(--pink-light);\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 16px 40px var(--pink-glow);\r\n}\r\n.btn-primary svg { transition: transform 0.25s; }\r\n.btn-primary:hover svg { transform: translateX(4px); }\r\n\r\n.btn-ghost {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: transparent;\r\n  color: var(--white);\r\n  padding: 16px 36px;\r\n  font-family: var(--font-body);\r\n  font-size: 0.9rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  text-decoration: none;\r\n  border-radius: 2px;\r\n  border: 1px solid rgba(245,240,242,0.2);\r\n  transition: all 0.25s;\r\n  cursor: pointer;\r\n}\r\n.btn-ghost:hover {\r\n  border-color: var(--pink);\r\n  color: var(--pink);\r\n}\r\n\r\n.hero-numbers {\r\n  position: absolute;\r\n  right: 40px;\r\n  bottom: 80px;\r\n  display: flex;\r\n  gap: 60px;\r\n  animation: fadeUp 0.8s 0.4s ease both;\r\n}\r\n\r\n.hero-stat { text-align: right; }\r\n.hero-stat .num {\r\n  font-family: var(--font-display);\r\n  font-size: 3rem;\r\n  color: var(--pink);\r\n  line-height: 1;\r\n}\r\n.hero-stat .label {\r\n  font-size: 0.75rem;\r\n  color: var(--gray);\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* MARQUEE *\/\r\n.marquee-wrap {\r\n  border-top: 1px solid rgba(255,61,138,0.15);\r\n  border-bottom: 1px solid rgba(255,61,138,0.15);\r\n  background: var(--black-2);\r\n  overflow: hidden;\r\n  padding: 18px 0;\r\n}\r\n.marquee-track {\r\n  display: flex;\r\n  gap: 0;\r\n  animation: marquee 25s linear infinite;\r\n  width: max-content;\r\n}\r\n.marquee-track span {\r\n  white-space: nowrap;\r\n  font-family: var(--font-display);\r\n  font-size: 1rem;\r\n  letter-spacing: 0.15em;\r\n  color: var(--gray);\r\n  padding: 0 40px;\r\n}\r\n.marquee-track span.accent { color: var(--pink); }\r\n@keyframes marquee {\r\n  from { transform: translateX(0); }\r\n  to { transform: translateX(-50%); }\r\n}\r\n\r\n\/* SECTIONS *\/\r\nsection { padding: 0; }\r\n.section-inner {\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n  padding: 120px 40px;\r\n}\r\n\r\n.section-label {\r\n  display: inline-block;\r\n  font-size: 0.7rem;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--pink);\r\n  margin-bottom: 20px;\r\n  position: relative;\r\n  padding-left: 28px;\r\n}\r\n.section-label::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0; top: 50%;\r\n  width: 18px; height: 1px;\r\n  background: var(--pink);\r\n}\r\n\r\nh2 {\r\n  font-family: var(--font-display);\r\n  font-size: clamp(2.8rem, 5vw, 5rem);\r\n  line-height: 0.95;\r\n  letter-spacing: 0.02em;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n\/* SERVICES *\/\r\n.services { background: var(--black-2); }\r\n\r\n.services-header {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 60px;\r\n  align-items: end;\r\n  margin-bottom: 80px;\r\n}\r\n\r\n.services-intro {\r\n  color: var(--gray-light);\r\n  font-size: 1rem;\r\n  font-weight: 300;\r\n  max-width: 360px;\r\n}\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(255,61,138,0.1);\r\n}\r\n\r\n.service-card {\r\n  background: var(--black-2);\r\n  padding: 48px 40px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: background 0.3s;\r\n}\r\n.service-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(--pink);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.4s ease;\r\n}\r\n.service-card:hover { background: var(--black-3); }\r\n.service-card:hover::before { transform: scaleX(1); }\r\n\r\n.service-num {\r\n  font-family: var(--font-display);\r\n  font-size: 5rem;\r\n  color: rgba(255,61,138,0.08);\r\n  line-height: 1;\r\n  margin-bottom: 24px;\r\n  transition: color 0.3s;\r\n}\r\n.service-card:hover .service-num { color: rgba(255,61,138,0.18); }\r\n\r\n.service-icon {\r\n  width: 44px; height: 44px;\r\n  background: var(--pink-dim);\r\n  border: 1px solid rgba(255,61,138,0.3);\r\n  border-radius: 4px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 24px;\r\n  color: var(--pink);\r\n}\r\n\r\nh3 {\r\n  font-family: var(--font-display);\r\n  font-size: 1.6rem;\r\n  letter-spacing: 0.03em;\r\n  margin-bottom: 12px;\r\n  color: var(--white);\r\n}\r\n\r\n.service-desc {\r\n  font-size: 0.9rem;\r\n  color: var(--gray);\r\n  font-weight: 300;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* WHY *\/\r\n.why { position: relative; overflow: hidden; }\r\n\r\n.why-bg {\r\n  position: absolute;\r\n  left: -200px; top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 600px; height: 600px;\r\n  background: radial-gradient(circle, rgba(255,61,138,0.08) 0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n\r\n.why-inner {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 100px;\r\n  align-items: center;\r\n}\r\n\r\n.why-list { margin-top: 40px; }\r\n\r\n.why-item {\r\n  display: flex;\r\n  gap: 20px;\r\n  padding: 28px 0;\r\n  border-bottom: 1px solid rgba(255,255,255,0.05);\r\n  position: relative;\r\n}\r\n.why-item:first-child { border-top: 1px solid rgba(255,255,255,0.05); }\r\n\r\n.why-item-num {\r\n  font-family: var(--font-display);\r\n  font-size: 1.2rem;\r\n  color: var(--pink);\r\n  min-width: 32px;\r\n  padding-top: 2px;\r\n}\r\n\r\n.why-item-text h4 {\r\n  font-size: 1rem;\r\n  font-weight: 500;\r\n  margin-bottom: 4px;\r\n  color: var(--white);\r\n}\r\n.why-item-text p {\r\n  font-size: 0.85rem;\r\n  color: var(--gray);\r\n  font-weight: 300;\r\n}\r\n\r\n.why-visual {\r\n  position: relative;\r\n  height: 480px;\r\n  background-image: url('https:\/\/assets.cdn.filesafe.space\/HQAVE1NHQZs6W4P0RUkp\/media\/69b3496ce8487cf23c5739bc.jpg');\r\n  background-size: cover;\r\n  background-position: center bottom;\r\n  border-radius: 4px;\r\n}\r\n\r\n.why-card-big {\r\n  position: absolute;\r\n  right: -30px; top: 140px;\r\n  width: 300px; height: 460px;\r\n  background: var(--black-3);\r\n  border: 1px solid rgba(255,61,138,0.2);\r\n  border-radius: 4px;\r\n  padding: 36px;\r\n  overflow: hidden;\r\n}\r\n.why-card-big::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: -60px; right: -60px;\r\n  width: 160px; height: 160px;\r\n  background: radial-gradient(circle, rgba(255,61,138,0.15), transparent 70%);\r\n}\r\n\r\n.why-card-small {\r\n  position: absolute;\r\n  left: 30px; bottom: -80px;\r\n  width: 220px;\r\n  background: var(--black-3);\r\n  border: 1px solid rgba(255,61,138,0.2);\r\n  border-radius: 4px;\r\n  padding: 28px;\r\n}\r\n\r\n.score-bar-label {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  font-size: 0.75rem;\r\n  color: var(--gray);\r\n  margin-bottom: 8px;\r\n  letter-spacing: 0.05em;\r\n}\r\n.score-bar-track {\r\n  height: 4px;\r\n  background: rgba(255,255,255,0.06);\r\n  border-radius: 2px;\r\n  margin-bottom: 16px;\r\n  overflow: hidden;\r\n}\r\n.score-bar-fill {\r\n  height: 100%;\r\n  background: var(--pink);\r\n  border-radius: 2px;\r\n  animation: fillBar 1.5s ease both;\r\n  animation-play-state: paused;\r\n}\r\n.score-bar-fill.animated { animation-play-state: running; }\r\n\r\n@keyframes fillBar {\r\n  from { width: 0 !important; }\r\n}\r\n\r\n.score-title {\r\n  font-size: 0.7rem;\r\n  letter-spacing: 0.15em;\r\n  text-transform: uppercase;\r\n  color: var(--pink);\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.metric-big {\r\n  font-family: var(--font-display);\r\n  font-size: 3.6rem;\r\n  color: var(--white);\r\n  line-height: 1;\r\n  margin-bottom: 6px;\r\n}\r\n.metric-sub {\r\n  font-size: 0.8rem;\r\n  color: var(--gray);\r\n}\r\n\r\n\/* PROCESS *\/\r\n.process { background: var(--black-2); }\r\n\r\n.process-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 1px;\r\n  background: rgba(255,61,138,0.1);\r\n  margin-top: 70px;\r\n}\r\n\r\n.process-step {\r\n  background: var(--black-2);\r\n  padding: 48px 36px;\r\n  position: relative;\r\n}\r\n\r\n.process-step-num {\r\n  font-family: var(--font-display);\r\n  font-size: 0.85rem;\r\n  letter-spacing: 0.2em;\r\n  color: var(--pink);\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.process-step h3 {\r\n  font-size: 1.4rem;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.process-step p {\r\n  font-size: 0.85rem;\r\n  color: var(--gray);\r\n  font-weight: 300;\r\n  line-height: 1.7;\r\n}\r\n\r\n.process-arrow {\r\n  position: absolute;\r\n  right: -12px;\r\n  top: 48px;\r\n  width: 24px;\r\n  height: 24px;\r\n  background: var(--pink);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 2;\r\n  border-radius: 50%;\r\n}\r\n.process-step:last-child .process-arrow { display: none; }\r\n\r\n\/* NICHES *\/\r\n.niches-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(6, 1fr);\r\n  gap: 12px;\r\n  margin-top: 60px;\r\n}\r\n\r\n.niche-tag {\r\n  border: 1px solid rgba(255,61,138,0.2);\r\n  padding: 16px 20px;\r\n  font-size: 0.8rem;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  color: var(--gray-light);\r\n  text-align: center;\r\n  border-radius: 2px;\r\n  transition: all 0.25s;\r\n  cursor: default;\r\n}\r\n.niche-tag:hover {\r\n  border-color: var(--pink);\r\n  color: var(--pink);\r\n  background: var(--pink-dim);\r\n}\r\n\r\n\/* FAQ *\/\r\n.faq { background: var(--black-2); }\r\n.faq-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 60px;\r\n  margin-top: 70px;\r\n  align-items: start;\r\n}\r\n.faq-list { display: flex; flex-direction: column; gap: 0; }\r\n\r\ndetails.faq-item {\r\n  border-bottom: 1px solid rgba(255,255,255,0.06);\r\n}\r\ndetails.faq-item summary {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 24px 0;\r\n  cursor: pointer;\r\n  font-size: 0.95rem;\r\n  font-weight: 400;\r\n  color: var(--white);\r\n  gap: 20px;\r\n  list-style: none;\r\n  user-select: none;\r\n  transition: color 0.2s;\r\n}\r\ndetails.faq-item summary::-webkit-details-marker { display: none; }\r\ndetails.faq-item summary:hover { color: var(--pink); }\r\n.faq-toggle {\r\n  width: 28px; height: 28px;\r\n  border: 1px solid rgba(255,61,138,0.3);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--pink);\r\n  flex-shrink: 0;\r\n  font-size: 1.2rem;\r\n  transition: all 0.2s;\r\n  line-height: 1;\r\n}\r\ndetails.faq-item[open] summary .faq-toggle {\r\n  background: var(--pink);\r\n  color: var(--black);\r\n  transform: rotate(45deg);\r\n}\r\n.faq-answer {\r\n  font-size: 0.88rem;\r\n  color: var(--gray);\r\n  font-weight: 300;\r\n  line-height: 1.8;\r\n  padding-bottom: 20px;\r\n}\r\n\r\n.faq-aside {\r\n  position: sticky;\r\n  top: 120px;\r\n}\r\n.faq-aside-card {\r\n  background: var(--black-3);\r\n  border: 1px solid rgba(255,61,138,0.2);\r\n  border-radius: 4px;\r\n  padding: 48px 40px;\r\n}\r\n.faq-aside-card h3 {\r\n  font-size: 2.4rem;\r\n  margin-bottom: 16px;\r\n}\r\n.faq-aside-card p {\r\n  color: var(--gray-light);\r\n  font-weight: 300;\r\n  font-size: 0.9rem;\r\n  margin-bottom: 32px;\r\n}\r\n.wa-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  background: var(--pink);\r\n  color: var(--black);\r\n  padding: 16px 28px;\r\n  border-radius: 2px;\r\n  text-decoration: none;\r\n  font-weight: 500;\r\n  font-size: 0.88rem;\r\n  letter-spacing: 0.06em;\r\n  text-transform: uppercase;\r\n  transition: all 0.25s;\r\n  cursor: pointer;\r\n}\r\n.wa-btn:hover {\r\n  background: var(--pink-light);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 12px 30px var(--pink-glow);\r\n}\r\n\r\n\/* CTA BANNER *\/\r\n.cta-banner {\r\n  background: var(--black);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.cta-banner-inner {\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n  padding: 120px 40px;\r\n  text-align: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n.cta-banner-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: radial-gradient(ellipse 70% 70% at 50% 50%, rgba(255,61,138,0.1) 0%, transparent 70%);\r\n}\r\n.cta-banner h2 {\r\n  font-size: clamp(3rem, 7vw, 7rem);\r\n  margin-bottom: 24px;\r\n}\r\n.cta-banner p {\r\n  color: var(--gray-light);\r\n  font-size: 1rem;\r\n  font-weight: 300;\r\n  margin-bottom: 48px;\r\n}\r\n.cta-banner .btn-primary {\r\n  font-size: 1rem;\r\n  padding: 20px 52px;\r\n}\r\n\r\n\/* FOOTER *\/\r\nfooter {\r\n  background: var(--black-2);\r\n  border-top: 1px solid rgba(255,61,138,0.1);\r\n}\r\n.footer-inner {\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n  padding: 60px 40px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.footer-logo {\r\n  font-family: var(--font-display);\r\n  font-size: 1.4rem;\r\n  letter-spacing: 0.08em;\r\n  text-decoration: none;\r\n  color: var(--white);\r\n}\r\n.footer-logo span { color: var(--pink); }\r\n\r\n.footer-links {\r\n  display: flex;\r\n  gap: 32px;\r\n  list-style: none;\r\n}\r\n.footer-links a {\r\n  color: var(--gray);\r\n  text-decoration: none;\r\n  font-size: 0.8rem;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  transition: color 0.2s;\r\n}\r\n.footer-links a:hover { color: var(--pink); }\r\n\r\n.footer-copy {\r\n  font-size: 0.75rem;\r\n  color: var(--gray);\r\n}\r\n\r\n\/* ANIMATIONS *\/\r\n@keyframes fadeUp {\r\n  from { opacity: 0; transform: translateY(30px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.reveal {\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n  transition: opacity 0.8s ease, transform 0.8s ease;\r\n}\r\n.reveal.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1024px) {\r\n  .nav-inner { padding: 20px 24px; }\r\n  .nav-links { display: none; }\r\n  .section-inner { padding: 80px 24px; }\r\n  .hero-inner { padding: 100px 24px 80px; }\r\n  .hero-numbers { right: 24px; bottom: 60px; gap: 30px; }\r\n  .services-header { grid-template-columns: 1fr; gap: 20px; }\r\n  .services-grid { grid-template-columns: 1fr; }\r\n  .why-inner { grid-template-columns: 1fr; gap: 40px;}\r\n  .why-visual { height: 620px; overflow: visible; }\r\n  .why-visual {\r\n  position: relative;\r\n  \r\n  background-image: url('https:\/\/assets.cdn.filesafe.space\/HQAVE1NHQZs6W4P0RUkp\/media\/69b3496ce8487cf23c5739bc.jpg');\r\n  background-size: contain;\r\n  background-position: center bottom;\r\n  border-radius: 4px;\r\n}\r\n  .why-card-big { right: -20px; top: 200px; heigth: 220px; }\r\n.why-card-small { left: -20px; bottom: 0; width: 140px; padding: 14px; }\r\n  .process-grid { grid-template-columns: 1fr 1fr; }\r\n  .niches-grid { grid-template-columns: repeat(3, 1fr); }\r\n  .faq-grid { grid-template-columns: 1fr; }\r\n  .footer-inner { flex-direction: column; gap: 24px; text-align: center; padding: 40px 24px; }\r\n  .footer-links { flex-wrap: wrap; justify-content: center; }\r\n  .cta-banner-inner { padding: 80px 24px; }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  h1 { font-size: 3.5rem; }\r\n  .hero-numbers { position: relative; right: auto; bottom: auto; margin-top: 48px; justify-content: flex-start; }\r\n  .process-grid { grid-template-columns: 1fr; }\r\n  .niches-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n<\/style>\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"BreadcrumbList\",\r\n  \"itemListElement\": [\r\n    {\r\n      \"@type\": \"ListItem\",\r\n      \"position\": 1,\r\n      \"name\": \"In\u00edcio\",\r\n      \"item\": \"https:\/\/boostertech.com.br\"\r\n    },\r\n    {\r\n      \"@type\": \"ListItem\",\r\n      \"position\": 2,\r\n      \"name\": \"Cria\u00e7\u00e3o de Sites com SEO\",\r\n      \"item\": \"https:\/\/boostertech.com.br\/criacao-de-sites\"\r\n    }\r\n  ]\r\n}\r\n<\/script>\r\n<\/head>\r\n<body>\r\n\r\n<nav aria-label=\"Breadcrumb\" style=\"position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;\">\r\n  <ol itemscope itemtype=\"https:\/\/schema.org\/BreadcrumbList\">\r\n    <li itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\">\r\n      <a itemprop=\"item\" href=\"https:\/\/boostertech.com.br\"><span itemprop=\"name\">In\u00edcio<\/span><\/a>\r\n      <meta itemprop=\"position\" content=\"1\">\r\n    <\/li>\r\n    <li itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\">\r\n      <a itemprop=\"item\" href=\"https:\/\/boostertech.com.br\/criacao-de-sites\"><span itemprop=\"name\">Cria\u00e7\u00e3o de Sites com SEO<\/span><\/a>\r\n      <meta itemprop=\"position\" content=\"2\">\r\n    <\/li>\r\n  <\/ol>\r\n<\/nav>\r\n\r\n<div class=\"cursor\" id=\"cursor\"><\/div>\r\n<div class=\"cursor-ring\" id=\"cursorRing\"><\/div>\r\n\r\n<!-- NAV -->\r\n<nav>\r\n  <div class=\"nav-inner\">\r\n  <a href=\"https:\/\/boostertech.com.br\" class=\"logo\" aria-label=\"Booster Tech - P\u00e1gina inicial\">BOOSTER<span>.<\/span>TECH<\/a>\r\n  <ul class=\"nav-links\">\r\n    <li><a href=\"#servicos\">Servi\u00e7os<\/a><\/li>\r\n    <li><a href=\"#processo\">Processo<\/a><\/li>\r\n    <li><a href=\"#nichos\">Nichos<\/a><\/li>\r\n    <li><a href=\"#faq\">FAQ<\/a><\/li>\r\n    <li><a href=\"#contato\" class=\"nav-cta\">Or\u00e7amento<\/a><\/li>\r\n  <\/ul>\r\n  <\/div>\r\n<\/nav>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\">\r\n  <div class=\"hero-bg\"><\/div>\r\n  <div class=\"hero-overlay\"><\/div>\r\n  <div class=\"hero-glow\"><\/div>\r\n  <div class=\"hero-grid\"><\/div>\r\n  <div class=\"hero-inner\">\r\n  <div class=\"hero-content\">\r\n    <div class=\"hero-tag\">Ag\u00eancia especializada em cria\u00e7\u00e3o de sites com SEO<\/div>\r\n    <h1>\r\n      CRIA\u00c7\u00c3O DE<br>\r\n      <span class=\"line-pink\">SITES<\/span> <span class=\"line-outline\">QUE<\/span><br>\r\n      <span class=\"line-pink\">VENDEM<\/span>\r\n    <\/h1>\r\n    <p class=\"hero-desc\">Criamos sites profissionais, r\u00e1pidos e otimizados para o Google \u2014 voc\u00ea aparece na primeira p\u00e1gina e conquista clientes em todo o Brasil sem depender de an\u00fancio.<\/p>\r\n    <div class=\"hero-actions\">\r\n      <a href=\"#contato\" class=\"btn-primary\">\r\n        Quero meu site\r\n        <svg width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg>\r\n      <\/a>\r\n      <a href=\"#servicos\" class=\"btn-ghost\">Ver servi\u00e7os<\/a>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"hero-numbers\">\r\n    <div class=\"hero-stat\">\r\n      <div class=\"num\">+200<\/div>\r\n      <div class=\"label\">Sites entregues<\/div>\r\n    <\/div>\r\n    <div class=\"hero-stat\">\r\n      <div class=\"num\">98%<\/div>\r\n      <div class=\"label\">Satisfa\u00e7\u00e3o<\/div>\r\n    <\/div>\r\n    <div class=\"hero-stat\">\r\n      <div class=\"num\">5\u2605<\/div>\r\n      <div class=\"label\">Avalia\u00e7\u00e3o<\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <\/div><!-- \/hero-inner -->\r\n<\/section>\r\n\r\n<!-- MARQUEE -->\r\n<div class=\"marquee-wrap\">\r\n  <div class=\"marquee-track\">\r\n    <span>SEO T\u00e9cnico<\/span><span class=\"accent\">\u2726<\/span>\r\n    <span>Sites Profissionais<\/span><span class=\"accent\">\u2726<\/span>\r\n    <span>Core Web Vitals<\/span><span class=\"accent\">\u2726<\/span>\r\n    <span>Cria\u00e7\u00e3o de Sites<\/span><span class=\"accent\">\u2726<\/span>\r\n    <span>Google Meu Neg\u00f3cio<\/span><span class=\"accent\">\u2726<\/span>\r\n    <span>Schema Markup<\/span><span class=\"accent\">\u2726<\/span>\r\n    <span>Performance<\/span><span class=\"accent\">\u2726<\/span>\r\n    <span>Tr\u00e1fego Org\u00e2nico<\/span><span class=\"accent\">\u2726<\/span>\r\n    <span>SEO T\u00e9cnico<\/span><span class=\"accent\">\u2726<\/span>\r\n    <span>Sites Profissionais<\/span><span class=\"accent\">\u2726<\/span>\r\n    <span>Core Web Vitals<\/span><span class=\"accent\">\u2726<\/span>\r\n    <span>Cria\u00e7\u00e3o de Sites<\/span><span class=\"accent\">\u2726<\/span>\r\n    <span>Google Meu Neg\u00f3cio<\/span><span class=\"accent\">\u2726<\/span>\r\n    <span>Schema Markup<\/span><span class=\"accent\">\u2726<\/span>\r\n    <span>Performance<\/span><span class=\"accent\">\u2726<\/span>\r\n    <span>Tr\u00e1fego Org\u00e2nico<\/span><span class=\"accent\">\u2726<\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- SERVICES -->\r\n<section class=\"services\" id=\"servicos\">\r\n<div class=\"section-inner\">\r\n  <div class=\"services-header reveal\">\r\n    <div>\r\n      <div class=\"section-label\">O que fazemos<\/div>\r\n      <h2>CADA SITE \u00c9 UMA<br><span style=\"color:var(--pink)\">M\u00c1QUINA<\/span><br>DE CLIENTES<\/h2>\r\n    <\/div>\r\n    <p class=\"services-intro\">N\u00e3o criamos apenas p\u00e1ginas bonitas. Constru\u00edmos ativos digitais otimizados para gerar tr\u00e1fego org\u00e2nico e converter visitantes em clientes \u2014 sem depender de an\u00fancio.<\/p>\r\n  <\/div>\r\n  <div class=\"services-grid reveal\">\r\n    <div class=\"service-card\">\r\n      <div class=\"service-num\">01<\/div>\r\n      <div class=\"service-icon\">\r\n        <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/><\/svg>\r\n      <\/div>\r\n      <h3>SITE PROFISSIONAL<\/h3>\r\n      <p class=\"service-desc\">Design exclusivo, responsivo e moderno. Identidade visual forte que transmite autoridade e converte visitantes em clientes reais desde o primeiro acesso.<\/p>\r\n    <\/div>\r\n    <div class=\"service-card\">\r\n      <div class=\"service-num\">02<\/div>\r\n      <div class=\"service-icon\">\r\n        <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\/><\/svg>\r\n      <\/div>\r\n      <h3>SEO T\u00c9CNICO<\/h3>\r\n      <p class=\"service-desc\">Title, meta tags, schema markup, Core Web Vitals, sitemap e tudo que o Google precisa para indexar e ranquear seu site no topo das buscas org\u00e2nicas.<\/p>\r\n    <\/div>\r\n    <div class=\"service-card\">\r\n      <div class=\"service-num\">03<\/div>\r\n      <div class=\"service-icon\">\r\n        <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg>\r\n      <\/div>\r\n      <h3>PERFORMANCE<\/h3>\r\n      <p class=\"service-desc\">Sites que carregam em menos de 2 segundos. Imagens otimizadas, c\u00f3digo limpo e hospedagem de alta performance para n\u00e3o perder cliente por lentid\u00e3o.<\/p>\r\n    <\/div>\r\n    <div class=\"service-card\">\r\n      <div class=\"service-num\">04<\/div>\r\n      <div class=\"service-icon\">\r\n        <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\/><\/svg>\r\n      <\/div>\r\n      <h3>SEO LOCAL<\/h3>\r\n      <p class=\"service-desc\">Apare\u00e7a quando algu\u00e9m da sua cidade pesquisar seu servi\u00e7o. Google Meu Neg\u00f3cio, schema LocalBusiness e palavras-chave geolocalizadas para dominar sua regi\u00e3o.<\/p>\r\n    <\/div>\r\n    <div class=\"service-card\">\r\n      <div class=\"service-num\">05<\/div>\r\n      <div class=\"service-icon\">\r\n        <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"\/><\/svg>\r\n      <\/div>\r\n      <h3>INTEGRA\u00c7\u00c3O WHATSAPP<\/h3>\r\n      <p class=\"service-desc\">Bot\u00e3o flutuante, automa\u00e7\u00f5es e CTAs estrat\u00e9gicos conectados ao seu WhatsApp Business. O cliente clica e j\u00e1 cai no seu atendimento direto.<\/p>\r\n    <\/div>\r\n    <div class=\"service-card\">\r\n      <div class=\"service-num\">06<\/div>\r\n      <div class=\"service-icon\">\r\n        <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\/><\/svg>\r\n      <\/div>\r\n      <h3>RELAT\u00d3RIOS & M\u00c9TRICAS<\/h3>\r\n      <p class=\"service-desc\">Acompanhe o crescimento do seu site em tempo real. Google Analytics, Search Console e relat\u00f3rios mensais com os resultados que voc\u00ea precisa ver.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div><!-- \/section-inner -->\r\n<\/section>\r\n\r\n<!-- WHY -->\r\n<section class=\"why\" id=\"diferenciais\">\r\n  <div class=\"why-bg\"><\/div>\r\n<div class=\"section-inner\">\r\n  <div class=\"why-inner\">\r\n    <div class=\"reveal\">\r\n      <div class=\"section-label\">Por que escolher a Booster<\/div>\r\n      <h2>SEO <span style=\"color:var(--pink)\">DO JEITO<\/span> CERTO<\/h2>\r\n      <div class=\"why-list\">\r\n        <div class=\"why-item\">\r\n          <span class=\"why-item-num\">01<\/span>\r\n          <div class=\"why-item-text\">\r\n            <h4>Constru\u00eddo para ranquear desde o c\u00f3digo<\/h4>\r\n            <p>SEO t\u00e9cnico implementado antes de publicar. N\u00e3o \u00e9 plugin, \u00e9 arquitetura.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"why-item\">\r\n          <span class=\"why-item-num\">02<\/span>\r\n          <div class=\"why-item-text\">\r\n            <h4>Palavras-chave que o seu cliente usa<\/h4>\r\n            <p>Pesquisa real de volume, inten\u00e7\u00e3o de busca e termos locais por cidade e estado.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"why-item\">\r\n          <span class=\"why-item-num\">03<\/span>\r\n          <div class=\"why-item-text\">\r\n            <h4>Velocidade que o Google cobra<\/h4>\r\n            <p>Core Web Vitals aprovados. Sites lentos perdem posi\u00e7\u00e3o \u2014 os nossos n\u00e3o perdem.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"why-item\">\r\n          <span class=\"why-item-num\">04<\/span>\r\n          <div class=\"why-item-text\">\r\n            <h4>Schema markup que gera rich results<\/h4>\r\n            <p>FAQ, LocalBusiness e Service \u2014 mais destaque nos resultados de busca do Google.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"why-item\">\r\n          <span class=\"why-item-num\">05<\/span>\r\n          <div class=\"why-item-text\">\r\n            <h4>Suporte e acompanhamento cont\u00ednuo<\/h4>\r\n            <p>N\u00e3o entregamos e sumimos. Monitoramos, ajustamos e evolu\u00edmos junto com voc\u00ea.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"why-visual reveal\">\r\n      <div class=\"why-card-big\">\r\n        <div class=\"score-title\">SEO Score<\/div>\r\n        <div class=\"score-bar-label\"><span>Performance<\/span><span>98<\/span><\/div>\r\n        <div class=\"score-bar-track\"><div class=\"score-bar-fill\" style=\"width:98%\" id=\"bar1\"><\/div><\/div>\r\n        <div class=\"score-bar-label\"><span>Acessibilidade<\/span><span>95<\/span><\/div>\r\n        <div class=\"score-bar-track\"><div class=\"score-bar-fill\" style=\"width:95%\" id=\"bar2\"><\/div><\/div>\r\n        <div class=\"score-bar-label\"><span>SEO t\u00e9cnico<\/span><span>100<\/span><\/div>\r\n        <div class=\"score-bar-track\"><div class=\"score-bar-fill\" style=\"width:100%\" id=\"bar3\"><\/div><\/div>\r\n        <div class=\"score-bar-label\"><span>Boas pr\u00e1ticas<\/span><span>97<\/span><\/div>\r\n        <div class=\"score-bar-track\"><div class=\"score-bar-fill\" style=\"width:97%\" id=\"bar4\"><\/div><\/div>\r\n        <div style=\"margin-top:32px; padding-top:24px; border-top:1px solid rgba(255,255,255,0.05)\">\r\n          <div class=\"score-title\">Posi\u00e7\u00e3o Google<\/div>\r\n          <div class=\"metric-big\">#1<\/div>\r\n          <div class=\"metric-sub\">Resultado org\u00e2nico<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"why-card-small\">\r\n        <div class=\"score-title\">Velocidade<\/div>\r\n        <div class=\"metric-big\" style=\"font-size:2.6rem\">1.2s<\/div>\r\n        <div class=\"metric-sub\">Tempo de carregamento<\/div>\r\n        <div style=\"margin-top:16px; display:flex; gap:8px; flex-wrap:wrap\">\r\n          <span style=\"background:rgba(255,61,138,0.12); border:1px solid rgba(255,61,138,0.3); color:var(--pink); padding:4px 10px; font-size:0.7rem; letter-spacing:0.1em; border-radius:2px;\">LCP \u2713<\/span>\r\n          <span style=\"background:rgba(255,61,138,0.12); border:1px solid rgba(255,61,138,0.3); color:var(--pink); padding:4px 10px; font-size:0.7rem; letter-spacing:0.1em; border-radius:2px;\">FID \u2713<\/span>\r\n          <span style=\"background:rgba(255,61,138,0.12); border:1px solid rgba(255,61,138,0.3); color:var(--pink); padding:4px 10px; font-size:0.7rem; letter-spacing:0.1em; border-radius:2px;\">CLS \u2713<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div><!-- \/section-inner -->\r\n<\/section>\r\n\r\n<!-- PROCESS -->\r\n<section class=\"process\" id=\"processo\">\r\n<div class=\"section-inner\">\r\n  <div class=\"reveal\">\r\n    <div class=\"section-label\">Como funciona<\/div>\r\n    <h2>DO BRIEFING<br>AO <span style=\"color:var(--pink)\">TOPO<\/span><br>DO GOOGLE<\/h2>\r\n  <\/div>\r\n  <div class=\"process-grid reveal\">\r\n    <div class=\"process-step\">\r\n      <div class=\"process-step-num\">ETAPA 01<\/div>\r\n      <h3>BRIEFING<\/h3>\r\n      <p>Entendemos seu neg\u00f3cio, p\u00fablico, concorr\u00eancia e objetivos. Pesquisa de palavras-chave e an\u00e1lise de mercado local.<\/p>\r\n      <div class=\"process-arrow\">\r\n        <svg width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\"\/><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"process-step\">\r\n      <div class=\"process-step-num\">ETAPA 02<\/div>\r\n      <h3>DESIGN<\/h3>\r\n      <p>Layout exclusivo alinhado \u00e0 sua marca. Wireframe, prototipagem e aprova\u00e7\u00e3o antes de uma linha de c\u00f3digo.<\/p>\r\n      <div class=\"process-arrow\">\r\n        <svg width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\"\/><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"process-step\">\r\n      <div class=\"process-step-num\">ETAPA 03<\/div>\r\n      <h3>DESENVOLVIMENTO<\/h3>\r\n      <p>C\u00f3digo limpo, SEO t\u00e9cnico implementado na raiz, performance otimizada e integra\u00e7\u00f5es com seus sistemas.<\/p>\r\n      <div class=\"process-arrow\">\r\n        <svg width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\"\/><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"process-step\">\r\n      <div class=\"process-step-num\">ETAPA 04<\/div>\r\n      <h3>LAN\u00c7AMENTO<\/h3>\r\n      <p>Publica\u00e7\u00e3o, configura\u00e7\u00e3o do Google Search Console, Analytics e acompanhamento dos primeiros resultados org\u00e2nicos.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div><!-- \/section-inner -->\r\n<\/section>\r\n\r\n<!-- NICHES -->\r\n<section id=\"nichos\">\r\n<div class=\"section-inner\">\r\n  <div class=\"reveal\">\r\n    <div class=\"section-label\">Segmentos<\/div>\r\n    <h2>CRIAMOS SITES<br>PARA <span style=\"color:var(--pink)\">QUALQUER<\/span><br>SEGMENTO<\/h2>\r\n  <\/div>\r\n  <div class=\"niches-grid reveal\">\r\n    <div class=\"niche-tag\">Cl\u00ednicas<\/div>\r\n    <div class=\"niche-tag\">Advocacia<\/div>\r\n    <div class=\"niche-tag\">Solar<\/div>\r\n    <div class=\"niche-tag\">Imobili\u00e1rias<\/div>\r\n    <div class=\"niche-tag\">Sa\u00fade<\/div>\r\n    <div class=\"niche-tag\">Beleza<\/div>\r\n    <div class=\"niche-tag\">Construtoras<\/div>\r\n    <div class=\"niche-tag\">Restaurantes<\/div>\r\n    <div class=\"niche-tag\">E-commerce<\/div>\r\n    <div class=\"niche-tag\">Consultoria<\/div>\r\n    <div class=\"niche-tag\">Educa\u00e7\u00e3o<\/div>\r\n    <div class=\"niche-tag\">Log\u00edstica<\/div>\r\n    <div class=\"niche-tag\">Contabilidade<\/div>\r\n    <div class=\"niche-tag\">Design<\/div>\r\n    <div class=\"niche-tag\">Turismo<\/div>\r\n    <div class=\"niche-tag\">Tecnologia<\/div>\r\n    <div class=\"niche-tag\">Eventos<\/div>\r\n    <div class=\"niche-tag\">Outros<\/div>\r\n  <\/div>\r\n<\/div><!-- \/section-inner -->\r\n<\/section>\r\n\r\n<!-- FAQ -->\r\n<section class=\"faq\" id=\"faq\">\r\n<div class=\"section-inner\">\r\n  <div class=\"section-label reveal\">Perguntas frequentes<\/div>\r\n  <h2 class=\"reveal\">TIRE SUAS<br><span style=\"color:var(--pink)\">D\u00daVIDAS<\/span><\/h2>\r\n  <div class=\"faq-grid\">\r\n    <div class=\"faq-list reveal\">\r\n      <details class=\"faq-item\">\r\n        <summary>\r\n          Quanto custa criar um site profissional com SEO?\r\n          <div class=\"faq-toggle\">+<\/div>\r\n        <\/summary>\r\n        <p class=\"faq-answer\">Sites institucionais partem de R$&nbsp;2.500. Projetos completos com SEO avan\u00e7ado, integra\u00e7\u00f5es e conte\u00fado variam entre R$&nbsp;5.000 e R$&nbsp;15.000. Solicite um or\u00e7amento \u2014 \u00e9 gratuito e sem compromisso.<\/p>\r\n      <\/details>\r\n      <details class=\"faq-item\">\r\n        <summary>\r\n          Como aparecer no Google sem pagar an\u00fancio?\r\n          <div class=\"faq-toggle\">+<\/div>\r\n        <\/summary>\r\n        <p class=\"faq-answer\">Com SEO bem feito: palavras-chave certas, estrutura t\u00e9cnica correta, conte\u00fado relevante e performance de carregamento. \u00c9 um trabalho de m\u00e9dio prazo, mas que gera tr\u00e1fego gratuito e cont\u00ednuo.<\/p>\r\n      <\/details>\r\n      <details class=\"faq-item\">\r\n        <summary>\r\n          Em quanto tempo o site fica pronto?\r\n          <div class=\"faq-toggle\">+<\/div>\r\n        <\/summary>\r\n        <p class=\"faq-answer\">Sites simples ficam prontos em 15 a 20 dias. Projetos mais completos, com m\u00faltiplas p\u00e1ginas e integra\u00e7\u00f5es, entre 30 e 45 dias. Tudo combinado previamente no briefing.<\/p>\r\n      <\/details>\r\n      <details class=\"faq-item\">\r\n        <summary>\r\n          Voc\u00eas atendem todo o Brasil?\r\n          <div class=\"faq-toggle\">+<\/div>\r\n        <\/summary>\r\n        <p class=\"faq-answer\">Sim. Atendemos clientes em todo o Brasil de forma 100% remota. Reuni\u00f5es por v\u00eddeo, entregas digitais e suporte via WhatsApp.<\/p>\r\n      <\/details>\r\n      <details class=\"faq-item\">\r\n        <summary>\r\n          Site para pequena empresa vale a pena?\r\n          <div class=\"faq-toggle\">+<\/div>\r\n        <\/summary>\r\n        <p class=\"faq-answer\">Muito. Um site profissional com SEO \u00e9 o canal de marketing com melhor custo-benef\u00edcio a longo prazo. Voc\u00ea investe uma vez e colhe resultado por anos, sem pagar por cada clique.<\/p>\r\n      <\/details>\r\n      <details class=\"faq-item\">\r\n        <summary>\r\n          O site ter\u00e1 integra\u00e7\u00e3o com WhatsApp?\r\n          <div class=\"faq-toggle\">+<\/div>\r\n        <\/summary>\r\n        <p class=\"faq-answer\">Sim. Todos os nossos projetos incluem bot\u00e3o flutuante de WhatsApp, CTAs estrat\u00e9gicos e, se desejar, automa\u00e7\u00f5es de atendimento integradas.<\/p>\r\n      <\/details>\r\n    <\/div>\r\n    <div class=\"faq-aside reveal\">\r\n      <div class=\"faq-aside-card\" id=\"contato\">\r\n        <h3>PRONTO PARA<br><span style=\"color:var(--pink)\">CRESCER?<\/span><\/h3>\r\n        <p>Fale agora com nosso time e receba um diagn\u00f3stico gratuito do seu projeto. Sem enrola\u00e7\u00e3o, sem compromisso.<\/p>\r\n        <a href=\"https:\/\/wa.me\/5534999296040?text=Ol\u00e1!%20Quero%20criar%20um%20site%20profissional%20com%20SEO.\" class=\"wa-btn\" target=\"_blank\" rel=\"noopener\">\r\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n          Falar no WhatsApp\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div><!-- \/section-inner -->\r\n<\/section>\r\n\r\n<!-- CTA -->\r\n<section class=\"cta-banner\">\r\n  <div class=\"cta-banner-bg\"><\/div>\r\n<div class=\"cta-banner-inner\">\r\n  <h2>SEU SITE NA<br><span style=\"color:var(--pink)\">PRIMEIRA<\/span><br>P\u00c1GINA<\/h2>\r\n  <p>Cria\u00e7\u00e3o de sites profissionais e otimizados para o Google \u2014 atendemos todo o Brasil.<\/p>\r\n  <a href=\"https:\/\/wa.me\/5534999296040?text=Ol\u00e1!%20Quero%20criar%20um%20site%20profissional%20com%20SEO.\" class=\"btn-primary\" target=\"_blank\" rel=\"noopener\">\r\n    Solicitar or\u00e7amento gr\u00e1tis\r\n    <svg width=\"18\" height=\"18\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg>\r\n  <\/a>\r\n<\/div><!-- \/cta-banner-inner -->\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n<div class=\"footer-inner\">\r\n  <a href=\"https:\/\/boostertech.com.br\" class=\"footer-logo\" aria-label=\"Booster Tech\">BOOSTER<span>.<\/span>TECH<\/a>\r\n  <ul class=\"footer-links\">\r\n    <li><a href=\"#servicos\">Servi\u00e7os<\/a><\/li>\r\n    <li><a href=\"#processo\">Processo<\/a><\/li>\r\n    <li><a href=\"#faq\">FAQ<\/a><\/li>\r\n    <li><a href=\"#contato\">Contato<\/a><\/li>\r\n  <\/ul>\r\n  <div class=\"footer-copy\">\u00a9 2026 Booster Tech. Todos os direitos reservados.<\/div>\r\n<\/div><!-- \/footer-inner -->\r\n<\/footer>\r\n\r\n<script>\r\n\/\/ Custom cursor\r\nconst cursor = document.getElementById('cursor');\r\nconst ring = document.getElementById('cursorRing');\r\nlet mx = 0, my = 0, rx = 0, ry = 0;\r\n\r\ndocument.addEventListener('mousemove', e => {\r\n  mx = e.clientX; my = e.clientY;\r\n  cursor.style.transform = `translate(${mx - 5}px, ${my - 5}px)`;\r\n});\r\n\r\nfunction animateRing() {\r\n  rx += (mx - rx) * 0.12;\r\n  ry += (my - ry) * 0.12;\r\n  ring.style.transform = `translate(${rx - 18}px, ${ry - 18}px)`;\r\n  requestAnimationFrame(animateRing);\r\n}\r\nanimateRing();\r\n\r\n\/\/ Scroll reveal\r\nconst reveals = document.querySelectorAll('.reveal');\r\nconst observer = new IntersectionObserver(entries => {\r\n  entries.forEach((entry, i) => {\r\n    if (entry.isIntersecting) {\r\n      entry.target.style.transitionDelay = (i % 3) * 0.1 + 's';\r\n      entry.target.classList.add('visible');\r\n      observer.unobserve(entry.target);\r\n    }\r\n  });\r\n}, { threshold: 0.1 });\r\nreveals.forEach(el => observer.observe(el));\r\n\r\n\/\/ Animate bars on scroll\r\nconst barObserver = new IntersectionObserver(entries => {\r\n  entries.forEach(entry => {\r\n    if (entry.isIntersecting) {\r\n      document.querySelectorAll('.score-bar-fill').forEach(bar => bar.classList.add('animated'));\r\n      barObserver.disconnect();\r\n    }\r\n  });\r\n}, { threshold: 0.3 });\r\nconst barSection = document.querySelector('.why-card-big');\r\nif (barSection) barObserver.observe(barSection);\r\n\r\n\/\/ Nav transparency\r\nconst nav = document.querySelector('nav');\r\nwindow.addEventListener('scroll', () => {\r\n  nav.style.background = window.scrollY > 60\r\n    ? 'rgba(8,8,8,0.95)'\r\n    : 'rgba(8,8,8,0.7)';\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>Cria\u00e7\u00e3o de Sites Profissionais com SEO | Booster Tech In\u00edcio Cria\u00e7\u00e3o de Sites com SEO BOOSTER.TECH Servi\u00e7os Processo Nichos FAQ Or\u00e7amento Ag\u00eancia especializada em cria\u00e7\u00e3o de sites com SEO CRIA\u00c7\u00c3O DE SITES QUE VENDEM Criamos sites profissionais, r\u00e1pidos e otimizados para o Google \u2014 voc\u00ea aparece na primeira p\u00e1gina e conquista clientes em todo o [&hellip;]<\/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-2119","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/boostertech.com.br\/en\/wp-json\/wp\/v2\/pages\/2119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boostertech.com.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/boostertech.com.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/boostertech.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/boostertech.com.br\/en\/wp-json\/wp\/v2\/comments?post=2119"}],"version-history":[{"count":211,"href":"https:\/\/boostertech.com.br\/en\/wp-json\/wp\/v2\/pages\/2119\/revisions"}],"predecessor-version":[{"id":2332,"href":"https:\/\/boostertech.com.br\/en\/wp-json\/wp\/v2\/pages\/2119\/revisions\/2332"}],"wp:attachment":[{"href":"https:\/\/boostertech.com.br\/en\/wp-json\/wp\/v2\/media?parent=2119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}