{"id":112,"date":"2026-08-11T08:01:07","date_gmt":"2026-08-11T08:01:07","guid":{"rendered":"https:\/\/yumen.tech\/?page_id=112"},"modified":"2026-08-25T16:17:20","modified_gmt":"2026-08-25T16:17:20","slug":"home","status":"publish","type":"page","link":"https:\/\/yumen.tech\/en\/home\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"alignwide wp-block-code\">\n\t<div class=\"cm-editor\">\n\t\t<div class=\"cm-scroller\">\n\t\t\t\n<pre>\n<code><div class=\"cm-line\"><\/div><\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@600;700;800&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');\n\n.entry-content .yumen-page,\n.site-content .yumen-page,\narticle .yumen-page {\n  max-width: none !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  float: none !important;\n}\n.entry-content .yumen-page * {\n  box-sizing: border-box !important;\n}\n.yumen-page {\n  --ink: #12283A !important;\n  --ink-soft: #445A67 !important;\n  --paper: #F5F6F2 !important;\n  --paper-warm: #EFF1EA !important;\n  --white: #FFFFFF !important;\n  --tint: #EAF0EE !important;\n  --tint-strong: #DCE7E3 !important;\n  --mint: #00A88E !important;\n  --mint-dark: #00816D !important;\n  --coral: #EA5B13 !important;\n  --coral-dark: #BF4A0F !important;\n  --line: #DBDED6 !important;\n  --font-display: 'Manrope', 'Inter', sans-serif !important;\n  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\n  --font-mono: 'IBM Plex Mono', 'SF Mono', monospace !important;\n  --step-0: clamp(1rem, 0.95rem + 0.25vw, 1.125rem) !important;\n  --step-1: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem) !important;\n  --step-2: clamp(1.75rem, 1.5rem + 1vw, 2.25rem) !important;\n  --step-3: clamp(2.25rem, 1.9rem + 1.5vw, 3.25rem) !important;\n  --step-4: clamp(3rem, 2.3rem + 3vw, 5rem) !important;\n  --content-width: 1180px !important;\n  --gutter: clamp(1.25rem, 4vw, 3rem) !important;\n  --radius: 6px !important;\n}\n.yumen-page .team-card {\n  text-align: left !important;\n}\n.yumen-page .team-photo {\n  aspect-ratio: 1\/1 !important;\n  border-radius: var(--radius) !important;\n  background: var(--tint) !important;\n  margin-bottom: 1rem !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  color: var(--mint) !important;\n  overflow: hidden !important;\n}\n.yumen-page .team-card h4 {\n  margin-bottom: 0.15em !important;\n}\n.yumen-page *,\n.yumen-page *::before,\n.yumen-page *::after {\n  box-sizing: border-box !important;\n}\n@media (prefers-reduced-motion: reduce) {\n.yumen-page *,\n.yumen-page *::before,\n.yumen-page *::after {\n  animation-duration: 0.01ms !important;\n  animation-iteration-count: 1 !important;\n  transition-duration: 0.01ms !important;\n  scroll-behavior: auto !important;\n}\n}\n.yumen-page {\n  margin: 0 !important;\n  overflow-x: hidden !important;\n  font-family: var(--font-body) !important;\n  font-size: var(--step-0) !important;\n  line-height: 1.6 !important;\n  color: var(--ink) !important;\n  background: var(--paper) !important;\n  -webkit-font-smoothing: antialiased !important;\n}\n.yumen-page img,\n.yumen-page svg {\n  max-width: 100% !important;\n  display: block !important;\n}\n.yumen-page h1,\n.yumen-page h2,\n.yumen-page h3,\n.yumen-page h4 {\n  font-family: var(--font-display) !important;\n  font-weight: 700 !important;\n  line-height: 1.08 !important;\n  margin: 0 0 0.5em !important;\n  color: var(--ink) !important;\n  letter-spacing: -0.02em !important;\n}\n.yumen-page h1 {\n  font-size: var(--step-4) !important;\n  font-weight: 700 !important;\n}\n.yumen-page h2 {\n  font-size: var(--step-3) !important;\n  font-weight: 700 !important;\n}\n.yumen-page h3 {\n  font-size: var(--step-2) !important;\n  font-weight: 600 !important;\n}\n.yumen-page h4 {\n  font-size: var(--step-1) !important;\n  font-weight: 600 !important;\n}\n.yumen-page p {\n  margin: 0 0 1em !important;\n  color: var(--ink-soft) !important;\n}\n.yumen-page p.lead {\n  font-size: var(--step-1) !important;\n  color: var(--ink) !important;\n}\n.yumen-page a {\n  color: var(--ink) !important;\n}\n.yumen-page ul {\n  padding: 0 !important;\n  margin: 0 !important;\n  list-style: none !important;\n}\n.yumen-page .container {\n  max-width: var(--content-width) !important;\n  margin: 0 auto !important;\n  padding: 0 var(--gutter) !important;\n}\n.yumen-page .eyebrow {\n  font-family: var(--font-mono) !important;\n  font-size: 0.75rem !important;\n  letter-spacing: 0.14em !important;\n  text-transform: uppercase !important;\n  color: var(--ink) !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 0.6em !important;\n  margin-bottom: 1em !important;\n}\n.yumen-page .eyebrow::before {\n  content: '' !important;\n  width: 20px !important;\n  height: 1px !important;\n  background: var(--coral) !important;\n}\n.yumen-page a:focus-visible,\n.yumen-page button:focus-visible,\n.yumen-page input:focus-visible,\n.yumen-page textarea:focus-visible,\n.yumen-page select:focus-visible {\n  outline: 2px solid var(--coral) !important;\n  outline-offset: 3px !important;\n}\n.yumen-page .btn {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 0.6em !important;\n  font-family: var(--font-body) !important;\n  font-weight: 600 !important;\n  font-size: 0.95rem !important;\n  padding: 0.85em 1.5em !important;\n  border-radius: var(--radius) !important;\n  border: 1px solid transparent !important;\n  cursor: pointer !important;\n  text-decoration: none !important;\n  transition: transform 0.15s ease, background 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;\n}\n.yumen-page .btn:hover {\n  transform: translateY(-1px) !important;\n}\n.yumen-page .btn-primary {\n  background: var(--coral) !important;\n  color: var(--white) !important;\n}\n.yumen-page .btn-primary:hover {\n  background: var(--coral-dark) !important;\n}\n.yumen-page .btn-outline {\n  background: transparent !important;\n  color: var(--ink) !important;\n  border-color: var(--ink) !important;\n}\n.yumen-page .btn-outline:hover {\n  background: var(--ink) !important;\n  color: var(--white) !important;\n}\n.yumen-page .btn-ghost {\n  background: transparent !important;\n  color: var(--white) !important;\n  border-color: rgba(255,255,255,0.5) !important;\n}\n.yumen-page .btn-ghost:hover {\n  border-color: var(--white) !important;\n}\n.yumen-page .btn-arrow {\n  transition: transform 0.15s ease !important;\n}\n.yumen-page .btn:hover .btn-arrow {\n  transform: translateX(3px) !important;\n}\n.yumen-page .site-header {\n  position: sticky !important;\n  top: 0 !important;\n  z-index: 100 !important;\n  background: rgba(245, 246, 242, 0.92) !important;\n  backdrop-filter: blur(8px) !important;\n  border-bottom: 1px solid var(--line) !important;\n}\n.yumen-page .site-header .container {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  height: 76px !important;\n}\n.yumen-page .logo {\n  display: flex !important;\n  flex-direction: column !important;\n  text-decoration: none !important;\n  line-height: 1 !important;\n  flex-shrink: 0 !important;\n}\n.yumen-page .logo-img {\n  height: 32px !important;\n  width: auto !important;\n  display: block !important;\n  flex-shrink: 0 !important;\n}\n.yumen-page .footer-logo-img {\n  height: 30px !important;\n  width: auto !important;\n  display: block !important;\n  margin-bottom: 0.9rem !important;\n  flex-shrink: 0 !important;\n}\n.yumen-page .nav-links {\n  display: flex !important;\n  flex: 1 !important;\n  gap: clamp(0.5rem, 1.5vw, 1.5rem) !important;\n  align-items: center !important;\n  justify-content: center !important;\n  margin-left: clamp(1.5rem, 4vw, 3.5rem) !important;\n}\n.yumen-page .nav-links a {\n  flex: 1 !important;\n  text-align: center !important;\n  font-size: 0.92rem !important;\n  font-weight: 500 !important;\n  color: var(--ink-soft) !important;\n  text-decoration: none !important;\n  padding: 0.4em 0.3em !important;\n  border-bottom: 2px solid transparent !important;\n  white-space: nowrap !important;\n  transition: color 0.15s ease, border-color 0.15s ease !important;\n}\n.yumen-page .nav-links a:hover,\n.yumen-page .nav-links a[aria-current=\"page\"] {\n  color: var(--ink) !important;\n  border-color: var(--coral) !important;\n}\n.yumen-page .nav-cta {\n  display: flex !important;\n  gap: 0.75rem !important;\n  align-items: center !important;\n  margin-left: clamp(1.5rem, 4vw, 3.5rem) !important;\n}\n.yumen-page .nav-cta .btn {\n  white-space: nowrap !important;\n}\n.yumen-page .nav-cta-mobile {\n  display: none !important;\n}\n.yumen-page .nav-toggle {\n  display: none !important;\n  background: none !important;\n  border: none !important;\n  cursor: pointer !important;\n  padding: 0.7em !important;\n  margin: -0.7em !important;\n  width: 44px !important;\n  height: 44px !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n.yumen-page .nav-toggle span {\n  display: block !important;\n  width: 22px !important;\n  height: 2px !important;\n  background: var(--ink) !important;\n  margin: 5px 0 !important;\n  transition: transform 0.2s ease, opacity 0.2s ease !important;\n}\n.yumen-page .nav-toggle.is-open span:nth-child(1) {\n  transform: translateY(7px) rotate(45deg) !important;\n}\n.yumen-page .nav-toggle.is-open span:nth-child(2) {\n  opacity: 0 !important;\n}\n.yumen-page .nav-toggle.is-open span:nth-child(3) {\n  transform: translateY(-7px) rotate(-45deg) !important;\n}\nbody.nav-open {\n  overflow: hidden !important;\n}\n@media (max-width: 900px) {\n.yumen-page .nav-links {\n  position: absolute !important;\n  top: 100% !important;\n  left: 0 !important;\n  right: 0 !important;\n  background: var(--paper) !important;\n  flex-direction: column !important;\n  align-items: stretch !important;\n  padding: 0 var(--gutter) !important;\n  gap: 0 !important;\n  max-height: 0 !important;\n  overflow: hidden !important;\n  transition: max-height 0.3s ease !important;\n  border-bottom: 1px solid var(--line) !important;\n  box-shadow: 0 12px 24px rgba(18, 40, 58, 0.08) !important;\n}\n.yumen-page .nav-links.is-open {\n  max-height: 80vh !important;\n  padding: 0.5rem var(--gutter) 1.5rem !important;\n  overflow-y: auto !important;\n}\n.yumen-page .nav-links a {\n  flex: initial !important;\n  text-align: left !important;\n  font-size: 1.05rem !important;\n  padding: 0.95em 0.1em !important;\n  border-bottom: 1px solid var(--line) !important;\n  width: 100% !important;\n  white-space: normal !important;\n}\n.yumen-page .nav-links a[aria-current=\"page\"] {\n  color: var(--coral-dark) !important;\n  border-color: var(--line) !important;\n}\n.yumen-page .nav-cta {\n  display: none !important;\n}\n.yumen-page .nav-cta-mobile {\n  display: flex !important;\n  justify-content: center !important;\n  width: 100% !important;\n  margin-top: 1rem !important;\n}\n.yumen-page .nav-toggle {\n  display: flex !important;\n}\n}\n.yumen-page .hero,\n.yumen-page .page-hero {\n  position: relative !important;\n  overflow: hidden !important;\n  background: var(--paper) !important;\n}\n.yumen-page .hero {\n  padding: clamp(3rem, 8vw, 5.5rem) 0 clamp(3rem, 6vw, 5rem) !important;\n}\n.yumen-page .page-hero {\n  padding: clamp(2.75rem, 6vw, 4.25rem) 0 clamp(2.75rem, 5vw, 3.75rem) !important;\n}\n.yumen-page .hero-diagonal {\n  position: absolute !important;\n  top: 0 !important;\n  right: 0 !important;\n  bottom: 0 !important;\n  background: var(--ink) !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  z-index: 0 !important;\n  pointer-events: none !important;\n}\n.yumen-page .hero .hero-diagonal {\n  width: 40% !important;\n  clip-path: polygon(22% 0, 100% 0, 100% 100%, 0% 100%) !important;\n}\n.yumen-page .page-hero .hero-diagonal {\n  width: 40% !important;\n  clip-path: polygon(14% 0, 100% 0, 100% 100%, 0% 100%) !important;\n}\n.yumen-page .hero-diagonal svg {\n  width: 68% !important;\n  max-width: 220px !important;\n}\n.yumen-page .hero .hero-diagonal svg {\n  width: 72% !important;\n  max-width: 260px !important;\n}\n.yumen-page .page-hero .hero-diagonal svg {\n  width: 100% !important;\n  max-width: 380px !important;\n}\n.yumen-page .flex-forearm {\n  animation: armFlex 3.8s cubic-bezier(0.45,0,0.2,1) infinite !important;\n}\n@keyframes armFlex {\n  0%, 100% { transform: rotate(0deg); }\n  55% { transform: rotate(-24deg); }\n}\n.yumen-page .flex-thumb {\n  animation: thumbFlex 3.8s cubic-bezier(0.45,0,0.2,1) infinite !important;\n}\n.yumen-page .flex-idx {\n  animation: idxFlex 3.8s cubic-bezier(0.45,0,0.2,1) infinite !important;\n}\n.yumen-page .flex-mid {\n  animation: midFlex 3.8s cubic-bezier(0.45,0,0.2,1) infinite !important;\n}\n.yumen-page .flex-ring {\n  animation: ringFlex 3.8s cubic-bezier(0.45,0,0.2,1) infinite !important;\n}\n.yumen-page .flex-pinky {\n  animation: pinkyFlex 3.8s cubic-bezier(0.45,0,0.2,1) infinite !important;\n}\n@keyframes thumbFlex { 0%, 100% { transform: rotate(0deg); } 55% { transform: rotate(8deg); } }\n@keyframes idxFlex { 0%, 100% { transform: rotate(0deg); } 55% { transform: rotate(11deg); } }\n@keyframes midFlex { 0%, 100% { transform: rotate(0deg); } 55% { transform: rotate(13deg); } }\n@keyframes ringFlex { 0%, 100% { transform: rotate(0deg); } 55% { transform: rotate(13deg); } }\n@keyframes pinkyFlex { 0%, 100% { transform: rotate(0deg); } 55% { transform: rotate(11deg); } }\n.yumen-page .hero-diagonal-photo {\n  padding: 0 !important;\n}\n.yumen-page .hero-diagonal-photo img {\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  object-position: center 30% !important;\n  display: block !important;\n}\n.yumen-page .hero-diagonal-accent {\n  position: absolute !important;\n  inset: 0 !important;\n  width: 100% !important;\n  height: 100% !important;\n  max-width: none !important;\n  pointer-events: none !important;\n}\n@media (max-width: 860px) {\n.yumen-page .hero-diagonal {\n  display: block !important;\n  position: relative !important;\n  top: auto !important;\n  right: auto !important;\n  bottom: auto !important;\n  width: auto !important;\n  height: 220px !important;\n  margin: 0 calc(-1 * var(--gutter)) 1.75rem !important;\n  clip-path: none !important;\n}\n.yumen-page .hero-diagonal-accent {\n  display: none !important;\n}\n.yumen-page .hero .hero-diagonal-photo {\n  display: none !important;\n}\n.yumen-page .page-hero .hero-diagonal {\n  height: 130px !important;\n  margin-bottom: 1.5rem !important;\n  width: auto !important;\n}\n.yumen-page .page-hero .hero-diagonal svg {\n  max-width: 190px !important;\n}\n}\n.yumen-page .hero .container,\n.yumen-page .page-hero .container {\n  position: relative !important;\n  z-index: 1 !important;\n}\n.yumen-page .hero .container {\n  display: grid !important;\n  grid-template-columns: 1.15fr 0.85fr !important;\n  gap: clamp(2rem, 5vw, 4rem) !important;\n  align-items: center !important;\n}\n.yumen-page .hero h1 {\n  max-width: 12ch !important;\n}\n.yumen-page .hero .lead {\n  max-width: 42ch !important;\n}\n.yumen-page .hero-copy {\n  max-width: min(560px, 54%) !important;\n}\n.yumen-page .page-hero-copy {\n  max-width: min(560px, 54%) !important;\n  position: relative !important;\n  z-index: 1 !important;\n}\n.yumen-page .hero-actions {\n  display: flex !important;\n  flex-wrap: wrap !important;\n  gap: 0.9rem !important;\n  margin-top: 1.75rem !important;\n}\n.yumen-page .hero-art {\n  position: relative !important;\n  min-height: 1px !important;\n}\n@media (max-width: 860px) {\n.yumen-page .hero .container {\n  grid-template-columns: 1fr !important;\n}\n.yumen-page .hero-art {\n  display: none !important;\n}\n.yumen-page .hero-copy,\n.yumen-page .page-hero-copy {\n  max-width: 100% !important;\n}\n.yumen-page .hero h1,\n.yumen-page .page-hero h1 {\n  max-width: 100% !important;\n}\n.yumen-page .hero .lead,\n.yumen-page .page-hero .lead {\n  max-width: 100% !important;\n}\n}\n.yumen-page .page-hero .eyebrow {\n  margin-bottom: 1.2rem !important;\n}\n.yumen-page .page-hero h1 {\n  max-width: 20ch !important;\n}\n.yumen-page .page-hero .lead {\n  max-width: 55ch !important;\n}\n.yumen-page .status-pill {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 0.5em !important;\n  background: var(--coral) !important;\n  color: var(--white) !important;\n  font-family: var(--font-mono) !important;\n  font-size: 0.7rem !important;\n  letter-spacing: 0.06em !important;\n  padding: 0.4em 0.9em !important;\n  border-radius: 100px !important;\n  margin-bottom: 1.1rem !important;\n}\n.yumen-page .status-pill::before {\n  content: '\u25cf' !important;\n  font-size: 0.6rem !important;\n}\n.yumen-page .arc-motif {\n  color: var(--mint) !important;\n}\n.yumen-page .arc-divider {\n  display: flex !important;\n  justify-content: center !important;\n  padding: clamp(2rem, 5vw, 3.5rem) 0 !important;\n}\n.yumen-page .arc-divider svg {\n  width: 160px !important;\n  height: 40px !important;\n}\n.yumen-page section {\n  padding: clamp(3rem, 7vw, 5.5rem) 0 !important;\n}\n.yumen-page .section-alt {\n  background: var(--white) !important;\n}\n.yumen-page .section-tint {\n  background: var(--tint) !important;\n}\n.yumen-page .section-dark {\n  background: var(--ink) !important;\n  color: var(--white) !important;\n}\n.yumen-page .section-dark h2,\n.yumen-page .section-dark h3,\n.yumen-page .section-dark p.lead {\n  color: var(--white) !important;\n}\n.yumen-page .section-dark p {\n  color: rgba(255,255,255,0.78) !important;\n}\n.yumen-page .section-dark .eyebrow {\n  color: var(--tint) !important;\n}\n.yumen-page .section-dark .eyebrow::before {\n  background: var(--coral) !important;\n}\n.yumen-page .section-head {\n  max-width: 60ch !important;\n  margin-bottom: clamp(2rem, 4vw, 3rem) !important;\n}\n.yumen-page .section-head.center {\n  margin-left: auto !important;\n  margin-right: auto !important;\n  text-align: center !important;\n}\n.yumen-page .grid {\n  display: grid !important;\n  gap: clamp(1.25rem, 3vw, 2rem) !important;\n}\n.yumen-page .grid-2 {\n  grid-template-columns: repeat(2, 1fr) !important;\n}\n.yumen-page .grid-3 {\n  grid-template-columns: repeat(3, 1fr) !important;\n}\n.yumen-page .grid-4 {\n  grid-template-columns: repeat(4, 1fr) !important;\n}\n.yumen-page .grid-5 {\n  grid-template-columns: repeat(5, 1fr) !important;\n}\n.yumen-page .profile-card {\n  max-width: 500px !important;\n  margin: 0 auto !important;\n  text-align: center !important;\n}\n.yumen-page .profile-photo {\n  width: 240px !important;\n  height: 240px !important;\n  border-radius: 50% !important;\n  overflow: hidden !important;\n  margin: 0 auto 1.75rem !important;\n  background: var(--tint) !important;\n}\n@media (max-width: 380px) {\n.yumen-page .profile-photo {\n  width: 180px !important;\n  height: 180px !important;\n}\n}\n.yumen-page .profile-photo img {\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  display: block !important;\n}\n.yumen-page .profile-name {\n  margin-bottom: 0.25em !important;\n  font-size: clamp(1.75rem, 4vw, 2.25rem) !important;\n}\n.yumen-page .profile-role {\n  color: var(--mint) !important;\n  font-family: var(--font-mono) !important;\n  font-size: 1rem !important;\n  margin-bottom: 1.25rem !important;\n}\n.yumen-page .profile-bio {\n  color: var(--ink-soft) !important;\n  margin-bottom: 2.25rem !important;\n  font-size: 1.1rem !important;\n  line-height: 1.6 !important;\n}\n.yumen-page .link-list {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 0.85rem !important;\n}\n.yumen-page .link-card {\n  display: flex !important;\n  align-items: center !important;\n  gap: 1rem !important;\n  padding: 1.1rem 1.4rem !important;\n  border: 1px solid var(--line) !important;\n  border-radius: var(--radius) !important;\n  text-decoration: none !important;\n  color: var(--ink) !important;\n  font-weight: 600 !important;\n  font-size: 1.05rem !important;\n  transition: border-color 0.15s ease, background 0.15s ease !important;\n}\n.yumen-page .link-card:hover {\n  border-color: var(--coral) !important;\n  background: var(--paper-warm) !important;\n}\n.yumen-page .link-card .link-icon {\n  width: 38px !important;\n  height: 38px !important;\n  border-radius: 50% !important;\n  background: var(--ink) !important;\n  color: var(--white) !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  flex-shrink: 0 !important;\n  font-size: 1.05rem !important;\n}\n.yumen-page .usp-strip {\n  background: var(--paper-warm) !important;\n  border-radius: var(--radius) !important;\n  padding: clamp(2rem, 4vw, 2.75rem) clamp(1.5rem, 4vw, 2.5rem) !important;\n}\n.yumen-page .claims-panel {\n  max-height: 0 !important;\n  overflow: hidden !important;\n  transition: max-height 0.4s ease !important;\n}\n.yumen-page .claims-panel.is-open {\n  max-height: 2000px !important;\n}\n.yumen-page .claims-toggle-arrow {\n  display: inline-block !important;\n  transition: transform 0.2s ease !important;\n}\n.yumen-page .claims-toggle[aria-expanded=\"true\"] .claims-toggle-arrow {\n  transform: rotate(90deg) !important;\n}\n.yumen-page .step-details-toggle {\n  background: none !important;\n  border: none !important;\n  padding: 0.6em 0.4em !important;\n  margin: 0.75rem -0.4em 0 !important;\n  color: var(--mint) !important;\n  font-family: var(--font-mono) !important;\n  font-size: 0.82rem !important;\n  font-weight: 600 !important;\n  cursor: pointer !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 0.35rem !important;\n  min-height: 44px !important;\n}\n.yumen-page .step-details-toggle:hover {\n  color: var(--mint-dark) !important;\n}\n.yumen-page .step-details-panel {\n  max-height: 0 !important;\n  overflow: hidden !important;\n  transition: max-height 0.35s ease, margin-top 0.35s ease !important;\n  margin-top: 0 !important;\n}\n.yumen-page .step-details-panel.is-open {\n  max-height: 700px !important;\n  margin-top: 0.85rem !important;\n}\n.yumen-page .step-details-panel .grid > div {\n  min-width: 0 !important;\n}\n.yumen-page .step-details-panel strong {\n  display: block !important;\n  word-wrap: break-word !important;\n  overflow-wrap: break-word !important;\n}\n.yumen-page .step-details-list {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 0.85rem !important;\n}\n.yumen-page .usp-grid {\n  display: grid !important;\n  grid-template-columns: repeat(4, 1fr) !important;\n  gap: clamp(1.5rem, 3vw, 2rem) !important;\n}\n.yumen-page .usp-dot {\n  width: 14px !important;\n  height: 14px !important;\n  border-radius: 50% !important;\n  margin-bottom: 1rem !important;\n}\n.yumen-page .usp-dot.is-coral {\n  background: var(--coral) !important;\n}\n.yumen-page .usp-dot.is-mint {\n  background: var(--mint) !important;\n}\n.yumen-page .usp-item h4 {\n  font-size: 1rem !important;\n  margin-bottom: 0.4em !important;\n}\n.yumen-page .usp-item p {\n  font-size: 0.9rem !important;\n  color: var(--ink-soft) !important;\n  margin: 0 !important;\n}\n@media (max-width: 860px) {\n.yumen-page .usp-grid {\n  grid-template-columns: repeat(2, 1fr) !important;\n}\n}\n@media (max-width: 560px) {\n.yumen-page .usp-grid {\n  grid-template-columns: 1fr !important;\n}\n}\n@media (max-width: 860px) {\n.yumen-page .grid-2 {\n  grid-template-columns: 1fr !important;\n}\n}\n@media (max-width: 640px) {\n.yumen-page .grid-3,\n.yumen-page .grid-4,\n.yumen-page .grid-5 {\n  grid-template-columns: 1fr !important;\n}\n}\n@media (min-width: 641px) and (max-width: 860px) {\n.yumen-page .grid-3,\n.yumen-page .grid-4,\n.yumen-page .grid-5 {\n  grid-template-columns: repeat(2, 1fr) !important;\n}\n}\n@media (min-width: 861px) and (max-width: 1080px) {\n.yumen-page .grid-4,\n.yumen-page .grid-5 {\n  grid-template-columns: repeat(3, 1fr) !important;\n}\n}\n.yumen-page .card {\n  background: var(--white) !important;\n  border: 1px solid var(--line) !important;\n  border-radius: var(--radius) !important;\n  padding: clamp(1.5rem, 3vw, 2.25rem) !important;\n}\n.yumen-page .card h3,\n.yumen-page .card h4 {\n  margin-bottom: 0.5em !important;\n}\n.yumen-page .card p:last-child {\n  margin-bottom: 0 !important;\n}\n.yumen-page .benefit-item {\n  display: flex !important;\n  gap: 1rem !important;\n  align-items: flex-start !important;\n}\n.yumen-page .benefit-icon {\n  flex-shrink: 0 !important;\n  width: 44px !important;\n  height: 44px !important;\n  border-radius: 50% !important;\n  background: var(--tint) !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  color: var(--ink) !important;\n}\n.yumen-page .benefit-item h4 {\n  margin-bottom: 0.25em !important;\n  font-size: 1.05rem !important;\n}\n.yumen-page .benefit-item p {\n  margin: 0 !important;\n  font-size: 0.95rem !important;\n}\n.yumen-page .steps {\n  position: relative !important;\n}\n.yumen-page .step-card {\n  position: relative !important;\n  padding-top: 1rem !important;\n  text-align: center !important;\n}\n.yumen-page .step-arc {\n  margin: 0 auto 1.25rem !important;\n}\n.yumen-page .steps-left .step-card {\n  text-align: left !important;\n}\n.yumen-page .steps-left .step-arc {\n  margin: 0 0 1.25rem !important;\n}\n.yumen-page .steps-left.grid {\n  align-items: stretch !important;\n}\n.yumen-page .steps-left.grid-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n}\n@media (max-width: 640px) {\n.yumen-page .steps-left.grid-3 {\n  grid-template-columns: 1fr !important;\n}\n}\n@media (min-width: 641px) and (max-width: 860px) {\n.yumen-page .steps-left.grid-3 {\n  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n}\n}\n.yumen-page .steps-left .step-card {\n  background: var(--white) !important;\n  border: 1px solid var(--line) !important;\n  border-radius: var(--radius) !important;\n  padding: 1.5rem !important;\n  width: 100% !important;\n  min-width: 0 !important;\n  box-sizing: border-box !important;\n}\n.yumen-page .step-card .step-label {\n  font-family: var(--font-mono) !important;\n  font-size: 0.72rem !important;\n  letter-spacing: 0.12em !important;\n  text-transform: uppercase !important;\n  color: var(--coral-dark) !important;\n  margin-bottom: 0.4em !important;\n  display: block !important;\n}\n.yumen-page .testimonial {\n  background: var(--white) !important;\n  border-left: 3px solid var(--coral) !important;\n  padding: clamp(1.5rem, 3vw, 2.5rem) !important;\n  border-radius: var(--radius) !important;\n}\n.yumen-page .testimonial blockquote {\n  margin: 0 0 1rem !important;\n  font-family: var(--font-body) !important;\n  font-size: var(--step-1) !important;\n  font-weight: 500 !important;\n  color: var(--ink) !important;\n  line-height: 1.4 !important;\n}\n.yumen-page .testimonial cite {\n  font-style: normal !important;\n  font-family: var(--font-mono) !important;\n  font-size: 0.78rem !important;\n  color: var(--ink-soft) !important;\n  letter-spacing: 0.02em !important;\n}\n.yumen-page .photo-banner {\n  border-radius: 12px !important;\n  overflow: hidden !important;\n  line-height: 0 !important;\n}\n.yumen-page .photo-banner img {\n  width: 100% !important;\n  max-height: 460px !important;\n  object-fit: cover !important;\n  display: block !important;\n}\n.yumen-page .video-feature {\n  border-radius: 12px !important;\n  overflow: hidden !important;\n  background: var(--ink) !important;\n  box-shadow: 0 12px 32px rgba(18, 40, 58, 0.18) !important;\n  aspect-ratio: 16 \/ 9 !important;\n}\n.yumen-page .video-feature video {\n  width: 100% !important;\n  height: 100% !important;\n  display: block !important;\n  object-fit: cover !important;\n  background: var(--ink) !important;\n}\n.yumen-page .video-caption {\n  text-align: center !important;\n  font-size: 0.92rem !important;\n  color: var(--ink-soft) !important;\n  margin: 1rem 0 0 !important;\n}\n.yumen-page .video-caption a {\n  color: var(--coral-dark) !important;\n  font-weight: 600 !important;\n}\n.yumen-page .photo-grid {\n  display: grid !important;\n  gap: 1.25rem !important;\n}\n.yumen-page .photo-grid.grid-2 {\n  grid-template-columns: 1fr 1fr !important;\n}\n.yumen-page .photo-card {\n  border-radius: 12px !important;\n  overflow: hidden !important;\n  position: relative !important;\n  aspect-ratio: 4 \/ 3 !important;\n}\n.yumen-page .photo-card img {\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  display: block !important;\n}\n.yumen-page .photo-card figcaption {\n  position: absolute !important;\n  left: 0 !important;\n  right: 0 !important;\n  bottom: 0 !important;\n  background: linear-gradient(0deg, rgba(18,40,58,0.92) 20%, rgba(18,40,58,0.55) 60%, transparent) !important;\n  color: var(--white) !important;\n  font-size: 0.85rem !important;\n  line-height: 1.35 !important;\n  padding: 2.5rem 1rem 0.85rem !important;\n  margin: 0 !important;\n}\n@media (max-width: 700px) {\n.yumen-page .photo-grid.grid-2 {\n  grid-template-columns: 1fr !important;\n}\n.yumen-page .photo-card {\n  aspect-ratio: 16 \/ 11 !important;\n}\n.yumen-page .photo-card figcaption {\n  font-size: 0.82rem !important;\n  padding: 2.75rem 0.9rem 0.85rem !important;\n}\n}\n.yumen-page .spec-table {\n  width: 100% !important;\n  border-collapse: collapse !important;\n  font-family: var(--font-mono) !important;\n  font-size: 0.9rem !important;\n}\n.yumen-page .spec-table th,\n.yumen-page .spec-table td {\n  text-align: left !important;\n  padding: 0.9em 1em !important;\n  border-bottom: 1px solid var(--line) !important;\n}\n.yumen-page .spec-table th {\n  width: 40% !important;\n  color: var(--ink) !important;\n  font-weight: 500 !important;\n  letter-spacing: 0.02em !important;\n}\n.yumen-page .spec-table tr:last-child th,\n.yumen-page .spec-table tr:last-child td {\n  border-bottom: none !important;\n}\n@media (max-width: 560px) {\n.yumen-page .spec-table,\n.yumen-page .spec-table tbody,\n.yumen-page .spec-table tr,\n.yumen-page .spec-table th,\n.yumen-page .spec-table td {\n  display: block !important;\n  width: auto !important;\n}\n.yumen-page .spec-table tr {\n  padding: 0.7em 0 !important;\n  border-bottom: 1px solid var(--line) !important;\n}\n.yumen-page .spec-table tr:last-child {\n  border-bottom: none !important;\n}\n.yumen-page .spec-table th,\n.yumen-page .spec-table td {\n  padding: 0.15em 0 !important;\n  border-bottom: none !important;\n}\n.yumen-page .spec-table th {\n  color: var(--coral-dark) !important;\n  font-size: 0.78rem !important;\n}\n}\n.yumen-page .faq-item {\n  border-bottom: 1px solid var(--line) !important;\n}\n.yumen-page .faq-item:first-child {\n  border-top: 1px solid var(--line) !important;\n}\n.yumen-page .faq-question {\n  width: 100% !important;\n  text-align: left !important;\n  background: none !important;\n  border: none !important;\n  cursor: pointer !important;\n  padding: 1.4em 0 !important;\n  display: flex !important;\n  justify-content: space-between !important;\n  align-items: center !important;\n  gap: 1rem !important;\n  font-family: var(--font-body) !important;\n  font-weight: 600 !important;\n  font-size: 1.02rem !important;\n  color: var(--ink) !important;\n}\n.yumen-page .faq-icon {\n  flex-shrink: 0 !important;\n  transition: transform 0.2s ease !important;\n  color: var(--coral) !important;\n}\n.yumen-page .faq-item.is-open .faq-icon {\n  transform: rotate(45deg) !important;\n}\n.yumen-page .faq-answer {\n  max-height: 0 !important;\n  overflow: hidden !important;\n  transition: max-height 0.25s ease !important;\n}\n.yumen-page .faq-answer p {\n  padding-bottom: 1.4em !important;\n  margin: 0 !important;\n}\n.yumen-page .faq-item.is-open .faq-answer {\n  max-height: 400px !important;\n}\n.yumen-page .tag-list {\n  display: flex !important;\n  flex-wrap: wrap !important;\n  gap: 0.6rem !important;\n}\n.yumen-page .tag {\n  font-family: var(--font-mono) !important;\n  font-size: 0.78rem !important;\n  padding: 0.45em 0.9em !important;\n  border: 1px solid var(--line) !important;\n  border-radius: 100px !important;\n  color: var(--ink-soft) !important;\n  background: var(--white) !important;\n}\n.yumen-page .cta-banner {\n  background: var(--ink) !important;\n  color: var(--white) !important;\n  border-radius: var(--radius) !important;\n  padding: clamp(2rem, 5vw, 3.5rem) !important;\n  display: flex !important;\n  justify-content: space-between !important;\n  align-items: center !important;\n  gap: 2rem !important;\n  flex-wrap: wrap !important;\n}\n.yumen-page .cta-banner h3 {\n  color: var(--white) !important;\n  margin-bottom: 0.3em !important;\n}\n.yumen-page .cta-banner p {\n  color: rgba(255,255,255,0.75) !important;\n  margin: 0 !important;\n}\n.yumen-page .team-role {\n  font-family: var(--font-mono) !important;\n  font-size: 0.78rem !important;\n  color: var(--ink) !important;\n  margin-bottom: 0.6em !important;\n  display: block !important;\n}\n.yumen-page .team-card .team-photo {\n  cursor: pointer !important;\n}\n.yumen-page .team-bio {\n  max-height: 0 !important;\n  opacity: 0 !important;\n  overflow: hidden !important;\n  margin-top: 0 !important;\n  transition: max-height 0.35s ease, opacity 0.3s ease, margin-top 0.3s ease !important;\n}\n.yumen-page .team-card:hover .team-bio,\n.yumen-page .team-card.is-open .team-bio {\n  max-height: 320px !important;\n  opacity: 1 !important;\n  margin-top: 0.6em !important;\n}\n.yumen-page .stat-item {\n  text-align: left !important;\n}\n.yumen-page .stat-num {\n  font-family: var(--font-display) !important;\n  font-size: var(--step-3) !important;\n  color: var(--ink) !important;\n  font-weight: 700 !important;\n  line-height: 1 !important;\n  margin-bottom: 0.3em !important;\n}\n.yumen-page .stat-label {\n  font-size: 0.92rem !important;\n  color: var(--ink-soft) !important;\n}\n.yumen-page .section-dark .stat-num {\n  color: var(--white) !important;\n}\n.yumen-page .section-dark .stat-label {\n  color: rgba(255,255,255,0.7) !important;\n}\n.yumen-page .form-grid {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 1.25rem !important;\n}\n.yumen-page .form-grid .full {\n  grid-column: 1 \/ -1 !important;\n}\n@media (max-width: 700px) {\n.yumen-page .form-grid {\n  grid-template-columns: 1fr !important;\n}\n}\n.yumen-page .field label {\n  display: block !important;\n  font-size: 0.85rem !important;\n  font-weight: 600 !important;\n  margin-bottom: 0.45em !important;\n  color: var(--ink) !important;\n}\n.yumen-page .field .hint {\n  font-size: 0.8rem !important;\n  color: var(--ink-soft) !important;\n  margin-top: 0.35em !important;\n}\n.yumen-page .field input,\n.yumen-page .field select,\n.yumen-page .field textarea {\n  width: 100% !important;\n  font-family: var(--font-body) !important;\n  font-size: 0.95rem !important;\n  padding: 0.75em 0.9em !important;\n  border: 1px solid var(--line) !important;\n  border-radius: var(--radius) !important;\n  background: var(--white) !important;\n  color: var(--ink) !important;\n}\n.yumen-page .field textarea {\n  resize: vertical !important;\n  min-height: 120px !important;\n}\n.yumen-page .field input:focus,\n.yumen-page .field select:focus,\n.yumen-page .field textarea:focus {\n  outline: none !important;\n  border-color: var(--mint) !important;\n  box-shadow: 0 0 0 3px rgba(0, 168, 142, 0.15) !important;\n}\n.yumen-page .audience-tabs {\n  display: flex !important;\n  gap: 0.5rem !important;\n  margin-bottom: 2rem !important;\n  flex-wrap: wrap !important;\n}\n.yumen-page .audience-tab {\n  font-family: var(--font-mono) !important;\n  font-size: 0.82rem !important;\n  padding: 0.6em 1.1em !important;\n  border: 1px solid var(--line) !important;\n  border-radius: 100px !important;\n  background: var(--white) !important;\n  color: var(--ink-soft) !important;\n  cursor: pointer !important;\n}\n.yumen-page .audience-tab.is-active {\n  background: var(--ink) !important;\n  border-color: var(--ink) !important;\n  color: var(--white) !important;\n}\n.yumen-page .form-status {\n  margin-top: 1rem !important;\n  font-size: 0.9rem !important;\n  padding: 0.8em 1em !important;\n  border-radius: var(--radius) !important;\n  display: none !important;\n}\n.yumen-page .form-status.is-visible {\n  display: block !important;\n}\n.yumen-page .form-status.success {\n  background: var(--tint) !important;\n  color: var(--ink) !important;\n}\n.yumen-page .form-status.error {\n  background: #F7E4DB !important;\n  color: var(--coral-dark) !important;\n}\n.yumen-page .site-footer {\n  background: var(--ink) !important;\n  color: rgba(255,255,255,0.7) !important;\n  padding: clamp(2.5rem, 5vw, 4rem) 0 2rem !important;\n}\n.yumen-page .footer-grid {\n  display: grid !important;\n  grid-template-columns: 1.4fr 1fr 1fr 1fr !important;\n  gap: 2rem !important;\n  padding-bottom: 2.5rem !important;\n  border-bottom: 1px solid rgba(255,255,255,0.12) !important;\n}\n@media (max-width: 760px) {\n.yumen-page .footer-grid {\n  grid-template-columns: 1fr 1fr !important;\n}\n}\n@media (max-width: 480px) {\n.yumen-page .footer-grid {\n  grid-template-columns: 1fr !important;\n  gap: 1.75rem !important;\n}\n}\n.yumen-page .footer-grid .logo-word,\n.yumen-page .footer-grid .logo-sub {\n  color: var(--white) !important;\n}\n.yumen-page .footer-tagline {\n  font-size: 0.88rem !important;\n  margin-top: 0.9rem !important;\n  max-width: 28ch !important;\n  color: rgba(255,255,255,0.55) !important;\n}\n.yumen-page .footer-slogan {\n  font-family: var(--font-mono) !important;\n  font-size: 0.78rem !important;\n  letter-spacing: 0.04em !important;\n  color: var(--mint) !important;\n  margin: 0.9rem 0 0 !important;\n  text-transform: none !important;\n}\n.yumen-page .footer-col h5 {\n  font-family: var(--font-mono) !important;\n  font-size: 0.72rem !important;\n  letter-spacing: 0.12em !important;\n  text-transform: uppercase !important;\n  color: rgba(255,255,255,0.45) !important;\n  margin-bottom: 1em !important;\n}\n.yumen-page .footer-col ul li {\n  margin-bottom: 0.65em !important;\n}\n.yumen-page .footer-col a {\n  color: rgba(255,255,255,0.75) !important;\n  text-decoration: none !important;\n  font-size: 0.92rem !important;\n}\n.yumen-page .footer-col a:hover {\n  color: var(--white) !important;\n}\n.yumen-page .footer-compliance {\n  font-size: 0.78rem !important;\n  color: rgba(255,255,255,0.4) !important;\n  padding-top: 1.5rem !important;\n  margin: 0 !important;\n  max-width: 70ch !important;\n}\n.yumen-page .footer-bottom {\n  display: flex !important;\n  justify-content: space-between !important;\n  align-items: center !important;\n  padding-top: 1.5rem !important;\n  font-size: 0.8rem !important;\n  color: rgba(255,255,255,0.4) !important;\n  flex-wrap: wrap !important;\n  gap: 1rem !important;\n}\n.yumen-page .footer-socials {\n  display: flex !important;\n  gap: 1rem !important;\n}\n.yumen-page .footer-socials a {\n  color: rgba(255,255,255,0.55) !important;\n}\n.yumen-page .footer-socials a:hover {\n  color: var(--white) !important;\n}\n.yumen-page .site-footer .container {\n  max-width: var(--content-width) !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n  width: 100% !important;\n}\n.yumen-page .reveal {\n  opacity: 0 !important;\n  transform: translateY(16px) !important;\n  transition: opacity 0.6s ease, transform 0.6s ease !important;\n}\n.yumen-page .reveal.is-visible {\n  opacity: 1 !important;\n  transform: translateY(0) !important;\n}\n.yumen-page .mt-0 {\n  margin-top: 0 !important;\n}\n.yumen-page .text-center {\n  text-align: center !important;\n}\n.yumen-page .center-col {\n  margin-left: auto !important;\n  margin-right: auto !important;\n}\n.yumen-page .small {\n  font-size: 0.85rem !important;\n}\n.yumen-page .muted {\n  color: var(--ink-soft) !important;\n}\n<\/style>\n\n<div class=\"yumen-page\">\n<header class=\"site-header\">\n  <div class=\"container\">\n    <a href=\"https:\/\/yumen.tech\/home\/\" class=\"logo\">\n      <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/yumen.tech\/wp-content\/uploads\/2026\/08\/logo-horizontal-black.png?ssl=1\" alt=\"Yumen Bionics\" class=\"logo-img\">\n    <\/a>\n    <nav class=\"nav-links\" id=\"navLinks\">\n      <a href=\"https:\/\/yumen.tech\/home\/\" aria-current=\"page\">Home<\/a>\n      <a href=\"https:\/\/yumen.tech\/ex-one\/\">EX-one<\/a>\n      <a href=\"https:\/\/yumen.tech\/super-yumens-families\/\">Super Yumens &amp; families<\/a>\n      <a href=\"https:\/\/yumen.tech\/zorgprofessionals\/\">Zorgprofessionals<\/a>\n      <a href=\"https:\/\/yumen.tech\/over-yumen\/\">Over Yumen<\/a>\n      <a href=\"https:\/\/yumen.tech\/contact\/\">Contact<\/a>\n      <a href=\"https:\/\/yumen.tech\/super-yumens-families\/\" class=\"btn btn-primary nav-cta-mobile\">Check of EX-one bij je past<\/a>\n    <\/nav>\n    <div class=\"nav-cta\">\n      <a href=\"https:\/\/yumen.tech\/super-yumens-families\/\" class=\"btn btn-outline\">Check of EX-one bij je past<\/a>\n    <\/div>\n    <button class=\"nav-toggle\" aria-label=\"Menu openen\" aria-expanded=\"false\" id=\"navToggle\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/button>\n  <\/div>\n<\/header>\n\n<main>\n\n  <!-- Hero -->\n  <section class=\"hero\">\n    <div class=\"hero-diagonal hero-diagonal-photo\" aria-hidden=\"true\">\n      <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/yumen.tech\/wp-content\/uploads\/2026\/08\/photo-basketball.jpg?ssl=1\" alt=\"\">\n    <\/div>\n    <div class=\"container\">\n      <div class=\"hero-copy\">\n        <p class=\"footer-slogan\" style=\"margin:0 0 0.75rem;\">Yumen Bionics &mdash; Technology that moves.<\/p>\n        <h1>Supporting movement.<br>Enhancing independence.<\/h1>\n        <p class=\"lead\">De Yumen EX-one is een armondersteuner op basis van exoskelet-technologie. Het ondersteunt bij mensen met verminderde spierkracht in de armen, zodat dagelijkse handelingen weer mogelijk worden.<\/p>\n        <div class=\"hero-actions\">\n          <a href=\"https:\/\/yumen.tech\/check-of-de-ex-one-bij-jou-past\/\" class=\"btn btn-primary\">Check of de EX-one bij je past <span class=\"btn-arrow\">&rarr;<\/span><\/a>\n          <a href=\"https:\/\/yumen.tech\/zorgprofessionals\/\" class=\"btn btn-outline\">Voor zorgprofessionals<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"hero-art\"><\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- Video -->\n  <section>\n    <div class=\"container\">\n      <div class=\"reveal\">\n        <div class=\"video-feature\">\n          <video id=\"featureVideo\" controls muted playsinline preload=\"metadata\" poster=\"https:\/\/yumen.tech\/wp-content\/uploads\/2026\/08\/poster.jpg\">\n            <source src=\"https:\/\/videos.files.wordpress.com\/J8EKc5FS\/newsletter.mp4\" type=\"video\/mp4\">\n          <\/video>\n        <\/div>\n        <p class=\"video-caption\">Super Yumens &mdash; meld je aan voor de nieuwsbrief en blijf op de hoogte. <a href=\"https:\/\/yumen.tech\/nieuwsbrief\/\">Aanmelden &rarr;<\/a><\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Probleem & oplossing -->\n  <section class=\"section-alt\">\n    <div class=\"container\">\n      <div class=\"grid grid-2\" style=\"align-items:center;\">\n        <div class=\"reveal\">\n          <p class=\"eyebrow\">Waarom de EX-one<\/p>\n          <h2>Verlies van armfunctie is meer dan een fysieke beperking<\/h2>\n          <p>Wie kracht in de armen verliest door een spierziekte, verliest ook stukjes van het dagelijks leven: zelf eten, iemand vastpakken, achter de computer werken. De EX-one ondersteunt precies daar waar spierkracht tekortschiet, zodat die handelingen weer mogelijk worden &mdash; zonder dat er kracht bij hoeft.<\/p>\n        <\/div>\n        <div class=\"grid reveal\" style=\"gap:1.5rem;\">\n          <div class=\"benefit-item\">\n            <div class=\"benefit-icon\" aria-hidden=\"true\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 4v16M4 12h16\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg>\n            <\/div>\n            <div>\n              <h4>Meer zelfstandigheid<\/h4>\n              <p>Dagelijkse handelingen zelf blijven doen, in eigen tempo.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"benefit-item\">\n            <div class=\"benefit-icon\" aria-hidden=\"true\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3v18M6 8l6-5 6 5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/div>\n            <div>\n              <h4>Minder vermoeidheid<\/h4>\n              <p>Minder inspanning nodig per beweging, meer energie over voor de rest van de dag.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"benefit-item\">\n            <div class=\"benefit-icon\" aria-hidden=\"true\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"8\" r=\"3.2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M5 20c1.5-4 4.2-6 7-6s5.5 2 7 6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg>\n            <\/div>\n            <div>\n              <h4>Meer participatie<\/h4>\n              <p>Weer meedoen aan werk, hobby&#8217;s en sociale momenten.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Hoe het werkt -->\n  <section class=\"section-tint\">\n    <div class=\"container\">\n      <div class=\"section-head center reveal\">\n        <p class=\"eyebrow\" style=\"justify-content:center;\">Hoe het werkt<\/p>\n        <h2>Van eerste gesprek tot dagelijks gebruik<\/h2>\n      <\/div>\n      <div class=\"grid grid-5 steps\">\n        <div class=\"step-card reveal\">\n          <svg class=\"step-arc\" width=\"64\" height=\"48\" viewBox=\"0 0 64 48\" fill=\"none\" aria-hidden=\"true\">\n            <line x1=\"8\" y1=\"42\" x2=\"30\" y2=\"18\" stroke=\"var(--ink)\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n            <line x1=\"30\" y1=\"18\" x2=\"56\" y2=\"12\" stroke=\"var(--ink)\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n            <circle cx=\"8\" cy=\"42\" r=\"3\" fill=\"var(--ink)\"\/>\n            <circle cx=\"30\" cy=\"18\" r=\"5\" fill=\"var(--coral)\"\/>\n            <circle cx=\"56\" cy=\"12\" r=\"3.5\" fill=\"var(--mint)\"\/>\n          <\/svg>\n          <span class=\"step-label\">Stap 1<\/span>\n          <h4>Aanmelding<\/h4>\n        <\/div>\n        <div class=\"step-card reveal\">\n          <svg class=\"step-arc\" width=\"64\" height=\"48\" viewBox=\"0 0 64 48\" fill=\"none\" aria-hidden=\"true\">\n            <line x1=\"8\" y1=\"42\" x2=\"30\" y2=\"18\" stroke=\"var(--ink)\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n            <line x1=\"30\" y1=\"18\" x2=\"52\" y2=\"24\" stroke=\"var(--ink)\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n            <circle cx=\"8\" cy=\"42\" r=\"3\" fill=\"var(--ink)\"\/>\n            <circle cx=\"30\" cy=\"18\" r=\"5\" fill=\"var(--coral)\"\/>\n            <circle cx=\"52\" cy=\"24\" r=\"3.5\" fill=\"var(--mint)\"\/>\n          <\/svg>\n          <span class=\"step-label\">Stap 2<\/span>\n          <h4>Inmeting<\/h4>\n        <\/div>\n        <div class=\"step-card reveal\">\n          <svg class=\"step-arc\" width=\"64\" height=\"48\" viewBox=\"0 0 64 48\" fill=\"none\" aria-hidden=\"true\">\n            <line x1=\"8\" y1=\"42\" x2=\"30\" y2=\"18\" stroke=\"var(--ink)\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n            <line x1=\"30\" y1=\"18\" x2=\"48\" y2=\"32\" stroke=\"var(--ink)\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n            <circle cx=\"8\" cy=\"42\" r=\"3\" fill=\"var(--ink)\"\/>\n            <circle cx=\"30\" cy=\"18\" r=\"5\" fill=\"var(--coral)\"\/>\n            <circle cx=\"48\" cy=\"32\" r=\"3.5\" fill=\"var(--mint)\"\/>\n          <\/svg>\n          <span class=\"step-label\">Stap 3<\/span>\n          <h4>Passing<\/h4>\n        <\/div>\n        <div class=\"step-card reveal\">\n          <svg class=\"step-arc\" width=\"64\" height=\"48\" viewBox=\"0 0 64 48\" fill=\"none\" aria-hidden=\"true\">\n            <line x1=\"8\" y1=\"42\" x2=\"30\" y2=\"18\" stroke=\"var(--ink)\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n            <line x1=\"30\" y1=\"18\" x2=\"40\" y2=\"10\" stroke=\"var(--ink)\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n            <circle cx=\"8\" cy=\"42\" r=\"3\" fill=\"var(--ink)\"\/>\n            <circle cx=\"30\" cy=\"18\" r=\"5\" fill=\"var(--coral)\"\/>\n            <circle cx=\"40\" cy=\"10\" r=\"3.5\" fill=\"var(--mint)\"\/>\n          <\/svg>\n          <span class=\"step-label\">Stap 4<\/span>\n          <h4>Levering<\/h4>\n        <\/div>\n        <div class=\"step-card reveal\">\n          <svg class=\"step-arc\" width=\"64\" height=\"48\" viewBox=\"0 0 64 48\" fill=\"none\" aria-hidden=\"true\">\n            <line x1=\"8\" y1=\"42\" x2=\"30\" y2=\"18\" stroke=\"var(--ink)\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n            <line x1=\"30\" y1=\"18\" x2=\"24\" y2=\"40\" stroke=\"var(--ink)\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n            <circle cx=\"8\" cy=\"42\" r=\"3\" fill=\"var(--ink)\"\/>\n            <circle cx=\"30\" cy=\"18\" r=\"5\" fill=\"var(--coral)\"\/>\n            <circle cx=\"24\" cy=\"40\" r=\"3.5\" fill=\"var(--mint)\"\/>\n          <\/svg>\n          <span class=\"step-label\">Stap 5<\/span>\n          <h4>Training &amp; gebruik<\/h4>\n        <\/div>\n      <\/div>\n      <div class=\"text-center reveal\" style=\"margin-top:2.5rem;\">\n        <a href=\"https:\/\/yumen.tech\/super-yumens-families\/#traject\" class=\"btn btn-outline\">Bekijk het volledige traject <span class=\"btn-arrow\">&rarr;<\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n  <!-- USP's -->\n  <section class=\"section-alt\">\n    <div class=\"container\">\n      <div class=\"usp-strip\">\n        <div class=\"usp-grid\">\n          <div class=\"usp-item reveal\">\n            <div class=\"usp-dot is-coral\"><\/div>\n            <h4>Beide armen ondersteund<\/h4>\n            <p>Ondersteunt altijd beide armen tegelijk, voor een gelijkmatige belasting van de rompspieren.<\/p>\n          <\/div>\n          <div class=\"usp-item reveal\">\n            <div class=\"usp-dot is-mint\"><\/div>\n            <h4>Voor elke rolstoel<\/h4>\n            <p>Geschikt voor handbewogen &eacute;n elektrische rolstoelen &mdash; hoepelen blijft gewoon mogelijk.<\/p>\n          <\/div>\n          <div class=\"usp-item reveal\">\n            <div class=\"usp-dot is-coral\"><\/div>\n            <h4>Volledig mechanisch<\/h4>\n            <p>Geen motoren nodig: de EX-one ondersteunt jouw resterende spierkracht.<\/p>\n          <\/div>\n          <div class=\"usp-item reveal\">\n            <div class=\"usp-dot is-mint\"><\/div>\n            <h4>Grootste Range of Motion<\/h4>\n            <p>De grootste Range of Motion maakt de EX-one uniek &mdash; je reikt er moeiteloos mee hoog, laag en ver, waardoor veel meer dagelijkse activiteiten binnen handbereik komen.<\/p>\n          <\/div>\n        <\/div>\n        <div style=\"text-align:center;margin-top:1.75rem;\">\n          <button type=\"button\" class=\"btn btn-outline claims-toggle\" aria-expanded=\"false\">\n            <span class=\"claims-toggle-label\">Meer informatie over wat de EX-one kan<\/span> <span class=\"claims-toggle-arrow\" aria-hidden=\"true\">&rarr;<\/span>\n          <\/button>\n        <\/div>\n        <div class=\"claims-panel\">\n          <div class=\"grid grid-2\" style=\"margin-top:1.75rem;\">\n            <div class=\"card reveal\">\n              <h4>Beide armen tegelijk ondersteund<\/h4>\n              <p>De EX-one ondersteunt altijd beide armen tegelijk, voor een gelijkmatige belasting van de rompspieren tijdens dagelijkse handelingen.<\/p>\n            <\/div>\n            <div class=\"card reveal\">\n              <h4>Geschikt voor handbewogen, elektrische en trippelstoelen<\/h4>\n              <p>De EX-one kan bevestigd worden op handbewogen rolstoelen, elektrische rolstoelen &eacute;n trippelstoelen. Hoepelen blijft mogelijk op een handbewogen rolstoel.<\/p>\n            <\/div>\n            <div class=\"card reveal\">\n              <h4>Overplaatsbaar tussen stoelen<\/h4>\n              <p>De EX-one is van de stoel af te halen en over te plaatsen naar een andere stoel, zolang daar een adapter op bevestigd is. Zo ga je niet aan &eacute;&eacute;n stoel vast zitten.<\/p>\n            <\/div>\n            <div class=\"card reveal\">\n              <h4>Volledig mechanisch<\/h4>\n              <p>Geen motoren nodig: de EX-one werkt op basis van resterende spierkracht, zonder actieve aandrijving.<\/p>\n            <\/div>\n            <div class=\"card reveal\">\n              <h4>Grootste Range of Motion<\/h4>\n              <p>De grootste Range of Motion maakt de EX-one uniek &mdash; je reikt er moeiteloos mee hoog, laag en ver, waardoor veel meer dagelijkse activiteiten binnen handbereik komen.<\/p>\n            <\/div>\n            <div class=\"card reveal\">\n              <h4>Op maat afgesteld<\/h4>\n              <p>Tijdens de passing wordt de EX-one afgesteld op lichaam, bewegingsbereik en ondersteuningsbehoefte van de gebruiker.<\/p>\n            <\/div>\n            <div class=\"card reveal\">\n              <h4>Comfortabel contact via textielen sleeve<\/h4>\n              <p>In plaats van een harde armcup gebruikt de EX-one een zachte, textielen sleeve als contactpunt met je lichaam. Dat geeft meer comfort, je kunt je arm gewoon laten rusten op tafel of armleuning, en je blijft je omgeving voelen.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- Photo banner -->\n  <section>\n    <div class=\"container\">\n      <div class=\"photo-banner reveal\">\n        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/yumen.tech\/wp-content\/uploads\/2026\/08\/photo-table-tennis.jpg?ssl=1\" alt=\"Gebruiker van de EX-one speelt tafeltennis in de tuin\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Voor wie -->\n  <section class=\"section-alt\">\n    <div class=\"container\">\n      <div class=\"grid grid-2\" style=\"align-items:center;\">\n        <div class=\"reveal\">\n          <p class=\"eyebrow\">Voor wie<\/p>\n          <h2>Ontwikkeld voor mensen met verminderde armfunctie<\/h2>\n          <p>De EX-one is een hulpmiddel voor mensen met spierzwakte in de armen. Tot nu toe wordt de EX-one vooral gebruikt door mensen met de ziekte van Duchenne, maar de EX-one is geschikt voor iedereen met een ondersteuningsbehoefte van de armen &mdash; bijvoorbeeld door FSHD, SMA, Limb Girdle spierdystrofie of het syndroom van Ehlers-Danlos.<\/p>\n          <div class=\"tag-list\" style=\"margin:1.25rem 0 1.75rem;\">\n            <span class=\"tag\">Duchenne<\/span>\n            <span class=\"tag\">Brooke Scale 3<\/span>\n            <span class=\"tag\">FSHD<\/span>\n            <span class=\"tag\">SMA<\/span>\n            <span class=\"tag\">Limb Girdle<\/span>\n            <span class=\"tag\">Ehlers-Danlos<\/span>\n          <\/div>\n          <a href=\"https:\/\/yumen.tech\/super-yumens-families\/\" class=\"btn btn-primary\">Bekijk of de EX-one bij jou past <span class=\"btn-arrow\">&rarr;<\/span><\/a>\n        <\/div>\n        <div class=\"card reveal\">\n          <h4>Goed om te weten<\/h4>\n          <p>Niet iedereen met een spierziekte komt in aanmerking voor de EX-one. Ernstige contracturen, pijnklachten of een sterk beperkte rompmobiliteit kunnen contra-indicaties zijn.<\/p>\n          <a href=\"https:\/\/yumen.tech\/ex-one\/#indicaties\" class=\"small\">Lees meer over indicaties en contra-indicaties &rarr;<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Ervaringsverhalen -->\n  <section class=\"section-tint\">\n    <div class=\"container\">\n      <div class=\"section-head reveal\">\n        <p class=\"eyebrow\">Ervaringsverhalen<\/p>\n        <h2>Wat de EX-one betekent in het dagelijks leven<\/h2>\n      <\/div>\n      <div class=\"grid grid-2\">\n        <figure class=\"photo-card reveal\">\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/yumen.tech\/wp-content\/uploads\/2026\/08\/photo-playingcards.jpg?ssl=1\" alt=\"Gebruiker van de EX-one speelt kaart met een familielid\">\n          <figcaption>Samen kaarten &mdash; meedoen zonder dat een arm snel moe wordt.<\/figcaption>\n        <\/figure>\n        <div class=\"grid\" style=\"gap:1.25rem;\">\n          <div class=\"testimonial reveal\">\n            <blockquote>&#8220;Ik kan weer zelfstandig mijn waterfles pakken en eruit drinken. Dat klinkt heel klein, maar het verandert mijn hele dag.&#8221;<\/blockquote>\n            <cite>&mdash; Gebruiker, Duchenne<\/cite>\n          <\/div>\n          <div class=\"testimonial reveal\">\n            <blockquote>&#8220;Ik kan weer meedoen met spelletjes en activiteiten doen met mijn zusje zonder dat ik snel moe word. Daar word ik heel erg blij van!&#8221;<\/blockquote>\n            <cite>&mdash; Gebruiker, EX-one<\/cite>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"text-center reveal\" style=\"margin-top:2rem;\">\n        <a href=\"https:\/\/yumen.tech\/super-yumens-families\/#verhalen\" class=\"btn btn-outline\">Lees meer verhalen <span class=\"btn-arrow\">&rarr;<\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Voor professionals -->\n  <section class=\"section-dark\">\n    <div class=\"container\">\n      <div class=\"grid grid-2\" style=\"align-items:center;\">\n        <div class=\"reveal\">\n          <p class=\"eyebrow\">Voor zorgprofessionals<\/p>\n          <h2>Klinisch onderbouwd, in samenwerking met revalidatiecentra<\/h2>\n          <p>De EX-one is ontwikkeld en getest in samenwerking met revalidatieartsen en ergotherapeuten. Bekijk de klinische indicaties, evidence en trainingsmaterialen voor je praktijk.<\/p>\n          <a href=\"https:\/\/yumen.tech\/zorgprofessionals\/\" class=\"btn btn-ghost\">Naar de professional-pagina <span class=\"btn-arrow\">&rarr;<\/span><\/a>\n        <\/div>\n        <div class=\"grid grid-2 reveal\">\n          <div class=\"stat-item\">\n            <div class=\"stat-num\">Brooke 3<\/div>\n            <div class=\"stat-label\">Primaire klinische indicatie<\/div>\n          <\/div>\n          <div class=\"stat-item\">\n            <div class=\"stat-num\">3<\/div>\n            <div class=\"stat-label\">Type spierziekten onderzocht<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/main>\n<\/div>\n\n<script>\n\/\/ ==========================================================================\n\/\/ Yumen Bionics \u2014 shared front-end behaviour\n\/\/ ==========================================================================\n\ndocument.addEventListener('DOMContentLoaded', () => {\n\n  \/* Team card bio \u2014 tap to reveal on touch devices (hover already works on desktop via CSS) *\/\n  document.querySelectorAll('.team-card').forEach(card => {\n    const photo = card.querySelector('.team-photo');\n    if (!photo) return;\n    photo.addEventListener('click', () => {\n      const wasOpen = card.classList.contains('is-open');\n      document.querySelectorAll('.team-card.is-open').forEach(other => {\n        if (other !== card) other.classList.remove('is-open');\n      });\n      card.classList.toggle('is-open', !wasOpen);\n    });\n  });\n\n  \/* Mobile nav toggle ------------------------------------------------- *\/\n  const navToggle = document.querySelector('.nav-toggle');\n  const navLinks = document.querySelector('.nav-links');\n  if (navToggle && navLinks) {\n    const closeNav = () => {\n      navLinks.classList.remove('is-open');\n      navToggle.classList.remove('is-open');\n      navToggle.setAttribute('aria-expanded', 'false');\n      document.body.classList.remove('nav-open');\n    };\n    const openNav = () => {\n      navLinks.classList.add('is-open');\n      navToggle.classList.add('is-open');\n      navToggle.setAttribute('aria-expanded', 'true');\n      document.body.classList.add('nav-open');\n    };\n    navToggle.addEventListener('click', () => {\n      if (navLinks.classList.contains('is-open')) {\n        closeNav();\n      } else {\n        openNav();\n      }\n    });\n    navLinks.querySelectorAll('a').forEach(link => {\n      link.addEventListener('click', closeNav);\n    });\n    document.addEventListener('keydown', (e) => {\n      if (e.key === 'Escape') closeNav();\n    });\n  }\n\n  \/* FAQ accordion -------------------------------------------------------- *\/\n  document.querySelectorAll('.faq-item').forEach(item => {\n    const question = item.querySelector('.faq-question');\n    if (!question) return;\n    question.addEventListener('click', () => {\n      const wasOpen = item.classList.contains('is-open');\n      item.parentElement.querySelectorAll('.faq-item').forEach(i => {\n        i.classList.remove('is-open');\n        const q = i.querySelector('.faq-question');\n        if (q) q.setAttribute('aria-expanded', 'false');\n      });\n      if (!wasOpen) {\n        item.classList.add('is-open');\n        question.setAttribute('aria-expanded', 'true');\n      }\n    });\n  });\n\n  \/* Claims panel toggle --------------------------------------------------- *\/\n  document.querySelectorAll('.claims-toggle').forEach(btn => {\n    btn.addEventListener('click', () => {\n      const panel = btn.closest('.usp-strip').querySelector('.claims-panel');\n      if (!panel) return;\n      const isOpen = panel.classList.toggle('is-open');\n      btn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n      const label = btn.querySelector('.claims-toggle-label');\n      if (label) label.textContent = isOpen ? 'Verberg deze informatie' : 'Meer informatie over wat de EX-one kan';\n    });\n  });\n\n  \/* Step details toggle ---------------------------------------------------- *\/\n  document.querySelectorAll('.step-details-toggle').forEach(btn => {\n    btn.addEventListener('click', () => {\n      const panel = btn.closest('.step-card').querySelector('.step-details-panel');\n      if (!panel) return;\n      const isOpen = panel.classList.toggle('is-open');\n      btn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n      const label = btn.querySelector('.step-details-toggle-label');\n      const arrow = btn.querySelector('.claims-toggle-arrow');\n      if (label) label.textContent = isOpen ? 'Verberg details' : 'Duur, doorlooptijd en betrokkenen';\n      if (arrow) arrow.style.transform = isOpen ? 'rotate(90deg)' : 'rotate(0deg)';\n    });\n  });\n\n  \/* Audience tabs on contact page ---------------------------------------- *\/\n  const tabs = document.querySelectorAll('.audience-tab');\n  const panels = document.querySelectorAll('[data-audience-panel]');\n  const audienceField = document.getElementById('audience-type');\n\n  \/\/ Disable fields in inactive panels so only the visible panel's data\n  \/\/ is submitted (matters for real form posts, e.g. Netlify Forms).\n  function setPanelState(activeTarget) {\n    panels.forEach(panel => {\n      const isActive = panel.getAttribute('data-audience-panel') === activeTarget;\n      panel.style.display = isActive ? 'grid' : 'none';\n      panel.querySelectorAll('input, select, textarea').forEach(field => {\n        field.disabled = !isActive;\n      });\n    });\n  }\n\n  if (tabs.length && panels.length) {\n    setPanelState(tabs[0].getAttribute('data-audience')); \/\/ initial state\n    tabs.forEach(tab => {\n      tab.addEventListener('click', () => {\n        tabs.forEach(t => t.classList.remove('is-active'));\n        tab.classList.add('is-active');\n        const target = tab.getAttribute('data-audience');\n        setPanelState(target);\n        if (audienceField) audienceField.value = target;\n      });\n    });\n  }\n\n  \/* Scroll reveal ---------------------------------------------------- *\/\n  const revealEls = document.querySelectorAll('.reveal');\n  if ('IntersectionObserver' in window && revealEls.length) {\n    const io = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('is-visible');\n          io.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15 });\n    revealEls.forEach(el => io.observe(el));\n  } else {\n    revealEls.forEach(el => el.classList.add('is-visible'));\n  }\n\n  \/* Play the featured video automatically once it scrolls into view.\n     Browsers only allow autoplay when the video is muted \u2014 the viewer\n     can turn sound on themselves via the player controls. Pausing\n     again once it scrolls out avoids audio\/CPU running in the background. *\/\n  const featureVideo = document.getElementById('featureVideo');\n  if (featureVideo && 'IntersectionObserver' in window) {\n    const videoIo = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          featureVideo.play().catch(() => {});\n        } else {\n          featureVideo.pause();\n        }\n      });\n    }, { threshold: 0.5 });\n    videoIo.observe(featureVideo);\n  }\n\n  \/* ------------------------------------------------------------------\n     Form submission \u2014 wired up for Netlify Forms.\n\n     Netlify detects this form at deploy time (data-netlify=\"true\" +\n     the hidden form-name field in the HTML). Submitting it here via\n     fetch() as x-www-form-urlencoded is Netlify's documented way to\n     post to a Netlify-detected form via AJAX instead of a full page\n     reload: https:\/\/docs.netlify.com\/forms\/setup\/\n\n     If this page is opened outside of a Netlify deploy (e.g. straight\n     from disk, or hosted elsewhere), the fetch will fail \u2014 in that\n     case a friendly status message explains that submissions will\n     work once the site is live on Netlify.\n\n     Swapping to a different backend later: replace the fetch() call\n     below with a request to the new endpoint; the rest of the\n     handler (status message, form reset) stays the same.\n     ------------------------------------------------------------------ *\/\n  function encodeFormData(form) {\n    const data = new FormData(form);\n    return Array.from(data.entries())\n      .map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`)\n      .join('&');\n  }\n\n  document.querySelectorAll('form[data-form]').forEach(form => {\n    form.addEventListener('submit', (e) => {\n      e.preventDefault();\n      const status = form.querySelector('.form-status');\n      const submitBtn = form.querySelector('button[type=\"submit\"]');\n      if (submitBtn) submitBtn.disabled = true;\n\n      fetch('\/', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\n        body: encodeFormData(form)\n      })\n        .then(() => {\n          if (status) {\n            status.textContent = 'Bedankt, je bericht is verzonden. We nemen zo snel mogelijk contact op.';\n            status.classList.remove('error');\n            status.classList.add('is-visible', 'success');\n          }\n          form.reset();\n        })\n        .catch(() => {\n          if (status) {\n            status.textContent = 'Verzenden lukt hier nog niet \u2014 dit formulier werkt automatisch zodra de site live staat op Netlify.';\n            status.classList.remove('success');\n            status.classList.add('is-visible', 'error');\n          }\n        })\n        .finally(() => {\n          if (submitBtn) submitBtn.disabled = false;\n        });\n    });\n  });\n\n});\n\n<\/script>\n\n<div class=\"yumen-page\">\n<footer class=\"site-footer\">\n  <div class=\"container\">\n    <div class=\"footer-grid\">\n      <div>\n        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/yumen.tech\/wp-content\/uploads\/2026\/08\/logo-horizontal-white.png?ssl=1\" alt=\"Yumen Bionics\" class=\"footer-logo-img\">\n        <p class=\"footer-slogan\">Yumen Bionics &mdash; Technology that moves.<\/p>\n        <p class=\"footer-tagline\">Technologie die menselijkheid versterkt en armfunctie ondersteunt bij spierziekten.<\/p>\n      <\/div>\n      <div class=\"footer-col\">\n        <h5>Contact<\/h5>\n        <ul>\n          <li><a href=\"https:\/\/yumen.tech\/contact\/\">Neem contact op<\/a><\/li>\n          <li><a href=\"mailto:welcome@yumen.tech\">welcome@yumen.tech<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"footer-col\">\n        <h5>Downloads<\/h5>\n        <ul>\n          <li><a href=\"https:\/\/yumen.tech\/zorgprofessionals\/#materialen\">Brochures<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"footer-col\">\n        <h5>Meer<\/h5>\n        <ul>\n          <li><a href=\"https:\/\/yumen.tech\/privacyverklaring\/\">Privacy<\/a><\/li>\n          <li><a href=\"https:\/\/yumen.tech\/over-yumen\/\">Over Yumen<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <p class=\"footer-compliance\">Yumen EX-one, model EX1V1, is een CE-klasse I medisch hulpmiddel. Fabrikant: Yumen Bionics bv. Eudamed-registratienummer NLMF-000018861. Farmatec-kenmerk: Yumen EX-one (NLCA002-72393).<\/p>\n    <div class=\"footer-bottom\">\n      <span>&copy; 2026 Yumen Bionics. Alle rechten voorbehouden.<\/span>\n      <div class=\"footer-socials\">\n        <a href=\"https:\/\/nl.linkedin.com\/company\/yumen-bionics\" target=\"_blank\" rel=\"noopener\" aria-label=\"LinkedIn\">LinkedIn<\/a>\n        <a href=\"https:\/\/www.instagram.com\/yumen.bionics\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">Instagram<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/footer>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Home EX-one Super Yumens &amp; families Zorgprofessionals Over Yumen Contact Check of EX-one bij je past Check of EX-one bij je past Yumen Bionics &mdash; Technology that moves. Supporting movement.Enhancing independence. De Yumen EX-one is een armondersteuner op basis van exoskelet-technologie. Het ondersteunt bij mensen met verminderde spierkracht in de armen, zodat dagelijkse handelingen weer [&hellip;]<\/p>\n","protected":false},"author":184025805,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_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,"_jetpack_hide_featured_image":false,"_jetpack_featured_image_duplicate_dismissed":0,"footnotes":""},"class_list":["post-112","page","type-page","status-publish","hentry"],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PbTIoC-1O","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/yumen.tech\/en\/wp-json\/wp\/v2\/pages\/112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yumen.tech\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yumen.tech\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yumen.tech\/en\/wp-json\/wp\/v2\/users\/184025805"}],"replies":[{"embeddable":true,"href":"https:\/\/yumen.tech\/en\/wp-json\/wp\/v2\/comments?post=112"}],"version-history":[{"count":19,"href":"https:\/\/yumen.tech\/en\/wp-json\/wp\/v2\/pages\/112\/revisions"}],"predecessor-version":[{"id":2393,"href":"https:\/\/yumen.tech\/en\/wp-json\/wp\/v2\/pages\/112\/revisions\/2393"}],"wp:attachment":[{"href":"https:\/\/yumen.tech\/en\/wp-json\/wp\/v2\/media?parent=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}