{"id":89,"date":"2026-09-10T08:19:25","date_gmt":"2026-09-10T08:19:25","guid":{"rendered":"https:\/\/hasanabrar.com\/?p=89"},"modified":"2026-09-10T09:44:53","modified_gmt":"2026-09-10T09:44:53","slug":"ai-automation-uk-ecommerce","status":"publish","type":"post","link":"https:\/\/hasanabrar.com\/bn\/ai-automation-uk-ecommerce\/","title":{"rendered":"How AI Automation Is Helping UK E-commerce Brands Convert More Leads 5"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"89\" class=\"elementor elementor-89\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29ae1a2 e-con e-atomic-element e-flexbox-base e-c4a26f3 \" data-id=\"29ae1a2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"29ae1a2\">\n    \t\t<div class=\"elementor-element elementor-element-6ac59a3 elementor-widget elementor-widget-html\" data-id=\"6ac59a3\" 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=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>How AI Automation Is Helping UK E-commerce Brands Convert More Leads | Hasan Abrar<\/title>\r\n<meta name=\"description\" content=\"UK e-commerce brands are losing leads to slow follow-up. Learn how AI automation \u2014 WhatsApp bots, CAPI tracking, and AI chatbots \u2014 fixes conversion.\">\r\n<meta name=\"keywords\" content=\"AI automation for e-commerce UK, WhatsApp automation for online stores, lead conversion automation, Meta CAPI setup, Facebook ads UK ecommerce, n8n automation ecommerce\">\r\n<meta name=\"author\" content=\"Hasan Abrar\">\r\n<meta name=\"robots\" content=\"index, follow\">\r\n<link rel=\"canonical\" href=\"https:\/\/hasanabrar.com\/ai-automation-uk-ecommerce\/\">\r\n<link rel=\"icon\" href=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='6' fill='%230B3B2E'\/%3E%3Ccircle cx='16' cy='16' r='6' fill='%232FE1AE'\/%3E%3C\/svg%3E\">\r\n\r\n<meta property=\"og:title\" content=\"How AI Automation Is Helping UK E-commerce Brands Convert More Leads\">\r\n<meta property=\"og:description\" content=\"UK e-commerce brands are losing leads due to slow follow-up. Here's how AI automation fixes that.\">\r\n<meta property=\"og:type\" content=\"article\">\r\n<meta property=\"og:url\" content=\"https:\/\/hasanabrar.com\/ai-automation-uk-ecommerce\/\">\r\n<meta property=\"og:image\" content=\"https:\/\/hasanabrar.com\/images\/blog\/ai-automation-uk-ecommerce.jpg\">\r\n<meta property=\"og:site_name\" content=\"Hasan Abrar \u2014 AI Automation & Digital Marketing\">\r\n\r\n<meta name=\"twitter:card\" content=\"summary_large_image\">\r\n<meta name=\"twitter:title\" content=\"How AI Automation Is Helping UK E-commerce Brands Convert More Leads\">\r\n<meta name=\"twitter:description\" content=\"How UK e-commerce brands use WhatsApp automation, AI chatbots and CAPI tracking to convert more leads.\">\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"BlogPosting\",\r\n  \"headline\": \"How AI Automation Is Helping UK E-commerce Brands Convert More Leads\",\r\n  \"description\": \"UK e-commerce brands are losing leads due to slow follow-up. Learn how AI automation fixes conversion.\",\r\n  \"author\": { \"@type\": \"Person\", \"name\": \"Hasan Abrar\", \"url\": \"https:\/\/hasanabrar.com\", \"jobTitle\": \"AI Automation & Digital Marketing Specialist\" },\r\n  \"publisher\": { \"@type\": \"Organization\", \"name\": \"Nexis IT Solution\", \"url\": \"https:\/\/hasanabrar.com\" },\r\n  \"datePublished\": \"2025-09-09\",\r\n  \"dateModified\": \"2025-09-09\",\r\n  \"mainEntityOfPage\": { \"@type\": \"WebPage\", \"@id\": \"https:\/\/hasanabrar.com\/ai-automation-uk-ecommerce\/\" },\r\n  \"keywords\": [\"AI automation\", \"UK ecommerce\", \"WhatsApp automation\", \"lead conversion\", \"Meta CAPI\", \"Facebook ads\"],\r\n  \"articleSection\": \"AI Automation\"\r\n}\r\n<\/script>\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"FAQPage\",\r\n  \"mainEntity\": [\r\n    { \"@type\": \"Question\", \"name\": \"How does AI automation help UK e-commerce brands specifically?\",\r\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"AI automation handles instant replies, lead qualification, and order updates without requiring staff to be available around the clock, resulting in faster responses and fewer dropped leads.\" } },\r\n    { \"@type\": \"Question\", \"name\": \"How quickly should an e-commerce business respond to a new lead?\",\r\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Under five minutes is the target. AI automation can respond in under 10 seconds, regardless of when the lead comes in.\" } },\r\n    { \"@type\": \"Question\", \"name\": \"What tools are used for AI automation in e-commerce?\",\r\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Common tools include n8n or Make.com for workflow orchestration, WhatsApp Business API for messaging, Meta Conversion API for tracking, and AI agents built on GPT or Claude.\" } },\r\n    { \"@type\": \"Question\", \"name\": \"Is AI automation expensive for small e-commerce brands?\",\r\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"No \u2014 a basic WhatsApp automation and CAPI setup typically costs a few hundred dollars to implement and often pays for itself within the first month.\" } },\r\n    { \"@type\": \"Question\", \"name\": \"Do I need to be technical to use AI automation?\",\r\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"No. A specialist handles the build and configuration; once running, the system operates without technical input from the business owner.\" } }\r\n  ]\r\n}\r\n<\/script>\r\n<style>\r\n\/* =========================================================\r\n   Hasan Abrar \u2014 Personal Portfolio\r\n   Design tokens: deep forest green + mint + brass\r\n   Type: Space Grotesk (display) \/ IBM Plex Sans (body)\r\n   ========================================================= *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=Hind+Siliguri:wght@500;600&display=swap');\r\n\r\n:root{\r\n  --forest:        #0B3B2E;\r\n  --forest-deep:    #06251C;\r\n  --forest-line:    #163F32;\r\n  --mint:           #2FE1AE;\r\n  --mint-dim:       #1FAE87;\r\n  --brass:          #C9A227;\r\n  --brass-deep:     #9C7C1C;\r\n  --paper:          #F5F7F1;\r\n  --paper-alt:      #EAEDE4;\r\n  --ink:            #121810;\r\n  --ink-soft:       #4B564C;\r\n  --line:           rgba(18,24,16,0.13);\r\n  --line-invert:    rgba(245,247,241,0.16);\r\n\r\n  --font-display: 'Space Grotesk', 'Hind Siliguri', sans-serif;\r\n  --font-body: 'IBM Plex Sans', 'Hind Siliguri', sans-serif;\r\n\r\n  --max: 1160px;\r\n  --radius: 6px;\r\n}\r\n\r\n*,*::before,*::after{ box-sizing:border-box; }\r\nhtml{ scroll-behavior:smooth; }\r\nbody{\r\n  margin:0;\r\n  background:var(--paper);\r\n  color:var(--ink);\r\n  font-family:var(--font-body);\r\n  font-size:16px;\r\n  line-height:1.6;\r\n  -webkit-font-smoothing:antialiased;\r\n}\r\nimg{ max-width:100%; display:block; }\r\na{ color:inherit; text-decoration:none; }\r\nul{ margin:0; padding:0; list-style:none; }\r\nh1,h2,h3,h4{\r\n  font-family:var(--font-display);\r\n  font-weight:600;\r\n  line-height:1.15;\r\n  margin:0 0 .5em;\r\n  letter-spacing:-0.01em;\r\n}\r\np{ margin:0 0 1em; color:var(--ink-soft); max-width:62ch; }\r\n.container{\r\n  max-width:var(--max);\r\n  margin:0 auto;\r\n  padding:0 28px;\r\n}\r\nsection{ padding:96px 0; }\r\n@media (max-width:760px){ section{ padding:64px 0; } }\r\n\r\n:focus-visible{\r\n  outline:2px solid var(--mint-dim);\r\n  outline-offset:3px;\r\n}\r\n@media (prefers-reduced-motion: reduce){\r\n  *{ animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important; }\r\n}\r\n\r\n\/* ---------- node tick: small recurring signature mark ---------- *\/\r\n.tick{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  font-family:var(--font-body);\r\n  font-weight:600;\r\n  font-size:0.8rem;\r\n  color:var(--mint-dim);\r\n  margin-bottom:14px;\r\n}\r\n.tick::before{\r\n  content:\"\";\r\n  width:18px; height:2px;\r\n  background:var(--brass);\r\n  display:inline-block;\r\n}\r\n.tick.on-dark{ color:var(--mint); }\r\n\r\n\/* ---------- buttons ---------- *\/\r\n.btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  padding:13px 26px;\r\n  border-radius:var(--radius);\r\n  font-family:var(--font-body);\r\n  font-weight:600;\r\n  font-size:0.96rem;\r\n  border:1px solid transparent;\r\n  cursor:pointer;\r\n  transition:transform .15s ease, background .2s ease, border-color .2s ease, color .2s ease;\r\n}\r\n.btn:hover{ transform:translateY(-1px); }\r\n.btn-primary{ background:var(--mint); color:var(--forest-deep); }\r\n.btn-primary:hover{ background:#4CF0C2; }\r\n.btn-outline{ background:transparent; border-color:var(--line); color:var(--ink); }\r\n.btn-outline:hover{ border-color:var(--ink); }\r\n.btn-outline.on-dark{ border-color:var(--line-invert); color:var(--paper); }\r\n.btn-outline.on-dark:hover{ border-color:var(--paper); }\r\n.btn-brass{ background:var(--brass); color:var(--forest-deep); }\r\n.btn-brass:hover{ background:#DDB53A; }\r\n\r\n\/* ---------- nav ---------- *\/\r\n.site-header{\r\n  position:sticky; top:0; z-index:50;\r\n  background:rgba(245,247,241,0.92);\r\n  backdrop-filter:blur(8px);\r\n  border-bottom:1px solid var(--line);\r\n}\r\n.nav-row{\r\n  display:flex; align-items:center; justify-content:space-between;\r\n  padding:18px 28px;\r\n  max-width:var(--max); margin:0 auto;\r\n}\r\n.logo{\r\n  font-family:var(--font-display);\r\n  font-weight:700;\r\n  font-size:1.15rem;\r\n  color:var(--forest-deep);\r\n  display:flex; align-items:center; gap:9px;\r\n}\r\n.logo .dot{ width:9px; height:9px; border-radius:50%; background:var(--mint-dim); display:inline-block; }\r\n.nav-links{\r\n  display:flex; gap:34px;\r\n  font-weight:500; font-size:0.95rem;\r\n}\r\n.nav-links a{\r\n  position:relative;\r\n  padding:4px 0;\r\n  color:var(--ink-soft);\r\n}\r\n.nav-links a:hover{ color:var(--ink); }\r\n.nav-links a.active{ color:var(--ink); }\r\n.nav-links a.active::after{\r\n  content:\"\";\r\n  position:absolute; left:0; right:0; bottom:-6px;\r\n  height:2px; background:var(--brass);\r\n}\r\n.nav-cta{ display:flex; align-items:center; gap:18px; }\r\n.nav-toggle{\r\n  display:none;\r\n  width:34px; height:34px;\r\n  border:1px solid var(--line);\r\n  border-radius:var(--radius);\r\n  background:none;\r\n  align-items:center; justify-content:center;\r\n  cursor:pointer;\r\n}\r\n.nav-toggle span, .nav-toggle span::before, .nav-toggle span::after{\r\n  content:\"\"; display:block; width:16px; height:2px; background:var(--ink);\r\n  position:relative; transition:transform .2s ease, opacity .2s ease;\r\n}\r\n.nav-toggle span::before{ position:absolute; top:-5px; }\r\n.nav-toggle span::after{ position:absolute; top:5px; }\r\n.nav-toggle.open span{ background:transparent; }\r\n.nav-toggle.open span::before{ transform:translateY(5px) rotate(45deg); }\r\n.nav-toggle.open span::after{ transform:translateY(-5px) rotate(-45deg); }\r\n\r\n\/* tablet: tighten spacing before collapsing to the mobile menu *\/\r\n@media (max-width:1160px) and (min-width:1025px){\r\n  .nav-links{ gap:20px; font-size:0.88rem; }\r\n  .nav-row{ padding:16px 20px; }\r\n  .btn{ padding:11px 18px; font-size:0.88rem; }\r\n}\r\n\r\n@media (max-width:1024px){\r\n  .nav-links{\r\n    position:fixed; inset:66px 0 auto 0;\r\n    background:var(--paper);\r\n    flex-direction:column; gap:0;\r\n    max-height:0; overflow:hidden;\r\n    border-bottom:1px solid var(--line);\r\n    transition:max-height .25s ease;\r\n  }\r\n  .nav-links.open{ max-height:420px; }\r\n  .nav-links a{ padding:16px 28px; border-top:1px solid var(--line); width:100%; }\r\n  .nav-links a.active::after{ display:none; }\r\n  .nav-cta .btn-outline{ display:none; }\r\n  .nav-toggle{ display:flex; }\r\n}\r\n\r\n\/* ---------- hero ---------- *\/\r\n.hero{\r\n  background:var(--forest-deep);\r\n  color:var(--paper);\r\n  overflow:hidden;\r\n  position:relative;\r\n}\r\n.hero-bg{\r\n  position:absolute; inset:0; z-index:0;\r\n  overflow:hidden; pointer-events:none;\r\n}\r\n.hero-bg .blob{\r\n  position:absolute;\r\n  border-radius:50%;\r\n  filter:blur(70px);\r\n  opacity:0.32;\r\n}\r\n.hero-bg .blob-mint{\r\n  width:420px; height:420px;\r\n  background:var(--mint);\r\n  top:-140px; left:-100px;\r\n  animation:blobFloat1 22s ease-in-out infinite alternate;\r\n}\r\n.hero-bg .blob-brass{\r\n  width:380px; height:380px;\r\n  background:var(--brass);\r\n  bottom:-160px; right:-90px;\r\n  animation:blobFloat2 26s ease-in-out infinite alternate;\r\n}\r\n@keyframes blobFloat1{\r\n  0%{ transform:translate(0,0) scale(1); }\r\n  100%{ transform:translate(70px,50px) scale(1.15); }\r\n}\r\n@keyframes blobFloat2{\r\n  0%{ transform:translate(0,0) scale(1); }\r\n  100%{ transform:translate(-60px,-40px) scale(1.1); }\r\n}\r\n.hero .container{\r\n  position:relative; z-index:1;\r\n  display:grid; grid-template-columns:1.05fr 0.95fr;\r\n  gap:56px; align-items:center;\r\n  padding-top:84px; padding-bottom:84px;\r\n}\r\n@media (max-width:900px){\r\n  .hero .container{ grid-template-columns:1fr; padding-top:56px; padding-bottom:56px; }\r\n}\r\n.hero h1{\r\n  color:var(--paper);\r\n  font-size:clamp(2.25rem, 4.2vw, 3.4rem);\r\n  max-width:14ch;\r\n}\r\n.hero .lede{\r\n  color:#C9D3C7; font-size:1.08rem; max-width:46ch;\r\n}\r\n.hero .bangla{\r\n  font-family:'Hind Siliguri', var(--font-body);\r\n  color:var(--brass);\r\n  font-size:1.02rem;\r\n  margin-top:-6px;\r\n}\r\n.hero-actions{ display:flex; gap:14px; margin-top:30px; flex-wrap:wrap; }\r\n.trust-strip{\r\n  margin-top:44px;\r\n  padding-top:22px;\r\n  border-top:1px solid var(--line-invert);\r\n  font-size:0.85rem;\r\n  color:#9FB0A5;\r\n}\r\n.trust-strip strong{ color:var(--paper); font-weight:600; }\r\n\r\n\/* flow graphic *\/\r\n.flow-wrap{ position:relative; }\r\n.flow-wrap svg{ width:100%; height:auto; }\r\n.flow-dash{ stroke-dasharray:6 8; animation:dashmove 6s linear infinite; }\r\n@keyframes dashmove{ to{ stroke-dashoffset:-140; } }\r\n.flow-pulse{ animation:pulse 2.8s ease-in-out infinite; transform-origin:center; }\r\n@keyframes pulse{ 0%,100%{ opacity:1; } 50%{ opacity:.55; } }\r\n\r\n\/* ---------- section headers ---------- *\/\r\n.section-head{ max-width:640px; margin-bottom:52px; }\r\n.section-head h2{ font-size:clamp(1.6rem,2.6vw,2.1rem); }\r\n.section-head.on-dark p{ color:#B9C6BC; }\r\n.section-head.on-dark h2{ color:var(--paper); }\r\n.section-head.center{ margin-left:auto; margin-right:auto; text-align:center; }\r\n.section-head.center .tick{ justify-content:center; }\r\n\r\n\/* ---------- alt background sections ---------- *\/\r\n.bg-alt{ background:var(--paper-alt); }\r\n.bg-forest{ background:var(--forest-deep); color:var(--paper); }\r\n.bg-forest p{ color:#B9C6BC; }\r\n\r\n\/* ---------- grids & cards ---------- *\/\r\n.grid{ display:grid; gap:26px; }\r\n.grid-3{ grid-template-columns:repeat(3,1fr); }\r\n.grid-2{ grid-template-columns:repeat(2,1fr); }\r\n.grid-4{ grid-template-columns:repeat(4,1fr); }\r\n@media (max-width:900px){ .grid-3,.grid-4{ grid-template-columns:repeat(2,1fr); } }\r\n@media (max-width:620px){\r\n  .grid-2{ grid-template-columns:1fr; }\r\n}\r\n@media (max-width:480px){\r\n  .grid{ gap:14px; }\r\n  .card{ padding:20px 16px; }\r\n  .card h3{ font-size:0.98rem; }\r\n  .card p{ font-size:0.86rem; }\r\n}\r\n\r\n.card{\r\n  background:#fff;\r\n  border:1px solid var(--line);\r\n  border-radius:var(--radius);\r\n  padding:30px 26px;\r\n  border-left:3px solid var(--mint-dim);\r\n  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;\r\n}\r\n.card.brass{ border-left-color:var(--brass); }\r\n.card h3{ font-size:1.08rem; margin-bottom:10px; transition:color .2s ease; }\r\n.card svg.svc-icon{ width:34px; height:34px; margin-bottom:14px; color:var(--mint-dim); display:block; }\r\n.card.brass svg.svc-icon{ color:var(--brass-deep); }\r\n.card p{ font-size:0.95rem; margin-bottom:0; }\r\n.card .tag-row{ margin-top:16px; display:flex; gap:8px; flex-wrap:wrap; }\r\n\r\n\/* clickable service cards: hover lift + color, active press *\/\r\na.card, a.card:link, a.card:visited, a.card:hover, a.card:active,\r\na.card *, a.card:hover *{\r\n  text-decoration:none !important;\r\n}\r\na.card{ color:inherit; cursor:pointer; }\r\na.card:hover{\r\n  transform:translateY(-5px);\r\n  box-shadow:0 14px 28px rgba(6,37,28,0.14);\r\n  border-color:var(--mint-dim);\r\n  background:#FBFEFC;\r\n}\r\na.card.brass:hover{\r\n  border-color:var(--brass);\r\n  box-shadow:0 14px 28px rgba(156,124,28,0.16);\r\n}\r\na.card:hover h3{ color:var(--mint-dim); }\r\na.card.brass:hover h3{ color:var(--brass-deep); }\r\na.card:active{\r\n  transform:translateY(-1px) scale(0.98);\r\n  box-shadow:0 6px 14px rgba(6,37,28,0.12);\r\n}\r\n\r\n\/* scroll-triggered reveal for service cards \u2014 visible by default (no-JS safe);\r\n   JS adds .js-armed right before observing, so content never gets stuck hidden\r\n   if the <script> tag is stripped (common when pasting into WordPress\/CMS). *\/\r\n.reveal-on-scroll.js-armed{\r\n  opacity:0;\r\n  transform:translateY(26px);\r\n  transition:opacity .55s ease, transform .55s ease;\r\n}\r\n.reveal-on-scroll.in-view{ opacity:1; transform:none; }\r\n.grid .reveal-on-scroll:nth-child(1){ transition-delay:0ms; }\r\n.grid .reveal-on-scroll:nth-child(2){ transition-delay:70ms; }\r\n.grid .reveal-on-scroll:nth-child(3){ transition-delay:140ms; }\r\n.grid .reveal-on-scroll:nth-child(4){ transition-delay:210ms; }\r\n.grid .reveal-on-scroll:nth-child(5){ transition-delay:280ms; }\r\n.grid .reveal-on-scroll:nth-child(6){ transition-delay:350ms; }\r\n.grid .reveal-on-scroll:nth-child(7){ transition-delay:420ms; }\r\n.grid .reveal-on-scroll:nth-child(8){ transition-delay:490ms; }\r\n\r\n.tag{\r\n  font-size:0.74rem; font-weight:600;\r\n  padding:4px 10px; border-radius:100px;\r\n  background:var(--paper-alt); color:var(--ink-soft);\r\n}\r\n\r\n\/* stat strip *\/\r\n.stats{ display:flex; gap:0; border-top:1px solid var(--line-invert); }\r\n.stat{ flex:1; padding:26px 0 0; }\r\n.stat .num{ font-family:var(--font-display); font-size:2rem; font-weight:700; color:var(--mint); }\r\n.stat .label{ font-size:0.85rem; color:#9FB0A5; margin-top:4px; }\r\n\r\n\/* process steps *\/\r\n.steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:26px; counter-reset:step; }\r\n@media (max-width:900px){ .steps{ grid-template-columns:repeat(2,1fr); } }\r\n@media (max-width:560px){ .steps{ grid-template-columns:1fr; } }\r\n.step{ position:relative; padding-top:44px; border-top:2px solid var(--line); }\r\n.step::before{\r\n  counter-increment:step;\r\n  content:counter(step, decimal-leading-zero);\r\n  position:absolute; top:-14px; left:0;\r\n  font-family:var(--font-display); font-weight:700;\r\n  font-size:0.85rem; color:var(--forest-deep);\r\n  background:var(--paper); padding-right:10px;\r\n}\r\n.step h4{ font-size:1.02rem; }\r\n.step p{ font-size:0.92rem; }\r\n\r\n\/* placeholder callout (used for portfolio\/testimonial slots needing real data) *\/\r\n.placeholder-note{\r\n  border:1px dashed var(--brass-deep);\r\n  background:#FBF6E6;\r\n  color:var(--brass-deep);\r\n  font-size:0.82rem;\r\n  font-weight:500;\r\n  padding:10px 14px;\r\n  border-radius:var(--radius);\r\n  margin-top:16px;\r\n}\r\n\r\n.quote-card{\r\n  border:1px dashed var(--line);\r\n  border-radius:var(--radius);\r\n  padding:28px 26px;\r\n  background:var(--paper-alt);\r\n}\r\n.quote-card p{ font-style:italic; font-size:1rem; margin-bottom:14px; }\r\n.quote-card .who{ font-style:normal; font-size:0.85rem; font-weight:600; color:var(--ink-soft); }\r\n\r\n\/* skill groups: Skills & Tools section *\/\r\n.skill-group{\r\n  background:#fff;\r\n  border:1px solid var(--line);\r\n  border-radius:var(--radius);\r\n  padding:24px 22px;\r\n}\r\n.skill-group h4{\r\n  font-family:var(--font-display);\r\n  font-size:0.98rem;\r\n  margin-bottom:14px;\r\n  color:var(--forest-deep);\r\n}\r\n.skill-group .pill-list{ gap:8px; }\r\n.skill-group .pill{ font-size:0.78rem; padding:6px 12px; }\r\n\r\n\/* pull-quote inside About *\/\r\n.pull-quote{\r\n  border-left:3px solid var(--brass);\r\n  padding-left:20px;\r\n  font-family:var(--font-display);\r\n  font-weight:500;\r\n  font-size:1.12rem;\r\n  color:var(--ink);\r\n  margin:24px 0;\r\n  max-width:52ch;\r\n}\r\n\r\n\/* capability panels: What I Do *\/\r\n.capability-panel{\r\n  background:#fff;\r\n  border:1px solid var(--line);\r\n  border-top:3px solid var(--mint-dim);\r\n  border-radius:var(--radius);\r\n  padding:34px 30px;\r\n}\r\n.capability-panel.brass{ border-top-color:var(--brass); }\r\n.capability-panel h3{ font-size:1.15rem; margin-bottom:8px; }\r\n.capability-panel > p{ font-size:0.92rem; margin-bottom:22px; }\r\n.pill-list{ display:flex; flex-wrap:wrap; gap:10px; }\r\n.pill{\r\n  font-size:0.82rem; font-weight:500;\r\n  padding:7px 14px; border-radius:100px;\r\n  background:var(--paper-alt); color:var(--ink-soft);\r\n  border:1px solid var(--line);\r\n}\r\n\r\n\/* statement band *\/\r\n.statement-band{ padding:70px 0; text-align:center; }\r\n.statement-band .container{ max-width:720px; }\r\n.statement-band h2{ font-size:clamp(1.5rem,3vw,2.1rem); line-height:1.4; margin-top:14px; }\r\n\r\n\/* approach timeline (on dark bg) *\/\r\n.timeline{ position:relative; padding-left:50px; max-width:620px; margin-top:44px; }\r\n.timeline::before{\r\n  content:\"\"; position:absolute; left:16px; top:4px; bottom:4px;\r\n  width:2px; background:var(--line-invert);\r\n}\r\n.timeline-item{ position:relative; padding-bottom:38px; }\r\n.timeline-item:last-child{ padding-bottom:0; }\r\n.timeline-marker{\r\n  position:absolute; left:-50px; top:0;\r\n  width:34px; height:34px; border-radius:50%;\r\n  background:var(--forest);\r\n  border:2px solid var(--mint);\r\n  color:var(--mint);\r\n  display:flex; align-items:center; justify-content:center;\r\n  font-family:var(--font-display); font-weight:700; font-size:0.82rem;\r\n}\r\n.timeline-item.brass .timeline-marker{ border-color:var(--brass); color:var(--brass); }\r\n.timeline-item h4{ color:var(--paper); font-size:1.06rem; margin-bottom:6px; }\r\n.timeline-item p{ color:#B9C6BC; margin-bottom:0; font-size:0.94rem; max-width:50ch; }\r\n\r\n\/* approach section: two-col layout with rotating visual *\/\r\n.approach-grid{ display:grid; grid-template-columns:1.15fr 0.85fr; gap:56px; align-items:center; }\r\n@media (max-width:900px){ .approach-grid{ grid-template-columns:1fr; } }\r\n\r\n.approach-visual{\r\n  position:relative;\r\n  background:var(--forest);\r\n  border:1px solid var(--forest-line);\r\n  border-radius:10px;\r\n  min-height:340px;\r\n  overflow:hidden;\r\n}\r\n.approach-slide{\r\n  position:absolute; inset:0;\r\n  display:flex; flex-direction:column; align-items:center; justify-content:center;\r\n  text-align:center; padding:40px;\r\n  opacity:0;\r\n  animation:approachCycle 18s infinite;\r\n}\r\n.approach-slide svg{ width:52px; height:52px; margin-bottom:20px; }\r\n.approach-slide:not(.brass) svg{ color:var(--mint); }\r\n.approach-slide.brass svg{ color:var(--brass); }\r\n.approach-slide .slide-num{\r\n  font-family:var(--font-display); font-weight:700; font-size:0.78rem;\r\n  letter-spacing:0.02em; margin-bottom:10px; color:var(--mint);\r\n}\r\n.approach-slide.brass .slide-num{ color:var(--brass); }\r\n.approach-slide h5{ color:var(--paper); font-family:var(--font-display); font-size:1.1rem; margin:0 0 8px; }\r\n.approach-slide p{ color:#9FB0A5; font-size:0.88rem; margin:0; max-width:34ch; }\r\n\r\n.approach-slide:nth-child(1){ animation-delay:0s; }\r\n.approach-slide:nth-child(2){ animation-delay:-3s; }\r\n.approach-slide:nth-child(3){ animation-delay:-6s; }\r\n.approach-slide:nth-child(4){ animation-delay:-9s; }\r\n.approach-slide:nth-child(5){ animation-delay:-12s; }\r\n.approach-slide:nth-child(6){ animation-delay:-15s; }\r\n\r\n@keyframes approachCycle{\r\n  0%{ opacity:0; }\r\n  4%{ opacity:1; }\r\n  13%{ opacity:1; }\r\n  17%{ opacity:0; }\r\n  100%{ opacity:0; }\r\n}\r\n\r\n.approach-dots{ position:absolute; bottom:20px; left:0; right:0; display:flex; justify-content:center; gap:8px; }\r\n.approach-dots span{\r\n  width:6px; height:6px; border-radius:50%;\r\n  background:var(--line-invert);\r\n  animation:approachDot 18s infinite;\r\n}\r\n.approach-dots span:nth-child(1){ animation-delay:0s; }\r\n.approach-dots span:nth-child(2){ animation-delay:-3s; }\r\n.approach-dots span:nth-child(3){ animation-delay:-6s; }\r\n.approach-dots span:nth-child(4){ animation-delay:-9s; }\r\n.approach-dots span:nth-child(5){ animation-delay:-12s; }\r\n.approach-dots span:nth-child(6){ animation-delay:-15s; }\r\n@keyframes approachDot{\r\n  0%,100%{ background:var(--line-invert); }\r\n  4%,13%{ background:var(--mint); }\r\n}\r\n\r\n\/* FAQ accordion *\/\r\n.faq-list{ max-width:760px; }\r\n.faq-item{ border-bottom:1px solid var(--line); padding:20px 0; }\r\n.faq-item summary{\r\n  cursor:pointer;\r\n  list-style:none;\r\n  display:flex; justify-content:space-between; align-items:center; gap:20px;\r\n  font-family:var(--font-display); font-weight:600; font-size:1.02rem;\r\n  color:var(--ink);\r\n}\r\n.faq-item summary::-webkit-details-marker{ display:none; }\r\n.faq-item summary::after{\r\n  content:\"+\"; font-size:1.4rem; font-weight:400; color:var(--brass-deep); flex-shrink:0;\r\n}\r\n.faq-item[open] summary::after{ content:\"\u2013\"; }\r\n.faq-item p{ margin-top:14px; margin-bottom:0; font-size:0.95rem; max-width:65ch; }\r\n\r\n\/* pricing tier cards (Basic\/Standard\/Advanced) *\/\r\n.pricing-grid{\r\n  display:grid; grid-template-columns:repeat(3,1fr); gap:24px;\r\n}\r\n@media (max-width:900px){ .pricing-grid{ grid-template-columns:1fr; } }\r\n.pricing-card{\r\n  background:#fff;\r\n  border:1px solid var(--line);\r\n  border-radius:10px;\r\n  padding:32px 26px;\r\n  display:flex; flex-direction:column;\r\n  position:relative;\r\n}\r\n.pricing-card.featured{\r\n  border:2px solid var(--brass);\r\n  box-shadow:0 16px 34px rgba(11,59,46,0.10);\r\n}\r\n.pricing-card .featured-badge{\r\n  position:absolute; top:-13px; left:50%; transform:translateX(-50%);\r\n  background:var(--brass); color:var(--forest-deep);\r\n  font-size:0.72rem; font-weight:700; letter-spacing:0.02em;\r\n  padding:5px 14px; border-radius:100px; white-space:nowrap;\r\n}\r\n.pricing-card .tier-name{\r\n  font-family:var(--font-display); font-weight:700; font-size:1.05rem; color:var(--forest-deep);\r\n}\r\n.pricing-card .price{\r\n  font-family:var(--font-display); font-weight:700; font-size:1.9rem; color:var(--ink);\r\n  margin:10px 0 2px;\r\n}\r\n.pricing-card .price .period{ font-size:0.85rem; font-weight:500; color:var(--ink-soft); }\r\n.pricing-card .setup-note{ font-size:0.82rem; color:var(--ink-soft); margin-bottom:6px; }\r\n.pricing-card ul{ margin:18px 0 24px; flex-grow:1; }\r\n.pricing-card li{\r\n  font-size:0.88rem; color:var(--ink-soft);\r\n  padding:5px 0; display:flex; gap:8px; align-items:flex-start;\r\n}\r\n.pricing-card li::before{ content:\"\u2713\"; color:var(--mint-dim); font-weight:700; flex-shrink:0; }\r\n.pricing-card .btn{ margin-top:auto; width:100%; justify-content:center; }\r\n.pricing-subhead{ margin:56px 0 22px; }\r\n.pricing-subhead:first-child{ margin-top:0; }\r\n.pricing-subhead h3{ font-size:1.15rem; margin-bottom:4px; }\r\n.pricing-subhead p{ font-size:0.88rem; margin-bottom:0; }\r\n.pricing-note{\r\n  font-size:0.85rem; color:var(--ink-soft);\r\n  margin-top:18px; padding:12px 16px;\r\n  background:var(--paper-alt); border-radius:var(--radius);\r\n}\r\n.onetime-table{ display:grid; gap:0; border-top:1px solid var(--line); }\r\n.onetime-row{\r\n  display:flex; justify-content:space-between; gap:20px;\r\n  padding:16px 0; border-bottom:1px solid var(--line);\r\n  font-size:0.95rem;\r\n}\r\n.onetime-row .svc{ font-weight:600; }\r\n.onetime-row .price{ color:var(--brass-deep); font-weight:600; white-space:nowrap; }\r\n.terms-list li{ font-size:0.92rem; color:var(--ink-soft); padding:8px 0 8px 22px; position:relative; }\r\n.terms-list li::before{ content:\"\u2014\"; position:absolute; left:0; color:var(--brass); }\r\n\r\n\/* =========================================================\r\n   BLOG POST LISTING \u2014 styles the automatic WordPress post\r\n   loop to match the site theme. Two blocks below: one for a\r\n   native WordPress \"Posts page\" (core class names), one for\r\n   the Essential Addons \"Post Grid\" Elementor widget (eael-\r\n   prefixed classes). Only one will actually apply depending\r\n   on which approach is used \u2014 inspect the real rendered HTML\r\n   once posts are live and adjust selectors if they don't match,\r\n   since exact markup varies by theme\/plugin version.\r\n   ========================================================= *\/\r\n\r\n\/* --- A) native WordPress archive\/loop (core class names) --- *\/\r\n.blog-loop, #main, .site-main{ padding:20px 0; }\r\narticle.post, article.hentry{\r\n  background:#fff; border:1px solid var(--line); border-left:3px solid var(--mint-dim);\r\n  border-radius:var(--radius); padding:26px 24px; margin-bottom:24px;\r\n}\r\narticle.post .entry-title, article.hentry .entry-title{\r\n  font-family:var(--font-display); font-size:1.15rem; margin-bottom:8px;\r\n}\r\narticle.post .entry-title a, article.hentry .entry-title a{ color:var(--ink); text-decoration:none; }\r\narticle.post .entry-title a:hover, article.hentry .entry-title a:hover{ color:var(--mint-dim); }\r\narticle.post .entry-meta, article.hentry .entry-meta{ font-size:0.8rem; color:var(--ink-soft); margin-bottom:10px; }\r\narticle.post .entry-summary, article.post .entry-content,\r\narticle.hentry .entry-summary, article.hentry .entry-content{ font-size:0.95rem; color:var(--ink-soft); }\r\n.nav-links, .page-numbers{ display:flex; gap:10px; margin-top:20px; }\r\n.page-numbers{ padding:8px 14px; border:1px solid var(--line); border-radius:var(--radius); color:var(--ink-soft); text-decoration:none; }\r\n.page-numbers.current{ background:var(--forest-deep); color:var(--paper); border-color:var(--forest-deep); }\r\n\r\n\/* --- B) Essential Addons \"Post Grid\" widget (free, Elementor) --- *\/\r\n.eael-post-grid{ gap:24px; }\r\n.eael-grid-post{\r\n  background:#fff; border:1px solid var(--line); border-left:3px solid var(--mint-dim);\r\n  border-radius:var(--radius); transition:transform .2s ease, box-shadow .2s ease;\r\n}\r\n.eael-grid-post:hover{ transform:translateY(-4px); box-shadow:0 14px 28px rgba(6,37,28,0.10); }\r\n.eael-grid-post:nth-child(even){ border-left-color:var(--brass); }\r\n.eael-entry-title, .eael-post-elements-title{ font-family:var(--font-display); }\r\n.eael-entry-title a, .eael-post-elements-title a{ color:var(--ink); text-decoration:none; }\r\n.eael-entry-title a:hover, .eael-post-elements-title a:hover{ color:var(--mint-dim); }\r\n.eael-entry-meta, .eael-post-elements-meta-wrapper{ color:var(--ink-soft); font-size:0.8rem; }\r\n.eael-entry-content, .eael-post-elements-excerpt{ color:var(--ink-soft); font-size:0.92rem; }\r\n.eael-post-elements-readmore-button, .eael-grid-post .eael-btn{\r\n  display:inline-flex; align-items:center; gap:8px;\r\n  background:var(--mint); color:var(--forest-deep) !important;\r\n  padding:9px 18px; border-radius:var(--radius); font-weight:600; font-size:0.85rem;\r\n  text-decoration:none !important;\r\n}\r\n\r\n\/* =========================================================\r\n   BLOG ARTICLE COMPONENTS \u2014 reusable across every blog post\r\n   ========================================================= *\/\r\n.article-wrap{ max-width:760px; margin:0 auto; padding:64px 28px 96px; }\r\n.article-wrap h2{\r\n  font-size:clamp(1.25rem,2.6vw,1.6rem);\r\n  margin:2.6rem 0 1rem;\r\n  padding-top:1rem;\r\n  border-top:1px solid var(--line);\r\n}\r\n.article-wrap h2:first-of-type{ margin-top:0; padding-top:0; border-top:none; }\r\n.article-wrap h3{ font-size:1.1rem; color:var(--forest-deep); margin:1.6rem 0 0.6rem; }\r\n.article-wrap p{ max-width:none; }\r\n.article-meta{\r\n  font-size:0.85rem; color:#9FB0A5;\r\n  margin-top:18px; display:flex; flex-wrap:wrap; gap:6px 18px; align-items:center;\r\n}\r\n.article-meta .dot{ color:var(--line-invert); }\r\n\r\n.intro-callout{\r\n  background:var(--paper-alt);\r\n  border-left:3px solid var(--brass);\r\n  border-radius:0 8px 8px 0;\r\n  padding:20px 22px;\r\n  margin-bottom:32px;\r\n  font-family:var(--font-display);\r\n  font-weight:500;\r\n  font-size:1.05rem;\r\n  color:var(--ink);\r\n}\r\n\r\n.blog-stat-row{\r\n  display:grid; grid-template-columns:repeat(3,1fr);\r\n  gap:16px; margin:28px 0 36px;\r\n}\r\n@media (max-width:700px){ .blog-stat-row{ grid-template-columns:repeat(2,1fr); } }\r\n@media (max-width:460px){ .blog-stat-row{ grid-template-columns:1fr; } }\r\n.blog-stat-card{\r\n  background:#fff; border:1px solid var(--line); border-radius:10px;\r\n  padding:20px 16px; text-align:center;\r\n}\r\n.blog-stat-card .num{\r\n  font-family:var(--font-display); font-size:1.8rem; font-weight:700;\r\n  color:var(--brass-deep); display:block; margin-bottom:6px;\r\n}\r\n.blog-stat-card .label{ font-size:0.78rem; color:var(--ink-soft); }\r\n\r\n.toc-box{\r\n  background:#fff; border:1px solid var(--line); border-radius:10px;\r\n  padding:22px 24px; margin:28px 0 36px;\r\n}\r\n.toc-box h4{\r\n  font-family:var(--font-display); font-size:0.85rem; font-weight:700;\r\n  text-transform:uppercase; letter-spacing:0.06em; color:var(--ink-soft);\r\n  margin-bottom:12px;\r\n}\r\n.toc-box ol{ padding-left:1.2rem; margin:0; }\r\n.toc-box ol li{ font-size:0.92rem; padding:4px 0; }\r\n.toc-box ol li a{ color:var(--ink-soft); }\r\n.toc-box ol li a:hover{ color:var(--mint-dim); }\r\n\r\n.compare{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:28px 0; }\r\n@media (max-width:600px){ .compare{ grid-template-columns:1fr; } }\r\n.compare-box{ background:#fff; border:1px solid var(--line); border-radius:10px; padding:22px; }\r\n.compare-box.bad{ border-top:3px solid var(--line); }\r\n.compare-box.good{ border-top:3px solid var(--mint); }\r\n.compare-box h4{\r\n  font-family:var(--font-display); font-size:0.78rem; font-weight:700;\r\n  text-transform:uppercase; letter-spacing:0.06em; margin-bottom:14px;\r\n}\r\n.compare-box.bad h4{ color:var(--ink-soft); }\r\n.compare-box.good h4{ color:var(--mint-dim); }\r\n.compare-box ul{ margin:0; }\r\n.compare-box li{\r\n  font-size:0.88rem; color:var(--ink-soft); padding:8px 0;\r\n  border-bottom:1px solid var(--line); display:flex; gap:8px; align-items:flex-start;\r\n}\r\n.compare-box li:last-child{ border-bottom:none; }\r\n.compare-box.good li{ color:var(--ink); }\r\n\r\n.article-step-list{ list-style:none; padding:0; margin:22px 0 32px; }\r\n.article-step-list li{\r\n  display:flex; gap:18px; align-items:flex-start;\r\n  padding:18px 0; border-bottom:1px solid var(--line);\r\n}\r\n.article-step-list li:last-child{ border-bottom:none; }\r\n.article-step-num{\r\n  font-family:var(--font-display); font-weight:700; font-size:0.85rem;\r\n  color:var(--forest-deep); background:var(--paper-alt); border:1px solid var(--line);\r\n  border-radius:8px; min-width:36px; height:36px; flex-shrink:0;\r\n  display:flex; align-items:center; justify-content:center;\r\n}\r\n.article-step-body h4{ font-size:1rem; margin-bottom:4px; }\r\n.article-step-body p{ font-size:0.92rem; margin:0; }\r\n\r\n.case-study-block{\r\n  background:#fff; border:1px solid var(--line); border-radius:12px;\r\n  overflow:hidden; margin:32px 0;\r\n}\r\n.case-study-header{\r\n  background:var(--forest-deep); padding:16px 22px;\r\n  display:flex; align-items:center; gap:10px;\r\n}\r\n.case-study-header h3{\r\n  font-family:var(--font-display); font-size:0.85rem; font-weight:700;\r\n  text-transform:uppercase; letter-spacing:0.06em; color:var(--mint);\r\n  margin:0;\r\n}\r\n.case-study-body{ padding:24px 22px; }\r\n.case-metrics{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:18px; }\r\n@media (max-width:560px){ .case-metrics{ grid-template-columns:1fr; } }\r\n.case-metric{ text-align:center; background:var(--paper-alt); border-radius:8px; padding:16px 10px; }\r\n.case-metric .val{\r\n  font-family:var(--font-display); font-size:1.5rem; font-weight:700;\r\n  color:var(--mint-dim); display:block; margin-bottom:4px;\r\n}\r\n.case-metric .desc{ font-size:0.74rem; color:var(--ink-soft); }\r\n\r\n.highlight-box{\r\n  background:rgba(47,225,174,0.08); border:1px solid rgba(31,174,135,0.25);\r\n  border-radius:10px; padding:20px 22px; margin:24px 0;\r\n}\r\n.highlight-box p{ margin:0; font-size:0.95rem; color:var(--ink); }\r\n\r\n.author-box{\r\n  display:flex; gap:16px; align-items:flex-start;\r\n  background:#fff; border:1px solid var(--line); border-radius:10px;\r\n  padding:22px; margin:40px 0;\r\n}\r\n.author-avatar{\r\n  width:54px; height:54px; border-radius:50%; flex-shrink:0;\r\n  background:var(--paper-alt); border:2px solid var(--brass);\r\n  display:flex; align-items:center; justify-content:center;\r\n  font-family:var(--font-display); font-weight:700; font-size:1.05rem; color:var(--brass-deep);\r\n}\r\n.author-box h4{ font-size:0.98rem; margin-bottom:4px; }\r\n.author-box p{ font-size:0.85rem; margin:0; }\r\n\r\n\/* ---------- footer ---------- *\/\r\n.site-footer{ background:var(--forest-deep); color:#B9C6BC; padding:64px 0 28px; }\r\n.footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; }\r\n@media (max-width:700px){ .footer-grid{ grid-template-columns:1fr; gap:32px; } }\r\n.site-footer h4{ color:var(--paper); font-size:0.95rem; margin-bottom:16px; }\r\n.site-footer .logo{ color:var(--paper); }\r\n.site-footer p{ color:#9FB0A5; font-size:0.92rem; }\r\n.site-footer a{ color:#B9C6BC; }\r\n.site-footer a:hover{ color:var(--mint); }\r\n.foot-links li{ margin-bottom:10px; font-size:0.92rem; }\r\n.foot-bottom{\r\n  margin-top:48px; padding-top:22px; border-top:1px solid var(--line-invert);\r\n  display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;\r\n  font-size:0.82rem; color:#7E9187;\r\n}\r\n\r\n\/* ---------- page hero (inner pages, smaller) ---------- *\/\r\n.page-hero{ background:var(--forest-deep); color:var(--paper); padding:64px 0 56px; position:relative; overflow:hidden; }\r\n.page-hero .container{ position:relative; z-index:1; }\r\n.page-hero h1{ color:var(--paper); font-size:clamp(2rem,3.6vw,2.7rem); max-width:20ch; }\r\n.page-hero p{ color:#C9D3C7; max-width:56ch; }\r\n\r\n\/* ---------- forms ---------- *\/\r\n.form-grid{ display:grid; gap:18px; }\r\nlabel{ font-size:0.85rem; font-weight:600; display:block; margin-bottom:6px; }\r\n.bg-forest label{ color:var(--paper); }\r\n.bg-forest .form-note{ color:#C9D3C7; }\r\ninput, textarea, select{\r\n  width:100%; padding:12px 14px;\r\n  border:1px solid var(--line);\r\n  border-radius:var(--radius);\r\n  font-family:var(--font-body); font-size:0.95rem;\r\n  background:#fff; color:var(--ink);\r\n}\r\ntextarea{ resize:vertical; min-height:130px; }\r\ninput:focus, textarea:focus, select:focus{ border-color:var(--mint-dim); }\r\n.form-note{ font-size:0.82rem; color:var(--ink-soft); margin-top:10px; }\r\n\r\n\/* ---------- misc ---------- *\/\r\n.two-col{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; }\r\n.two-col.v-center{ align-items:center; }\r\n@media (max-width:820px){ .two-col{ grid-template-columns:1fr; } }\r\n.badge-row{ display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }\r\n.badge{\r\n  font-size:0.82rem; font-weight:600; padding:8px 14px;\r\n  border:1px solid var(--line); border-radius:100px; color:var(--ink-soft);\r\n  transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;\r\n}\r\n.badge:nth-child(odd):hover{ background:var(--mint); border-color:var(--mint); color:var(--forest-deep); transform:translateY(-2px); }\r\n.badge:nth-child(even):hover{ background:var(--brass); border-color:var(--brass); color:var(--forest-deep); transform:translateY(-2px); }\r\n.badge-row .reveal-on-scroll:nth-child(1){ transition-delay:0ms; }\r\n.badge-row .reveal-on-scroll:nth-child(2){ transition-delay:25ms; }\r\n.badge-row .reveal-on-scroll:nth-child(3){ transition-delay:50ms; }\r\n.badge-row .reveal-on-scroll:nth-child(4){ transition-delay:75ms; }\r\n.badge-row .reveal-on-scroll:nth-child(5){ transition-delay:100ms; }\r\n.badge-row .reveal-on-scroll:nth-child(6){ transition-delay:125ms; }\r\n.badge-row .reveal-on-scroll:nth-child(7){ transition-delay:150ms; }\r\n.badge-row .reveal-on-scroll:nth-child(8){ transition-delay:175ms; }\r\n.badge-row .reveal-on-scroll:nth-child(9){ transition-delay:200ms; }\r\n.badge-row .reveal-on-scroll:nth-child(10){ transition-delay:225ms; }\r\n.badge-row .reveal-on-scroll:nth-child(11){ transition-delay:250ms; }\r\n.badge-row .reveal-on-scroll:nth-child(12){ transition-delay:275ms; }\r\n.badge-row .reveal-on-scroll:nth-child(13){ transition-delay:300ms; }\r\n.badge-row .reveal-on-scroll:nth-child(14){ transition-delay:325ms; }\r\n.badge-row .reveal-on-scroll:nth-child(15){ transition-delay:350ms; }\r\n.badge-row .reveal-on-scroll:nth-child(16){ transition-delay:375ms; }\r\n.badge-row .reveal-on-scroll:nth-child(17){ transition-delay:400ms; }\r\n.badge-row .reveal-on-scroll:nth-child(18){ transition-delay:425ms; }\r\n.badge-row .reveal-on-scroll:nth-child(19){ transition-delay:450ms; }\r\n.badge-row .reveal-on-scroll:nth-child(20){ transition-delay:475ms; }\r\n.badge-row .reveal-on-scroll:nth-child(21){ transition-delay:500ms; }\r\n.badge-row .reveal-on-scroll:nth-child(22){ transition-delay:525ms; }\r\n.badge-row .reveal-on-scroll:nth-child(23){ transition-delay:550ms; }\r\n.badge-row .reveal-on-scroll:nth-child(24){ transition-delay:575ms; }\r\n.badge-row .reveal-on-scroll:nth-child(25){ transition-delay:600ms; }\r\n.about-photo-wrap{ position:relative; }\r\n.about-photo-wrap::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:20px; left:20px; right:-20px; bottom:-20px;\r\n  background:var(--brass);\r\n  border-radius:10px;\r\n  z-index:0;\r\n}\r\n.about-photo-wrap img{\r\n  position:relative; z-index:1;\r\n  border-radius:10px;\r\n  width:100%;\r\n  display:block;\r\n  object-fit:cover;\r\n}\r\n@media (max-width:820px){\r\n  .about-photo-wrap::before{ top:14px; left:14px; right:-14px; bottom:-14px; }\r\n}\r\n.divider-tick{ display:flex; align-items:center; gap:10px; margin:6px 0 26px; }\r\n.divider-tick span{ width:22px; height:2px; background:var(--brass); display:block; }\r\n\r\n\/* hero flow-diagram svg *\/\r\n.svg-node-bg{ fill:#0F4436; }\r\n.svg-node-border{ fill:none; stroke:var(--forest-line); stroke-width:1.5; }\r\n.svg-line{ fill:none; stroke:var(--mint-dim); stroke-width:1.5; opacity:.8; }\r\n.svg-line-brass{ fill:none; stroke:var(--brass); stroke-width:1.5; opacity:.7; }\r\n.svg-dot{ fill:var(--mint); }\r\n.svg-dot-brass{ fill:var(--brass); }\r\n.svg-label{ font-family:'IBM Plex Sans',sans-serif; font-size:12px; font-weight:600; fill:#D7E3DA; }\r\n.svg-sublabel{ font-family:'IBM Plex Sans',sans-serif; font-size:10px; fill:#8FA599; }\r\n\r\n\/* reveal-on-load hero animation (single orchestrated moment) *\/\r\n.reveal{ opacity:0; transform:translateY(14px); animation:revealUp .7s ease forwards; }\r\n.reveal.d1{ animation-delay:.05s; }\r\n.reveal.d2{ animation-delay:.15s; }\r\n.reveal.d3{ animation-delay:.25s; }\r\n.reveal.d4{ animation-delay:.35s; }\r\n@keyframes revealUp{ to{ opacity:1; transform:none; } }\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n\r\n<section class=\"page-hero\">\r\n  <div class=\"hero-bg\" aria-hidden=\"true\">\r\n    <span class=\"blob blob-mint\"><\/span>\r\n    <span class=\"blob blob-brass\"><\/span>\r\n  <\/div>\r\n  <div class=\"container\">\r\n    <div class=\"tick on-dark\">AI Automation<\/div>\r\n    <h1 style=\"max-width:22ch;\">How AI Automation Is Helping UK E-commerce Brands Convert More Leads<\/h1>\r\n    <div class=\"article-meta\">\r\n      <span>By <strong style=\"color:var(--paper);\">Hasan Abrar<\/strong><\/span>\r\n      <span class=\"dot\">\u00b7<\/span>\r\n      <span>September 9, 2025<\/span>\r\n      <span class=\"dot\">\u00b7<\/span>\r\n      <span>9 min read<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<article class=\"article-wrap\">\r\n\r\n  <img loading=\"lazy\" decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MjAgMjAwIj4KPHJlY3Qgd2lkdGg9IjcyMCIgaGVpZ2h0PSIyMDAiIGZpbGw9IiMwNjI1MUMiLz4KPHJlY3QgeD0iMjAiIHk9IjcwIiB3aWR0aD0iMTgwIiBoZWlnaHQ9IjYwIiByeD0iOCIgZmlsbD0iIzBGNDQzNiIgc3Ryb2tlPSIjMTYzRjMyIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8dGV4dCB4PSIxMTAiIHk9IjEwNSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9IkFyaWFsLHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTYiIGZvbnQtd2VpZ2h0PSI3MDAiIGZpbGw9IiNEN0UzREEiPk5ldyBMZWFkPC90ZXh0Pgo8cmVjdCB4PSIyNzAiIHk9IjYwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjgwIiByeD0iOCIgZmlsbD0iIzBGNDQzNiIgc3Ryb2tlPSIjMkZFMUFFIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8dGV4dCB4PSIzNzAiIHk9Ijk1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0iQXJpYWwsc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNiIgZm9udC13ZWlnaHQ9IjcwMCIgZmlsbD0iI0Q3RTNEQSI+QUkgQXV0b21hdGlvbjwvdGV4dD4KPHRleHQgeD0iMzcwIiB5PSIxMTgiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJBcmlhbCxzYW5zLXNlcmlmIiBmb250LXNpemU9IjExIiBmaWxsPSIjOEZBNTk5Ij5XaGF0c0FwcCDCtyBDQVBJIMK3IEFJIEFnZW50PC90ZXh0Pgo8cmVjdCB4PSI1MjAiIHk9IjcwIiB3aWR0aD0iMTgwIiBoZWlnaHQ9IjYwIiByeD0iOCIgZmlsbD0iIzBGNDQzNiIgc3Ryb2tlPSIjQzlBMjI3IiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8dGV4dCB4PSI2MTAiIHk9IjEwNSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9IkFyaWFsLHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTYiIGZvbnQtd2VpZ2h0PSI3MDAiIGZpbGw9IiNEN0UzREEiPkNvbnZlcnNpb248L3RleHQ+CjxwYXRoIGQ9Ik0yMDAsMTAwIEMyMzAsMTAwIDI0MCwxMDAgMjcwLDEwMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMkZFMUFFIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTQ3MCwxMDAgQzQ5NSwxMDAgNDk1LDEwMCA1MjAsMTAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNDOUEyMjciIHN0cm9rZS13aWR0aD0iMiIvPgo8Y2lyY2xlIGN4PSIyNzAiIGN5PSIxMDAiIHI9IjQiIGZpbGw9IiMyRkUxQUUiLz4KPGNpcmNsZSBjeD0iNTIwIiBjeT0iMTAwIiByPSI0IiBmaWxsPSIjQzlBMjI3Ii8+Cjwvc3ZnPg==\" alt=\"AI automation for e-commerce lead conversion flow\" width=\"720\" height=\"200\" style=\"width:100%;height:auto;border-radius:10px;margin-bottom:28px;\" loading=\"lazy\">\r\n\r\n  <p class=\"intro-callout\">UK e-commerce brands are spending more on ads than ever \u2014 but conversion rates are flatlining. The problem is not the traffic. It is what happens to leads after they arrive. AI automation is changing that.<\/p>\r\n\r\n  <div class=\"blog-stat-row\">\r\n    <div class=\"blog-stat-card\"><span class=\"num\">78%<\/span><span class=\"label\">of leads go cold within 1 hour of enquiring<\/span><\/div>\r\n    <div class=\"blog-stat-card\"><span class=\"num\">5 min<\/span><span class=\"label\">is the window before lead probability drops 80%<\/span><\/div>\r\n    <div class=\"blog-stat-card\"><span class=\"num\">3 sec<\/span><span class=\"label\">average WhatsApp automation response time<\/span><\/div>\r\n    <div class=\"blog-stat-card\"><span class=\"num\">3\u00d7<\/span><span class=\"label\">average conversion lift after full automation setup<\/span><\/div>\r\n    <div class=\"blog-stat-card\"><span class=\"num\">30\u201340%<\/span><span class=\"label\">of missing conversions recovered with proper CAPI tracking<\/span><\/div>\r\n    <div class=\"blog-stat-card\"><span class=\"num\">24\/7<\/span><span class=\"label\">automated coverage, including nights and weekends<\/span><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"toc-box\">\r\n    <h4>In this article<\/h4>\r\n    <ol>\r\n      <li><a href=\"#problem\">The real problem with UK e-commerce funnels<\/a><\/li>\r\n      <li><a href=\"#what-is\">What AI automation actually means<\/a><\/li>\r\n      <li><a href=\"#five-ways\">5 ways AI automation increases conversions<\/a><\/li>\r\n      <li><a href=\"#case-study\">Real case study: same budget, 3\u00d7 results<\/a><\/li>\r\n      <li><a href=\"#get-started\">How to get started without wasting money<\/a><\/li>\r\n      <li><a href=\"#faq\">Frequently asked questions<\/a><\/li>\r\n    <\/ol>\r\n  <\/div>\r\n\r\n  <h2 id=\"problem\">The real problem with UK e-commerce funnels<\/h2>\r\n  <p>Spend any time looking at UK e-commerce ad accounts and a pattern shows up immediately. Traffic is not the issue. Most brands running Meta or Google campaigns have enough reach. The problem sits in what happens after the click \u2014 the gap between a visitor expressing interest and a business actually responding.<\/p>\r\n  <p>The average UK online business responds to a new enquiry in <strong>over two hours<\/strong>. By that point, the customer has already made a decision \u2014 usually not in your favour. Research consistently shows that the probability of converting a lead drops by more than 80% if the response time exceeds five minutes.<\/p>\r\n  <p>Nobody is ignoring leads on purpose. Businesses are busy. Teams are small. Messages come in overnight, across multiple channels, and nobody is sitting there at 2am waiting to reply. This is not a people problem. It is a systems problem.<\/p>\r\n\r\n  <div class=\"compare\">\r\n    <div class=\"compare-box bad\">\r\n      <h4>Without automation<\/h4>\r\n      <ul>\r\n        <li>\u2717 Lead arrives at 11pm<\/li>\r\n        <li>\u2717 No reply until morning<\/li>\r\n        <li>\u2717 Customer moves on in under 10 minutes<\/li>\r\n        <li>\u2717 Ad budget spent, no return<\/li>\r\n        <li>\u2717 Facebook learns from ghost conversions<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"compare-box good\">\r\n      <h4>With automation<\/h4>\r\n      <ul>\r\n        <li>\u2713 Lead arrives at 11pm<\/li>\r\n        <li>\u2713 WhatsApp reply in 3 seconds<\/li>\r\n        <li>\u2713 AI qualifies and engages instantly<\/li>\r\n        <li>\u2713 Sale confirmed before morning<\/li>\r\n        <li>\u2713 Facebook learns from real buyers<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <h2 id=\"what-is\">What AI automation actually means<\/h2>\r\n  <p>The phrase gets used loosely, so it is worth being precise. In e-commerce, AI automation means building connected systems that handle the repetitive, time-sensitive parts of your customer journey without anyone at your business needing to drive each step manually.<\/p>\r\n  <p>This is different from basic marketing automation \u2014 scheduling an email or setting up a drip sequence. AI automation adds judgment to the process. The system can read an incoming message, understand intent, decide how to respond, pull information from your product catalogue, qualify the prospect, and route them to the right next step \u2014 without a human in the loop.<\/p>\r\n\r\n  <div class=\"highlight-box\">\r\n    <p><strong>The practical difference:<\/strong> regular automation follows a fixed script \u2014 if X then Y. AI automation reads context and decides \u2014 if this person seems ready to buy, do A; if they have a complaint, do B; if they are just browsing, do C.<\/p>\r\n  <\/div>\r\n\r\n  <p>The tools making this possible \u2014 n8n, WhatsApp Business API, Meta Conversion API, and AI agents built on models like GPT and Claude \u2014 have become accessible enough for small and mid-sized e-commerce brands to deploy without enterprise-level budgets.<\/p>\r\n\r\n  <h2 id=\"five-ways\">5 ways AI automation increases conversions<\/h2>\r\n  <ul class=\"article-step-list\">\r\n    <li><div class=\"article-step-num\">1<\/div><div class=\"article-step-body\"><h4>Instant WhatsApp lead response<\/h4><p>When a lead submits a form, clicks an ad, or sends a message, an automated WhatsApp flow responds in seconds \u2014 personalised, not generic, and moving them toward the next step.<\/p><\/div><\/li>\r\n    <li><div class=\"article-step-num\">2<\/div><div class=\"article-step-body\"><h4>AI-powered lead qualification<\/h4><p>An AI agent asks the right qualifying questions and scores the lead before your team gets involved. Hot leads get escalated immediately; cold leads get nurtured automatically.<\/p><\/div><\/li>\r\n    <li><div class=\"article-step-num\">3<\/div><div class=\"article-step-body\"><h4>Accurate ad tracking with Meta Conversion API<\/h4><p>Browser-based pixels miss a meaningful share of conversions. Meta's <a href=\"https:\/\/developers.facebook.com\/docs\/marketing-api\/conversions-api\" target=\"_blank\" rel=\"noopener\">Conversions API<\/a> sends event data directly from your server, giving Facebook accurate data to optimise toward real buyers.<\/p><\/div><\/li>\r\n    <li><div class=\"article-step-num\">4<\/div><div class=\"article-step-body\"><h4>Abandoned cart recovery sequences<\/h4><p>Automated multi-step recovery flows across email, SMS, and WhatsApp bring back customers who reached checkout but didn't complete the purchase.<\/p><\/div><\/li>\r\n    <li><div class=\"article-step-num\">5<\/div><div class=\"article-step-body\"><h4>CRM and reporting automation<\/h4><p>Every lead interaction and order update gets logged automatically \u2014 no manual data entry, no leads falling through gaps in a spreadsheet.<\/p><\/div><\/li>\r\n  <\/ul>\r\n\r\n  <h2 id=\"case-study\">Real case study: same budget, 3\u00d7 results<\/h2>\r\n  <div class=\"case-study-block\">\r\n    <div class=\"case-study-header\"><h3>UK E-commerce Brand \u2014 60-Day Automation Rollout<\/h3><\/div>\r\n    <div class=\"case-study-body\">\r\n      <p style=\"font-size:0.92rem;\">A UK-based online store was running a fixed monthly Meta ads budget, generating around 12 leads per day \u2014 with only 2 converting. There was no automated follow-up; every response was manual, often delayed by hours.<\/p>\r\n      <h3 style=\"margin-top:20px;\">What was built over 4 weeks<\/h3>\r\n      <ul class=\"article-step-list\" style=\"margin-top:8px;\">\r\n        <li><div class=\"article-step-num\">W1<\/div><div class=\"article-step-body\"><h4>WhatsApp automation deployed<\/h4><p>Leads received an instant, personalised WhatsApp message within 10 seconds of enquiring.<\/p><\/div><\/li>\r\n        <li><div class=\"article-step-num\">W2<\/div><div class=\"article-step-body\"><h4>Meta CAPI properly configured<\/h4><p>Server-side tracking replaced the browser pixel, so Facebook learned from confirmed purchases only.<\/p><\/div><\/li>\r\n        <li><div class=\"article-step-num\">W3<\/div><div class=\"article-step-body\"><h4>Audience cleaned and retargeting rebuilt<\/h4><p>Cancelled\/non-converting customers excluded; lookalikes rebuilt from confirmed buyers only.<\/p><\/div><\/li>\r\n        <li><div class=\"article-step-num\">W4<\/div><div class=\"article-step-body\"><h4>AI chatbot handling FAQs and qualification<\/h4><p>The sales team stopped fielding repetitive questions, shifting their time to closing warm leads.<\/p><\/div><\/li>\r\n      <\/ul>\r\n      <div class=\"case-metrics\">\r\n        <div class=\"case-metric\"><span class=\"val\">54%<\/span><span class=\"desc\">Lead conversion rate (was 16%)<\/span><\/div>\r\n        <div class=\"case-metric\"><span class=\"val\">+238%<\/span><span class=\"desc\">Revenue from same ad budget<\/span><\/div>\r\n        <div class=\"case-metric\"><span class=\"val\">\u221261%<\/span><span class=\"desc\">Manual follow-up hours per week<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <h2 id=\"get-started\">How to get started without wasting money<\/h2>\r\n  <p>The common mistake is trying to automate everything at once. That leads to an expensive, half-finished system nobody trusts. The better approach is to identify the single biggest leak in your current funnel and fix that first.<\/p>\r\n  <ul class=\"article-step-list\">\r\n    <li><div class=\"article-step-num\">1<\/div><div class=\"article-step-body\"><h4>Audit your current funnel<\/h4><p>Where are leads coming in? Where do they drop off? How long does it currently take to respond?<\/p><\/div><\/li>\r\n    <li><div class=\"article-step-num\">2<\/div><div class=\"article-step-body\"><h4>Fix your tracking first<\/h4><p>If your data is wrong, your optimisation is wrong. CAPI setup costs relatively little and improves signal quality immediately.<\/p><\/div><\/li>\r\n    <li><div class=\"article-step-num\">3<\/div><div class=\"article-step-body\"><h4>Build one automation, not ten<\/h4><p>Start with instant lead response, measure the impact for 30 days, then add qualification, abandoned cart, and CRM sync in sequence.<\/p><\/div><\/li>\r\n    <li><div class=\"article-step-num\">4<\/div><div class=\"article-step-body\"><h4>Measure the right things<\/h4><p>Track response time, lead-to-sale rate, and revenue per lead \u2014 not just clicks and impressions.<\/p><\/div><\/li>\r\n  <\/ul>\r\n\r\n  <div class=\"author-box\">\r\n    <div class=\"author-avatar\">HA<\/div>\r\n    <div>\r\n      <h4>Hasan Abrar<\/h4>\r\n      <p>AI Automation &amp; Digital Marketing Specialist \u00b7 Founder, Nexis IT Solution \u00b7 Working with e-commerce brands in the UK, USA, Canada, Australia and beyond \u00b7 <a href=\"\/\">hasanabrar.com<\/a><\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <h2 id=\"faq\">Frequently asked questions<\/h2>\r\n  <div class=\"faq-list\">\r\n    <details class=\"faq-item\">\r\n      <summary>How does AI automation help UK e-commerce brands specifically?<\/summary>\r\n      <p>UK e-commerce brands face the same challenge everywhere \u2014 fast response times are expected but hard to deliver manually, especially across time zones. AI automation handles instant replies, lead qualification, and order updates without requiring staff to be available around the clock.<\/p>\r\n    <\/details>\r\n    <details class=\"faq-item\">\r\n      <summary>How quickly should an e-commerce business respond to a new lead?<\/summary>\r\n      <p>Under five minutes is the target. AI automation can respond in under 10 seconds, which means you are always first, regardless of when the lead comes in.<\/p>\r\n    <\/details>\r\n    <details class=\"faq-item\">\r\n      <summary>What tools are used for AI automation in e-commerce?<\/summary>\r\n      <p>The most common stack includes n8n or Make.com for workflow orchestration, WhatsApp Business API for messaging, Meta Conversion API for tracking, and AI agents built on GPT or Claude.<\/p>\r\n    <\/details>\r\n    <details class=\"faq-item\">\r\n      <summary>Is AI automation expensive for small e-commerce brands?<\/summary>\r\n      <p>No. A basic WhatsApp automation and CAPI setup typically costs a few hundred dollars to implement, and often pays for itself within the first month through improved lead conversion.<\/p>\r\n    <\/details>\r\n    <details class=\"faq-item\">\r\n      <summary>Do I need to be technical to use AI automation?<\/summary>\r\n      <p>No. A specialist handles the <a href=\"\/services\/\">build and configuration<\/a>. Once running, the system operates without any technical input from you.<\/p>\r\n    <\/details>\r\n  <\/div>\r\n\r\n<\/article>\r\n\r\n<section class=\"bg-forest\">\r\n  <div class=\"container\" style=\"text-align:center;\">\r\n    <div class=\"section-head center on-dark\">\r\n      <h2>Find out where your funnel is leaking<\/h2>\r\n      <p>Free 30-minute audit for e-commerce brands in the UK, USA, Canada and Australia \u2014 send a few details and I'll get back to you within 24\u201348 hours.<\/p>\r\n    <\/div>\r\n    <form id=\"contact-form\" class=\"form-grid\" style=\"max-width:560px;margin:0 auto;text-align:left;\">\r\n      <div>\r\n        <label for=\"name\">Full name *<\/label>\r\n        <input type=\"text\" id=\"name\" name=\"name\" required>\r\n      <\/div>\r\n      <div>\r\n        <label for=\"email\">Email address *<\/label>\r\n        <input type=\"email\" id=\"email\" name=\"email\" required>\r\n      <\/div>\r\n      <div>\r\n        <label for=\"phone\">Phone \/ WhatsApp *<\/label>\r\n        <input type=\"tel\" id=\"phone\" name=\"phone\" required placeholder=\"+44...\">\r\n      <\/div>\r\n      <div>\r\n        <label for=\"message\">Message<\/label>\r\n        <textarea id=\"message\" name=\"message\" placeholder=\"Tell me a bit about your store and current ad setup.\"><\/textarea>\r\n      <\/div>\r\n      <div style=\"text-align:center;\">\r\n        <button type=\"submit\" class=\"btn btn-primary\">Book your free audit<\/button>\r\n        <p id=\"form-status\" class=\"form-note\"><\/p>\r\n      <\/div>\r\n    <\/form>\r\n    <p style=\"margin-top:10px;\"><a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27d%20like%20to%20book%20a%20free%2030-minute%20audit.\" class=\"btn btn-outline on-dark\" target=\"_blank\" rel=\"noopener\">Or message me on WhatsApp<\/a><\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<script>\r\n\/\/ Mobile nav toggle\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  var toggle = document.querySelector('.nav-toggle');\r\n  var links = document.querySelector('.nav-links');\r\n  if (toggle && links) {\r\n    toggle.addEventListener('click', function () {\r\n      toggle.classList.toggle('open');\r\n      links.classList.toggle('open');\r\n    });\r\n    links.querySelectorAll('a').forEach(function (a) {\r\n      a.addEventListener('click', function () {\r\n        toggle.classList.remove('open');\r\n        links.classList.remove('open');\r\n      });\r\n    });\r\n  }\r\n\r\n  \/\/ Scroll-triggered reveal for service cards\r\n  var revealEls = document.querySelectorAll('.reveal-on-scroll');\r\n  if (revealEls.length && 'IntersectionObserver' in window) {\r\n    revealEls.forEach(function (el) { el.classList.add('js-armed'); });\r\n    var io = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('in-view');\r\n          io.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.15 });\r\n    revealEls.forEach(function (el) { io.observe(el); });\r\n  }\r\n\r\n  \/\/ Contact form \u2014 submits to a Google Apps Script Web App, which\r\n  \/\/ appends the row to the Google Sheet and sends the auto-reply email.\r\n  \/\/ PASTE YOUR DEPLOYED WEB APP URL BELOW before this goes live.\r\n  var CONTACT_FORM_ENDPOINT = \"https:\/\/script.google.com\/macros\/s\/AKfycbyghg9Px8EGFi2OYUvy8TrPY6qJykBGrenzUFqVyFJzx-CVdR5KW6fhvQvi4nACCjUG\/exec\";\r\n\r\n  var form = document.querySelector('#contact-form');\r\n  if (form) {\r\n    form.addEventListener('submit', function (e) {\r\n      e.preventDefault();\r\n      var note = document.querySelector('#form-status');\r\n      var submitBtn = form.querySelector('button[type=\"submit\"]');\r\n\r\n      if (!CONTACT_FORM_ENDPOINT || CONTACT_FORM_ENDPOINT.indexOf('PASTE_YOUR') === 0) {\r\n        if (note) {\r\n          note.textContent = 'Form endpoint not set up yet \u2014 see the setup guide to connect Google Sheets.';\r\n        }\r\n        return;\r\n      }\r\n\r\n      var formData = new FormData(form);\r\n      if (submitBtn) { submitBtn.disabled = true; submitBtn.textContent = 'Sending...'; }\r\n      if (note) { note.textContent = ''; }\r\n\r\n      fetch(CONTACT_FORM_ENDPOINT, {\r\n        method: 'POST',\r\n        mode: 'no-cors',\r\n        body: formData\r\n      }).then(function () {\r\n        if (note) {\r\n          note.textContent = \"Thanks \u2014 your message is in. Check your email for a quick confirmation, and I'll personally follow up within 24\u201348 hours.\";\r\n        }\r\n        form.reset();\r\n      }).catch(function () {\r\n        if (note) {\r\n          note.textContent = \"Something went wrong sending that \u2014 please message me on WhatsApp instead.\";\r\n        }\r\n      }).finally(function () {\r\n        if (submitBtn) { submitBtn.disabled = false; submitBtn.textContent = 'Send message'; }\r\n      });\r\n    });\r\n  }\r\n});\r\n\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-89","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/posts\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/comments?post=89"}],"version-history":[{"count":10,"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/posts\/89\/revisions"}],"predecessor-version":[{"id":100,"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/posts\/89\/revisions\/100"}],"wp:attachment":[{"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/media?parent=89"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/categories?post=89"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/tags?post=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}