{"id":8,"date":"2026-08-10T14:32:24","date_gmt":"2026-08-10T14:32:24","guid":{"rendered":"https:\/\/syncaura.online\/?page_id=8"},"modified":"2026-08-10T14:49:57","modified_gmt":"2026-08-10T14:49:57","slug":"services","status":"publish","type":"page","link":"https:\/\/syncaura.online\/services\/","title":{"rendered":"Services"},"content":{"rendered":"<div class=\"wpc-gutenberg-block wpc-widget-sa_header ewb-gutenberg-block ewb-widget-sa_header alignfull wp-block-wpcursor-ewb-sa-header\"><style type=\"text\/css\" data-ewb-widget=\"sa_header\">\n#ewb-block-1 { position: relative; z-index: 999; }\n\n#ewb-block-1 .sa-header {\n  position: sticky;\n  top: 0;\n  z-index: 999;\n  width: 100%;\n  background: rgba(5, 7, 15, 0.72);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  border-bottom: 1px solid rgba(148, 163, 184, 0.14);\n  font-family: var(--font-body);\n  transition: background 0.3s ease, border-color 0.3s ease;\n}\n\n#ewb-block-1 .sa-header.is-scrolled {\n  background: rgba(5, 7, 15, 0.92);\n  border-bottom-color: rgba(59, 130, 246, 0.28);\n}\n\n#ewb-block-1 .sa-header__inner {\n  max-width: 1240px;\n  margin: 0 auto;\n  padding: 14px 24px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n\/* --- Brand with rotating 3D cube --- *\/\n#ewb-block-1 .sa-brand {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  text-decoration: none;\n}\n\n#ewb-block-1 .sa-brand__logo {\n  flex: 0 0 auto;\n  display: block;\n  width: 40px;\n  height: 40px;\n  overflow: hidden;\n  border-radius: 10px;\n  box-shadow: 0 0 20px rgba(59, 130, 246, 0.32);\n  transition: transform 0.35s ease, box-shadow 0.35s ease;\n}\n\n\/* The supplied logo tile carries the wordmark baked in beneath the mark, which\n   is unreadable at 40px \u2014 the image is scaled up and offset so only the\n   horse-head mark shows next to the text lockup. *\/\n#ewb-block-1 .sa-brand__logo img {\n  display: block;\n  width: 88px;\n  max-width: none;\n  height: auto;\n  margin: -7px 0 0 -24px;\n}\n\n#ewb-block-1 .sa-brand:hover .sa-brand__logo {\n  transform: translateY(-1px) scale(1.04);\n  box-shadow: 0 0 28px rgba(34, 211, 238, 0.46);\n}\n\n#ewb-block-1 .sa-brand__text {\n  display: flex;\n  flex-direction: column;\n  line-height: 1.05;\n  font-family: var(--font-heading);\n}\n\n#ewb-block-1 .sa-brand__text strong {\n  font-size: 1.15rem;\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  color: var(--color-text);\n}\n\n#ewb-block-1 .sa-brand__text em {\n  font-style: normal;\n  font-size: 0.66rem;\n  letter-spacing: 0.28em;\n  text-transform: uppercase;\n  color: var(--color-accent);\n}\n\n\/* --- Nav --- *\/\n#ewb-block-1 .sa-nav {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n#ewb-block-1 .sa-nav__link {\n  position: relative;\n  padding: 9px 14px;\n  font-size: 0.92rem;\n  font-weight: 500;\n  color: var(--color-text-muted);\n  border-radius: var(--radius-full);\n  transition: color 0.22s ease, background 0.22s ease;\n}\n\n#ewb-block-1 .sa-nav__link:hover {\n  color: var(--color-text);\n  background: rgba(59, 130, 246, 0.12);\n}\n\n#ewb-block-1 .sa-nav__link::after {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  bottom: 2px;\n  width: 0;\n  height: 2px;\n  border-radius: 2px;\n  background: linear-gradient(90deg, var(--color-primary), var(--color-accent));\n  transform: translateX(-50%);\n  transition: width 0.28s ease;\n}\n\n#ewb-block-1 .sa-nav__link:hover::after { width: 22px; }\n\n\/* --- Buttons --- *\/\n#ewb-block-1 .sa-btn {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 11px 22px;\n  font-size: 0.9rem;\n  font-weight: 600;\n  border-radius: var(--radius-full);\n  color: #ffffff;\n  overflow: hidden;\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n\n#ewb-block-1 .sa-btn--primary {\n  background: linear-gradient(120deg, var(--color-primary), var(--color-secondary));\n  box-shadow: 0 8px 26px rgba(59, 130, 246, 0.32);\n}\n\n#ewb-block-1 .sa-btn--primary:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 14px 34px rgba(59, 130, 246, 0.46);\n}\n\n#ewb-block-1 .sa-btn--block { display: flex; width: 100%; margin-top: 8px; }\n\n#ewb-block-1 .sa-header__actions {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n\/* --- Burger --- *\/\n#ewb-block-1 .sa-burger {\n  display: none;\n  flex-direction: column;\n  justify-content: center;\n  gap: 5px;\n  width: 42px;\n  height: 42px;\n  padding: 0 10px;\n  background: rgba(255, 255, 255, 0.05);\n  border: 1px solid rgba(148, 163, 184, 0.2);\n  border-radius: var(--radius-sm);\n  cursor: pointer;\n}\n\n#ewb-block-1 .sa-burger span {\n  display: block;\n  height: 2px;\n  width: 100%;\n  background: var(--color-text);\n  border-radius: 2px;\n  transition: transform 0.25s ease, opacity 0.25s ease;\n}\n\n#ewb-block-1 .sa-burger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }\n#ewb-block-1 .sa-burger.is-open span:nth-child(2) { opacity: 0; }\n#ewb-block-1 .sa-burger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\n\n\/* --- Mobile panel --- *\/\n#ewb-block-1 .sa-mobile {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 12px 24px 22px;\n  border-top: 1px solid rgba(148, 163, 184, 0.14);\n  background: rgba(5, 7, 15, 0.96);\n}\n\n#ewb-block-1 .sa-mobile[hidden] { display: none; }\n\n#ewb-block-1 .sa-mobile__link {\n  padding: 12px 4px;\n  font-size: 1rem;\n  font-weight: 500;\n  color: var(--color-text-muted);\n  border-bottom: 1px solid rgba(148, 163, 184, 0.08);\n}\n\n#ewb-block-1 .sa-mobile__link:hover { color: var(--color-accent); }\n\n@media (max-width: 1024px) {\n  #ewb-block-1 .sa-nav { display: none; }\n  #ewb-block-1 .sa-burger { display: flex; }\n}\n\n@media (max-width: 620px) {\n  #ewb-block-1 .sa-header__actions .sa-btn--primary { display: none; }\n  #ewb-block-1 .sa-header__inner { padding: 12px 18px; }\n}\n<\/style>\n<div id=\"ewb-block-1\" class=\"wpc-widget wpc-widget-sa_header ewb-widget ewb-widget-sa_header\"><header class=\"sa-header\" data-sa-header>\n  <div class=\"sa-header__inner\">\n    <a class=\"sa-brand\" href=\"\/\">\n      <span class=\"sa-brand__logo\">\n        <img loading=\"lazy\" src=\"https:\/\/syncaura.online\/wp-content\/uploads\/2026\/08\/image-1.png\" alt=\"Syncaura Solutions \u2014 Microsoft Dynamics 365 consultancy\" width=\"366\" height=\"293\" decoding=\"async\">\n      <\/span>\n      <span class=\"sa-brand__text\">\n        <strong>Syncaura<\/strong>\n        <em>Solution<\/em>\n      <\/span>\n    <\/a>\n\n    <nav class=\"sa-nav\" aria-label=\"Primary\">\n      <a href=\"\/\" class=\"sa-nav__link\">Home<\/a>\n      <a href=\"\/services\/\" class=\"sa-nav__link\">Services<\/a>\n      <a href=\"\/industries\/\" class=\"sa-nav__link\">Industries<\/a>\n      <a href=\"\/about\/\" class=\"sa-nav__link\">About<\/a>\n      <a href=\"\/contact\/\" class=\"sa-nav__link\">Contact<\/a>\n    <\/nav>\n\n    <div class=\"sa-header__actions\">\n      <a href=\"\/contact\/\" class=\"sa-btn sa-btn--primary\">\n        <span>Book a Consultation<\/span>\n      <\/a>\n      <button class=\"sa-burger\" type=\"button\" aria-label=\"Toggle menu\" aria-expanded=\"false\" data-sa-burger>\n        <span><\/span><span><\/span><span><\/span>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"sa-mobile\" data-sa-mobile hidden>\n    <a href=\"\/\" class=\"sa-mobile__link\">Home<\/a>\n    <a href=\"\/services\/\" class=\"sa-mobile__link\">Services<\/a>\n    <a href=\"\/industries\/\" class=\"sa-mobile__link\">Industries<\/a>\n    <a href=\"\/about\/\" class=\"sa-mobile__link\">About<\/a>\n    <a href=\"\/contact\/\" class=\"sa-mobile__link\">Contact<\/a>\n    <a href=\"\/contact\/\" class=\"sa-btn sa-btn--primary sa-btn--block\"><span>Book a Consultation<\/span><\/a>\n  <\/div>\n<\/header>\n<\/div>\n<script type=\"text\/javascript\" data-ewb-widget=\"sa_header\">\n(function() {\n  'use strict';\n  \n  const widgetId = 'ewb-block-1';\n  const widget = document.getElementById(widgetId);\n  \n  if (!widget) {\n    console.warn('EWB Widget element not found:', widgetId);\n    return;\n  }\n  \n  try {\n    (function () {\n  var root = document.getElementById('ewb-block-1');\n  if (!root) return;\n\n  var header = root.querySelector('[data-sa-header]');\n  var burger = root.querySelector('[data-sa-burger]');\n  var mobile = root.querySelector('[data-sa-mobile]');\n\n  if (header) {\n    var onScroll = function () {\n      header.classList.toggle('is-scrolled', window.scrollY > 24);\n    };\n    window.addEventListener('scroll', onScroll, { passive: true });\n    onScroll();\n  }\n\n  if (burger) if (mobile) {\n    burger.addEventListener('click', function () {\n      var open = mobile.hasAttribute('hidden');\n      if (open) {\n        mobile.removeAttribute('hidden');\n      } else {\n        mobile.setAttribute('hidden', '');\n      }\n      burger.classList.toggle('is-open', open);\n      burger.setAttribute('aria-expanded', open ? 'true' : 'false');\n    });\n  }\n})();\n  } catch (error) {\n    console.error('EWB Widget Error [' + widgetId + ']:', error);\n    \n    \/\/ Show error in widget if debug mode enabled\n    if (widget.dataset.debug === 'true') {\n      const errorDiv = document.createElement('div');\n      errorDiv.className = 'ewb-error';\n      errorDiv.style.cssText = 'background: #fee; border: 1px solid #fcc; padding: 10px; margin: 10px; color: #c33; font-family: monospace; font-size: 12px;';\n      errorDiv.textContent = 'JavaScript Error: ' + error.message;\n      widget.appendChild(errorDiv);\n    }\n  }\n})();\n<\/script>\n<\/div>\n\n<div class=\"wpc-gutenberg-block wpc-widget-sa_page_hero ewb-gutenberg-block ewb-widget-sa_page_hero alignfull wp-block-wpcursor-ewb-sa-page-hero\"><style type=\"text\/css\" data-ewb-widget=\"sa_page_hero\">\n#ewb-block-2 .sa-phero {\n  position: relative;\n  overflow: hidden;\n  padding: 168px 24px 104px;\n  background: var(--color-background);\n  font-family: var(--font-body);\n  isolation: isolate;\n}\n\n#ewb-block-2 .sa-phero__bg {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  pointer-events: none;\n}\n\n#ewb-block-2 .sa-phero__orb {\n  position: absolute;\n  display: block;\n  border-radius: 50%;\n  filter: blur(90px);\n  will-change: transform;\n  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#ewb-block-2 .sa-phero__orb--a {\n  top: -180px;\n  left: -120px;\n  width: 560px;\n  height: 560px;\n  background: radial-gradient(circle, rgba(59, 130, 246, 0.42), transparent 66%);\n  animation: sa-phero-float 14s ease-in-out infinite;\n}\n\n#ewb-block-2 .sa-phero__orb--b {\n  bottom: -240px;\n  right: -140px;\n  width: 620px;\n  height: 620px;\n  background: radial-gradient(circle, rgba(124, 92, 255, 0.34), transparent 68%);\n  animation: sa-phero-float 18s ease-in-out infinite reverse;\n}\n\n@keyframes sa-phero-float {\n  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }\n  50%      { transform: translate3d(24px, -30px, 0) scale(1.07); }\n}\n\n#ewb-block-2 .sa-phero__grid {\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(59, 130, 246, 0.075) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(59, 130, 246, 0.075) 1px, transparent 1px);\n  background-size: 58px 58px;\n  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);\n  mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 20%, transparent 78%);\n  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 20%, transparent 78%);\n}\n\n\/* ---- rotating 3D wire rings ---- *\/\n#ewb-block-2 .sa-phero__ring {\n  position: absolute;\n  top: 50%;\n  right: 6%;\n  z-index: 1;\n  width: 320px;\n  height: 320px;\n  margin-top: -140px;\n  perspective: 900px;\n  pointer-events: none;\n  opacity: 0.85;\n  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#ewb-block-2 .sa-phero__ring span {\n  position: absolute;\n  inset: 0;\n  border-radius: 50%;\n  border: 1px solid rgba(59, 130, 246, 0.45);\n  transform-style: preserve-3d;\n}\n\n#ewb-block-2 .sa-phero__ring-a {\n  animation: sa-ring-a 16s linear infinite;\n  box-shadow: 0 0 46px rgba(59, 130, 246, 0.24);\n}\n\n#ewb-block-2 .sa-phero__ring-b {\n  inset: 38px !important;\n  border-color: rgba(34, 211, 238, 0.5);\n  animation: sa-ring-b 12s linear infinite;\n}\n\n#ewb-block-2 .sa-phero__ring-c {\n  inset: 78px !important;\n  border-color: rgba(124, 92, 255, 0.5);\n  animation: sa-ring-c 20s linear infinite;\n}\n\n@keyframes sa-ring-a {\n  from { transform: rotateX(72deg) rotateZ(0deg); }\n  to   { transform: rotateX(72deg) rotateZ(360deg); }\n}\n@keyframes sa-ring-b {\n  from { transform: rotateY(70deg) rotateZ(0deg); }\n  to   { transform: rotateY(70deg) rotateZ(-360deg); }\n}\n@keyframes sa-ring-c {\n  from { transform: rotateX(38deg) rotateY(42deg) rotateZ(0deg); }\n  to   { transform: rotateX(38deg) rotateY(42deg) rotateZ(360deg); }\n}\n\n\/* ---- content ---- *\/\n#ewb-block-2 .sa-phero__inner {\n  position: relative;\n  z-index: 3;\n  max-width: 1240px;\n  margin: 0 auto;\n}\n\n#ewb-block-2 .sa-eyebrow {\n  display: inline-block;\n  padding: 7px 16px;\n  margin-bottom: 22px;\n  font-size: 0.74rem;\n  font-weight: 700;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--color-accent);\n  background: rgba(34, 211, 238, 0.08);\n  border: 1px solid rgba(34, 211, 238, 0.26);\n  border-radius: var(--radius-full);\n  opacity: 0;\n  transform: translateY(14px);\n  animation: sa-phero-in 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.05s forwards;\n}\n\n#ewb-block-2 .sa-phero__title {\n  font-family: var(--font-heading);\n  font-size: clamp(2.3rem, 5vw, 4rem);\n  line-height: 1.08;\n  letter-spacing: -0.035em;\n  font-weight: 700;\n  color: var(--color-text);\n  margin: 0 0 22px;\n  max-width: 15ch;\n  opacity: 0;\n  transform: translateY(18px);\n  animation: sa-phero-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.16s forwards;\n}\n\n#ewb-block-2 .sa-phero__title span {\n  background: linear-gradient(96deg, var(--color-primary), var(--color-accent));\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}\n\n#ewb-block-2 .sa-phero__lead {\n  font-size: 1.08rem;\n  line-height: 1.76;\n  color: var(--color-text-muted);\n  margin: 0;\n  max-width: 640px;\n  opacity: 0;\n  transform: translateY(18px);\n  animation: sa-phero-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.28s forwards;\n}\n\n#ewb-block-2 .sa-phero__chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-top: 34px;\n  opacity: 0;\n  transform: translateY(18px);\n  animation: sa-phero-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.4s forwards;\n}\n\n#ewb-block-2 .sa-phero__chip {\n  padding: 9px 17px;\n  font-size: 0.83rem;\n  font-weight: 500;\n  color: var(--color-text);\n  border-radius: var(--radius-full);\n  background: rgba(255, 255, 255, 0.045);\n  border: 1px solid rgba(148, 163, 184, 0.2);\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n  transition: border-color 0.25s ease, transform 0.25s ease;\n}\n\n#ewb-block-2 .sa-phero__chip:hover {\n  border-color: rgba(34, 211, 238, 0.45);\n  transform: translateY(-3px);\n}\n\n@keyframes sa-phero-in {\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (max-width: 1024px) {\n  #ewb-block-2 .sa-phero { padding: 146px 24px 88px; }\n  #ewb-block-2 .sa-phero__ring { opacity: 0.4; right: -60px; }\n}\n\n@media (max-width: 620px) {\n  #ewb-block-2 .sa-phero { padding: 128px 18px 72px; }\n  #ewb-block-2 .sa-phero__ring { display: none; }\n  #ewb-block-2 .sa-phero__title { max-width: none; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #ewb-block-2 .sa-phero__ring span,\n  #ewb-block-2 .sa-phero__orb { animation: none; }\n}\n<\/style>\n<div id=\"ewb-block-2\" class=\"wpc-widget wpc-widget-sa_page_hero ewb-widget ewb-widget-sa_page_hero\"><section class=\"sa-phero\" data-sa-phero>\n  <div class=\"sa-phero__bg\" aria-hidden=\"true\">\n    <span class=\"sa-phero__orb sa-phero__orb--a\"><\/span>\n    <span class=\"sa-phero__orb sa-phero__orb--b\"><\/span>\n    <span class=\"sa-phero__grid\" data-sa-orb data-depth=\"-22\"><\/span>\n  <\/div>\n\n  <div class=\"sa-phero__ring\" data-sa-orb data-depth=\"34\" aria-hidden=\"true\">\n    <span class=\"sa-phero__ring-a\"><\/span>\n    <span class=\"sa-phero__ring-b\"><\/span>\n    <span class=\"sa-phero__ring-c\"><\/span>\n  <\/div>\n\n  <div class=\"sa-phero__inner\">\n    <span class=\"sa-eyebrow\">Services<\/span>\n    <h1 class=\"sa-phero__title\">\n      Dynamics 365 delivery,\n      <span>start to finish<\/span>\n    <\/h1>\n    <p class=\"sa-phero__lead\">Syncaura Solution covers the full Microsoft Dynamics 365 lifecycle \u2014 assessment, implementation, migration, integration, reporting and long-term managed support. Pick the phase you need, or hand us the whole programme.<\/p>\n\n        <div class=\"sa-phero__chips\">\n              <span class=\"sa-phero__chip\">Implementation<\/span>              <span class=\"sa-phero__chip\">ERP Migration<\/span>              <span class=\"sa-phero__chip\">CRM &amp; Sales<\/span>              <span class=\"sa-phero__chip\">Power Platform<\/span>              <span class=\"sa-phero__chip\">Power BI<\/span>              <span class=\"sa-phero__chip\">Managed Support<\/span>          <\/div>\n      <\/div>\n<\/section><\/div>\n<script type=\"text\/javascript\" data-ewb-widget=\"sa_page_hero\">\n(function() {\n  'use strict';\n  \n  const widgetId = 'ewb-block-2';\n  const widget = document.getElementById(widgetId);\n  \n  if (!widget) {\n    console.warn('EWB Widget element not found:', widgetId);\n    return;\n  }\n  \n  try {\n    (function () {\n  var root = document.getElementById('ewb-block-2');\n  if (!root) return;\n\n  var hero = root.querySelector('[data-sa-phero]');\n  if (!hero) return;\n\n  var reduced = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : false;\n  if (reduced) return;\n\n  var orbs = hero.querySelectorAll('[data-sa-orb]');\n  if (!orbs.length) return;\n\n  hero.addEventListener('mousemove', function (e) {\n    var r = hero.getBoundingClientRect();\n    var px = (e.clientX - r.left) \/ r.width - 0.5;\n    var py = (e.clientY - r.top) \/ r.height - 0.5;\n\n    for (var i = 0; i < orbs.length; i++) {\n      var d = parseFloat(orbs[i].getAttribute('data-depth')) || 20;\n      orbs[i].style.transform = 'translate3d(' + (px * d).toFixed(1) + 'px,' + (py * d).toFixed(1) + 'px,0)';\n    }\n  });\n\n  hero.addEventListener('mouseleave', function () {\n    for (var i = 0; i < orbs.length; i++) {\n      orbs[i].style.transform = '';\n    }\n  });\n})();\n  } catch (error) {\n    console.error('EWB Widget Error [' + widgetId + ']:', error);\n    \n    \/\/ Show error in widget if debug mode enabled\n    if (widget.dataset.debug === 'true') {\n      const errorDiv = document.createElement('div');\n      errorDiv.className = 'ewb-error';\n      errorDiv.style.cssText = 'background: #fee; border: 1px solid #fcc; padding: 10px; margin: 10px; color: #c33; font-family: monospace; font-size: 12px;';\n      errorDiv.textContent = 'JavaScript Error: ' + error.message;\n      widget.appendChild(errorDiv);\n    }\n  }\n})();\n<\/script>\n<\/div>\n\n<div class=\"wpc-gutenberg-block wpc-widget-sa_svc_detail ewb-gutenberg-block ewb-widget-sa_svc_detail alignfull wp-block-wpcursor-ewb-sa-svc-detail\"><style type=\"text\/css\" data-ewb-widget=\"sa_svc_detail\">\n#ewb-block-3 .sa-svcd {\n  position: relative;\n  padding: 110px 24px;\n  background: var(--color-background);\n  font-family: var(--font-body);\n  overflow: hidden;\n}\n\n#ewb-block-3 .sa-svcd__head {\n  max-width: 780px;\n  margin: 0 auto 82px;\n  text-align: center;\n}\n\n#ewb-block-3 .sa-eyebrow {\n  display: inline-block;\n  padding: 7px 16px;\n  margin-bottom: 20px;\n  font-size: 0.74rem;\n  font-weight: 700;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--color-accent);\n  background: rgba(34, 211, 238, 0.08);\n  border: 1px solid rgba(34, 211, 238, 0.26);\n  border-radius: var(--radius-full);\n}\n\n#ewb-block-3 .sa-sec-title {\n  font-family: var(--font-heading);\n  font-size: clamp(1.9rem, 3.2vw, 2.8rem);\n  line-height: 1.16;\n  letter-spacing: -0.03em;\n  font-weight: 700;\n  color: var(--color-text);\n  margin: 0 0 18px;\n}\n\n#ewb-block-3 .sa-sec-title span {\n  background: linear-gradient(96deg, var(--color-primary), var(--color-accent));\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}\n\n#ewb-block-3 .sa-sec-lead {\n  font-size: 1.03rem;\n  line-height: 1.75;\n  color: var(--color-text-muted);\n  margin: 0;\n}\n\n\/* ---- rows ---- *\/\n#ewb-block-3 .sa-svcd__rows {\n  max-width: 1240px;\n  margin: 0 auto;\n  display: grid;\n  gap: 118px;\n}\n\n#ewb-block-3 .sa-svcd__row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 68px;\n  align-items: center;\n  scroll-margin-top: 110px;\n  opacity: 0;\n  transform: translateY(34px);\n  transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#ewb-block-3 .sa-svcd__row.is-in { opacity: 1; transform: translateY(0); }\n\n#ewb-block-3 .sa-svcd__row--alt .sa-svcd__copy { order: 2; }\n#ewb-block-3 .sa-svcd__row--alt .sa-svcd__visual { order: 1; }\n\n#ewb-block-3 .sa-svcd__num {\n  display: block;\n  font-family: var(--font-heading);\n  font-size: 0.86rem;\n  font-weight: 700;\n  letter-spacing: 0.22em;\n  margin-bottom: 12px;\n  background: linear-gradient(120deg, var(--color-primary), var(--color-accent));\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}\n\n#ewb-block-3 .sa-svcd__copy h3 {\n  font-family: var(--font-heading);\n  font-size: clamp(1.5rem, 2.2vw, 1.95rem);\n  line-height: 1.2;\n  letter-spacing: -0.028em;\n  font-weight: 700;\n  color: var(--color-text);\n  margin: 0 0 16px;\n}\n\n#ewb-block-3 .sa-svcd__copy p {\n  font-size: 0.98rem;\n  line-height: 1.78;\n  color: var(--color-text-muted);\n  margin: 0 0 26px;\n}\n\n#ewb-block-3 .sa-svcd__list {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 26px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 11px 22px;\n}\n\n#ewb-block-3 .sa-svcd__list li {\n  position: relative;\n  padding-left: 22px;\n  font-size: 0.89rem;\n  line-height: 1.55;\n  color: var(--color-text);\n}\n\n#ewb-block-3 .sa-svcd__list li::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 7px;\n  width: 9px;\n  height: 9px;\n  border-radius: 2px;\n  transform: rotate(45deg);\n  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));\n}\n\n#ewb-block-3 .sa-svcd__out {\n  padding: 14px 18px;\n  font-size: 0.86rem;\n  color: var(--color-text-muted);\n  border-radius: var(--radius-md);\n  background: rgba(255, 255, 255, 0.035);\n  border: 1px solid rgba(148, 163, 184, 0.16);\n  border-left: 2px solid var(--color-primary);\n}\n\n#ewb-block-3 .sa-svcd__out strong {\n  display: block;\n  margin-bottom: 3px;\n  font-size: 0.72rem;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--color-accent);\n}\n\n\/* ---- 3D panel visual ---- *\/\n#ewb-block-3 .sa-svcd__visual {\n  perspective: 1400px;\n}\n\n#ewb-block-3 .sa-panel {\n  position: relative;\n  transform-style: preserve-3d;\n  transform: rotateX(6deg) rotateY(-12deg);\n  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  background: linear-gradient(158deg, rgba(20, 32, 60, 0.94), rgba(9, 15, 30, 0.92));\n  border: 1px solid rgba(59, 130, 246, 0.3);\n  box-shadow: 0 42px 90px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.02) inset;\n}\n\n#ewb-block-3 .sa-svcd__row--alt .sa-panel { transform: rotateX(6deg) rotateY(12deg); }\n\n#ewb-block-3 .sa-panel__bar {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  padding: 13px 18px;\n  background: rgba(255, 255, 255, 0.035);\n  border-bottom: 1px solid rgba(148, 163, 184, 0.16);\n}\n\n#ewb-block-3 .sa-panel__bar span {\n  width: 9px;\n  height: 9px;\n  border-radius: 50%;\n  background: rgba(148, 163, 184, 0.32);\n}\n\n#ewb-block-3 .sa-panel__bar em {\n  margin-left: 10px;\n  font-style: normal;\n  font-size: 0.76rem;\n  letter-spacing: 0.06em;\n  color: var(--color-text-muted);\n}\n\n#ewb-block-3 .sa-panel__body {\n  padding: 22px;\n  display: grid;\n  gap: 11px;\n  min-height: 268px;\n  align-content: center;\n}\n\n\/* module rows *\/\n#ewb-block-3 .sa-panel__mod {\n  display: flex;\n  align-items: center;\n  gap: 11px;\n  padding: 11px 14px;\n  font-size: 0.85rem;\n  color: var(--color-text);\n  border-radius: var(--radius-sm);\n  background: rgba(255, 255, 255, 0.035);\n  border: 1px solid rgba(148, 163, 184, 0.13);\n}\n\n#ewb-block-3 .sa-panel__mod i {\n  margin-left: auto;\n  font-style: normal;\n  font-size: 0.72rem;\n  letter-spacing: 0.05em;\n  color: var(--color-accent);\n}\n\n#ewb-block-3 .sa-panel__mod i.is-w { color: #fbbf24; }\n\n#ewb-block-3 .sa-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--color-accent);\n  box-shadow: 0 0 10px rgba(34, 211, 238, 0.8);\n  animation: sa-dot-blink 2.4s ease-in-out infinite;\n}\n\n#ewb-block-3 .sa-dot--w {\n  background: #fbbf24;\n  box-shadow: 0 0 10px rgba(251, 191, 36, 0.75);\n}\n\n@keyframes sa-dot-blink {\n  0%, 100% { opacity: 1; }\n  50%      { opacity: 0.35; }\n}\n\n\/* migration *\/\n#ewb-block-3 .sa-mig {\n  display: grid;\n  grid-template-columns: 1fr 60px 1fr;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n\n#ewb-block-3 .sa-mig__side {\n  padding: 12px 10px;\n  text-align: center;\n  font-size: 0.8rem;\n  font-weight: 600;\n  color: var(--color-text);\n  border-radius: var(--radius-sm);\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid rgba(148, 163, 184, 0.18);\n}\n\n#ewb-block-3 .sa-mig__side--to {\n  border-color: rgba(34, 211, 238, 0.42);\n  background: rgba(34, 211, 238, 0.08);\n}\n\n#ewb-block-3 .sa-mig__pipe {\n  position: relative;\n  height: 2px;\n  background: rgba(148, 163, 184, 0.22);\n  overflow: hidden;\n}\n\n#ewb-block-3 .sa-mig__pulse {\n  position: absolute;\n  top: 0;\n  left: -40%;\n  width: 40%;\n  height: 100%;\n  background: linear-gradient(90deg, transparent, var(--color-accent), transparent);\n  animation: sa-mig-run 1.8s linear infinite;\n}\n\n@keyframes sa-mig-run {\n  to { left: 110%; }\n}\n\n#ewb-block-3 .sa-prog {\n  display: grid;\n  grid-template-columns: 92px 1fr;\n  align-items: center;\n  gap: 12px;\n  font-size: 0.8rem;\n  color: var(--color-text-muted);\n}\n\n#ewb-block-3 .sa-prog b {\n  display: block;\n  position: relative;\n  height: 6px;\n  border-radius: var(--radius-full);\n  background: rgba(148, 163, 184, 0.16);\n  overflow: hidden;\n}\n\n#ewb-block-3 .sa-prog b::after {\n  content: \"\";\n  position: absolute;\n  inset: 0 auto 0 0;\n  width: var(--w, 0%);\n  border-radius: var(--radius-full);\n  background: linear-gradient(90deg, var(--color-primary), var(--color-accent));\n  transition: width 1.2s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n\/* funnel *\/\n#ewb-block-3 .sa-funnel { display: grid; gap: 9px; justify-items: center; }\n\n#ewb-block-3 .sa-funnel__step {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 16px;\n  font-size: 0.82rem;\n  color: var(--color-text);\n  border-radius: var(--radius-sm);\n  background: linear-gradient(90deg, rgba(59, 130, 246, 0.22), rgba(59, 130, 246, 0.07));\n  border: 1px solid rgba(59, 130, 246, 0.28);\n}\n\n#ewb-block-3 .sa-funnel__step b { font-weight: 700; color: var(--color-text); }\n\n#ewb-block-3 .sa-funnel__step--win {\n  background: linear-gradient(90deg, rgba(34, 211, 238, 0.28), rgba(34, 211, 238, 0.08));\n  border-color: rgba(34, 211, 238, 0.45);\n}\n\n\/* nodes *\/\n#ewb-block-3 .sa-panel__body--nodes {\n  position: relative;\n  min-height: 268px;\n  display: block;\n}\n\n#ewb-block-3 .sa-node {\n  position: absolute;\n  padding: 9px 14px;\n  font-size: 0.78rem;\n  font-weight: 600;\n  color: var(--color-text);\n  border-radius: var(--radius-full);\n  background: rgba(12, 20, 36, 0.95);\n  border: 1px solid rgba(148, 163, 184, 0.24);\n  z-index: 2;\n}\n\n#ewb-block-3 .sa-node--core {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 0.92rem;\n  padding: 14px 22px;\n  color: #fff;\n  border-color: rgba(34, 211, 238, 0.55);\n  background: linear-gradient(135deg, rgba(59, 130, 246, 0.9), rgba(124, 92, 255, 0.85));\n  box-shadow: 0 0 34px rgba(59, 130, 246, 0.5);\n  animation: sa-core-pulse 3s ease-in-out infinite;\n}\n\n@keyframes sa-core-pulse {\n  0%, 100% { box-shadow: 0 0 30px rgba(59, 130, 246, 0.42); }\n  50%      { box-shadow: 0 0 52px rgba(59, 130, 246, 0.72); }\n}\n\n#ewb-block-3 .sa-node--a { top: 12%; left: 6%; }\n#ewb-block-3 .sa-node--b { top: 14%; right: 6%; }\n#ewb-block-3 .sa-node--c { bottom: 12%; left: 5%; }\n#ewb-block-3 .sa-node--d { bottom: 12%; right: 6%; }\n\n#ewb-block-3 .sa-wires {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n\n#ewb-block-3 .sa-wires path {\n  fill: none;\n  stroke: rgba(59, 130, 246, 0.5);\n  stroke-width: 1;\n  stroke-dasharray: 5 7;\n  animation: sa-wire-flow 1.6s linear infinite;\n}\n\n@keyframes sa-wire-flow {\n  to { stroke-dashoffset: -24; }\n}\n\n\/* KPIs + chart *\/\n#ewb-block-3 .sa-kpis {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 10px;\n  margin-bottom: 6px;\n}\n\n#ewb-block-3 .sa-kpi {\n  padding: 13px 12px;\n  text-align: center;\n  border-radius: var(--radius-sm);\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid rgba(148, 163, 184, 0.15);\n}\n\n#ewb-block-3 .sa-kpi b {\n  display: block;\n  font-family: var(--font-heading);\n  font-size: 1.12rem;\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  background: linear-gradient(120deg, var(--color-primary), var(--color-accent));\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}\n\n#ewb-block-3 .sa-kpi span {\n  display: block;\n  margin-top: 3px;\n  font-size: 0.68rem;\n  letter-spacing: 0.05em;\n  color: var(--color-text-muted);\n}\n\n#ewb-block-3 .sa-chart {\n  display: flex;\n  align-items: flex-end;\n  gap: 8px;\n  height: 112px;\n  padding-top: 8px;\n}\n\n#ewb-block-3 .sa-chart span {\n  flex: 1;\n  border-radius: 4px 4px 0 0;\n  background: linear-gradient(180deg, var(--color-accent), rgba(59, 130, 246, 0.28));\n  transform-origin: bottom;\n  animation: sa-chart-rise 2.6s ease-in-out infinite;\n}\n\n#ewb-block-3 .sa-chart span:nth-child(2n) { animation-delay: 0.3s; }\n#ewb-block-3 .sa-chart span:nth-child(3n) { animation-delay: 0.6s; }\n\n@keyframes sa-chart-rise {\n  0%, 100% { transform: scaleY(1); }\n  50%      { transform: scaleY(0.82); }\n}\n\n\/* SLA *\/\n#ewb-block-3 .sa-sla {\n  display: grid;\n  grid-template-columns: 118px 1fr;\n  align-items: center;\n  gap: 20px;\n  margin-bottom: 6px;\n}\n\n#ewb-block-3 .sa-sla__ring {\n  position: relative;\n  width: 118px;\n  height: 118px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background:\n    conic-gradient(var(--color-accent) 0turn 0.99turn, rgba(148, 163, 184, 0.18) 0.99turn 1turn);\n  animation: sa-sla-glow 3.4s ease-in-out infinite;\n}\n\n#ewb-block-3 .sa-sla__ring::after {\n  content: \"\";\n  position: absolute;\n  inset: 10px;\n  border-radius: 50%;\n  background: #0b1222;\n}\n\n@keyframes sa-sla-glow {\n  0%, 100% { box-shadow: 0 0 22px rgba(34, 211, 238, 0.28); }\n  50%      { box-shadow: 0 0 44px rgba(34, 211, 238, 0.55); }\n}\n\n#ewb-block-3 .sa-sla__val {\n  position: relative;\n  z-index: 2;\n  font-family: var(--font-heading);\n  font-size: 1.7rem;\n  font-weight: 700;\n  color: var(--color-text);\n}\n\n#ewb-block-3 .sa-sla__val i {\n  font-style: normal;\n  font-size: 0.9rem;\n  color: var(--color-text-muted);\n}\n\n#ewb-block-3 .sa-sla__meta { display: grid; gap: 9px; }\n\n#ewb-block-3 .sa-sla__meta div {\n  font-size: 0.82rem;\n  color: var(--color-text-muted);\n}\n\n#ewb-block-3 .sa-sla__meta b {\n  display: inline-block;\n  min-width: 30px;\n  color: var(--color-accent);\n  font-weight: 700;\n}\n\n#ewb-block-3 .sa-tickets { display: grid; gap: 9px; }\n\n#ewb-block-3 .sa-ticket {\n  display: flex;\n  align-items: center;\n  gap: 11px;\n  padding: 10px 14px;\n  font-size: 0.8rem;\n  color: var(--color-text);\n  border-radius: var(--radius-sm);\n  background: rgba(255, 255, 255, 0.035);\n  border: 1px solid rgba(148, 163, 184, 0.13);\n}\n\n#ewb-block-3 .sa-ticket i {\n  margin-left: auto;\n  font-style: normal;\n  font-size: 0.72rem;\n  color: var(--color-accent);\n}\n\n#ewb-block-3 .sa-ticket i.is-w { color: #fbbf24; }\n\n@media (max-width: 1024px) {\n  #ewb-block-3 .sa-svcd__rows { gap: 84px; }\n  #ewb-block-3 .sa-svcd__row { grid-template-columns: 1fr; gap: 42px; }\n  #ewb-block-3 .sa-svcd__row--alt .sa-svcd__copy { order: 1; }\n  #ewb-block-3 .sa-svcd__row--alt .sa-svcd__visual { order: 2; }\n  #ewb-block-3 .sa-panel,\n  #ewb-block-3 .sa-svcd__row--alt .sa-panel { transform: none; }\n}\n\n@media (max-width: 620px) {\n  #ewb-block-3 .sa-svcd { padding: 76px 18px; }\n  #ewb-block-3 .sa-svcd__head { margin-bottom: 58px; }\n  #ewb-block-3 .sa-svcd__list { grid-template-columns: 1fr; }\n  #ewb-block-3 .sa-sla { grid-template-columns: 1fr; justify-items: center; text-align: center; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #ewb-block-3 .sa-svcd__row { opacity: 1; transform: none; }\n}\n<\/style>\n<div id=\"ewb-block-3\" class=\"wpc-widget wpc-widget-sa_svc_detail ewb-widget ewb-widget-sa_svc_detail\"><section class=\"sa-svcd\">\n  <div class=\"sa-svcd__head\">\n    <span class=\"sa-eyebrow\">Service catalogue<\/span>\n    <h2 class=\"sa-sec-title\">Six ways we take <span>Dynamics 365 off your plate<\/span><\/h2>\n    <p class=\"sa-sec-lead\">\n      Engage us for a single phase or the whole lifecycle. Every service below is delivered\n      by named consultants against a written scope, a fixed budget and a published SLA.\n    <\/p>\n  <\/div>\n\n  <div class=\"sa-svcd__rows\">\n\n    <article class=\"sa-svcd__row\" data-sa-row id=\"implementation\">\n      <div class=\"sa-svcd__copy\">\n        <span class=\"sa-svcd__num\">01<\/span>\n        <h3>Dynamics 365 Implementation<\/h3>\n        <p>\n          A complete rollout of Finance &amp; Operations, Business Central, Sales or Customer\n          Service \u2014 from the first process workshop through configuration, testing, training\n          and a rehearsed go-live. We configure standard Dynamics first and only customise\n          where your competitive advantage genuinely demands it.\n        <\/p>\n        <ul class=\"sa-svcd__list\">\n          <li>Process discovery &amp; fit-gap analysis<\/li>\n          <li>Solution blueprint &amp; security roles<\/li>\n          <li>Configuration across all modules<\/li>\n          <li>Data migration &amp; reconciliation<\/li>\n          <li>UAT scripts and role-based training<\/li>\n          <li>Cutover plan plus 30-day hypercare<\/li>\n        <\/ul>\n        <div class=\"sa-svcd__out\">\n          <strong>Typical engagement<\/strong> 16 \u2013 24 weeks \u00b7 fixed scope, fixed price\n        <\/div>\n      <\/div>\n\n      <div class=\"sa-svcd__visual\" data-sa-tilt>\n        <div class=\"sa-panel\" data-sa-panel>\n          <div class=\"sa-panel__bar\">\n            <span><\/span><span><\/span><span><\/span>\n            <em>Solution blueprint<\/em>\n          <\/div>\n          <div class=\"sa-panel__body\">\n            <div class=\"sa-panel__mod\"><span class=\"sa-dot\"><\/span>General Ledger<i>Ready<\/i><\/div>\n            <div class=\"sa-panel__mod\"><span class=\"sa-dot\"><\/span>Accounts Payable<i>Ready<\/i><\/div>\n            <div class=\"sa-panel__mod\"><span class=\"sa-dot sa-dot--w\"><\/span>Inventory<i class=\"is-w\">Config<\/i><\/div>\n            <div class=\"sa-panel__mod\"><span class=\"sa-dot\"><\/span>Procurement<i>Ready<\/i><\/div>\n            <div class=\"sa-panel__mod\"><span class=\"sa-dot sa-dot--w\"><\/span>Production<i class=\"is-w\">Config<\/i><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"sa-svcd__row sa-svcd__row--alt\" data-sa-row id=\"migration\">\n      <div class=\"sa-svcd__copy\">\n        <span class=\"sa-svcd__num\">02<\/span>\n        <h3>ERP Migration &amp; Upgrade<\/h3>\n        <p>\n          Still running Dynamics AX, NAV, GP or an ageing on-premise ERP? We move you to the\n          cloud without losing a decade of transactional history and without stopping the\n          business. Multiple dry-runs mean the real cutover is a rehearsal you have already\n          performed, not an experiment.\n        <\/p>\n        <ul class=\"sa-svcd__list\">\n          <li>Legacy system &amp; customisation audit<\/li>\n          <li>Data cleansing and de-duplication<\/li>\n          <li>Field-level mapping documentation<\/li>\n          <li>Repeatable automated migration jobs<\/li>\n          <li>Parallel-run and reconciliation reports<\/li>\n          <li>Rollback plan for every cutover step<\/li>\n        <\/ul>\n        <div class=\"sa-svcd__out\">\n          <strong>Typical engagement<\/strong> 10 \u2013 18 weeks \u00b7 phased by legal entity\n        <\/div>\n      <\/div>\n\n      <div class=\"sa-svcd__visual\" data-sa-tilt>\n        <div class=\"sa-panel\" data-sa-panel>\n          <div class=\"sa-panel__bar\">\n            <span><\/span><span><\/span><span><\/span>\n            <em>Migration run 04<\/em>\n          <\/div>\n          <div class=\"sa-panel__body\">\n            <div class=\"sa-mig\">\n              <div class=\"sa-mig__side\">Dynamics AX<\/div>\n              <div class=\"sa-mig__pipe\"><span class=\"sa-mig__pulse\"><\/span><\/div>\n              <div class=\"sa-mig__side sa-mig__side--to\">D365 F&amp;O<\/div>\n            <\/div>\n            <div class=\"sa-prog\"><span>Customers<\/span><b data-sa-bar=\"100\"><\/b><\/div>\n            <div class=\"sa-prog\"><span>Vendors<\/span><b data-sa-bar=\"100\"><\/b><\/div>\n            <div class=\"sa-prog\"><span>Open orders<\/span><b data-sa-bar=\"78\"><\/b><\/div>\n            <div class=\"sa-prog\"><span>GL history<\/span><b data-sa-bar=\"54\"><\/b><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"sa-svcd__row\" data-sa-row id=\"crm\">\n      <div class=\"sa-svcd__copy\">\n        <span class=\"sa-svcd__num\">03<\/span>\n        <h3>CRM &amp; Sales Automation<\/h3>\n        <p>\n          Dynamics 365 Sales and Customer Service only pay for themselves when the revenue\n          team actually uses them. We design the lead-to-cash process around how your people\n          already sell, automate the admin out of it, and give every role a dashboard that\n          answers their own question.\n        <\/p>\n        <ul class=\"sa-svcd__list\">\n          <li>Lead-to-cash process design<\/li>\n          <li>Pipeline stages &amp; qualification rules<\/li>\n          <li>Automated scoring and next-best-action<\/li>\n          <li>Quote, order and contract automation<\/li>\n          <li>Case management and SLA routing<\/li>\n          <li>Forecast accuracy reporting<\/li>\n        <\/ul>\n        <div class=\"sa-svcd__out\">\n          <strong>Typical engagement<\/strong> 8 \u2013 14 weeks \u00b7 pilot team first\n        <\/div>\n      <\/div>\n\n      <div class=\"sa-svcd__visual\" data-sa-tilt>\n        <div class=\"sa-panel\" data-sa-panel>\n          <div class=\"sa-panel__bar\">\n            <span><\/span><span><\/span><span><\/span>\n            <em>Pipeline \u00b7 Q3<\/em>\n          <\/div>\n          <div class=\"sa-panel__body\">\n            <div class=\"sa-funnel\">\n              <div class=\"sa-funnel__step\" style=\"width:100%\"><span>Leads<\/span><b>1,240<\/b><\/div>\n              <div class=\"sa-funnel__step\" style=\"width:82%\"><span>Qualified<\/span><b>612<\/b><\/div>\n              <div class=\"sa-funnel__step\" style=\"width:60%\"><span>Proposal<\/span><b>288<\/b><\/div>\n              <div class=\"sa-funnel__step\" style=\"width:40%\"><span>Negotiation<\/span><b>124<\/b><\/div>\n              <div class=\"sa-funnel__step sa-funnel__step--win\" style=\"width:26%\"><span>Won<\/span><b>61<\/b><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"sa-svcd__row sa-svcd__row--alt\" data-sa-row id=\"integration\">\n      <div class=\"sa-svcd__copy\">\n        <span class=\"sa-svcd__num\">04<\/span>\n        <h3>Integration &amp; Power Platform<\/h3>\n        <p>\n          Your ERP is never the only system. We connect Dynamics 365 to eCommerce, WMS,\n          payroll, banking and whatever else runs the business \u2014 then close the remaining\n          gaps with Power Apps and Power Automate instead of expensive core customisation.\n        <\/p>\n        <ul class=\"sa-svcd__list\">\n          <li>REST \/ OData &amp; middleware integration<\/li>\n          <li>Dataverse architecture and governance<\/li>\n          <li>Power Apps for edge-case processes<\/li>\n          <li>Approval flows and exception alerts<\/li>\n          <li>Error handling with retry and logging<\/li>\n          <li>Environment and ALM strategy<\/li>\n        <\/ul>\n        <div class=\"sa-svcd__out\">\n          <strong>Typical engagement<\/strong> 4 \u2013 12 weeks \u00b7 per integration set\n        <\/div>\n      <\/div>\n\n      <div class=\"sa-svcd__visual\" data-sa-tilt>\n        <div class=\"sa-panel\" data-sa-panel>\n          <div class=\"sa-panel__bar\">\n            <span><\/span><span><\/span><span><\/span>\n            <em>Integration map<\/em>\n          <\/div>\n          <div class=\"sa-panel__body sa-panel__body--nodes\">\n            <div class=\"sa-node sa-node--core\">D365<\/div>\n            <div class=\"sa-node sa-node--a\">Shopify<\/div>\n            <div class=\"sa-node sa-node--b\">WMS<\/div>\n            <div class=\"sa-node sa-node--c\">Payroll<\/div>\n            <div class=\"sa-node sa-node--d\">Banking<\/div>\n            <svg class=\"sa-wires\" viewBox=\"0 0 300 200\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n              <path d=\"M150 100 L58 40\" \/><path d=\"M150 100 L246 46\" \/>\n              <path d=\"M150 100 L52 158\" \/><path d=\"M150 100 L244 156\" \/>\n            <\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"sa-svcd__row\" data-sa-row id=\"reporting\">\n      <div class=\"sa-svcd__copy\">\n        <span class=\"sa-svcd__num\">05<\/span>\n        <h3>Data, Reporting &amp; Power BI<\/h3>\n        <p>\n          Most ERP projects end with the data locked inside the system. We model your\n          Dynamics data properly, build a reporting layer on top of it, and hand your\n          leadership team dashboards they can act on the same morning \u2014 not a spreadsheet\n          someone rebuilds every month.\n        <\/p>\n        <ul class=\"sa-svcd__list\">\n          <li>Data model &amp; warehouse design<\/li>\n          <li>Executive and operational dashboards<\/li>\n          <li>Financial and margin reporting<\/li>\n          <li>Row-level security and access control<\/li>\n          <li>Scheduled refresh and monitoring<\/li>\n          <li>Self-service enablement for your analysts<\/li>\n        <\/ul>\n        <div class=\"sa-svcd__out\">\n          <strong>Typical engagement<\/strong> 6 \u2013 10 weeks \u00b7 dashboard-set based\n        <\/div>\n      <\/div>\n\n      <div class=\"sa-svcd__visual\" data-sa-tilt>\n        <div class=\"sa-panel\" data-sa-panel>\n          <div class=\"sa-panel__bar\">\n            <span><\/span><span><\/span><span><\/span>\n            <em>Executive dashboard<\/em>\n          <\/div>\n          <div class=\"sa-panel__body\">\n            <div class=\"sa-kpis\">\n              <div class=\"sa-kpi\"><b>$8.4M<\/b><span>Revenue YTD<\/span><\/div>\n              <div class=\"sa-kpi\"><b>34.2%<\/b><span>Gross margin<\/span><\/div>\n              <div class=\"sa-kpi\"><b>41d<\/b><span>DSO<\/span><\/div>\n            <\/div>\n            <div class=\"sa-chart\">\n              <span style=\"height:38%\"><\/span><span style=\"height:56%\"><\/span>\n              <span style=\"height:44%\"><\/span><span style=\"height:72%\"><\/span>\n              <span style=\"height:60%\"><\/span><span style=\"height:88%\"><\/span>\n              <span style=\"height:76%\"><\/span><span style=\"height:96%\"><\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"sa-svcd__row sa-svcd__row--alt\" data-sa-row id=\"support\">\n      <div class=\"sa-svcd__copy\">\n        <span class=\"sa-svcd__num\">06<\/span>\n        <h3>Managed Support &amp; Optimisation<\/h3>\n        <p>\n          Go-live is the beginning. Our managed service gives you named consultants who\n          already know your configuration, a published response clock, and a rolling\n          improvement roadmap \u2014 plus we absorb Microsoft's twice-yearly release waves so\n          your team never has to firefight an update.\n        <\/p>\n        <ul class=\"sa-svcd__list\">\n          <li>Tiered SLA support desk<\/li>\n          <li>Named consultants who know your build<\/li>\n          <li>Release wave testing &amp; regression<\/li>\n          <li>Performance and cost optimisation<\/li>\n          <li>Quarterly adoption &amp; roadmap reviews<\/li>\n          <li>Change requests at agreed day rates<\/li>\n        <\/ul>\n        <div class=\"sa-svcd__out\">\n          <strong>Typical engagement<\/strong> Rolling 12-month agreement\n        <\/div>\n      <\/div>\n\n      <div class=\"sa-svcd__visual\" data-sa-tilt>\n        <div class=\"sa-panel\" data-sa-panel>\n          <div class=\"sa-panel__bar\">\n            <span><\/span><span><\/span><span><\/span>\n            <em>Support SLA \u00b7 live<\/em>\n          <\/div>\n          <div class=\"sa-panel__body\">\n            <div class=\"sa-sla\">\n              <div class=\"sa-sla__ring\">\n                <span class=\"sa-sla__val\">99<i>%<\/i><\/span>\n              <\/div>\n              <div class=\"sa-sla__meta\">\n                <div><b>P1<\/b> 1 hour response<\/div>\n                <div><b>P2<\/b> 4 hour response<\/div>\n                <div><b>P3<\/b> Next business day<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"sa-tickets\">\n              <div class=\"sa-ticket\"><span class=\"sa-dot\"><\/span>#4821 Posting rule<i>Resolved<\/i><\/div>\n              <div class=\"sa-ticket\"><span class=\"sa-dot sa-dot--w\"><\/span>#4822 Report filter<i class=\"is-w\">In progress<\/i><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n  <\/div>\n<\/section><\/div>\n<script type=\"text\/javascript\" data-ewb-widget=\"sa_svc_detail\">\n(function() {\n  'use strict';\n  \n  const widgetId = 'ewb-block-3';\n  const widget = document.getElementById(widgetId);\n  \n  if (!widget) {\n    console.warn('EWB Widget element not found:', widgetId);\n    return;\n  }\n  \n  try {\n    (function () {\n  var root = document.getElementById('ewb-block-3');\n  if (!root) return;\n\n  var reduced = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : false;\n  var rows = root.querySelectorAll('[data-sa-row]');\n\n  var fillBars = function (row) {\n    var bars = row.querySelectorAll('[data-sa-bar]');\n    for (var i = 0; i < bars.length; i++) {\n      (function (bar, idx) {\n        setTimeout(function () {\n          bar.style.setProperty('--w', bar.getAttribute('data-sa-bar') + '%');\n        }, 160 + idx * 180);\n      })(bars[i], i);\n    }\n  };\n\n  if ('IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function (entries) {\n      for (var i = 0; i < entries.length; i++) {\n        if (entries[i].isIntersecting) {\n          entries[i].target.classList.add('is-in');\n          fillBars(entries[i].target);\n          io.unobserve(entries[i].target);\n        }\n      }\n    }, { threshold: 0.18 });\n\n    for (var i = 0; i < rows.length; i++) io.observe(rows[i]);\n  } else {\n    for (var j = 0; j < rows.length; j++) {\n      rows[j].classList.add('is-in');\n      fillBars(rows[j]);\n    }\n  }\n\n  \/* ---- pointer tilt on the 3D panels ---- *\/\n  if (reduced) return;\n  if (window.innerWidth < 1025) return;\n\n  var stages = root.querySelectorAll('[data-sa-tilt]');\n  for (var k = 0; k < stages.length; k++) {\n    (function (stage) {\n      var panel = stage.querySelector('[data-sa-panel]');\n      if (!panel) return;\n\n      var base = stage.closest('.sa-svcd__row--alt') ? 12 : -12;\n\n      stage.addEventListener('mousemove', function (e) {\n        var r = stage.getBoundingClientRect();\n        var px = (e.clientX - r.left) \/ r.width - 0.5;\n        var py = (e.clientY - r.top) \/ r.height - 0.5;\n        panel.style.transform =\n          'rotateX(' + (6 - py * 12).toFixed(2) + 'deg) rotateY(' + (base + px * 16).toFixed(2) + 'deg) translateZ(18px)';\n      });\n\n      stage.addEventListener('mouseleave', function () {\n        panel.style.transform = '';\n      });\n    })(stages[k]);\n  }\n})();\n  } catch (error) {\n    console.error('EWB Widget Error [' + widgetId + ']:', error);\n    \n    \/\/ Show error in widget if debug mode enabled\n    if (widget.dataset.debug === 'true') {\n      const errorDiv = document.createElement('div');\n      errorDiv.className = 'ewb-error';\n      errorDiv.style.cssText = 'background: #fee; border: 1px solid #fcc; padding: 10px; margin: 10px; color: #c33; font-family: monospace; font-size: 12px;';\n      errorDiv.textContent = 'JavaScript Error: ' + error.message;\n      widget.appendChild(errorDiv);\n    }\n  }\n})();\n<\/script>\n<\/div>\n\n<div class=\"wpc-gutenberg-block wpc-widget-sa_engage ewb-gutenberg-block ewb-widget-sa_engage alignfull wp-block-wpcursor-ewb-sa-engage\"><style type=\"text\/css\" data-ewb-widget=\"sa_engage\">\n#ewb-block-4 .sa-eng {\n  position: relative;\n  padding: 110px 24px;\n  background:\n    radial-gradient(900px circle at 50% -10%, rgba(59, 130, 246, 0.12), transparent 62%),\n    var(--color-surface);\n  font-family: var(--font-body);\n  overflow: hidden;\n}\n\n#ewb-block-4 .sa-eng__head {\n  max-width: 740px;\n  margin: 0 auto 62px;\n  text-align: center;\n}\n\n#ewb-block-4 .sa-eyebrow {\n  display: inline-block;\n  padding: 7px 16px;\n  margin-bottom: 20px;\n  font-size: 0.74rem;\n  font-weight: 700;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--color-accent);\n  background: rgba(34, 211, 238, 0.08);\n  border: 1px solid rgba(34, 211, 238, 0.26);\n  border-radius: var(--radius-full);\n}\n\n#ewb-block-4 .sa-sec-title {\n  font-family: var(--font-heading);\n  font-size: clamp(1.9rem, 3.2vw, 2.8rem);\n  line-height: 1.16;\n  letter-spacing: -0.03em;\n  font-weight: 700;\n  color: var(--color-text);\n  margin: 0 0 18px;\n}\n\n#ewb-block-4 .sa-sec-title span {\n  background: linear-gradient(96deg, var(--color-primary), var(--color-accent));\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}\n\n#ewb-block-4 .sa-sec-lead {\n  font-size: 1.03rem;\n  line-height: 1.75;\n  color: var(--color-text-muted);\n  margin: 0;\n}\n\n#ewb-block-4 .sa-eng__grid {\n  max-width: 1180px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  align-items: start;\n  perspective: 1600px;\n}\n\n#ewb-block-4 .sa-eng__card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding: 34px 30px;\n  border-radius: var(--radius-lg);\n  background: linear-gradient(160deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015));\n  border: 1px solid rgba(148, 163, 184, 0.17);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  transform-style: preserve-3d;\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.6s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.35s ease, box-shadow 0.35s ease;\n}\n\n#ewb-block-4 .sa-eng__card.is-in { opacity: 1; transform: translateY(0); }\n\n#ewb-block-4 .sa-eng__card:hover {\n  border-color: rgba(59, 130, 246, 0.45);\n  box-shadow: 0 30px 66px rgba(0, 0, 0, 0.5);\n}\n\n#ewb-block-4 .sa-eng__card--feature {\n  background: linear-gradient(165deg, rgba(59, 130, 246, 0.16), rgba(124, 92, 255, 0.07));\n  border-color: rgba(59, 130, 246, 0.42);\n  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.45), 0 0 46px rgba(59, 130, 246, 0.12);\n}\n\n#ewb-block-4 .sa-eng__tag {\n  position: absolute;\n  top: -12px;\n  left: 50%;\n  transform: translateX(-50%);\n  padding: 6px 16px;\n  font-size: 0.68rem;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: #05070f;\n  white-space: nowrap;\n  border-radius: var(--radius-full);\n  background: linear-gradient(96deg, var(--color-accent), var(--color-primary));\n}\n\n#ewb-block-4 .sa-eng__ic {\n  width: 50px;\n  height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 20px;\n  border-radius: var(--radius-md);\n  color: var(--color-accent);\n  background: linear-gradient(150deg, rgba(59, 130, 246, 0.2), rgba(124, 92, 255, 0.1));\n  border: 1px solid rgba(59, 130, 246, 0.3);\n}\n\n#ewb-block-4 .sa-eng__ic svg { width: 24px; height: 24px; }\n\n#ewb-block-4 .sa-eng__card h3 {\n  font-family: var(--font-heading);\n  font-size: 1.32rem;\n  font-weight: 700;\n  letter-spacing: -0.025em;\n  color: var(--color-text);\n  margin: 0 0 8px;\n}\n\n#ewb-block-4 .sa-eng__price {\n  font-family: var(--font-heading);\n  font-size: 1rem;\n  font-weight: 600;\n  color: var(--color-accent);\n  margin: 0 0 16px;\n}\n\n#ewb-block-4 .sa-eng__price em {\n  font-style: normal;\n  font-weight: 400;\n  font-size: 0.84rem;\n  color: var(--color-text-muted);\n}\n\n#ewb-block-4 .sa-eng__desc {\n  font-size: 0.93rem;\n  line-height: 1.72;\n  color: var(--color-text-muted);\n  margin: 0 0 22px;\n  padding-bottom: 22px;\n  border-bottom: 1px solid rgba(148, 163, 184, 0.16);\n}\n\n#ewb-block-4 .sa-eng__list {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 28px;\n  display: grid;\n  gap: 11px;\n  flex: 1;\n}\n\n#ewb-block-4 .sa-eng__list li {\n  position: relative;\n  padding-left: 24px;\n  font-size: 0.89rem;\n  line-height: 1.55;\n  color: var(--color-text);\n}\n\n#ewb-block-4 .sa-eng__list li::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 5px;\n  width: 14px;\n  height: 8px;\n  border-left: 2px solid var(--color-accent);\n  border-bottom: 2px solid var(--color-accent);\n  transform: rotate(-45deg);\n}\n\n#ewb-block-4 .sa-eng__btn {\n  display: block;\n  padding: 14px 22px;\n  text-align: center;\n  font-size: 0.92rem;\n  font-weight: 600;\n  color: var(--color-text);\n  text-decoration: none;\n  border-radius: var(--radius-full);\n  background: rgba(255, 255, 255, 0.05);\n  border: 1px solid rgba(148, 163, 184, 0.28);\n  transition: background 0.28s ease, border-color 0.28s ease, transform 0.28s ease;\n}\n\n#ewb-block-4 .sa-eng__btn:hover {\n  background: rgba(255, 255, 255, 0.1);\n  border-color: rgba(34, 211, 238, 0.5);\n  transform: translateY(-2px);\n}\n\n#ewb-block-4 .sa-eng__btn--primary {\n  color: #fff;\n  border-color: transparent;\n  background: linear-gradient(96deg, var(--color-primary), var(--color-secondary));\n  box-shadow: 0 12px 30px rgba(59, 130, 246, 0.32);\n}\n\n#ewb-block-4 .sa-eng__btn--primary:hover {\n  background: linear-gradient(96deg, var(--color-primary-hover), var(--color-secondary));\n  border-color: transparent;\n}\n\n#ewb-block-4 .sa-eng__note {\n  max-width: 620px;\n  margin: 48px auto 0;\n  text-align: center;\n  font-size: 0.92rem;\n  line-height: 1.7;\n  color: var(--color-text-muted);\n}\n\n@media (max-width: 1024px) {\n  #ewb-block-4 .sa-eng__grid { grid-template-columns: 1fr; max-width: 560px; }\n  #ewb-block-4 .sa-eng__card--feature { order: -1; }\n}\n\n@media (max-width: 620px) {\n  #ewb-block-4 .sa-eng { padding: 76px 18px; }\n  #ewb-block-4 .sa-eng__card { padding: 30px 24px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #ewb-block-4 .sa-eng__card { opacity: 1; transform: none; }\n}\n<\/style>\n<div id=\"ewb-block-4\" class=\"wpc-widget wpc-widget-sa_engage ewb-widget ewb-widget-sa_engage\"><section class=\"sa-eng\">\n  <div class=\"sa-eng__head\">\n    <span class=\"sa-eyebrow\">How to engage us<\/span>\n    <h2 class=\"sa-sec-title\">Three ways to work with <span>Syncaura<\/span><\/h2>\n    <p class=\"sa-sec-lead\">\n      Whether you need a second opinion, a full rollout or a long-term partner, the\n      commercial model is written down before we start. No hourly surprises.\n    <\/p>\n  <\/div>\n\n  <div class=\"sa-eng__grid\" data-sa-eng>\n\n    <article class=\"sa-eng__card\" data-sa-card>\n      <div class=\"sa-eng__ic\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M20 20l-3.6-3.6\"\/><\/svg>\n      <\/div>\n      <h3>Assessment<\/h3>\n      <p class=\"sa-eng__price\">2 \u2013 3 weeks <em>fixed fee<\/em><\/p>\n      <p class=\"sa-eng__desc\">\n        A short, independent review of where you are today and what a Dynamics 365\n        programme would realistically cost you.\n      <\/p>\n      <ul class=\"sa-eng__list\">\n        <li>Process and systems audit<\/li>\n        <li>Fit-gap against standard D365<\/li>\n        <li>Licensing and infrastructure sizing<\/li>\n        <li>Written roadmap with cost bands<\/li>\n        <li>Board-ready business case<\/li>\n      <\/ul>\n      <a class=\"sa-eng__btn\" href=\"\/contact\/\">Book an assessment<\/a>\n    <\/article>\n\n    <article class=\"sa-eng__card sa-eng__card--feature\" data-sa-card>\n      <span class=\"sa-eng__tag\">Most chosen<\/span>\n      <div class=\"sa-eng__ic\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 7.5L12 3l9 4.5-9 4.5z\"\/><path d=\"M3 12.2l9 4.5 9-4.5\"\/><path d=\"M3 16.7l9 4.5 9-4.5\"\/><\/svg>\n      <\/div>\n      <h3>Full Implementation<\/h3>\n      <p class=\"sa-eng__price\">16 \u2013 24 weeks <em>fixed scope<\/em><\/p>\n      <p class=\"sa-eng__desc\">\n        End-to-end delivery of your Dynamics 365 platform, run by a dedicated squad\n        against an agreed scope and a published plan.\n      <\/p>\n      <ul class=\"sa-eng__list\">\n        <li>Everything in Assessment<\/li>\n        <li>Solution design and configuration<\/li>\n        <li>Data migration with dry-runs<\/li>\n        <li>Integrations and Power Platform<\/li>\n        <li>UAT, training and go-live<\/li>\n        <li>30 days of hypercare included<\/li>\n      <\/ul>\n      <a class=\"sa-eng__btn sa-eng__btn--primary\" href=\"\/contact\/\">Scope your rollout<\/a>\n    <\/article>\n\n    <article class=\"sa-eng__card\" data-sa-card>\n      <div class=\"sa-eng__ic\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2.5l7.5 3v6c0 4.6-3.2 8.4-7.5 10-4.3-1.6-7.5-5.4-7.5-10v-6z\"\/><path d=\"M9 12l2.2 2.2L15.4 10\"\/><\/svg>\n      <\/div>\n      <h3>Managed Support<\/h3>\n      <p class=\"sa-eng__price\">Monthly <em>rolling retainer<\/em><\/p>\n      <p class=\"sa-eng__desc\">\n        Named consultants on an SLA, plus a continuous-improvement budget so the\n        platform keeps moving after go-live.\n      <\/p>\n      <ul class=\"sa-eng__list\">\n        <li>Tiered SLA response times<\/li>\n        <li>Release wave testing<\/li>\n        <li>Monthly enhancement allowance<\/li>\n        <li>Quarterly optimisation review<\/li>\n        <li>Direct line to your consultant<\/li>\n      <\/ul>\n      <a class=\"sa-eng__btn\" href=\"\/contact\/\">Discuss support<\/a>\n    <\/article>\n\n  <\/div>\n\n  <p class=\"sa-eng__note\">\n    Not sure which fits? Book a free 30-minute call and we will tell you honestly \u2014\n    including if the answer is \"not yet\".\n  <\/p>\n<\/section>\n<\/div>\n<script type=\"text\/javascript\" data-ewb-widget=\"sa_engage\">\n(function() {\n  'use strict';\n  \n  const widgetId = 'ewb-block-4';\n  const widget = document.getElementById(widgetId);\n  \n  if (!widget) {\n    console.warn('EWB Widget element not found:', widgetId);\n    return;\n  }\n  \n  try {\n    (function () {\n  var root = document.getElementById('ewb-block-4');\n  if (!root) return;\n\n  var cards = root.querySelectorAll('[data-sa-card]');\n  if (!cards.length) return;\n\n  if ('IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function (entries) {\n      for (var i = 0; i < entries.length; i++) {\n        if (entries[i].isIntersecting) {\n          (function (el, idx) {\n            setTimeout(function () { el.classList.add('is-in'); }, idx * 110);\n          })(entries[i].target, i);\n          io.unobserve(entries[i].target);\n        }\n      }\n    }, { threshold: 0.2 });\n\n    for (var i = 0; i < cards.length; i++) io.observe(cards[i]);\n  } else {\n    for (var j = 0; j < cards.length; j++) cards[j].classList.add('is-in');\n  }\n\n  var reduced = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : false;\n  if (reduced) return;\n  if (window.innerWidth < 1025) return;\n\n  var grid = root.querySelector('[data-sa-eng]');\n  if (!grid) return;\n\n  for (var k = 0; k < cards.length; k++) {\n    (function (card) {\n      card.addEventListener('mousemove', function (e) {\n        var r = card.getBoundingClientRect();\n        var px = (e.clientX - r.left) \/ r.width - 0.5;\n        var py = (e.clientY - r.top) \/ r.height - 0.5;\n        card.style.transform =\n          'translateY(-8px) rotateX(' + (-py * 7).toFixed(2) + 'deg) rotateY(' + (px * 9).toFixed(2) + 'deg)';\n      });\n      card.addEventListener('mouseleave', function () {\n        card.style.transform = '';\n      });\n    })(cards[k]);\n  }\n})();\n  } catch (error) {\n    console.error('EWB Widget Error [' + widgetId + ']:', error);\n    \n    \/\/ Show error in widget if debug mode enabled\n    if (widget.dataset.debug === 'true') {\n      const errorDiv = document.createElement('div');\n      errorDiv.className = 'ewb-error';\n      errorDiv.style.cssText = 'background: #fee; border: 1px solid #fcc; padding: 10px; margin: 10px; color: #c33; font-family: monospace; font-size: 12px;';\n      errorDiv.textContent = 'JavaScript Error: ' + error.message;\n      widget.appendChild(errorDiv);\n    }\n  }\n})();\n<\/script>\n<\/div>\n\n<div class=\"wpc-gutenberg-block wpc-widget-sa_faq ewb-gutenberg-block ewb-widget-sa_faq alignfull wp-block-wpcursor-ewb-sa-faq\"><style type=\"text\/css\" data-ewb-widget=\"sa_faq\">\n#ewb-block-5 .sa-faq {\n  position: relative;\n  padding: 110px 24px;\n  background: var(--color-background);\n  font-family: var(--font-body);\n  overflow: hidden;\n}\n\n#ewb-block-5 .sa-faq::before {\n  content: \"\";\n  position: absolute;\n  top: 10%;\n  left: -160px;\n  width: 520px;\n  height: 520px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(124, 92, 255, 0.16), transparent 68%);\n  filter: blur(70px);\n  pointer-events: none;\n}\n\n#ewb-block-5 .sa-faq__inner {\n  position: relative;\n  z-index: 2;\n  max-width: 1240px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 0.85fr 1.15fr;\n  gap: 64px;\n  align-items: start;\n}\n\n#ewb-block-5 .sa-eyebrow {\n  display: inline-block;\n  padding: 7px 16px;\n  margin-bottom: 20px;\n  font-size: 0.74rem;\n  font-weight: 700;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--color-accent);\n  background: rgba(34, 211, 238, 0.08);\n  border: 1px solid rgba(34, 211, 238, 0.26);\n  border-radius: var(--radius-full);\n}\n\n#ewb-block-5 .sa-sec-title {\n  font-family: var(--font-heading);\n  font-size: clamp(1.9rem, 3vw, 2.6rem);\n  line-height: 1.16;\n  letter-spacing: -0.03em;\n  font-weight: 700;\n  color: var(--color-text);\n  margin: 0 0 18px;\n}\n\n#ewb-block-5 .sa-sec-title span {\n  background: linear-gradient(96deg, var(--color-primary), var(--color-accent));\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}\n\n#ewb-block-5 .sa-sec-lead {\n  font-size: 1.02rem;\n  line-height: 1.75;\n  color: var(--color-text-muted);\n  margin: 0 0 30px;\n}\n\n#ewb-block-5 .sa-faq__cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  padding: 13px 26px;\n  font-size: 0.93rem;\n  font-weight: 600;\n  color: #fff;\n  text-decoration: none;\n  border-radius: var(--radius-full);\n  background: linear-gradient(96deg, var(--color-primary), var(--color-secondary));\n  box-shadow: 0 14px 32px rgba(59, 130, 246, 0.3);\n  transition: transform 0.28s ease, box-shadow 0.28s ease;\n}\n\n#ewb-block-5 .sa-faq__cta:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 20px 42px rgba(59, 130, 246, 0.42);\n}\n\n#ewb-block-5 .sa-faq__cta svg { width: 17px; height: 17px; }\n\n\/* ---- accordion ---- *\/\n#ewb-block-5 .sa-faq__list { display: grid; gap: 12px; }\n\n#ewb-block-5 .sa-faq__item {\n  border-radius: var(--radius-md);\n  background: linear-gradient(160deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015));\n  border: 1px solid rgba(148, 163, 184, 0.16);\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n  overflow: hidden;\n  transition: border-color 0.3s ease, background 0.3s ease;\n}\n\n#ewb-block-5 .sa-faq__item:hover { border-color: rgba(59, 130, 246, 0.34); }\n\n#ewb-block-5 .sa-faq__item.is-open {\n  border-color: rgba(34, 211, 238, 0.4);\n  background: linear-gradient(160deg, rgba(59, 130, 246, 0.11), rgba(255, 255, 255, 0.015));\n}\n\n#ewb-block-5 .sa-faq__q {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  padding: 22px 24px;\n  text-align: left;\n  font-family: var(--font-heading);\n  font-size: 1rem;\n  font-weight: 600;\n  line-height: 1.45;\n  letter-spacing: -0.015em;\n  color: var(--color-text);\n  background: none;\n  border: 0;\n  cursor: pointer;\n}\n\n#ewb-block-5 .sa-faq__plus {\n  position: relative;\n  flex: 0 0 26px;\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  border: 1px solid rgba(148, 163, 184, 0.34);\n  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.3s ease, background 0.3s ease;\n}\n\n#ewb-block-5 .sa-faq__plus::before,\n#ewb-block-5 .sa-faq__plus::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  background: var(--color-accent);\n  transform: translate(-50%, -50%);\n  transition: opacity 0.3s ease;\n}\n\n#ewb-block-5 .sa-faq__plus::before { width: 11px; height: 1.6px; }\n#ewb-block-5 .sa-faq__plus::after  { width: 1.6px; height: 11px; }\n\n#ewb-block-5 .sa-faq__item.is-open .sa-faq__plus {\n  transform: rotate(135deg);\n  border-color: rgba(34, 211, 238, 0.6);\n  background: rgba(34, 211, 238, 0.12);\n}\n\n#ewb-block-5 .sa-faq__a {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.42s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#ewb-block-5 .sa-faq__a p {\n  margin: 0;\n  padding: 0 24px 24px;\n  font-size: 0.94rem;\n  line-height: 1.78;\n  color: var(--color-text-muted);\n}\n\n@media (max-width: 1024px) {\n  #ewb-block-5 .sa-faq__inner { grid-template-columns: 1fr; gap: 46px; }\n}\n\n@media (max-width: 620px) {\n  #ewb-block-5 .sa-faq { padding: 76px 18px; }\n  #ewb-block-5 .sa-faq__q { padding: 19px 18px; font-size: 0.94rem; }\n  #ewb-block-5 .sa-faq__a p { padding: 0 18px 20px; }\n}\n<\/style>\n<div id=\"ewb-block-5\" class=\"wpc-widget wpc-widget-sa_faq ewb-widget ewb-widget-sa_faq\"><section class=\"sa-faq\">\n  <div class=\"sa-faq__inner\">\n    <div class=\"sa-faq__aside\">\n      <span class=\"sa-eyebrow\">Questions<\/span>\n      <h2 class=\"sa-sec-title\">The things buyers <span>actually ask us<\/span><\/h2>\n      <p class=\"sa-sec-lead\">\n        Straight answers, including the uncomfortable ones. If your question is not\n        here, ask it on a call \u2014 we will not dodge it.\n      <\/p>\n      <a class=\"sa-faq__cta\" href=\"\/contact\/\">\n        Ask us directly\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13\"\/><path d=\"M12.5 6l6 6-6 6\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n    <div class=\"sa-faq__list\" data-sa-faq>\n\n      <div class=\"sa-faq__item is-open\" data-sa-item>\n        <button class=\"sa-faq__q\" type=\"button\" data-sa-q aria-expanded=\"true\">\n          <span>How much does a Dynamics 365 implementation actually cost?<\/span>\n          <i class=\"sa-faq__plus\" aria-hidden=\"true\"><\/i>\n        <\/button>\n        <div class=\"sa-faq__a\" data-sa-a>\n          <p>\n            It depends on scope, entity count and how much of your process is genuinely\n            non-standard \u2014 but we refuse to hide behind that. After a two to three week\n            assessment you get a written cost band with the assumptions listed, so you can\n            take a real number to your board rather than a range with a factor of four in it.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"sa-faq__item\" data-sa-item>\n        <button class=\"sa-faq__q\" type=\"button\" data-sa-q aria-expanded=\"false\">\n          <span>How long before we are live?<\/span>\n          <i class=\"sa-faq__plus\" aria-hidden=\"true\"><\/i>\n        <\/button>\n        <div class=\"sa-faq__a\" data-sa-a>\n          <p>\n            A single-entity Business Central rollout typically runs 12 to 16 weeks. A\n            multi-entity Finance &amp; Operations programme is usually 20 to 32 weeks. We\n            publish the plan in week one and report against it fortnightly, so slippage is\n            visible early instead of announced at the end.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"sa-faq__item\" data-sa-item>\n        <button class=\"sa-faq__q\" type=\"button\" data-sa-q aria-expanded=\"false\">\n          <span>Do we have to replace everything at once?<\/span>\n          <i class=\"sa-faq__plus\" aria-hidden=\"true\"><\/i>\n        <\/button>\n        <div class=\"sa-faq__a\" data-sa-a>\n          <p>\n            No, and usually you should not. We frequently phase by legal entity, by module\n            or by geography \u2014 finance first, then supply chain, then CRM. Phasing costs a\n            little more in total but dramatically reduces the risk of a single catastrophic\n            cutover weekend.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"sa-faq__item\" data-sa-item>\n        <button class=\"sa-faq__q\" type=\"button\" data-sa-q aria-expanded=\"false\">\n          <span>What happens to our historical data?<\/span>\n          <i class=\"sa-faq__plus\" aria-hidden=\"true\"><\/i>\n        <\/button>\n        <div class=\"sa-faq__a\" data-sa-a>\n          <p>\n            Open transactions and master data migrate into Dynamics. Closed historical\n            detail is normally kept in a read-only archive or warehouse and surfaced through\n            Power BI \u2014 migrating ten years of closed ledgers into a live ERP is expensive and\n            almost never worth it.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"sa-faq__item\" data-sa-item>\n        <button class=\"sa-faq__q\" type=\"button\" data-sa-q aria-expanded=\"false\">\n          <span>Will you customise Dynamics to match our process?<\/span>\n          <i class=\"sa-faq__plus\" aria-hidden=\"true\"><\/i>\n        <\/button>\n        <div class=\"sa-faq__a\" data-sa-a>\n          <p>\n            Only where the process is a genuine competitive advantage. Everywhere else we\n            will push you towards standard functionality, because every customisation is a\n            cost you pay again at every release wave. Expect us to challenge \"we have always\n            done it this way\".\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"sa-faq__item\" data-sa-item>\n        <button class=\"sa-faq__q\" type=\"button\" data-sa-q aria-expanded=\"false\">\n          <span>What happens after go-live?<\/span>\n          <i class=\"sa-faq__plus\" aria-hidden=\"true\"><\/i>\n        <\/button>\n        <div class=\"sa-faq__a\" data-sa-a>\n          <p>\n            Thirty days of hypercare are included in every implementation. After that most\n            clients move onto a managed support retainer with named consultants and tiered\n            SLAs \u2014 but you are not obliged to. If you would rather run it in-house, our\n            knowledge transfer is written into the contract precisely so you can.\n          <\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\n<script type=\"text\/javascript\" data-ewb-widget=\"sa_faq\">\n(function() {\n  'use strict';\n  \n  const widgetId = 'ewb-block-5';\n  const widget = document.getElementById(widgetId);\n  \n  if (!widget) {\n    console.warn('EWB Widget element not found:', widgetId);\n    return;\n  }\n  \n  try {\n    (function () {\n  var root = document.getElementById('ewb-block-5');\n  if (!root) return;\n\n  var list = root.querySelector('[data-sa-faq]');\n  if (!list) return;\n\n  var items = list.querySelectorAll('[data-sa-item]');\n\n  var close = function (item) {\n    item.classList.remove('is-open');\n    var a = item.querySelector('[data-sa-a]');\n    var q = item.querySelector('[data-sa-q]');\n    if (a) a.style.maxHeight = '0px';\n    if (q) q.setAttribute('aria-expanded', 'false');\n  };\n\n  var open = function (item) {\n    item.classList.add('is-open');\n    var a = item.querySelector('[data-sa-a]');\n    var q = item.querySelector('[data-sa-q]');\n    if (a) a.style.maxHeight = a.scrollHeight + 'px';\n    if (q) q.setAttribute('aria-expanded', 'true');\n  };\n\n  for (var i = 0; i < items.length; i++) {\n    (function (item) {\n      var btn = item.querySelector('[data-sa-q]');\n      if (!btn) return;\n\n      if (item.classList.contains('is-open')) open(item);\n\n      btn.addEventListener('click', function () {\n        var wasOpen = item.classList.contains('is-open');\n        for (var j = 0; j < items.length; j++) close(items[j]);\n        if (!wasOpen) open(item);\n      });\n    })(items[i]);\n  }\n\n  window.addEventListener('resize', function () {\n    for (var k = 0; k < items.length; k++) {\n      if (items[k].classList.contains('is-open')) {\n        var a = items[k].querySelector('[data-sa-a]');\n        if (a) a.style.maxHeight = a.scrollHeight + 'px';\n      }\n    }\n  });\n})();\n  } catch (error) {\n    console.error('EWB Widget Error [' + widgetId + ']:', error);\n    \n    \/\/ Show error in widget if debug mode enabled\n    if (widget.dataset.debug === 'true') {\n      const errorDiv = document.createElement('div');\n      errorDiv.className = 'ewb-error';\n      errorDiv.style.cssText = 'background: #fee; border: 1px solid #fcc; padding: 10px; margin: 10px; color: #c33; font-family: monospace; font-size: 12px;';\n      errorDiv.textContent = 'JavaScript Error: ' + error.message;\n      widget.appendChild(errorDiv);\n    }\n  }\n})();\n<\/script>\n<\/div>\n\n<div class=\"wpc-gutenberg-block wpc-widget-sa_footer ewb-gutenberg-block ewb-widget-sa_footer alignfull wp-block-wpcursor-ewb-sa-footer\"><style type=\"text\/css\" data-ewb-widget=\"sa_footer\">\n\/* The footer block is pulled up so the CTA card overlaps the section above.\n   The card itself must not be translated out of .sa-footer, which clips it. *\/\n#ewb-block-6 {\n  position: relative;\n  z-index: 2;\n  margin-top: -52px;\n}\n\n#ewb-block-6 .sa-footer {\n  position: relative;\n  overflow: hidden;\n  padding: 52px 0 28px;\n  background:\n    linear-gradient(180deg, rgba(12, 20, 36, 0) 0%, rgba(12, 20, 36, 0.6) 40%, var(--color-background) 100%),\n    var(--color-background);\n  border-top: 1px solid rgba(148, 163, 184, 0.12);\n  font-family: var(--font-body);\n}\n\n#ewb-block-6 .sa-footer__glow {\n  position: absolute;\n  left: 50%;\n  top: -140px;\n  width: 760px; height: 380px;\n  margin-left: -380px;\n  border-radius: 50%;\n  background: rgba(59, 130, 246, 0.16);\n  filter: blur(110px);\n  pointer-events: none;\n}\n\n\/* ---- CTA band ---- *\/\n#ewb-block-6 .sa-footer__cta {\n  position: relative;\n  z-index: 2;\n  max-width: 1240px;\n  margin: 0 auto 52px;\n  padding: 0 24px;\n}\n\n#ewb-block-6 .sa-footer__cta-inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 36px;\n  padding: 40px 46px;\n  border-radius: var(--radius-lg);\n  background: linear-gradient(140deg, rgba(59, 130, 246, 0.20), rgba(124, 92, 255, 0.14) 55%, rgba(34, 211, 238, 0.12));\n  border: 1px solid rgba(148, 163, 184, 0.24);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.5);\n}\n\n#ewb-block-6 .sa-footer__cta-inner h2 {\n  font-family: var(--font-heading);\n  font-size: clamp(1.4rem, 2.4vw, 2rem);\n  line-height: 1.22;\n  letter-spacing: -0.025em;\n  font-weight: 700;\n  color: var(--color-text);\n  margin: 0 0 10px;\n  max-width: 620px;\n}\n\n#ewb-block-6 .sa-footer__cta-inner p {\n  font-size: 0.96rem;\n  line-height: 1.65;\n  color: var(--color-text-muted);\n  margin: 0;\n  max-width: 580px;\n}\n\n#ewb-block-6 .sa-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  padding: 15px 28px;\n  font-size: 0.94rem;\n  font-weight: 600;\n  white-space: nowrap;\n  border-radius: var(--radius-full);\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n\n#ewb-block-6 .sa-btn--primary {\n  color: #fff;\n  background: linear-gradient(120deg, var(--color-primary), var(--color-secondary));\n  box-shadow: 0 10px 32px rgba(59, 130, 246, 0.4);\n}\n\n#ewb-block-6 .sa-btn--primary:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 18px 44px rgba(59, 130, 246, 0.55);\n}\n\n\/* ---- link columns ---- *\/\n#ewb-block-6 .sa-footer__inner {\n  position: relative;\n  z-index: 2;\n  max-width: 1240px;\n  margin: 0 auto;\n  padding: 0 24px 48px;\n  display: grid;\n  grid-template-columns: 1.5fr 1fr 1fr 1fr;\n  gap: 48px;\n}\n\n#ewb-block-6 .sa-fbrand {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 18px;\n}\n\n#ewb-block-6 .sa-fbrand__logo {\n  flex: 0 0 auto;\n  display: block;\n  width: 40px;\n  height: 40px;\n  overflow: hidden;\n  border-radius: 10px;\n  box-shadow: 0 0 22px rgba(59, 130, 246, 0.34);\n}\n\n#ewb-block-6 .sa-fbrand__logo img {\n  display: block;\n  width: 88px;\n  max-width: none;\n  height: auto;\n  margin: -7px 0 0 -24px;\n}\n\n#ewb-block-6 .sa-fbrand__text {\n  display: flex;\n  flex-direction: column;\n  line-height: 1.05;\n  font-family: var(--font-heading);\n}\n\n#ewb-block-6 .sa-fbrand__text strong {\n  font-size: 1.1rem;\n  font-weight: 700;\n  color: var(--color-text);\n}\n\n#ewb-block-6 .sa-fbrand__text em {\n  font-style: normal;\n  font-size: 0.62rem;\n  letter-spacing: 0.28em;\n  text-transform: uppercase;\n  color: var(--color-accent);\n}\n\n#ewb-block-6 .sa-footer__blurb {\n  font-size: 0.92rem;\n  line-height: 1.72;\n  color: var(--color-text-muted);\n  max-width: 380px;\n  margin: 0 0 22px;\n}\n\n#ewb-block-6 .sa-social { display: flex; gap: 10px; }\n\n#ewb-block-6 .sa-social a {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px; height: 40px;\n  border-radius: var(--radius-full);\n  color: var(--color-text-muted);\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid rgba(148, 163, 184, 0.2);\n  transition: color 0.24s ease, border-color 0.24s ease, transform 0.24s ease, background 0.24s ease;\n}\n\n#ewb-block-6 .sa-social a:hover {\n  color: var(--color-accent);\n  border-color: var(--color-accent);\n  background: rgba(34, 211, 238, 0.1);\n  transform: translateY(-3px);\n}\n\n#ewb-block-6 .sa-footer__col { display: flex; flex-direction: column; gap: 12px; }\n\n#ewb-block-6 .sa-footer__col h4 {\n  font-family: var(--font-heading);\n  font-size: 0.8rem;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--color-text);\n  margin: 0 0 6px;\n}\n\n#ewb-block-6 .sa-footer__col a {\n  font-size: 0.92rem;\n  color: var(--color-text-muted);\n  transition: color 0.22s ease, transform 0.22s ease;\n  width: fit-content;\n}\n\n#ewb-block-6 .sa-footer__col a:hover {\n  color: var(--color-accent);\n  transform: translateX(4px);\n}\n\n#ewb-block-6 .sa-footer__addr {\n  font-size: 0.86rem;\n  line-height: 1.7;\n  color: var(--color-text-muted);\n  opacity: 0.82;\n}\n\n\/* ---- bottom bar ---- *\/\n#ewb-block-6 .sa-footer__bottom {\n  position: relative;\n  z-index: 2;\n  max-width: 1240px;\n  margin: 0 auto;\n  padding: 22px 24px 0;\n  border-top: 1px solid rgba(148, 163, 184, 0.12);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 14px;\n  font-size: 0.84rem;\n  color: var(--color-text-muted);\n}\n\n#ewb-block-6 .sa-footer__legal { display: flex; gap: 22px; }\n#ewb-block-6 .sa-footer__legal a { color: var(--color-text-muted); transition: color 0.22s ease; }\n#ewb-block-6 .sa-footer__legal a:hover { color: var(--color-accent); }\n\n@media (max-width: 980px) {\n  #ewb-block-6 .sa-footer__inner { grid-template-columns: 1fr 1fr; gap: 38px; }\n  #ewb-block-6 .sa-footer__cta-inner { flex-direction: column; align-items: flex-start; padding: 32px 28px; }\n}\n\n@media (max-width: 600px) {\n  #ewb-block-6 .sa-footer__inner { grid-template-columns: 1fr; }\n  #ewb-block-6 .sa-footer__bottom { flex-direction: column; align-items: flex-start; }\n  #ewb-block-6 .sa-footer__cta { padding: 0 18px; }\n}\n<\/style>\n<div id=\"ewb-block-6\" class=\"wpc-widget wpc-widget-sa_footer ewb-widget ewb-widget-sa_footer\"><footer class=\"sa-footer\">\n  <div class=\"sa-footer__glow\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"sa-footer__cta\">\n    <div class=\"sa-footer__cta-inner\">\n      <div>\n        <h2>Ready to make Dynamics 365 actually work for your business?<\/h2>\n        <p>Book a free 30-minute discovery call. We'll map your processes, flag the risks, and give you a realistic scope \u2014 no obligation.<\/p>\n      <\/div>\n      <a href=\"\/contact\/\" class=\"sa-btn sa-btn--primary\">\n        <span>Book a Free Consultation<\/span>\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"sa-footer__inner\">\n    <div class=\"sa-footer__brand\">\n      <a class=\"sa-fbrand\" href=\"\/\">\n        <span class=\"sa-fbrand__logo\">\n          <img src=\"https:\/\/syncaura.online\/wp-content\/uploads\/2026\/08\/image-1.png\" alt=\"Syncaura Solutions logo\" width=\"366\" height=\"293\" loading=\"lazy\" decoding=\"async\">\n        <\/span>\n        <span class=\"sa-fbrand__text\"><strong>Syncaura<\/strong><em>Solution<\/em><\/span>\n      <\/a>\n      <p class=\"sa-footer__blurb\">\n        Microsoft Dynamics 365 ERP &amp; CRM implementation, migration, integration\n        and managed support \u2014 delivered by certified consultants.\n      <\/p>\n      <div class=\"sa-social\">\n        <a href=\"#\" aria-label=\"LinkedIn\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M4.98 3.5A2.5 2.5 0 1 0 5 8.5a2.5 2.5 0 0 0-.02-5zM3 9h4v12H3zM9 9h3.8v1.7h.05c.53-.95 1.83-1.95 3.77-1.95C20.6 8.75 21 11 21 14v7h-4v-6.2c0-1.5-.03-3.4-2.1-3.4-2.1 0-2.4 1.6-2.4 3.3V21H9z\"\/><\/svg><\/a>\n        <a href=\"#\" aria-label=\"X\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.9 2H22l-6.8 7.8L23 22h-6.3l-4.9-6.5L6.1 22H3l7.3-8.3L2 2h6.4l4.4 5.9zm-1.1 18h1.7L7.3 3.8H5.5z\"\/><\/svg><\/a>\n        <a href=\"mailto:hello@syncaura.online\" aria-label=\"Email\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2.5\" y=\"4.5\" width=\"19\" height=\"15\" rx=\"2.5\"\/><path d=\"M3 7l9 6 9-6\"\/><\/svg><\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"sa-footer__col\">\n      <h4>Services<\/h4>\n      <a href=\"\/services\/\">D365 Implementation<\/a>\n      <a href=\"\/services\/\">ERP Migration<\/a>\n      <a href=\"\/services\/\">CRM &amp; Sales Automation<\/a>\n      <a href=\"\/services\/\">Integration &amp; Power Platform<\/a>\n      <a href=\"\/services\/\">Managed Support<\/a>\n    <\/div>\n\n    <div class=\"sa-footer__col\">\n      <h4>Company<\/h4>\n      <a href=\"\/about\/\">About Syncaura<\/a>\n      <a href=\"\/industries\/\">Industries<\/a>\n      <a href=\"\/contact\/\">Contact<\/a>\n      <a href=\"\/contact\/\">Book a Consultation<\/a>\n    <\/div>\n\n    <div class=\"sa-footer__col\">\n      <h4>Get in touch<\/h4>\n      <a href=\"mailto:hello@syncaura.online\">hello@syncaura.online<\/a>\n      <a href=\"tel:+10000000000\">+1 (000) 000-0000<\/a>\n      <span class=\"sa-footer__addr\">Mon \u2013 Fri, 9:00 \u2013 18:00<br>Remote-first \u00b7 Global delivery<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"sa-footer__bottom\">\n    <span>\u00a9 <span data-sa-year>2026<\/span> Syncaura Solution. All rights reserved.<\/span>\n    <span class=\"sa-footer__legal\">\n      <a href=\"#\">Privacy Policy<\/a>\n      <a href=\"#\">Terms of Service<\/a>\n    <\/span>\n  <\/div>\n<\/footer>\n<\/div>\n<script type=\"text\/javascript\" data-ewb-widget=\"sa_footer\">\n(function() {\n  'use strict';\n  \n  const widgetId = 'ewb-block-6';\n  const widget = document.getElementById(widgetId);\n  \n  if (!widget) {\n    console.warn('EWB Widget element not found:', widgetId);\n    return;\n  }\n  \n  try {\n    (function () {\n  var root = document.getElementById('ewb-block-6');\n  if (!root) return;\n  var year = root.querySelector('[data-sa-year]');\n  if (year) year.textContent = new Date().getFullYear();\n})();\n  } catch (error) {\n    console.error('EWB Widget Error [' + widgetId + ']:', error);\n    \n    \/\/ Show error in widget if debug mode enabled\n    if (widget.dataset.debug === 'true') {\n      const errorDiv = document.createElement('div');\n      errorDiv.className = 'ewb-error';\n      errorDiv.style.cssText = 'background: #fee; border: 1px solid #fcc; padding: 10px; margin: 10px; color: #c33; font-family: monospace; font-size: 12px;';\n      errorDiv.textContent = 'JavaScript Error: ' + error.message;\n      widget.appendChild(errorDiv);\n    }\n  }\n})();\n<\/script>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wpcursor-fullwidth","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/syncaura.online\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/syncaura.online\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/syncaura.online\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/syncaura.online\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":7,"href":"https:\/\/syncaura.online\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/syncaura.online\/wp-json\/wp\/v2\/pages\/8\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/syncaura.online\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}