{"id":9,"date":"2026-08-10T14:32:25","date_gmt":"2026-08-10T14:32:25","guid":{"rendered":"https:\/\/syncaura.online\/?page_id=9"},"modified":"2026-08-10T14:58:10","modified_gmt":"2026-08-10T14:58:10","slug":"industries","status":"publish","type":"page","link":"https:\/\/syncaura.online\/industries\/","title":{"rendered":"Industries"},"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__cube {\n  position: relative;\n  width: 30px;\n  height: 30px;\n  transform-style: preserve-3d;\n  animation: sa-cube-spin 9s linear infinite;\n  flex: 0 0 auto;\n}\n\n#ewb-block-1 .sa-brand__face {\n  position: absolute;\n  inset: 0;\n  border: 1px solid var(--color-primary);\n  background: rgba(59, 130, 246, 0.14);\n  box-shadow: 0 0 14px rgba(59, 130, 246, 0.35) inset;\n}\n\n#ewb-block-1 .sa-brand__face--front  { transform: translateZ(15px); }\n#ewb-block-1 .sa-brand__face--back   { transform: rotateY(180deg) translateZ(15px); }\n#ewb-block-1 .sa-brand__face--right  { transform: rotateY(90deg) translateZ(15px); border-color: var(--color-accent); }\n#ewb-block-1 .sa-brand__face--left   { transform: rotateY(-90deg) translateZ(15px); border-color: var(--color-accent); }\n#ewb-block-1 .sa-brand__face--top    { transform: rotateX(90deg) translateZ(15px); border-color: var(--color-secondary); }\n#ewb-block-1 .sa-brand__face--bottom { transform: rotateX(-90deg) translateZ(15px); border-color: var(--color-secondary); }\n\n@keyframes sa-cube-spin {\n  from { transform: rotateX(-18deg) rotateY(0deg); }\n  to   { transform: rotateX(-18deg) rotateY(360deg); }\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__cube\" aria-hidden=\"true\">\n        <span class=\"sa-brand__face sa-brand__face--front\"><\/span>\n        <span class=\"sa-brand__face sa-brand__face--back\"><\/span>\n        <span class=\"sa-brand__face sa-brand__face--right\"><\/span>\n        <span class=\"sa-brand__face sa-brand__face--left\"><\/span>\n        <span class=\"sa-brand__face sa-brand__face--top\"><\/span>\n        <span class=\"sa-brand__face sa-brand__face--bottom\"><\/span>\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\">Industries<\/span>\n    <h1 class=\"sa-phero__title\">\n      Built for the way\n      <span>your sector operates<\/span>\n    <\/h1>\n    <p class=\"sa-phero__lead\">We do not arrive with a generic template. Syncaura consultants have run finance, supply chain and sales operations inside these industries \u2014 so the Dynamics 365 build reflects how your business actually works, not how a demo says it should.<\/p>\n\n        <div class=\"sa-phero__chips\">\n              <span class=\"sa-phero__chip\">Manufacturing<\/span>              <span class=\"sa-phero__chip\">Retail &amp; eCommerce<\/span>              <span class=\"sa-phero__chip\">Professional Services<\/span>              <span class=\"sa-phero__chip\">Distribution<\/span>              <span class=\"sa-phero__chip\">Financial Services<\/span>              <span class=\"sa-phero__chip\">Healthcare<\/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_industries ewb-gutenberg-block ewb-widget-sa_industries alignfull wp-block-wpcursor-ewb-sa-industries\"><style type=\"text\/css\" data-ewb-widget=\"sa_industries\">\n#ewb-block-3 .sa-ind {\n  position: relative;\n  padding: 120px 24px 128px;\n  background: var(--color-background);\n  overflow: hidden;\n  isolation: isolate;\n}\n\n#ewb-block-3 .sa-ind__bg {\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  background:\n    radial-gradient(760px circle at 12% 8%, rgba(59, 130, 246, 0.14), transparent 60%),\n    radial-gradient(680px circle at 88% 92%, rgba(124, 92, 255, 0.13), transparent 62%);\n  pointer-events: none;\n}\n\n#ewb-block-3 .sa-ind__inner {\n  max-width: 1240px;\n  margin: 0 auto;\n}\n\n#ewb-block-3 .sa-sec-head {\n  max-width: 760px;\n  margin: 0 auto 64px;\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  border: 1px solid rgba(34, 211, 238, 0.32);\n  border-radius: var(--radius-full);\n  background: rgba(34, 211, 238, 0.08);\n  color: var(--color-accent);\n  font-family: var(--font-heading);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n}\n\n#ewb-block-3 .sa-sec-title {\n  margin: 0 0 20px;\n  color: var(--color-text);\n  font-family: var(--font-heading);\n  font-size: clamp(30px, 3.6vw, 46px);\n  font-weight: 700;\n  line-height: 1.14;\n  letter-spacing: -0.02em;\n}\n\n#ewb-block-3 .sa-sec-title span {\n  background: linear-gradient(100deg, var(--color-primary), var(--color-accent));\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n#ewb-block-3 .sa-sec-lead {\n  margin: 0;\n  color: var(--color-text-muted);\n  font-family: var(--font-body);\n  font-size: 17px;\n  line-height: 1.72;\n}\n\n\/* ---------- grid ---------- *\/\n\n#ewb-block-3 .sa-ind__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  perspective: 1400px;\n}\n\n#ewb-block-3 .sa-ind__card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding: 30px 28px 28px;\n  border: 1px solid rgba(148, 163, 184, 0.16);\n  border-radius: var(--radius-lg);\n  background:\n    linear-gradient(165deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.012)),\n    var(--color-surface);\n  box-shadow: 0 24px 60px -32px rgba(0, 0, 0, 0.85);\n  overflow: hidden;\n  opacity: 0;\n  transform: translateY(28px);\n  transform-style: preserve-3d;\n  transition:\n    opacity 0.66s cubic-bezier(0.22, 1, 0.36, 1),\n    transform 0.42s cubic-bezier(0.22, 1, 0.36, 1),\n    border-color 0.34s ease,\n    box-shadow 0.42s ease;\n  will-change: transform;\n}\n\n#ewb-block-3 .sa-ind__card.is-in {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n#ewb-block-3 .sa-ind__card:hover {\n  border-color: rgba(59, 130, 246, 0.44);\n  box-shadow:\n    0 40px 90px -36px rgba(0, 0, 0, 0.92),\n    0 0 0 1px rgba(59, 130, 246, 0.16);\n}\n\n#ewb-block-3 .sa-ind__sheen {\n  position: absolute;\n  inset: -40%;\n  background: radial-gradient(\n    260px circle at var(--mx, 50%) var(--my, 0%),\n    rgba(59, 130, 246, 0.22),\n    transparent 62%\n  );\n  opacity: 0;\n  transition: opacity 0.4s ease;\n  pointer-events: none;\n}\n\n#ewb-block-3 .sa-ind__card:hover .sa-ind__sheen { opacity: 1; }\n\n#ewb-block-3 .sa-ind__top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  margin-bottom: 20px;\n  transform: translateZ(26px);\n}\n\n#ewb-block-3 .sa-ind__ic {\n  display: grid;\n  place-items: center;\n  width: 52px;\n  height: 52px;\n  border: 1px solid rgba(59, 130, 246, 0.3);\n  border-radius: 15px;\n  background: linear-gradient(150deg, rgba(59, 130, 246, 0.2), rgba(124, 92, 255, 0.1));\n  color: var(--color-accent);\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);\n}\n\n#ewb-block-3 .sa-ind__ic svg { width: 26px; height: 26px; }\n\n#ewb-block-3 .sa-ind__metric {\n  font-family: var(--font-heading);\n  font-size: 30px;\n  font-weight: 700;\n  line-height: 1;\n  letter-spacing: -0.02em;\n  background: linear-gradient(100deg, var(--color-primary), var(--color-accent));\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n#ewb-block-3 .sa-ind__card h3 {\n  margin: 0 0 6px;\n  color: var(--color-text);\n  font-family: var(--font-heading);\n  font-size: 21px;\n  font-weight: 700;\n  letter-spacing: -0.01em;\n  transform: translateZ(20px);\n}\n\n#ewb-block-3 .sa-ind__metric-label {\n  margin: 0 0 16px;\n  color: var(--color-accent);\n  font-family: var(--font-body);\n  font-size: 12.5px;\n  font-weight: 600;\n  letter-spacing: 0.03em;\n  opacity: 0.85;\n}\n\n#ewb-block-3 .sa-ind__desc {\n  margin: 0 0 20px;\n  color: var(--color-text-muted);\n  font-family: var(--font-body);\n  font-size: 14.5px;\n  line-height: 1.72;\n}\n\n#ewb-block-3 .sa-ind__pain {\n  margin: 0 0 22px;\n  padding: 0;\n  list-style: none;\n  border-top: 1px solid rgba(148, 163, 184, 0.13);\n  padding-top: 18px;\n}\n\n#ewb-block-3 .sa-ind__pain li {\n  position: relative;\n  padding-left: 20px;\n  margin-bottom: 9px;\n  color: var(--color-text);\n  font-family: var(--font-body);\n  font-size: 13.5px;\n  line-height: 1.6;\n  opacity: 0.86;\n}\n\n#ewb-block-3 .sa-ind__pain li:last-child { margin-bottom: 0; }\n\n#ewb-block-3 .sa-ind__pain li::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 8px;\n  width: 7px;\n  height: 7px;\n  border-radius: 2px;\n  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));\n  transform: rotate(45deg);\n}\n\n#ewb-block-3 .sa-ind__tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-top: auto;\n}\n\n#ewb-block-3 .sa-ind__tags span {\n  padding: 5px 11px;\n  border: 1px solid rgba(148, 163, 184, 0.2);\n  border-radius: var(--radius-full);\n  background: rgba(148, 163, 184, 0.06);\n  color: var(--color-text-muted);\n  font-family: var(--font-body);\n  font-size: 11.5px;\n  font-weight: 500;\n  letter-spacing: 0.02em;\n}\n\n\/* ---------- note ---------- *\/\n\n#ewb-block-3 .sa-ind__note {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  max-width: 860px;\n  margin: 56px auto 0;\n  padding: 20px 28px;\n  border: 1px solid rgba(148, 163, 184, 0.16);\n  border-radius: var(--radius-lg);\n  background: rgba(148, 163, 184, 0.045);\n  color: var(--color-text-muted);\n  font-family: var(--font-body);\n  font-size: 14.5px;\n  line-height: 1.65;\n  text-align: center;\n}\n\n#ewb-block-3 .sa-ind__note-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--color-accent);\n  box-shadow: 0 0 0 0 rgba(34, 211, 238, 0.6);\n  animation: sa-ind-pulse 2.4s ease-out infinite;\n}\n\n@keyframes sa-ind-pulse {\n  0%   { box-shadow: 0 0 0 0 rgba(34, 211, 238, 0.55); }\n  70%  { box-shadow: 0 0 0 11px rgba(34, 211, 238, 0); }\n  100% { box-shadow: 0 0 0 0 rgba(34, 211, 238, 0); }\n}\n\n#ewb-block-3 .sa-ind__note a {\n  color: var(--color-accent);\n  font-weight: 600;\n  text-decoration: none;\n  border-bottom: 1px solid rgba(34, 211, 238, 0.4);\n  transition: color 0.24s ease, border-color 0.24s ease;\n}\n\n#ewb-block-3 .sa-ind__note a:hover {\n  color: var(--color-text);\n  border-color: var(--color-text);\n}\n\n\/* ---------- responsive ---------- *\/\n\n@media (max-width: 1080px) {\n  #ewb-block-3 .sa-ind__grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 720px) {\n  #ewb-block-3 .sa-ind { padding: 88px 20px 92px; }\n  #ewb-block-3 .sa-ind__grid { grid-template-columns: 1fr; }\n  #ewb-block-3 .sa-ind__card { padding: 26px 22px 24px; }\n  #ewb-block-3 .sa-sec-head { margin-bottom: 44px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #ewb-block-3 .sa-ind__card {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n  #ewb-block-3 .sa-ind__note-dot { animation: none; }\n}\n<\/style>\n<div id=\"ewb-block-3\" class=\"wpc-widget wpc-widget-sa_industries ewb-widget ewb-widget-sa_industries\"><section class=\"sa-ind\">\n  <div class=\"sa-ind__bg\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"sa-ind__inner\">\n    <div class=\"sa-sec-head\">\n      <span class=\"sa-eyebrow\">Industries<\/span>\n      <h2 class=\"sa-sec-title\">Dynamics 365 shaped around <span>how your sector runs<\/span><\/h2>\n      <p class=\"sa-sec-lead\">\n        A distributor and a professional services firm need very different things from\n        the same platform. These are the sectors where we already know the process,\n        the reporting and the traps.\n      <\/p>\n    <\/div>\n\n    <div class=\"sa-ind__grid\" data-sa-ind>\n\n      <article class=\"sa-ind__card\" data-sa-card>\n        <div class=\"sa-ind__sheen\" aria-hidden=\"true\"><\/div>\n        <div class=\"sa-ind__top\">\n          <div class=\"sa-ind__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 20V10l5.5 3.5V10L14 13.5V6l7 4v10z\"\/><path d=\"M7 20v-3M12 20v-3M17 20v-3\"\/><\/svg>\n          <\/div>\n          <span class=\"sa-ind__metric\"><b data-sa-count=\"34\">0<\/b>%<\/span>\n        <\/div>\n        <h3>Manufacturing<\/h3>\n        <p class=\"sa-ind__metric-label\">average reduction in unplanned downtime<\/p>\n        <p class=\"sa-ind__desc\">\n          Production scheduling, BOM accuracy and shop-floor costing in one place, so\n          finance and operations stop arguing about which number is real.\n        <\/p>\n        <ul class=\"sa-ind__pain\">\n          <li>Costing that reconciles to the ledger<\/li>\n          <li>MRP and capacity planning<\/li>\n          <li>Quality and traceability records<\/li>\n        <\/ul>\n        <div class=\"sa-ind__tags\">\n          <span>D365 Supply Chain<\/span><span>Finance<\/span><span>Power BI<\/span>\n        <\/div>\n      <\/article>\n\n      <article class=\"sa-ind__card\" data-sa-card>\n        <div class=\"sa-ind__sheen\" aria-hidden=\"true\"><\/div>\n        <div class=\"sa-ind__top\">\n          <div class=\"sa-ind__ic\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 8h16l-1.2 11.2a1.6 1.6 0 0 1-1.6 1.4H6.8a1.6 1.6 0 0 1-1.6-1.4z\"\/><path d=\"M8.5 8V6.2a3.5 3.5 0 0 1 7 0V8\"\/><\/svg>\n          <\/div>\n          <span class=\"sa-ind__metric\"><b data-sa-count=\"2\">0<\/b>h<\/span>\n        <\/div>\n        <h3>Retail &amp; eCommerce<\/h3>\n        <p class=\"sa-ind__metric-label\">order-to-warehouse sync, down from overnight<\/p>\n        <p class=\"sa-ind__desc\">\n          Storefront, stock and finance connected in near real time, so you stop\n          overselling inventory you no longer have.\n        <\/p>\n        <ul class=\"sa-ind__pain\">\n          <li>Shopify \/ Magento integration<\/li>\n          <li>Unified stock across channels<\/li>\n          <li>Returns and refund automation<\/li>\n        <\/ul>\n        <div class=\"sa-ind__tags\">\n          <span>D365 Commerce<\/span><span>Supply Chain<\/span><span>Power Automate<\/span>\n        <\/div>\n      <\/article>\n\n      <article class=\"sa-ind__card\" data-sa-card>\n        <div class=\"sa-ind__sheen\" aria-hidden=\"true\"><\/div>\n        <div class=\"sa-ind__top\">\n          <div class=\"sa-ind__ic\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"7.5\" width=\"18\" height=\"12.5\" rx=\"2\"\/><path d=\"M8.5 7.5V5.6a1.6 1.6 0 0 1 1.6-1.6h3.8a1.6 1.6 0 0 1 1.6 1.6v1.9\"\/><path d=\"M3 12.5h18\"\/><\/svg>\n          <\/div>\n          <span class=\"sa-ind__metric\"><b data-sa-count=\"18\">0<\/b>%<\/span>\n        <\/div>\n        <h3>Professional Services<\/h3>\n        <p class=\"sa-ind__metric-label\">uplift in billable utilisation after rollout<\/p>\n        <p class=\"sa-ind__desc\">\n          Projects, timesheets, revenue recognition and pipeline in a single system \u2014\n          so utilisation is a live number, not a month-end reconstruction.\n        <\/p>\n        <ul class=\"sa-ind__pain\">\n          <li>Project accounting &amp; WIP<\/li>\n          <li>Resource scheduling<\/li>\n          <li>Time, expense and rebilling<\/li>\n        <\/ul>\n        <div class=\"sa-ind__tags\">\n          <span>D365 Project Ops<\/span><span>Sales<\/span><span>Finance<\/span>\n        <\/div>\n      <\/article>\n\n      <article class=\"sa-ind__card\" data-sa-card>\n        <div class=\"sa-ind__sheen\" aria-hidden=\"true\"><\/div>\n        <div class=\"sa-ind__top\">\n          <div class=\"sa-ind__ic\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2.5 16.5V7.5h10v9z\"\/><path d=\"M12.5 10.5h4l3 3.2v2.8h-7z\"\/><circle cx=\"6.5\" cy=\"18.2\" r=\"1.8\"\/><circle cx=\"16.5\" cy=\"18.2\" r=\"1.8\"\/><\/svg>\n          <\/div>\n          <span class=\"sa-ind__metric\"><b data-sa-count=\"99\">0<\/b>%<\/span>\n        <\/div>\n        <h3>Distribution &amp; Logistics<\/h3>\n        <p class=\"sa-ind__metric-label\">pick accuracy with barcode-driven warehousing<\/p>\n        <p class=\"sa-ind__desc\">\n          Warehouse, transport and margin visibility across every branch, with landed\n          cost calculated where the decision actually gets made.\n        <\/p>\n        <ul class=\"sa-ind__pain\">\n          <li>Multi-warehouse replenishment<\/li>\n          <li>Landed cost and margin by SKU<\/li>\n          <li>Mobile scanning workflows<\/li>\n        <\/ul>\n        <div class=\"sa-ind__tags\">\n          <span>Supply Chain<\/span><span>Warehouse Mgmt<\/span><span>Power Apps<\/span>\n        <\/div>\n      <\/article>\n\n      <article class=\"sa-ind__card\" data-sa-card>\n        <div class=\"sa-ind__sheen\" aria-hidden=\"true\"><\/div>\n        <div class=\"sa-ind__top\">\n          <div class=\"sa-ind__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 20h18\"\/><path d=\"M4.5 20V9.5h15V20\"\/><path d=\"M12 3L20.5 8h-17z\"\/><path d=\"M9 20v-6h6v6\"\/><\/svg>\n          <\/div>\n          <span class=\"sa-ind__metric\"><b data-sa-count=\"5\">0<\/b>d<\/span>\n        <\/div>\n        <h3>Financial Services<\/h3>\n        <p class=\"sa-ind__metric-label\">typical month-end close, from fifteen<\/p>\n        <p class=\"sa-ind__desc\">\n          Multi-entity consolidation, audit trails and regulator-ready reporting built\n          in from day one rather than bolted on before an inspection.\n        <\/p>\n        <ul class=\"sa-ind__pain\">\n          <li>Multi-entity consolidation<\/li>\n          <li>Segregation of duties &amp; audit trail<\/li>\n          <li>Regulatory and statutory reporting<\/li>\n        <\/ul>\n        <div class=\"sa-ind__tags\">\n          <span>D365 Finance<\/span><span>Dataverse<\/span><span>Power BI<\/span>\n        <\/div>\n      <\/article>\n\n      <article class=\"sa-ind__card\" data-sa-card>\n        <div class=\"sa-ind__sheen\" aria-hidden=\"true\"><\/div>\n        <div class=\"sa-ind__top\">\n          <div class=\"sa-ind__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 21s-7.5-4.4-7.5-10a4.3 4.3 0 0 1 7.5-2.8A4.3 4.3 0 0 1 19.5 11c0 5.6-7.5 10-7.5 10z\"\/><path d=\"M9.4 12.6h1.7l.9-2.2 1.2 3.4.8-1.2h1.6\"\/><\/svg>\n          <\/div>\n          <span class=\"sa-ind__metric\"><b data-sa-count=\"100\">0<\/b>%<\/span>\n        <\/div>\n        <h3>Healthcare &amp; Life Sciences<\/h3>\n        <p class=\"sa-ind__metric-label\">batch traceability across the supply chain<\/p>\n        <p class=\"sa-ind__desc\">\n          Compliant procurement, batch and expiry tracking, and validated change control\n          for organisations that get audited on the detail.\n        <\/p>\n        <ul class=\"sa-ind__pain\">\n          <li>Batch, lot and expiry control<\/li>\n          <li>Validated change management<\/li>\n          <li>Supplier compliance records<\/li>\n        <\/ul>\n        <div class=\"sa-ind__tags\">\n          <span>Supply Chain<\/span><span>Customer Service<\/span><span>Azure<\/span>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"sa-ind__note\">\n      <span class=\"sa-ind__note-dot\" aria-hidden=\"true\"><\/span>\n      Sector not listed? The underlying platform is the same \u2014 book a call and we will\n      tell you honestly whether we are the right fit for your process.\n      <a href=\"\/contact\/\">Talk to us<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\n<script type=\"text\/javascript\" data-ewb-widget=\"sa_industries\">\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 grid = root.querySelector('[data-sa-ind]');\n  if (!grid) return;\n\n  var cards = grid.querySelectorAll('[data-sa-card]');\n  if (!cards.length) return;\n\n  var reduced = false;\n  if (window.matchMedia) {\n    reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  }\n\n  var countUp = function (el) {\n    var target = parseFloat(el.getAttribute('data-sa-count'));\n    if (isNaN(target)) return;\n    if (reduced) {\n      el.textContent = String(target);\n      return;\n    }\n    var dur = 1150;\n    var start = 0;\n    var step = function (now) {\n      if (!start) start = now;\n      var p = (now - start) \/ dur;\n      if (p > 1) p = 1;\n      var eased = 1 - Math.pow(1 - p, 3);\n      el.textContent = String(Math.round(target * eased));\n      if (p < 1) window.requestAnimationFrame(step);\n    };\n    window.requestAnimationFrame(step);\n  };\n\n  var activate = function (card, idx) {\n    setTimeout(function () {\n      card.classList.add('is-in');\n      var nums = card.querySelectorAll('[data-sa-count]');\n      for (var n = 0; n < nums.length; n++) { countUp(nums[n]); }\n    }, idx * 90);\n  };\n\n  if (window.IntersectionObserver) {\n    var io = new IntersectionObserver(function (entries) {\n      for (var i = 0; i < entries.length; i++) {\n        if (entries[i].isIntersecting) {\n          var card = entries[i].target;\n          var idx = parseInt(card.getAttribute('data-idx'), 10) || 0;\n          activate(card, idx);\n          io.unobserve(card);\n        }\n      }\n    }, { threshold: 0.16, rootMargin: '0px 0px -40px 0px' });\n\n    for (var c = 0; c < cards.length; c++) {\n      cards[c].setAttribute('data-idx', String(c % 3));\n      io.observe(cards[c]);\n    }\n  } else {\n    for (var f = 0; f < cards.length; f++) { activate(cards[f], 0); }\n  }\n\n  if (reduced) return;\n  if (window.innerWidth < 1081) return;\n\n  var bind = function (card) {\n    var sheen = card.querySelector('.sa-ind__sheen');\n\n    card.addEventListener('mousemove', function (e) {\n      var r = card.getBoundingClientRect();\n      var px = (e.clientX - r.left) \/ r.width;\n      var py = (e.clientY - r.top) \/ r.height;\n\n      card.style.transform =\n        'translateY(-6px) rotateX(' + ((0.5 - py) * 8).toFixed(2) +\n        'deg) rotateY(' + ((px - 0.5) * 10).toFixed(2) + 'deg)';\n\n      if (sheen) {\n        sheen.style.setProperty('--mx', (px * 100).toFixed(1) + '%');\n        sheen.style.setProperty('--my', (py * 100).toFixed(1) + '%');\n      }\n    });\n\n    card.addEventListener('mouseleave', function () {\n      card.style.transform = '';\n    });\n  };\n\n  for (var b = 0; b < cards.length; b++) { bind(cards[b]); }\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_results ewb-gutenberg-block ewb-widget-sa_results alignfull wp-block-wpcursor-ewb-sa-results\"><style type=\"text\/css\" data-ewb-widget=\"sa_results\">\n#ewb-block-4 .sa-res {\n  position: relative;\n  padding: 116px 24px 124px;\n  background:\n    radial-gradient(900px circle at 50% -8%, rgba(124, 92, 255, 0.13), transparent 62%),\n    var(--color-surface);\n  overflow: hidden;\n}\n\n#ewb-block-4 .sa-res__inner {\n  max-width: 1240px;\n  margin: 0 auto;\n}\n\n#ewb-block-4 .sa-sec-head {\n  max-width: 760px;\n  margin: 0 auto 60px;\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  border: 1px solid rgba(34, 211, 238, 0.32);\n  border-radius: var(--radius-full);\n  background: rgba(34, 211, 238, 0.08);\n  color: var(--color-accent);\n  font-family: var(--font-heading);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n}\n\n#ewb-block-4 .sa-sec-title {\n  margin: 0 0 20px;\n  color: var(--color-text);\n  font-family: var(--font-heading);\n  font-size: clamp(30px, 3.6vw, 46px);\n  font-weight: 700;\n  line-height: 1.14;\n  letter-spacing: -0.02em;\n}\n\n#ewb-block-4 .sa-sec-title span {\n  background: linear-gradient(100deg, var(--color-primary), var(--color-accent));\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n#ewb-block-4 .sa-sec-lead {\n  margin: 0;\n  color: var(--color-text-muted);\n  font-family: var(--font-body);\n  font-size: 17px;\n  line-height: 1.72;\n}\n\n#ewb-block-4 .sa-res__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n}\n\n#ewb-block-4 .sa-res__card {\n  display: flex;\n  flex-direction: column;\n  padding: 28px 26px 24px;\n  border: 1px solid rgba(148, 163, 184, 0.16);\n  border-radius: var(--radius-lg);\n  background:\n    linear-gradient(170deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.012)),\n    var(--color-background);\n  box-shadow: 0 26px 64px -34px rgba(0, 0, 0, 0.9);\n  opacity: 0;\n  transform: translateY(26px);\n  transition:\n    opacity 0.66s cubic-bezier(0.22, 1, 0.36, 1),\n    transform 0.66s cubic-bezier(0.22, 1, 0.36, 1),\n    border-color 0.34s ease;\n}\n\n#ewb-block-4 .sa-res__card.is-in {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n#ewb-block-4 .sa-res__card:hover { border-color: rgba(59, 130, 246, 0.4); }\n\n#ewb-block-4 .sa-res__head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: 18px;\n}\n\n#ewb-block-4 .sa-res__sector {\n  padding: 5px 12px;\n  border: 1px solid rgba(59, 130, 246, 0.32);\n  border-radius: var(--radius-full);\n  background: rgba(59, 130, 246, 0.1);\n  color: var(--color-primary);\n  font-family: var(--font-heading);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}\n\n#ewb-block-4 .sa-res__scale {\n  color: var(--color-text-muted);\n  font-family: var(--font-body);\n  font-size: 12px;\n  opacity: 0.8;\n}\n\n#ewb-block-4 .sa-res__card h3 {\n  margin: 0 0 12px;\n  color: var(--color-text);\n  font-family: var(--font-heading);\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 1.32;\n  letter-spacing: -0.01em;\n}\n\n#ewb-block-4 .sa-res__ctx {\n  margin: 0 0 24px;\n  color: var(--color-text-muted);\n  font-family: var(--font-body);\n  font-size: 14px;\n  line-height: 1.72;\n}\n\n#ewb-block-4 .sa-res__bars {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 20px 0 22px;\n  border-top: 1px solid rgba(148, 163, 184, 0.13);\n  border-bottom: 1px solid rgba(148, 163, 184, 0.13);\n  margin-bottom: 20px;\n}\n\n#ewb-block-4 .sa-res__bar-top {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 10px;\n  margin-bottom: 8px;\n}\n\n#ewb-block-4 .sa-res__bar-top span {\n  color: var(--color-text);\n  font-family: var(--font-body);\n  font-size: 13px;\n  opacity: 0.86;\n}\n\n#ewb-block-4 .sa-res__bar-top em {\n  color: var(--color-text-muted);\n  font-family: var(--font-heading);\n  font-size: 12.5px;\n  font-style: normal;\n  font-weight: 600;\n  white-space: nowrap;\n}\n\n#ewb-block-4 .sa-res__bar-top em b {\n  color: var(--color-accent);\n  font-size: 16px;\n  font-weight: 700;\n}\n\n#ewb-block-4 .sa-res__track {\n  position: relative;\n  height: 7px;\n  border-radius: var(--radius-full);\n  background: rgba(148, 163, 184, 0.14);\n  overflow: hidden;\n}\n\n#ewb-block-4 .sa-res__track i {\n  display: block;\n  width: 0;\n  height: 100%;\n  border-radius: var(--radius-full);\n  background: linear-gradient(90deg, var(--color-primary), var(--color-accent));\n  box-shadow: 0 0 14px rgba(34, 211, 238, 0.45);\n  transition: width 1.3s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#ewb-block-4 .sa-res__foot {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-top: auto;\n}\n\n#ewb-block-4 .sa-res__tag {\n  padding: 5px 11px;\n  border: 1px solid rgba(148, 163, 184, 0.2);\n  border-radius: var(--radius-full);\n  background: rgba(148, 163, 184, 0.06);\n  color: var(--color-text-muted);\n  font-family: var(--font-body);\n  font-size: 11.5px;\n  font-weight: 500;\n}\n\n#ewb-block-4 .sa-res__time {\n  margin-left: auto;\n  color: var(--color-accent);\n  font-family: var(--font-heading);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n}\n\n@media (max-width: 1080px) {\n  #ewb-block-4 .sa-res__grid { grid-template-columns: 1fr; max-width: 640px; margin: 0 auto; }\n}\n\n@media (max-width: 720px) {\n  #ewb-block-4 .sa-res { padding: 84px 20px 90px; }\n  #ewb-block-4 .sa-sec-head { margin-bottom: 42px; }\n  #ewb-block-4 .sa-res__card { padding: 24px 20px 22px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #ewb-block-4 .sa-res__card { opacity: 1; transform: none; transition: none; }\n  #ewb-block-4 .sa-res__track i { transition: none; }\n}\n<\/style>\n<div id=\"ewb-block-4\" class=\"wpc-widget wpc-widget-sa_results ewb-widget ewb-widget-sa_results\"><section class=\"sa-res\">\n  <div class=\"sa-res__inner\">\n    <div class=\"sa-sec-head\">\n      <span class=\"sa-eyebrow\">Outcomes<\/span>\n      <h2 class=\"sa-sec-title\">What actually changed <span>after go-live<\/span><\/h2>\n      <p class=\"sa-sec-lead\">\n        Three representative programmes, with the numbers that mattered to the board.\n        Client names withheld under NDA \u2014 happy to make introductions on a call.\n      <\/p>\n    <\/div>\n\n    <div class=\"sa-res__grid\" data-sa-res>\n\n      <article class=\"sa-res__card\" data-sa-card>\n        <header class=\"sa-res__head\">\n          <span class=\"sa-res__sector\">Manufacturing<\/span>\n          <span class=\"sa-res__scale\">640 staff \u00b7 3 plants<\/span>\n        <\/header>\n        <h3>From four spreadsheets to one live production cost<\/h3>\n        <p class=\"sa-res__ctx\">\n          A precision components manufacturer running Dynamics AX 2012 with costing\n          rebuilt in Excel every month. We migrated to D365 Finance &amp; Operations and\n          rebuilt shop-floor costing inside the system.\n        <\/p>\n\n        <div class=\"sa-res__bars\">\n          <div class=\"sa-res__bar\">\n            <div class=\"sa-res__bar-top\"><span>Month-end close<\/span><em>12d \u2192 <b data-sa-num=\"4\">0<\/b>d<\/em><\/div>\n            <div class=\"sa-res__track\"><i data-sa-fill=\"33\"><\/i><\/div>\n          <\/div>\n          <div class=\"sa-res__bar\">\n            <div class=\"sa-res__bar-top\"><span>Costing accuracy<\/span><em>71% \u2192 <b data-sa-num=\"98\">0<\/b>%<\/em><\/div>\n            <div class=\"sa-res__track\"><i data-sa-fill=\"98\"><\/i><\/div>\n          <\/div>\n          <div class=\"sa-res__bar\">\n            <div class=\"sa-res__bar-top\"><span>Unplanned downtime<\/span><em>\u2212<b data-sa-num=\"34\">0<\/b>%<\/em><\/div>\n            <div class=\"sa-res__track\"><i data-sa-fill=\"66\"><\/i><\/div>\n          <\/div>\n        <\/div>\n\n        <footer class=\"sa-res__foot\">\n          <span class=\"sa-res__tag\">D365 F&amp;O<\/span>\n          <span class=\"sa-res__tag\">Power BI<\/span>\n          <span class=\"sa-res__time\">22 weeks<\/span>\n        <\/footer>\n      <\/article>\n\n      <article class=\"sa-res__card\" data-sa-card>\n        <header class=\"sa-res__head\">\n          <span class=\"sa-res__sector\">Distribution<\/span>\n          <span class=\"sa-res__scale\">11 branches \u00b7 18k SKUs<\/span>\n        <\/header>\n        <h3>Stock that finally matched what was on the shelf<\/h3>\n        <p class=\"sa-res__ctx\">\n          A regional distributor overselling inventory across an eCommerce store and a\n          disconnected WMS. We implemented Business Central with warehouse scanning and\n          a real-time Shopify integration.\n        <\/p>\n\n        <div class=\"sa-res__bars\">\n          <div class=\"sa-res__bar\">\n            <div class=\"sa-res__bar-top\"><span>Pick accuracy<\/span><em>92% \u2192 <b data-sa-num=\"99\">0<\/b>%<\/em><\/div>\n            <div class=\"sa-res__track\"><i data-sa-fill=\"99\"><\/i><\/div>\n          <\/div>\n          <div class=\"sa-res__bar\">\n            <div class=\"sa-res__bar-top\"><span>Order-to-warehouse<\/span><em>overnight \u2192 <b data-sa-num=\"2\">0<\/b>h<\/em><\/div>\n            <div class=\"sa-res__track\"><i data-sa-fill=\"88\"><\/i><\/div>\n          <\/div>\n          <div class=\"sa-res__bar\">\n            <div class=\"sa-res__bar-top\"><span>Oversell incidents<\/span><em>\u2212<b data-sa-num=\"91\">0<\/b>%<\/em><\/div>\n            <div class=\"sa-res__track\"><i data-sa-fill=\"91\"><\/i><\/div>\n          <\/div>\n        <\/div>\n\n        <footer class=\"sa-res__foot\">\n          <span class=\"sa-res__tag\">Business Central<\/span>\n          <span class=\"sa-res__tag\">Power Automate<\/span>\n          <span class=\"sa-res__time\">14 weeks<\/span>\n        <\/footer>\n      <\/article>\n\n      <article class=\"sa-res__card\" data-sa-card>\n        <header class=\"sa-res__head\">\n          <span class=\"sa-res__sector\">Professional Services<\/span>\n          <span class=\"sa-res__scale\">180 consultants \u00b7 4 countries<\/span>\n        <\/header>\n        <h3>Utilisation as a live number, not a monthly guess<\/h3>\n        <p class=\"sa-res__ctx\">\n          A consultancy tracking projects in one tool, time in another and pipeline in a\n          third. We consolidated onto D365 Project Operations and Sales with a single\n          revenue-recognition model.\n        <\/p>\n\n        <div class=\"sa-res__bars\">\n          <div class=\"sa-res__bar\">\n            <div class=\"sa-res__bar-top\"><span>Billable utilisation<\/span><em>+<b data-sa-num=\"18\">0<\/b>%<\/em><\/div>\n            <div class=\"sa-res__track\"><i data-sa-fill=\"72\"><\/i><\/div>\n          <\/div>\n          <div class=\"sa-res__bar\">\n            <div class=\"sa-res__bar-top\"><span>Invoice lag<\/span><em>19d \u2192 <b data-sa-num=\"3\">0<\/b>d<\/em><\/div>\n            <div class=\"sa-res__track\"><i data-sa-fill=\"84\"><\/i><\/div>\n          <\/div>\n          <div class=\"sa-res__bar\">\n            <div class=\"sa-res__bar-top\"><span>Forecast accuracy<\/span><em>\u2192 <b data-sa-num=\"94\">0<\/b>%<\/em><\/div>\n            <div class=\"sa-res__track\"><i data-sa-fill=\"94\"><\/i><\/div>\n          <\/div>\n        <\/div>\n\n        <footer class=\"sa-res__foot\">\n          <span class=\"sa-res__tag\">Project Operations<\/span>\n          <span class=\"sa-res__tag\">D365 Sales<\/span>\n          <span class=\"sa-res__time\">18 weeks<\/span>\n        <\/footer>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section><\/div>\n<script type=\"text\/javascript\" data-ewb-widget=\"sa_results\">\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 grid = root.querySelector('[data-sa-res]');\n  if (!grid) return;\n\n  var cards = grid.querySelectorAll('[data-sa-card]');\n  if (!cards.length) return;\n\n  var reduced = false;\n  if (window.matchMedia) {\n    reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  }\n\n  var countUp = function (el) {\n    var target = parseFloat(el.getAttribute('data-sa-num'));\n    if (isNaN(target)) return;\n    if (reduced) {\n      el.textContent = String(target);\n      return;\n    }\n    var dur = 1200;\n    var start = 0;\n    var step = function (now) {\n      if (!start) start = now;\n      var p = (now - start) \/ dur;\n      if (p > 1) p = 1;\n      var eased = 1 - Math.pow(1 - p, 3);\n      el.textContent = String(Math.round(target * eased));\n      if (p < 1) window.requestAnimationFrame(step);\n    };\n    window.requestAnimationFrame(step);\n  };\n\n  var reveal = function (card, idx) {\n    setTimeout(function () {\n      card.classList.add('is-in');\n\n      var fills = card.querySelectorAll('[data-sa-fill]');\n      for (var f = 0; f < fills.length; f++) {\n        (function (bar, i) {\n          setTimeout(function () {\n            bar.style.width = bar.getAttribute('data-sa-fill') + '%';\n          }, 200 + i * 150);\n        })(fills[f], f);\n      }\n\n      var nums = card.querySelectorAll('[data-sa-num]');\n      for (var n = 0; n < nums.length; n++) {\n        (function (el, i) {\n          setTimeout(function () { countUp(el); }, 200 + i * 150);\n        })(nums[n], n);\n      }\n    }, idx * 130);\n  };\n\n  if (window.IntersectionObserver) {\n    var io = new IntersectionObserver(function (entries) {\n      for (var i = 0; i < entries.length; i++) {\n        if (entries[i].isIntersecting) {\n          var card = entries[i].target;\n          reveal(card, parseInt(card.getAttribute('data-idx'), 10) || 0);\n          io.unobserve(card);\n        }\n      }\n    }, { threshold: 0.14, rootMargin: '0px 0px -40px 0px' });\n\n    for (var c = 0; c < cards.length; c++) {\n      cards[c].setAttribute('data-idx', String(c));\n      io.observe(cards[c]);\n    }\n  } else {\n    for (var k = 0; k < cards.length; k++) { reveal(cards[k], 0); }\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-5 {\n  position: relative;\n  z-index: 2;\n  margin-top: -52px;\n}\n\n#ewb-block-5 .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-5 .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-5 .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-5 .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-5 .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-5 .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-5 .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-5 .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-5 .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-5 .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-5 .sa-fbrand {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 18px;\n}\n\n#ewb-block-5 .sa-fbrand__mark {\n  width: 28px; height: 28px;\n  border-radius: 8px;\n  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));\n  box-shadow: 0 0 22px rgba(59, 130, 246, 0.5);\n  animation: sa-mark 4s ease-in-out infinite;\n}\n\n@keyframes sa-mark {\n  0%,100% { transform: rotate(0deg); border-radius: 8px; }\n  50%     { transform: rotate(45deg); border-radius: 14px; }\n}\n\n#ewb-block-5 .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-5 .sa-fbrand__text strong {\n  font-size: 1.1rem;\n  font-weight: 700;\n  color: var(--color-text);\n}\n\n#ewb-block-5 .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-5 .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-5 .sa-social { display: flex; gap: 10px; }\n\n#ewb-block-5 .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-5 .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-5 .sa-footer__col { display: flex; flex-direction: column; gap: 12px; }\n\n#ewb-block-5 .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-5 .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-5 .sa-footer__col a:hover {\n  color: var(--color-accent);\n  transform: translateX(4px);\n}\n\n#ewb-block-5 .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-5 .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-5 .sa-footer__legal { display: flex; gap: 22px; }\n#ewb-block-5 .sa-footer__legal a { color: var(--color-text-muted); transition: color 0.22s ease; }\n#ewb-block-5 .sa-footer__legal a:hover { color: var(--color-accent); }\n\n@media (max-width: 980px) {\n  #ewb-block-5 .sa-footer__inner { grid-template-columns: 1fr 1fr; gap: 38px; }\n  #ewb-block-5 .sa-footer__cta-inner { flex-direction: column; align-items: flex-start; padding: 32px 28px; }\n}\n\n@media (max-width: 600px) {\n  #ewb-block-5 .sa-footer__inner { grid-template-columns: 1fr; }\n  #ewb-block-5 .sa-footer__bottom { flex-direction: column; align-items: flex-start; }\n  #ewb-block-5 .sa-footer__cta { padding: 0 18px; }\n}\n<\/style>\n<div id=\"ewb-block-5\" 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__mark\" aria-hidden=\"true\"><\/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-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  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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/syncaura.online\/wp-json\/wp\/v2\/pages\/9","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=9"}],"version-history":[{"count":6,"href":"https:\/\/syncaura.online\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":30,"href":"https:\/\/syncaura.online\/wp-json\/wp\/v2\/pages\/9\/revisions\/30"}],"wp:attachment":[{"href":"https:\/\/syncaura.online\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}