{"id":7,"date":"2026-08-10T14:32:23","date_gmt":"2026-08-10T14:32:23","guid":{"rendered":"https:\/\/syncaura.online\/?page_id=7"},"modified":"2026-08-10T15:42:46","modified_gmt":"2026-08-10T15:42:46","slug":"home","status":"publish","type":"page","link":"https:\/\/syncaura.online\/","title":{"rendered":"Home"},"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=\"\/?page_id=8\" class=\"sa-nav__link\">Services<\/a>\n      <a href=\"\/?page_id=9\" class=\"sa-nav__link\">Industries<\/a>\n      <a href=\"\/?page_id=10\" class=\"sa-nav__link\">About<\/a>\n      <a href=\"\/?page_id=11\" class=\"sa-nav__link\">Contact<\/a>\n    <\/nav>\n\n    <div class=\"sa-header__actions\">\n      <a href=\"\/?page_id=11\" 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=\"\/?page_id=8\" class=\"sa-mobile__link\">Services<\/a>\n    <a href=\"\/?page_id=9\" class=\"sa-mobile__link\">Industries<\/a>\n    <a href=\"\/?page_id=10\" class=\"sa-mobile__link\">About<\/a>\n    <a href=\"\/?page_id=11\" class=\"sa-mobile__link\">Contact<\/a>\n    <a href=\"\/?page_id=11\" 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_hero ewb-gutenberg-block ewb-widget-sa_hero alignfull wp-block-wpcursor-ewb-sa-hero\"><style type=\"text\/css\" data-ewb-widget=\"sa_hero\">\n#ewb-block-2 .sa-hero {\n  position: relative;\n  overflow: hidden;\n  min-height: 92vh;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 120px 24px 90px;\n  background:\n    radial-gradient(1100px 620px at 82% 6%, rgba(124, 92, 255, 0.20), transparent 62%),\n    radial-gradient(900px 560px at 8% 88%, rgba(34, 211, 238, 0.14), transparent 60%),\n    var(--color-background);\n  font-family: var(--font-body);\n  isolation: isolate;\n}\n\n#ewb-block-2 .sa-hero__canvas {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 0;\n  opacity: 0.75;\n}\n\n\/* perspective grid floor *\/\n#ewb-block-2 .sa-hero__floor {\n  position: absolute;\n  left: -25%;\n  right: -25%;\n  bottom: -6%;\n  height: 46%;\n  z-index: 0;\n  transform: perspective(560px) rotateX(70deg);\n  transform-origin: bottom center;\n  background-image:\n    linear-gradient(rgba(59,130,246,0.30) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(59,130,246,0.22) 1px, transparent 1px);\n  background-size: 70px 70px;\n  animation: sa-floor 7s linear infinite;\n  -webkit-mask-image: linear-gradient(to top, #000 0%, transparent 78%);\n  mask-image: linear-gradient(to top, #000 0%, transparent 78%);\n}\n\n@keyframes sa-floor {\n  from { background-position: 0 0, 0 0; }\n  to   { background-position: 0 70px, 0 0; }\n}\n\n#ewb-block-2 .sa-hero__aurora {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(90px);\n  z-index: 0;\n  pointer-events: none;\n}\n\n#ewb-block-2 .sa-hero__aurora--a {\n  width: 460px; height: 460px;\n  top: -140px; right: 4%;\n  background: rgba(59, 130, 246, 0.34);\n  animation: sa-float-a 13s ease-in-out infinite;\n}\n\n#ewb-block-2 .sa-hero__aurora--b {\n  width: 380px; height: 380px;\n  bottom: -120px; left: -60px;\n  background: rgba(124, 92, 255, 0.28);\n  animation: sa-float-b 16s ease-in-out infinite;\n}\n\n@keyframes sa-float-a {\n  0%,100% { transform: translate3d(0,0,0) scale(1); }\n  50%     { transform: translate3d(-46px, 42px, 0) scale(1.12); }\n}\n@keyframes sa-float-b {\n  0%,100% { transform: translate3d(0,0,0) scale(1); }\n  50%     { transform: translate3d(48px, -38px, 0) scale(1.1); }\n}\n\n#ewb-block-2 .sa-hero__inner {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 1240px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1.05fr 0.95fr;\n  gap: 60px;\n  align-items: center;\n}\n\n\/* ---------- copy ---------- *\/\n#ewb-block-2 .sa-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 16px 8px 12px;\n  font-size: 0.78rem;\n  font-weight: 600;\n  letter-spacing: 0.04em;\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.28);\n  border-radius: var(--radius-full);\n  margin-bottom: 26px;\n}\n\n#ewb-block-2 .sa-pill__dot {\n  width: 8px; height: 8px;\n  border-radius: 50%;\n  background: var(--color-accent);\n  box-shadow: 0 0 0 0 rgba(34, 211, 238, 0.7);\n  animation: sa-ping 2s ease-out infinite;\n}\n\n@keyframes sa-ping {\n  0%   { box-shadow: 0 0 0 0 rgba(34,211,238,0.65); }\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-2 .sa-hero__title {\n  font-family: var(--font-heading);\n  font-size: clamp(2.4rem, 4.6vw, 4rem);\n  line-height: 1.06;\n  letter-spacing: -0.035em;\n  font-weight: 700;\n  color: var(--color-text);\n  margin: 0 0 22px;\n}\n\n#ewb-block-2 .sa-hero__grad {\n  display: block;\n  background: linear-gradient(96deg, var(--color-primary), var(--color-accent) 48%, var(--color-secondary));\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}\n\n#ewb-block-2 .sa-hero__rotator {\n  position: relative;\n  display: block;\n  height: 1.14em;\n  overflow: hidden;\n  font-size: 0.56em;\n  letter-spacing: -0.01em;\n  color: var(--color-text-muted);\n  margin-top: 10px;\n}\n\n#ewb-block-2 .sa-hero__word {\n  position: absolute;\n  left: 0; top: 0;\n  opacity: 0;\n  transform: translateY(70%) rotateX(-60deg);\n  transform-origin: top center;\n  transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);\n  white-space: nowrap;\n}\n\n#ewb-block-2 .sa-hero__word.is-active {\n  opacity: 1;\n  transform: translateY(0) rotateX(0deg);\n  color: var(--color-accent);\n}\n\n#ewb-block-2 .sa-hero__lead {\n  font-size: clamp(1rem, 1.2vw, 1.12rem);\n  line-height: 1.72;\n  color: var(--color-text-muted);\n  max-width: 560px;\n  margin: 0 0 34px;\n}\n\n#ewb-block-2 .sa-hero__cta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  margin-bottom: 52px;\n}\n\n#ewb-block-2 .sa-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  padding: 15px 28px;\n  font-size: 0.95rem;\n  font-weight: 600;\n  border-radius: var(--radius-full);\n  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, border-color 0.25s ease;\n}\n\n#ewb-block-2 .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.36);\n}\n\n#ewb-block-2 .sa-btn--primary:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 18px 44px rgba(59, 130, 246, 0.5);\n}\n\n#ewb-block-2 .sa-btn--ghost {\n  color: var(--color-text);\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid rgba(148, 163, 184, 0.26);\n}\n\n#ewb-block-2 .sa-btn--ghost:hover {\n  transform: translateY(-3px);\n  border-color: var(--color-accent);\n  background: rgba(34, 211, 238, 0.08);\n}\n\n\/* ---------- stats ---------- *\/\n#ewb-block-2 .sa-hero__stats {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 40px;\n  padding-top: 30px;\n  border-top: 1px solid rgba(148, 163, 184, 0.16);\n}\n\n#ewb-block-2 .sa-stat__value {\n  font-family: var(--font-heading);\n  font-size: 2rem;\n  font-weight: 700;\n  line-height: 1;\n  color: var(--color-text);\n  margin-bottom: 6px;\n}\n\n#ewb-block-2 .sa-stat__label {\n  font-size: 0.82rem;\n  color: var(--color-text-muted);\n  letter-spacing: 0.02em;\n}\n\n\/* ---------- 3D scene ---------- *\/\n#ewb-block-2 .sa-hero__visual {\n  position: relative;\n  perspective: 1400px;\n  min-height: 520px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n#ewb-block-2 .sa-scene {\n  position: relative;\n  width: 100%;\n  max-width: 460px;\n  height: 460px;\n  transform-style: preserve-3d;\n  transform: rotateX(12deg) rotateY(-17deg);\n  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);\n  animation: sa-bob 8s ease-in-out infinite;\n}\n\n@keyframes sa-bob {\n  0%,100% { margin-top: 0; }\n  50%     { margin-top: -16px; }\n}\n\n#ewb-block-2 .sa-ring {\n  position: absolute;\n  left: 50%; top: 50%;\n  border-radius: 50%;\n  border: 1px dashed rgba(148, 163, 184, 0.22);\n  transform-style: preserve-3d;\n}\n\n#ewb-block-2 .sa-ring--1 {\n  width: 500px; height: 500px;\n  margin: -250px 0 0 -250px;\n  transform: rotateX(76deg);\n  animation: sa-spin 22s linear infinite;\n  border-color: rgba(59, 130, 246, 0.30);\n}\n\n#ewb-block-2 .sa-ring--2 {\n  width: 380px; height: 380px;\n  margin: -190px 0 0 -190px;\n  transform: rotateX(76deg) rotateZ(40deg);\n  animation: sa-spin 15s linear infinite reverse;\n  border-color: rgba(34, 211, 238, 0.26);\n}\n\n@keyframes sa-spin {\n  from { transform: rotateX(76deg) rotateZ(0deg); }\n  to   { transform: rotateX(76deg) rotateZ(360deg); }\n}\n\n#ewb-block-2 .sa-layer {\n  position: absolute;\n  left: 0;\n  width: 100%;\n  padding: 18px 20px;\n  border-radius: var(--radius-lg);\n  background: linear-gradient(160deg, rgba(20, 30, 55, 0.92), rgba(10, 16, 32, 0.86));\n  border: 1px solid rgba(148, 163, 184, 0.20);\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.55);\n  transform-style: preserve-3d;\n}\n\n#ewb-block-2 .sa-layer--1 {\n  top: 232px;\n  transform: translateZ(84px);\n  border-color: rgba(59, 130, 246, 0.42);\n  box-shadow: 0 30px 70px rgba(0,0,0,0.6), 0 0 44px rgba(59, 130, 246, 0.22);\n}\n\n#ewb-block-2 .sa-layer--2 {\n  top: 116px;\n  transform: translateZ(44px) scale(0.955);\n}\n\n#ewb-block-2 .sa-layer--3 {\n  top: 6px;\n  transform: translateZ(6px) scale(0.91);\n}\n\n#ewb-block-2 .sa-layer__head {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  font-size: 0.8rem;\n  font-weight: 600;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--color-text-muted);\n  margin-bottom: 14px;\n}\n\n#ewb-block-2 .sa-layer__dot {\n  width: 8px; height: 8px;\n  border-radius: 50%;\n}\n\n#ewb-block-2 .sa-layer__live {\n  margin-left: auto;\n  padding: 3px 9px;\n  font-size: 0.6rem;\n  letter-spacing: 0.12em;\n  color: #6EE7B7;\n  background: rgba(16, 185, 129, 0.14);\n  border: 1px solid rgba(16, 185, 129, 0.32);\n  border-radius: var(--radius-full);\n  animation: sa-blink 2.4s ease-in-out infinite;\n}\n\n@keyframes sa-blink { 0%,100% { opacity: 1; } 50% { opacity: 0.42; } }\n\n#ewb-block-2 .sa-kpi {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n#ewb-block-2 .sa-kpi__value {\n  font-family: var(--font-heading);\n  font-size: 1.9rem;\n  font-weight: 700;\n  color: var(--color-text);\n  letter-spacing: -0.02em;\n}\n\n#ewb-block-2 .sa-kpi__meta {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font-size: 0.76rem;\n  font-weight: 600;\n  color: #6EE7B7;\n  padding-bottom: 5px;\n}\n\n#ewb-block-2 .sa-spark {\n  width: 100%;\n  height: 52px;\n  margin-top: 8px;\n  display: block;\n}\n\n#ewb-block-2 .sa-spark__path {\n  stroke-dasharray: 320;\n  stroke-dashoffset: 320;\n  animation: sa-draw 3.2s ease-in-out infinite;\n}\n\n@keyframes sa-draw {\n  0%   { stroke-dashoffset: 320; }\n  55%  { stroke-dashoffset: 0; }\n  90%  { stroke-dashoffset: 0; opacity: 1; }\n  100% { stroke-dashoffset: 0; opacity: 0.25; }\n}\n\n#ewb-block-2 .sa-bars {\n  display: flex;\n  align-items: flex-end;\n  gap: 7px;\n  height: 54px;\n}\n\n#ewb-block-2 .sa-bars i {\n  flex: 1;\n  border-radius: 4px 4px 0 0;\n  background: linear-gradient(180deg, var(--color-secondary), rgba(124, 92, 255, 0.18));\n  animation: sa-bar 2.6s ease-in-out infinite;\n  transform-origin: bottom;\n}\n\n#ewb-block-2 .sa-bars i:nth-child(2) { animation-delay: 0.2s; }\n#ewb-block-2 .sa-bars i:nth-child(3) { animation-delay: 0.4s; }\n#ewb-block-2 .sa-bars i:nth-child(4) { animation-delay: 0.6s; }\n#ewb-block-2 .sa-bars i:nth-child(5) { animation-delay: 0.8s; }\n#ewb-block-2 .sa-bars i:nth-child(6) { animation-delay: 1s; }\n\n@keyframes sa-bar {\n  0%,100% { transform: scaleY(1); }\n  50%     { transform: scaleY(0.58); }\n}\n\n#ewb-block-2 .sa-rows { display: grid; gap: 10px; }\n\n#ewb-block-2 .sa-rows span {\n  display: block;\n  height: 8px;\n  border-radius: var(--radius-full);\n  background: rgba(148, 163, 184, 0.14);\n  overflow: hidden;\n}\n\n#ewb-block-2 .sa-rows i {\n  display: block;\n  height: 100%;\n  border-radius: var(--radius-full);\n  background: linear-gradient(90deg, var(--color-accent), var(--color-primary));\n  animation: sa-fill 3.4s ease-in-out infinite;\n}\n\n#ewb-block-2 .sa-rows span:nth-child(2) i { animation-delay: 0.35s; }\n#ewb-block-2 .sa-rows span:nth-child(3) i { animation-delay: 0.7s; }\n\n@keyframes sa-fill {\n  0%,100% { filter: brightness(1); opacity: 0.85; }\n  50%     { filter: brightness(1.45); opacity: 1; }\n}\n\n#ewb-block-2 .sa-chip {\n  position: absolute;\n  padding: 8px 15px;\n  font-size: 0.74rem;\n  font-weight: 600;\n  color: var(--color-text);\n  background: rgba(12, 20, 36, 0.9);\n  border: 1px solid rgba(148, 163, 184, 0.24);\n  border-radius: var(--radius-full);\n  backdrop-filter: blur(10px);\n  box-shadow: 0 10px 26px rgba(0,0,0,0.45);\n  white-space: nowrap;\n}\n\n#ewb-block-2 .sa-chip--a { top: 40px; right: -34px; transform: translateZ(120px); animation: sa-chip 6s ease-in-out infinite; }\n#ewb-block-2 .sa-chip--b { top: 200px; left: -66px; transform: translateZ(140px); animation: sa-chip 7.5s ease-in-out infinite 0.6s; }\n#ewb-block-2 .sa-chip--c { bottom: 22px; right: -18px; transform: translateZ(110px); animation: sa-chip 6.8s ease-in-out infinite 1.2s; }\n\n@keyframes sa-chip {\n  0%,100% { margin-top: 0; }\n  50%     { margin-top: -14px; }\n}\n\n\/* ---------- scroll cue ---------- *\/\n#ewb-block-2 .sa-hero__scroll {\n  position: relative;\n  z-index: 2;\n  margin: 64px auto 0;\n  width: 24px;\n  height: 40px;\n  border: 1px solid rgba(148, 163, 184, 0.34);\n  border-radius: var(--radius-full);\n  display: flex;\n  justify-content: center;\n  padding-top: 7px;\n}\n\n#ewb-block-2 .sa-hero__scroll span {\n  width: 4px; height: 8px;\n  border-radius: 2px;\n  background: var(--color-accent);\n  animation: sa-scroll 1.8s ease-in-out infinite;\n}\n\n@keyframes sa-scroll {\n  0%   { transform: translateY(0); opacity: 1; }\n  75%  { transform: translateY(16px); opacity: 0; }\n  100% { transform: translateY(0); opacity: 0; }\n}\n\n\/* ---------- staged entrance ---------- *\/\n\/* .is-anim is set by JS, so with JS disabled nothing is ever left hidden.\n   Uses the independent translate property because the looping animations\n   on rings, chips and layers already own transform. *\/\n#ewb-block-2 .sa-hero.is-anim .sa-reveal {\n  opacity: 0;\n  translate: 0 28px;\n}\n\n#ewb-block-2 .sa-hero.is-anim .sa-reveal--fade {\n  translate: none;\n}\n\n#ewb-block-2 .sa-hero.is-anim.is-ready .sa-reveal {\n  opacity: 1;\n  translate: none;\n  transition: opacity 0.7s ease, translate 0.8s cubic-bezier(0.22, 1, 0.36, 1);\n  transition-delay: var(--d, 0s);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #ewb-block-2 .sa-hero.is-anim .sa-reveal {\n    opacity: 1;\n    translate: none;\n    transition: none;\n  }\n}\n\n\/* ---------- responsive ---------- *\/\n@media (max-width: 1024px) {\n  #ewb-block-2 .sa-hero__inner { grid-template-columns: 1fr; gap: 70px; }\n  #ewb-block-2 .sa-hero__visual { min-height: 460px; order: 2; }\n  #ewb-block-2 .sa-scene { max-width: 400px; }\n}\n\n@media (max-width: 640px) {\n  #ewb-block-2 .sa-hero { padding: 92px 18px 70px; min-height: auto; }\n  #ewb-block-2 .sa-hero__stats { gap: 26px; }\n  #ewb-block-2 .sa-stat__value { font-size: 1.6rem; }\n  #ewb-block-2 .sa-scene { height: 400px; max-width: 320px; }\n  #ewb-block-2 .sa-chip--a { right: -10px; }\n  #ewb-block-2 .sa-chip--b { left: -18px; }\n  #ewb-block-2 .sa-hero__cta .sa-btn { flex: 1 1 100%; justify-content: center; }\n}\n<\/style>\n<div id=\"ewb-block-2\" class=\"wpc-widget wpc-widget-sa_hero ewb-widget ewb-widget-sa_hero\"><section class=\"sa-hero\" data-sa-hero>\n  <canvas class=\"sa-hero__canvas\" data-sa-canvas aria-hidden=\"true\"><\/canvas>\n  <div class=\"sa-hero__floor\" aria-hidden=\"true\"><\/div>\n  <div class=\"sa-hero__aurora sa-hero__aurora--a\" aria-hidden=\"true\"><\/div>\n  <div class=\"sa-hero__aurora sa-hero__aurora--b\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"sa-hero__inner\">\n    <div class=\"sa-hero__copy\">\n      <span class=\"sa-pill sa-reveal\" style=\"--d:0.05s\">\n        <span class=\"sa-pill__dot\"><\/span>\n        Microsoft Dynamics 365 Implementation Specialists\n      <\/span>\n\n      <h1 class=\"sa-hero__title sa-reveal\" style=\"--d:0.16s\">\n        Run your business on\n        <span class=\"sa-hero__grad\">one live system<\/span>\n        <span class=\"sa-hero__rotator\" data-sa-rotator>\n          <span class=\"sa-hero__word is-active\">Dynamics 365 ERP<\/span>\n          <span class=\"sa-hero__word\">Dynamics 365 CRM<\/span>\n          <span class=\"sa-hero__word\">Business Central<\/span>\n          <span class=\"sa-hero__word\">Finance &amp; Operations<\/span>\n        <\/span>\n      <\/h1>\n\n      <p class=\"sa-hero__lead sa-reveal\" style=\"--d:0.30s\">\n        Syncaura Solution designs, implements and supports Microsoft Dynamics 365 \u2014\n        connecting your finance, sales, service and supply chain into a single source\n        of truth your teams actually trust.\n      <\/p>\n\n      <div class=\"sa-hero__cta sa-reveal\" style=\"--d:0.44s\">\n        <a href=\"\/?page_id=11\" 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        <a href=\"\/?page_id=8\" class=\"sa-btn sa-btn--ghost\">\n          <span>Explore Our Services<\/span>\n        <\/a>\n      <\/div>\n\n      <div class=\"sa-hero__stats sa-reveal\" style=\"--d:0.58s\" data-sa-stats>\n        <div class=\"sa-stat\">\n          <div class=\"sa-stat__value\"><span data-sa-count=\"120\">0<\/span>+<\/div>\n          <div class=\"sa-stat__label\">D365 projects delivered<\/div>\n        <\/div>\n        <div class=\"sa-stat\">\n          <div class=\"sa-stat__value\"><span data-sa-count=\"15\">0<\/span>+<\/div>\n          <div class=\"sa-stat__label\">Industries served<\/div>\n        <\/div>\n        <div class=\"sa-stat\">\n          <div class=\"sa-stat__value\"><span data-sa-count=\"99\">0<\/span>%<\/div>\n          <div class=\"sa-stat__label\">Support SLA met<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"sa-hero__visual\" data-sa-tilt>\n      <div class=\"sa-scene\" data-sa-scene>\n        <div class=\"sa-ring sa-ring--1 sa-reveal sa-reveal--fade\" style=\"--d:0.32s\" aria-hidden=\"true\"><\/div>\n        <div class=\"sa-ring sa-ring--2 sa-reveal sa-reveal--fade\" style=\"--d:0.44s\" aria-hidden=\"true\"><\/div>\n\n        <div class=\"sa-layer sa-layer--3 sa-reveal\" style=\"--d:0.60s\">\n          <div class=\"sa-layer__head\">\n            <span class=\"sa-layer__dot\" style=\"background: var(--color-secondary);\"><\/span>\n            Supply Chain\n          <\/div>\n          <div class=\"sa-bars\">\n            <i style=\"height:38%\"><\/i><i style=\"height:64%\"><\/i><i style=\"height:47%\"><\/i>\n            <i style=\"height:82%\"><\/i><i style=\"height:58%\"><\/i><i style=\"height:91%\"><\/i>\n          <\/div>\n        <\/div>\n\n        <div class=\"sa-layer sa-layer--2 sa-reveal\" style=\"--d:0.74s\">\n          <div class=\"sa-layer__head\">\n            <span class=\"sa-layer__dot\" style=\"background: var(--color-accent);\"><\/span>\n            Sales &amp; CRM\n          <\/div>\n          <div class=\"sa-rows\">\n            <span><i style=\"width:78%\"><\/i><\/span>\n            <span><i style=\"width:54%\"><\/i><\/span>\n            <span><i style=\"width:66%\"><\/i><\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"sa-layer sa-layer--1 sa-reveal\" style=\"--d:0.88s\">\n          <div class=\"sa-layer__head\">\n            <span class=\"sa-layer__dot\" style=\"background: var(--color-primary);\"><\/span>\n            Finance &amp; Operations\n            <span class=\"sa-layer__live\">LIVE<\/span>\n          <\/div>\n          <div class=\"sa-kpi\">\n            <div class=\"sa-kpi__value\" data-sa-ticker=\"2.48\">$2.48M<\/div>\n            <div class=\"sa-kpi__meta\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 15l7-7 7 7\"\/><\/svg>\n              18.4% vs last quarter\n            <\/div>\n          <\/div>\n          <svg class=\"sa-spark\" viewBox=\"0 0 200 52\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n            <defs>\n              <linearGradient id=\"saSparkewb-block-2\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n                <stop offset=\"0%\" stop-color=\"var(--color-primary)\"\/>\n                <stop offset=\"100%\" stop-color=\"var(--color-accent)\"\/>\n              <\/linearGradient>\n            <\/defs>\n            <path d=\"M0,42 L28,34 L56,38 L84,22 L112,28 L140,14 L168,18 L200,4\"\n                  fill=\"none\" stroke=\"url(#saSparkewb-block-2)\" stroke-width=\"2.5\"\n                  stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sa-spark__path\"\/>\n          <\/svg>\n        <\/div>\n\n        <div class=\"sa-chip sa-chip--a sa-reveal\" style=\"--d:1.02s\">Power BI<\/div>\n        <div class=\"sa-chip sa-chip--b sa-reveal\" style=\"--d:1.14s\">Power Automate<\/div>\n        <div class=\"sa-chip sa-chip--c sa-reveal\" style=\"--d:1.26s\">Azure<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"sa-hero__scroll sa-reveal\" style=\"--d:1.40s\" aria-hidden=\"true\">\n    <span><\/span>\n  <\/div>\n<\/section>\n<\/div>\n<script type=\"text\/javascript\" data-ewb-widget=\"sa_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 reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/* ---- staged entrance ---- *\/\n  var hero = root.querySelector('[data-sa-hero]');\n  if (hero) {\n    hero.classList.add('is-anim');\n    if (reduced) {\n      hero.classList.add('is-ready');\n    } else {\n      window.requestAnimationFrame(function () {\n        window.requestAnimationFrame(function () { hero.classList.add('is-ready'); });\n      });\n    }\n  }\n\n  \/* ---- rotating headline word ---- *\/\n  var rotator = root.querySelector('[data-sa-rotator]');\n  if (rotator) {\n    var words = rotator.querySelectorAll('.sa-hero__word');\n    var wi = 0;\n    setInterval(function () {\n      words[wi].classList.remove('is-active');\n      wi = (wi + 1) % words.length;\n      words[wi].classList.add('is-active');\n    }, 2600);\n  }\n\n  \/* ---- mouse-driven 3D tilt ---- *\/\n  var stage = root.querySelector('[data-sa-tilt]');\n  var scene = root.querySelector('[data-sa-scene]');\n  if (!reduced) if (stage) if (scene) {\n    stage.addEventListener('mousemove', function (e) {\n      var r = stage.getBoundingClientRect();\n      var px = (e.clientX - r.left) \/ r.width - 0.5;\n      var py = (e.clientY - r.top) \/ r.height - 0.5;\n      scene.style.transform =\n        'rotateX(' + (12 - py * 18).toFixed(2) + 'deg) rotateY(' + (-17 + px * 24).toFixed(2) + 'deg)';\n    });\n    stage.addEventListener('mouseleave', function () {\n      scene.style.transform = 'rotateX(12deg) rotateY(-17deg)';\n    });\n  }\n\n  \/* ---- animated counters ---- *\/\n  var stats = root.querySelector('[data-sa-stats]');\n  if (stats) {\n    var run = function () {\n      var nodes = stats.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 start = null;\n          var step = function (ts) {\n            if (!start) start = ts;\n            var p = Math.min((ts - start) \/ 1600, 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.35 });\n      io.observe(stats);\n    } else { run(); }\n  }\n\n  \/* ---- live KPI ticker ---- *\/\n  var ticker = root.querySelector('[data-sa-ticker]');\n  if (!reduced) if (ticker) {\n    var base = parseFloat(ticker.getAttribute('data-sa-ticker'));\n    setInterval(function () {\n      var v = base + (Math.random() * 0.14 - 0.05);\n      ticker.textContent = '$' + v.toFixed(2) + 'M';\n    }, 2200);\n  }\n\n  \/* ---- particle network canvas ---- *\/\n  var canvas = root.querySelector('[data-sa-canvas]');\n  if (!reduced) if (canvas) if (canvas.getContext) {\n    var ctx = canvas.getContext('2d');\n    var pts = [];\n    var w = 0, h = 0, dpr = Math.min(window.devicePixelRatio || 1, 2);\n    var mouse = { x: -9999, y: -9999 };\n\n    var resize = function () {\n      var r = canvas.getBoundingClientRect();\n      w = r.width; h = r.height;\n      canvas.width = w * dpr;\n      canvas.height = h * dpr;\n      ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n      var count = Math.min(Math.round((w * h) \/ 15000), 90);\n      pts = [];\n      for (var i = 0; i < count; i++) {\n        pts.push({\n          x: Math.random() * w,\n          y: Math.random() * h,\n          vx: (Math.random() - 0.5) * 0.32,\n          vy: (Math.random() - 0.5) * 0.32,\n          r: Math.random() * 1.7 + 0.7\n        });\n      }\n    };\n\n    var draw = function () {\n      ctx.clearRect(0, 0, w, h);\n      for (var i = 0; i < pts.length; i++) {\n        var p = pts[i];\n        p.x += p.vx; p.y += p.vy;\n        if (p.x < 0 || p.x > w) p.vx *= -1;\n        if (p.y < 0 || p.y > h) p.vy *= -1;\n\n        ctx.beginPath();\n        ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);\n        ctx.fillStyle = 'rgba(96, 165, 250, 0.55)';\n        ctx.fill();\n\n        for (var j = i + 1; j < pts.length; j++) {\n          var q = pts[j];\n          var dx = p.x - q.x, dy = p.y - q.y;\n          var d2 = dx * dx + dy * dy;\n          if (d2 < 15000) {\n            ctx.beginPath();\n            ctx.moveTo(p.x, p.y);\n            ctx.lineTo(q.x, q.y);\n            ctx.strokeStyle = 'rgba(59, 130, 246, ' + (0.16 * (1 - d2 \/ 15000)).toFixed(3) + ')';\n            ctx.lineWidth = 1;\n            ctx.stroke();\n          }\n        }\n\n        var mdx = p.x - mouse.x, mdy = p.y - mouse.y;\n        var md2 = mdx * mdx + mdy * mdy;\n        if (md2 < 26000) {\n          ctx.beginPath();\n          ctx.moveTo(p.x, p.y);\n          ctx.lineTo(mouse.x, mouse.y);\n          ctx.strokeStyle = 'rgba(34, 211, 238, ' + (0.30 * (1 - md2 \/ 26000)).toFixed(3) + ')';\n          ctx.lineWidth = 1;\n          ctx.stroke();\n        }\n      }\n      requestAnimationFrame(draw);\n    };\n\n    root.addEventListener('mousemove', function (e) {\n      var r = canvas.getBoundingClientRect();\n      mouse.x = e.clientX - r.left;\n      mouse.y = e.clientY - r.top;\n    });\n    root.addEventListener('mouseleave', function () { mouse.x = -9999; mouse.y = -9999; });\n\n    window.addEventListener('resize', resize);\n    resize();\n    draw();\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_services ewb-gutenberg-block ewb-widget-sa_services alignfull wp-block-wpcursor-ewb-sa-services\"><style type=\"text\/css\" data-ewb-widget=\"sa_services\">\n#ewb-block-3 .sa-services {\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-3 .sa-services__bg {\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(59, 130, 246, 0.055) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(59, 130, 246, 0.055) 1px, transparent 1px);\n  background-size: 62px 62px;\n  -webkit-mask-image: radial-gradient(ellipse 78% 64% at 50% 42%, #000 20%, transparent 78%);\n  mask-image: radial-gradient(ellipse 78% 64% at 50% 42%, #000 20%, transparent 78%);\n  pointer-events: none;\n}\n\n#ewb-block-3 .sa-services__inner {\n  position: relative;\n  z-index: 2;\n  max-width: 1240px;\n  margin: 0 auto;\n}\n\n\/* ---- section head ---- *\/\n#ewb-block-3 .sa-sec-head {\n  max-width: 760px;\n  margin: 0 auto 62px;\n  text-align: center;\n}\n\n#ewb-block-3 .sa-eyebrow {\n  display: inline-block;\n  padding: 7px 16px;\n  margin-bottom: 20px;\n  font-size: 0.74rem;\n  font-weight: 700;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--color-accent);\n  background: rgba(34, 211, 238, 0.08);\n  border: 1px solid rgba(34, 211, 238, 0.26);\n  border-radius: var(--radius-full);\n}\n\n#ewb-block-3 .sa-sec-title {\n  font-family: var(--font-heading);\n  font-size: clamp(1.9rem, 3.2vw, 2.9rem);\n  line-height: 1.16;\n  letter-spacing: -0.03em;\n  font-weight: 700;\n  color: var(--color-text);\n  margin: 0 0 18px;\n}\n\n#ewb-block-3 .sa-sec-title span {\n  background: linear-gradient(96deg, var(--color-primary), var(--color-accent));\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}\n\n#ewb-block-3 .sa-sec-lead {\n  font-size: 1.03rem;\n  line-height: 1.75;\n  color: var(--color-text-muted);\n  margin: 0;\n}\n\n\/* ---- cards ---- *\/\n#ewb-block-3 .sa-cards {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  perspective: 1400px;\n}\n\n#ewb-block-3 .sa-card {\n  position: relative;\n  overflow: hidden;\n  padding: 34px 30px 30px;\n  border-radius: var(--radius-lg);\n  background: linear-gradient(160deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015));\n  border: 1px solid rgba(148, 163, 184, 0.16);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  transform-style: preserve-3d;\n  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.32s ease, box-shadow 0.32s ease;\n  opacity: 0;\n  translate: 0 26px;\n}\n\n#ewb-block-3 .sa-card.is-in {\n  opacity: 1;\n  translate: 0 0;\n  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.32s ease,\n              box-shadow 0.32s ease, opacity 0.7s ease, translate 0.7s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#ewb-block-3 .sa-card:hover {\n  border-color: rgba(59, 130, 246, 0.5);\n  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.5), 0 0 44px rgba(59, 130, 246, 0.14);\n}\n\n\/* cursor-tracking spotlight *\/\n#ewb-block-3 .sa-card__glow {\n  position: absolute;\n  inset: 0;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n  background: radial-gradient(280px circle at var(--mx, 50%) var(--my, 50%), rgba(59, 130, 246, 0.22), transparent 68%);\n  pointer-events: none;\n}\n\n#ewb-block-3 .sa-card:hover .sa-card__glow { opacity: 1; }\n\n#ewb-block-3 .sa-card__icon {\n  position: relative;\n  width: 54px;\n  height: 54px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 22px;\n  border-radius: var(--radius-md);\n  color: var(--color-accent);\n  background: linear-gradient(150deg, rgba(59, 130, 246, 0.20), rgba(124, 92, 255, 0.12));\n  border: 1px solid rgba(59, 130, 246, 0.32);\n  box-shadow: 0 8px 26px rgba(59, 130, 246, 0.18);\n  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);\n  transform: translateZ(30px);\n}\n\n#ewb-block-3 .sa-card:hover .sa-card__icon { transform: translateZ(48px) scale(1.06); }\n\n#ewb-block-3 .sa-card__icon svg { width: 26px; height: 26px; }\n\n#ewb-block-3 .sa-card h3 {\n  position: relative;\n  font-family: var(--font-heading);\n  font-size: 1.18rem;\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  color: var(--color-text);\n  margin: 0 0 12px;\n  transform: translateZ(22px);\n}\n\n#ewb-block-3 .sa-card p {\n  position: relative;\n  font-size: 0.94rem;\n  line-height: 1.72;\n  color: var(--color-text-muted);\n  margin: 0 0 20px;\n  transform: translateZ(14px);\n}\n\n#ewb-block-3 .sa-card__list {\n  position: relative;\n  list-style: none;\n  margin: 0;\n  padding: 18px 0 0;\n  border-top: 1px solid rgba(148, 163, 184, 0.14);\n  display: grid;\n  gap: 10px;\n  transform: translateZ(10px);\n}\n\n#ewb-block-3 .sa-card__list li {\n  position: relative;\n  padding-left: 22px;\n  font-size: 0.87rem;\n  line-height: 1.5;\n  color: var(--color-text-muted);\n}\n\n#ewb-block-3 .sa-card__list li::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 7px;\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\/* ---- foot ---- *\/\n#ewb-block-3 .sa-services__foot {\n  display: flex;\n  justify-content: center;\n  margin-top: 52px;\n}\n\n#ewb-block-3 .sa-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  padding: 15px 30px;\n  font-size: 0.94rem;\n  font-weight: 600;\n  border-radius: var(--radius-full);\n  transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;\n}\n\n#ewb-block-3 .sa-btn--ghost {\n  color: var(--color-text);\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid rgba(148, 163, 184, 0.26);\n}\n\n#ewb-block-3 .sa-btn--ghost:hover {\n  transform: translateY(-3px);\n  border-color: var(--color-accent);\n  background: rgba(34, 211, 238, 0.08);\n}\n\n@media (max-width: 1024px) {\n  #ewb-block-3 .sa-cards { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 680px) {\n  #ewb-block-3 .sa-services { padding: 76px 18px; }\n  #ewb-block-3 .sa-cards { grid-template-columns: 1fr; gap: 18px; }\n  #ewb-block-3 .sa-card { padding: 28px 24px; }\n}\n<\/style>\n<div id=\"ewb-block-3\" class=\"wpc-widget wpc-widget-sa_services ewb-widget ewb-widget-sa_services\"><section class=\"sa-services\">\n  <div class=\"sa-services__bg\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"sa-services__inner\">\n    <div class=\"sa-sec-head\">\n      <span class=\"sa-eyebrow\">What we do<\/span>\n      <h2 class=\"sa-sec-title\">End-to-end Dynamics 365 capability, <span>under one roof<\/span><\/h2>\n      <p class=\"sa-sec-lead\">\n        From first process workshop to day-1000 support \u2014 Syncaura covers every stage\n        of the Dynamics 365 lifecycle so you never have to stitch vendors together.\n      <\/p>\n    <\/div>\n\n    <div class=\"sa-cards\" data-sa-cards>\n      <article class=\"sa-card\" data-sa-card>\n        <div class=\"sa-card__glow\" aria-hidden=\"true\"><\/div>\n        <div class=\"sa-card__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3.5 7.5l8.5-4.5 8.5 4.5-8.5 4.5z\"\/><path d=\"M3.5 12l8.5 4.5 8.5-4.5\"\/><path d=\"M3.5 16.5L12 21l8.5-4.5\"\/><\/svg>\n        <\/div>\n        <h3>Dynamics 365 Implementation<\/h3>\n        <p>Full-lifecycle rollouts of Finance &amp; Operations, Business Central, Sales and Customer Service \u2014 scoped, configured, tested and launched.<\/p>\n        <ul class=\"sa-card__list\">\n          <li>Process discovery &amp; fit-gap analysis<\/li>\n          <li>Solution design &amp; configuration<\/li>\n          <li>UAT, training and go-live support<\/li>\n        <\/ul>\n      <\/article>\n\n      <article class=\"sa-card\" data-sa-card>\n        <div class=\"sa-card__glow\" aria-hidden=\"true\"><\/div>\n        <div class=\"sa-card__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"6\" rx=\"7.5\" ry=\"3\"\/><path d=\"M4.5 6v6c0 1.66 3.36 3 7.5 3s7.5-1.34 7.5-3V6\"\/><path d=\"M4.5 12v6c0 1.66 3.36 3 7.5 3s7.5-1.34 7.5-3v-6\"\/><\/svg>\n        <\/div>\n        <h3>ERP Migration &amp; Upgrade<\/h3>\n        <p>Move off Dynamics AX, NAV, GP or legacy ERP onto modern D365 in the cloud \u2014 without losing history or halting operations.<\/p>\n        <ul class=\"sa-card__list\">\n          <li>Legacy system assessment<\/li>\n          <li>Data cleansing &amp; migration<\/li>\n          <li>Parallel-run cutover planning<\/li>\n        <\/ul>\n      <\/article>\n\n      <article class=\"sa-card\" data-sa-card>\n        <div class=\"sa-card__glow\" aria-hidden=\"true\"><\/div>\n        <div class=\"sa-card__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 20v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"3.2\"\/><path d=\"M17.5 11.5l2 2 4-4.5\"\/><\/svg>\n        <\/div>\n        <h3>CRM &amp; Sales Automation<\/h3>\n        <p>Turn Dynamics 365 Sales and Customer Service into a pipeline your revenue team actually uses \u2014 clean data, real forecasts, less admin.<\/p>\n        <ul class=\"sa-card__list\">\n          <li>Lead-to-cash process design<\/li>\n          <li>Automated workflows &amp; scoring<\/li>\n          <li>Dashboards for every role<\/li>\n        <\/ul>\n      <\/article>\n\n      <article class=\"sa-card\" data-sa-card>\n        <div class=\"sa-card__glow\" aria-hidden=\"true\"><\/div>\n        <div class=\"sa-card__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"6\" cy=\"6\" r=\"2.6\"\/><circle cx=\"18\" cy=\"6\" r=\"2.6\"\/><circle cx=\"12\" cy=\"18\" r=\"2.6\"\/><path d=\"M7.6 8L11 15.5M16.4 8L13 15.5M8.6 6h6.8\"\/><\/svg>\n        <\/div>\n        <h3>Integration &amp; Power Platform<\/h3>\n        <p>Connect D365 to the rest of your stack and automate the gaps with Power Automate, Power Apps and custom APIs.<\/p>\n        <ul class=\"sa-card__list\">\n          <li>API &amp; middleware integration<\/li>\n          <li>Power Apps for edge processes<\/li>\n          <li>Automated approvals &amp; alerts<\/li>\n        <\/ul>\n      <\/article>\n\n      <article class=\"sa-card\" data-sa-card>\n        <div class=\"sa-card__glow\" aria-hidden=\"true\"><\/div>\n        <div class=\"sa-card__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18\"\/><rect x=\"4.5\" y=\"12\" width=\"3.6\" height=\"6\" rx=\"1\"\/><rect x=\"10.2\" y=\"7\" width=\"3.6\" height=\"11\" rx=\"1\"\/><rect x=\"15.9\" y=\"3.5\" width=\"3.6\" height=\"14.5\" rx=\"1\"\/><\/svg>\n        <\/div>\n        <h3>Data, Reporting &amp; Power BI<\/h3>\n        <p>One version of the truth. We model your D365 data and build Power BI reporting leadership can act on the same day.<\/p>\n        <ul class=\"sa-card__list\">\n          <li>Data model &amp; warehouse design<\/li>\n          <li>Executive &amp; operational dashboards<\/li>\n          <li>Governance and access control<\/li>\n        <\/ul>\n      <\/article>\n\n      <article class=\"sa-card\" data-sa-card>\n        <div class=\"sa-card__glow\" aria-hidden=\"true\"><\/div>\n        <div class=\"sa-card__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2.5l7.5 3v6c0 4.6-3.2 8.4-7.5 10-4.3-1.6-7.5-5.4-7.5-10v-6z\"\/><path d=\"M9 12l2.2 2.2L15.4 10\"\/><\/svg>\n        <\/div>\n        <h3>Managed Support &amp; Optimisation<\/h3>\n        <p>An SLA-backed support desk plus a continuous-improvement roadmap, so your investment keeps compounding after go-live.<\/p>\n        <ul class=\"sa-card__list\">\n          <li>Tiered SLA support desk<\/li>\n          <li>Release &amp; update management<\/li>\n          <li>Quarterly optimisation reviews<\/li>\n        <\/ul>\n      <\/article>\n    <\/div>\n\n    <div class=\"sa-services__foot\">\n      <a href=\"\/?page_id=8\" class=\"sa-btn sa-btn--ghost\">\n        <span>See the full service breakdown<\/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<\/section>\n<\/div>\n<script type=\"text\/javascript\" data-ewb-widget=\"sa_services\">\n(function() {\n  'use strict';\n  \n  const widgetId = 'ewb-block-3';\n  const widget = document.getElementById(widgetId);\n  \n  if (!widget) {\n    console.warn('EWB Widget element not found:', widgetId);\n    return;\n  }\n  \n  try {\n    (function () {\n  var root = document.getElementById('ewb-block-3');\n  if (!root) return;\n\n  var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var cards = root.querySelectorAll('[data-sa-card]');\n\n  \/* staggered reveal on scroll *\/\n  if ('IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function (entries) {\n      for (var i = 0; i < entries.length; i++) {\n        if (entries[i].isIntersecting) {\n          var el = entries[i].target;\n          var idx = parseInt(el.getAttribute('data-idx') || '0', 10);\n          setTimeout(function (node) {\n            return function () { node.classList.add('is-in'); };\n          }(el), idx * 90);\n          io.unobserve(el);\n        }\n      }\n    }, { threshold: 0.18 });\n    for (var i = 0; i < cards.length; i++) {\n      cards[i].setAttribute('data-idx', i);\n      io.observe(cards[i]);\n    }\n  } else {\n    for (var k = 0; k < cards.length; k++) cards[k].classList.add('is-in');\n  }\n\n  \/* 3D tilt + cursor spotlight *\/\n  if (!reduced) {\n    for (var j = 0; j < cards.length; j++) {\n      (function (card) {\n        card.addEventListener('mousemove', function (e) {\n          var r = card.getBoundingClientRect();\n          var x = e.clientX - r.left;\n          var y = e.clientY - r.top;\n          var px = x \/ r.width - 0.5;\n          var py = y \/ r.height - 0.5;\n          card.style.transform =\n            'rotateX(' + (-py * 8).toFixed(2) + 'deg) rotateY(' + (px * 10).toFixed(2) + 'deg) translateY(-6px)';\n          card.style.setProperty('--mx', x + 'px');\n          card.style.setProperty('--my', y + 'px');\n        });\n        card.addEventListener('mouseleave', function () {\n          card.style.transform = '';\n        });\n      })(cards[j]);\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_products ewb-gutenberg-block ewb-widget-sa_products alignfull wp-block-wpcursor-ewb-sa-products\"><style type=\"text\/css\" data-ewb-widget=\"sa_products\">\n#ewb-block-4 .sa-pr {\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-pr__glow {\n  position: absolute;\n  left: 50%;\n  top: -180px;\n  width: 820px;\n  max-width: 90%;\n  height: 420px;\n  transform: translateX(-50%);\n  border-radius: 50%;\n  background: rgba(59, 130, 246, 0.14);\n  filter: blur(120px);\n  pointer-events: none;\n}\n\n\/* ---------- head ---------- *\/\n#ewb-block-4 .sa-pr__head {\n  position: relative;\n  z-index: 1;\n  max-width: 760px;\n  margin: 0 auto 64px;\n  text-align: center;\n}\n\n#ewb-block-4 .sa-pr__eyebrow {\n  display: inline-block;\n  margin-bottom: 16px;\n  padding: 7px 16px;\n  border-radius: var(--radius-full);\n  border: 1px solid rgba(148, 163, 184, 0.24);\n  background: rgba(59, 130, 246, 0.10);\n  color: var(--color-accent);\n  font-size: 0.74rem;\n  font-weight: 600;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n}\n\n#ewb-block-4 .sa-pr__title {\n  margin: 0 0 16px;\n  font-family: var(--font-heading);\n  font-size: clamp(1.75rem, 3.4vw, 2.6rem);\n  line-height: 1.16;\n  font-weight: 700;\n  color: var(--color-text);\n}\n\n#ewb-block-4 .sa-pr__lead {\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.72;\n  color: var(--color-text-muted);\n}\n\n\/* ---------- group ---------- *\/\n#ewb-block-4 .sa-pr__group {\n  position: relative;\n  z-index: 1;\n  max-width: 1240px;\n  margin: 0 auto 72px;\n}\n\n#ewb-block-4 .sa-pr__group:last-of-type { margin-bottom: 0; }\n\n#ewb-block-4 .sa-pr__bar {\n  display: flex;\n  align-items: center;\n  gap: 22px;\n  margin-bottom: 30px;\n  padding: 20px 26px;\n  border-radius: var(--radius-lg);\n  border: 1px solid rgba(148, 163, 184, 0.18);\n  background: linear-gradient(120deg, rgba(59, 130, 246, 0.14), rgba(12, 20, 36, 0.5) 60%);\n}\n\n#ewb-block-4 .sa-pr__group--crm .sa-pr__bar {\n  background: linear-gradient(120deg, rgba(34, 211, 238, 0.14), rgba(12, 20, 36, 0.5) 60%);\n}\n\n#ewb-block-4 .sa-pr__num {\n  flex: 0 0 auto;\n  font-family: var(--font-heading);\n  font-size: 1.7rem;\n  font-weight: 700;\n  line-height: 1;\n  color: var(--color-primary);\n  opacity: 0.65;\n}\n\n#ewb-block-4 .sa-pr__group--crm .sa-pr__num { color: var(--color-accent); }\n\n#ewb-block-4 .sa-pr__bar-copy { flex: 1 1 auto; min-width: 0; }\n\n#ewb-block-4 .sa-pr__bar-copy h3 {\n  margin: 0 0 4px;\n  font-family: var(--font-heading);\n  font-size: 1.3rem;\n  font-weight: 700;\n  color: var(--color-text);\n}\n\n#ewb-block-4 .sa-pr__bar-copy h3 span {\n  font-weight: 400;\n  color: var(--color-text-muted);\n}\n\n#ewb-block-4 .sa-pr__bar-copy p {\n  margin: 0;\n  font-size: 0.92rem;\n  color: var(--color-text-muted);\n}\n\n#ewb-block-4 .sa-pr__count {\n  flex: 0 0 auto;\n  padding: 8px 14px;\n  border-radius: var(--radius-full);\n  border: 1px solid rgba(148, 163, 184, 0.2);\n  background: rgba(5, 7, 15, 0.5);\n  font-size: 0.8rem;\n  color: var(--color-text-muted);\n  white-space: nowrap;\n}\n\n#ewb-block-4 .sa-pr__count b { color: var(--color-text); }\n\n\/* ---------- cards ---------- *\/\n#ewb-block-4 .sa-pr__grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 18px;\n}\n\n#ewb-block-4 .sa-pr__card {\n  position: relative;\n  padding: 26px 22px;\n  border-radius: var(--radius-md);\n  border: 1px solid rgba(148, 163, 184, 0.16);\n  background: linear-gradient(160deg, rgba(12, 20, 36, 0.9), rgba(5, 7, 15, 0.9));\n  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.4s ease, box-shadow 0.4s ease;\n}\n\n#ewb-block-4 .sa-pr__card:hover {\n  transform: translateY(-6px);\n  border-color: rgba(59, 130, 246, 0.5);\n  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.5);\n}\n\n#ewb-block-4 .sa-pr__group--crm .sa-pr__card:hover {\n  border-color: rgba(34, 211, 238, 0.5);\n}\n\n#ewb-block-4 .sa-pr__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 46px;\n  height: 46px;\n  margin-bottom: 18px;\n  border-radius: var(--radius-sm);\n  border: 1px solid rgba(59, 130, 246, 0.32);\n  background: rgba(59, 130, 246, 0.13);\n  color: var(--color-primary);\n}\n\n#ewb-block-4 .sa-pr__group--crm .sa-pr__icon {\n  border-color: rgba(34, 211, 238, 0.32);\n  background: rgba(34, 211, 238, 0.13);\n  color: var(--color-accent);\n}\n\n#ewb-block-4 .sa-pr__icon svg { width: 23px; height: 23px; }\n\n#ewb-block-4 .sa-pr__card h4 {\n  margin: 0 0 8px;\n  font-family: var(--font-heading);\n  font-size: 1.02rem;\n  font-weight: 600;\n  line-height: 1.3;\n  color: var(--color-text);\n}\n\n#ewb-block-4 .sa-pr__card p {\n  margin: 0;\n  font-size: 0.88rem;\n  line-height: 1.62;\n  color: var(--color-text-muted);\n}\n\n\/* ---------- foot ---------- *\/\n#ewb-block-4 .sa-pr__foot {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 22px;\n  max-width: 1240px;\n  margin: 64px auto 0;\n  text-align: center;\n}\n\n#ewb-block-4 .sa-pr__foot p {\n  margin: 0;\n  font-size: 0.98rem;\n  color: var(--color-text-muted);\n}\n\n#ewb-block-4 .sa-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 14px 26px;\n  border-radius: var(--radius-full);\n  font-size: 0.94rem;\n  font-weight: 600;\n  text-decoration: none;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n#ewb-block-4 .sa-btn--primary {\n  background: linear-gradient(120deg, var(--color-primary), var(--color-secondary));\n  color: #fff;\n  box-shadow: 0 14px 34px rgba(59, 130, 246, 0.34);\n}\n\n#ewb-block-4 .sa-btn--primary:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 20px 44px rgba(59, 130, 246, 0.44);\n}\n\n\/* ---------- staged reveal ---------- *\/\n\/* .is-anim is set by JS, so with JS disabled nothing is ever left hidden. *\/\n#ewb-block-4 .sa-pr.is-anim [data-sa-card],\n#ewb-block-4 .sa-pr.is-anim .sa-pr__bar {\n  opacity: 0;\n  translate: 0 24px;\n}\n\n#ewb-block-4 .sa-pr.is-anim [data-sa-group].is-ready [data-sa-card],\n#ewb-block-4 .sa-pr.is-anim [data-sa-group].is-ready .sa-pr__bar {\n  opacity: 1;\n  translate: none;\n  transition: opacity 0.6s ease, translate 0.7s cubic-bezier(0.22, 1, 0.36, 1);\n  transition-delay: var(--d, 0s);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #ewb-block-4 .sa-pr.is-anim [data-sa-card],\n  #ewb-block-4 .sa-pr.is-anim .sa-pr__bar {\n    opacity: 1;\n    translate: none;\n    transition: none;\n  }\n  #ewb-block-4 .sa-pr__card { transition: none; }\n}\n\n\/* ---------- responsive ---------- *\/\n@media (max-width: 1080px) {\n  #ewb-block-4 .sa-pr__grid { grid-template-columns: repeat(3, 1fr); }\n}\n\n@media (max-width: 820px) {\n  #ewb-block-4 .sa-pr { padding: 80px 20px; }\n  #ewb-block-4 .sa-pr__grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }\n  #ewb-block-4 .sa-pr__bar { flex-wrap: wrap; gap: 14px; padding: 18px 20px; }\n  #ewb-block-4 .sa-pr__count { order: 3; }\n}\n\n@media (max-width: 560px) {\n  #ewb-block-4 .sa-pr__grid { grid-template-columns: 1fr; }\n  #ewb-block-4 .sa-pr__group { margin-bottom: 54px; }\n  #ewb-block-4 .sa-pr__foot { flex-direction: column; gap: 18px; }\n}\n<\/style>\n<div id=\"ewb-block-4\" class=\"wpc-widget wpc-widget-sa_products ewb-widget ewb-widget-sa_products\"><section class=\"sa-pr\" data-sa-pr>\n  <div class=\"sa-pr__glow\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"sa-pr__head\">\n    <span class=\"sa-pr__eyebrow\">The Dynamics 365 family<\/span>\n    <h2 class=\"sa-pr__title\">Every app we implement, in one place<\/h2>\n    <p class=\"sa-pr__lead\">\n      Dynamics 365 splits into two families \u2014 the ERP apps that run your operations, and the\n      customer engagement apps that run your revenue. Syncaura implements, integrates and supports\n      both, so the two halves behave like a single system.\n    <\/p>\n  <\/div>\n\n  <div class=\"sa-pr__group sa-pr__group--erp\" data-sa-group>\n    <div class=\"sa-pr__bar\">\n      <span class=\"sa-pr__num\">01<\/span>\n      <div class=\"sa-pr__bar-copy\">\n        <h3>ERP <span>\u2014 Finance &amp; Operations<\/span><\/h3>\n        <p>The backbone: ledgers, inventory, projects and people.<\/p>\n      <\/div>\n      <span class=\"sa-pr__count\"><b>7<\/b> apps<\/span>\n    <\/div>\n\n    <div class=\"sa-pr__grid\">\n      <article class=\"sa-pr__card\" data-sa-card>\n        <span class=\"sa-pr__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v20M17 5.5H9.5a3 3 0 0 0 0 6h5a3 3 0 0 1 0 6H6\"\/><\/svg>\n        <\/span>\n        <h4>Finance<\/h4>\n        <p>General ledger, AP\/AR, fixed assets, budgeting and financial reporting.<\/p>\n      <\/article>\n\n      <article class=\"sa-pr__card\" data-sa-card>\n        <span class=\"sa-pr__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 7l9-4 9 4-9 4-9-4z\"\/><path d=\"M3 12l9 4 9-4M3 17l9 4 9-4\"\/><\/svg>\n        <\/span>\n        <h4>Supply Chain Management<\/h4>\n        <p>Inventory, warehousing, procurement, production and demand planning.<\/p>\n      <\/article>\n\n      <article class=\"sa-pr__card\" data-sa-card>\n        <span class=\"sa-pr__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 21V8l8-5 8 5v13\"\/><path d=\"M9 21v-6h6v6\"\/><\/svg>\n        <\/span>\n        <h4>Business Central<\/h4>\n        <p>All-in-one ERP for small and mid-sized businesses, built to deploy fast.<\/p>\n      <\/article>\n\n      <article class=\"sa-pr__card\" data-sa-card>\n        <span class=\"sa-pr__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 6h10M4 12h16M4 18h7\"\/><circle cx=\"18\" cy=\"6\" r=\"2\"\/><circle cx=\"14\" cy=\"18\" r=\"2\"\/><\/svg>\n        <\/span>\n        <h4>Project Operations<\/h4>\n        <p>Quote-to-cash for project businesses: resourcing, time, billing, margin.<\/p>\n      <\/article>\n\n      <article class=\"sa-pr__card\" data-sa-card>\n        <span class=\"sa-pr__icon\">\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.4 11.2a2 2 0 0 1-2 1.8H7.4a2 2 0 0 1-2-1.8L4 8z\"\/><path d=\"M9 8V6a3 3 0 0 1 6 0v2\"\/><\/svg>\n        <\/span>\n        <h4>Commerce<\/h4>\n        <p>Unified retail across store, web and call centre with one inventory view.<\/p>\n      <\/article>\n\n      <article class=\"sa-pr__card\" data-sa-card>\n        <span class=\"sa-pr__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"8\" r=\"3.2\"\/><path d=\"M3.5 20a5.5 5.5 0 0 1 11 0\"\/><path d=\"M17 8.5h4M17 12h4M17 15.5h4\"\/><\/svg>\n        <\/span>\n        <h4>Human Resources<\/h4>\n        <p>Employee records, leave, benefits and compensation tied into payroll.<\/p>\n      <\/article>\n\n      <article class=\"sa-pr__card\" data-sa-card>\n        <span class=\"sa-pr__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 6h13v9H3z\"\/><path d=\"M16 9h3.5L22 12v3h-6\"\/><circle cx=\"7\" cy=\"18\" r=\"1.8\"\/><circle cx=\"18\" cy=\"18\" r=\"1.8\"\/><\/svg>\n        <\/span>\n        <h4>Intelligent Order Management<\/h4>\n        <p>Orchestrates orders across channels and fulfilment partners in real time.<\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n\n  <div class=\"sa-pr__group sa-pr__group--crm\" data-sa-group>\n    <div class=\"sa-pr__bar\">\n      <span class=\"sa-pr__num\">02<\/span>\n      <div class=\"sa-pr__bar-copy\">\n        <h3>CRM <span>\u2014 Customer Engagement<\/span><\/h3>\n        <p>The front office: pipeline, service, field work and customer data.<\/p>\n      <\/div>\n      <span class=\"sa-pr__count\"><b>6<\/b> apps<\/span>\n    <\/div>\n\n    <div class=\"sa-pr__grid\">\n      <article class=\"sa-pr__card\" data-sa-card>\n        <span class=\"sa-pr__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 17l5-5 4 3 8-8\"\/><path d=\"M15 7h5v5\"\/><\/svg>\n        <\/span>\n        <h4>Sales<\/h4>\n        <p>Lead-to-cash pipeline, forecasting and guided selling for your reps.<\/p>\n      <\/article>\n\n      <article class=\"sa-pr__card\" data-sa-card>\n        <span class=\"sa-pr__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a3 3 0 0 1-3 3H8l-5 3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3z\"\/><path d=\"M8 9h8M8 12.5h5\"\/><\/svg>\n        <\/span>\n        <h4>Customer Service<\/h4>\n        <p>Omnichannel case management with SLAs, routing and knowledge base.<\/p>\n      <\/article>\n\n      <article class=\"sa-pr__card\" data-sa-card>\n        <span class=\"sa-pr__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s7-5.6 7-11a7 7 0 1 0-14 0c0 5.4 7 11 7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.6\"\/><\/svg>\n        <\/span>\n        <h4>Field Service<\/h4>\n        <p>Work orders, scheduling and mobile technicians with parts visibility.<\/p>\n      <\/article>\n\n      <article class=\"sa-pr__card\" data-sa-card>\n        <span class=\"sa-pr__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 5h16v11H7l-3 3z\"\/><path d=\"M8.5 10.5h.01M12 10.5h.01M15.5 10.5h.01\"\/><\/svg>\n        <\/span>\n        <h4>Customer Insights &ndash; Journeys<\/h4>\n        <p>Marketing automation: segments, journeys, events and lead scoring.<\/p>\n      <\/article>\n\n      <article class=\"sa-pr__card\" data-sa-card>\n        <span class=\"sa-pr__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"6\" rx=\"8\" ry=\"3\"\/><path d=\"M4 6v12c0 1.7 3.6 3 8 3s8-1.3 8-3V6\"\/><path d=\"M4 12c0 1.7 3.6 3 8 3s8-1.3 8-3\"\/><\/svg>\n        <\/span>\n        <h4>Customer Insights &ndash; Data<\/h4>\n        <p>Unifies customer records into one profile with predictive scoring.<\/p>\n      <\/article>\n\n      <article class=\"sa-pr__card\" data-sa-card>\n        <span class=\"sa-pr__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 10a8 8 0 0 1 16 0\"\/><path d=\"M4 10v4a2 2 0 0 0 2 2h1v-8H6a2 2 0 0 0-2 2z\"\/><path d=\"M20 10v4a2 2 0 0 1-2 2h-1v-8h1a2 2 0 0 1 2 2z\"\/><path d=\"M17 16v1a3 3 0 0 1-3 3h-2\"\/><\/svg>\n        <\/span>\n        <h4>Contact Center<\/h4>\n        <p>AI-assisted voice and digital contact centre built on Copilot.<\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n\n  <div class=\"sa-pr__foot\">\n    <p>Not sure which apps you actually need? That is exactly what our discovery phase answers.<\/p>\n    <a href=\"\/?page_id=11\" class=\"sa-btn sa-btn--primary\">\n      <span>Talk to a D365 consultant<\/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<\/section><\/div>\n<script type=\"text\/javascript\" data-ewb-widget=\"sa_products\">\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 section = root.querySelector('[data-sa-pr]');\n  if (!section) return;\n\n  var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  section.classList.add('is-anim');\n\n  var groups = section.querySelectorAll('[data-sa-group]');\n\n  for (var g = 0; g < groups.length; g++) {\n    var bar = groups[g].querySelector('.sa-pr__bar');\n    if (bar) bar.style.setProperty('--d', '0s');\n\n    var cards = groups[g].querySelectorAll('[data-sa-card]');\n    for (var c = 0; c < cards.length; c++) {\n      cards[c].style.setProperty('--d', (0.12 + c * 0.09).toFixed(2) + 's');\n    }\n  }\n\n  if (reduced) {\n    for (var r = 0; r < groups.length; r++) groups[r].classList.add('is-ready');\n    return;\n  }\n\n  if (!('IntersectionObserver' in window)) {\n    for (var f = 0; f < groups.length; f++) groups[f].classList.add('is-ready');\n    return;\n  }\n\n  var io = new IntersectionObserver(function (entries) {\n    for (var i = 0; i < entries.length; i++) {\n      if (entries[i].isIntersecting) {\n        entries[i].target.classList.add('is-ready');\n        io.unobserve(entries[i].target);\n      }\n    }\n  }, { threshold: 0.15, rootMargin: '0px 0px -60px 0px' });\n\n  for (var o = 0; o < groups.length; o++) io.observe(groups[o]);\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_process ewb-gutenberg-block ewb-widget-sa_process alignfull wp-block-wpcursor-ewb-sa-process\"><style type=\"text\/css\" data-ewb-widget=\"sa_process\">\n#ewb-block-5 .sa-process {\n  position: relative;\n  overflow: hidden;\n  padding: 110px 24px;\n  background:\n    linear-gradient(180deg, var(--color-background), rgba(12, 20, 36, 0.75), var(--color-background));\n  font-family: var(--font-body);\n}\n\n#ewb-block-5 .sa-process__orb {\n  position: absolute;\n  top: 12%;\n  right: -180px;\n  width: 520px;\n  height: 520px;\n  border-radius: 50%;\n  background: rgba(124, 92, 255, 0.16);\n  filter: blur(110px);\n  pointer-events: none;\n}\n\n#ewb-block-5 .sa-process__inner {\n  position: relative;\n  z-index: 2;\n  max-width: 1000px;\n  margin: 0 auto;\n}\n\n#ewb-block-5 .sa-sec-head {\n  max-width: 760px;\n  margin: 0 auto 70px;\n  text-align: center;\n}\n\n#ewb-block-5 .sa-eyebrow {\n  display: inline-block;\n  padding: 7px 16px;\n  margin-bottom: 20px;\n  font-size: 0.74rem;\n  font-weight: 700;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--color-secondary);\n  background: rgba(124, 92, 255, 0.10);\n  border: 1px solid rgba(124, 92, 255, 0.30);\n  border-radius: var(--radius-full);\n}\n\n#ewb-block-5 .sa-sec-title {\n  font-family: var(--font-heading);\n  font-size: clamp(1.9rem, 3.2vw, 2.9rem);\n  line-height: 1.16;\n  letter-spacing: -0.03em;\n  font-weight: 700;\n  color: var(--color-text);\n  margin: 0 0 18px;\n}\n\n#ewb-block-5 .sa-sec-title span {\n  background: linear-gradient(96deg, var(--color-secondary), var(--color-accent));\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}\n\n#ewb-block-5 .sa-sec-lead {\n  font-size: 1.03rem;\n  line-height: 1.75;\n  color: var(--color-text-muted);\n  margin: 0;\n}\n\n\/* ---- timeline ---- *\/\n#ewb-block-5 .sa-timeline {\n  position: relative;\n  padding-left: 12px;\n}\n\n#ewb-block-5 .sa-timeline__rail {\n  position: absolute;\n  left: 39px;\n  top: 12px;\n  bottom: 12px;\n  width: 2px;\n  background: rgba(148, 163, 184, 0.18);\n  border-radius: 2px;\n  overflow: hidden;\n}\n\n#ewb-block-5 .sa-timeline__fill {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 0%;\n  background: linear-gradient(180deg, var(--color-primary), var(--color-accent), var(--color-secondary));\n  box-shadow: 0 0 16px rgba(59, 130, 246, 0.7);\n  transition: height 0.18s linear;\n}\n\n#ewb-block-5 .sa-step {\n  position: relative;\n  display: grid;\n  grid-template-columns: 78px 1fr;\n  gap: 8px;\n  padding-bottom: 44px;\n  opacity: 0.42;\n  transform: translateY(18px);\n  transition: opacity 0.55s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#ewb-block-5 .sa-step.is-in {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n#ewb-block-5 .sa-step:last-child { padding-bottom: 0; }\n\n#ewb-block-5 .sa-step__node {\n  position: relative;\n  z-index: 2;\n  width: 56px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  font-family: var(--font-heading);\n  font-size: 0.95rem;\n  font-weight: 700;\n  color: var(--color-text-muted);\n  background: rgba(8, 13, 26, 0.98);\n  border: 1px solid rgba(148, 163, 184, 0.24);\n  transition: color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease, transform 0.4s ease;\n}\n\n#ewb-block-5 .sa-step.is-in .sa-step__node {\n  color: #fff;\n  border-color: var(--color-primary);\n  box-shadow: 0 0 0 5px rgba(59, 130, 246, 0.12), 0 0 30px rgba(59, 130, 246, 0.4);\n  transform: scale(1.04);\n}\n\n#ewb-block-5 .sa-step__body {\n  padding: 4px 0 0 18px;\n}\n\n#ewb-block-5 .sa-step__meta {\n  font-size: 0.74rem;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--color-accent);\n  margin-bottom: 8px;\n}\n\n#ewb-block-5 .sa-step__body h3 {\n  font-family: var(--font-heading);\n  font-size: 1.34rem;\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  color: var(--color-text);\n  margin: 0 0 10px;\n}\n\n#ewb-block-5 .sa-step__body p {\n  font-size: 0.96rem;\n  line-height: 1.75;\n  color: var(--color-text-muted);\n  margin: 0 0 16px;\n  max-width: 640px;\n}\n\n#ewb-block-5 .sa-step__tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n#ewb-block-5 .sa-step__tags span {\n  padding: 6px 14px;\n  font-size: 0.78rem;\n  font-weight: 500;\n  color: var(--color-text-muted);\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid rgba(148, 163, 184, 0.18);\n  border-radius: var(--radius-full);\n  transition: color 0.25s ease, border-color 0.25s ease;\n}\n\n#ewb-block-5 .sa-step:hover .sa-step__tags span {\n  color: var(--color-text);\n  border-color: rgba(59, 130, 246, 0.4);\n}\n\n@media (max-width: 680px) {\n  #ewb-block-5 .sa-process { padding: 76px 18px; }\n  #ewb-block-5 .sa-timeline { padding-left: 0; }\n  #ewb-block-5 .sa-timeline__rail { left: 23px; }\n  #ewb-block-5 .sa-step { grid-template-columns: 48px 1fr; padding-bottom: 34px; }\n  #ewb-block-5 .sa-step__node { width: 46px; height: 46px; font-size: 0.84rem; }\n  #ewb-block-5 .sa-step__body { padding-left: 14px; }\n  #ewb-block-5 .sa-step__body h3 { font-size: 1.16rem; }\n}\n<\/style>\n<div id=\"ewb-block-5\" class=\"wpc-widget wpc-widget-sa_process ewb-widget ewb-widget-sa_process\"><section class=\"sa-process\" data-sa-process>\n  <div class=\"sa-process__orb\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"sa-process__inner\">\n    <div class=\"sa-sec-head\">\n      <span class=\"sa-eyebrow\">How we deliver<\/span>\n      <h2 class=\"sa-sec-title\">A delivery method built to <span>de-risk go-live<\/span><\/h2>\n      <p class=\"sa-sec-lead\">\n        Most ERP projects fail on scope drift and untested data \u2014 not on technology.\n        Our five-phase method puts a gate on both, with your team involved from day one.\n      <\/p>\n    <\/div>\n\n    <div class=\"sa-timeline\">\n      <div class=\"sa-timeline__rail\" aria-hidden=\"true\">\n        <div class=\"sa-timeline__fill\" data-sa-fill><\/div>\n      <\/div>\n\n      <div class=\"sa-step\" data-sa-step>\n        <div class=\"sa-step__node\"><span>01<\/span><\/div>\n        <div class=\"sa-step__body\">\n          <div class=\"sa-step__meta\">Week 1 \u2013 3<\/div>\n          <h3>Discover &amp; Assess<\/h3>\n          <p>\n            We map your current processes, systems and data quality, then run a fit-gap\n            against standard Dynamics 365. You get a written scope, risk register and a\n            realistic budget before anyone touches a configuration screen.\n          <\/p>\n          <div class=\"sa-step__tags\">\n            <span>Process workshops<\/span><span>Fit-gap analysis<\/span><span>Scope &amp; budget<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"sa-step\" data-sa-step>\n        <div class=\"sa-step__node\"><span>02<\/span><\/div>\n        <div class=\"sa-step__body\">\n          <div class=\"sa-step__meta\">Week 4 \u2013 7<\/div>\n          <h3>Design the Solution<\/h3>\n          <p>\n            Target operating model, data architecture, integrations and security roles are\n            documented and signed off. We favour standard functionality over customisation\n            so your upgrades stay cheap for years.\n          <\/p>\n          <div class=\"sa-step__tags\">\n            <span>Solution blueprint<\/span><span>Data model<\/span><span>Integration map<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"sa-step\" data-sa-step>\n        <div class=\"sa-step__node\"><span>03<\/span><\/div>\n        <div class=\"sa-step__body\">\n          <div class=\"sa-step__meta\">Week 8 \u2013 16<\/div>\n          <h3>Build &amp; Configure<\/h3>\n          <p>\n            Iterative sprints with fortnightly demos \u2014 you see working software early and\n            often. Integrations, Power Platform automation and reporting are built alongside\n            core configuration, not bolted on afterwards.\n          <\/p>\n          <div class=\"sa-step__tags\">\n            <span>Agile sprints<\/span><span>Integrations<\/span><span>Power BI reporting<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"sa-step\" data-sa-step>\n        <div class=\"sa-step__node\"><span>04<\/span><\/div>\n        <div class=\"sa-step__body\">\n          <div class=\"sa-step__meta\">Week 17 \u2013 20<\/div>\n          <h3>Test, Migrate &amp; Go Live<\/h3>\n          <p>\n            Multiple migration dry-runs, structured UAT with your process owners, and\n            role-based training. Cutover runs to a rehearsed plan with a hypercare team on\n            standby from the first hour.\n          <\/p>\n          <div class=\"sa-step__tags\">\n            <span>Migration dry-runs<\/span><span>UAT &amp; training<\/span><span>Hypercare<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"sa-step\" data-sa-step>\n        <div class=\"sa-step__node\"><span>05<\/span><\/div>\n        <div class=\"sa-step__body\">\n          <div class=\"sa-step__meta\">Ongoing<\/div>\n          <h3>Support &amp; Evolve<\/h3>\n          <p>\n            SLA-backed support plus a rolling optimisation roadmap. We manage Microsoft's\n            release waves for you and review adoption every quarter so value keeps\n            compounding long after go-live.\n          <\/p>\n          <div class=\"sa-step__tags\">\n            <span>SLA support desk<\/span><span>Release management<\/span><span>Quarterly reviews<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section><\/div>\n<script type=\"text\/javascript\" data-ewb-widget=\"sa_process\">\n(function() {\n  'use strict';\n  \n  const widgetId = 'ewb-block-5';\n  const widget = document.getElementById(widgetId);\n  \n  if (!widget) {\n    console.warn('EWB Widget element not found:', widgetId);\n    return;\n  }\n  \n  try {\n    (function () {\n  var root = document.getElementById('ewb-block-5');\n  if (!root) return;\n\n  var steps = root.querySelectorAll('[data-sa-step]');\n  var fill = root.querySelector('[data-sa-fill]');\n  var timeline = root.querySelector('.sa-timeline');\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) entries[i].target.classList.add('is-in');\n      }\n    }, { threshold: 0.4, rootMargin: '0px 0px -12% 0px' });\n    for (var i = 0; i < steps.length; i++) io.observe(steps[i]);\n  } else {\n    for (var k = 0; k < steps.length; k++) steps[k].classList.add('is-in');\n  }\n\n  \/* scroll-driven progress rail *\/\n  if (fill) if (timeline) {\n    var ticking = false;\n    var update = function () {\n      var r = timeline.getBoundingClientRect();\n      var vh = window.innerHeight || document.documentElement.clientHeight;\n      var anchor = vh * 0.55;\n      var progress = (anchor - r.top) \/ r.height;\n      if (progress < 0) progress = 0;\n      if (progress > 1) progress = 1;\n      fill.style.height = (progress * 100).toFixed(2) + '%';\n      ticking = false;\n    };\n    window.addEventListener('scroll', function () {\n      if (ticking) return;\n      ticking = true;\n      requestAnimationFrame(update);\n    }, { passive: true });\n    update();\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-6 .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-6 .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-6 .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-6 .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-6 .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-6 .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-6 .sa-points { display: grid; gap: 22px; }\n\n#ewb-block-6 .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-6 .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-6 .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-6 .sa-point__ic svg { width: 22px; height: 22px; }\n\n#ewb-block-6 .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-6 .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-6 .sa-why__visual {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 26px;\n}\n\n#ewb-block-6 .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-6 .sa-cube-stage:active { cursor: grabbing; }\n\n#ewb-block-6 .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-6 .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-6 .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-6 .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-6 .sa-face small {\n  font-size: 0.72rem;\n  line-height: 1.5;\n  color: var(--color-text-muted);\n}\n\n#ewb-block-6 .sa-face--front  { transform: translateZ(110px); }\n#ewb-block-6 .sa-face--back   { transform: rotateY(180deg) translateZ(110px); }\n#ewb-block-6 .sa-face--right  { transform: rotateY(90deg) translateZ(110px); border-color: rgba(34, 211, 238, 0.45); }\n#ewb-block-6 .sa-face--left   { transform: rotateY(-90deg) translateZ(110px); border-color: rgba(34, 211, 238, 0.45); }\n#ewb-block-6 .sa-face--top    { transform: rotateX(90deg) translateZ(110px); border-color: rgba(124, 92, 255, 0.5); }\n#ewb-block-6 .sa-face--bottom { transform: rotateX(-90deg) translateZ(110px); border-color: rgba(124, 92, 255, 0.5); }\n\n#ewb-block-6 .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-6 .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-6 .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-6 .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-6 .sa-metric:hover {\n  transform: translateY(-6px);\n  border-color: rgba(34, 211, 238, 0.4);\n}\n\n#ewb-block-6 .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-6 .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-6 .sa-why__inner { grid-template-columns: 1fr; gap: 60px; }\n  #ewb-block-6 .sa-metrics { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 620px) {\n  #ewb-block-6 .sa-why { padding: 76px 18px; }\n  #ewb-block-6 .sa-cube-stage { height: 320px; }\n  #ewb-block-6 .sa-cube { width: 170px; height: 170px; }\n  #ewb-block-6 .sa-face--front  { transform: translateZ(85px); }\n  #ewb-block-6 .sa-face--back   { transform: rotateY(180deg) translateZ(85px); }\n  #ewb-block-6 .sa-face--right  { transform: rotateY(90deg) translateZ(85px); }\n  #ewb-block-6 .sa-face--left   { transform: rotateY(-90deg) translateZ(85px); }\n  #ewb-block-6 .sa-face--top    { transform: rotateX(90deg) translateZ(85px); }\n  #ewb-block-6 .sa-face--bottom { transform: rotateX(-90deg) translateZ(85px); }\n  #ewb-block-6 .sa-metrics { grid-template-columns: 1fr; margin-top: 56px; }\n}\n<\/style>\n<div id=\"ewb-block-6\" 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\"><span>Finance<\/span><small>General ledger, AP\/AR, budgeting<\/small><\/div>\n          <div class=\"sa-face sa-face--back\"><span>Supply Chain<\/span><small>Inventory, procurement, planning<\/small><\/div>\n          <div class=\"sa-face sa-face--right\"><span>Sales CRM<\/span><small>Pipeline, quotes, forecasting<\/small><\/div>\n          <div class=\"sa-face sa-face--left\"><span>Service<\/span><small>Cases, SLAs, field operations<\/small><\/div>\n          <div class=\"sa-face sa-face--top\"><span>Power BI<\/span><small>Live reporting layer<\/small><\/div>\n          <div class=\"sa-face sa-face--bottom\"><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><\/div>\n<script type=\"text\/javascript\" data-ewb-widget=\"sa_why\">\n(function() {\n  'use strict';\n  \n  const widgetId = 'ewb-block-6';\n  const widget = document.getElementById(widgetId);\n  \n  if (!widget) {\n    console.warn('EWB Widget element not found:', widgetId);\n    return;\n  }\n  \n  try {\n    (function () {\n  var root = document.getElementById('ewb-block-6');\n  if (!root) return;\n\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-7 {\n  position: relative;\n  z-index: 2;\n  margin-top: -52px;\n}\n\n#ewb-block-7 .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-7 .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-7 .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-7 .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-7 .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-7 .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-7 .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-7 .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-7 .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-7 .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-7 .sa-fbrand {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 18px;\n}\n\n#ewb-block-7 .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-7 .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-7 .sa-fbrand__text strong {\n  font-size: 1.1rem;\n  font-weight: 700;\n  color: var(--color-text);\n}\n\n#ewb-block-7 .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-7 .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-7 .sa-social { display: flex; gap: 10px; }\n\n#ewb-block-7 .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-7 .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-7 .sa-footer__col { display: flex; flex-direction: column; gap: 12px; }\n\n#ewb-block-7 .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-7 .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-7 .sa-footer__col a:hover {\n  color: var(--color-accent);\n  transform: translateX(4px);\n}\n\n#ewb-block-7 .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-7 .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-7 .sa-footer__legal { display: flex; gap: 22px; }\n#ewb-block-7 .sa-footer__legal a { color: var(--color-text-muted); transition: color 0.22s ease; }\n#ewb-block-7 .sa-footer__legal a:hover { color: var(--color-accent); }\n\n@media (max-width: 980px) {\n  #ewb-block-7 .sa-footer__inner { grid-template-columns: 1fr 1fr; gap: 38px; }\n  #ewb-block-7 .sa-footer__cta-inner { flex-direction: column; align-items: flex-start; padding: 32px 28px; }\n}\n\n@media (max-width: 600px) {\n  #ewb-block-7 .sa-footer__inner { grid-template-columns: 1fr; }\n  #ewb-block-7 .sa-footer__bottom { flex-direction: column; align-items: flex-start; }\n  #ewb-block-7 .sa-footer__cta { padding: 0 18px; }\n}\n<\/style>\n<div id=\"ewb-block-7\" 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=\"\/?page_id=11\" 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=\"\/?page_id=8\">D365 Implementation<\/a>\n      <a href=\"\/?page_id=8\">ERP Migration<\/a>\n      <a href=\"\/?page_id=8\">CRM &amp; Sales Automation<\/a>\n      <a href=\"\/?page_id=8\">Integration &amp; Power Platform<\/a>\n      <a href=\"\/?page_id=8\">Managed Support<\/a>\n    <\/div>\n\n    <div class=\"sa-footer__col\">\n      <h4>Company<\/h4>\n      <a href=\"\/?page_id=10\">About Syncaura<\/a>\n      <a href=\"\/?page_id=9\">Industries<\/a>\n      <a href=\"\/?page_id=11\">Contact<\/a>\n      <a href=\"\/?page_id=11\">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-7';\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-7');\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-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/syncaura.online\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/syncaura.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/syncaura.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/syncaura.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":7,"href":"https:\/\/syncaura.online\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/syncaura.online\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/syncaura.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}