{"id":949,"date":"2026-06-18T15:29:23","date_gmt":"2026-06-18T18:29:23","guid":{"rendered":"https:\/\/4matt.com.br\/?page_id=949"},"modified":"2026-08-10T21:17:02","modified_gmt":"2026-08-11T00:17:02","slug":"itam-cmdb-journey-2026","status":"publish","type":"page","link":"https:\/\/4matt.com.br\/en\/jornada-itam-cmdb-2026\/","title":{"rendered":"ITAM CMDB IA Forum 2026"},"content":{"rendered":"<!-- =========================================================\n     JORNADA ITAM &amp; CMDB 2026 \u2014 4MATT\n     Cole TODO este conte\u00fado dentro de UM \u00daNICO widget HTML do Elementor.\n     ========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&amp;family=JetBrains+Mono:wght@400;500&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* =========================================================\n   WP THEME ISOLATION \u2014 n\u00e3o remover\n   Reset cir\u00fargico para neutralizar margens\/fontes do tema WP.\n   Cores N\u00c3O s\u00e3o tocadas aqui \u2014 controladas pelo design system.\n   ========================================================= *\/\n.j4m { box-sizing: border-box; }\n.j4m *, .j4m *::before, .j4m *::after { box-sizing: border-box; }\n.j4m h1, .j4m h2, .j4m h3, .j4m h4, .j4m h5, .j4m h6 {\n  margin: 0;\n  padding: 0;\n  font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif;\n}\n.j4m p, .j4m ul, .j4m ol, .j4m figure, .j4m blockquote { margin: 0; padding: 0; }\n.j4m ul, .j4m ol { list-style: none; }\n.j4m a { text-decoration: none; box-shadow: none; }\n.j4m a:hover, .j4m a:focus { text-decoration: none; }\n.j4m img, .j4m svg { display: block; max-width: 100%; height: auto; }\n.j4m button { font: inherit; cursor: pointer; border: none; background: none; }\n.j4m input, .j4m select, .j4m textarea {\n  font: inherit;\n  background: transparent;\n  border-radius: 0;\n}\n.j4m input:focus, .j4m select:focus, .j4m textarea:focus { outline: none; }\n\n\/* =========================================================\n   4MATT \u2014 Brand Tokens\n   ========================================================= *\/\n:root {\n  \/* === Cores base === *\/\n  --c-ink:         #201E4B;\n  --c-purple-deep: #58178B;\n  --c-purple:      #9156F1;\n  --c-paper:       #FFFFFF;\n  --c-mist:        #F4F2F8;\n  --c-line:        rgba(32, 30, 75, 0.10);\n  --c-line-dark:   rgba(255, 255, 255, 0.14);\n\n  \/* === Varia\u00e7\u00f5es de cor (hover states e superf\u00edcies) === *\/\n  --c-purple-light:       #a370ff;           \/* Hover prim\u00e1rio (bot\u00f5es, CTA, FAB) *\/\n  --c-purple-deep-hover:  #6b0d8f;           \/* Hover profundo (FAB secund\u00e1rio) *\/\n  --c-topbar-bg:          rgba(32, 30, 75, 0.92);   \/* Background sticky topbar *\/\n  --c-hero-panel-bg:      rgba(20, 16, 58, 0.82);   \/* Background painel hero *\/\n\n  \/* === Escala de transpar\u00eancias \u2014 roxo === *\/\n  --c-purple-alpha-xs:  rgba(145, 86, 241, 0.04);\n  --c-purple-alpha-sm:  rgba(145, 86, 241, 0.08);\n  --c-purple-alpha-md:  rgba(145, 86, 241, 0.18);\n  --c-purple-alpha-lg:  rgba(145, 86, 241, 0.40);\n  --c-purple-alpha-xl:  rgba(145, 86, 241, 0.55);\n  --c-purple-alpha-2xl: rgba(145, 86, 241, 0.70);\n\n  \/* === Escala de transpar\u00eancias \u2014 branco === *\/\n  --c-white-xs:  rgba(255, 255, 255, 0.04);\n  --c-white-sm:  rgba(255, 255, 255, 0.08);\n  --c-white-md:  rgba(255, 255, 255, 0.18);\n  --c-white-lg:  rgba(255, 255, 255, 0.55);\n  --c-white-xl:  rgba(255, 255, 255, 0.78);\n  --c-white-2xl: rgba(255, 255, 255, 0.85);\n\n  \/* === Escala de transpar\u00eancias \u2014 ink === *\/\n  --c-ink-alpha-sm: rgba(32, 30, 75, 0.38);\n  --c-ink-alpha-md: rgba(32, 30, 75, 0.70);\n  --c-ink-alpha-lg: rgba(32, 30, 75, 0.78);\n  --c-ink-alpha-xl: rgba(32, 30, 75, 0.85);\n\n  --f-display: 'Poppins', 'Helvetica Neue', Arial, sans-serif;\n  --f-mono:    'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;\n\n  --radius: 4px;\n  --gutter: clamp(20px, 4vw, 56px);\n  --max:    1240px;\n}\n\n\/* =========================================================\n   Reset\n   ========================================================= *\/\n.j4m *, .j4m *::before, .j4m *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; }\n.j4m {\n  font-family: var(--f-display);\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 1.6;\n  color: var(--c-ink);\n  background: var(--c-paper);\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  overflow-x: hidden;\n}\n.j4m img, .j4m svg { display: block; max-width: 100%; }\n.j4m a { color: inherit; text-decoration: none; }\n.j4m button { font: inherit; cursor: pointer; border: none; background: none; }\n.j4m input, .j4m select, .j4m textarea { font: inherit; color: inherit; }\n\n\/* =========================================================\n   Utilities\n   ========================================================= *\/\n.j4m .container {\n  max-width: var(--max);\n  margin: 0 auto;\n  padding: 0 var(--gutter);\n}\n.j4m .kicker {\n  font-family: var(--f-mono);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--c-purple);\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n}\n.j4m .kicker::before {\n  content: \"\";\n  width: 24px;\n  height: 1px;\n  background: currentColor;\n  display: inline-block;\n}\n.j4m .section-heading {\n  font-family: var(--f-display);\n  font-weight: 700;\n  letter-spacing: -0.025em;\n  line-height: 1.05;\n  font-size: clamp(36px, 5vw, 64px);\n  color: var(--c-ink);\n  margin-top: 16px;\n}\n\n\/* =========================================================\n   Top Bar\n   ========================================================= *\/\n.j4m .topbar {\n  position: sticky;\n  top: 0;\n  z-index: 50;\n  background: var(--c-topbar-bg);\n  backdrop-filter: saturate(180%) blur(12px);\n  -webkit-backdrop-filter: saturate(180%) blur(12px);\n  border-bottom: 1px solid var(--c-line-dark);\n  color: var(--c-paper);\n}\n.j4m .topbar__inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 68px;\n}\n.j4m .brand {\n  display: inline-flex;\n  align-items: center;\n  transition: opacity 0.2s ease;\n}\n.j4m .brand:hover { opacity: 0.85; }\n.j4m .brand__logo {\n  display: block;\n  width: 149px;\n  height: 37px;\n  background-image: url('https:\/\/4matt.com.br\/wp-content\/uploads\/2026\/08\/4matt-logo-jornada-mini.png');\n  background-repeat: no-repeat;\n  background-position: left center;\n  background-size: contain;\n}\n\/* Footer logo slightly larger for visual hierarchy *\/\n.j4m .footer__brand .brand__logo {\n  width: 144px;\n  height: 36px;\n}\n.j4m .topnav {\n  display: flex;\n  gap: 32px;\n  font-size: 14px;\n  font-weight: 500;\n}\n.j4m .topnav a {\n  color: var(--c-paper);\n  opacity: 0.78;\n  transition: opacity 0.2s, color 0.2s;\n  position: relative;\n}\n.j4m .topnav a:hover { opacity: 1; color: var(--c-paper); }\n.j4m .topnav a::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: -6px;\n  width: 0;\n  height: 1px;\n  background: var(--c-purple);\n  transition: width 0.25s ease;\n}\n.j4m .topnav a:hover::after { width: 100%; }\n.j4m .topbar__cta {\n  background: var(--c-purple);\n  color: var(--c-paper);\n  padding: 10px 22px;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: 0.01em;\n  transition: transform 0.2s, background 0.2s;\n}\n.j4m .topbar__cta:hover {\n  background: var(--c-purple-light);\n  color: var(--c-paper);\n  transform: translateY(-1px);\n}\n@media (max-width: 820px) {\n  .j4m .topnav { display: none; }\n}\n\n\/* =========================================================\n   Hero\n   ========================================================= *\/\n.j4m .hero {\n  position: relative;\n  background: var(--c-ink);\n  color: var(--c-paper);\n  padding: 36px 0 clamp(40px, 6vw, 80px);\n  overflow: hidden;\n}\n.j4m .hero::before {\n  \/* radial gradient for atmospheric depth *\/\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: transparent;\n  pointer-events: none;\n}\n.j4m .hero::after {\n  \/* subtle dot grid *\/\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-image: radial-gradient(var(--c-white-sm) 1px, transparent 1px);\n  background-size: 32px 32px;\n  mask-image: linear-gradient(180deg, transparent, black 30%, black 70%, transparent);\n  -webkit-mask-image: linear-gradient(180deg, transparent, black 30%, black 70%, transparent);\n  pointer-events: none;\n  z-index: 2;\n}\n.j4m .hero__bg-logo {\n  position: absolute;\n  bottom: 0;\n  right: max(0px, calc((100% - 1500px) \/ 2));\n  width: 70%;\n  max-width: 900px;\n  height: auto;\n  z-index: 1;\n  pointer-events: none;\n  display: block;\n}\n.j4m .hero__inner {\n  position: relative;\n  z-index: 3;\n  display: grid;\n  grid-template-columns: 1.4fr 1fr;\n  gap: clamp(40px, 6vw, 80px);\n  align-items: end;\n}\n@media (max-width: 960px) {\n  .j4m .hero__inner { grid-template-columns: 1fr; }\n}\n\n.j4m .hero__meta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px 24px;\n  font-family: var(--f-mono);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--c-white-lg);\n  margin-bottom: 28px;\n}\n.j4m .hero__meta span { display: inline-flex; align-items: center; gap: 8px; }\n.j4m .hero__meta span::before {\n  content: \"\";\n  width: 6px;\n  height: 6px;\n  background: var(--c-purple);\n  border-radius: 50%;\n  display: inline-block;\n}\n.j4m .hero h1 {\n  font-family: var(--f-display);\n  font-weight: 700;\n  font-size: clamp(38px, 8vw, 104px);\n  line-height: 0.96;\n  letter-spacing: -0.04em;\n  margin-bottom: 24px;\n  color: var(--c-paper);\n}\n.j4m .hero h1 .amp {\n  color: var(--c-purple);\n  font-weight: 300;\n  font-style: italic;\n  font-size: 0.95em;\n  padding: 0 0.05em;\n}\n.j4m .hero h1 .year {\n  display: block;\n  color: var(--c-purple);\n  font-weight: 800;\n  letter-spacing: -0.06em;\n}\n.j4m .hero__lead {\n  font-size: clamp(18px, 1.6vw, 22px);\n  font-weight: 300;\n  line-height: 1.45;\n  color: var(--c-white-2xl);\n  max-width: 580px;\n  margin-bottom: 36px;\n  -webkit-text-stroke: 4px var(--c-ink);\n  paint-order: stroke fill;\n}\n.j4m .hero__lead strong {\n  color: var(--c-paper);\n  font-weight: 600;\n}\n.j4m .hero__ctas {\n  display: flex;\n  flex-wrap: wrap;\n  gap: clamp(16px, 3vw, 32px);\n  align-items: center;\n}\n.j4m .btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px 32px;\n  font-weight: 600;\n  font-size: 15px;\n  letter-spacing: 0.005em;\n  border-radius: 999px;\n  transition: transform 0.2s, background 0.2s, box-shadow 0.2s, border-color 0.2s;\n  white-space: nowrap;\n}\n.j4m .btn--primary {\n  background: var(--c-purple);\n  color: var(--c-paper);\n  box-shadow: 0 12px 28px -10px var(--c-purple-alpha-xl);\n}\n.j4m .btn--primary:hover {\n  background: var(--c-purple-light);\n  color: var(--c-paper);\n  transform: translateY(-2px);\n  box-shadow: 0 16px 36px -10px rgba(145, 86, 241, 0.75);\n}\n.j4m .btn--ghost {\n  background: transparent;\n  color: var(--c-paper);\n  border: 1px solid rgba(255,255,255,0.25);\n}\n.j4m .btn--ghost:focus-visible {\n  outline: 2px solid var(--c-purple);\n  outline-offset: 3px;\n}\n.j4m .btn--ghost:hover {\n  border-color: var(--c-purple);\n  color: var(--c-purple);\n}\n.j4m .btn__arrow {\n  display: inline-block;\n  transition: transform 0.25s;\n}\n.j4m .btn:hover .btn__arrow { transform: translateX(4px); }\n\n\/* Hero side \u2014 stat panel *\/\n.j4m .hero__panel {\n  border: 1px solid rgba(255,255,255,0.22);\n  background: var(--c-hero-panel-bg);\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  padding: 16px;\n  border-radius: var(--radius);\n  position: relative;\n}\n.j4m .hero__panel-label {\n  font-family: var(--f-mono);\n  font-size: 10.5px;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--c-purple);\n  margin-bottom: 24px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.j4m .hero__panel-label .dot {\n  width: 8px; height: 8px;\n  background: var(--c-purple);\n  border-radius: 50%;\n  box-shadow: 0 0 0 4px var(--c-purple-alpha-md);\n  animation: pulse 2.4s ease-in-out infinite;\n}\n@keyframes pulse {\n  0%, 100% { box-shadow: 0 0 0 4px var(--c-purple-alpha-md); }\n  50%      { box-shadow: 0 0 0 8px var(--c-purple-alpha-xs); }\n}\n.j4m .hero__stats { display: grid; gap: 24px; }\n.j4m .hero__stat {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 18px;\n  padding: 16px 0;\n  border-bottom: 1px solid var(--c-line-dark);\n}\n.j4m .hero__stat:last-child { border-bottom: 0; }\n.j4m .hero__stat-num {\n  font-weight: 800;\n  font-size: 36px;\n  line-height: 1;\n  color: var(--c-paper);\n  letter-spacing: -0.04em;\n}\n.j4m .hero__stat-num small { color: var(--c-purple); font-weight: 700; }\n.j4m .hero__stat-label {\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.45;\n  color: var(--c-white-xl);\n  align-self: center;\n}\n\n\/* Marquee *\/\n.j4m .marquee {\n  background: var(--c-purple-deep);\n  color: var(--c-paper);\n  padding: 18px 0;\n  overflow: hidden;\n  position: relative;\n  border-top: 1px solid var(--c-white-sm);\n  border-bottom: 1px solid var(--c-white-sm);\n}\n.j4m .marquee__track {\n  display: flex;\n  gap: 56px;\n  font-family: var(--f-mono);\n  font-size: 12px;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  white-space: nowrap;\n  animation: scroll 40s linear infinite;\n  width: max-content;\n}\n.j4m .marquee__track span { display: inline-flex; align-items: center; gap: 56px; }\n.j4m .marquee__track span::after {\n  content: \"\u2726\";\n  color: var(--c-purple);\n}\n@keyframes scroll {\n  from { transform: translateX(0); }\n  to   { transform: translateX(-50%); }\n}\n@media (prefers-reduced-motion: reduce) {\n  .j4m .marquee__track { animation: none; }\n}\n\n\/* =========================================================\n   Manifesto \/ AI-First\n   ========================================================= *\/\n.j4m .manifesto {\n  padding: clamp(52px, 6.5vw, 91px) 0 clamp(40px, 5vw, 70px);\n  background: var(--c-paper);\n  position: relative;\n}\n.j4m .manifesto__inner {\n  display: grid;\n  grid-template-columns: 1.1fr 1fr;\n  gap: clamp(40px, 6vw, 96px);\n  align-items: start;\n}\n@media (max-width: 900px) {\n  .j4m .manifesto__inner { grid-template-columns: 1fr; }\n}\n.j4m .manifesto__chapter {\n  font-family: var(--f-mono);\n  font-size: 11px;\n  letter-spacing: 0.22em;\n  color: var(--c-purple-deep);\n  text-transform: uppercase;\n  border-top: 2px solid var(--c-ink);\n  padding-top: 16px;\n  margin-bottom: 24px;\n  font-weight: 500;\n}\n.j4m .manifesto h2 {\n  font-weight: 700;\n  font-size: clamp(28px, 3.8vw, 48px);\n  line-height: 1.05;\n  letter-spacing: -0.03em;\n  color: var(--c-ink);\n}\n.j4m .manifesto h2 em {\n  font-style: normal;\n  color: var(--c-purple-deep);\n  font-weight: 700;\n  position: relative;\n  display: inline-block;\n}\n.j4m .manifesto h2 em::after {\n  content: \"\";\n  position: absolute;\n  left: 0; right: 0; bottom: 0.06em;\n  height: 0.3em;\n  background: var(--c-purple-alpha-md);\n  z-index: -1;\n}\n.j4m .manifesto__body p {\n  font-size: 17px;\n  line-height: 1.7;\n  color: var(--c-ink-alpha-lg);\n  margin-bottom: 20px;\n}\n.j4m .manifesto__body p:first-child::first-letter {\n  font-size: 4.2em;\n  font-weight: 700;\n  color: var(--c-purple-deep);\n  float: left;\n  line-height: 0.9;\n  padding: 4px 14px 0 0;\n  letter-spacing: -0.03em;\n}\n.j4m .manifesto__body strong { color: var(--c-ink); font-weight: 600; }\n\n\/* Three pillars *\/\n.j4m .pillars {\n  margin-top: 56px;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1px;\n  background: var(--c-line);\n  border: 1px solid var(--c-line);\n}\n@media (max-width: 720px) { .j4m .pillars { grid-template-columns: 1fr; } }\n.j4m .pillar {\n  background: var(--c-paper);\n  padding: 32px 28px;\n  position: relative;\n  transition: background 0.3s;\n}\n.j4m .pillar:hover { background: var(--c-mist); }\n.j4m .pillar__num {\n  font-family: var(--f-mono);\n  font-size: 12px;\n  letter-spacing: 0.2em;\n  color: var(--c-purple);\n  margin-bottom: 14px;\n  font-weight: 500;\n}\n.j4m .pillar h3 {\n  font-size: 18px;\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  color: var(--c-ink);\n  margin-bottom: 8px;\n}\n.j4m .pillar p {\n  font-size: 14px;\n  line-height: 1.55;\n  color: var(--c-ink-alpha-md);\n}\n\n\/* =========================================================\n   Programa \u2014 Journey\n   ========================================================= *\/\n.j4m .program {\n  background: linear-gradient(180deg, var(--c-ink) 0%, #1a1842 100%);\n  color: var(--c-paper);\n  padding: clamp(80px, 10vw, 140px) 0;\n  position: relative;\n  overflow: hidden;\n}\n.j4m .program::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(ellipse 50% 40% at 90% 10%, var(--c-purple-alpha-md), transparent 60%),\n    radial-gradient(ellipse 40% 30% at 5% 90%, rgba(88, 23, 139, 0.25), transparent 60%);\n  pointer-events: none;\n}\n.j4m .program__head {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  gap: 40px;\n  align-items: end;\n  margin-bottom: 64px;\n  position: relative;\n  z-index: 2;\n}\n@media (max-width: 760px) {\n  .j4m .program__head { grid-template-columns: 1fr; }\n}\n.j4m .program h2 {\n  font-weight: 700;\n  font-size: clamp(36px, 5vw, 64px);\n  line-height: 1.05;\n  letter-spacing: -0.03em;\n  color: var(--c-paper);\n  margin-top: 16px;\n}\n.j4m .program__intro {\n  max-width: 380px;\n  font-size: 15px;\n  line-height: 1.6;\n  color: rgba(255,255,255,0.75);\n}\n\n\n\/* Timeline *\/\n.j4m .journey {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 32px;\n}\n.j4m .journey-line {\n  position: absolute;\n  left: 60px;\n  top: 40px;\n  bottom: 40px;\n  width: 1px;\n  border-left: 1px dashed var(--c-purple-alpha-lg);\n  z-index: 1;\n}\n@media (max-width: 720px) { .j4m .journey-line { display: none; } }\n\n.j4m .stage {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: 120px 1fr;\n  gap: 32px;\n  align-items: start;\n  padding: 28px 0;\n}\n@media (max-width: 720px) {\n  .j4m .stage { grid-template-columns: 1fr; gap: 16px; }\n}\n.j4m .stage__node {\n  width: 120px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: relative;\n}\n.j4m .stage__pin {\n  width: 56px;\n  height: 56px;\n  border-radius: 50%;\n  background: var(--c-ink);\n  border: 1px solid var(--c-purple);\n  display: grid;\n  place-items: center;\n  font-family: var(--f-mono);\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.06em;\n  color: var(--c-purple);\n  position: relative;\n  box-shadow: 0 0 0 6px var(--c-purple-alpha-sm);\n}\n.j4m .stage--active .stage__pin {\n  background: var(--c-purple);\n  color: var(--c-paper);\n  box-shadow: 0 0 0 8px var(--c-purple-alpha-md);\n}\n.j4m .stage__date {\n  font-family: var(--f-mono);\n  font-size: 10px;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--c-white-lg);\n  margin-top: 12px;\n  text-align: center;\n  font-weight: 500;\n}\n\n.j4m .stage__card {\n  background: var(--c-white-xs);\n  border: 1px solid var(--c-white-sm);\n  border-radius: var(--radius);\n  padding: 32px;\n  transition: border-color 0.25s, transform 0.25s, background 0.25s;\n}\n.j4m .stage__card:hover {\n  border-color: var(--c-purple);\n  transform: translateX(4px);\n  background: rgba(255,255,255,0.06);\n}\n.j4m .stage__tag {\n  font-family: var(--f-mono);\n  font-size: 11px;\n  letter-spacing: 0.18em;\n  color: var(--c-purple);\n  text-transform: uppercase;\n  margin-bottom: 12px;\n  font-weight: 500;\n}\n.j4m .stage__card h3 {\n  font-size: clamp(22px, 2.4vw, 30px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.15;\n  margin-bottom: 14px;\n  color: var(--c-paper);\n}\n.j4m .stage__card p {\n  color: var(--c-white-xl);\n  font-size: 15px;\n  line-height: 1.65;\n  margin-bottom: 20px;\n}\n.j4m .stage__card p:last-child { margin-bottom: 0; }\n.j4m .stage__chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 20px;\n}\n.j4m .chip {\n  display: inline-block;\n  padding: 6px 12px;\n  font-size: 12px;\n  font-weight: 500;\n  border: 1px solid rgba(255,255,255,0.15);\n  border-radius: 999px;\n  color: var(--c-white-2xl);\n  background: rgba(255,255,255,0.02);\n}\n.j4m .stage--featured .stage__card {\n  background: linear-gradient(135deg, var(--c-purple-deep) 0%, var(--c-ink) 100%);\n  border-color: var(--c-purple);\n}\n.j4m .stage--featured .stage__card h3 { color: var(--c-paper); }\n\n\/* Two columns within the financial split *\/\n.j4m .split {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n  margin-top: 20px;\n}\n@media (max-width: 640px) { .j4m .split { grid-template-columns: 1fr; } }\n.j4m .split__col {\n  background: rgba(0,0,0,0.18);\n  border-left: 2px solid var(--c-purple);\n  padding: 14px 18px;\n  border-radius: 2px;\n}\n.j4m .split__col strong {\n  display: block;\n  font-family: var(--f-mono);\n  font-size: 10.5px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--c-purple);\n  margin-bottom: 6px;\n  font-weight: 500;\n}\n.j4m .split__col span {\n  font-size: 13.5px;\n  color: rgba(255,255,255,0.85);\n  line-height: 1.5;\n}\n.j4m .stage__cta {\n  display: flex;\n  margin-top: 24px;\n}\n.j4m .stage__cta .btn {\n  justify-content: center;\n}\n@media (max-width: 640px) {\n  .j4m .stage__cta .btn { width: 100%; }\n}\n\n\/* =========================================================\n   Why Attend\n   ========================================================= *\/\n.j4m .why {\n  padding: clamp(80px, 10vw, 140px) 0;\n  background: var(--c-mist);\n}\n.j4m .why__head {\n  text-align: center;\n  max-width: 760px;\n  margin: 0 auto 72px;\n}\n.j4m .why__head h2 {\n  font-weight: 700;\n  font-size: clamp(36px, 5vw, 56px);\n  line-height: 1.05;\n  letter-spacing: -0.03em;\n  color: var(--c-ink);\n  margin-top: 16px;\n}\n.j4m .why__head p {\n  margin-top: 20px;\n  font-size: 17px;\n  line-height: 1.6;\n  color: var(--c-ink-alpha-md);\n}\n.j4m .why__head .kicker {\n  justify-content: center;\n}\n.j4m .why__head .kicker::before { display: none; }\n.j4m .why__layout {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: clamp(28px, 4vw, 48px);\n}\n.j4m .why__pair {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 24px;\n}\n@media (max-width: 720px) { .j4m .why__pair { grid-template-columns: 1fr; } }\n.j4m .benefit {\n  background: var(--c-paper);\n  border: 1px solid var(--c-line);\n  border-radius: var(--radius);\n  padding: 40px 36px;\n  position: relative;\n  transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;\n}\n.j4m .benefit:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 24px 48px -24px rgba(32, 30, 75, 0.18);\n  border-color: var(--c-purple);\n}\n.j4m .benefit__icon {\n  width: 48px;\n  height: 48px;\n  background: var(--c-ink);\n  border-radius: var(--radius);\n  display: grid;\n  place-items: center;\n  margin-bottom: 28px;\n  color: var(--c-purple);\n}\n.j4m .benefit__icon svg { width: 24px; height: 24px; }\n.j4m .benefit h3 {\n  font-size: clamp(20px, 2vw, 24px);\n  font-weight: 600;\n  letter-spacing: -0.015em;\n  color: var(--c-ink);\n  margin-bottom: 14px;\n  line-height: 1.2;\n}\n.j4m .benefit p {\n  font-size: 15.5px;\n  line-height: 1.65;\n  color: var(--c-ink-alpha-md);\n}\n\n\/* Photo strip between benefit cards *\/\n.j4m .why__photos {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n  border-radius: var(--radius);\n}\n@media (max-width: 720px) { .j4m .why__photos { grid-template-columns: 1fr; } }\n.j4m .why__photo {\n  position: relative;\n  border-radius: var(--radius);\n  overflow: hidden;\n  aspect-ratio: 5 \/ 3;\n  background: var(--c-ink);\n  box-shadow: 0 16px 36px -16px rgba(32, 30, 75, 0.25);\n}\n.j4m .why__photo img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.6s ease;\n}\n.j4m .why__photo:hover img { transform: scale(1.04); }\n.j4m .why__photo::after {\n  \/* subtle ink gradient for caption legibility *\/\n  content: \"\";\n  position: absolute;\n  left: 0; right: 0; bottom: 0;\n  height: 60%;\n  background: linear-gradient(180deg, transparent, var(--c-ink-alpha-xl));\n  pointer-events: none;\n}\n.j4m .why__photo figcaption {\n  position: absolute;\n  left: 0; right: 0; bottom: 0;\n  padding: 22px 24px;\n  z-index: 2;\n  font-family: var(--f-display);\n  color: var(--c-paper);\n}\n.j4m .why__photo figcaption strong {\n  display: block;\n  font-size: 16px;\n  font-weight: 600;\n  letter-spacing: -0.01em;\n}\n.j4m .why__photo figcaption span {\n  font-family: var(--f-mono);\n  font-size: 10.5px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--c-paper);\n  display: inline-block;\n  margin-bottom: 6px;\n  font-weight: 500;\n}\n\n\/* =========================================================\n   Cases \u2014 2025 references\n   ========================================================= *\/\n.j4m .cases {\n  padding: clamp(43px, 4.8vw, 72px) 0;\n  background: var(--c-paper);\n  border-top: 1px solid var(--c-line);\n  border-bottom: 1px solid var(--c-line);\n}\n.j4m .cases__inner {\n  text-align: center;\n}\n.j4m .cases__label {\n  font-family: var(--f-mono);\n  font-size: 11px;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: rgba(32, 30, 75, 0.55);\n  margin-bottom: 16px;\n  font-weight: 500;\n}\n.j4m .cases__list {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  gap: clamp(28px, 5vw, 72px);\n  color: var(--c-ink);\n}\n.j4m .cases__list .case-logo {\n  display: inline-flex;\n  align-items: center;\n  opacity: 0.4;\n  transition: opacity 0.3s ease, color 0.3s ease, transform 0.3s ease;\n}\n.j4m .cases__list .case-logo:hover {\n  opacity: 1;\n  color: var(--c-purple-deep);\n  transform: translateY(-2px);\n}\n.j4m .cases__list .case-logo svg {\n  display: block;\n  height: clamp(22px, 2.4vw, 30px);\n  width: auto;\n  fill: currentColor;\n}\n\n\/* =========================================================\n   Registration Form\n   ========================================================= *\/\n.j4m .signup {\n  padding: clamp(80px, 10vw, 140px) 0;\n  background: var(--c-paper);\n  position: relative;\n  overflow: hidden;\n}\n.j4m .signup::before {\n  content: \"\";\n  position: absolute;\n  top: 0; right: -10%;\n  width: 60%;\n  height: 100%;\n  background: radial-gradient(ellipse, var(--c-purple-alpha-sm), transparent 70%);\n  pointer-events: none;\n}\n.j4m .signup__inner {\n  position: relative;\n  display: grid;\n  grid-template-columns: 0.9fr 1.1fr;\n  gap: clamp(40px, 6vw, 96px);\n  align-items: start;\n}\n@media (max-width: 960px) {\n  .j4m .signup__inner { grid-template-columns: 1fr; }\n}\n.j4m .signup__copy h2 {\n  font-weight: 700;\n  font-size: clamp(36px, 5vw, 64px);\n  line-height: 1.02;\n  letter-spacing: -0.035em;\n  color: var(--c-ink);\n  margin-top: 16px;\n}\n.j4m .signup__copy h2 em {\n  font-style: normal;\n  color: var(--c-purple);\n}\n.j4m .signup__copy p {\n  margin-top: 24px;\n  font-size: 17px;\n  line-height: 1.65;\n  color: var(--c-ink-alpha-lg);\n  max-width: 420px;\n}\n.j4m .signup__perks {\n  margin-top: 36px;\n  display: grid;\n  gap: 14px;\n}\n.j4m .perk {\n  display: grid;\n  grid-template-columns: 28px 1fr;\n  gap: 14px;\n  align-items: start;\n  font-size: 14.5px;\n  line-height: 1.55;\n  color: var(--c-ink-alpha-xl);\n}\n.j4m .perk__check {\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  background: var(--c-purple);\n  color: var(--c-paper);\n  display: grid;\n  place-items: center;\n  font-weight: 700;\n  font-size: 12px;\n  margin-top: 2px;\n}\n\n\/* Form *\/\n.j4m .form-card {\n  background: var(--c-ink);\n  color: var(--c-paper);\n  border-radius: var(--radius);\n  padding: clamp(32px, 4vw, 48px);\n  position: relative;\n  box-shadow: 0 32px 64px -32px rgba(32, 30, 75, 0.4);\n}\n.j4m .form-card::before {\n  content: \"\";\n  position: absolute;\n  top: -1px; left: -1px; right: -1px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--c-purple-deep), var(--c-purple), var(--c-purple-deep));\n  border-radius: var(--radius) var(--radius) 0 0;\n}\n.j4m .form-card__head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 32px;\n  padding-bottom: 24px;\n  border-bottom: 1px solid var(--c-line-dark);\n}\n.j4m .form-card__title {\n  font-size: 20px;\n  font-weight: 600;\n  letter-spacing: -0.015em;\n}\n.j4m .form-card__id {\n  font-family: var(--f-mono);\n  font-size: 10px;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.5);\n}\n.j4m .form-card__id .live {\n  color: var(--c-purple);\n}\n.j4m form { display: grid; gap: 22px; }\n.j4m .field-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 22px;\n}\n@media (max-width: 580px) { .j4m .field-row { grid-template-columns: 1fr; } }\n.j4m .field { display: flex; flex-direction: column; }\n.j4m .field label {\n  font-family: var(--f-mono);\n  font-size: 10.5px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--c-white-lg);\n  margin-bottom: 10px;\n  font-weight: 500;\n}\n.j4m .field label .req { color: var(--c-purple); margin-left: 4px; }\n.j4m .field input, .j4m .field select, .j4m .field textarea {\n  background: var(--c-paper);\n  color: var(--c-ink);\n  border: 1px solid var(--c-white-sm);\n  padding: 13px 16px;\n  font-size: 15px;\n  font-weight: 400;\n  outline: none;\n  transition: border-color 0.2s, box-shadow 0.2s;\n  border-radius: var(--radius);\n  width: 100%;\n}\n.j4m .field input::placeholder, .j4m .field textarea::placeholder { color: var(--c-ink-alpha-sm); }\n.j4m .field input:focus, .j4m .field select:focus, .j4m .field textarea:focus {\n  border-color: var(--c-purple);\n  box-shadow: 0 0 0 3px var(--c-purple-alpha-md);\n}\n.j4m .field select {\n  appearance: none;\n  -webkit-appearance: none;\n  background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%239156F1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'\/><\/svg>\");\n  background-repeat: no-repeat;\n  background-position: right 16px center;\n  padding-right: 40px;\n  cursor: pointer;\n}\n.j4m .field select option { background: var(--c-paper); color: var(--c-ink); }\n.j4m .field select:invalid { color: var(--c-ink-alpha-sm); }\n.j4m .field textarea { min-height: 96px; resize: vertical; line-height: 1.5; }\n\n\/* Radio group \u2014 Trilha *\/\n.j4m .radio-group {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 10px;\n  margin-top: 4px;\n}\n@media (max-width: 580px) { .j4m .radio-group { grid-template-columns: 1fr; } }\n.j4m .radio-option {\n  position: relative;\n  cursor: pointer;\n  border: 1px solid rgba(255,255,255,0.18);\n  border-radius: var(--radius);\n  padding: 14px 16px;\n  transition: border-color 0.2s, background 0.2s;\n}\n.j4m .radio-option input {\n  position: absolute;\n  opacity: 0;\n  pointer-events: none;\n}\n.j4m .radio-option__title {\n  font-size: 13px;\n  font-weight: 600;\n  margin-bottom: 4px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.j4m .radio-option__title::before {\n  content: \"\";\n  width: 14px; height: 14px;\n  border: 1px solid rgba(255,255,255,0.4);\n  border-radius: 50%;\n  display: inline-block;\n  transition: all 0.2s;\n}\n.j4m .radio-option__desc {\n  font-size: 11.5px;\n  color: rgba(255,255,255,0.55);\n  font-family: var(--f-mono);\n  letter-spacing: 0.04em;\n}\n.j4m .radio-option:hover { border-color: rgba(145, 86, 241, 0.5); background: var(--c-purple-alpha-xs); }\n.j4m .radio-option input:checked ~ .radio-option__title::before {\n  background: var(--c-purple);\n  border-color: var(--c-purple);\n  box-shadow: inset 0 0 0 3px var(--c-ink);\n}\n.j4m .radio-option:has(input:checked) {\n  border-color: var(--c-purple);\n  background: var(--c-purple-alpha-sm);\n}\n\n\/* Checkbox *\/\n.j4m .checkbox {\n  display: grid;\n  grid-template-columns: 18px 1fr;\n  gap: 12px;\n  align-items: start;\n  font-size: 13px;\n  color: rgba(255,255,255,0.72);\n  cursor: pointer;\n  line-height: 1.5;\n  margin-top: 4px;\n}\n.j4m .checkbox input {\n  appearance: none;\n  -webkit-appearance: none;\n  width: 18px;\n  height: 18px;\n  border: 1px solid rgba(255,255,255,0.3);\n  border-radius: 3px;\n  cursor: pointer;\n  position: relative;\n  transition: all 0.2s;\n  margin-top: 1px;\n}\n.j4m .checkbox input:checked {\n  background: var(--c-purple);\n  border-color: var(--c-purple);\n}\n.j4m .checkbox input:checked::after {\n  content: \"\";\n  position: absolute;\n  left: 5px; top: 1px;\n  width: 5px; height: 10px;\n  border: solid var(--c-paper);\n  border-width: 0 2px 2px 0;\n  transform: rotate(45deg);\n}\n.j4m .checkbox a { color: var(--c-purple); text-decoration: underline; text-underline-offset: 2px; }\n\n.j4m .form-submit {\n  background: var(--c-purple);\n  color: var(--c-paper);\n  padding: 18px 32px;\n  font-weight: 600;\n  font-size: 15px;\n  border-radius: 999px;\n  letter-spacing: 0.005em;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  transition: background 0.2s, transform 0.2s, box-shadow 0.2s;\n  margin-top: 12px;\n  box-shadow: 0 16px 32px -16px var(--c-purple-alpha-xl);\n}\n.j4m .form-submit:hover {\n  background: var(--c-purple-light);\n  transform: translateY(-2px);\n  box-shadow: 0 20px 40px -16px rgba(145, 86, 241, 0.8);\n}\n.j4m .form-submit:active { transform: translateY(0); }\n.j4m .form-submit:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n  transform: none;\n  box-shadow: none;\n}\n.j4m .form-submit__arrow { display: inline-block; transition: transform 0.2s; }\n.j4m .form-submit:hover .form-submit__arrow { transform: translateX(4px); }\n\n.j4m .form-disclaimer {\n  font-family: var(--f-mono);\n  font-size: 10.5px;\n  letter-spacing: 0.04em;\n  color: rgba(255,255,255,0.45);\n  line-height: 1.5;\n  margin-top: 4px;\n}\n\n\/* =========================================================\n   Footer\n   ========================================================= *\/\n.j4m footer {\n  background: var(--c-ink);\n  color: rgba(255,255,255,0.7);\n  padding: 64px 0 32px;\n  border-top: 1px solid rgba(255,255,255,0.06);\n}\n.j4m .footer__inner {\n  display: grid;\n  grid-template-columns: 2fr 1fr 1fr;\n  gap: 48px;\n  margin-bottom: 48px;\n}\n@media (max-width: 760px) { .j4m .footer__inner { grid-template-columns: 1fr; gap: 32px; } }\n.j4m .footer__brand .brand { color: var(--c-paper); margin-bottom: 16px; }\n.j4m .footer__brand p {\n  font-size: 14px;\n  line-height: 1.6;\n  max-width: 380px;\n}\n.j4m .footer__col h4 {\n  font-family: var(--f-mono);\n  font-size: 11px;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--c-paper);\n  margin-bottom: 16px;\n  font-weight: 600;\n}\n.j4m .footer__col ul { list-style: none; display: grid; gap: 10px; }\n.j4m .footer__col a {\n  font-size: 14px;\n  transition: color 0.2s;\n}\n.j4m .footer__col a:hover { color: var(--c-purple); }\n.j4m .footer__bottom {\n  border-top: 1px solid var(--c-white-sm);\n  padding-top: 24px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 16px;\n  font-family: var(--f-mono);\n  font-size: 11px;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.45);\n}\n.j4m .footer__bottom span:last-child { color: var(--c-purple); }\n\n\/* =========================================================\n   Floating Action Button (FAB)\n   ========================================================= *\/\n.j4m .fab-stack {\n  position: fixed;\n  right: clamp(16px, 2.5vw, 32px);\n  bottom: clamp(16px, 2.5vw, 32px);\n  z-index: 80;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 20px;\n  pointer-events: none;\n}\n.j4m .fab-stack > * { pointer-events: auto; }\n.j4m .fab {\n  position: relative;\n  z-index: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  padding: 16px 26px;\n  width: 266px;\n  background: var(--c-purple);\n  color: var(--c-paper);\n  font-family: var(--f-display);\n  font-weight: 600;\n  font-size: 14.5px;\n  letter-spacing: 0.005em;\n  border-radius: 999px;\n  box-shadow:\n    0 18px 36px -12px var(--c-purple-alpha-xl),\n    0 4px 12px -4px rgba(32, 30, 75, 0.3);\n  transition: transform 0.25s ease, background 0.2s ease, box-shadow 0.25s ease;\n  opacity: 0;\n  transform: translateY(20px);\n  pointer-events: none;\n  animation: fabIn 0.5s ease-out 1.2s forwards;\n}\n.j4m .fab--secondary { \n  animation-delay: 1.35s;\n  background: var(--c-purple-deep);\n}\n.j4m .fab--secondary:hover {\n  background: var(--c-purple-deep-hover);\n  color: var(--c-paper);\n}\n.j4m .fab--secondary::before {\n  background: var(--c-purple-deep);\n}\n@keyframes fabIn {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n    pointer-events: auto;\n  }\n}\n.j4m .fab::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background: var(--c-purple);\n  z-index: -1;\n  opacity: 0;\n}\n@keyframes fabPulse {\n  0%   { transform: scale(1);    opacity: 0.55; }\n  100% { transform: scale(1.35); opacity: 0;    }\n}\n.j4m .fab:hover {\n  background: var(--c-purple-light);\n  color: var(--c-paper);\n  transform: scale(1.08);\n  box-shadow:\n    0 24px 48px -12px var(--c-purple-alpha-2xl),\n    0 6px 16px -4px rgba(32, 30, 75, 0.35);\n}\n.j4m .fab:active { transform: translateY(-1px); }\n.j4m .fab__arrow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  background: var(--c-white-md);\n  font-size: 13px;\n  line-height: 1;\n  transition: transform 0.25s ease, background 0.2s ease;\n}\n.j4m .fab:hover .fab__arrow {\n  transform: translateX(3px);\n  background: rgba(255, 255, 255, 0.28);\n}\n@media (max-width: 480px) {\n  .j4m .fab {\n    padding: 14px 20px;\n    font-size: 13.5px;\n    width: auto;\n    max-width: calc(100vw - 32px);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .j4m .fab { animation: none; opacity: 1; transform: none; pointer-events: auto; }\n  .j4m .fab::before { animation: none; }\n}\n\n\/* =========================================================\n   Reveal animations on load\n   ========================================================= *\/\n@keyframes fadeUp {\n  from { opacity: 0; transform: translateY(24px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n.j4m .hero__meta, .j4m .hero h1, .j4m .hero__lead, .j4m .hero__ctas, .j4m .hero__panel {\n  animation: fadeUp 0.8s ease-out backwards;\n}\n.j4m .hero h1 { animation-delay: 0.10s; }\n.j4m .hero__lead { animation-delay: 0.20s; }\n.j4m .hero__ctas { animation-delay: 0.30s; }\n.j4m .hero__panel { animation-delay: 0.40s; }\n\n\/* Selection *\/\n.j4m ::selection { background: var(--c-purple); color: var(--c-paper); }\n<\/style>\n\n<!-- =========================================================\n     CONTE\u00daDO \u2014 envolvido em .j4m para isolar do tema WordPress\n     ========================================================= -->\n<div class=\"j4m\">\n\n<header class=\"topbar\">\n  <div class=\"container topbar__inner\">\n    <a href=\"#\" class=\"brand\" aria-label=\"4MATT \u2014 ITx Experts\">\n      <span class=\"brand__logo\" role=\"img\" aria-label=\"4MATT\"><\/span>\n    <\/a>\n    <nav class=\"topnav\" aria-label=\"Main navigation\">\n      <a href=\"#manifesto\">Vision<\/a>\n      <a href=\"#programa\">Program<\/a>\n      <a href=\"#beneficios\">Benefits<\/a>\n    <\/nav>\n    <a href=\"#inscricao\" class=\"topbar__cta\">Subscribe<\/a>\n  <\/div>\n<\/header>\n\n<!-- =========================================================\n     HERO\n     ========================================================= -->\n<section class=\"hero\">\n  <img data-recalc-dims=\"1\" decoding=\"async\" class=\"hero__bg-logo\" src=\"https:\/\/i0.wp.com\/4matt.com.br\/wp-content\/uploads\/2026\/05\/Design-sem-nome-5.png?w=1200&#038;ssl=1\" alt=\"\" aria-hidden=\"true\" loading=\"eager\" data-no-lazy=\"1\">\n  <div class=\"container hero__inner\">\n    <div class=\"hero__copy\">\n      <div class=\"hero__meta\">\n        <span>2026 Edition<\/span>\n        <span>Hybrid \u2014 2 webinars + 1 in-person forum<\/span>\n      <\/div>\n      <h1 style=\"word-spacing: -0.17em;\">\n        Journey<br>\n        ITAM<span class=\"amp\"> &amp;<\/span> CMDB<span class=\"amp\">+AI<\/span>\n        <span class=\"year\">2026.<\/span>\n      <\/h1>\n      <p class=\"hero__lead\">\n        From the <strong>operational visibility<\/strong> \u00e0 <strong>intelligence<\/strong> In the age of AI. Transform your ITAM and CMDB efforts in upcoming case studies. <strong>AI-Ready<\/strong> of the market.\n      <\/p>\n      <div class=\"hero__ctas\">\n        <a href=\"#inscricao\" class=\"btn btn--primary\">\n          Secure your spot.\n          <span class=\"btn__arrow\">\u2192<\/span>\n        <\/a>\n        <a href=\"#programa\" class=\"btn btn--ghost\">\n          View full program\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <aside class=\"hero__panel\" aria-label=\"Summary of the edition\">\n      <div class=\"hero__panel-label\">\n        <span class=\"dot\"><\/span>\n        THE JOURNEY:\n      <\/div>\n      <div class=\"hero__stats\">\n        <div class=\"hero__stat\">\n          <div class=\"hero__stat-num\">02<small>.<\/small><\/div>\n          <div class=\"hero__stat-label\">Technical webinars demonstrating the ITAM &amp; CMDB journey with AI.<\/div>\n        <\/div>\n        <div class=\"hero__stat\">\n          <div class=\"hero__stat-num\">01<small>.<\/small><\/div>\n          <div class=\"hero__stat-label\">In-person forum \u2014 morning dedicated to the financial sector, afternoon for all industries.<\/div>\n        <\/div>\n        <div class=\"hero__stat\">\n          <div class=\"hero__stat-num\">100<small>%<\/small><\/div>\n          <div class=\"hero__stat-label\">Exclusive content: complete e-book of the ITAM &amp; CMDB + AI Journey from 4MATT<\/div>\n        <\/div>\n      <\/div>\n    <\/aside>\n  <\/div>\n<\/section>\n\n<!-- Marquee -->\n<div class=\"marquee\" aria-hidden=\"true\">\n  <div class=\"marquee__track\">\n    <span>AI-Readiness<\/span>\n    <span>CMDB Health<\/span>\n    <span>SAM + HAM<\/span>\n    <span>ServiceNow<\/span>\n    <span>Agent Governance<\/span>\n    <span>DORA Compliance<\/span>\n    <span>FinOps<\/span>\n    <span>Discovery + Service Mapping<\/span>\n    <span>AI-Readiness<\/span>\n    <span>CMDB Health<\/span>\n    <span>SAM + HAM<\/span>\n    <span>ServiceNow<\/span>\n    <span>Agent Governance<\/span>\n    <span>DORA Compliance<\/span>\n    <span>FinOps<\/span>\n    <span>Discovery + Service Mapping<\/span>\n  <\/div>\n<\/div>\n\n<!-- =========================================================\n     MANIFESTO\n     ========================================================= -->\n<section class=\"manifesto\" id=\"manifesto\">\n  <div class=\"container manifesto__inner\">\n    <div>\n      <div class=\"manifesto__chapter\">\u2014 Chapter 1 \/ Vision<\/div>\n      <h2>\n        AI Readiness begins with what underpins every decision: <em>mapped assets<\/em>, <em>complete data<\/em>, <em>clear context<\/em>.\n      <\/h2>\n    <\/div>\n    <div class=\"manifesto__body\">\n      <p>\n        The ITAM &amp; CMDB + AI Journey of 2026 is <strong>100% aligned with AI practices<\/strong> that are already impacting IT operations today \u2014 and that will redefine yours in the coming turns. Hear what market experts already know to ensure a safe and promising direction for your projects.\n      <\/p>\n      <p>\n        Stay up-to-date with best practices for an ITAM. <strong>flawless<\/strong> and a CMDB <strong>healthy<\/strong>, Based on a straightforward approach to aligning with the AI era, this edition delves into agent governance, AI prediction, SAM + HAM integration, and the technical prerequisites to get your platform ready.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- =========================================================\n     PROGRAMA\n     ========================================================= -->\n<section class=\"program\" id=\"programa\">\n  <div class=\"container\">\n    <div class=\"program__head\">\n      <div>\n        <span class=\"kicker\">\u2014 Chapter 2 \/ Program 2026<\/span>\n        <h2>Three meetings.<br>A journey to<br>an &#039;AI-Ready&#039; future.<\/h2>\n      <\/div>\n    <\/div>\n\n    <div class=\"journey\">\n      <div class=\"journey-line\" aria-hidden=\"true\"><\/div>\n\n      <!-- Webinar 1 -->\n      <article class=\"stage stage--active\">\n        <div class=\"stage__node\">\n          <div class=\"stage__pin\">W1<\/div>\n          <div class=\"stage__date\">Webinar<\/div>\n        <\/div>\n        <div class=\"stage__card\">\n          <div class=\"stage__tag\">Webinar 01 \/ AI-First, AI-Ready. But how?<\/div>\n          <h3>June 23rd \u2013 The future of ITAM and CMDB in the AI Age<\/h3>\n          <p>\n            How artificial intelligence is redefining asset management and IT environment visibility.<br>Opening of the Journey: Where is the market heading, what results are possible, and how to start from scratch.\n          <\/p>\n          <div class=\"stage__chips\">\n            <span class=\"chip\">Strategy<\/span>\n            <span class=\"chip\">Market overview<\/span>\n            <span class=\"chip\">ITAM\/CMDB Maturity<\/span>\n            <span class=\"chip\">Quick wins<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- Webinar 2 -->\n      <article class=\"stage stage--active\">\n        <div class=\"stage__node\">\n          <div class=\"stage__pin\">W2<\/div>\n          <div class=\"stage__date\">Webinar<\/div>\n        <\/div>\n        <div class=\"stage__card\">\n          <div class=\"stage__tag\">Webinar 02 \/ Mandatory Stop: Governance<\/div>\n          <h3>July 21st \u2013 Governance as a competitive advantage<\/h3>\n          <p>\n            AI has already arrived at ITAM and CMDB, but has governance arrived alongside it?<br>Governance is key to increasing efficiency and maximizing the results of your IT.\n          <\/p>\n          <div class=\"stage__chips\">\n            <span class=\"chip\">AI-Ready<\/span>\n            <span class=\"chip\">Agent management<\/span>\n            <span class=\"chip\">Predictive AI<\/span>\n            <span class=\"chip\">Gen-AI<\/span>\n            <span class=\"chip\">CMDB Health<\/span>\n            <span class=\"chip\">Service Mapping<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- Forum presencial -->\n      <article class=\"stage stage--featured\">\n        <div class=\"stage__node\">\n          <div class=\"stage__pin\">\u2691<\/div>\n          <div class=\"stage__date\">In person<\/div>\n        <\/div>\n        <div class=\"stage__card\">\n          <div class=\"stage__tag\">Third Meeting \/ The Peak of the Journey<\/div>\n          <h3>11\/08 \u2013 ITAM &amp; CMDB Forum 2026 \u2014 In-Person Meeting<\/h3>\n          <p>\n            We&#039;ve reached the second edition of this special event, with a segmented format designed to deliver maximum value to each audience. Real-world enterprise case studies, executive panels, and hands-on workshops, all in a single day.\n          <\/p>\n          <div class=\"split\">\n            <div class=\"split__col\">\n              <strong>Morning \/ Finance and Insurance Sector<\/strong>\n              <span>Companies in the financial and insurance sectors speaking with industry peers \u2014 common challenges, greater operational resilience, robust governance, and strategic efficiency.<\/span>\n            <\/div>\n            <div class=\"split__col\">\n              <strong>Afternoon \/ All industries<\/strong>\n              <span>ITAM and CMDB in detail: energy, mining, media, retail, healthcare, manufacturing. Enterprise and mid-market case studies side-by-side.<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"stage__cta\">\n            <a href=\"https:\/\/4matt.com.br\/en\/forum-presencial-itam-cmdb-ia-forum-2026\/\" class=\"btn btn--primary\" aria-label=\"Register for the in-person ITAM and CMDB Forum 2026 event.\">\n              <span>Register for the in-person event.<\/span>\n              <span class=\"btn__arrow\" aria-hidden=\"true\">\u2192<\/span>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- =========================================================\n     WHY ATTEND\n     ========================================================= -->\n<section class=\"why\" id=\"beneficios\">\n  <div class=\"container\">\n    <div class=\"why__head\">\n      <span class=\"kicker\">Chapter 3 \/ You on this journey<\/span>\n      <h2>Why CIOs and tech leaders shouldn&#039;t miss this edition:<\/h2>\n      <p>\n        What changes in 2026 is the urgency: AI is already inside your IT, but to function it requires an impeccable ITAM and a healthy CMDB to accelerate value delivery.\n      <\/p>\n    <\/div>\n\n    <div class=\"why__layout\">\n      <div class=\"why__photos\" aria-label=\"Previous editions of the ITAM &amp; CMDB Conference\">\n        <figure class=\"why__photo\">\n          <img data-recalc-dims=\"1\" decoding=\"async\" loading=\"eager\" data-no-lazy=\"1\" src=\"https:\/\/i0.wp.com\/4matt.com.br\/wp-content\/uploads\/2026\/08\/foto-participante-jornada-tiny.jpg?w=1200&#038;ssl=1\" alt=\"Audience at the ITAM &amp; CMDB Conference during an in-person session.\">\n          <figcaption>\n            <span>Previous editions<\/span>\n            <strong>The auditorium was packed, decision-makers in the front row.<\/strong>\n          <\/figcaption>\n        <\/figure>\n        <figure class=\"why__photo\">\n          <img data-recalc-dims=\"1\" decoding=\"async\" loading=\"eager\" data-no-lazy=\"1\" src=\"https:\/\/i0.wp.com\/4matt.com.br\/wp-content\/uploads\/2026\/05\/DSC01061-1-scaled.jpg?w=1200&#038;ssl=1\" alt=\"Team 4MATT at the ITAM &amp; CMDB Forum\">\n          <figcaption>\n            <span>Behind the scenes 4MATT<\/span>\n            <strong>The team that builds this journey with you.<\/strong>\n          <\/figcaption>\n        <\/figure>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- =========================================================\n     CASES \u2014 2025 Reference brands\n     ========================================================= -->\n<section class=\"cases\" id=\"cases\">\n  <div class=\"container cases__inner\">\n    <div class=\"cases__label\">\u2014 Previous editions have featured brands such as: \u2014<\/div>\n    <div class=\"cases__list\">\n      <span class=\"case-logo\" role=\"img\" aria-label=\"OK\">\n        <svg viewbox=\"0 0 70 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <text x=\"0\" y=\"24\" font-family=\"Poppins, sans-serif\" font-weight=\"700\" font-size=\"24\" letter-spacing=\"-0.5\">OK<\/text>\n        <\/svg>\n      <\/span>\n      <span class=\"case-logo\" role=\"img\" aria-label=\"EDP\">\n        <svg viewbox=\"0 0 64 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <text x=\"0\" y=\"24\" font-family=\"Poppins, sans-serif\" font-weight=\"700\" font-size=\"24\" letter-spacing=\"-0.5\">EDP<\/text>\n        <\/svg>\n      <\/span>\n      <span class=\"case-logo\" role=\"img\" aria-label=\"Globo\">\n        <svg viewbox=\"0 0 84 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <text x=\"0\" y=\"24\" font-family=\"Poppins, sans-serif\" font-weight=\"700\" font-size=\"24\" letter-spacing=\"-0.5\">Globo<\/text>\n        <\/svg>\n      <\/span>\n      <span class=\"case-logo\" role=\"img\" aria-label=\"Bradesco\">\n        <svg viewbox=\"0 0 116 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <text x=\"0\" y=\"24\" font-family=\"Poppins, sans-serif\" font-weight=\"700\" font-size=\"24\" letter-spacing=\"-0.5\">Bradesco<\/text>\n        <\/svg>\n      <\/span>\n      <span class=\"case-logo\" role=\"img\" aria-label=\"ServiceNow\">\n        <svg viewbox=\"0 0 144 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <text x=\"0\" y=\"24\" font-family=\"Poppins, sans-serif\" font-weight=\"700\" font-size=\"24\" letter-spacing=\"-0.5\">ServiceNow<\/text>\n        <\/svg>\n      <\/span>\n      <span class=\"case-logo\" role=\"img\" aria-label=\"Generali\">\n        <svg viewbox=\"0 0 118 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <text x=\"0\" y=\"24\" font-family=\"Poppins, sans-serif\" font-weight=\"700\" font-size=\"24\" letter-spacing=\"-0.5\">Generali<\/text>\n        <\/svg>\n      <\/span>\n      <span class=\"case-logo\" role=\"img\" aria-label=\"Alive\">\n        <svg viewbox=\"0 0 78 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <text x=\"0\" y=\"24\" font-family=\"Poppins, sans-serif\" font-weight=\"700\" font-size=\"24\" letter-spacing=\"-0.5\">Alive<\/text>\n        <\/svg>\n      <\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- =========================================================\n     SIGNUP FORM\n     ========================================================= -->\n<section class=\"signup\" id=\"inscricao\">\n  <div class=\"container signup__inner\">\n    <div class=\"signup__copy\">\n      <span class=\"kicker\">Chapter 4 \/ Subscribe now<\/span>\n      <h2>Reserve your spot and <em>unlock<\/em> The entire journey.<\/h2>\n      <p>\n        A single registration guarantees your participation in the two initial webinars, the exclusive technical e-book, and priority access to the in-person forum.\n      <\/p>\n\n      <div class=\"signup__perks\">\n        <div class=\"perk\">\n          <div class=\"perk__check\">\u2713<\/div>\n          <div>Access to <strong>2 technical webinars<\/strong> live and recorded.<\/div>\n        <\/div>\n        <div class=\"perk\">\n          <div class=\"perk__check\">\u2713<\/div>\n          <div><strong>Exclusive e-book<\/strong> Regarding Processes &amp; People in ITAM\/CMDB.<\/div>\n        <\/div>\n        <div class=\"perk\">\n          <div class=\"perk__check\">\u2713<\/div>\n          <div>Priority invitation and discount for the <strong>In-Person Forum 2026<\/strong>.<\/div>\n        <\/div>\n        <div class=\"perk\">\n          <div class=\"perk__check\">\u2713<\/div>\n          <div>Access to <strong>community on WhatsApp<\/strong> with official announcements and benchmarks.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"form-card\">\n      <p class=\"form-card__closed-message\" style=\"margin:0;padding:24px 0;text-align:center;color:var(--fx-muted, #6e6881);font-size:1rem;\">\n        This form is no longer accepting submissions. Thank you for your interest.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- =========================================================\n     FLOATING CTAs \u2014 sempre vis\u00edveis\n     ========================================================= -->\n<div class=\"fab-stack\">\n  <a href=\"#inscricao\" class=\"fab\" aria-label=\"I want to register for the ITAM and CMDB 2026 Journey.\">\n    I want to register.\n    <span class=\"fab__arrow\" aria-hidden=\"true\">\u2192<\/span>\n  <\/a>\n  <a href=\"https:\/\/www.linkedin.com\/company\/4matttecnologia\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"fab fab--secondary\" aria-label=\"Follow 4MATT on LinkedIn (opens in a new tab)\">\n    Follow us on LinkedIn\n    <span class=\"fab__arrow\" aria-hidden=\"true\">\u2192<\/span>\n  <\/a>\n<\/div>\n\n<!-- =========================================================\n     FOOTER\n     ========================================================= -->\n<footer>\n  <div class=\"container\">\n    <div class=\"footer__inner\">\n      <div class=\"footer__brand\">\n        <a href=\"#\" class=\"brand\" aria-label=\"4MATT \u2014 ITx Experts\">\n          <span class=\"brand__logo\" role=\"img\" aria-label=\"4MATT\"><\/span>\n        <\/a>\n        <p>\n          Governance, control, and intelligence over IT assets. 4MATT is an Elite ServiceNow partner and a Brazilian leader in ITAM &amp; CMDB + AI.\n        <\/p>\n      <\/div>\n      <div class=\"footer__col\">\n        <h4>Journey 2026<\/h4>\n        <ul>\n          <li><a href=\"#manifesto\">Vision<\/a><\/li>\n          <li><a href=\"#programa\">Program<\/a><\/li>\n          <li><a href=\"#beneficios\">Benefits<\/a><\/li>\n          <li><a href=\"#inscricao\">Enrollment<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"footer__col\">\n        <h4>Contact<\/h4>\n        <ul>\n          <li><a href=\"mailto:info@4matt.com.br\">info@4matt.com.br<\/a><\/li>\n          <li><a href=\"https:\/\/4matt.com.br\/en\/\">4matt.com.br<\/a><\/li>\n          <li><a href=\"#\">LinkedIn<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"footer__bottom\">\n      <span>\u00a9 2019\u20132026 4Matt Labs \u00b7 All rights reserved.<\/span>\n      <span>ITAM &amp; CMDB + AI Journey \u00b7 2026 Edition<\/span>\n    <\/div>\n  <\/div>\n<\/footer>\n\n\n<\/div>\n<!-- \/.j4m -->\n\n<!-- HubSpot form embed inserido diretamente na se\u00e7\u00e3o de inscri\u00e7\u00e3o -->","protected":false},"excerpt":{"rendered":"<p>Vision Program Benefits Register 2026 Edition Hybrid \u2014 2 webinars + 1 in-person forum ITAM &amp; CMDB+AI Journey 2026. From operational visibility to intelligence in the AI age. Transform your ITAM and CMDB efforts into the next AI-Ready cases on the market. Secure your spot \u2192 View full program THE JOURNEY: 02. Technical webinars demonstrating the\u2026 <a title=\"ITAM CMDB IA Forum 2026\" class=\"read-more\" href=\"https:\/\/4matt.com.br\/en\/jornada-itam-cmdb-2026\/\" aria-label=\"Read more about ITAM CMDB IA Forum 2026\">Read more<\/a><\/p>","protected":false},"author":217054028,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","inline_featured_image":false,"_wpcom_ai_launchpad_about_page":false,"_wpcom_ai_launchpad_gallery_page":false,"_wpcom_ai_launchpad_contact_page":false,"_wpcom_ai_launchpad_events_page":false,"_wpcom_ai_launchpad_video_page":false,"_wpcom_ai_launchpad_portfolio_piece":false,"footnotes":""},"class_list":["post-949","page","type-page","status-publish"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PhhKzJ-fj","_links":{"self":[{"href":"https:\/\/4matt.com.br\/en\/wp-json\/wp\/v2\/pages\/949","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4matt.com.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/4matt.com.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/4matt.com.br\/en\/wp-json\/wp\/v2\/users\/217054028"}],"replies":[{"embeddable":true,"href":"https:\/\/4matt.com.br\/en\/wp-json\/wp\/v2\/comments?post=949"}],"version-history":[{"count":6,"href":"https:\/\/4matt.com.br\/en\/wp-json\/wp\/v2\/pages\/949\/revisions"}],"predecessor-version":[{"id":1968,"href":"https:\/\/4matt.com.br\/en\/wp-json\/wp\/v2\/pages\/949\/revisions\/1968"}],"wp:attachment":[{"href":"https:\/\/4matt.com.br\/en\/wp-json\/wp\/v2\/media?parent=949"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}