{"id":13338,"date":"2026-06-02T08:12:52","date_gmt":"2026-06-02T08:12:52","guid":{"rendered":"https:\/\/www.xgrid.co\/resources\/?post_type=webinars&#038;p=13338"},"modified":"2026-06-08T12:09:39","modified_gmt":"2026-06-08T12:09:39","slug":"temporal-workflows-construction-workforce-management","status":"publish","type":"webinars","link":"https:\/\/www.xgrid.co\/resources\/webinars\/temporal-workflows-construction-workforce-management\/","title":{"rendered":"Building Reliable Workflows for Harsh Environments: Temporal in Construction"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"13338\" class=\"elementor elementor-13338\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2472d97 e-con-full e-flex e-con e-parent\" data-id=\"2472d97\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98f577c elementor-widget elementor-widget-html\" data-id=\"98f577c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \r\n   @charset \"UTF-8\";\r\n\/* ==========================================================================\r\n   Design system \u2014 Harsh Environment Webinar LP \r\n   ========================================================================== *\/\r\n:root {\r\n  --color-algae-green: #84e7a5;\r\n  --color-algae-green-07: rgba(132, 231, 165, 0.07);\r\n  --color-algae-green-15: rgba(132, 231, 165, 0.15);\r\n  --color-black: #000000;\r\n  --color-black-30: rgba(0, 0, 0, 0.3);\r\n  --color-blue-primary: #3859f9;\r\n  --color-body: #55534e;\r\n  --color-border: #dad4c8;\r\n  --color-closing-muted: #868686;\r\n  --color-cod-gray: #0d0d0d;\r\n  --color-cyan: #3bd3fd;\r\n  --color-cyan-10: rgba(59, 211, 253, 0.1);\r\n  --color-cyan-20: rgba(59, 211, 253, 0.2);\r\n  --color-footer-text: #3a3a3a;\r\n  --color-cta-green: #2e7d52;\r\n  --color-cta-green-hover: #245f40;\r\n  --color-green: #078a52;\r\n  --color-green-10: rgba(132, 231, 165, 0.1);\r\n  --color-green-20: rgba(132, 231, 165, 0.2);\r\n  --color-heading: #0d0d12;\r\n  --color-hero-cream: #f3f0ec;\r\n  --color-image-placeholder: #e9e9e9;\r\n  --color-input-bg: #f3f3f3;\r\n  --color-melrose: #c1b0ff;\r\n  --color-melrose-10: rgba(193, 176, 255, 0.1);\r\n  --color-melrose-20: rgba(193, 176, 255, 0.2);\r\n  --color-mine-shaft: #222222;\r\n  --color-orange: #fbbd41;\r\n  --color-orange-10: rgba(251, 189, 65, 0.1);\r\n  --color-orange-20: rgba(251, 189, 65, 0.2);\r\n  --color-outcome-icon: #43089f;\r\n  --color-outcome-surface: rgba(255, 255, 255, 0.07);\r\n  --color-outcome-surface-border: rgba(255, 255, 255, 0.1);\r\n  --color-pampas: #f0f8ff;\r\n  --color-placeholder: #9f9b93;\r\n  --color-purple-deep: #32037d;\r\n  --color-sherwood-green: #02492a;\r\n  --color-stat-muted: #9f9b93;\r\n  --color-tag-surface: #f0f8ff;\r\n  --color-topaz: #7a7a8a;\r\n  --color-white: #ffffff;\r\n  --color-white-20: rgba(255, 255, 255, 0.2);\r\n  --color-accent: #802fad;\r\n  --color-accent-soft: #b365de;\r\n  --color-text-body: #313131;\r\n  --color-text-heading: #0a1312;\r\n  --container-desktop: 1300px;\r\n  --container-max: 1200px;\r\n  --radius-card: 8px;\r\n  --space-100: 100px;\r\n  --font-12: 12px;\r\n  --font-13: 13px;\r\n  --font-14: 14px;\r\n  --font-15: 15px;\r\n  --font-16: 16px;\r\n  --font-18: 18px;\r\n  --font-20: 20px;\r\n  --font-22: 22px;\r\n  --font-24: 24px;\r\n  --font-32: 32px;\r\n  --font-36: 36px;\r\n  --font-40: 40px;\r\n  --font-52: 52px;\r\n  --font-family: \"Helvetica Neue LT Pro\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n  --gap-lg: clamp(24px, 3vw, 32px);\r\n  --gap-md: clamp(16px, 2vw, 24px);\r\n  --gap-sm: clamp(12px, 1.5vw, 16px);\r\n  --gap-xl: clamp(32px, 4vw, 48px);\r\n  --gap-xs: clamp(8px, 1vw, 10px);\r\n  --line-height-body: 1.4;\r\n  --line-height-heading: 1.1;\r\n  --line-height-tight: 1.2;\r\n  --line-height-title: 1.3;\r\n  --padding-inline: clamp(24px, 8vw, 120px);\r\n  --padding-section: clamp(56px, 8vw, 100px);\r\n  --radius-3: 3px;\r\n  --radius-4: 4px;\r\n  --radius-8: 8px;\r\n  --radius-9: 9px;\r\n  --radius-11: 11px;\r\n  --radius-16: 16px;\r\n  --radius-24: 24px;\r\n  --radius-40: 40px;\r\n  --radius-pill: 1584px;\r\n  --shadow-accordion: 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px -0.5px 1px 0px rgba(0, 0, 0, 0.05);\r\n  --shadow-accordion-inset: inset 0px -1px 1px 1px rgba(0, 0, 0, 0.04);\r\n  --shadow-form-card: 0px 26px 17.5px rgba(0, 0, 0, 0.1);\r\n  --shadow-play-mobile: 0px 2.283px 6.85px rgba(0, 0, 0, 0.4);\r\n  --transition-base: 200ms ease;\r\n  --z-overlay: 2;\r\n  --z-play: 3;\r\n  --z-modal: 1000;\r\n}\r\n\r\n*,\r\n*::after,\r\n*::before {\r\n  box-sizing: border-box;\r\n}\r\n\r\nbody:not(:has(.data-mgmt-hero-section)) a {\r\n  margin-bottom: 0 !important;\r\n}\r\n\r\nbody {\r\n  color: var(--color-body);\r\n  font-family: var(--font-family);\r\n  line-height: var(--line-height-body);\r\n  margin: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  font-weight: 700;\r\n}\r\n\r\n.form-feedback {\r\n  font-size: 14px;\r\n  line-height: 1.4;\r\n  margin: 4px 0 0;\r\n}\r\n.form-feedback--error {\r\n  color: #d92d20;\r\n}\r\n.form-feedback--success {\r\n  color: #067647;\r\n}\r\n\r\n.skip-link {\r\n  background-color: var(--color-black);\r\n  border-radius: var(--radius-8);\r\n  color: var(--color-white);\r\n  font-size: var(--font-14);\r\n  font-weight: 700;\r\n  left: 16px;\r\n  padding: 12px 20px;\r\n  position: absolute;\r\n  text-decoration: none;\r\n  top: -100px;\r\n  z-index: 10000;\r\n}\r\n.skip-link:focus {\r\n  outline: 2px solid var(--color-blue-primary);\r\n  outline-offset: 2px;\r\n  top: 16px;\r\n}\r\n\r\n.sr-only {\r\n  border: 0;\r\n  clip: rect(0 0 0 0);\r\n  height: 1px;\r\n  margin: -1px;\r\n  overflow: hidden;\r\n  padding: 0;\r\n  position: absolute;\r\n  width: 1px;\r\n}\r\n\r\nimg {\r\n  display: block;\r\n  height: auto;\r\n  max-width: 100%;\r\n}\r\n\r\nul {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\nstrong {\r\n  font-weight: 700;\r\n}\r\n\r\n\/* --------------------------------------------------------------------------\r\n   Global utilities\r\n   -------------------------------------------------------------------------- *\/\r\n.button {\r\n  align-items: center;\r\n  background-image: linear-gradient(to right, var(--color-accent), #eccaff);\r\n  border: 0;\r\n  border-radius: var(--radius-card);\r\n  color: var(--color-text-body);\r\n  display: inline-flex;\r\n  font-size: clamp(14px, 0.098vw + 13.588px, 15px);\r\n  font-weight: 700;\r\n  justify-content: center;\r\n  line-height: normal;\r\n  outline: none;\r\n  padding: 2px;\r\n  position: relative;\r\n  text-decoration: none;\r\n  transition: all var(--transition-base);\r\n  width: fit-content;\r\n}\r\n.button span {\r\n  align-items: center;\r\n  background: #ffffff;\r\n  border-radius: calc(var(--radius-card) - 2px);\r\n  display: inline-flex;\r\n  justify-content: center;\r\n  padding: clamp(14px, 1.5vw, 16px) clamp(20px, 1.176vw + 15.059px, 32px);\r\n  transition: all var(--transition-base);\r\n  width: 100%;\r\n}\r\n.button--primary span {\r\n  background: #ffffff;\r\n}\r\n.button--primary:focus span, .button--primary:hover span {\r\n  background: var(--color-accent);\r\n  color: #ffffff;\r\n}\r\n.button--secondary:focus span, .button--secondary:hover span {\r\n  background: var(--color-accent);\r\n  color: #ffffff;\r\n}\r\n.button:disabled {\r\n  cursor: not-allowed;\r\n  opacity: 0.7;\r\n}\r\n\r\n.container {\r\n  margin: 0 auto;\r\n  max-width: 100%;\r\n  padding-inline: 24px;\r\n  width: 100%;\r\n}\r\n@media (min-width: 1024px) {\r\n  .container {\r\n    max-width: var(--container-desktop);\r\n  }\r\n}\r\n\r\n.eyebrow {\r\n  align-items: center;\r\n  display: flex;\r\n  gap: var(--gap-xs);\r\n  margin: 0;\r\n}\r\n.eyebrow--centered {\r\n  justify-content: center;\r\n}\r\n.eyebrow--melrose .eyebrow__text {\r\n  color: var(--color-melrose);\r\n}\r\n.eyebrow--section {\r\n  margin-bottom: var(--gap-sm);\r\n}\r\n.eyebrow__line {\r\n  background-color: var(--color-green);\r\n  flex-shrink: 0;\r\n  height: 1px;\r\n  width: 32px;\r\n}\r\n.eyebrow__line--algae {\r\n  background-color: var(--color-algae-green);\r\n}\r\n.eyebrow__line--melrose {\r\n  background-color: var(--color-melrose);\r\n}\r\n.eyebrow__text {\r\n  color: var(--color-green);\r\n  font-size: var(--font-14);\r\n  line-height: 1;\r\n  text-transform: capitalize;\r\n  margin: 0;\r\n}\r\n.eyebrow__text--algae {\r\n  color: var(--color-algae-green);\r\n}\r\n\r\n.page-divider {\r\n  background: linear-gradient(90deg, rgba(182, 100, 255, 0) 0%, rgba(182, 100, 255, 0.35) 50%, rgba(182, 100, 255, 0) 100%);\r\n  height: 1px;\r\n  width: 100%;\r\n}\r\n\r\n.section {\r\n  padding-block: clamp(56px, 7vw, var(--space-100));\r\n  padding-inline: 0;\r\n}\r\n\r\n.section-header {\r\n  margin-bottom: 32px;\r\n}\r\n.section-header--light .section-header__title {\r\n  color: var(--color-white);\r\n}\r\n.section-header__text {\r\n  color: var(--color-body);\r\n  font-size: var(--font-16);\r\n  margin: 0 0 var(--gap-sm);\r\n}\r\n@media (min-width: 1024px) {\r\n  .section-header__text {\r\n    font-size: var(--font-18);\r\n  }\r\n}\r\n.section-header__text.eyebrow {\r\n  align-items: center;\r\n  display: flex;\r\n  font-size: var(--font-14);\r\n  gap: var(--gap-xs);\r\n  line-height: 1;\r\n  margin-bottom: var(--gap-sm);\r\n  text-transform: capitalize;\r\n}\r\n.section-header__text.eyebrow .eyebrow__text {\r\n  color: var(--color-green);\r\n}\r\n.section-header__title {\r\n  color: var(--color-black);\r\n  font-size: var(--font-32);\r\n  font-weight: 700;\r\n  line-height: var(--line-height-heading);\r\n  margin: 0;\r\n  margin-bottom: 16px;\r\n  text-transform: capitalize;\r\n}\r\n@media (min-width: 1024px) {\r\n  .section-header__title {\r\n    font-size: var(--font-40);\r\n  }\r\n}\r\n\r\n\/* --------------------------------------------------------------------------\r\n   Page blocks\r\n   -------------------------------------------------------------------------- *\/\r\n.about {\r\n  background-color: var(--color-white);\r\n}\r\n.about__callout {\r\n  background-color: var(--color-sherwood-green);\r\n  border-radius: var(--radius-16);\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 15px;\r\n  overflow: hidden;\r\n  min-height: unset;\r\n  padding: 32px 24px;\r\n  position: relative;\r\n}\r\n@media (min-width: 1024px) {\r\n  .about__callout {\r\n    flex-shrink: 0;\r\n    min-height: 325px;\r\n    justify-content: center;\r\n    padding: 40px;\r\n    width: 460px;\r\n  }\r\n}\r\n.about__callout::after {\r\n  border: 1px solid var(--color-algae-green-07);\r\n  border-radius: 130px;\r\n  content: \"\";\r\n  height: 260px;\r\n  position: absolute;\r\n  right: -80px;\r\n  top: -80px;\r\n  width: 260px;\r\n}\r\n.about__callout::before {\r\n  border: 1px solid var(--color-algae-green-15);\r\n  border-radius: 90px;\r\n  content: \"\";\r\n  height: 180px;\r\n  position: absolute;\r\n  right: -40px;\r\n  top: -40px;\r\n  width: 180px;\r\n}\r\n.about__callout-eyebrow {\r\n  color: var(--color-algae-green);\r\n  font-size: var(--font-14);\r\n  line-height: 1;\r\n  margin: 0;\r\n  position: relative;\r\n  text-transform: capitalize;\r\n  z-index: 1;\r\n}\r\n.about__callout-text {\r\n  color: var(--color-white);\r\n  font-size: clamp(20px, 0.392vw + 18.353px, 24px);\r\n  font-weight: 500;\r\n  line-height: var(--line-height-title);\r\n  margin: 0;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n@media (min-width: 1024px) {\r\n  .about__callout-text {\r\n    font-size: 24px;\r\n  }\r\n}\r\n.about__layout {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--gap-lg);\r\n}\r\n@media (min-width: 1024px) {\r\n  .about__layout {\r\n    align-items: center;\r\n    flex-direction: row;\r\n    justify-content: space-between;\r\n  }\r\n}\r\n.about__list {\r\n  color: var(--color-body);\r\n  display: flex;\r\n  flex-direction: column;\r\n  font-size: clamp(16px, 0.196vw + 15.176px, 18px);\r\n  gap: 12px;\r\n  list-style: disc;\r\n  padding-left: 24px;\r\n}\r\n@media (min-width: 1024px) {\r\n  .about__list {\r\n    max-width: 652px;\r\n    padding-left: 27px;\r\n  }\r\n}\r\n\r\n.closing {\r\n  background-color: var(--color-black);\r\n}\r\n.closing__actions {\r\n  align-items: center;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n  width: 100%;\r\n}\r\n@media (min-width: 1024px) {\r\n  .closing__actions {\r\n    flex-direction: row;\r\n    justify-content: center;\r\n  }\r\n}\r\n.closing__inner {\r\n  align-items: center;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 39px;\r\n  margin: 0 auto;\r\n  max-width: 950px;\r\n  text-align: center;\r\n}\r\n.closing__text {\r\n  color: var(--color-hero-cream);\r\n  font-size: var(--font-18);\r\n  margin: 0;\r\n}\r\n@media (min-width: 1024px) {\r\n  .closing__text {\r\n    font-size: var(--font-22);\r\n  }\r\n}\r\n\r\n.curriculum {\r\n  background-color: var(--color-white);\r\n}\r\n.curriculum__accordion {\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-24);\r\n  box-shadow: var(--shadow-accordion);\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n.curriculum__accordion::after {\r\n  box-shadow: var(--shadow-accordion-inset);\r\n  border-radius: var(--radius-24);\r\n  content: \"\";\r\n  inset: 0;\r\n  pointer-events: none;\r\n  position: absolute;\r\n}\r\n.curriculum__heading {\r\n  font-family: var(--font-family) !important;\r\n  font-size: var(--font-18);\r\n  font-weight: 700;\r\n  text-align: left;\r\n  margin-right: auto;\r\n}\r\n.curriculum__index {\r\n  color: var(--color-body);\r\n  flex-shrink: 0;\r\n  font-size: var(--font-16);\r\n}\r\n.curriculum__intro {\r\n  max-width: 100%;\r\n}\r\n.curriculum__item {\r\n  border-top: 1px solid var(--color-border);\r\n}\r\n.curriculum__item:first-child {\r\n  border-top: 0;\r\n}\r\n.curriculum__item--open .curriculum__trigger {\r\n  background-color: var(--color-hero-cream);\r\n}\r\n.curriculum__item-title {\r\n  font-size: inherit;\r\n  font-weight: inherit;\r\n  line-height: inherit;\r\n  margin: 0;\r\n}\r\n.curriculum__panel {\r\n  background-color: var(--color-hero-cream);\r\n  padding: 0 16px 24px 56px;\r\n}\r\n.curriculum__panel:not([hidden]) {\r\n  display: block;\r\n}\r\n.curriculum__panel[hidden] {\r\n  display: none;\r\n}\r\n@media (min-width: 1024px) {\r\n  .curriculum__panel {\r\n    padding: 0 36px 26px 76px;\r\n  }\r\n}\r\n.curriculum__panel p {\r\n  color: var(--color-black);\r\n  font-size: var(--font-18);\r\n  margin: 0;\r\n}\r\n.curriculum__toggle {\r\n  align-items: center;\r\n  background-color: var(--color-hero-cream);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-pill);\r\n  color: var(--color-black);\r\n  display: inline-flex;\r\n  flex-shrink: 0;\r\n  font-size: var(--font-12);\r\n  font-weight: 700;\r\n  height: 27px;\r\n  justify-content: center;\r\n  line-height: 1;\r\n  width: 27px;\r\n}\r\n.curriculum__toggle--open {\r\n  background-color: var(--color-black);\r\n  border-color: var(--color-black);\r\n  color: var(--color-white);\r\n}\r\n.curriculum__trigger {\r\n  align-items: flex-start;\r\n  background-color: var(--color-white);\r\n  border: 0;\r\n  cursor: pointer;\r\n  display: flex;\r\n  gap: 20px;\r\n  justify-content: space-between;\r\n  padding: 24px 16px;\r\n  text-align: left;\r\n  width: 100%;\r\n}\r\n@media (hover: hover) and (pointer: fine) {\r\n  .curriculum__trigger:hover {\r\n    background-color: var(--color-hero-cream);\r\n  }\r\n  .curriculum__trigger:hover .curriculum__toggle {\r\n    background-color: var(--color-black);\r\n    border-color: var(--color-black);\r\n    color: var(--color-white);\r\n  }\r\n}\r\n@media (min-width: 1024px) {\r\n  .curriculum__trigger {\r\n    align-items: center;\r\n    padding: 26px 36px;\r\n  }\r\n}\r\n\r\n.hero {\r\n  background-color: var(--color-hero-cream);\r\n}\r\n.hero__actions {\r\n  margin-top: clamp(32px, 1.569vw + 25.412px, 48px);\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n  width: 100%;\r\n}\r\n@media (min-width: 1024px) {\r\n  .hero__actions {\r\n    flex-direction: row;\r\n    width: auto;\r\n  }\r\n}\r\n@media (max-width: 1023px) {\r\n  .hero__actions .webinar-cta {\r\n    width: 100%;\r\n  }\r\n}\r\n.hero__copy {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n}\r\n@media (min-width: 1024px) {\r\n  .hero__copy {\r\n    max-width: 630px;\r\n  }\r\n}\r\n.hero__field {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n  padding-top: 8px;\r\n  width: 100%;\r\n}\r\n.hero__field:first-of-type {\r\n  padding-top: 18px;\r\n}\r\n.hero__form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  width: 100%;\r\n}\r\n.hero__form-card {\r\n  background-color: var(--color-white);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-16);\r\n  box-shadow: var(--shadow-form-card);\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 32px;\r\n  padding: clamp(24px, 2.353vw + 14.118px, 48px);\r\n  width: 100%;\r\n}\r\n@media (min-width: 1024px) {\r\n  .hero__form-card {\r\n    flex-shrink: 0;\r\n    position: sticky;\r\n    top: 0;\r\n    width: 473px;\r\n  }\r\n}\r\n.hero__form-header {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  text-align: center;\r\n}\r\n.hero__form-subtitle {\r\n  color: #313131;\r\n  font-size: var(--font-16);\r\n  margin: 0;\r\n}\r\n.hero__form-title {\r\n  color: #313131;\r\n  font-size: var(--font-24);\r\n  font-weight: 500;\r\n  line-height: 28px;\r\n  margin: 0;\r\n}\r\n@media (min-width: 1024px) {\r\n  .hero__form-title {\r\n    font-size: 32px;\r\n  }\r\n}\r\n.hero__input {\r\n  background-color: var(--color-input-bg);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-4);\r\n  color: var(--color-black);\r\n  font-size: var(--font-13);\r\n  line-height: normal;\r\n  padding: 15px 15px;\r\n  width: 100%;\r\n}\r\n.hero__input.is-error {\r\n  border-color: #d92d20;\r\n}\r\n.hero__input::placeholder {\r\n  color: var(--color-placeholder);\r\n}\r\n.hero__label {\r\n  color: var(--color-body);\r\n  font-size: var(--font-13);\r\n  font-weight: 700;\r\n  line-height: normal;\r\n  text-transform: uppercase;\r\n}\r\n.hero__field--date {\r\n  gap: 8px;\r\n}\r\n.hero__field--date-error .flatpickr-calendar {\r\n  border-color: #d92d20;\r\n}\r\n.hero__date-selected {\r\n  color: var(--color-body);\r\n  font-size: var(--font-13);\r\n  line-height: 1.4;\r\n  margin: 0;\r\n}\r\n.hero__calendar-wrap {\r\n  width: 100%;\r\n}\r\n.hero__calendar-wrap .flatpickr-calendar {\r\n  background: var(--color-white);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-8);\r\n  box-shadow: none;\r\n  font-family: var(--font-family);\r\n  margin: 0 auto;\r\n  max-width: 100%;\r\n  width: 100%;\r\n}\r\n.hero__calendar-wrap .flatpickr-months {\r\n  padding: 8px 4px 0;\r\n}\r\n.hero__calendar-wrap .flatpickr-current-month {\r\n  font-size: var(--font-14);\r\n  font-weight: 500;\r\n}\r\n.hero__calendar-wrap .flatpickr-weekdays {\r\n  background: transparent;\r\n}\r\n.hero__calendar-wrap span.flatpickr-weekday {\r\n  color: var(--color-body);\r\n  font-size: var(--font-12);\r\n  font-weight: 700;\r\n}\r\n.hero__calendar-wrap .flatpickr-day {\r\n  border-radius: var(--radius-4);\r\n  color: var(--color-black);\r\n  font-size: var(--font-13);\r\n  max-width: 38px;\r\n}\r\n.hero__calendar-wrap .flatpickr-day:hover, .hero__calendar-wrap .flatpickr-day:focus {\r\n  background: rgba(56, 89, 249, 0.12);\r\n  border-color: transparent;\r\n}\r\n.hero__calendar-wrap .flatpickr-day.today {\r\n  border-color: var(--color-blue-primary);\r\n}\r\n.hero__calendar-wrap .flatpickr-day.selected, .hero__calendar-wrap .flatpickr-day.selected:hover, .hero__calendar-wrap .flatpickr-day.selected:focus {\r\n  background: var(--color-blue-primary);\r\n  border-color: var(--color-blue-primary);\r\n  color: var(--color-white);\r\n}\r\n.hero__calendar-wrap .flatpickr-day.flatpickr-disabled, .hero__calendar-wrap .flatpickr-day.prevMonthDay, .hero__calendar-wrap .flatpickr-day.nextMonthDay {\r\n  color: var(--color-placeholder);\r\n}\r\n.hero__input--date-hidden {\r\n  border: 0;\r\n  clip: rect(0 0 0 0);\r\n  height: 1px;\r\n  margin: -1px;\r\n  overflow: hidden;\r\n  padding: 0;\r\n  position: absolute;\r\n  white-space: nowrap;\r\n  width: 1px;\r\n}\r\n.hero__layout {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: 24px;\r\n}\r\n@media (min-width: 1024px) {\r\n  .hero__layout {\r\n    align-items: center;\r\n    flex-direction: row;\r\n    gap: var(--gap-xl);\r\n    justify-content: space-between;\r\n  }\r\n}\r\n.hero__text {\r\n  color: var(--color-body);\r\n  font-size: var(--font-16);\r\n  margin: 0;\r\n}\r\n@media (min-width: 1024px) {\r\n  .hero__text {\r\n    font-size: var(--font-18);\r\n  }\r\n}\r\n.hero__title {\r\n  color: var(--color-black);\r\n  font-size: var(--font-52);\r\n  line-height: var(--line-height-heading);\r\n  margin: clamp(16px, 0.784vw + 12.706px, 24px) 0;\r\n  text-transform: capitalize;\r\n}\r\n.hero__title--desktop {\r\n  display: none;\r\n}\r\n@media (min-width: 1024px) {\r\n  .hero__title--desktop {\r\n    display: block;\r\n    line-height: 1.1;\r\n  }\r\n}\r\n.hero__title--mobile {\r\n  display: block;\r\n  font-size: var(--font-32);\r\n  line-height: 1.2;\r\n}\r\n@media (min-width: 1024px) {\r\n  .hero__title--mobile {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.outcomes {\r\n  background-color: var(--color-purple-deep);\r\n}\r\n.outcomes__card {\r\n  align-items: flex-start;\r\n  background-color: var(--color-outcome-surface);\r\n  border: 1px solid var(--color-outcome-surface-border);\r\n  border-radius: var(--radius-16);\r\n  display: flex;\r\n  gap: 16px;\r\n  list-style: none;\r\n  padding: 20px clamp(16px, 0.784vw + 12.706px, 24px);\r\n}\r\n@media (min-width: 1024px) {\r\n  .outcomes__card {\r\n    gap: 20px;\r\n    max-width: 592px;\r\n    width: calc(50% - 8px);\r\n  }\r\n}\r\n.outcomes__grid {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n@media (min-width: 1024px) {\r\n  .outcomes__grid {\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n    gap: 16px;\r\n  }\r\n}\r\n.outcomes__index {\r\n  align-items: center;\r\n  background-color: var(--color-outcome-icon);\r\n  border: 0.75px solid var(--color-melrose);\r\n  border-radius: var(--radius-3);\r\n  color: var(--color-white);\r\n  display: inline-flex;\r\n  flex-shrink: 0;\r\n  font-size: var(--font-15);\r\n  font-weight: 700;\r\n  height: 33px;\r\n  justify-content: center;\r\n  line-height: normal;\r\n  width: 33px;\r\n}\r\n.outcomes__text {\r\n  color: var(--color-melrose);\r\n  font-size: 16px;\r\n  margin: 0;\r\n}\r\n\r\n\/* footer *\/\r\n\/* --------------------- *\/\r\n.footer {\r\n  background: #ffffff;\r\n}\r\n.footer__about {\r\n  display: grid;\r\n  gap: 20px;\r\n}\r\n.footer__about-text {\r\n  color: #3a3a3a;\r\n  font-size: 14px;\r\n  margin: 0;\r\n  max-width: 460px;\r\n  opacity: 0.8;\r\n}\r\n.footer__address {\r\n  color: #3a3a3a;\r\n  display: grid;\r\n  font-style: normal;\r\n  gap: 24px;\r\n}\r\n.footer__address h3 {\r\n  color: #3a3a3a;\r\n  font-family: var(--font-family) !important;\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n  margin: 0;\r\n}\r\n.footer__address-block {\r\n  display: grid;\r\n  gap: 8px;\r\n}\r\n.footer__address-text {\r\n  font-size: 16px;\r\n  letter-spacing: -0.64px;\r\n  margin: 0;\r\n  opacity: 0.8;\r\n}\r\n.footer__address-title {\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  letter-spacing: -0.64px;\r\n  margin: 0;\r\n}\r\n.footer__badge {\r\n  height: 166px;\r\n  object-fit: cover;\r\n  object-position: left center;\r\n  width: 144px;\r\n}\r\n.footer__brand {\r\n  align-items: center;\r\n  display: flex;\r\n  gap: 20px;\r\n}\r\n.footer__brand-divider {\r\n  background: #3a3a3a;\r\n  display: block;\r\n  height: 36.5px;\r\n  opacity: 0.6;\r\n  width: 1px;\r\n}\r\n.footer__brand-name {\r\n  color: #3a3a3a;\r\n  font-size: 42px;\r\n  font-weight: 300;\r\n  letter-spacing: -1.3px;\r\n  line-height: 1;\r\n}\r\n.footer__grid {\r\n  display: grid;\r\n  gap: 32px;\r\n}\r\n@media (min-width: 1024px) {\r\n  .footer__grid {\r\n    column-gap: 161px;\r\n    grid-template-columns: 484px 106px 288px;\r\n  }\r\n}\r\n.footer__list {\r\n  display: grid;\r\n  gap: 16px;\r\n  list-style: none;\r\n  margin: 0 !important;\r\n  padding: 0;\r\n}\r\n.footer__list a {\r\n  color: #3a3a3a;\r\n  font-size: 18px;\r\n  opacity: 0.8;\r\n  text-decoration: none;\r\n}\r\n.footer__nav {\r\n  display: none;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n  opacity: 0;\r\n}\r\n@media (min-width: 768px) {\r\n  .footer__nav {\r\n    display: flex;\r\n  }\r\n}\r\n.footer__nav h3 {\r\n  color: #3a3a3a;\r\n  font-family: var(--font-family) !important;\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n  margin: 0;\r\n}\r\n.footer__social {\r\n  color: #3a3a3a;\r\n  display: inline-flex;\r\n  font-size: 28px;\r\n  font-weight: 500;\r\n  line-height: 1;\r\n  text-decoration: none;\r\n}\r\n.footer__socials {\r\n  align-items: center;\r\n  display: flex;\r\n  gap: 31px;\r\n  margin-top: clamp(8px, 2vw, 16px);\r\n}\r\n\r\n\/* END footer *\/\r\n\/* --------------------- *\/\r\n.site-header {\r\n  background-color: var(--color-white);\r\n  padding-block: clamp(24px, 4vw, 18px);\r\n  padding-inline: 0;\r\n}\r\n.site-header__brand {\r\n  margin-bottom: 0 !important;\r\n}\r\n.site-header__cta {\r\n  display: none !important;\r\n}\r\n@media (min-width: 1024px) {\r\n  .site-header__cta {\r\n    display: inline-flex;\r\n  }\r\n}\r\n.site-header__inner {\r\n  align-items: center;\r\n  display: flex;\r\n  gap: 24px;\r\n  justify-content: space-between;\r\n}\r\n.site-header__logos {\r\n  align-items: center;\r\n  display: flex;\r\n  gap: 12px;\r\n}\r\n.site-header__logos svg {\r\n  height: clamp(26px, 1.078vw + 21.471px, 38px);\r\n  width: auto;\r\n}\r\n.site-header__menu-icon {\r\n  background-color: var(--color-black);\r\n  display: block;\r\n  height: 2px;\r\n  position: relative;\r\n  width: 24px;\r\n}\r\n.site-header__menu-icon::after, .site-header__menu-icon::before {\r\n  background-color: var(--color-black);\r\n  content: \"\";\r\n  height: 2px;\r\n  left: 0;\r\n  position: absolute;\r\n  width: 24px;\r\n}\r\n.site-header__menu-icon::before {\r\n  top: -6px;\r\n}\r\n.site-header__menu-icon::after {\r\n  top: 6px;\r\n}\r\n.site-header__menu-toggle {\r\n  background: transparent;\r\n  border: 0;\r\n  cursor: pointer;\r\n  display: flex;\r\n  height: 16px;\r\n  padding: 0;\r\n  transition: opacity var(--transition-base);\r\n  width: 24px;\r\n}\r\n@media (hover: hover) and (pointer: fine) {\r\n  .site-header__menu-toggle:hover {\r\n    opacity: 0.7;\r\n  }\r\n}\r\n@media (min-width: 1024px) {\r\n  .site-header__menu-toggle {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.webinar-cta {\r\n  align-items: center;\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-8);\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  font-size: var(--font-18);\r\n  font-weight: 500;\r\n  gap: 12px;\r\n  justify-content: center;\r\n  line-height: 1;\r\n  padding: 17px 29px;\r\n  text-decoration: none;\r\n  transition: background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base);\r\n  white-space: nowrap;\r\n}\r\n.webinar-cta--form {\r\n  background-color: var(--color-cta-green);\r\n  border-color: var(--color-cta-green);\r\n  color: var(--color-white);\r\n  width: 100%;\r\n}\r\n.webinar-cta--form:disabled {\r\n  cursor: not-allowed;\r\n  opacity: 0.7;\r\n}\r\n.webinar-cta--inverted {\r\n  background-color: var(--color-white);\r\n  border-color: var(--color-border);\r\n  color: var(--color-black);\r\n}\r\n.webinar-cta--on-dark {\r\n  background-color: var(--color-cta-green);\r\n  border-color: var(--color-cta-green);\r\n  border-width: 1px;\r\n  color: var(--color-white);\r\n  padding: 16.5px 28.5px;\r\n}\r\n@media (min-width: 1024px) {\r\n  .webinar-cta--on-dark {\r\n    align-self: stretch;\r\n  }\r\n}\r\n.webinar-cta--primary {\r\n  background-color: var(--color-black);\r\n  border-color: var(--color-border);\r\n  color: var(--color-white);\r\n}\r\n.webinar-cta--secondary {\r\n  background-color: transparent;\r\n  border-color: var(--color-border);\r\n  color: var(--color-black);\r\n}\r\n@media (hover: hover) and (pointer: fine) {\r\n  .webinar-cta:not(:disabled):hover {\r\n    transform: translateY(-1px);\r\n  }\r\n  .webinar-cta--primary:hover {\r\n    background-color: #202020;\r\n  }\r\n  .webinar-cta--secondary:hover {\r\n    background-color: var(--color-hero-cream);\r\n    border-color: #b8b2a5;\r\n  }\r\n  .webinar-cta--form:hover {\r\n    background-color: var(--color-cta-green-hover);\r\n    border-color: var(--color-cta-green-hover);\r\n  }\r\n  .webinar-cta--inverted:hover {\r\n    background-color: #f3f3f3;\r\n  }\r\n  .webinar-cta--on-dark:hover {\r\n    background-color: var(--color-cta-green-hover);\r\n    border-color: var(--color-cta-green-hover);\r\n    color: var(--color-white);\r\n  }\r\n}\r\n\r\n.webinar-cta__play {\r\n  background-color: var(--color-white-20);\r\n  border-radius: var(--radius-11);\r\n  flex-shrink: 0;\r\n  height: 22px;\r\n  position: relative;\r\n  width: 22px;\r\n}\r\n.webinar-cta__play::after {\r\n  border-bottom: 5px solid transparent;\r\n  border-left: 7px solid var(--color-white);\r\n  border-top: 5px solid transparent;\r\n  content: \"\";\r\n  height: 0;\r\n  left: 9px;\r\n  position: absolute;\r\n  top: 6px;\r\n  width: 0;\r\n}\r\n.webinar-cta__play--on-blue::after {\r\n  border-left-color: var(--color-white);\r\n}\r\n.webinar-cta__play--on-white {\r\n  background-color: var(--color-black-30);\r\n}\r\n.webinar-cta__play--on-white::after {\r\n  border-left-color: var(--color-black);\r\n}\r\n\r\n.speaker-card {\r\n  background-color: var(--color-white);\r\n  border-radius: var(--radius-24);\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n  overflow: hidden;\r\n  padding: clamp(32px, 0.784vw + 28.706px, 40px) clamp(24px, 1.569vw + 17.412px, 40px);\r\n  position: relative;\r\n  text-decoration: none;\r\n}\r\n@media (min-width: 1024px) {\r\n  .speaker-card {\r\n    align-items: center;\r\n    flex: 1 1 0;\r\n    flex-direction: row;\r\n    gap: 20px;\r\n  }\r\n}\r\n.speaker-card--green::before {\r\n  background-color: var(--color-green);\r\n}\r\n.speaker-card--purple::before {\r\n  background-color: var(--color-purple-deep);\r\n}\r\n.speaker-card::before {\r\n  border-radius: var(--radius-40) var(--radius-40) 0 0;\r\n  content: \"\";\r\n  height: 8px;\r\n  left: 0;\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n}\r\n.speaker-card__bio {\r\n  border-top: 1px solid #e4e4ec;\r\n  color: var(--color-body);\r\n  font-size: var(--font-16);\r\n  margin: 0;\r\n  padding-bottom: 12px;\r\n  padding-top: 13px;\r\n}\r\n.speaker-card__body {\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n@media (min-width: 1024px) {\r\n  .speaker-card__body {\r\n    max-width: 299px;\r\n    order: 1;\r\n  }\r\n}\r\n.speaker-card__media {\r\n  background-color: var(--color-image-placeholder);\r\n  border-radius: var(--radius-16);\r\n  flex-shrink: 0;\r\n  height: 311px;\r\n  overflow: hidden;\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n@media (min-width: 1024px) {\r\n  .speaker-card__media {\r\n    flex: 1 1 0;\r\n    height: 100%;\r\n    min-height: 0;\r\n    order: 2;\r\n  }\r\n}\r\n.speaker-card__media img,\r\n.speaker-card__media picture {\r\n  display: block;\r\n  height: 100%;\r\n  width: 100%;\r\n}\r\n.speaker-card__media img {\r\n  object-fit: cover;\r\n  object-position: center top;\r\n}\r\n.speaker-card__meta {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n.speaker-card__name {\r\n  color: var(--color-heading);\r\n  font-family: var(--font-family) !important;\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  line-height: var(--line-height-tight);\r\n  margin: 0;\r\n}\r\n.speaker-card__role {\r\n  color: var(--color-topaz);\r\n  font-size: var(--font-12);\r\n  line-height: var(--line-height-tight);\r\n  margin: 0;\r\n}\r\n.speaker-card__tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n@media (min-width: 1024px) {\r\n  .speaker-card__tags {\r\n    flex-direction: column;\r\n  }\r\n}\r\n.speaker-card__tag {\r\n  background-color: var(--color-tag-surface);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-pill);\r\n  color: var(--color-body);\r\n  display: inline-flex;\r\n  font-size: var(--font-12);\r\n  line-height: normal;\r\n  list-style: none;\r\n  padding: 9px 17px;\r\n  width: fit-content;\r\n}\r\n\r\n.speakers {\r\n  background-color: var(--color-hero-cream);\r\n}\r\n.speakers__grid {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 32px;\r\n}\r\n@media (min-width: 1024px) {\r\n  .speakers__grid {\r\n    flex-direction: row;\r\n  }\r\n}\r\n\r\n.trust-strip {\r\n  background-color: var(--color-black);\r\n  padding-block: clamp(48px, 0.196vw + 47.176px, 50px);\r\n}\r\n.trust-strip__grid {\r\n  display: grid;\r\n  gap: clamp(24px, 3vw, 40px);\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n@media (min-width: 1024px) {\r\n  .trust-strip__grid {\r\n    align-items: center;\r\n    display: flex;\r\n    gap: 40px;\r\n    grid-template-columns: none;\r\n    justify-content: center;\r\n  }\r\n}\r\n.trust-strip__icon {\r\n  align-items: center;\r\n  border: 1px solid transparent;\r\n  border-radius: var(--radius-9);\r\n  display: flex;\r\n  justify-content: center;\r\n  height: 36px;\r\n  width: 36px;\r\n}\r\n.trust-strip__icon svg {\r\n  display: block;\r\n  height: 16px;\r\n  width: 16px;\r\n}\r\n.trust-strip__icon--cyan {\r\n  background-color: var(--color-cyan-10);\r\n  border-color: var(--color-cyan-20);\r\n}\r\n.trust-strip__icon--green {\r\n  background-color: var(--color-green-10);\r\n  border-color: var(--color-green-20);\r\n}\r\n.trust-strip__icon--orange {\r\n  background-color: var(--color-orange-10);\r\n  border-color: var(--color-orange-20);\r\n}\r\n.trust-strip__icon--purple {\r\n  background-color: var(--color-melrose-10);\r\n  border-color: var(--color-melrose-20);\r\n}\r\n.trust-strip__label {\r\n  color: var(--color-stat-muted);\r\n  font-size: var(--font-14);\r\n  font-weight: 700;\r\n  line-height: normal;\r\n  margin: 0;\r\n}\r\n.trust-strip__stat {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n@media (min-width: 1024px) {\r\n  .trust-strip__stat {\r\n    flex: 1 1 0;\r\n    position: relative;\r\n  }\r\n  .trust-strip__stat:not(:last-child)::after {\r\n    background-color: rgba(218, 212, 200, 0.35);\r\n    content: \"\";\r\n    height: 125px;\r\n    position: absolute;\r\n    right: -20px;\r\n    top: 0;\r\n    width: 1px;\r\n  }\r\n}\r\n.trust-strip__value {\r\n  font-size: var(--font-36);\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  margin: 0;\r\n}\r\n.trust-strip__value--cyan {\r\n  color: var(--color-cyan);\r\n}\r\n.trust-strip__value--green {\r\n  color: var(--color-algae-green);\r\n}\r\n.trust-strip__value--orange {\r\n  color: var(--color-orange);\r\n}\r\n.trust-strip__value--purple {\r\n  color: var(--color-melrose);\r\n}\r\n\r\n.video-section {\r\n  background-color: var(--color-pampas);\r\n  padding-bottom: clamp(24px, 4vw, 100px);\r\n  padding-top: clamp(56px, 8vw, 100px);\r\n}\r\n@media (min-width: 1024px) {\r\n  .video-section__intro {\r\n    max-width: 901px;\r\n  }\r\n}\r\n.video-section__play {\r\n  align-items: center;\r\n  background-color: var(--color-white);\r\n  border: 0;\r\n  border-radius: 20.551px;\r\n  box-shadow: var(--shadow-play-mobile);\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  height: 41.102px;\r\n  justify-content: center;\r\n  padding-left: 14px;\r\n  padding-right: 12px;\r\n  width: 41.102px;\r\n}\r\n@media (hover: hover) and (pointer: fine) {\r\n  .video-section__play:hover {\r\n    transform: scale(1.04);\r\n  }\r\n}\r\n.video-section__play--overlay {\r\n  background: none;\r\n  border-radius: 0;\r\n  box-shadow: none;\r\n  display: inline-flex;\r\n  height: 54px;\r\n  width: 54px;\r\n  left: 50%;\r\n  padding: 0;\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translate(-50%, -50%);\r\n  z-index: var(--z-play);\r\n}\r\n.video-section__play--overlay svg {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n@media (min-width: 1024px) {\r\n  .video-section__play--overlay {\r\n    bottom: 24px;\r\n    left: auto;\r\n    right: 24px;\r\n    top: auto;\r\n    transform: none;\r\n  }\r\n}\r\n.video-section__play--overlay .video-section__play-badge {\r\n  display: none;\r\n}\r\n.video-section__play-badge {\r\n  border-bottom: 8px solid transparent;\r\n  border-left: 12px solid var(--color-black);\r\n  border-top: 8px solid transparent;\r\n  display: block;\r\n  height: 0;\r\n  width: 0;\r\n}\r\n.video-section__lock-notice {\r\n  background-color: rgba(0, 0, 0, 0.72);\r\n  border-radius: var(--radius-8);\r\n  bottom: 24px;\r\n  color: var(--color-white);\r\n  font-size: var(--font-14);\r\n  left: 50%;\r\n  margin: 0;\r\n  max-width: calc(100% - 48px);\r\n  padding: 10px 16px;\r\n  position: absolute;\r\n  text-align: center;\r\n  transform: translateX(-50%);\r\n  z-index: calc(var(--z-play) + 1);\r\n}\r\n.video-section__player {\r\n  aspect-ratio: 1200\/510;\r\n  background-color: var(--color-cod-gray);\r\n  border: 1px solid var(--color-mine-shaft);\r\n  border-radius: var(--radius-16);\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n.video-section__player--unlocked {\r\n  cursor: default;\r\n}\r\n.video-section__player--unlocked .video-section__lock-notice {\r\n  display: none;\r\n}\r\n.video-section__poster {\r\n  cursor: pointer;\r\n  height: 100%;\r\n  inset: 0;\r\n  position: absolute;\r\n  width: 100%;\r\n}\r\n.video-section__poster[hidden] {\r\n  display: none;\r\n}\r\n.video-section__poster:focus-visible {\r\n  outline: 2px solid var(--color-blue-primary);\r\n  outline-offset: 2px;\r\n}\r\n.video-section__video {\r\n  background-color: var(--color-black);\r\n  cursor: pointer;\r\n  display: block;\r\n  height: 100%;\r\n  object-fit: contain;\r\n  width: 100%;\r\n}\r\n.video-section__video[hidden] {\r\n  display: none;\r\n}\r\n.video-section__thumbnail {\r\n  display: block;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  width: 100%;\r\n}\r\n\r\n.video-modal {\r\n  align-items: center;\r\n  display: flex;\r\n  inset: 0;\r\n  justify-content: center;\r\n  padding: 24px;\r\n  position: fixed;\r\n  z-index: var(--z-modal);\r\n}\r\n.video-modal[hidden] {\r\n  display: none;\r\n}\r\n.video-modal__overlay {\r\n  backdrop-filter: blur(4px);\r\n  background-color: rgba(0, 0, 0, 0.78);\r\n  inset: 0;\r\n  position: absolute;\r\n}\r\n.video-modal__dialog {\r\n  max-height: calc(100vh - 48px);\r\n  position: relative;\r\n  width: min(960px, 100%);\r\n}\r\n.video-modal__close {\r\n  align-items: center;\r\n  background-color: var(--color-white);\r\n  border: none;\r\n  border-radius: var(--radius-pill);\r\n  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);\r\n  color: var(--color-black);\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  height: 40px;\r\n  justify-content: center;\r\n  position: absolute;\r\n  right: -14px;\r\n  top: -14px;\r\n  width: 40px;\r\n  z-index: 2;\r\n}\r\n.video-modal__close:hover {\r\n  background-color: var(--color-input-bg);\r\n}\r\n.video-modal__close:focus-visible {\r\n  outline: 2px solid var(--color-blue-primary);\r\n  outline-offset: 2px;\r\n}\r\n.video-modal__frame {\r\n  aspect-ratio: 16\/9;\r\n  background-color: var(--color-black);\r\n  border-radius: var(--radius-11);\r\n  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);\r\n  overflow: hidden;\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n.video-modal__video {\r\n  background-color: var(--color-black);\r\n  display: block;\r\n  height: 100%;\r\n  object-fit: contain;\r\n  width: 100%;\r\n}\r\n@media (max-width: 600px) {\r\n  .video-modal {\r\n    padding: 16px;\r\n  }\r\n  .video-modal__close {\r\n    right: 0;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n.webinar-page {\r\n  background-color: var(--color-white);\r\n}\r\n\r\n\/*# sourceMappingURL=harsh-environment-webinar.css.map *\/\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f4c619 elementor-widget elementor-widget-html\" data-id=\"2f4c619\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<header class=\"site-header\" role=\"banner\" aria-label=\"Site header\">\r\n    <div class=\"container site-header__inner\">\r\n      <div class=\"site-header__logos\">\r\n        <a class=\"site-header__brand\" href=\"https:\/\/www.xgrid.co\/\" aria-label=\"Xgrid and Temporal\"\r\n          style=\" margin-bottom: 0 !important; \">\r\n          <svg width=\"104\" height=\"38\" viewBox=\"0 0 104 38\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M8.59235 17.6768L17.0143 28.6657H23.5039L11.803 13.4921L8.59235 17.6768Z\" fill=\"black\" \/>\r\n            <path d=\"M23.5442 6.6478L11.8176 21.8723L8.59235 17.6771L17.0546 6.6478H23.5442Z\" fill=\"black\" \/>\r\n            <path d=\"M0.000366211 28.6662L7.70159 18.8565L10.9268 23.0517L6.48995 28.6662H0.000366211Z\"\r\n              fill=\"black\" \/>\r\n            <path d=\"M0.000305176 6.64792L7.70153 16.4575L10.9268 12.2624L6.48989 6.64792H0.000305176Z\"\r\n              fill=\"black\" \/>\r\n            <path\r\n              d=\"M35.9117 13.6243H37.489V28.7289C37.489 30.0646 37.2332 31.2109 36.7216 32.1676C36.2196 33.1244 35.5044 33.8586 34.576 34.3701C33.6571 34.8816 32.5725 35.1374 31.322 35.1374C30.6874 35.1374 30.0337 35.0379 29.3611 34.839C28.698 34.6495 28.0681 34.3559 27.4713 33.958C26.8839 33.5696 26.3819 33.0865 25.9651 32.5087L26.9171 31.4714C27.5423 32.2292 28.2102 32.7834 28.9206 33.1339C29.6311 33.4938 30.3984 33.6738 31.2226 33.6738C32.1983 33.6738 33.0224 33.4796 33.695 33.0912C34.3771 32.7028 34.8934 32.1439 35.2439 31.4145C35.6038 30.6851 35.7838 29.8089 35.7838 28.7858V17.0061L35.9117 13.6243ZM25.1125 21.4679V21.1695C25.1125 19.9759 25.2451 18.9007 25.5104 17.9439C25.7851 16.9777 26.1782 16.1535 26.6898 15.4715C27.2013 14.78 27.8218 14.2542 28.5512 13.8942C29.2901 13.5248 30.1237 13.3401 31.0521 13.3401C31.9425 13.3401 32.7335 13.4869 33.425 13.7806C34.1166 14.0742 34.7134 14.4958 35.2154 15.0452C35.7175 15.5946 36.1201 16.2483 36.4232 17.0061C36.7359 17.764 36.9632 18.607 37.1053 19.5354V23.3293C36.9916 24.2008 36.7832 25.0013 36.4801 25.7307C36.1769 26.4507 35.7743 27.0806 35.2723 27.6206C34.7702 28.1511 34.1639 28.5632 33.4535 28.8568C32.7525 29.141 31.9425 29.2831 31.0236 29.2831C30.1048 29.2831 29.2806 29.0936 28.5512 28.7147C27.8218 28.3358 27.2013 27.8006 26.6898 27.1091C26.1782 26.4081 25.7851 25.5792 25.5104 24.6224C25.2451 23.6656 25.1125 22.6141 25.1125 21.4679ZM26.8176 21.1695V21.4679C26.8176 22.3678 26.9076 23.2014 27.0876 23.9688C27.2676 24.7361 27.5423 25.4039 27.9118 25.9723C28.2812 26.5407 28.7501 26.9859 29.3185 27.308C29.8869 27.6301 30.5547 27.7911 31.322 27.7911C32.2978 27.7911 33.1172 27.6064 33.7803 27.2369C34.4434 26.858 34.9691 26.3607 35.3575 25.7449C35.7459 25.1197 36.0301 24.4377 36.2101 23.6988V19.2796C36.1059 18.7776 35.9449 18.266 35.727 17.745C35.5186 17.224 35.2249 16.7456 34.846 16.3099C34.4765 15.8646 34.0029 15.5094 33.425 15.2441C32.8567 14.9694 32.1651 14.8321 31.3505 14.8321C30.5737 14.8321 29.8964 14.9931 29.3185 15.3152C28.7501 15.6373 28.2812 16.0872 27.9118 16.6651C27.5423 17.2335 27.2676 17.9013 27.0876 18.6686C26.9076 19.4359 26.8176 20.2696 26.8176 21.1695ZM42.4634 16.1678V28.9989H40.7725V13.6243H42.4208L42.4634 16.1678ZM47.9056 13.5106L47.863 15.0736C47.6735 15.0452 47.4888 15.0215 47.3088 15.0026C47.1289 14.9836 46.9347 14.9742 46.7262 14.9742C45.9874 14.9742 45.3385 15.1115 44.7796 15.3862C44.2301 15.6515 43.7659 16.0257 43.387 16.5088C43.0081 16.9824 42.7192 17.5413 42.5202 18.1855C42.3213 18.8202 42.2076 19.5022 42.1792 20.2317L41.554 20.4732C41.554 19.4691 41.6582 18.536 41.8666 17.674C42.075 16.8119 42.3924 16.0588 42.8186 15.4147C43.2544 14.761 43.7991 14.2542 44.4527 13.8942C45.1158 13.5248 45.8926 13.3401 46.7831 13.3401C47.001 13.3401 47.2141 13.359 47.4225 13.3969C47.6404 13.4253 47.8014 13.4632 47.9056 13.5106ZM51.3028 13.6243V28.9989H49.6119V13.6243H51.3028ZM49.3135 9.1909C49.3135 8.85935 49.413 8.58463 49.6119 8.36675C49.8203 8.1394 50.1092 8.02573 50.4787 8.02573C50.8292 8.02573 51.1086 8.1394 51.317 8.36675C51.5349 8.58463 51.6439 8.85935 51.6439 9.1909C51.6439 9.49404 51.5349 9.75928 51.317 9.98663C51.1086 10.2045 50.8292 10.3135 50.4787 10.3135C50.1092 10.3135 49.8203 10.2045 49.6119 9.98663C49.413 9.75928 49.3135 9.49404 49.3135 9.1909ZM64.7746 26.0149V7.17316H66.4797V28.9989H64.8882L64.7746 26.0149ZM54.1032 21.4679V21.1695C54.1032 19.9759 54.2406 18.9007 54.5153 17.9439C54.79 16.9777 55.1832 16.1535 55.6947 15.4715C56.2157 14.78 56.8409 14.2542 57.5704 13.8942C58.2998 13.5248 59.1239 13.3401 60.0428 13.3401C60.9427 13.3401 61.7385 13.4869 62.43 13.7806C63.1215 14.0742 63.7136 14.4958 64.2062 15.0452C64.7082 15.5946 65.1108 16.2483 65.414 17.0061C65.7266 17.764 65.9539 18.607 66.096 19.5354V23.3293C65.9824 24.2008 65.774 25.0013 65.4708 25.7307C65.1677 26.4507 64.7651 27.0806 64.263 27.6206C63.7609 28.1511 63.1547 28.5632 62.4442 28.8568C61.7432 29.141 60.9333 29.2831 60.0144 29.2831C59.105 29.2831 58.2856 29.0936 57.5561 28.7147C56.8267 28.3358 56.2062 27.8006 55.6947 27.1091C55.1832 26.4081 54.79 25.5792 54.5153 24.6224C54.2406 23.6656 54.1032 22.6141 54.1032 21.4679ZM55.8084 21.1695V21.4679C55.8084 22.3678 55.8984 23.2014 56.0784 23.9688C56.2583 24.7361 56.5331 25.4039 56.9025 25.9723C57.272 26.5407 57.7409 26.9859 58.3092 27.308C58.8776 27.6301 59.5502 27.7911 60.327 27.7911C61.3027 27.7911 62.1221 27.6064 62.7852 27.2369C63.4483 26.858 63.9788 26.3607 64.3767 25.7449C64.7746 25.1197 65.0635 24.4377 65.2435 23.6988V19.2796C65.1298 18.7776 64.964 18.266 64.7461 17.745C64.5283 17.224 64.2299 16.7456 63.8509 16.3099C63.4815 15.8646 63.0078 15.5094 62.43 15.2441C61.8616 14.9694 61.1701 14.8321 60.3554 14.8321C59.5692 14.8321 58.8918 14.9931 58.3235 15.3152C57.7551 15.6373 57.2814 16.0872 56.9025 16.6651C56.5331 17.2335 56.2583 17.9013 56.0784 18.6686C55.8984 19.4359 55.8084 20.2696 55.8084 21.1695ZM69.6353 27.9616C69.6353 27.6301 69.7395 27.3506 69.9479 27.1233C70.1658 26.8864 70.4595 26.768 70.8289 26.768C71.2078 26.768 71.5062 26.8817 71.7241 27.1091C71.942 27.3364 72.0509 27.6206 72.0509 27.9616C72.0509 28.2837 71.942 28.5584 71.7241 28.7858C71.5062 29.0131 71.2078 29.1268 70.8289 29.1268C70.4595 29.1268 70.1658 29.0131 69.9479 28.7858C69.7395 28.5584 69.6353 28.2837 69.6353 27.9616ZM81.2598 27.8195C81.9798 27.8195 82.6523 27.6869 83.2776 27.4217C83.9123 27.1469 84.4333 26.7443 84.8406 26.2139C85.2574 25.6739 85.4942 25.0155 85.5511 24.2387H87.171C87.1236 25.2145 86.8252 26.086 86.2758 26.8533C85.7358 27.6111 85.0253 28.2079 84.1443 28.6437C83.2728 29.07 82.3113 29.2831 81.2598 29.2831C80.1894 29.2831 79.2421 29.0889 78.4179 28.7005C77.6032 28.3121 76.9212 27.7722 76.3718 27.0806C75.8223 26.3796 75.4055 25.565 75.1213 24.6366C74.8466 23.6988 74.7093 22.6899 74.7093 21.61V21.0132C74.7093 19.9333 74.8466 18.9291 75.1213 18.0008C75.4055 17.063 75.8223 16.2483 76.3718 15.5567C76.9212 14.8557 77.6032 14.3111 78.4179 13.9227C79.2326 13.5343 80.1752 13.3401 81.2456 13.3401C82.3445 13.3401 83.3297 13.5627 84.2012 14.0079C85.0822 14.4531 85.7832 15.0831 86.3042 15.8978C86.8347 16.7125 87.1236 17.6787 87.171 18.7965H85.5511C85.5037 17.9724 85.2858 17.2619 84.8974 16.6651C84.5091 16.0683 83.9975 15.6089 83.3628 15.2868C82.7281 14.9647 82.0224 14.8036 81.2456 14.8036C80.3741 14.8036 79.6305 14.9742 79.0147 15.3152C78.399 15.6467 77.8969 16.1062 77.5085 16.6935C77.1296 17.2714 76.8501 17.9345 76.6702 18.6828C76.4902 19.4217 76.4002 20.1985 76.4002 21.0132V21.61C76.4002 22.4341 76.4854 23.2204 76.656 23.9688C76.8359 24.7077 77.1154 25.366 77.4943 25.9439C77.8827 26.5217 78.3848 26.9812 79.0005 27.3222C79.6257 27.6537 80.3788 27.8195 81.2598 27.8195ZM88.4936 21.5531V21.0842C88.4936 19.9664 88.6546 18.9339 88.9767 17.9866C89.2988 17.0393 89.7582 16.2199 90.355 15.5283C90.9613 14.8368 91.686 14.3016 92.5291 13.9227C93.3722 13.5343 94.31 13.3401 95.3425 13.3401C96.3846 13.3401 97.3271 13.5343 98.1702 13.9227C99.0133 14.3016 99.738 14.8368 100.344 15.5283C100.951 16.2199 101.415 17.0393 101.737 17.9866C102.059 18.9339 102.22 19.9664 102.22 21.0842V21.5531C102.22 22.671 102.059 23.7035 101.737 24.6508C101.415 25.5886 100.951 26.4033 100.344 27.0948C99.7475 27.7864 99.0275 28.3263 98.1844 28.7147C97.3413 29.0936 96.4035 29.2831 95.371 29.2831C94.3289 29.2831 93.3864 29.0936 92.5433 28.7147C91.7002 28.3263 90.9755 27.7864 90.3692 27.0948C89.763 26.4033 89.2988 25.5886 88.9767 24.6508C88.6546 23.7035 88.4936 22.671 88.4936 21.5531ZM90.1845 21.0842V21.5531C90.1845 22.3962 90.2982 23.1967 90.5255 23.9545C90.7529 24.7029 91.0844 25.3708 91.5202 25.9581C91.956 26.5359 92.4959 26.9906 93.1401 27.3222C93.7842 27.6537 94.5279 27.8195 95.371 27.8195C96.2046 27.8195 96.9387 27.6537 97.5734 27.3222C98.2176 26.9906 98.7576 26.5359 99.1933 25.9581C99.6291 25.3708 99.9559 24.7029 100.174 23.9545C100.401 23.1967 100.515 22.3962 100.515 21.5531V21.0842C100.515 20.2506 100.401 19.4596 100.174 18.7113C99.9559 17.9629 99.6243 17.295 99.1791 16.7077C98.7434 16.1204 98.2034 15.6562 97.5592 15.3152C96.9151 14.9742 96.1762 14.8036 95.3425 14.8036C94.5089 14.8036 93.77 14.9742 93.1259 15.3152C92.4912 15.6562 91.9512 16.1204 91.506 16.7077C91.0702 17.295 90.7387 17.9629 90.5113 18.7113C90.2934 19.4596 90.1845 20.2506 90.1845 21.0842Z\"\r\n              fill=\"black\" \/>\r\n          <\/svg>\r\n        <\/a>\r\n        <span class=\"header__divider\" aria-hidden=\"true\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"2\" height=\"33\" viewBox=\"0 0 2 33\" fill=\"none\"\r\n            aria-hidden=\"true\" focusable=\"false\">\r\n            <path d=\"M0.900177 0V32.8565\" stroke=\"black\" stroke-width=\"1.80035\" \/>\r\n          <\/svg>\r\n        <\/span>\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"148\" height=\"38\" viewBox=\"0 0 148 38\" fill=\"none\"\r\n          aria-hidden=\"true\" focusable=\"false\">\r\n          <g clip-path=\"url(#clip0_webinar_header)\">\r\n            <path d=\"M47.7743 11.2256V13.0301H53.0196V26.9241H54.9948V13.0301H60.2401V11.2256H47.7743Z\"\r\n              fill=\"black\" \/>\r\n            <path\r\n              d=\"M60.6488 21.2632C60.6488 24.6911 62.9192 27.0595 66.3929 27.0595C68.9803 27.0595 71.0706 25.4587 71.5246 23.158H69.6402C69.2543 24.6467 67.7997 25.4129 66.2567 25.4129C64.0998 25.4129 62.6695 23.9242 62.6013 21.7821V21.6241H71.592C71.6148 21.3535 71.6374 21.0828 71.6374 20.8346C71.5466 17.4286 69.3209 15.376 66.1431 15.376C62.8737 15.376 60.6488 17.7219 60.6488 21.2632ZM62.7149 20.0903C62.8965 18.2181 64.4631 17.0001 66.1659 17.0001C68.0041 17.0001 69.4579 18.1054 69.6395 20.0903H62.7149Z\"\r\n              fill=\"black\" \/>\r\n            <path\r\n              d=\"M87.8773 15.376C85.8114 15.376 84.5626 16.3234 83.8588 17.564C83.2004 16.0978 81.8154 15.376 80.2035 15.376C78.4099 15.376 77.4337 16.2557 76.8207 17.0903L76.6624 15.5114H74.9589V26.9241H76.8207V20.9475C76.8207 18.6467 77.9785 17.0677 79.8857 17.0677C81.6566 17.0677 82.6782 18.2407 82.6782 20.4964V26.9241H84.54V20.8572C84.54 18.5114 85.7206 17.0677 87.6507 17.0677C89.3982 17.0677 90.3973 18.2407 90.3973 20.4964V26.9241H92.259V20.3835C92.259 16.752 90.284 15.376 87.8773 15.376Z\"\r\n              fill=\"black\" \/>\r\n            <path\r\n              d=\"M101.5 15.376C99.5469 15.376 98.298 16.3008 97.5264 17.361L97.3685 15.5114H95.6647V31.4354H97.5264V25.1648C98.2302 26.2701 99.5469 27.0595 101.5 27.0595C104.609 27.0595 107.062 24.6911 107.062 21.2632C107.062 17.5188 104.609 15.376 101.5 15.376ZM101.318 25.4129C99.0473 25.4129 97.5032 23.6534 97.5032 21.2181C97.5032 18.7594 99.0473 17.0226 101.318 17.0226C103.519 17.0226 105.155 18.7594 105.155 21.2632C105.155 23.676 103.519 25.4129 101.318 25.4129Z\"\r\n              fill=\"black\" \/>\r\n            <path\r\n              d=\"M115.446 27.0595C118.828 27.0595 121.19 24.6685 121.19 21.2632C121.19 17.767 118.828 15.376 115.446 15.376C112.062 15.376 109.701 17.767 109.701 21.2632C109.701 24.6685 112.062 27.0595 115.446 27.0595ZM115.446 25.4129C113.152 25.4129 111.608 23.6309 111.608 21.2632C111.608 18.8046 113.152 17.0226 115.446 17.0226C117.738 17.0226 119.282 18.8046 119.282 21.2632C119.282 23.6309 117.738 25.4129 115.446 25.4129Z\"\r\n              fill=\"black\" \/>\r\n            <path\r\n              d=\"M129.603 15.5113C127.537 15.5113 126.468 16.3684 125.923 17.2481L125.765 15.5113H124.062V26.9241H125.923V21.1504C125.923 19.3233 126.764 17.3159 129.194 17.3159H130.125V15.5113H129.603Z\"\r\n              fill=\"black\" \/>\r\n            <path\r\n              d=\"M142.558 25.1415C142.081 25.1415 141.786 24.9618 141.786 24.3978V19.5264C141.786 16.8422 140.175 15.376 137.223 15.376C134.43 15.376 132.592 16.7068 132.319 18.9625H134.181C134.408 17.7896 135.498 17.0226 137.132 17.0226C138.948 17.0226 139.924 17.9249 139.924 19.4136V20.2031H136.61C133.568 20.2031 131.956 21.3979 131.956 23.6986C131.956 25.7964 133.681 27.0595 136.224 27.0595C138.222 27.0595 139.288 26.1798 140.015 25.1422C140.038 26.2701 140.56 26.9241 142.104 26.9241H143.126V25.1415H142.558ZM139.924 22.2324C139.924 24.1498 138.676 25.4806 136.361 25.4806C134.817 25.4806 133.841 24.7136 133.841 23.5858C133.841 22.2775 134.771 21.7595 136.429 21.7595H139.924V22.2324Z\"\r\n              fill=\"black\" \/>\r\n            <path d=\"M145.767 11.2256V26.9241H147.629V11.2256H145.767Z\" fill=\"black\" \/>\r\n            <path\r\n              d=\"M25.1148 12.4259C24.2353 5.89113 22.0173 0.429642 18.5947 0.429642C15.1817 0.429642 12.9542 5.89113 12.0746 12.4259C5.49707 13.2998 -0.00012207 15.5034 -0.00012207 18.9037C-0.00012207 22.2946 5.49707 24.5076 12.0746 25.3815C12.9542 31.9164 15.1721 37.3778 18.5947 37.3778C22.0078 37.3778 24.2353 31.9164 25.1148 25.3815C31.6924 24.5076 37.1896 22.3041 37.1896 18.9037C37.1896 15.5034 31.6924 13.2903 25.1148 12.4259ZM11.8643 23.4629C5.56399 22.5606 1.88326 20.4899 1.88326 18.8942C1.88326 17.2985 5.55443 15.2279 11.8643 14.3256C11.7208 15.8358 11.6539 17.3745 11.6539 18.8942C11.6539 20.414 11.7208 21.9622 11.8643 23.4629ZM18.5947 2.2913C20.2008 2.2913 22.285 5.93862 23.1933 12.2074C21.6731 12.065 20.1244 11.9985 18.5947 11.9985C17.0651 11.9985 15.5163 12.0745 13.9962 12.2074C14.9044 5.94812 16.9885 2.2913 18.5947 2.2913ZM25.3252 23.4629C25.0192 23.5104 23.7382 23.6529 23.4227 23.6908C23.394 24.0137 23.2411 25.277 23.1933 25.581C22.285 31.8403 20.2008 35.4971 18.5947 35.4971C16.9885 35.4971 14.9044 31.8498 13.9962 25.581C13.9484 25.277 13.805 24.0043 13.7667 23.6908C13.6234 22.2091 13.5278 20.6134 13.5278 18.8942C13.5278 17.1751 13.6138 15.5889 13.7667 14.0976C15.2582 13.9552 16.8643 13.8601 18.5947 13.8601C20.3251 13.8601 21.9218 13.9456 23.4227 14.0976C23.7477 14.1261 25.0192 14.2781 25.3252 14.3256C31.6254 15.2279 35.3062 17.2985 35.3062 18.8942C35.3062 20.4899 31.6254 22.5606 25.3252 23.4629Z\"\r\n              fill=\"black\" \/>\r\n          <\/g>\r\n          <defs>\r\n            <clipPath id=\"clip0_webinar_header\">\r\n              <rect width=\"147.629\" height=\"37.8074\" fill=\"white\" \/>\r\n            <\/clipPath>\r\n          <\/defs>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <a class=\"webinar-cta webinar-cta--secondary site-header__cta\" href=\"#book-slot-form\">Watch the Podcast <span\r\n          aria-hidden=\"true\">\u2192<\/span><\/a>\r\n      <button class=\"site-header__menu-toggle\" type=\"button\" aria-label=\"Open menu\">\r\n        <span class=\"site-header__menu-icon\" aria-hidden=\"true\"><\/span>\r\n      <\/button>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- hero -->\r\n  <!-- --------------------- -->\r\n  <section class=\"section hero\" aria-labelledby=\"hero-heading-desktop\">\r\n    <div class=\"container hero__layout\">\r\n      <div class=\"hero__copy\">\r\n        <p class=\"eyebrow\" aria-label=\"Series\">\r\n          <span class=\"eyebrow__line\" aria-hidden=\"true\"><\/span>\r\n          <span class=\"eyebrow__text\">Temporal in the Field<\/span>\r\n        <\/p>\r\n        <h1 class=\"hero__title hero__title--mobile\" id=\"hero-heading-mobile\">Durable Workflows for Harsh-Environment\r\n          Operations<\/h1>\r\n        <h1 class=\"hero__title hero__title--desktop\" id=\"hero-heading-desktop\">How to Modernize Field Operations with\r\n          Temporal<\/h1>\r\n        <p class=\"hero__text\">\r\n          In this technical podcast, see how Xgrid used Temporal to model the full worker shift lifecycle in\r\n          environments where\r\n          <strong>connectivity drops, GPS fails<\/strong>, and every <strong>missed record<\/strong> can create\r\n          <strong>payroll, compliance, or safety issues<\/strong>.\r\n        <\/p>\r\n        <div class=\"hero__actions\">\r\n          <a class=\"webinar-cta webinar-cta--primary\" href=\"#book-slot-form\">\r\n            <span class=\"webinar-cta__play\" aria-hidden=\"true\"><\/span>\r\n            <span>Watch the Podcast <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n          <\/a>\r\n          <a class=\"webinar-cta webinar-cta--secondary\" href=\"https:\/\/www.xgrid.co\/temporal-services\/\">Book a Workflow Audit <span\r\n              aria-hidden=\"true\">\u2192<\/span><\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <aside class=\"hero__form-card\" id=\"book-slot-form\" aria-labelledby=\"hero-form-title\">\r\n        <div class=\"hero__form-header\">\r\n          <h2 class=\"hero__form-title\" id=\"hero-form-title\">Book Your Slot Now!<\/h2>\r\n          <p class=\"hero__form-subtitle\" id=\"hero-form-subtitle\">Get a focused 30-min technical discussion tailored to\r\n            your Temporal setup.<\/p>\r\n        <\/div>\r\n        <form class=\"hero__form\" data-hs-form=\"webinar-download\" novalidate aria-label=\"Book your webinar slot\"\r\n          aria-describedby=\"hero-form-subtitle form-feedback\">\r\n          <label class=\"hero__field\" for=\"full-name\">\r\n            <span class=\"hero__label\">Full Name<\/span>\r\n            <input class=\"hero__input\" id=\"full-name\" type=\"text\" name=\"full_name\" placeholder=\"Your name\"\r\n              autocomplete=\"name\" required aria-required=\"true\" \/>\r\n          <\/label>\r\n          <label class=\"hero__field\" for=\"company\">\r\n            <span class=\"hero__label\">Company<\/span>\r\n            <input class=\"hero__input\" id=\"company\" type=\"text\" name=\"company\" placeholder=\"Your company\"\r\n              autocomplete=\"organization\" required aria-required=\"true\" \/>\r\n          <\/label>\r\n          <label class=\"hero__field\" for=\"work-email\">\r\n            <span class=\"hero__label\">Work Email<\/span>\r\n            <input class=\"hero__input\" id=\"work-email\" type=\"email\" name=\"email\" placeholder=\"you@company.com\"\r\n              autocomplete=\"email\" required aria-required=\"true\" \/>\r\n          <\/label>\r\n          <label class=\"hero__field\" for=\"job-title\">\r\n            <span class=\"hero__label\">Job Title<\/span>\r\n            <input class=\"hero__input\" id=\"job-title\" type=\"text\" name=\"job_title\" placeholder=\"Your Job Title\"\r\n              autocomplete=\"organization-title\" required aria-required=\"true\" \/>\r\n          <\/label>\r\n          <button class=\"webinar-cta webinar-cta--form\" type=\"submit\">\r\n            <span class=\"webinar-cta__play webinar-cta__play--on-blue\" aria-hidden=\"true\"><\/span>\r\n            <span class=\"webinar-cta__label\">Watch the Full Session <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n          <\/button>\r\n          <p class=\"form-feedback\" id=\"form-feedback\" data-form-feedback role=\"status\" aria-live=\"polite\" hidden><\/p>\r\n        <\/form>\r\n      <\/aside>\r\n    <\/div>\r\n  <\/section>\r\n  <!-- END hero -->\r\n  <!-- --------------------- -->\r\n\r\n  <div class=\"page-divider\" aria-hidden=\"true\"><\/div>\r\n\r\n  <!-- trust-strip -->\r\n  <!-- --------------------- -->\r\n  <section class=\"trust-strip\" aria-label=\"Production metrics and outcomes\">\r\n    <div class=\"container trust-strip__grid\">\r\n      <article class=\"trust-strip__stat\">\r\n        <span class=\"trust-strip__icon trust-strip__icon--green\" aria-hidden=\"true\">\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path\r\n              d=\"M5.5 3H3.5C2.67157 3 2 3.67157 2 4.5V6.5C2 7.32843 2.67157 8 3.5 8H5.5C6.32843 8 7 7.32843 7 6.5V4.5C7 3.67157 6.32843 3 5.5 3Z\"\r\n              stroke=\"#84E7A5\" stroke-width=\"1.2\" \/>\r\n            <path\r\n              d=\"M12.5 3H10.5C9.67157 3 9 3.67157 9 4.5V6.5C9 7.32843 9.67157 8 10.5 8H12.5C13.3284 8 14 7.32843 14 6.5V4.5C14 3.67157 13.3284 3 12.5 3Z\"\r\n              stroke=\"#84E7A5\" stroke-width=\"1.2\" \/>\r\n            <path\r\n              d=\"M5.5 10H3.5C2.67157 10 2 10.6716 2 11.5C2 12.3284 2.67157 13 3.5 13H5.5C6.32843 13 7 12.3284 7 11.5C7 10.6716 6.32843 10 5.5 10Z\"\r\n              stroke=\"#84E7A5\" stroke-width=\"1.2\" \/>\r\n            <path\r\n              d=\"M12.5 10H10.5C9.67157 10 9 10.6716 9 11.5C9 12.3284 9.67157 13 10.5 13H12.5C13.3284 13 14 12.3284 14 11.5C14 10.6716 13.3284 10 12.5 10Z\"\r\n              stroke=\"#84E7A5\" stroke-width=\"1.2\" \/>\r\n          <\/svg>\r\n        <\/span>\r\n        <p class=\"trust-strip__value trust-strip__value--green\">99%+<\/p>\r\n        <p class=\"trust-strip__label\">Payroll accuracy<\/p>\r\n      <\/article>\r\n      <article class=\"trust-strip__stat\">\r\n        <span class=\"trust-strip__icon trust-strip__icon--orange\" aria-hidden=\"true\">\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path\r\n              d=\"M8 13.5C11.0376 13.5 13.5 11.0376 13.5 8C13.5 4.96243 11.0376 2.5 8 2.5C4.96243 2.5 2.5 4.96243 2.5 8C2.5 11.0376 4.96243 13.5 8 13.5Z\"\r\n              stroke=\"#FBBD41\" stroke-width=\"1.2\" \/>\r\n            <path d=\"M8 5V8L10 10\" stroke=\"#FBBD41\" stroke-width=\"1.2\" stroke-linecap=\"round\" \/>\r\n          <\/svg>\r\n        <\/span>\r\n        <p class=\"trust-strip__value trust-strip__value--orange\">Near-zero<\/p>\r\n        <p class=\"trust-strip__label\">Tool loss per site<\/p>\r\n      <\/article>\r\n      <article class=\"trust-strip__stat\">\r\n        <span class=\"trust-strip__icon trust-strip__icon--cyan\" aria-hidden=\"true\">\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M2 13L6 9L9 12L14 5\" stroke=\"#3BD3FD\" stroke-width=\"1.2\" stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n        <\/span>\r\n        <p class=\"trust-strip__value trust-strip__value--cyan\">1\u20133m<\/p>\r\n        <p class=\"trust-strip__label\">Beacon-based verification<\/p>\r\n      <\/article>\r\n      <article class=\"trust-strip__stat\">\r\n        <span class=\"trust-strip__icon trust-strip__icon--purple\" aria-hidden=\"true\">\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M3 8L6.5 11.5L13 5\" stroke=\"#C1B0FF\" stroke-width=\"1.2\" stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n        <\/span>\r\n        <p class=\"trust-strip__value trust-strip__value--purple\">5 nodes<\/p>\r\n        <p class=\"trust-strip__label\">Graceful scaling under load<\/p>\r\n      <\/article>\r\n    <\/div>\r\n  <\/section>\r\n  <!-- END trust-strip -->\r\n  <!-- --------------------- -->\r\n\r\n  <!-- about -->\r\n  <!-- --------------------- -->\r\n  <section class=\"section about\" aria-labelledby=\"about-heading\">\r\n    <div class=\"container about__layout\">\r\n      <h2 class=\"sr-only\" id=\"about-heading\">About this session<\/h2>\r\n      <ul class=\"about__list\" aria-label=\"Session overview\">\r\n        <li>Building software for underground tunnels, industrial facilities, and construction crews is very different\r\n          from building for office environments.<\/li>\r\n        <li>Connectivity drops, GPS fails indoors, and workers cannot retry failed requests while on the move.<\/li>\r\n        <li>Every missed record \u2014 from check-ins to permits. Can become a compliance, payroll, or safety issue.<\/li>\r\n        <li>In this podcast, Sidra Irshad and Anees Iqbal explain how they modernised a workforce management system\r\n          using Temporal.<\/li>\r\n        <li>They also break down five production use cases and the engineering decisions behind them.<\/li>\r\n      <\/ul>\r\n      <aside class=\"about__callout\" aria-label=\"Why it matters\">\r\n        <p class=\"about__callout-eyebrow\">Why it matters<\/p>\r\n        <p class=\"about__callout-text\">Real-world failure modes demand deterministic systems \u2014 not best-effort retries\r\n          and manual reconciliation after the fact.<\/p>\r\n      <\/aside>\r\n    <\/div>\r\n  <\/section>\r\n  <!-- END about -->\r\n  <!-- --------------------- -->\r\n\r\n  <!-- speakers -->\r\n  <!-- --------------------- -->\r\n  <section class=\"section speakers\" aria-labelledby=\"speakers-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header\">\r\n        <p class=\"section-header__text eyebrow eyebrow--section\">\r\n          <span class=\"eyebrow__line\" aria-hidden=\"true\"><\/span>\r\n          <span class=\"eyebrow__text\">Meet the Engineers<\/span>\r\n        <\/p>\r\n        <h2 class=\"section-header__title\" id=\"speakers-heading\">Two Practitioners.<br \/>One Production System.<\/h2>\r\n      <\/div>\r\n      <div class=\"speakers__grid\" role=\"list\" aria-label=\"Session speakers\">\r\n        <a class=\"speaker-card speaker-card--green\" role=\"listitem\"\r\n          href=\"https:\/\/www.xgrid.co\/resources\/success-stories\/temporal-zero-downtime-workflow-modernization\/\"\r\n          target=\"_blank\" rel=\"noopener noreferrer\"\r\n          aria-label=\"Sidra Irshad, Senior Development Manager at Xgrid \u2014 read success story (opens in new tab)\">\r\n          <div class=\"speaker-card__media\">\r\n            <picture>\r\n              <source media=\"(min-width: 1024px)\" srcset=\"\/resources\/wp-content\/uploads\/2026\/06\/Sidra-Irshad.webp\"\r\n                type=\"image\/webp\" \/>\r\n              <img loading=\"lazy\" src=\"\/resources\/wp-content\/uploads\/2026\/06\/Sidra-Irshad-Mobile.webp\" alt=\"Sidra Irshad\" width=\"296\"\r\n                height=\"444\" loading=\"lazy\" decoding=\"async\" \/>\r\n            <\/picture>\r\n          <\/div>\r\n          <div class=\"speaker-card__body\">\r\n            <div class=\"speaker-card__meta\">\r\n              <h3 class=\"speaker-card__name\">Sidra Irshad<\/h3>\r\n              <p class=\"speaker-card__role\">Senior Development Manager - Xgrid.co<\/p>\r\n            <\/div>\r\n            <p class=\"speaker-card__bio\">Leads complex system modernization initiatives at scale, specializing in\r\n              transforming unreliable, real-world operations into deterministic, production-grade architectures.<\/p>\r\n            <ul class=\"speaker-card__tags\">\r\n              <li class=\"speaker-card__tag\">System Modernisation<\/li>\r\n              <li class=\"speaker-card__tag\">Engineering Leadership<\/li>\r\n              <li class=\"speaker-card__tag\">Production Architecture<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/a>\r\n        <a class=\"speaker-card speaker-card--purple\" role=\"listitem\"\r\n          href=\"https:\/\/www.xgrid.co\/resources\/success-stories\/temporal-zero-downtime-workflow-modernization\/\"\r\n          target=\"_blank\" rel=\"noopener noreferrer\"\r\n          aria-label=\"Anees Iqbal, Senior Technical Lead at Xgrid \u2014 read success story (opens in new tab)\">\r\n          <div class=\"speaker-card__media\">\r\n            <picture>\r\n              <source media=\"(min-width: 1024px)\" srcset=\"\/resources\/wp-content\/uploads\/2026\/06\/Anees-Iqbal.webp\"\r\n                type=\"image\/webp\" \/>\r\n              <img loading=\"lazy\" src=\"\/resources\/wp-content\/uploads\/2026\/06\/Anees-Iqbal-Mobile.webp\" alt=\"Anees Iqbal\" width=\"267\"\r\n                height=\"347\" loading=\"lazy\" decoding=\"async\" \/>\r\n            <\/picture>\r\n          <\/div>\r\n          <div class=\"speaker-card__body\">\r\n            <div class=\"speaker-card__meta\">\r\n              <h3 class=\"speaker-card__name\">Anees Iqbal<\/h3>\r\n              <p class=\"speaker-card__role\">Senior Technical Lead - Xgrid.co<\/p>\r\n            <\/div>\r\n            <p class=\"speaker-card__bio\">Designs and implements resilient distributed systems, with deep expertise in\r\n              workflow orchestration, failure handling, and production reliability in harsh environments.<\/p>\r\n            <ul class=\"speaker-card__tags\">\r\n              <li class=\"speaker-card__tag\">Workflow Orchestration<\/li>\r\n              <li class=\"speaker-card__tag\">Failure Handling<\/li>\r\n              <li class=\"speaker-card__tag\">Temporal<\/li>\r\n              <li class=\"speaker-card__tag\">Distributed Systems<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n  <!-- END speakers -->\r\n  <!-- --------------------- -->\r\n\r\n  <!-- curriculum -->\r\n  <!-- --------------------- -->\r\n  <section class=\"section curriculum\" aria-labelledby=\"curriculum-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header\">\r\n        <p class=\"section-header__text eyebrow eyebrow--section\">\r\n          <span class=\"eyebrow__line\" aria-hidden=\"true\"><\/span>\r\n          <span class=\"eyebrow__text\">Session Breakdown<\/span>\r\n        <\/p>\r\n        <h2 class=\"section-header__title\" id=\"curriculum-heading\">What You Will Learn in This Session<\/h2>\r\n        <p class=\"section-header__text curriculum__intro\">Five production use cases dissected by the engineers who\r\n          built and shipped them.\r\n          Each section covers the problem, the architectural decision,\r\n          and the production outcome \u2014 with no hand-waving.<\/p>\r\n      <\/div>\r\n      <div class=\"curriculum__accordion\" data-accordion aria-label=\"Learning objectives\">\r\n        <div class=\"curriculum__item\">\r\n          <h3 class=\"curriculum__item-title\">\r\n            <button class=\"curriculum__trigger\" type=\"button\" id=\"curriculum-trigger-01\" aria-expanded=\"false\"\r\n              aria-controls=\"curriculum-panel-01\" data-accordion-trigger>\r\n              <span class=\"curriculum__index\" aria-hidden=\"true\">01<\/span>\r\n              <span class=\"curriculum__heading\">Modelling the Worker Shift as a Single Durable Workflow<\/span>\r\n              <span class=\"curriculum__toggle\" aria-hidden=\"true\">+<\/span>\r\n            <\/button>\r\n          <\/h3>\r\n          <div class=\"curriculum__panel\" id=\"curriculum-panel-01\" role=\"region\"\r\n            aria-labelledby=\"curriculum-trigger-01\" hidden>\r\n            <p>See how the entire worker lifecycle \u2014 clock-in, safety document signing, compliance checks, tool\r\n              assignments, checkout \u2014 is owned by one Temporal workflow per shift, creating a single ordered,\r\n              auditable record where previously there was none.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"curriculum__item\">\r\n          <h3 class=\"curriculum__item-title\">\r\n            <button class=\"curriculum__trigger\" type=\"button\" id=\"curriculum-trigger-02\" aria-expanded=\"false\"\r\n              aria-controls=\"curriculum-panel-02\" data-accordion-trigger>\r\n              <span class=\"curriculum__index\" aria-hidden=\"true\">02<\/span>\r\n              <span class=\"curriculum__heading\">Handling Burst Events and Offline Sync<\/span>\r\n              <span class=\"curriculum__toggle\" aria-hidden=\"true\">+<\/span>\r\n            <\/button>\r\n          <\/h3>\r\n          <div class=\"curriculum__panel\" id=\"curriculum-panel-02\" role=\"region\"\r\n            aria-labelledby=\"curriculum-trigger-02\" hidden>\r\n            <p>Understand why a burst of events after an offline period breaks read-decide-write architectures, and\r\n              how an internal request queue with typed signal handling solves ordering and idempotency at the workflow\r\n              level \u2014 not scattered across individual services.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"curriculum__item\">\r\n          <h3 class=\"curriculum__item-title\">\r\n            <button class=\"curriculum__trigger\" type=\"button\" id=\"curriculum-trigger-03\" aria-expanded=\"false\"\r\n              aria-controls=\"curriculum-panel-03\" data-accordion-trigger>\r\n              <span class=\"curriculum__index\" aria-hidden=\"true\">03<\/span>\r\n              <span class=\"curriculum__heading\">Document Signing with Multi-Signatory Coordination<\/span>\r\n              <span class=\"curriculum__toggle\" aria-hidden=\"true\">+<\/span>\r\n            <\/button>\r\n          <\/h3>\r\n          <div class=\"curriculum__panel\" id=\"curriculum-panel-03\" role=\"region\"\r\n            aria-labelledby=\"curriculum-trigger-03\" hidden>\r\n            <p>Learn why document generation is an activity but multi-signatory coordination is a workflow, and how\r\n              the system handles re-signing triggers when underlying schedule data changes after a document has\r\n              already been generated.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"curriculum__item\">\r\n          <h3 class=\"curriculum__item-title\">\r\n            <button class=\"curriculum__trigger\" type=\"button\" id=\"curriculum-trigger-04\" aria-expanded=\"false\"\r\n              aria-controls=\"curriculum-panel-04\" data-accordion-trigger>\r\n              <span class=\"curriculum__index\" aria-hidden=\"true\">04<\/span>\r\n              <span class=\"curriculum__heading\">Safety Inspection Escalation with Evidence Validation<\/span>\r\n              <span class=\"curriculum__toggle\" aria-hidden=\"true\">+<\/span>\r\n            <\/button>\r\n          <\/h3>\r\n          <div class=\"curriculum__panel\" id=\"curriculum-panel-04\" role=\"region\"\r\n            aria-labelledby=\"curriculum-trigger-04\" hidden>\r\n            <p>Discover the parallel listener pattern that replaces a cron job firing every fifteen minutes, and why\r\n              the workflow validates completion evidence before accepting a corrective action as closed \u2014 with\r\n              implications for incident investigation and audit trails.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"curriculum__item\">\r\n          <h3 class=\"curriculum__item-title\">\r\n            <button class=\"curriculum__trigger\" type=\"button\" id=\"curriculum-trigger-05\" aria-expanded=\"false\"\r\n              aria-controls=\"curriculum-panel-05\" data-accordion-trigger>\r\n              <span class=\"curriculum__index\" aria-hidden=\"true\">05<\/span>\r\n              <span class=\"curriculum__heading\">Notification Orchestration Across Channels<\/span>\r\n              <span class=\"curriculum__toggle\" aria-hidden=\"true\">+<\/span>\r\n            <\/button>\r\n          <\/h3>\r\n          <div class=\"curriculum__panel\" id=\"curriculum-panel-05\" role=\"region\"\r\n            aria-labelledby=\"curriculum-trigger-05\" hidden>\r\n            <p>See how a sequenced push \u2192 SMS \u2192 supervisor escalation chain is cancelled the moment a completion\r\n              signal arrives from any source \u2014 and why decoupling the notification workflow from the originating\r\n              business process is the design decision that prevents notification failures from blocking operational\r\n              state transitions.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n  <!-- END curriculum -->\r\n  <!-- --------------------- -->\r\n\r\n  <!-- video -->\r\n  <!-- --------------------- -->\r\n  <section class=\"section video-section\" id=\"watch-the-session\" aria-labelledby=\"video-section-heading\" tabindex=\"-1\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header\">\r\n        <p class=\"section-header__text eyebrow eyebrow--section\">\r\n          <span class=\"eyebrow__line\" aria-hidden=\"true\"><\/span>\r\n          <span class=\"eyebrow__text\">Watch the Session<\/span>\r\n        <\/p>\r\n        <h2 class=\"section-header__title\" id=\"video-section-heading\">Five Use Cases. One Production System.<br \/>Zero\r\n          Hand-Waving.<\/h2>\r\n        <p class=\"section-header__text video-section__intro\">Watch the technical podcast on how Xgrid used Temporal to\r\n          ship five production use cases for field operations where connectivity fails, GPS breaks down, and missed\r\n          records carry real operational risk.<\/p>\r\n      <\/div>\r\n      <div class=\"video-section__player\" data-video-player data-video-locked=\"false\">\r\n        <!-- <div class=\"video-section__poster\" data-video-poster data-video-poster-hit role=\"button\" tabindex=\"0\"\r\n          aria-label=\"Play Temporal in the Field podcast\" aria-describedby=\"video-lock-notice\">\r\n\r\n\r\n          <button class=\"video-section__play video-section__play--overlay\" type=\"button\" data-video-play\r\n            aria-hidden=\"true\" tabindex=\"-1\">\r\n            <svg class=\"\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"50 46 54 54\">\r\n              <g filter=\"url(#filter0_d_3163_513)\">\r\n                <rect x=\"50\" y=\"46\" width=\"54\" height=\"54\" rx=\"27\" fill=\"#FF0000\" shape-rendering=\"crispEdges\"><\/rect>\r\n                <path\r\n                  d=\"M71 67.5324C71 65.9778 72.6959 65.0176 74.029 65.8174L83.1417 71.285C84.4364 72.0618 84.4364 73.9382 83.1417 74.715L74.029 80.1826C72.6959 80.9824 71 80.0222 71 78.4676V67.5324Z\"\r\n                  fill=\"white\"><\/path>\r\n              <\/g>\r\n              <defs>\r\n                <filter id=\"filter0_d_3163_513\" x=\"0\" y=\"0\" width=\"154\" height=\"154\" filterUnits=\"userSpaceOnUse\"\r\n                  color-interpolation-filters=\"sRGB\">\r\n                  <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"><\/feFlood>\r\n                  <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\r\n                    result=\"hardAlpha\"><\/feColorMatrix>\r\n                  <feOffset dy=\"4\"><\/feOffset>\r\n                  <feGaussianBlur stdDeviation=\"25\"><\/feGaussianBlur>\r\n                  <feComposite in2=\"hardAlpha\" operator=\"out\"><\/feComposite>\r\n                  <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0\"><\/feColorMatrix>\r\n                  <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_3163_513\"><\/feBlend>\r\n                  <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_3163_513\" result=\"shape\">\r\n                  <\/feBlend>\r\n                <\/filter>\r\n              <\/defs>\r\n            <\/svg>\r\n          <\/button>\r\n          <p class=\"video-section__lock-notice\" id=\"video-lock-notice\">Complete the form above to unlock the full\r\n            session video.<\/p>\r\n        <\/div> -->\r\n        <video class=\"video-section__video\" data-webinar-video controls playsinline preload=\"metadata\"\r\n          poster=\"\/resources\/wp-content\/uploads\/2026\/06\/watch-the-sessions-video-thumbnail.webp\"\r\n          aria-label=\"Temporal in the Field podcast \u2014 Durable Workflows for Harsh-Environment Operations\">\r\n          <source src=\"https:\/\/www.xgrid.co\/resources\/wp-content\/uploads\/2026\/06\/Temporal-Podcast-Teaser-Updated.mp4\"\r\n            type=\"video\/mp4\" \/>\r\n          <p>Your browser does not support embedded video. <a\r\n              href=\"https:\/\/www.xgrid.co\/resources\/wp-content\/uploads\/2026\/06\/Temporal-Podcast-Teaser-Updated.mp4\">Download\r\n              the podcast video<\/a>.<\/p>\r\n        <\/video>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n  <!-- END video -->\r\n  <!-- --------------------- -->\r\n\r\n  <!-- outcomes -->\r\n  <!-- --------------------- -->\r\n  <section class=\"section outcomes\" aria-labelledby=\"outcomes-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header section-header--light\">\r\n        <p class=\"section-header__text eyebrow eyebrow--section eyebrow--melrose\">\r\n          <span class=\"eyebrow__line eyebrow__line--melrose\" aria-hidden=\"true\"><\/span>\r\n          <span class=\"eyebrow__text\">Outcomes<\/span>\r\n        <\/p>\r\n        <h2 class=\"section-header__title\" id=\"outcomes-heading\">Real-World Outcomes Covered in This Discussion<\/h2>\r\n      <\/div>\r\n      <ul class=\"outcomes__grid\" aria-label=\"Discussion outcomes\">\r\n        <li class=\"outcomes__card\">\r\n          <span class=\"outcomes__index\">01<\/span>\r\n          <p class=\"outcomes__text\">Eliminated <strong>coherence gaps<\/strong> in <strong>shift records<\/strong>\r\n            caused by burst events arriving out of sequence after reconnection.<\/p>\r\n        <\/li>\r\n        <li class=\"outcomes__card\">\r\n          <span class=\"outcomes__index\">02<\/span>\r\n          <p class=\"outcomes__text\">Replaced a <strong>fifteen-minute cron escalation loop<\/strong> with a\r\n            <strong>parallel-timer workflow<\/strong> that stops the moment action is taken \u2014 regardless of which\r\n            channel it came through.\r\n          <\/p>\r\n        <\/li>\r\n        <li class=\"outcomes__card\">\r\n          <span class=\"outcomes__index\">03<\/span>\r\n          <p class=\"outcomes__text\">Built a verifiable, tamper-evident workflow history that satisfies\r\n            <strong>regulatory audit requirements<\/strong> without separate reporting infrastructure.\r\n          <\/p>\r\n        <\/li>\r\n        <li class=\"outcomes__card\">\r\n          <span class=\"outcomes__index\">04<\/span>\r\n          <p class=\"outcomes__text\">Reduced <strong>manual reconciliation<\/strong> caused by unreliable webhooks in\r\n            certification and eligibility management.<\/p>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/section>\r\n  <!-- END outcomes -->\r\n  <!-- --------------------- -->\r\n\r\n  <!-- closing -->\r\n  <!-- --------------------- -->\r\n  <section class=\"section closing\" aria-labelledby=\"closing-heading\">\r\n    <div class=\"container closing__inner\">\r\n      <h2 class=\"sr-only\" id=\"closing-heading\">Closing summary<\/h2>\r\n      <p class=\"eyebrow eyebrow--centered\">\r\n        <span class=\"eyebrow__line eyebrow__line--algae\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"eyebrow__text eyebrow__text--algae\">The Bottom Line<\/span>\r\n        <span class=\"eyebrow__line eyebrow__line--algae\" aria-hidden=\"true\"><\/span>\r\n      <\/p>\r\n      <p class=\"closing__text\">Distributed complexity does not disappear when you ignore it. It moves somewhere harder\r\n        to find \u2014 into support queues, manual overrides, and safety notification channels that supervisors have\r\n        learned to tune out. This podcast is for engineering teams building systems where conditions are not ideal,\r\n        failure has real consequences, and the answer is giving complexity a proper home with a runtime that survives\r\n        the environment you are actually operating in.<\/p>\r\n      <div class=\"closing__actions\">\r\n        <a class=\"webinar-cta webinar-cta--inverted\" href=\"#book-slot-form\">\r\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <rect width=\"22\" height=\"22\" rx=\"11\" fill=\"black\" fill-opacity=\"0.3\" \/>\r\n            <path d=\"M9.5 8L14.5 11L9.5 14V8Z\" fill=\"white\" \/>\r\n          <\/svg>\r\n\r\n          <span>Watch the Podcast \u2192<\/span>\r\n        <\/a>\r\n        <a class=\"webinar-cta webinar-cta--on-dark\" href=\"https:\/\/www.xgrid.co\/temporal-services\/\">Book a Workflow Audit \u2192<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n  <!-- END closing -->\r\n  <!-- --------------------- -->\r\n\r\n  <div class=\"page-divider\" aria-hidden=\"true\"><\/div>\r\n\r\n  <!-- footer -->\r\n  <!-- --------------------- -->\r\n  <footer class=\"section footer\" role=\"contentinfo\" aria-label=\"Site footer\">\r\n    <div class=\"container\">\r\n      <div class=\"footer__grid\">\r\n        <div class=\"footer__about\">\r\n          <div class=\"footer__brand\">\r\n            <span class=\"footer__brand-name\">\r\n              <svg width=\"104\" height=\"38\" viewBox=\"0 0 104 38\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M8.59235 17.6768L17.0143 28.6657H23.5039L11.803 13.4921L8.59235 17.6768Z\" fill=\"black\" \/>\r\n                <path d=\"M23.5442 6.6478L11.8176 21.8723L8.59235 17.6771L17.0546 6.6478H23.5442Z\" fill=\"black\" \/>\r\n                <path d=\"M0.000366211 28.6662L7.70159 18.8565L10.9268 23.0517L6.48995 28.6662H0.000366211Z\"\r\n                  fill=\"black\" \/>\r\n                <path d=\"M0.000305176 6.64792L7.70153 16.4575L10.9268 12.2624L6.48989 6.64792H0.000305176Z\"\r\n                  fill=\"black\" \/>\r\n                <path\r\n                  d=\"M35.9117 13.6243H37.489V28.7289C37.489 30.0646 37.2332 31.2109 36.7216 32.1676C36.2196 33.1244 35.5044 33.8586 34.576 34.3701C33.6571 34.8816 32.5725 35.1374 31.322 35.1374C30.6874 35.1374 30.0337 35.0379 29.3611 34.839C28.698 34.6495 28.0681 34.3559 27.4713 33.958C26.8839 33.5696 26.3819 33.0865 25.9651 32.5087L26.9171 31.4714C27.5423 32.2292 28.2102 32.7834 28.9206 33.1339C29.6311 33.4938 30.3984 33.6738 31.2226 33.6738C32.1983 33.6738 33.0224 33.4796 33.695 33.0912C34.3771 32.7028 34.8934 32.1439 35.2439 31.4145C35.6038 30.6851 35.7838 29.8089 35.7838 28.7858V17.0061L35.9117 13.6243ZM25.1125 21.4679V21.1695C25.1125 19.9759 25.2451 18.9007 25.5104 17.9439C25.7851 16.9777 26.1782 16.1535 26.6898 15.4715C27.2013 14.78 27.8218 14.2542 28.5512 13.8942C29.2901 13.5248 30.1237 13.3401 31.0521 13.3401C31.9425 13.3401 32.7335 13.4869 33.425 13.7806C34.1166 14.0742 34.7134 14.4958 35.2154 15.0452C35.7175 15.5946 36.1201 16.2483 36.4232 17.0061C36.7359 17.764 36.9632 18.607 37.1053 19.5354V23.3293C36.9916 24.2008 36.7832 25.0013 36.4801 25.7307C36.1769 26.4507 35.7743 27.0806 35.2723 27.6206C34.7702 28.1511 34.1639 28.5632 33.4535 28.8568C32.7525 29.141 31.9425 29.2831 31.0236 29.2831C30.1048 29.2831 29.2806 29.0936 28.5512 28.7147C27.8218 28.3358 27.2013 27.8006 26.6898 27.1091C26.1782 26.4081 25.7851 25.5792 25.5104 24.6224C25.2451 23.6656 25.1125 22.6141 25.1125 21.4679ZM26.8176 21.1695V21.4679C26.8176 22.3678 26.9076 23.2014 27.0876 23.9688C27.2676 24.7361 27.5423 25.4039 27.9118 25.9723C28.2812 26.5407 28.7501 26.9859 29.3185 27.308C29.8869 27.6301 30.5547 27.7911 31.322 27.7911C32.2978 27.7911 33.1172 27.6064 33.7803 27.2369C34.4434 26.858 34.9691 26.3607 35.3575 25.7449C35.7459 25.1197 36.0301 24.4377 36.2101 23.6988V19.2796C36.1059 18.7776 35.9449 18.266 35.727 17.745C35.5186 17.224 35.2249 16.7456 34.846 16.3099C34.4765 15.8646 34.0029 15.5094 33.425 15.2441C32.8567 14.9694 32.1651 14.8321 31.3505 14.8321C30.5737 14.8321 29.8964 14.9931 29.3185 15.3152C28.7501 15.6373 28.2812 16.0872 27.9118 16.6651C27.5423 17.2335 27.2676 17.9013 27.0876 18.6686C26.9076 19.4359 26.8176 20.2696 26.8176 21.1695ZM42.4634 16.1678V28.9989H40.7725V13.6243H42.4208L42.4634 16.1678ZM47.9056 13.5106L47.863 15.0736C47.6735 15.0452 47.4888 15.0215 47.3088 15.0026C47.1289 14.9836 46.9347 14.9742 46.7262 14.9742C45.9874 14.9742 45.3385 15.1115 44.7796 15.3862C44.2301 15.6515 43.7659 16.0257 43.387 16.5088C43.0081 16.9824 42.7192 17.5413 42.5202 18.1855C42.3213 18.8202 42.2076 19.5022 42.1792 20.2317L41.554 20.4732C41.554 19.4691 41.6582 18.536 41.8666 17.674C42.075 16.8119 42.3924 16.0588 42.8186 15.4147C43.2544 14.761 43.7991 14.2542 44.4527 13.8942C45.1158 13.5248 45.8926 13.3401 46.7831 13.3401C47.001 13.3401 47.2141 13.359 47.4225 13.3969C47.6404 13.4253 47.8014 13.4632 47.9056 13.5106ZM51.3028 13.6243V28.9989H49.6119V13.6243H51.3028ZM49.3135 9.1909C49.3135 8.85935 49.413 8.58463 49.6119 8.36675C49.8203 8.1394 50.1092 8.02573 50.4787 8.02573C50.8292 8.02573 51.1086 8.1394 51.317 8.36675C51.5349 8.58463 51.6439 8.85935 51.6439 9.1909C51.6439 9.49404 51.5349 9.75928 51.317 9.98663C51.1086 10.2045 50.8292 10.3135 50.4787 10.3135C50.1092 10.3135 49.8203 10.2045 49.6119 9.98663C49.413 9.75928 49.3135 9.49404 49.3135 9.1909ZM64.7746 26.0149V7.17316H66.4797V28.9989H64.8882L64.7746 26.0149ZM54.1032 21.4679V21.1695C54.1032 19.9759 54.2406 18.9007 54.5153 17.9439C54.79 16.9777 55.1832 16.1535 55.6947 15.4715C56.2157 14.78 56.8409 14.2542 57.5704 13.8942C58.2998 13.5248 59.1239 13.3401 60.0428 13.3401C60.9427 13.3401 61.7385 13.4869 62.43 13.7806C63.1215 14.0742 63.7136 14.4958 64.2062 15.0452C64.7082 15.5946 65.1108 16.2483 65.414 17.0061C65.7266 17.764 65.9539 18.607 66.096 19.5354V23.3293C65.9824 24.2008 65.774 25.0013 65.4708 25.7307C65.1677 26.4507 64.7651 27.0806 64.263 27.6206C63.7609 28.1511 63.1547 28.5632 62.4442 28.8568C61.7432 29.141 60.9333 29.2831 60.0144 29.2831C59.105 29.2831 58.2856 29.0936 57.5561 28.7147C56.8267 28.3358 56.2062 27.8006 55.6947 27.1091C55.1832 26.4081 54.79 25.5792 54.5153 24.6224C54.2406 23.6656 54.1032 22.6141 54.1032 21.4679ZM55.8084 21.1695V21.4679C55.8084 22.3678 55.8984 23.2014 56.0784 23.9688C56.2583 24.7361 56.5331 25.4039 56.9025 25.9723C57.272 26.5407 57.7409 26.9859 58.3092 27.308C58.8776 27.6301 59.5502 27.7911 60.327 27.7911C61.3027 27.7911 62.1221 27.6064 62.7852 27.2369C63.4483 26.858 63.9788 26.3607 64.3767 25.7449C64.7746 25.1197 65.0635 24.4377 65.2435 23.6988V19.2796C65.1298 18.7776 64.964 18.266 64.7461 17.745C64.5283 17.224 64.2299 16.7456 63.8509 16.3099C63.4815 15.8646 63.0078 15.5094 62.43 15.2441C61.8616 14.9694 61.1701 14.8321 60.3554 14.8321C59.5692 14.8321 58.8918 14.9931 58.3235 15.3152C57.7551 15.6373 57.2814 16.0872 56.9025 16.6651C56.5331 17.2335 56.2583 17.9013 56.0784 18.6686C55.8984 19.4359 55.8084 20.2696 55.8084 21.1695ZM69.6353 27.9616C69.6353 27.6301 69.7395 27.3506 69.9479 27.1233C70.1658 26.8864 70.4595 26.768 70.8289 26.768C71.2078 26.768 71.5062 26.8817 71.7241 27.1091C71.942 27.3364 72.0509 27.6206 72.0509 27.9616C72.0509 28.2837 71.942 28.5584 71.7241 28.7858C71.5062 29.0131 71.2078 29.1268 70.8289 29.1268C70.4595 29.1268 70.1658 29.0131 69.9479 28.7858C69.7395 28.5584 69.6353 28.2837 69.6353 27.9616ZM81.2598 27.8195C81.9798 27.8195 82.6523 27.6869 83.2776 27.4217C83.9123 27.1469 84.4333 26.7443 84.8406 26.2139C85.2574 25.6739 85.4942 25.0155 85.5511 24.2387H87.171C87.1236 25.2145 86.8252 26.086 86.2758 26.8533C85.7358 27.6111 85.0253 28.2079 84.1443 28.6437C83.2728 29.07 82.3113 29.2831 81.2598 29.2831C80.1894 29.2831 79.2421 29.0889 78.4179 28.7005C77.6032 28.3121 76.9212 27.7722 76.3718 27.0806C75.8223 26.3796 75.4055 25.565 75.1213 24.6366C74.8466 23.6988 74.7093 22.6899 74.7093 21.61V21.0132C74.7093 19.9333 74.8466 18.9291 75.1213 18.0008C75.4055 17.063 75.8223 16.2483 76.3718 15.5567C76.9212 14.8557 77.6032 14.3111 78.4179 13.9227C79.2326 13.5343 80.1752 13.3401 81.2456 13.3401C82.3445 13.3401 83.3297 13.5627 84.2012 14.0079C85.0822 14.4531 85.7832 15.0831 86.3042 15.8978C86.8347 16.7125 87.1236 17.6787 87.171 18.7965H85.5511C85.5037 17.9724 85.2858 17.2619 84.8974 16.6651C84.5091 16.0683 83.9975 15.6089 83.3628 15.2868C82.7281 14.9647 82.0224 14.8036 81.2456 14.8036C80.3741 14.8036 79.6305 14.9742 79.0147 15.3152C78.399 15.6467 77.8969 16.1062 77.5085 16.6935C77.1296 17.2714 76.8501 17.9345 76.6702 18.6828C76.4902 19.4217 76.4002 20.1985 76.4002 21.0132V21.61C76.4002 22.4341 76.4854 23.2204 76.656 23.9688C76.8359 24.7077 77.1154 25.366 77.4943 25.9439C77.8827 26.5217 78.3848 26.9812 79.0005 27.3222C79.6257 27.6537 80.3788 27.8195 81.2598 27.8195ZM88.4936 21.5531V21.0842C88.4936 19.9664 88.6546 18.9339 88.9767 17.9866C89.2988 17.0393 89.7582 16.2199 90.355 15.5283C90.9613 14.8368 91.686 14.3016 92.5291 13.9227C93.3722 13.5343 94.31 13.3401 95.3425 13.3401C96.3846 13.3401 97.3271 13.5343 98.1702 13.9227C99.0133 14.3016 99.738 14.8368 100.344 15.5283C100.951 16.2199 101.415 17.0393 101.737 17.9866C102.059 18.9339 102.22 19.9664 102.22 21.0842V21.5531C102.22 22.671 102.059 23.7035 101.737 24.6508C101.415 25.5886 100.951 26.4033 100.344 27.0948C99.7475 27.7864 99.0275 28.3263 98.1844 28.7147C97.3413 29.0936 96.4035 29.2831 95.371 29.2831C94.3289 29.2831 93.3864 29.0936 92.5433 28.7147C91.7002 28.3263 90.9755 27.7864 90.3692 27.0948C89.763 26.4033 89.2988 25.5886 88.9767 24.6508C88.6546 23.7035 88.4936 22.671 88.4936 21.5531ZM90.1845 21.0842V21.5531C90.1845 22.3962 90.2982 23.1967 90.5255 23.9545C90.7529 24.7029 91.0844 25.3708 91.5202 25.9581C91.956 26.5359 92.4959 26.9906 93.1401 27.3222C93.7842 27.6537 94.5279 27.8195 95.371 27.8195C96.2046 27.8195 96.9387 27.6537 97.5734 27.3222C98.2176 26.9906 98.7576 26.5359 99.1933 25.9581C99.6291 25.3708 99.9559 24.7029 100.174 23.9545C100.401 23.1967 100.515 22.3962 100.515 21.5531V21.0842C100.515 20.2506 100.401 19.4596 100.174 18.7113C99.9559 17.9629 99.6243 17.295 99.1791 16.7077C98.7434 16.1204 98.2034 15.6562 97.5592 15.3152C96.9151 14.9742 96.1762 14.8036 95.3425 14.8036C94.5089 14.8036 93.77 14.9742 93.1259 15.3152C92.4912 15.6562 91.9512 16.1204 91.506 16.7077C91.0702 17.295 90.7387 17.9629 90.5113 18.7113C90.2934 19.4596 90.1845 20.2506 90.1845 21.0842Z\"\r\n                  fill=\"black\" \/>\r\n              <\/svg>\r\n            <\/span>\r\n            <span class=\"footer__brand-divider\" aria-hidden=\"true\"><\/span>\r\n            <span class=\"footer__brand-name\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"148\" height=\"38\" viewBox=\"0 0 148 38\" fill=\"none\">\r\n                <g clip-path=\"url(#clip0_webinar_footer)\">\r\n                  <path d=\"M47.7743 11.2256V13.0301H53.0196V26.9241H54.9948V13.0301H60.2401V11.2256H47.7743Z\"\r\n                    fill=\"black\" \/>\r\n                  <path\r\n                    d=\"M60.6488 21.2632C60.6488 24.6911 62.9192 27.0595 66.3929 27.0595C68.9803 27.0595 71.0706 25.4587 71.5246 23.158H69.6402C69.2543 24.6467 67.7997 25.4129 66.2567 25.4129C64.0998 25.4129 62.6695 23.9242 62.6013 21.7821V21.6241H71.592C71.6148 21.3535 71.6374 21.0828 71.6374 20.8346C71.5466 17.4286 69.3209 15.376 66.1431 15.376C62.8737 15.376 60.6488 17.7219 60.6488 21.2632ZM62.7149 20.0903C62.8965 18.2181 64.4631 17.0001 66.1659 17.0001C68.0041 17.0001 69.4579 18.1054 69.6395 20.0903H62.7149Z\"\r\n                    fill=\"black\" \/>\r\n                  <path\r\n                    d=\"M87.8773 15.376C85.8114 15.376 84.5626 16.3234 83.8588 17.564C83.2004 16.0978 81.8154 15.376 80.2035 15.376C78.4099 15.376 77.4337 16.2557 76.8207 17.0903L76.6624 15.5114H74.9589V26.9241H76.8207V20.9475C76.8207 18.6467 77.9785 17.0677 79.8857 17.0677C81.6566 17.0677 82.6782 18.2407 82.6782 20.4964V26.9241H84.54V20.8572C84.54 18.5114 85.7206 17.0677 87.6507 17.0677C89.3982 17.0677 90.3973 18.2407 90.3973 20.4964V26.9241H92.259V20.3835C92.259 16.752 90.284 15.376 87.8773 15.376Z\"\r\n                    fill=\"black\" \/>\r\n                  <path\r\n                    d=\"M101.5 15.376C99.5469 15.376 98.298 16.3008 97.5264 17.361L97.3685 15.5114H95.6647V31.4354H97.5264V25.1648C98.2302 26.2701 99.5469 27.0595 101.5 27.0595C104.609 27.0595 107.062 24.6911 107.062 21.2632C107.062 17.5188 104.609 15.376 101.5 15.376ZM101.318 25.4129C99.0473 25.4129 97.5032 23.6534 97.5032 21.2181C97.5032 18.7594 99.0473 17.0226 101.318 17.0226C103.519 17.0226 105.155 18.7594 105.155 21.2632C105.155 23.676 103.519 25.4129 101.318 25.4129Z\"\r\n                    fill=\"black\" \/>\r\n                  <path\r\n                    d=\"M115.446 27.0595C118.828 27.0595 121.19 24.6685 121.19 21.2632C121.19 17.767 118.828 15.376 115.446 15.376C112.062 15.376 109.701 17.767 109.701 21.2632C109.701 24.6685 112.062 27.0595 115.446 27.0595ZM115.446 25.4129C113.152 25.4129 111.608 23.6309 111.608 21.2632C111.608 18.8046 113.152 17.0226 115.446 17.0226C117.738 17.0226 119.282 18.8046 119.282 21.2632C119.282 23.6309 117.738 25.4129 115.446 25.4129Z\"\r\n                    fill=\"black\" \/>\r\n                  <path\r\n                    d=\"M129.603 15.5113C127.537 15.5113 126.468 16.3684 125.923 17.2481L125.765 15.5113H124.062V26.9241H125.923V21.1504C125.923 19.3233 126.764 17.3159 129.194 17.3159H130.125V15.5113H129.603Z\"\r\n                    fill=\"black\" \/>\r\n                  <path\r\n                    d=\"M142.558 25.1415C142.081 25.1415 141.786 24.9618 141.786 24.3978V19.5264C141.786 16.8422 140.175 15.376 137.223 15.376C134.43 15.376 132.592 16.7068 132.319 18.9625H134.181C134.408 17.7896 135.498 17.0226 137.132 17.0226C138.948 17.0226 139.924 17.9249 139.924 19.4136V20.2031H136.61C133.568 20.2031 131.956 21.3979 131.956 23.6986C131.956 25.7964 133.681 27.0595 136.224 27.0595C138.222 27.0595 139.288 26.1798 140.015 25.1422C140.038 26.2701 140.56 26.9241 142.104 26.9241H143.126V25.1415H142.558ZM139.924 22.2324C139.924 24.1498 138.676 25.4806 136.361 25.4806C134.817 25.4806 133.841 24.7136 133.841 23.5858C133.841 22.2775 134.771 21.7595 136.429 21.7595H139.924V22.2324Z\"\r\n                    fill=\"black\" \/>\r\n                  <path d=\"M145.767 11.2256V26.9241H147.629V11.2256H145.767Z\" fill=\"black\" \/>\r\n                  <path\r\n                    d=\"M25.1148 12.4259C24.2353 5.89113 22.0173 0.429642 18.5947 0.429642C15.1817 0.429642 12.9542 5.89113 12.0746 12.4259C5.49707 13.2998 -0.00012207 15.5034 -0.00012207 18.9037C-0.00012207 22.2946 5.49707 24.5076 12.0746 25.3815C12.9542 31.9164 15.1721 37.3778 18.5947 37.3778C22.0078 37.3778 24.2353 31.9164 25.1148 25.3815C31.6924 24.5076 37.1896 22.3041 37.1896 18.9037C37.1896 15.5034 31.6924 13.2903 25.1148 12.4259ZM11.8643 23.4629C5.56399 22.5606 1.88326 20.4899 1.88326 18.8942C1.88326 17.2985 5.55443 15.2279 11.8643 14.3256C11.7208 15.8358 11.6539 17.3745 11.6539 18.8942C11.6539 20.414 11.7208 21.9622 11.8643 23.4629ZM18.5947 2.2913C20.2008 2.2913 22.285 5.93862 23.1933 12.2074C21.6731 12.065 20.1244 11.9985 18.5947 11.9985C17.0651 11.9985 15.5163 12.0745 13.9962 12.2074C14.9044 5.94812 16.9885 2.2913 18.5947 2.2913ZM25.3252 23.4629C25.0192 23.5104 23.7382 23.6529 23.4227 23.6908C23.394 24.0137 23.2411 25.277 23.1933 25.581C22.285 31.8403 20.2008 35.4971 18.5947 35.4971C16.9885 35.4971 14.9044 31.8498 13.9962 25.581C13.9484 25.277 13.805 24.0043 13.7667 23.6908C13.6234 22.2091 13.5278 20.6134 13.5278 18.8942C13.5278 17.1751 13.6138 15.5889 13.7667 14.0976C15.2582 13.9552 16.8643 13.8601 18.5947 13.8601C20.3251 13.8601 21.9218 13.9456 23.4227 14.0976C23.7477 14.1261 25.0192 14.2781 25.3252 14.3256C31.6254 15.2279 35.3062 17.2985 35.3062 18.8942C35.3062 20.4899 31.6254 22.5606 25.3252 23.4629Z\"\r\n                    fill=\"black\" \/>\r\n                <\/g>\r\n                <defs>\r\n                  <clipPath id=\"clip0_webinar_footer\">\r\n                    <rect width=\"147.629\" height=\"37.8074\" fill=\"white\" \/>\r\n                  <\/clipPath>\r\n                <\/defs>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/div>\r\n          <p class=\"footer__about-text\">\r\n            Established in 2012, Xgrid has a history of delivering a wide range of intelligent and secure cloud\r\n            infrastructure, user\r\n            interface and user experience solutions. Our strength lies in our team and its ability to deliver\r\n            end-to-end solutions\r\n            using cutting edge technologies.\r\n          <\/p>\r\n          <img decoding=\"async\" class=\"footer__badge\" src=\"\/resources\/wp-content\/uploads\/2026\/05\/Cloud-Partner-Badge_Certified-2-1.png\"\r\n            alt=\"Temporal cloud partner badge\" \/>\r\n        <\/div>\r\n        <nav class=\"footer__nav\">\r\n          <h3>Navigation<\/h3>\r\n          <ul class=\"footer__list\">\r\n            <li><a href=\"#book-slot-form\">About<\/a><\/li>\r\n            <li><a href=\"#book-slot-form\">Services<\/a><\/li>\r\n            <li><a href=\"#book-slot-form\">Projects<\/a><\/li>\r\n          <\/ul>\r\n        <\/nav>\r\n        <address class=\"footer__address\">\r\n          <h3>OFFICE ADDRESS<\/h3>\r\n          <div class=\"footer__address-block\">\r\n            <p class=\"footer__address-title\">US Address:<\/p>\r\n            <p class=\"footer__address-text\">Plug and Play Tech Center, 440 N Wolfe Rd, Sunnyvale, CA 94085<\/p>\r\n          <\/div>\r\n          <div class=\"footer__address-block\">\r\n            <p class=\"footer__address-title\">Dubai Address:<\/p>\r\n            <p class=\"footer__address-text\">Dubai Silicon Oasis, DDP, Building A1, Dubai, United Arab Emirates<\/p>\r\n          <\/div>\r\n          <div class=\"footer__socials\">\r\n            <a class=\"footer__social\" href=\"https:\/\/twitter.com\/xgridco\" aria-label=\"X\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                <g clip-path=\"url(#clip0_webinar_x)\">\r\n                  <path\r\n                    d=\"M11.4904 8.37775L18.4791 0.00914421L16.7943 0.0340114L10.7232 7.29889L5.68742 0.197949L0 0.281895L7.61684 11.0207L0.288023 19.7957L1.9728 19.7709L8.37999 12.0972L13.6993 19.5978L19.3867 19.5138L11.4904 8.37775ZM9.22169 11.0923L8.44906 10.0225L2.31109 1.51789L4.89925 1.47969L9.85425 8.34572L10.6237 9.41558L17.0637 18.3399L14.4756 18.3781L9.22169 11.0923Z\"\r\n                    fill=\"#3A3A3A\" \/>\r\n                <\/g>\r\n                <defs>\r\n                  <clipPath id=\"clip0_webinar_x\">\r\n                    <rect width=\"19.1007\" height=\"19.516\" fill=\"white\"\r\n                      transform=\"translate(0 0.281895) rotate(-0.84562)\" \/>\r\n                  <\/clipPath>\r\n                <\/defs>\r\n              <\/svg>\r\n            <\/a>\r\n            <a class=\"footer__social\" href=\"https:\/\/www.linkedin.com\/company\/xgrid\/\" aria-label=\"LinkedIn\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                <path\r\n                  d=\"M4.45721 19.0843L0.35863 19.0933L0.334295 6.3488L4.43287 6.33979L4.45721 19.0843ZM2.37806 4.60583C1.06747 4.60871 0.00242885 3.56285 1.24182e-05 2.29734C-0.00114827 1.68947 0.247817 1.10595 0.692137 0.675147C1.13646 0.244341 1.73974 0.00153983 2.36926 0.00015696C2.99879 -0.00122591 3.60299 0.238923 4.04895 0.667773C4.49492 1.09662 4.74611 1.67905 4.74727 2.28691C4.74968 3.55242 3.68821 4.60295 2.37806 4.60583ZM19.7969 19.0506L15.7071 19.0596L15.6953 12.8557C15.6924 11.3771 15.6579 9.48104 13.5579 9.48566C11.427 9.49034 11.1035 11.0974 11.1067 12.7592L11.1187 19.0697L7.02456 19.0787L7.00022 6.33416L10.9311 6.32552L10.9344 8.06399L10.9918 8.06387C11.5371 7.06134 12.8717 6.00168 14.8658 5.9973C19.0138 5.98819 19.7814 8.62405 19.7879 12.0499L19.8013 19.0506L19.7969 19.0506Z\"\r\n                  fill=\"#3A3A3A\" \/>\r\n              <\/svg>\r\n            <\/a>\r\n            <a class=\"footer__social\" href=\"https:\/\/www.youtube.com\/channel\/UCDwkO3gdvccO9jkiej5AYNQ\"\r\n              aria-label=\"YouTube\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"17\" viewBox=\"0 0 25 17\" fill=\"none\">\r\n                <path\r\n                  d=\"M24.0192 2.563C23.7351 1.54424 22.9019 0.743275 21.8455 0.473217C19.9307 -0.0175222 12.256 -7.10997e-05 12.256 -7.10997e-05C12.256 -7.10997e-05 4.58136 0.0173799 2.66828 0.516823C1.61286 0.791726 0.782708 1.59643 0.502328 2.61647C-0.00710365 4.46537 7.65064e-06 8.3205 7.65064e-06 8.3205C7.65064e-06 12.1756 0.523368 14.0222 0.523368 14.0222C0.807508 15.0409 1.64056 15.8085 2.69699 16.0785C4.61189 16.5693 12.2865 16.5518 12.2865 16.5518C12.2865 16.5518 19.9611 16.5344 21.8742 16.0349C22.9296 15.7601 23.7599 14.9888 24.0402 13.9687C24.5497 12.1198 24.5426 8.26469 24.5426 8.26469C24.5426 8.26469 24.5354 4.40957 24.0192 2.563ZM9.76769 11.7985L9.75478 4.79814L16.1757 8.2838L9.76769 11.7985Z\"\r\n                  fill=\"#3A3A3A\" \/>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/address>\r\n      <\/div>\r\n    <\/div>\r\n  <\/footer>\r\n  <!-- END footer -->\r\n  <!-- --------------------- -->\r\n\r\n  <!-- video modal -->\r\n  <!-- --------------------- -->\r\n  <div class=\"video-modal\" data-video-modal hidden aria-hidden=\"true\">\r\n    <div class=\"video-modal__overlay\" data-video-modal-close><\/div>\r\n    <div class=\"video-modal__dialog\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Temporal in the Field podcast\">\r\n      <button class=\"video-modal__close\" type=\"button\" data-video-modal-close aria-label=\"Close video\">\r\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"\r\n          focusable=\"false\">\r\n          <path d=\"M5 5L15 15M15 5L5 15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" \/>\r\n        <\/svg>\r\n      <\/button>\r\n      <div class=\"video-modal__frame\">\r\n        <video class=\"video-modal__video\" data-video-modal-video controls playsinline preload=\"metadata\"\r\n          aria-label=\"Temporal in the Field podcast \u2014 Durable Workflows for Harsh-Environment Operations\">\r\n          <source\r\n            src=\"\/resources\/wp-content\/themes\/xgrid-resources-child\/assets\/videos\/Temporal%20Podcast.mp4\"\r\n            type=\"video\/mp4\" \/>\r\n          <p>Your browser does not support embedded video. <a\r\n              href=\"\/resources\/wp-content\/themes\/xgrid-resources-child\/assets\/videos\/Temporal%20Podcast.mp4\">Download\r\n              the podcast video<\/a>.<\/p>\r\n        <\/video>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <!-- END video modal -->\r\n  <!-- --------------------- -->\r\n\r\n  <script>\r\n    const HS_PORTAL_ID = \"4404057\"\r\n    const HS_FORM_ID = \"e3113b58-aa84-45c1-ad9a-bcab72776e51\"\r\n    const HS_ENDPOINT = `https:\/\/api.hsforms.com\/submissions\/v3\/integration\/submit\/${HS_PORTAL_ID}\/${HS_FORM_ID}`\r\n    const VIDEO_SECTION_ID = \"watch-the-session\"\r\n    const FORM_UNLOCK_KEY = \"webinar-video-unlocked\"\r\n\r\n    const validators = {\r\n      full_name(value) {\r\n        const trimmed = value.trim()\r\n        if (!trimmed) return \"Full Name is required\"\r\n        if (trimmed.length < 3) return \"Full Name must be at least 3 characters\"\r\n        if (trimmed.length > 50) return \"Full Name must be at most 50 characters\"\r\n        if (!\/^[a-zA-Z\\s.'-]+$\/.test(trimmed)) return \"Name can only contain letters and valid characters\"\r\n        return \"\"\r\n      },\r\n      email(value) {\r\n        const trimmed = value.trim().toLowerCase()\r\n        if (!trimmed) return \"Email is required\"\r\n        if (!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$\/.test(trimmed)) return \"Enter a valid email\"\r\n        return \"\"\r\n      },\r\n      company(value) {\r\n        const trimmed = value.trim()\r\n        if (!trimmed) return \"Company is required\"\r\n        if (trimmed.length < 2) return \"Company must be at least 2 characters\"\r\n        if (trimmed.length > 75) return \"Company must be at most 75 characters\"\r\n        if (!\/^[a-zA-Z0-9\\s&.,'-]+$\/.test(trimmed)) return \"Company contains invalid characters\"\r\n        return \"\"\r\n      },\r\n      job_title(value) {\r\n        const trimmed = value.trim()\r\n        if (!trimmed) return \"Job Title is required\"\r\n        if (trimmed.length < 2) return \"Job Title must be at least 2 characters\"\r\n        if (trimmed.length > 75) return \"Job Title must be at most 75 characters\"\r\n        if (!\/^[a-zA-Z0-9\\s&.,'-]+$\/.test(trimmed)) return \"Job Title contains invalid characters\"\r\n        return \"\"\r\n      },\r\n    }\r\n\r\n    const validateForm = (form) => {\r\n      try {\r\n        const fields = [\"full_name\", \"company\", \"email\", \"job_title\"]\r\n        let errorMessage = \"\"\r\n\r\n        fields.forEach((fieldName) => {\r\n          const input = form.elements[fieldName]\r\n          if (!input) return\r\n          const error = validators[fieldName](input.value || \"\")\r\n          input.classList.toggle(\"is-error\", !!error)\r\n          input.setAttribute(\"aria-invalid\", error ? \"true\" : \"false\")\r\n          if (!errorMessage && error) errorMessage = error\r\n        })\r\n\r\n        return errorMessage\r\n      } catch (e) {\r\n        console.warn(\"Form validation error:\", e)\r\n        return \"Validation error occurred\"\r\n      }\r\n    }\r\n\r\n    const submitToHubSpot = async (form) => {\r\n      try {\r\n        const data = new FormData(form)\r\n        const fields = [\"full_name\", \"company\", \"email\", \"job_title\"]\r\n          .map((name) => ({ name, value: String(data.get(name) || \"\").trim() }))\r\n          .filter((item) => item.value !== \"\")\r\n\r\n        const payload = {\r\n          fields,\r\n          context: {\r\n            pageUri: window.location.href,\r\n            pageName: document.title,\r\n          },\r\n        }\r\n\r\n        const controller = new AbortController()\r\n        const timeoutId = setTimeout(() => controller.abort(), 8000)\r\n\r\n        const res = await fetch(HS_ENDPOINT, {\r\n          method: \"POST\",\r\n          headers: { \"Content-Type\": \"application\/json\" },\r\n          body: JSON.stringify(payload),\r\n          signal: controller.signal,\r\n        })\r\n\r\n        clearTimeout(timeoutId)\r\n\r\n        if (!res.ok) {\r\n          const err = await res.json().catch(() => ({}))\r\n          throw new Error(err?.message || `HubSpot error ${res.status}`)\r\n        }\r\n\r\n        return res.json()\r\n      } catch (e) {\r\n        console.warn(\"HubSpot submission error:\", e)\r\n        throw e\r\n      }\r\n    }\r\n\r\n    const setFeedback = (form, message, type) => {\r\n      try {\r\n        const feedback = form.querySelector(\"[data-form-feedback]\")\r\n        if (!feedback) return\r\n        feedback.hidden = !message\r\n        feedback.textContent = message || \"\"\r\n        feedback.classList.remove(\"form-feedback--error\", \"form-feedback--success\")\r\n        if (message && type) feedback.classList.add(`form-feedback--${type}`)\r\n      } catch (e) {\r\n        console.warn(\"Feedback error:\", e)\r\n      }\r\n    }\r\n\r\n    const scrollToVideoSection = () => {\r\n      const section = document.getElementById(VIDEO_SECTION_ID)\r\n      if (!section) return\r\n      const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\r\n      section.scrollIntoView({ behavior: reduceMotion ? \"auto\" : \"smooth\", block: \"start\" })\r\n      window.setTimeout(() => {\r\n        section.focus({ preventScroll: true })\r\n      }, 400)\r\n    }\r\n\r\n    const unlockVideo = () => {\r\n      const player = document.querySelector(\"[data-video-player]\")\r\n      const video = document.querySelector(\"[data-webinar-video]\")\r\n      const poster = document.querySelector(\"[data-video-poster]\")\r\n      if (!player || !video) return false\r\n\r\n      player.setAttribute(\"data-video-locked\", \"false\")\r\n      player.classList.add(\"video-section__player--unlocked\")\r\n      if (poster) poster.hidden = true\r\n      video.hidden = false\r\n      try {\r\n        sessionStorage.setItem(FORM_UNLOCK_KEY, \"1\")\r\n      } catch (e) {\r\n        console.warn(\"Session storage unavailable:\", e)\r\n      }\r\n      return true\r\n    }\r\n\r\n    const playVideo = async () => {\r\n      const video = document.querySelector(\"[data-webinar-video]\")\r\n      if (!video || video.hidden) return\r\n      try {\r\n        await video.play()\r\n        video.focus()\r\n      } catch (e) {\r\n        console.warn(\"Video play blocked:\", e)\r\n      }\r\n    }\r\n\r\n    const handleVideoUnlockFromForm = async () => {\r\n      if (!unlockVideo()) return\r\n      openVideoModal()\r\n    }\r\n\r\n    const getModalElements = () => ({\r\n      modal: document.querySelector(\"[data-video-modal]\"),\r\n      modalVideo: document.querySelector(\"[data-video-modal-video]\"),\r\n    })\r\n\r\n    let lastFocusedElement = null\r\n\r\n    const openVideoModal = async () => {\r\n      const { modal, modalVideo } = getModalElements()\r\n      if (!modal) return\r\n\r\n      lastFocusedElement = document.activeElement\r\n      modal.hidden = false\r\n      modal.setAttribute(\"aria-hidden\", \"false\")\r\n      document.body.style.overflow = \"hidden\"\r\n\r\n      const closeButton = modal.querySelector(\"[data-video-modal-close]\")\r\n      if (closeButton) closeButton.focus()\r\n\r\n      if (modalVideo) {\r\n        try {\r\n          await modalVideo.play()\r\n        } catch (e) {\r\n          console.warn(\"Modal video play blocked:\", e)\r\n        }\r\n      }\r\n    }\r\n\r\n    const closeVideoModal = () => {\r\n      const { modal, modalVideo } = getModalElements()\r\n      if (!modal) return\r\n\r\n      modal.hidden = true\r\n      modal.setAttribute(\"aria-hidden\", \"true\")\r\n      document.body.style.overflow = \"\"\r\n\r\n      if (modalVideo) {\r\n        try {\r\n          modalVideo.pause()\r\n          modalVideo.currentTime = 0\r\n        } catch (e) {\r\n          console.warn(\"Modal video reset error:\", e)\r\n        }\r\n      }\r\n\r\n      if (lastFocusedElement && typeof lastFocusedElement.focus === \"function\") {\r\n        lastFocusedElement.focus()\r\n      }\r\n    }\r\n\r\n    const initVideoModal = () => {\r\n      const { modal } = getModalElements()\r\n      if (!modal) return\r\n\r\n      modal.querySelectorAll(\"[data-video-modal-close]\").forEach((el) => {\r\n        el.addEventListener(\"click\", closeVideoModal)\r\n      })\r\n\r\n      document.addEventListener(\"keydown\", (event) => {\r\n        if (event.key === \"Escape\" && !modal.hidden) closeVideoModal()\r\n      })\r\n    }\r\n\r\n    const isVideoLocked = (player) => player.getAttribute(\"data-video-locked\") !== \"false\"\r\n\r\n    const handleLockedVideoClick = () => {\r\n      const formSection = document.getElementById(\"book-slot-form\")\r\n      if (!formSection) return\r\n      const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\r\n      formSection.scrollIntoView({ behavior: reduceMotion ? \"auto\" : \"smooth\", block: \"start\" })\r\n      const firstInput = formSection.querySelector(\"input\")\r\n      if (firstInput) firstInput.focus()\r\n    }\r\n\r\n    const handleUnlockedVideoClick = async (video) => {\r\n      if (!video || !video.paused) return\r\n      await playVideo()\r\n    }\r\n\r\n    const initVideoPlayer = () => {\r\n      const player = document.querySelector(\"[data-video-player]\")\r\n      const video = document.querySelector(\"[data-webinar-video]\")\r\n      const poster = document.querySelector(\"[data-video-poster]\")\r\n      if (!player || !video) return\r\n\r\n      try {\r\n        if (sessionStorage.getItem(FORM_UNLOCK_KEY) === \"1\") unlockVideo()\r\n      } catch (e) {\r\n        console.warn(\"Session storage unavailable:\", e)\r\n      }\r\n\r\n      const handlePlayerActivate = async (event) => {\r\n        if (isVideoLocked(player)) {\r\n          if (\r\n            event?.target?.closest?.(\".video-section__lock-notice\") ||\r\n            event?.target?.closest?.(\"[data-video-poster-hit]\") ||\r\n            event?.target?.closest?.(\"[data-video-play]\")\r\n          ) {\r\n            handleLockedVideoClick()\r\n          }\r\n          return\r\n        }\r\n\r\n        if (event?.target?.closest?.(\"a\")) return\r\n        await handleUnlockedVideoClick(video)\r\n      }\r\n\r\n      player.addEventListener(\"click\", handlePlayerActivate)\r\n\r\n      poster?.addEventListener(\"keydown\", (event) => {\r\n        if (event.key !== \" \" && event.key !== \"Enter\") return\r\n        event.preventDefault()\r\n        handlePlayerActivate(event)\r\n      })\r\n\r\n      video.addEventListener(\"click\", (event) => {\r\n        if (isVideoLocked(player)) return\r\n        event.stopPropagation()\r\n        handleUnlockedVideoClick(video)\r\n      })\r\n\r\n      video.addEventListener(\"keydown\", (event) => {\r\n        if (event.key !== \" \" && event.key !== \"Enter\") return\r\n        if (isVideoLocked(player)) {\r\n          event.preventDefault()\r\n          handleLockedVideoClick()\r\n          return\r\n        }\r\n        if (video.paused) {\r\n          event.preventDefault()\r\n          playVideo()\r\n        }\r\n      })\r\n    }\r\n\r\n    const bindHubSpotForms = () => {\r\n      try {\r\n        const forms = document.querySelectorAll(\"[data-hs-form]\")\r\n        if (forms.length === 0) return\r\n\r\n        forms.forEach((form) => {\r\n          form.addEventListener(\"submit\", async (event) => {\r\n            event.preventDefault()\r\n            setFeedback(form, \"\", \"\")\r\n\r\n            try {\r\n              const validationError = validateForm(form)\r\n              if (validationError) {\r\n                setFeedback(form, validationError, \"error\")\r\n                return\r\n              }\r\n\r\n              const button = form.querySelector(\"button[type='submit']\")\r\n              const labelSpan = button?.querySelector(\".webinar-cta__label\")\r\n              const originalLabel = labelSpan?.textContent || \"\"\r\n\r\n              if (button) {\r\n                button.disabled = true\r\n                if (labelSpan) labelSpan.textContent = \"Submitting...\"\r\n              }\r\n\r\n              try {\r\n                await submitToHubSpot(form)\r\n                form.reset()\r\n                form.querySelectorAll(\"input\").forEach((input) => {\r\n                  input.classList.remove(\"is-error\")\r\n                  input.setAttribute(\"aria-invalid\", \"false\")\r\n                })\r\n                setFeedback(form, \"Thanks! Taking you to the full session video now.\", \"success\")\r\n                await handleVideoUnlockFromForm()\r\n              } catch (error) {\r\n                setFeedback(form, error.message || \"Something went wrong. Please try again.\", \"error\")\r\n              } finally {\r\n                if (button) {\r\n                  button.disabled = false\r\n                  if (labelSpan) labelSpan.textContent = originalLabel\r\n                }\r\n              }\r\n            } catch (e) {\r\n              console.warn(\"Form submission error:\", e)\r\n              setFeedback(form, \"An unexpected error occurred\", \"error\")\r\n            }\r\n          })\r\n        })\r\n      } catch (e) {\r\n        console.warn(\"Form binding error:\", e)\r\n      }\r\n    }\r\n\r\n    const closeCurriculumItem = (entry) => {\r\n      entry.classList.remove(\"curriculum__item--open\")\r\n      const entryTrigger = entry.querySelector(\"[data-accordion-trigger]\")\r\n      const panel = entry.querySelector(\".curriculum__panel\")\r\n      const toggle = entry.querySelector(\".curriculum__toggle\")\r\n      if (entryTrigger) entryTrigger.setAttribute(\"aria-expanded\", \"false\")\r\n      if (panel) panel.hidden = true\r\n      if (toggle) {\r\n        toggle.textContent = \"+\"\r\n        toggle.classList.remove(\"curriculum__toggle--open\")\r\n      }\r\n    }\r\n\r\n    const openCurriculumItem = (item, trigger) => {\r\n      item.classList.add(\"curriculum__item--open\")\r\n      trigger.setAttribute(\"aria-expanded\", \"true\")\r\n      const panel = item.querySelector(\".curriculum__panel\")\r\n      const toggle = item.querySelector(\".curriculum__toggle\")\r\n      if (panel) panel.hidden = false\r\n      if (toggle) {\r\n        toggle.textContent = \"\u2212\"\r\n        toggle.classList.add(\"curriculum__toggle--open\")\r\n      }\r\n    }\r\n\r\n    const initCurriculumAccordion = () => {\r\n      const root = document.querySelector(\"[data-accordion]\")\r\n      if (!root) return\r\n\r\n      const items = root.querySelectorAll(\".curriculum__item\")\r\n\r\n      const handleTriggerClick = (event) => {\r\n        const trigger = event.currentTarget\r\n        const item = trigger.closest(\".curriculum__item\")\r\n        if (!item) return\r\n\r\n        const isOpen = item.classList.contains(\"curriculum__item--open\")\r\n\r\n        items.forEach((entry) => closeCurriculumItem(entry))\r\n\r\n        if (!isOpen) openCurriculumItem(item, trigger)\r\n      }\r\n\r\n      root.querySelectorAll(\"[data-accordion-trigger]\").forEach((trigger) => {\r\n        trigger.addEventListener(\"click\", handleTriggerClick)\r\n      })\r\n    }\r\n\r\n    const initWebinarPage = () => {\r\n      initCurriculumAccordion()\r\n      initVideoPlayer()\r\n      initVideoModal()\r\n      bindHubSpotForms()\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\"DOMContentLoaded\", initWebinarPage)\r\n    } else {\r\n      initWebinarPage()\r\n    }\r\n  <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":13375,"template":"elementor_canvas","tags":[],"webinars-category":[391,393,392],"class_list":["post-13338","webinars","type-webinars","status-publish","has-post-thumbnail","hentry","webinars-category-temporal","webinars-category-temporal-workflows","webinars-category-workflow-automation"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Building Reliable Workflows for Harsh Environments: Temporal in Construction - Xgrid.co<\/title>\n<meta name=\"description\" content=\"See how Xgrid used Temporal to build durable, compliance-ready worker shift workflows for construction crews operating in no-signal, harsh environments.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.xgrid.co\/resources\/webinars\/temporal-workflows-construction-workforce-management\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Building Reliable Workflows for Harsh Environments: Temporal in Construction - Xgrid.co\" \/>\n<meta property=\"og:description\" content=\"See how Xgrid used Temporal to build durable, compliance-ready worker shift workflows for construction crews operating in no-signal, harsh environments.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.xgrid.co\/resources\/webinars\/temporal-workflows-construction-workforce-management\/\" \/>\n<meta property=\"og:site_name\" content=\"Xgrid.co\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-08T12:09:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.xgrid.co\/resources\/wp-content\/uploads\/2026\/06\/Temporal-Podcast-TN-For-Xgrids-home-page.png\" \/>\n\t<meta property=\"og:image:width\" content=\"461\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"22 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.xgrid.co\\\/resources\\\/webinars\\\/temporal-workflows-construction-workforce-management\\\/\",\"url\":\"https:\\\/\\\/www.xgrid.co\\\/resources\\\/webinars\\\/temporal-workflows-construction-workforce-management\\\/\",\"name\":\"Building Reliable Workflows for Harsh Environments: Temporal in Construction - Xgrid.co\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.xgrid.co\\\/resources\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.xgrid.co\\\/resources\\\/webinars\\\/temporal-workflows-construction-workforce-management\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.xgrid.co\\\/resources\\\/webinars\\\/temporal-workflows-construction-workforce-management\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.xgrid.co\\\/resources\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Temporal-Podcast-TN-For-Xgrids-home-page.png\",\"datePublished\":\"2026-06-02T08:12:52+00:00\",\"dateModified\":\"2026-06-08T12:09:39+00:00\",\"description\":\"See how Xgrid used Temporal to build durable, compliance-ready worker shift workflows for construction crews operating in no-signal, harsh environments.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.xgrid.co\\\/resources\\\/webinars\\\/temporal-workflows-construction-workforce-management\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.xgrid.co\\\/resources\\\/webinars\\\/temporal-workflows-construction-workforce-management\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.xgrid.co\\\/resources\\\/webinars\\\/temporal-workflows-construction-workforce-management\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.xgrid.co\\\/resources\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Temporal-Podcast-TN-For-Xgrids-home-page.png\",\"contentUrl\":\"https:\\\/\\\/www.xgrid.co\\\/resources\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Temporal-Podcast-TN-For-Xgrids-home-page.png\",\"width\":461,\"height\":260,\"caption\":\"Building Reliable Workflows for Harsh Environments\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.xgrid.co\\\/resources\\\/webinars\\\/temporal-workflows-construction-workforce-management\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.xgrid.co\\\/resources\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Building Reliable Workflows for Harsh Environments: Temporal in Construction\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.xgrid.co\\\/resources\\\/#website\",\"url\":\"https:\\\/\\\/www.xgrid.co\\\/resources\\\/\",\"name\":\"Xgrid.co\",\"description\":\"Learn, Design, Develop, and Engage with Xgrid\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.xgrid.co\\\/resources\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Building Reliable Workflows for Harsh Environments: Temporal in Construction - Xgrid.co","description":"See how Xgrid used Temporal to build durable, compliance-ready worker shift workflows for construction crews operating in no-signal, harsh environments.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.xgrid.co\/resources\/webinars\/temporal-workflows-construction-workforce-management\/","og_locale":"en_US","og_type":"article","og_title":"Building Reliable Workflows for Harsh Environments: Temporal in Construction - Xgrid.co","og_description":"See how Xgrid used Temporal to build durable, compliance-ready worker shift workflows for construction crews operating in no-signal, harsh environments.","og_url":"https:\/\/www.xgrid.co\/resources\/webinars\/temporal-workflows-construction-workforce-management\/","og_site_name":"Xgrid.co","article_modified_time":"2026-06-08T12:09:39+00:00","og_image":[{"width":461,"height":260,"url":"https:\/\/www.xgrid.co\/resources\/wp-content\/uploads\/2026\/06\/Temporal-Podcast-TN-For-Xgrids-home-page.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"22 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.xgrid.co\/resources\/webinars\/temporal-workflows-construction-workforce-management\/","url":"https:\/\/www.xgrid.co\/resources\/webinars\/temporal-workflows-construction-workforce-management\/","name":"Building Reliable Workflows for Harsh Environments: Temporal in Construction - Xgrid.co","isPartOf":{"@id":"https:\/\/www.xgrid.co\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.xgrid.co\/resources\/webinars\/temporal-workflows-construction-workforce-management\/#primaryimage"},"image":{"@id":"https:\/\/www.xgrid.co\/resources\/webinars\/temporal-workflows-construction-workforce-management\/#primaryimage"},"thumbnailUrl":"https:\/\/www.xgrid.co\/resources\/wp-content\/uploads\/2026\/06\/Temporal-Podcast-TN-For-Xgrids-home-page.png","datePublished":"2026-06-02T08:12:52+00:00","dateModified":"2026-06-08T12:09:39+00:00","description":"See how Xgrid used Temporal to build durable, compliance-ready worker shift workflows for construction crews operating in no-signal, harsh environments.","breadcrumb":{"@id":"https:\/\/www.xgrid.co\/resources\/webinars\/temporal-workflows-construction-workforce-management\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.xgrid.co\/resources\/webinars\/temporal-workflows-construction-workforce-management\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.xgrid.co\/resources\/webinars\/temporal-workflows-construction-workforce-management\/#primaryimage","url":"https:\/\/www.xgrid.co\/resources\/wp-content\/uploads\/2026\/06\/Temporal-Podcast-TN-For-Xgrids-home-page.png","contentUrl":"https:\/\/www.xgrid.co\/resources\/wp-content\/uploads\/2026\/06\/Temporal-Podcast-TN-For-Xgrids-home-page.png","width":461,"height":260,"caption":"Building Reliable Workflows for Harsh Environments"},{"@type":"BreadcrumbList","@id":"https:\/\/www.xgrid.co\/resources\/webinars\/temporal-workflows-construction-workforce-management\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.xgrid.co\/resources\/"},{"@type":"ListItem","position":2,"name":"Building Reliable Workflows for Harsh Environments: Temporal in Construction"}]},{"@type":"WebSite","@id":"https:\/\/www.xgrid.co\/resources\/#website","url":"https:\/\/www.xgrid.co\/resources\/","name":"Xgrid.co","description":"Learn, Design, Develop, and Engage with Xgrid","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.xgrid.co\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.xgrid.co\/resources\/wp-json\/wp\/v2\/webinars\/13338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xgrid.co\/resources\/wp-json\/wp\/v2\/webinars"}],"about":[{"href":"https:\/\/www.xgrid.co\/resources\/wp-json\/wp\/v2\/types\/webinars"}],"version-history":[{"count":71,"href":"https:\/\/www.xgrid.co\/resources\/wp-json\/wp\/v2\/webinars\/13338\/revisions"}],"predecessor-version":[{"id":13479,"href":"https:\/\/www.xgrid.co\/resources\/wp-json\/wp\/v2\/webinars\/13338\/revisions\/13479"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.xgrid.co\/resources\/wp-json\/wp\/v2\/media\/13375"}],"wp:attachment":[{"href":"https:\/\/www.xgrid.co\/resources\/wp-json\/wp\/v2\/media?parent=13338"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xgrid.co\/resources\/wp-json\/wp\/v2\/tags?post=13338"},{"taxonomy":"webinars-category","embeddable":true,"href":"https:\/\/www.xgrid.co\/resources\/wp-json\/wp\/v2\/webinars-category?post=13338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}