{"id":10,"date":"2026-08-10T14:32:27","date_gmt":"2026-08-10T14:32:27","guid":{"rendered":"https:\/\/syncaura.online\/?page_id=10"},"modified":"2026-08-10T15:01:08","modified_gmt":"2026-08-10T15:01:08","slug":"about","status":"publish","type":"page","link":"https:\/\/syncaura.online\/about\/","title":{"rendered":"About"},"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\">About Syncaura<\/span>\n    <h1 class=\"sa-phero__title\">\n      Consultants who\n      <span>tell you the truth first<\/span>\n    <\/h1>\n    <p class=\"sa-phero__lead\">Syncaura Solution is a remote-first Microsoft Dynamics 365 practice built on fixed scope, published plans and knowledge transfer you actually keep. We would rather lose a deal than sell you a programme you are not ready for.<\/p>\n\n        <div class=\"sa-phero__chips\">\n              <span class=\"sa-phero__chip\">Remote-first<\/span>              <span class=\"sa-phero__chip\">Certified consultants<\/span>              <span class=\"sa-phero__chip\">120+ projects<\/span>              <span class=\"sa-phero__chip\">15 industries<\/span>              <span class=\"sa-phero__chip\">Fixed-scope delivery<\/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_story ewb-gutenberg-block ewb-widget-sa_story alignfull wp-block-wpcursor-ewb-sa-story\"><style type=\"text\/css\" data-ewb-widget=\"sa_story\">\n#ewb-block-3 .sa-story {\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-story__bg {\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  background:\n    radial-gradient(720px circle at 82% 6%, rgba(59, 130, 246, 0.15), transparent 60%),\n    radial-gradient(640px circle at 10% 88%, rgba(124, 92, 255, 0.12), transparent 62%);\n  pointer-events: none;\n}\n\n#ewb-block-3 .sa-story__inner {\n  max-width: 1180px;\n  margin: 0 auto;\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 24px;\n  color: var(--color-text);\n  font-family: var(--font-heading);\n  font-size: clamp(28px, 3.3vw, 42px);\n  font-weight: 700;\n  line-height: 1.16;\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\/* ---------- top ---------- *\/\n\n#ewb-block-3 .sa-story__top {\n  display: grid;\n  grid-template-columns: 1.05fr 0.95fr;\n  gap: 60px;\n  align-items: center;\n  margin-bottom: 120px;\n}\n\n#ewb-block-3 .sa-story__p {\n  margin: 0 0 18px;\n  color: var(--color-text-muted);\n  font-family: var(--font-body);\n  font-size: 16px;\n  line-height: 1.82;\n}\n\n#ewb-block-3 .sa-story__sig {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-top: 30px;\n  padding-top: 26px;\n  border-top: 1px solid rgba(148, 163, 184, 0.16);\n}\n\n#ewb-block-3 .sa-story__sig-mark {\n  flex: none;\n  width: 40px;\n  height: 40px;\n  border-radius: 12px;\n  background: linear-gradient(140deg, var(--color-primary), var(--color-secondary));\n  box-shadow: 0 10px 26px -10px rgba(59, 130, 246, 0.8);\n}\n\n#ewb-block-3 .sa-story__sig strong {\n  display: block;\n  color: var(--color-text);\n  font-family: var(--font-heading);\n  font-size: 15px;\n  font-weight: 700;\n}\n\n#ewb-block-3 .sa-story__sig em {\n  display: block;\n  margin-top: 2px;\n  color: var(--color-text-muted);\n  font-family: var(--font-body);\n  font-size: 13px;\n  font-style: normal;\n}\n\n\/* ---------- 3D principles card ---------- *\/\n\n#ewb-block-3 .sa-story__panel { perspective: 1200px; }\n\n#ewb-block-3 .sa-story__card {\n  position: relative;\n  padding: 32px 30px;\n  border: 1px solid rgba(148, 163, 184, 0.18);\n  border-radius: var(--radius-lg);\n  background:\n    linear-gradient(165deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.015)),\n    var(--color-surface);\n  box-shadow: 0 40px 90px -40px rgba(0, 0, 0, 0.95);\n  transform: rotateX(6deg) rotateY(-9deg);\n  transform-style: preserve-3d;\n  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);\n  overflow: hidden;\n}\n\n#ewb-block-3 .sa-story__card-glow {\n  position: absolute;\n  inset: -50%;\n  background: radial-gradient(340px circle at 70% -10%, rgba(59, 130, 246, 0.22), transparent 62%);\n  pointer-events: none;\n}\n\n#ewb-block-3 .sa-story__card-label {\n  display: block;\n  margin-bottom: 22px;\n  color: var(--color-text-muted);\n  font-family: var(--font-heading);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  transform: translateZ(24px);\n}\n\n#ewb-block-3 .sa-story__principles {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  transform: translateZ(30px);\n}\n\n#ewb-block-3 .sa-story__principles li {\n  display: flex;\n  gap: 16px;\n  padding: 16px 0;\n  border-bottom: 1px solid rgba(148, 163, 184, 0.12);\n}\n\n#ewb-block-3 .sa-story__principles li:last-child { border-bottom: 0; padding-bottom: 0; }\n#ewb-block-3 .sa-story__principles li:first-child { padding-top: 0; }\n\n#ewb-block-3 .sa-story__pn {\n  flex: none;\n  color: var(--color-primary);\n  font-family: var(--font-heading);\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  padding-top: 2px;\n}\n\n#ewb-block-3 .sa-story__principles strong {\n  display: block;\n  color: var(--color-text);\n  font-family: var(--font-heading);\n  font-size: 15.5px;\n  font-weight: 700;\n  margin-bottom: 4px;\n}\n\n#ewb-block-3 .sa-story__principles em {\n  display: block;\n  color: var(--color-text-muted);\n  font-family: var(--font-body);\n  font-size: 13.5px;\n  font-style: normal;\n  line-height: 1.6;\n}\n\n\/* ---------- timeline ---------- *\/\n\n#ewb-block-3 .sa-story__tl-head {\n  text-align: center;\n  margin-bottom: 56px;\n}\n\n#ewb-block-3 .sa-story__tl-title {\n  margin: 0;\n  color: var(--color-text);\n  font-family: var(--font-heading);\n  font-size: clamp(26px, 3vw, 38px);\n  font-weight: 700;\n  letter-spacing: -0.02em;\n}\n\n#ewb-block-3 .sa-story__track {\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 24px;\n  padding-top: 46px;\n}\n\n#ewb-block-3 .sa-story__rail {\n  position: absolute;\n  top: 11px;\n  left: 5%;\n  right: 5%;\n  height: 2px;\n  border-radius: 2px;\n  background: rgba(148, 163, 184, 0.18);\n}\n\n#ewb-block-3 .sa-story__rail-fill {\n  position: absolute;\n  top: 11px;\n  left: 5%;\n  width: 0;\n  max-width: 90%;\n  height: 2px;\n  border-radius: 2px;\n  background: linear-gradient(90deg, var(--color-primary), var(--color-accent));\n  box-shadow: 0 0 16px rgba(34, 211, 238, 0.6);\n  transition: width 1.6s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#ewb-block-3 .sa-story__step {\n  position: relative;\n  opacity: 0;\n  transform: translateY(22px);\n  transition:\n    opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),\n    transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#ewb-block-3 .sa-story__step.is-in {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n#ewb-block-3 .sa-story__dot {\n  position: absolute;\n  top: -41px;\n  left: 0;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  border: 2px solid var(--color-background);\n  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);\n}\n\n#ewb-block-3 .sa-story__dot--live {\n  animation: sa-story-pulse 2.2s ease-out infinite;\n}\n\n@keyframes sa-story-pulse {\n  0%   { box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.3), 0 0 0 0 rgba(34, 211, 238, 0.55); }\n  70%  { box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.3), 0 0 0 14px rgba(34, 211, 238, 0); }\n  100% { box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.3), 0 0 0 0 rgba(34, 211, 238, 0); }\n}\n\n#ewb-block-3 .sa-story__year {\n  display: block;\n  margin-bottom: 10px;\n  color: var(--color-accent);\n  font-family: var(--font-heading);\n  font-size: 11.5px;\n  font-weight: 700;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n#ewb-block-3 .sa-story__step h4 {\n  margin: 0 0 9px;\n  color: var(--color-text);\n  font-family: var(--font-heading);\n  font-size: 16.5px;\n  font-weight: 700;\n  line-height: 1.36;\n  letter-spacing: -0.01em;\n}\n\n#ewb-block-3 .sa-story__step p {\n  margin: 0;\n  color: var(--color-text-muted);\n  font-family: var(--font-body);\n  font-size: 13.5px;\n  line-height: 1.72;\n}\n\n\/* ---------- responsive ---------- *\/\n\n@media (max-width: 1024px) {\n  #ewb-block-3 .sa-story__top {\n    grid-template-columns: 1fr;\n    gap: 44px;\n    margin-bottom: 88px;\n  }\n  #ewb-block-3 .sa-story__card { transform: none; }\n  #ewb-block-3 .sa-story__track { grid-template-columns: repeat(2, 1fr); gap: 40px 24px; }\n  #ewb-block-3 .sa-story__rail,\n  #ewb-block-3 .sa-story__rail-fill { display: none; }\n  #ewb-block-3 .sa-story__dot { position: static; display: block; margin-bottom: 14px; }\n}\n\n@media (max-width: 640px) {\n  #ewb-block-3 .sa-story { padding: 88px 20px 92px; }\n  #ewb-block-3 .sa-story__track { grid-template-columns: 1fr; }\n  #ewb-block-3 .sa-story__card { padding: 26px 22px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #ewb-block-3 .sa-story__step { opacity: 1; transform: none; transition: none; }\n  #ewb-block-3 .sa-story__card { transition: none; }\n  #ewb-block-3 .sa-story__dot--live { animation: none; }\n  #ewb-block-3 .sa-story__rail-fill { transition: none; }\n}\n<\/style>\n<div id=\"ewb-block-3\" class=\"wpc-widget wpc-widget-sa_story ewb-widget ewb-widget-sa_story\"><section class=\"sa-story\">\n  <div class=\"sa-story__bg\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"sa-story__inner\">\n\n    <div class=\"sa-story__top\">\n      <div class=\"sa-story__copy\">\n        <span class=\"sa-eyebrow\">Our story<\/span>\n        <h2 class=\"sa-sec-title\">We started Syncaura because <span>too many ERP projects fail quietly<\/span><\/h2>\n        <p class=\"sa-story__p\">\n          Between us we had sat on both sides of the table \u2014 inside finance and operations\n          teams living with a half-finished system, and inside the consultancies that\n          delivered it. The same pattern kept repeating: an ambitious scope, a demo that\n          promised everything, and a go-live that landed six months late with the reporting\n          still in Excel.\n        <\/p>\n        <p class=\"sa-story__p\">\n          Syncaura Solution exists to do the opposite. We size the work honestly, write the\n          scope down before anyone starts building, configure standard Dynamics 365 wherever\n          it will do the job, and hand the system back to a team that knows how to run it.\n          If a programme is not the right move for you yet, we would rather say so than sell it.\n        <\/p>\n\n        <div class=\"sa-story__sig\">\n          <span class=\"sa-story__sig-mark\" aria-hidden=\"true\"><\/span>\n          <div>\n            <strong>The Syncaura delivery team<\/strong>\n            <em>Microsoft Dynamics 365 consultants<\/em>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"sa-story__panel\" data-sa-tilt>\n        <div class=\"sa-story__card\" data-sa-card3d>\n          <div class=\"sa-story__card-glow\" aria-hidden=\"true\"><\/div>\n          <span class=\"sa-story__card-label\">How we operate<\/span>\n          <ul class=\"sa-story__principles\">\n            <li>\n              <span class=\"sa-story__pn\">01<\/span>\n              <div><strong>Say the number early<\/strong><em>Cost bands before you commit, not after.<\/em><\/div>\n            <\/li>\n            <li>\n              <span class=\"sa-story__pn\">02<\/span>\n              <div><strong>Standard before custom<\/strong><em>Every customisation is rent you pay forever.<\/em><\/div>\n            <\/li>\n            <li>\n              <span class=\"sa-story__pn\">03<\/span>\n              <div><strong>Publish the plan<\/strong><em>Fortnightly reporting against a plan you have seen.<\/em><\/div>\n            <\/li>\n            <li>\n              <span class=\"sa-story__pn\">04<\/span>\n              <div><strong>Leave you independent<\/strong><em>Knowledge transfer written into the contract.<\/em><\/div>\n            <\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"sa-story__timeline\" data-sa-timeline>\n      <div class=\"sa-story__tl-head\">\n        <span class=\"sa-eyebrow\">The journey<\/span>\n        <h3 class=\"sa-story__tl-title\">How Syncaura got here<\/h3>\n      <\/div>\n\n      <div class=\"sa-story__track\">\n        <span class=\"sa-story__rail\" aria-hidden=\"true\"><\/span>\n        <span class=\"sa-story__rail-fill\" data-sa-rail aria-hidden=\"true\"><\/span>\n\n        <div class=\"sa-story__step\" data-sa-step>\n          <span class=\"sa-story__dot\" aria-hidden=\"true\"><\/span>\n          <span class=\"sa-story__year\">Year one<\/span>\n          <h4>Founded around a single conviction<\/h4>\n          <p>Three consultants leave larger practices to build a delivery model with fixed scope, published plans and no hourly drift.<\/p>\n        <\/div>\n\n        <div class=\"sa-story__step\" data-sa-step>\n          <span class=\"sa-story__dot\" aria-hidden=\"true\"><\/span>\n          <span class=\"sa-story__year\">Year two<\/span>\n          <h4>First multi-entity Finance &amp; Operations rollout<\/h4>\n          <p>A three-plant manufacturer goes live on schedule. Month-end close drops from twelve days to four and becomes our reference case.<\/p>\n        <\/div>\n\n        <div class=\"sa-story__step\" data-sa-step>\n          <span class=\"sa-story__dot\" aria-hidden=\"true\"><\/span>\n          <span class=\"sa-story__year\">Year three<\/span>\n          <h4>Managed support practice launched<\/h4>\n          <p>Clients ask us to stay past hypercare. We build an SLA-backed desk with named consultants instead of an anonymous queue.<\/p>\n        <\/div>\n\n        <div class=\"sa-story__step\" data-sa-step>\n          <span class=\"sa-story__dot\" aria-hidden=\"true\"><\/span>\n          <span class=\"sa-story__year\">Year four<\/span>\n          <h4>Power Platform and data practice added<\/h4>\n          <p>Integration, Power Apps and Power BI move in-house so clients stop stitching three vendors together around one ERP.<\/p>\n        <\/div>\n\n        <div class=\"sa-story__step\" data-sa-step>\n          <span class=\"sa-story__dot sa-story__dot--live\" aria-hidden=\"true\"><\/span>\n          <span class=\"sa-story__year\">Today<\/span>\n          <h4>120+ projects across 15 industries<\/h4>\n          <p>A remote-first team delivering implementation, migration and long-term support for organisations from 40 to 4,000 people.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section><\/div>\n<script type=\"text\/javascript\" data-ewb-widget=\"sa_story\">\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 = false;\n  if (window.matchMedia) {\n    reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  }\n\n  var timeline = root.querySelector('[data-sa-timeline]');\n  if (timeline) {\n    var steps = timeline.querySelectorAll('[data-sa-step]');\n    var rail = timeline.querySelector('[data-sa-rail]');\n\n    var run = function () {\n      for (var i = 0; i < steps.length; i++) {\n        (function (step, idx) {\n          setTimeout(function () { step.classList.add('is-in'); }, idx * 150);\n        })(steps[i], i);\n      }\n      if (rail) {\n        setTimeout(function () { rail.style.width = '90%'; }, 120);\n      }\n    };\n\n    if (window.IntersectionObserver) {\n      var io = new IntersectionObserver(function (entries) {\n        for (var e = 0; e < entries.length; e++) {\n          if (entries[e].isIntersecting) {\n            run();\n            io.disconnect();\n          }\n        }\n      }, { threshold: 0.2 });\n      io.observe(timeline);\n    } else {\n      run();\n    }\n  }\n\n  if (reduced) return;\n  if (window.innerWidth < 1025) return;\n\n  var stage = root.querySelector('[data-sa-tilt]');\n  if (!stage) return;\n  var card = stage.querySelector('[data-sa-card3d]');\n  if (!card) return;\n\n  stage.addEventListener('mousemove', function (ev) {\n    var r = stage.getBoundingClientRect();\n    var px = (ev.clientX - r.left) \/ r.width - 0.5;\n    var py = (ev.clientY - r.top) \/ r.height - 0.5;\n    card.style.transform =\n      'rotateX(' + (6 - py * 12).toFixed(2) + 'deg) rotateY(' +\n      (-9 + px * 16).toFixed(2) + 'deg) translateZ(16px)';\n  });\n\n  stage.addEventListener('mouseleave', function () {\n    card.style.transform = '';\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_why ewb-gutenberg-block ewb-widget-sa_why alignfull wp-block-wpcursor-ewb-sa-why\"><style type=\"text\/css\" data-ewb-widget=\"sa_why\">\n#ewb-block-4 .sa-why {\n  position: relative;\n  overflow: hidden;\n  padding: 110px 24px;\n  background: var(--color-background);\n  font-family: var(--font-body);\n}\n\n#ewb-block-4 .sa-why__inner {\n  position: relative;\n  z-index: 2;\n  max-width: 1240px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1.05fr 0.95fr;\n  gap: 70px;\n  align-items: 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, 3vw, 2.7rem);\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 0 40px;\n  max-width: 580px;\n}\n\n\/* ---- points ---- *\/\n#ewb-block-4 .sa-points { display: grid; gap: 22px; }\n\n#ewb-block-4 .sa-point {\n  display: grid;\n  grid-template-columns: 46px 1fr;\n  gap: 16px;\n  align-items: start;\n  padding: 18px;\n  border-radius: var(--radius-md);\n  border: 1px solid transparent;\n  transition: border-color 0.28s ease, background 0.28s ease, transform 0.28s ease;\n}\n\n#ewb-block-4 .sa-point:hover {\n  border-color: rgba(59, 130, 246, 0.30);\n  background: rgba(255, 255, 255, 0.03);\n  transform: translateX(5px);\n}\n\n#ewb-block-4 .sa-point__ic {\n  width: 46px;\n  height: 46px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-sm);\n  color: var(--color-accent);\n  background: linear-gradient(150deg, rgba(59, 130, 246, 0.18), rgba(124, 92, 255, 0.10));\n  border: 1px solid rgba(59, 130, 246, 0.28);\n}\n\n#ewb-block-4 .sa-point__ic svg { width: 22px; height: 22px; }\n\n#ewb-block-4 .sa-point h4 {\n  font-family: var(--font-heading);\n  font-size: 1.02rem;\n  font-weight: 700;\n  color: var(--color-text);\n  margin: 4px 0 6px;\n}\n\n#ewb-block-4 .sa-point p {\n  font-size: 0.9rem;\n  line-height: 1.68;\n  color: var(--color-text-muted);\n  margin: 0;\n}\n\n\/* ---- draggable 3D cube ---- *\/\n#ewb-block-4 .sa-why__visual {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 26px;\n}\n\n#ewb-block-4 .sa-cube-stage {\n  position: relative;\n  width: 100%;\n  height: 400px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  perspective: 1200px;\n  cursor: grab;\n  touch-action: pan-y;\n}\n\n#ewb-block-4 .sa-cube-stage:active { cursor: grabbing; }\n\n#ewb-block-4 .sa-cube {\n  position: relative;\n  width: 220px;\n  height: 220px;\n  transform-style: preserve-3d;\n  transform: rotateX(-18deg) rotateY(28deg);\n  animation: sa-cube-auto 24s linear infinite;\n}\n\n#ewb-block-4 .sa-cube.is-held { animation: none; }\n\n@keyframes sa-cube-auto {\n  from { transform: rotateX(-18deg) rotateY(0deg); }\n  to   { transform: rotateX(-18deg) rotateY(360deg); }\n}\n\n#ewb-block-4 .sa-face {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 18px;\n  text-align: center;\n  border-radius: var(--radius-md);\n  background: linear-gradient(155deg, rgba(20, 32, 60, 0.92), rgba(9, 15, 30, 0.88));\n  border: 1px solid rgba(59, 130, 246, 0.42);\n  box-shadow: inset 0 0 42px rgba(59, 130, 246, 0.16);\n  backface-visibility: visible;\n}\n\n#ewb-block-4 .sa-face__logo {\n  box-sizing: border-box;\n  width: 40px;\n  height: 40px;\n  margin-bottom: 2px;\n  padding: 7px;\n  border-radius: var(--radius-sm);\n  border: 1px solid rgba(148, 163, 184, 0.2);\n  background: rgba(255, 255, 255, 0.07);\n}\n\n#ewb-block-4 .sa-face span {\n  font-family: var(--font-heading);\n  font-size: 1.04rem;\n  font-weight: 700;\n  letter-spacing: -0.01em;\n  color: var(--color-text);\n}\n\n#ewb-block-4 .sa-face small {\n  font-size: 0.72rem;\n  line-height: 1.5;\n  color: var(--color-text-muted);\n}\n\n#ewb-block-4 .sa-face--front  { transform: translateZ(110px); }\n#ewb-block-4 .sa-face--back   { transform: rotateY(180deg) translateZ(110px); }\n#ewb-block-4 .sa-face--right  { transform: rotateY(90deg) translateZ(110px); border-color: rgba(34, 211, 238, 0.45); }\n#ewb-block-4 .sa-face--left   { transform: rotateY(-90deg) translateZ(110px); border-color: rgba(34, 211, 238, 0.45); }\n#ewb-block-4 .sa-face--top    { transform: rotateX(90deg) translateZ(110px); border-color: rgba(124, 92, 255, 0.5); }\n#ewb-block-4 .sa-face--bottom { transform: rotateX(-90deg) translateZ(110px); border-color: rgba(124, 92, 255, 0.5); }\n\n#ewb-block-4 .sa-cube-shadow {\n  position: absolute;\n  bottom: 44px;\n  left: 50%;\n  width: 240px;\n  height: 34px;\n  margin-left: -120px;\n  border-radius: 50%;\n  background: rgba(59, 130, 246, 0.34);\n  filter: blur(28px);\n  animation: sa-shadow 6s ease-in-out infinite;\n}\n\n@keyframes sa-shadow {\n  0%,100% { transform: scale(1); opacity: 0.7; }\n  50%     { transform: scale(0.86); opacity: 0.42; }\n}\n\n#ewb-block-4 .sa-cube-hint {\n  font-size: 0.8rem;\n  letter-spacing: 0.06em;\n  color: var(--color-text-muted);\n  opacity: 0.7;\n  margin: 0;\n}\n\n\/* ---- metrics ---- *\/\n#ewb-block-4 .sa-metrics {\n  position: relative;\n  z-index: 2;\n  max-width: 1240px;\n  margin: 84px auto 0;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n}\n\n#ewb-block-4 .sa-metric {\n  padding: 30px 26px;\n  border-radius: var(--radius-lg);\n  text-align: center;\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.16);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  transition: transform 0.3s ease, border-color 0.3s ease;\n}\n\n#ewb-block-4 .sa-metric:hover {\n  transform: translateY(-6px);\n  border-color: rgba(34, 211, 238, 0.4);\n}\n\n#ewb-block-4 .sa-metric__v {\n  font-family: var(--font-heading);\n  font-size: 2.3rem;\n  font-weight: 700;\n  line-height: 1;\n  letter-spacing: -0.03em;\n  margin-bottom: 10px;\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-4 .sa-metric__l {\n  font-size: 0.85rem;\n  line-height: 1.55;\n  color: var(--color-text-muted);\n}\n\n@media (max-width: 1024px) {\n  #ewb-block-4 .sa-why__inner { grid-template-columns: 1fr; gap: 60px; }\n  #ewb-block-4 .sa-metrics { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 620px) {\n  #ewb-block-4 .sa-why { padding: 76px 18px; }\n  #ewb-block-4 .sa-cube-stage { height: 320px; }\n  #ewb-block-4 .sa-cube { width: 170px; height: 170px; }\n  #ewb-block-4 .sa-face--front  { transform: translateZ(85px); }\n  #ewb-block-4 .sa-face--back   { transform: rotateY(180deg) translateZ(85px); }\n  #ewb-block-4 .sa-face--right  { transform: rotateY(90deg) translateZ(85px); }\n  #ewb-block-4 .sa-face--left   { transform: rotateY(-90deg) translateZ(85px); }\n  #ewb-block-4 .sa-face--top    { transform: rotateX(90deg) translateZ(85px); }\n  #ewb-block-4 .sa-face--bottom { transform: rotateX(-90deg) translateZ(85px); }\n  #ewb-block-4 .sa-metrics { grid-template-columns: 1fr; margin-top: 56px; }\n}\n<\/style>\n<div id=\"ewb-block-4\" class=\"wpc-widget wpc-widget-sa_why ewb-widget ewb-widget-sa_why\"><section class=\"sa-why\">\n  <div class=\"sa-why__inner\">\n    <div class=\"sa-why__copy\">\n      <span class=\"sa-eyebrow\">Why Syncaura<\/span>\n      <h2 class=\"sa-sec-title\">Consultants who have <span>run the business<\/span>, not just the software<\/h2>\n      <p class=\"sa-sec-lead\">\n        We deliberately staff every project with people who understand finance, supply chain\n        and sales operations \u2014 because the hardest part of a Dynamics 365 rollout has never\n        been the technology.\n      <\/p>\n\n      <div class=\"sa-points\">\n        <div class=\"sa-point\">\n          <div class=\"sa-point__ic\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" 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          <div>\n            <h4>Fixed scope, no surprise invoices<\/h4>\n            <p>You approve a written scope and budget before build starts. Change requests are quoted, never assumed.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"sa-point\">\n          <div class=\"sa-point__ic\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 7v5l3.2 1.9\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><\/svg>\n          <\/div>\n          <div>\n            <h4>Standard-first configuration<\/h4>\n            <p>We use out-of-the-box Dynamics wherever possible, so Microsoft's release waves stay cheap instead of painful.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"sa-point\">\n          <div class=\"sa-point__ic\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 20v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9.5\" cy=\"7\" r=\"3.2\"\/><path d=\"M22 20v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.6a4 4 0 0 1 0 7.75\"\/><\/svg>\n          <\/div>\n          <div>\n            <h4>Your team owns the system<\/h4>\n            <p>Knowledge transfer is contractual. When we leave, your people can configure, report and troubleshoot without us.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"sa-point\">\n          <div class=\"sa-point__ic\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2.5L4 13.8h6.4L11 21.5l9-11.3h-6.4z\"\/><\/svg>\n          <\/div>\n          <div>\n            <h4>Support that answers in minutes<\/h4>\n            <p>Named consultants, tiered SLAs and a published response clock \u2014 not an anonymous ticket queue in another timezone.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"sa-why__visual\">\n      <div class=\"sa-cube-stage\" data-sa-stage>\n        <div class=\"sa-cube\" data-sa-cube>\n          <div class=\"sa-face sa-face--front\"><img decoding=\"async\" class=\"sa-face__logo\" src=\"https:\/\/syncaura.online\/wp-content\/uploads\/2026\/08\/Dynamics-365-Finance.svg\" alt=\"Dynamics 365 Finance\" width=\"26\" height=\"26\" loading=\"lazy\"><span>Finance<\/span><small>General ledger, AP\/AR, budgeting<\/small><\/div>\n          <div class=\"sa-face sa-face--back\"><img decoding=\"async\" class=\"sa-face__logo\" src=\"https:\/\/syncaura.online\/wp-content\/uploads\/2026\/08\/Dynamics-365-Supply-Chain-Management.svg\" alt=\"Dynamics 365 Supply Chain Management\" width=\"26\" height=\"26\" loading=\"lazy\"><span>Supply Chain<\/span><small>Inventory, procurement, planning<\/small><\/div>\n          <div class=\"sa-face sa-face--right\"><img decoding=\"async\" class=\"sa-face__logo\" src=\"https:\/\/syncaura.online\/wp-content\/uploads\/2026\/08\/Dynamics-365-Sales.svg\" alt=\"Dynamics 365 Sales\" width=\"26\" height=\"26\" loading=\"lazy\"><span>Sales CRM<\/span><small>Pipeline, quotes, forecasting<\/small><\/div>\n          <div class=\"sa-face sa-face--left\"><img decoding=\"async\" class=\"sa-face__logo\" src=\"https:\/\/syncaura.online\/wp-content\/uploads\/2026\/08\/Dynamics-365-Customer-Service.svg\" alt=\"Dynamics 365 Customer Service\" width=\"26\" height=\"26\" loading=\"lazy\"><span>Service<\/span><small>Cases, SLAs, field operations<\/small><\/div>\n          <div class=\"sa-face sa-face--top\"><img decoding=\"async\" class=\"sa-face__logo\" src=\"https:\/\/syncaura.online\/wp-content\/uploads\/2026\/08\/microsoft-power-bi.svg\" alt=\"Microsoft Power BI\" width=\"26\" height=\"26\" loading=\"lazy\"><span>Power BI<\/span><small>Live reporting layer<\/small><\/div>\n          <div class=\"sa-face sa-face--bottom\"><img decoding=\"async\" class=\"sa-face__logo\" src=\"https:\/\/syncaura.online\/wp-content\/uploads\/2026\/08\/acom_social_icon_azure.svg\" alt=\"Microsoft Azure\" width=\"26\" height=\"26\" loading=\"lazy\"><span>Azure<\/span><small>Secure cloud foundation<\/small><\/div>\n        <\/div>\n        <div class=\"sa-cube-shadow\" aria-hidden=\"true\"><\/div>\n      <\/div>\n      <p class=\"sa-cube-hint\">Drag the cube to explore the Dynamics 365 stack<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"sa-metrics\" data-sa-metrics>\n    <div class=\"sa-metric\">\n      <div class=\"sa-metric__v\"><span data-sa-count=\"98\">0<\/span>%<\/div>\n      <div class=\"sa-metric__l\">Projects delivered on agreed scope<\/div>\n    <\/div>\n    <div class=\"sa-metric\">\n      <div class=\"sa-metric__v\"><span data-sa-count=\"30\">0<\/span>%<\/div>\n      <div class=\"sa-metric__l\">Average reduction in manual reporting<\/div>\n    <\/div>\n    <div class=\"sa-metric\">\n      <div class=\"sa-metric__v\">&lt;<span data-sa-count=\"4\">0<\/span>h<\/div>\n      <div class=\"sa-metric__l\">Median critical-ticket response<\/div>\n    <\/div>\n    <div class=\"sa-metric\">\n      <div class=\"sa-metric__v\"><span data-sa-count=\"12\">0<\/span>+<\/div>\n      <div class=\"sa-metric__l\">Years of combined D365 experience<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\n<script type=\"text\/javascript\" data-ewb-widget=\"sa_why\">\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  \/* ---- drag-to-rotate cube ---- *\/\n  var stage = root.querySelector('[data-sa-stage]');\n  var cube = root.querySelector('[data-sa-cube]');\n\n  if (stage) if (cube) {\n    var rx = -18, ry = 28;\n    var dragging = false, lastX = 0, lastY = 0;\n\n    var apply = function () {\n      cube.style.transform = 'rotateX(' + rx.toFixed(2) + 'deg) rotateY(' + ry.toFixed(2) + 'deg)';\n    };\n\n    var start = function (x, y) {\n      dragging = true;\n      lastX = x; lastY = y;\n      cube.classList.add('is-held');\n      apply();\n    };\n\n    var move = function (x, y) {\n      if (!dragging) return;\n      ry += (x - lastX) * 0.45;\n      rx -= (y - lastY) * 0.45;\n      if (rx > 80) rx = 80;\n      if (rx < -80) rx = -80;\n      lastX = x; lastY = y;\n      apply();\n    };\n\n    var end = function () { dragging = false; };\n\n    stage.addEventListener('mousedown', function (e) { e.preventDefault(); start(e.clientX, e.clientY); });\n    window.addEventListener('mousemove', function (e) { move(e.clientX, e.clientY); });\n    window.addEventListener('mouseup', end);\n\n    stage.addEventListener('touchstart', function (e) {\n      var t = e.touches[0];\n      start(t.clientX, t.clientY);\n    }, { passive: true });\n    stage.addEventListener('touchmove', function (e) {\n      var t = e.touches[0];\n      move(t.clientX, t.clientY);\n    }, { passive: true });\n    stage.addEventListener('touchend', end);\n  }\n\n  \/* ---- metric counters ---- *\/\n  var metrics = root.querySelector('[data-sa-metrics]');\n  if (metrics) {\n    var run = function () {\n      var nodes = metrics.querySelectorAll('[data-sa-count]');\n      for (var i = 0; i < nodes.length; i++) {\n        (function (node) {\n          var target = parseFloat(node.getAttribute('data-sa-count'));\n          var t0 = null;\n          var step = function (ts) {\n            if (!t0) t0 = ts;\n            var p = Math.min((ts - t0) \/ 1500, 1);\n            var eased = 1 - Math.pow(1 - p, 3);\n            node.textContent = Math.round(target * eased).toString();\n            if (p < 1) requestAnimationFrame(step);\n          };\n          requestAnimationFrame(step);\n        })(nodes[i]);\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) { run(); io.disconnect(); }\n        }\n      }, { threshold: 0.3 });\n      io.observe(metrics);\n    } else { run(); }\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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/syncaura.online\/wp-json\/wp\/v2\/pages\/10","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=10"}],"version-history":[{"count":6,"href":"https:\/\/syncaura.online\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/syncaura.online\/wp-json\/wp\/v2\/pages\/10\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/syncaura.online\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}