.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"]{
  --gfx-navy: #000033;
  --gfx-crimson: #B31912;
  --gfx-canvas: #FFFFFF;
  --gfx-soft: #F7F7F5;
  --gfx-text: #171717;
  --gfx-muted: #5F6068;
  --gfx-rule: #DEDEE4;
  --gfx-footer: #000011;
  --gfx-footer-alt: #000022;
  --gfx-focus: #B31912;
  --gfx-header-h: 84px;
  --gfx-mobile-header-h: 72px;
  --gfx-container: 1320px;
  --gfx-gutter: clamp(20px, 4vw, 58px);
  --gfx-font: "Instrument Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] *,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] *::before,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] *::after{ box-sizing: border-box; }

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"]{ color-scheme: light; }

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"]{
  margin: 0;
  background: var(--gfx-canvas);
  color: var(--gfx-text);
  font-family: var(--gfx-font);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-shell-container{
  width: min(calc(100% - (2 * var(--gfx-gutter))), var(--gfx-container));
  margin-inline: auto;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-skip-link{
  position: fixed;
  z-index: 1000;
  top: 12px;
  left: 12px;
  transform: translateY(-180%);
  padding: 10px 14px;
  border-radius: 4px;
  background: var(--gfx-navy);
  color: #fff;
  font-weight: 650;
  text-decoration: none;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-skip-link:focus{ transform: translateY(0); }

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-site-header{
  position: sticky;
  top: 0;
  z-index: 60;
  min-height: var(--gfx-header-h);
  border-bottom: 1px solid var(--gfx-rule);
  background: rgba(255,255,255,.97);
  backdrop-filter: blur(12px);
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-header-inner{
  min-height: var(--gfx-header-h);
  display: flex;
  align-items: center;
  gap: 28px;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-brand{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: .35em;
  color: var(--gfx-text);
  font-size: clamp(21px, 2vw, 28px);
  font-weight: 750;
  letter-spacing: -.035em;
  text-decoration: none;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-brand-mark{ color: var(--gfx-crimson); }

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-primary-nav{
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: clamp(18px, 2vw, 30px);
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-nav-link,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-services-toggle{
  appearance: none;
  border: 0;
  background: transparent;
  color: #44454D;
  font: 560 15px/1.3 var(--gfx-font);
  text-decoration: none;
  cursor: pointer;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-nav-link:hover,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-services-toggle:hover,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-nav-link[aria-current="page"]{ color: var(--gfx-crimson); }

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-services{
  position: relative;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-services-toggle{
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 0;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-services-chevron{
  width: 15px;
  height: 15px;
  transition: transform 180ms ease;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-services-toggle[aria-expanded="true"] .gfx-services-chevron{ transform: rotate(180deg); }

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-services-panel{
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  width: min(460px, 72vw);
  transform: translateX(-42%);
  padding: 10px;
  border: 1px solid var(--gfx-rule);
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 16px 44px rgba(0,0,24,.10);
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-services-panel[hidden]{ display: none !important; }

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-services-item{
  display: block;
  padding: 11px 12px;
  color: var(--gfx-text);
  font-size: 15px;
  font-weight: 560;
  line-height: 1.35;
  text-decoration: none;
  border-radius: 3px;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-services-item:hover,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-services-item:focus-visible{ background: var(--gfx-soft); color: var(--gfx-crimson); }

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-services-children{
  margin: 0 0 6px 12px;
  padding-left: 12px;
  border-left: 1px solid var(--gfx-rule);
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-services-children .gfx-services-item{
  color: var(--gfx-muted);
  font-size: 14px;
  font-weight: 520;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-header-cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 11px 18px;
  border-radius: 4px;
  background: var(--gfx-crimson);
  color: #fff;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.2;
  text-decoration: none;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-header-cta:hover{ filter: brightness(.9); }

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-nav-toggle{
  display: none;
  margin-left: auto;
  min-width: 44px;
  min-height: 44px;
  padding: 8px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: var(--gfx-navy);
  cursor: pointer;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-nav-toggle svg{ width: 26px; height: 26px; display: block; }

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-site-footer{
  position: relative;
  overflow: hidden;
  background: var(--gfx-footer);
  color: #fff;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-site-footer::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .38;
  background-image:
    repeating-linear-gradient(115deg, transparent 0 46px, rgba(255,255,255,.045) 47px 48px, transparent 49px 94px),
    repeating-linear-gradient(25deg, transparent 0 94px, rgba(179,25,18,.035) 95px 96px, transparent 97px 190px);
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-footer-main,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-footer-bottom{ position: relative; z-index: 1; }

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-footer-main{
  padding-block: clamp(58px, 7vw, 92px) clamp(40px, 5vw, 64px);
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(180px, .8fr) minmax(150px, .55fr);
  gap: clamp(34px, 6vw, 90px);
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-footer-brand{
  color: #fff;
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 750;
  letter-spacing: -.04em;
  text-decoration: none;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-footer-brand .gfx-brand-mark{ color: #E1493F; }

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-footer-statement{
  max-width: 650px;
  margin: 18px 0 0;
  color: rgba(255,255,255,.76);
  font-size: 16px;
  line-height: 1.65;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-footer-heading{
  margin: 0 0 16px;
  color: rgba(255,255,255,.54);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-footer-links{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-footer-links a{
  color: rgba(255,255,255,.88);
  font-size: 14px;
  line-height: 1.45;
  text-decoration: none;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-footer-links a:hover{ color: #fff; text-decoration: underline; text-underline-offset: 4px; }

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-footer-bottom{
  border-top: 1px solid rgba(255,255,255,.13);
  padding: 22px var(--gfx-gutter) 24px;
  text-align: center;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-footer-copyright,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-footer-attribution{
  margin: 0;
  color: rgba(255,255,255,.68);
  font-size: 12px;
  line-height: 1.5;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-footer-attribution{ margin-top: 7px; color: rgba(255,255,255,.86); }

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-site-header a:focus-visible,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-site-header button:focus-visible,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-site-footer a:focus-visible{
  outline: 3px solid var(--gfx-focus);
  outline-offset: 3px;
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-site-footer a:focus-visible{ outline-color: #fff; }

@media (max-width: 899px){
  .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"]{ --gfx-header-h: var(--gfx-mobile-header-h); }

  .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-site-header{ backdrop-filter: none; background: #fff; }

  .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-header-inner{ min-height: var(--gfx-mobile-header-h); }

  .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-brand{ font-size: 22px; }

  .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-nav-toggle{ display: inline-grid; place-items: center; }

  .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-primary-nav{
    display: none;
    position: fixed;
    z-index: 55;
    top: var(--gfx-mobile-header-h);
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 20px var(--gfx-gutter) 36px;
    overflow: auto;
    overscroll-behavior: contain;
    background: #fff;
    align-items: stretch;
    flex-direction: column;
    gap: 0;
    border-top: 1px solid var(--gfx-rule);
  }

  .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-primary-nav.is-open{ display: flex; }

  .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-nav-link,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-services-toggle{
    width: 100%;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--gfx-rule);
    color: var(--gfx-text);
    font-size: 17px;
    text-align: left;
  }

  .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-services{ width: 100%; }

  .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-services-panel{
    position: static;
    width: 100%;
    transform: none;
    margin: 0;
    padding: 8px 0 12px 14px;
    border: 0;
    border-bottom: 1px solid var(--gfx-rule);
    border-radius: 0;
    box-shadow: none;
  }

  .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-services-item{
    min-height: 48px;
    display: flex;
    align-items: center;
    padding: 10px 8px;
    font-size: 15px;
  }

  .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-services-children{ margin-left: 8px; }

  .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-header-cta{
    width: 100%;
    min-height: 48px;
    margin-top: 22px;
    padding: 13px 18px;
  }

  .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"].gfx-nav-open,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"].gfx-nav-open body{ overflow: hidden; }

  .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-footer-main{
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-footer-links a{
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 8px 0;
  }

  .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gfx-footer-statement{ font-size: 15px; }
}

@media (prefers-reduced-motion: reduce){
  .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] *,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] *::before,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] *::after{
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] *,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] :after,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] *,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] :after,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] :before{box-sizing:border-box;border:0 solid #e5e7eb}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] :after,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] :before{--tw-content:""}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] :host,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"]{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"]{margin:0;line-height:inherit}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] hr{height:0;color:inherit;border-top-width:1px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] h1,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] h2,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] h3,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] h4,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] h5,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] h6{font-size:inherit;font-weight:inherit}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] a{color:inherit;text-decoration:inherit}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] b,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] strong{font-weight:bolder}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] code,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] kbd,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] pre,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] small{font-size:80%}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] sub,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] sub{bottom:-.25em}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] sup{top:-.5em}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] table{text-indent:0;border-color:inherit;border-collapse:collapse}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] button,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] input,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] optgroup,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] select,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] button,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] select{text-transform:none}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] button,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] input:where([type=button]),.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] input:where([type=reset]),.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] :-moz-focusring{outline:auto}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] :-moz-ui-invalid{box-shadow:none}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] progress{vertical-align:baseline}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] ::-webkit-inner-spin-button,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] ::-webkit-outer-spin-button{height:auto}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] ::-webkit-search-decoration{-webkit-appearance:none}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] summary{display:list-item}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] blockquote,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] dd,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] dl,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] figure,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] h1,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] h2,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] h3,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] h4,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] h5,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] h6,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] hr,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] p,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] pre{margin:0}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] fieldset{margin:0}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] fieldset,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] legend{padding:0}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] menu,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] ol,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] ul{list-style:none;margin:0;padding:0}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] dialog{padding:0}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] textarea{resize:vertical}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] input::-moz-placeholder,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] textarea::-moz-placeholder{opacity:1;color:#9ca3af}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] input::placeholder,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] textarea::placeholder{opacity:1;color:#9ca3af}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] [role=button],.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] button{cursor:pointer}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] :disabled{cursor:default}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] audio,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] canvas,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] embed,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] iframe,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] img,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] object,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] svg,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] video{display:block;vertical-align:middle}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] img,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] video{max-width:100%;height:auto}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] [hidden]:where(:not([hidden=until-found])){display:none}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .visible{visibility:visible}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .mx-auto{margin-left:auto;margin-right:auto}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .mb-4{margin-bottom:1rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .mb-8{margin-bottom:2rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .mb-stack-lg{margin-bottom:48px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .mb-stack-md{margin-bottom:24px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .ml-2{margin-left:.5rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .mr-3{margin-right:.75rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .mt-1{margin-top:.25rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .mt-8{margin-top:2rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .mt-section-padding-md{margin-top:80px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .mt-stack-lg{margin-top:48px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .flex{display:flex}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .inline-flex{display:inline-flex}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .grid{display:grid}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .hidden{display:none}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .h-4{height:1rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .h-auto{height:auto}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .w-1{width:.25rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .w-full{width:100%}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .max-w-3xl{max-width:48rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .max-w-4xl{max-width:56rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .max-w-5xl{max-width:64rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .max-w-6xl{max-width:72rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .max-w-\[720px\]{max-width:720px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .list-disc{list-style-type:disc}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .flex-wrap{flex-wrap:wrap}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .items-start{align-items:flex-start}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .items-center{align-items:center}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .justify-center{justify-content:center}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .justify-between{justify-content:space-between}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gap-0{gap:0}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gap-3{gap:.75rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gap-4{gap:1rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .gap-gutter-grid{gap:32px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .overflow-visible{overflow:visible}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .rounded{border-radius:.125rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .border{border-width:1px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .border-b{border-bottom-width:1px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .border-l-4{border-left-width:4px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .border-r{border-right-width:1px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .border-t{border-top-width:1px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .border-t-2{border-top-width:2px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .border-t-4{border-top-width:4px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .border-\[\#000033\]{--tw-border-opacity:1;border-color:rgb(0 0 51/var(--tw-border-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .border-\[\#B31912\]{--tw-border-opacity:1;border-color:rgb(179 25 18/var(--tw-border-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .border-\[\#c7c5d0\],.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .border-outline-variant{--tw-border-opacity:1;border-color:rgb(199 197 208/var(--tw-border-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .border-outline-variant\/50{border-color:rgba(199,197,208,.5)}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .border-white\/20{border-color:hsla(0,0%,100%,.2)}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .border-l-\[\#B31912\]{--tw-border-opacity:1;border-left-color:rgb(179 25 18/var(--tw-border-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .border-t-\[\#B31912\]{--tw-border-opacity:1;border-top-color:rgb(179 25 18/var(--tw-border-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .bg-\[\#000033\]{--tw-bg-opacity:1;background-color:rgb(0 0 51/var(--tw-bg-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .bg-\[\#B31912\]{--tw-bg-opacity:1;background-color:rgb(179 25 18/var(--tw-bg-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .bg-\[\#f3f3f3\]{--tw-bg-opacity:1;background-color:rgb(243 243 243/var(--tw-bg-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .bg-background,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .bg-surface-bright{--tw-bg-opacity:1;background-color:rgb(249 249 249/var(--tw-bg-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .bg-surface-container-low{--tw-bg-opacity:1;background-color:rgb(243 243 243/var(--tw-bg-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .p-6{padding:1.5rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .p-stack-md{padding:24px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .px-4{padding-left:1rem;padding-right:1rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .px-8{padding-left:2rem;padding-right:2rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .px-margin-page{padding-left:5vw;padding-right:5vw}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .py-12{padding-top:3rem;padding-bottom:3rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .py-2{padding-top:.5rem;padding-bottom:.5rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .py-4{padding-top:1rem;padding-bottom:1rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .py-section-padding-lg{padding-top:160px;padding-bottom:160px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .py-section-padding-md{padding-top:80px;padding-bottom:80px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .pb-1{padding-bottom:.25rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .pb-2{padding-bottom:.5rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .pb-section-padding-md{padding-bottom:80px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .pb-stack-lg{padding-bottom:48px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .pl-4{padding-left:1rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .pl-6{padding-left:1.5rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .pr-4{padding-right:1rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .pt-4{padding-top:1rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .pt-6{padding-top:1.5rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .pt-section-padding-lg{padding-top:160px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .text-center{text-align:center}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .font-body-lg,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .font-body-md,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .font-display-lg,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .font-headline-lg,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .font-headline-md,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .font-label-caps{font-family:Instrument Sans}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .text-\[15px\]{font-size:15px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .text-body-lg{font-size:20px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .text-body-lg,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .text-body-md{line-height:1.6;letter-spacing:0;font-weight:400}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .text-body-md{font-size:16px}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .text-display-lg{font-size:72px;line-height:1.1;letter-spacing:-.03em;font-weight:600}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .text-headline-lg{font-size:48px;line-height:1.2;letter-spacing:-.02em;font-weight:600}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .text-headline-md{font-size:32px;line-height:1.3;letter-spacing:-.01em;font-weight:500}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .text-label-caps{font-size:12px;line-height:1.4;letter-spacing:.1em;font-weight:700}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .text-sm{font-size:.875rem;line-height:1.25rem}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .font-bold{font-weight:700}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .uppercase{text-transform:uppercase}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .leading-tight{line-height:1.25}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .tracking-widest{letter-spacing:.1em}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .text-\[\#000033\]{--tw-text-opacity:1;color:rgb(0 0 51/var(--tw-text-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .text-\[\#B31912\]{--tw-text-opacity:1;color:rgb(179 25 18/var(--tw-text-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .text-on-surface{--tw-text-opacity:1;color:rgb(26 28 28/var(--tw-text-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .text-on-surface-variant{--tw-text-opacity:1;color:rgb(70 70 79/var(--tw-text-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .text-surface-variant{--tw-text-opacity:1;color:rgb(226 226 226/var(--tw-text-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .outline{outline-style:solid}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .duration-200{transition-duration:.2s}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .selection\:bg-secondary ::-moz-selection{--tw-bg-opacity:1;background-color:rgb(181 27 19/var(--tw-bg-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .selection\:bg-secondary ::selection{--tw-bg-opacity:1;background-color:rgb(181 27 19/var(--tw-bg-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .selection\:text-on-secondary ::-moz-selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .selection\:text-on-secondary ::selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .selection\:bg-secondary::-moz-selection{--tw-bg-opacity:1;background-color:rgb(181 27 19/var(--tw-bg-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .selection\:bg-secondary::selection{--tw-bg-opacity:1;background-color:rgb(181 27 19/var(--tw-bg-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .selection\:text-on-secondary::-moz-selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .selection\:text-on-secondary::selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .hover\:bg-secondary-container:hover{--tw-bg-opacity:1;background-color:rgb(217 55 41/var(--tw-bg-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .hover\:bg-surface-container-highest:hover{--tw-bg-opacity:1;background-color:rgb(226 226 226/var(--tw-bg-opacity,1))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .hover\:text-\[\#000033\]:hover{--tw-text-opacity:1;color:rgb(0 0 51/var(--tw-text-opacity,1))}@media (min-width:768px){.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .md\:col-span-5{grid-column:span 5/span 5}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .md\:col-span-7{grid-column:span 7/span 7}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .md\:border-b-0{border-bottom-width:0}.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .md\:border-r{border-right-width:1px}}

.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] a:focus-visible,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] button:focus-visible{ outline: 2px solid #B31912; outline-offset: 2px; }
  @media (prefers-reduced-motion: reduce){ .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] *,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] *::before,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] *::after{ animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }

/* ====================================================
       EXECUTING WORKFLOW MOTION ENGINE V3
       10.0-second continuous calm operational loop
       Three distinct connector states:
         - IDLE: #D8D8DE (1.5px base underlay)
         - ACTIVE: #B31912 (2px strong drawing)
         - COMPLETE: #000033 @ 0.45 opacity (1.4px calm architectural)
       ==================================================== */
    
    /* Lifecycle Pause */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .workflow-paused *{
      animation-play-state: paused !important;
    }

    /* Base Inactive Network Lines (IDLE baseline) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .wire-base{
      stroke: #D8D8DE;
      stroke-width: 1.5;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
      vector-effect: non-scaling-stroke;
    }

    /* Active Progressive Drawing Lines (pathLength='1') */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .wire-active{
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-dasharray: 1;
      stroke-dashoffset: 1;
      vector-effect: non-scaling-stroke;
    }

    /* ----------------------------------------------------
       CONNECTOR DRAWING AND 3-STATE SCHEDULES (10s Cycle)
       ---------------------------------------------------- */
    
    /* 1. WordPress to Trigger (Active: 0.4s - 1.2s | Complete: 1.5s - 9.0s) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .wire-wp-trig{ animation: anim-wire-wp-trig 10s infinite linear; }
    @keyframes anim-wire-wp-trig{
      0%, 4.0%    { stroke-dashoffset: 1; stroke: #B31912; stroke-width: 2; opacity: 0; }
      4.01%       { stroke-dashoffset: 1; stroke: #B31912; stroke-width: 2; opacity: 1; }
      12.0%       { stroke-dashoffset: 0; stroke: #B31912; stroke-width: 2; opacity: 1; }
      15.0%       { stroke-dashoffset: 0; stroke: #000033; stroke-width: 1.4; opacity: 0.45; }
      90.0%       { stroke-dashoffset: 0; stroke: #000033; stroke-width: 1.4; opacity: 0.45; }
      95.0%, 100% { stroke-dashoffset: 0; opacity: 0; }
    }

    /* 2. API / Webhook to Trigger (Secondary source contribution: 0.55s - 1.2s) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .wire-api-trig{ animation: anim-wire-api-trig 10s infinite linear; }
    @keyframes anim-wire-api-trig{
      0%, 5.5%    { stroke-dashoffset: 1; stroke: #B31912; stroke-width: 1.8; opacity: 0; }
      5.51%       { stroke-dashoffset: 1; stroke: #B31912; stroke-width: 1.8; opacity: 0.9; }
      12.0%       { stroke-dashoffset: 0; stroke: #B31912; stroke-width: 1.8; opacity: 0.9; }
      15.0%       { stroke-dashoffset: 0; stroke: #000033; stroke-width: 1.4; opacity: 0.45; }
      90.0%       { stroke-dashoffset: 0; stroke: #000033; stroke-width: 1.4; opacity: 0.45; }
      95.0%, 100% { stroke-dashoffset: 0; opacity: 0; }
    }

    /* 3. Trigger to Validate (Active: 1.6s - 2.0s | Complete: 2.3s - 9.0s) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .wire-trig-val{ animation: anim-wire-trig-val 10s infinite linear; }
    @keyframes anim-wire-trig-val{
      0%, 16.0%   { stroke-dashoffset: 1; stroke: #B31912; stroke-width: 2; opacity: 0; }
      16.01%      { stroke-dashoffset: 1; stroke: #B31912; stroke-width: 2; opacity: 1; }
      20.0%       { stroke-dashoffset: 0; stroke: #B31912; stroke-width: 2; opacity: 1; }
      23.0%       { stroke-dashoffset: 0; stroke: #000033; stroke-width: 1.4; opacity: 0.45; }
      90.0%       { stroke-dashoffset: 0; stroke: #000033; stroke-width: 1.4; opacity: 0.45; }
      95.0%, 100% { stroke-dashoffset: 0; opacity: 0; }
    }

    /* 4. Validate to Route (Active: 2.8s - 3.1s | Complete: 3.4s - 9.0s) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .wire-val-route{ animation: anim-wire-val-route 10s infinite linear; }
    @keyframes anim-wire-val-route{
      0%, 28.0%   { stroke-dashoffset: 1; stroke: #B31912; stroke-width: 2; opacity: 0; }
      28.01%      { stroke-dashoffset: 1; stroke: #B31912; stroke-width: 2; opacity: 1; }
      31.0%       { stroke-dashoffset: 0; stroke: #B31912; stroke-width: 2; opacity: 1; }
      34.0%       { stroke-dashoffset: 0; stroke: #000033; stroke-width: 1.4; opacity: 0.45; }
      90.0%       { stroke-dashoffset: 0; stroke: #000033; stroke-width: 1.4; opacity: 0.45; }
      95.0%, 100% { stroke-dashoffset: 0; opacity: 0; }
    }

    /* 5. Branch A: Route to Sync (Active: 3.4s - 4.0s | Complete: 4.2s - 9.0s) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .wire-route-sync{ animation: anim-wire-route-sync 10s infinite linear; }
    @keyframes anim-wire-route-sync{
      0%, 34.0%   { stroke-dashoffset: 1; stroke: #B31912; stroke-width: 2; opacity: 0; }
      34.01%      { stroke-dashoffset: 1; stroke: #B31912; stroke-width: 2; opacity: 1; }
      40.0%       { stroke-dashoffset: 0; stroke: #B31912; stroke-width: 2; opacity: 1; }
      42.0%       { stroke-dashoffset: 0; stroke: #000033; stroke-width: 1.4; opacity: 0.45; }
      90.0%       { stroke-dashoffset: 0; stroke: #000033; stroke-width: 1.4; opacity: 0.45; }
      95.0%, 100% { stroke-dashoffset: 0; opacity: 0; }
    }

    /* 6. Branch A: Sync to Database (Active: 4.2s - 4.7s | Complete: 5.0s - 9.0s) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .wire-sync-db{ animation: anim-wire-sync-db 10s infinite linear; }
    @keyframes anim-wire-sync-db{
      0%, 42.0%   { stroke-dashoffset: 1; stroke: #B31912; stroke-width: 2; opacity: 0; }
      42.01%      { stroke-dashoffset: 1; stroke: #B31912; stroke-width: 2; opacity: 1; }
      47.0%       { stroke-dashoffset: 0; stroke: #B31912; stroke-width: 2; opacity: 1; }
      50.0%       { stroke-dashoffset: 0; stroke: #000033; stroke-width: 1.4; opacity: 0.45; }
      90.0%       { stroke-dashoffset: 0; stroke: #000033; stroke-width: 1.4; opacity: 0.45; }
      95.0%, 100% { stroke-dashoffset: 0; opacity: 0; }
    }

    /* 7. Branch B: Route to AI Defined Step (Active: 3.6s - 4.3s | Complete: 4.5s - 9.0s)
          Staggered: begins 200ms after Path A */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .wire-route-ai{ animation: anim-wire-route-ai 10s infinite linear; }
    @keyframes anim-wire-route-ai{
      0%, 36.0%   { stroke-dashoffset: 1; stroke: #B31912; stroke-width: 2; opacity: 0; }
      36.01%      { stroke-dashoffset: 1; stroke: #B31912; stroke-width: 2; opacity: 1; }
      43.0%       { stroke-dashoffset: 0; stroke: #B31912; stroke-width: 2; opacity: 1; }
      45.0%       { stroke-dashoffset: 0; stroke: #000033; stroke-width: 1.4; opacity: 0.45; }
      90.0%       { stroke-dashoffset: 0; stroke: #000033; stroke-width: 1.4; opacity: 0.45; }
      95.0%, 100% { stroke-dashoffset: 0; opacity: 0; }
    }

    /* 8. Branch B: AI Defined Step to Human Review (Active: 5.1s - 5.4s | Complete: 5.7s - 9.0s) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .wire-ai-review{ animation: anim-wire-ai-review 10s infinite linear; }
    @keyframes anim-wire-ai-review{
      0%, 51.0%   { stroke-dashoffset: 1; stroke: #B31912; stroke-width: 2; opacity: 0; }
      51.01%      { stroke-dashoffset: 1; stroke: #B31912; stroke-width: 2; opacity: 1; }
      54.0%       { stroke-dashoffset: 0; stroke: #B31912; stroke-width: 2; opacity: 1; }
      57.0%       { stroke-dashoffset: 0; stroke: #000033; stroke-width: 1.4; opacity: 0.45; }
      90.0%       { stroke-dashoffset: 0; stroke: #000033; stroke-width: 1.4; opacity: 0.45; }
      95.0%, 100% { stroke-dashoffset: 0; opacity: 0; }
    }

    /* 9. Post-Review: Human Review to CRM (Active: 6.8s - 7.4s | Complete: 7.8s - 9.0s)
          Downstream connector remains inactive during gate hold (0% - 68%) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .wire-review-crm{ animation: anim-wire-review-crm 10s infinite linear; }
    @keyframes anim-wire-review-crm{
      0%, 68.0%   { stroke-dashoffset: 1; stroke: #B31912; stroke-width: 2; opacity: 0; }
      68.01%      { stroke-dashoffset: 1; stroke: #B31912; stroke-width: 2; opacity: 1; }
      74.0%       { stroke-dashoffset: 0; stroke: #B31912; stroke-width: 2; opacity: 1; }
      78.0%       { stroke-dashoffset: 0; stroke: #000033; stroke-width: 1.4; opacity: 0.45; }
      90.0%       { stroke-dashoffset: 0; stroke: #000033; stroke-width: 1.4; opacity: 0.45; }
      95.0%, 100% { stroke-dashoffset: 0; opacity: 0; }
    }

    /* 10. Post-Review: Human Review to Notification (Active: 7.0s - 7.6s | Complete: 8.0s - 9.0s)
          Staggered 200ms after CRM */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .wire-review-notif{ animation: anim-wire-review-notif 10s infinite linear; }
    @keyframes anim-wire-review-notif{
      0%, 70.0%   { stroke-dashoffset: 1; stroke: #B31912; stroke-width: 2; opacity: 0; }
      70.01%      { stroke-dashoffset: 1; stroke: #B31912; stroke-width: 2; opacity: 1; }
      76.0%       { stroke-dashoffset: 0; stroke: #B31912; stroke-width: 2; opacity: 1; }
      80.0%       { stroke-dashoffset: 0; stroke: #000033; stroke-width: 1.4; opacity: 0.45; }
      90.0%       { stroke-dashoffset: 0; stroke: #000033; stroke-width: 1.4; opacity: 0.45; }
      95.0%, 100% { stroke-dashoffset: 0; opacity: 0; }
    }

    /* ----------------------------------------------------
       NODE STATE 3-TIER ENGINE (10s Cycle)
       IDLE to ACTIVE to COMPLETE
       ---------------------------------------------------- */

    /* WordPress Source (0.1s - 0.4s - 1.2s) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-wp-box{ animation: anim-node-wp 10s infinite linear; }
    @keyframes anim-node-wp{
      0%          { stroke: #D8D8DE; stroke-width: 1; fill: #FFFFFF; }
      1.0%, 4.0%  { stroke: #B31912; stroke-width: 2; fill: #FFF9F9; } /* ACTIVE */
      12.0%, 90.0%{ stroke: #000033; stroke-width: 1.5; fill: #FFFFFF; } /* COMPLETE */
      95.0%, 100% { stroke: #D8D8DE; stroke-width: 1; fill: #FFFFFF; } /* IDLE */
    }
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-wp-icon{ animation: anim-ico-wp 10s infinite linear; }
    @keyframes anim-ico-wp{
      0%          { stroke: #000033; }
      1.0%, 4.0%  { stroke: #B31912; }
      12.0%, 100% { stroke: #000033; }
    }
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .wp-event-badge{ animation: anim-wp-badge 10s infinite linear; }
    @keyframes anim-wp-badge{
      0%, 1.0%    { opacity: 0; }
      1.5%, 4.0%  { opacity: 1; }
      6.0%, 100%  { opacity: 0; }
    }

    /* API / Webhook Source Contribution (0.35s - 0.55s - 1.2s) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-api-box{ animation: anim-node-api 10s infinite linear; }
    @keyframes anim-node-api{
      0%, 3.4%    { stroke: #D8D8DE; stroke-width: 1; fill: #FFFFFF; }
      3.5%, 6.0%  { stroke: #B31912; stroke-width: 2; fill: #FFF9F9; } /* ACTIVE */
      12.0%, 90.0%{ stroke: #000033; stroke-width: 1.5; fill: #FFFFFF; } /* COMPLETE */
      95.0%, 100% { stroke: #D8D8DE; stroke-width: 1; fill: #FFFFFF; }
    }
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-api-icon{ animation: anim-ico-api 10s infinite linear; }
    @keyframes anim-ico-api{
      0%, 3.4%    { stroke: #000033; fill: #000033; }
      3.5%, 6.0%  { stroke: #B31912; fill: #B31912; }
      12.0%, 100% { stroke: #000033; fill: #000033; }
    }
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .api-event-pulse{ animation: anim-api-pulse 10s infinite linear; }
    @keyframes anim-api-pulse{
      0%, 3.4%    { opacity: 0; transform: scale(0.5); }
      3.5%, 5.5%  { opacity: 1; transform: scale(1.1); }
      7.0%, 100%  { opacity: 0; transform: scale(0.5); }
    }

    /* Trigger Node (1.2s - 2.0s) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-trig-box{ animation: anim-node-trig 10s infinite linear; }
    @keyframes anim-node-trig{
      0%, 11.5%   { fill: #F0EFF4; stroke: #D8D8DE; stroke-width: 1; }
      12.0%, 18.0%{ fill: #FFF5F5; stroke: #B31912; stroke-width: 2; } /* ACTIVE */
      20.0%, 90.0%{ fill: #F0EFF4; stroke: #000033; stroke-width: 1.5; } /* COMPLETE */
      95.0%, 100% { fill: #F0EFF4; stroke: #D8D8DE; stroke-width: 1; }
    }
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-trig-marker{ animation: anim-trig-mark 10s infinite linear; }
    @keyframes anim-trig-mark{
      0%, 11.5%   { fill: #000033; opacity: 0.35; }
      12.0%, 18.0%{ fill: #B31912; opacity: 1; }
      20.0%, 90.0%{ fill: #000033; opacity: 0.85; }
      95.0%, 100% { fill: #000033; opacity: 0.35; }
    }

    /* Validate Node (2.0s - 2.8s) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-val-box{ animation: anim-node-val 10s infinite linear; }
    @keyframes anim-node-val{
      0%, 19.5%   { fill: #F0EFF4; stroke: #D8D8DE; stroke-width: 1; }
      20.0%, 27.0%{ fill: #FFF5F5; stroke: #B31912; stroke-width: 2; } /* ACTIVE */
      28.0%, 90.0%{ fill: #F0EFF4; stroke: #000033; stroke-width: 1.5; } /* COMPLETE */
      95.0%, 100% { fill: #F0EFF4; stroke: #D8D8DE; stroke-width: 1; }
    }
    /* SVG rect Normalization Animation */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .val-bar-1{ animation: anim-val-bar-1 10s infinite linear; }
    @keyframes anim-val-bar-1{
      0%, 20.0%   { width: 7px; fill: #717182; }
      22.0%, 27.0%{ width: 13px; fill: #B31912; }
      28.0%, 90.0%{ width: 13px; fill: #000033; }
      95.0%, 100% { width: 7px; fill: #717182; }
    }
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .val-bar-2{ animation: anim-val-bar-2 10s infinite linear; }
    @keyframes anim-val-bar-2{
      0%, 20.0%   { width: 14px; fill: #717182; }
      22.0%, 27.0%{ width: 13px; fill: #B31912; }
      28.0%, 90.0%{ width: 13px; fill: #000033; }
      95.0%, 100% { width: 14px; fill: #717182; }
    }
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .val-bar-3{ animation: anim-val-bar-3 10s infinite linear; }
    @keyframes anim-val-bar-3{
      0%, 20.0%   { width: 9px; fill: #717182; }
      22.0%, 27.0%{ width: 13px; fill: #B31912; }
      28.0%, 90.0%{ width: 13px; fill: #000033; }
      95.0%, 100% { width: 9px; fill: #717182; }
    }
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .val-check-glyph{ animation: anim-val-check 10s infinite linear; }
    @keyframes anim-val-check{
      0%, 24.0%   { opacity: 0; stroke: #B31912; }
      25.0%, 27.0%{ opacity: 1; stroke: #B31912; }
      28.0%, 90.0%{ opacity: 1; stroke: #000033; }
      95.0%, 100% { opacity: 0; stroke: #B31912; }
    }

    /* Route Node (2.8s - 3.4s) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-route-box{ animation: anim-node-route 10s infinite linear; }
    @keyframes anim-node-route{
      0%, 27.5%   { fill: #F0EFF4; stroke: #D8D8DE; stroke-width: 1; }
      28.0%, 33.5%{ fill: #FFF5F5; stroke: #B31912; stroke-width: 2; } /* ACTIVE */
      34.0%, 90.0%{ fill: #F0EFF4; stroke: #000033; stroke-width: 1.5; } /* COMPLETE */
      95.0%, 100% { fill: #F0EFF4; stroke: #D8D8DE; stroke-width: 1; }
    }
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-route-icon{ animation: anim-ico-route 10s infinite linear; }
    @keyframes anim-ico-route{
      0%, 27.5%   { stroke: #000033; }
      28.0%, 33.5%{ stroke: #B31912; }
      34.0%, 100% { stroke: #000033; }
    }
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .route-junction-dot{ animation: anim-route-junc 10s infinite linear; }
    @keyframes anim-route-junc{
      0%, 29.0%   { fill: #717182; opacity: 0.4; }
      30.0%, 34.0%{ fill: #B31912; opacity: 1; }
      34.5%, 90.0%{ fill: #000033; opacity: 0.8; }
      95.0%, 100% { fill: #717182; opacity: 0.4; }
    }

    /* Deterministic Sync (3.4s - 4.4s) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-sync-box{ animation: anim-node-sync 10s infinite linear; }
    @keyframes anim-node-sync{
      0%, 39.5%   { fill: #F0EFF4; stroke: #D8D8DE; stroke-width: 1; }
      40.0%, 45.0%{ fill: #FFF5F5; stroke: #B31912; stroke-width: 2; } /* ACTIVE */
      46.0%, 90.0%{ fill: #F0EFF4; stroke: #000033; stroke-width: 1.5; } /* COMPLETE */
      95.0%, 100% { fill: #F0EFF4; stroke: #D8D8DE; stroke-width: 1; }
    }
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-sync-icon{ animation: anim-ico-sync 10s infinite linear; }
    @keyframes anim-ico-sync{
      0%, 39.5%   { stroke: #000033; }
      40.0%, 45.0%{ stroke: #B31912; }
      46.0%, 100% { stroke: #000033; }
    }

    /* Database Destination (4.4s - 5.0s) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-db-box{ animation: anim-node-db 10s infinite linear; }
    @keyframes anim-node-db{
      0%, 46.5%   { stroke: #D8D8DE; stroke-width: 1; fill: #FFFFFF; }
      47.0%, 51.0%{ stroke: #B31912; stroke-width: 2; fill: #FFF9F9; } /* ACTIVE */
      51.5%, 90.0%{ stroke: #000033; stroke-width: 1.5; fill: #FFFFFF; } /* COMPLETE */
      95.0%, 100% { stroke: #D8D8DE; stroke-width: 1; fill: #FFFFFF; }
    }
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .db-settle-line{ animation: anim-db-settle 10s infinite linear; }
    @keyframes anim-db-settle{
      0%, 47.0%   { opacity: 0; width: 0; }
      48.5%, 90.0%{ opacity: 1; width: 34px; }
      95.0%, 100% { opacity: 0; width: 0; }
    }

    /* AI Defined Step (3.6s - 5.4s) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-ai-box{ animation: anim-node-ai 10s infinite linear; }
    @keyframes anim-node-ai{
      0%, 42.5%   { stroke: #D8D8DE; stroke-width: 1; }
      43.0%, 51.0%{ stroke: #B31912; stroke-width: 2; } /* ACTIVE */
      52.0%, 90.0%{ stroke: #000033; stroke-width: 1.5; } /* COMPLETE */
      95.0%, 100% { stroke: #D8D8DE; stroke-width: 1; }
    }
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .ai-scan-head{
      animation: anim-ai-scan 10s infinite linear;
      transform-box: fill-box;
      transform-origin: center;
    }
    @keyframes anim-ai-scan{
      0%, 43.5%   { transform: translateX(0); opacity: 0; }
      44.0%       { transform: translateX(0); opacity: 1; }
      49.5%       { transform: translateX(48px); opacity: 1; }
      50.0%       { transform: translateX(48px); opacity: 0; }
      100%        { transform: translateX(0); opacity: 0; }
    }
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .ai-bar-1{ animation: anim-ai-bar-1 10s infinite linear; }
    @keyframes anim-ai-bar-1{
      0%, 44.0%   { width: 26px; fill: #888899; }
      48.0%, 90.0%{ width: 44px; fill: #000033; }
      95.0%, 100% { width: 26px; fill: #888899; }
    }
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .ai-bar-2{ animation: anim-ai-bar-2 10s infinite linear; }
    @keyframes anim-ai-bar-2{
      0%, 44.0%   { width: 42px; fill: #888899; }
      48.0%, 90.0%{ width: 24px; fill: #000033; }
      95.0%, 100% { width: 42px; fill: #888899; }
    }

    /* Human Review Control Gate (5.4s - 6.8s) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-review-box{ animation: anim-node-review 10s infinite linear; }
    @keyframes anim-node-review{
      0%, 53.5%   { stroke: #000033; stroke-width: 1.5; }
      54.0%, 67.5%{ stroke: #B31912; stroke-width: 2.2; } /* ACTIVE (Holding) */
      68.0%, 90.0%{ stroke: #000033; stroke-width: 1.5; } /* COMPLETE (Released) */
      95.0%, 100% { stroke: #000033; stroke-width: 1.5; }
    }
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-review-icon{ animation: anim-ico-review 10s infinite linear; }
    @keyframes anim-ico-review{
      0%, 53.5%   { stroke: #000033; }
      54.0%, 67.5%{ stroke: #B31912; }
      68.0%, 100% { stroke: #000033; }
    }
    /* Physical Crimson Gate Barrier (Thicker, crisp non-scaling stroke) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .review-gate-barrier{
      animation: anim-gate-barrier 10s infinite linear;
      transform-box: fill-box;
      transform-origin: center top;
    }
    @keyframes anim-gate-barrier{
      0%, 53.0%   { opacity: 0; transform: translateY(-16px); }
      54.0%, 65.0%{ opacity: 1; transform: translateY(0); } /* GATE CLOSED / LOCKED */
      66.5%, 67.5%{ opacity: 0; transform: translateY(-16px); } /* GATE OPENS BEFORE FLOW */
      100%        { opacity: 0; transform: translateY(-16px); }
    }

    /* CRM / RECORD Destination (6.8s - 8.0s) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-crm-box{ animation: anim-node-crm 10s infinite linear; }
    @keyframes anim-node-crm{
      0%, 73.5%   { stroke: #D8D8DE; stroke-width: 1; fill: #FFFFFF; }
      74.0%, 79.5%{ stroke: #B31912; stroke-width: 2; fill: #FFF9F9; } /* ACTIVE */
      80.0%, 90.0%{ stroke: #000033; stroke-width: 1.5; fill: #FFFFFF; } /* COMPLETE */
      95.0%, 100% { stroke: #D8D8DE; stroke-width: 1; fill: #FFFFFF; }
    }
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .crm-settle-line{ animation: anim-crm-settle 10s infinite linear; }
    @keyframes anim-crm-settle{
      0%, 74.0%   { opacity: 0; width: 0; }
      75.5%, 90.0%{ opacity: 1; width: 34px; }
      95.0%, 100% { opacity: 0; width: 0; }
    }

    /* NOTIFICATION Destination (7.0s - 8.2s) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-notif-box{ animation: anim-node-notif 10s infinite linear; }
    @keyframes anim-node-notif{
      0%, 75.5%   { stroke: #D8D8DE; stroke-width: 1; fill: #FFFFFF; }
      76.0%, 81.5%{ stroke: #B31912; stroke-width: 2; fill: #FFF9F9; } /* ACTIVE */
      82.0%, 90.0%{ stroke: #000033; stroke-width: 1.5; fill: #FFFFFF; } /* COMPLETE */
      95.0%, 100% { stroke: #D8D8DE; stroke-width: 1; fill: #FFFFFF; }
    }
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .notif-settle-line{ animation: anim-notif-settle 10s infinite linear; }
    @keyframes anim-notif-settle{
      0%, 76.0%   { opacity: 0; width: 0; }
      77.5%, 90.0%{ opacity: 1; width: 34px; }
      95.0%, 100% { opacity: 0; width: 0; }
    }

    /* ----------------------------------------------------
       SUPPORTING EVENT PACKETS (CSS offset-path standards-based)
       Single coherent journey per branch.
       ---------------------------------------------------- */

    /* Packet A: WordPress to Trigger to Validate to Route to Sync to Database */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .packet-a{
      offset-path: path("M 156 62 C 190 62 180 159 200 159 L 274 159 L 300 159 L 380 159 L 406 159 L 476 150 C 495 150 495 76 505 76 L 569 76 L 590 76");
      offset-distance: 0%;
      offset-rotate: 0deg;
      transform-box: fill-box;
      transform-origin: center;
      animation: anim-packet-a 10s infinite linear;
      opacity: 0;
    }
    @keyframes anim-packet-a{
      0%, 4.0%    { offset-distance: 0%; opacity: 0; }
      4.01%       { offset-distance: 0%; opacity: 1; }
      12.0%       { offset-distance: 18%; opacity: 1; } /* At Trigger */
      20.0%       { offset-distance: 35%; opacity: 1; } /* At Validate */
      31.0%       { offset-distance: 52%; opacity: 1; } /* At Route */
      40.0%       { offset-distance: 82%; opacity: 1; } /* At Sync */
      47.0%       { offset-distance: 100%; opacity: 1; } /* Enters Database */
      48.0%, 100% { offset-distance: 100%; opacity: 0; }
    }

    /* Packet B: Route to AI Defined Step to Human Review (stops inside before gate) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .packet-b{
      offset-path: path("M 406 159 L 441 173 C 441 215 441 220 441 250 L 441 274 L 480 274 L 545 274");
      offset-distance: 0%;
      offset-rotate: 0deg;
      transform-box: fill-box;
      transform-origin: center;
      animation: anim-packet-b 10s infinite linear;
      opacity: 0;
    }
    @keyframes anim-packet-b{
      0%, 35.8%   { offset-distance: 0%; opacity: 0; }
      36.0%       { offset-distance: 0%; opacity: 1; }
      43.0%       { offset-distance: 40%; opacity: 1; } /* Enters AI */
      51.0%       { offset-distance: 72%; opacity: 1; } /* Leaves AI */
      54.0%, 66.5%{ offset-distance: 100%; opacity: 1; } /* VISIBLY WAITS AT CLOSED GATE */
      67.5%, 100% { offset-distance: 100%; opacity: 0; }
    }

    /* Post-Review Payload C1: Human Review to CRM / RECORD */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .packet-c1{
      offset-path: path("M 573 274 C 585 274 585 222 590 222");
      offset-distance: 0%;
      offset-rotate: 0deg;
      transform-box: fill-box;
      transform-origin: center;
      animation: anim-packet-c1 10s infinite linear;
      opacity: 0;
    }
    @keyframes anim-packet-c1{
      0%, 68.0%   { offset-distance: 0%; opacity: 0; }
      68.01%      { offset-distance: 0%; opacity: 1; }
      74.0%       { offset-distance: 100%; opacity: 1; } /* Arrives at CRM */
      75.5%, 100% { offset-distance: 100%; opacity: 0; }
    }

    /* Post-Review Payload C2: Human Review to NOTIFICATION (Staggered ~200ms) */
    .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .packet-c2{
      offset-path: path("M 573 274 C 585 274 585 347 590 347");
      offset-distance: 0%;
      offset-rotate: 0deg;
      transform-box: fill-box;
      transform-origin: center;
      animation: anim-packet-c2 10s infinite linear;
      opacity: 0;
    }
    @keyframes anim-packet-c2{
      0%, 70.0%   { offset-distance: 0%; opacity: 0; }
      70.01%      { offset-distance: 0%; opacity: 1; }
      76.0%       { offset-distance: 100%; opacity: 1; } /* Arrives at Notification */
      77.5%, 100% { offset-distance: 100%; opacity: 0; }
    }

    /* Deliberate Reduced Motion State */
    @media (prefers-reduced-motion: reduce){
      .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .wire-active,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .packet-a,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .packet-b,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .packet-c1,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .packet-c2,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .wp-event-badge,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .api-event-pulse,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .ai-scan-head,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .review-gate-barrier{
        display: none !important;
      }
      .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-wp-box,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-api-box,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-trig-box,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-val-box,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-route-box,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-sync-box,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-db-box,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-ai-box,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-review-box,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-crm-box,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-notif-box{
        animation: none !important;
      }
      .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-wp-box,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-api-box,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-trig-box,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-val-box,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-route-box,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-sync-box,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-db-box,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-crm-box,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-notif-box{
        stroke: #000033 !important;
      }
      .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-ai-box{ stroke: #B31912 !important; }
      .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .act-review-box{ stroke: #000033 !important; }
      .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .val-bar-1,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .val-bar-2,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .val-bar-3{ width: 13px !important; fill: #000033 !important; }
      .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .val-check-glyph{ opacity: 1 !important; stroke: #000033 !important; }
      .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .ai-bar-1{ width: 44px !important; fill: #000033 !important; }
      .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .ai-bar-2{ width: 24px !important; fill: #000033 !important; }
      .gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .db-settle-line,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .crm-settle-line,.gfx-html2wp-view--desktop[data-gfx-page="workflow-automation"] .notif-settle-line{ opacity: 1 !important; width: 34px !important; }
    }