{"id":346,"date":"2026-08-18T15:21:55","date_gmt":"2026-08-18T15:21:55","guid":{"rendered":"https:\/\/yumen.tech\/?page_id=346"},"modified":"2026-08-25T16:17:46","modified_gmt":"2026-08-25T16:17:46","slug":"check-of-de-ex-one-bij-jou-past","status":"publish","type":"page","link":"https:\/\/yumen.tech\/en\/check-of-de-ex-one-bij-jou-past\/","title":{"rendered":"Check if the EX-one fits you"},"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\/\">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    <\/nav>\n    <div class=\"nav-cta\">\n      <a href=\"https:\/\/yumen.tech\/contact\/\" class=\"btn btn-outline\">Contact<\/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  <section class=\"page-hero\">\n    <div class=\"hero-diagonal\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 220 260\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <line x1=\"50\" y1=\"70\" x2=\"95\" y2=\"155\" stroke=\"var(--white)\" stroke-width=\"30\" stroke-linecap=\"round\"\/>\n        <circle cx=\"50\" cy=\"70\" r=\"17\" fill=\"var(--white)\"\/>\n        <g class=\"flex-forearm\" style=\"transform-origin: 95px 155px;\">\n          <line x1=\"95\" y1=\"155\" x2=\"145\" y2=\"100\" stroke=\"var(--white)\" stroke-width=\"24\" stroke-linecap=\"round\"\/>\n          <line x1=\"95\" y1=\"155\" x2=\"145\" y2=\"100\" stroke=\"var(--mint)\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n          <ellipse cx=\"148\" cy=\"95\" rx=\"15\" ry=\"11\" fill=\"var(--white)\" transform=\"rotate(-42 148 95)\"\/>\n          <line class=\"flex-thumb\" x1=\"141\" y1=\"92\" x2=\"133\" y2=\"77\" stroke=\"var(--white)\" stroke-width=\"8\" stroke-linecap=\"round\" style=\"transform-origin: 141px 92px;\"\/>\n          <line class=\"flex-idx\" x1=\"144.71\" y1=\"85.24\" x2=\"154.58\" y2=\"63.36\" stroke=\"var(--white)\" stroke-width=\"6\" stroke-linecap=\"round\" style=\"transform-origin: 144.71px 85.24px;\"\/>\n          <line class=\"flex-mid\" x1=\"149.15\" y1=\"89.28\" x2=\"165.13\" y2=\"67.51\" stroke=\"var(--white)\" stroke-width=\"6\" stroke-linecap=\"round\" style=\"transform-origin: 149.15px 89.28px;\"\/>\n          <line class=\"flex-ring\" x1=\"153.59\" y1=\"93.32\" x2=\"172.26\" y2=\"76.68\" stroke=\"var(--white)\" stroke-width=\"6\" stroke-linecap=\"round\" style=\"transform-origin: 153.59px 93.32px;\"\/>\n          <line class=\"flex-pinky\" x1=\"158.03\" y1=\"97.36\" x2=\"175.41\" y2=\"87.44\" stroke=\"var(--white)\" stroke-width=\"6\" stroke-linecap=\"round\" style=\"transform-origin: 158.03px 97.36px;\"\/>\n        <\/g>\n        <line x1=\"50\" y1=\"70\" x2=\"95\" y2=\"155\" stroke=\"var(--coral)\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n        <circle cx=\"95\" cy=\"155\" r=\"10\" fill=\"var(--coral)\"\/>\n      <\/svg>\n    <\/div>\n    <div class=\"container\">\n      <div class=\"page-hero-copy\">\n      <p class=\"eyebrow\">Check<\/p>\n      <h1>Check of de EX-one bij je past<\/h1>\n      <p class=\"lead\">Beantwoord drie korte vragen en krijg direct een indicatie. Dit is geen medische beoordeling &mdash; voor een definitief antwoord nemen we altijd persoonlijk contact met je op.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\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<section class=\"section-alt\">\n    <div class=\"container\" style=\"max-width:560px;\">\n      <div class=\"card reveal\" style=\"padding:clamp(1.75rem,4vw,2.5rem);\">\n\n        <div id=\"quiz-step\">\n          <div style=\"display:flex;gap:6px;margin-bottom:1.5rem;\" id=\"progress-dots\"><\/div>\n          <p id=\"q-label\" class=\"step-label\" style=\"margin-bottom:0.5rem;\"><\/p>\n          <h3 id=\"q-text\" style=\"margin-bottom:1.5rem;\"><\/h3>\n          <div style=\"display:flex;gap:0.75rem;\">\n            <button type=\"button\" id=\"btn-ja\" class=\"btn btn-primary\" style=\"flex:1;justify-content:center;\">Ja<\/button>\n            <button type=\"button\" id=\"btn-nee\" class=\"btn btn-outline\" style=\"flex:1;justify-content:center;\">Nee<\/button>\n          <\/div>\n        <\/div>\n\n        <div id=\"result-step\" style=\"display:none;\">\n          <div id=\"result-badge\" style=\"width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.3rem;color:var(--white);font-weight:700;\"><\/div>\n          <h3 id=\"result-title\" style=\"margin-bottom:0.75rem;\"><\/h3>\n          <p id=\"result-text\" style=\"margin-bottom:1.75rem;\"><\/p>\n          <div style=\"display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center;\">\n            <a id=\"btn-contact\" href=\"https:\/\/yumen.tech\/contact\/\" class=\"btn btn-primary\">Neem contact op <span class=\"btn-arrow\">&rarr;<\/span><\/a>\n            <button type=\"button\" id=\"btn-restart\" class=\"step-details-toggle\" style=\"margin-top:0;\">Opnieuw beginnen<\/button>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <script>\n  (function() {\n    var questions = [\n      { label: \"Vraag 1 van 3\", text: \"Kun je je arm zonder compensatiebewegingen van het tafelblad of armlegger omhoog tillen?\" },\n      { label: \"Vraag 2 van 3\", text: \"Kun je een glas met 200 ml water naar je mond toe brengen?\" },\n      { label: \"Vraag 3 van 3\", text: \"Maak je gebruik van een rolstoel?\" }\n    ];\n    var current = 0;\n    var jaCount = 0;\n    var answers = [];\n\n    var qLabel = document.getElementById('q-label');\n    var qText = document.getElementById('q-text');\n    var dots = document.getElementById('progress-dots');\n    var quizStep = document.getElementById('quiz-step');\n    var resultStep = document.getElementById('result-step');\n    var btnContact = document.getElementById('btn-contact');\n\n    function renderDots() {\n      dots.innerHTML = '';\n      for (var i = 0; i < 3; i++) {\n        var d = document.createElement('div');\n        d.style.cssText = 'height:4px;flex:1;border-radius:2px;background:' + (i < current ? 'var(--coral)' : i === current ? 'var(--ink)' : 'var(--line)');\n        dots.appendChild(d);\n      }\n    }\n\n    function renderQuestion() {\n      renderDots();\n      qLabel.textContent = questions[current].label;\n      qText.textContent = questions[current].text;\n    }\n\n    function answer(value) {\n      if (value === 'ja') jaCount++;\n      answers.push(value === 'ja' ? 'Ja' : 'Nee');\n      current++;\n      if (current < questions.length) {\n        renderQuestion();\n      } else {\n        showResult();\n      }\n    }\n\n    function showResult() {\n      quizStep.style.display = 'none';\n      resultStep.style.display = 'block';\n      var badge = document.getElementById('result-badge');\n      var title = document.getElementById('result-title');\n      var text = document.getElementById('result-text');\n      var resultLabel, resultSummary;\n\n      if (jaCount === 3) {\n        badge.style.background = 'var(--mint)';\n        badge.textContent = '&#10003;';\n        title.textContent = 'Grote kans dat de EX-one bij je past';\n        text.textContent = 'Op basis van je antwoorden lijkt de EX-one goed te passen bij jouw situatie. Neem contact op zodat we dit samen verder kunnen bekijken.';\n        resultLabel = 'Grote kans dat de EX-one past';\n      } else if (jaCount >= 1) {\n        badge.style.background = 'var(--coral)';\n        badge.textContent = '~';\n        title.textContent = 'Mogelijk geschikt';\n        text.textContent = 'Er zijn factoren die om een persoonlijk gesprek vragen. Neem contact op, dan denken we met je mee.';\n        resultLabel = 'Mogelijk geschikt';\n      } else {\n        badge.style.background = 'var(--ink-soft)';\n        badge.textContent = 'i';\n        title.textContent = 'Minder voor de hand liggend';\n        text.textContent = 'Op basis van deze antwoorden lijkt de EX-one minder voor de hand liggend, maar iedere situatie is anders. Neem gerust contact op voor persoonlijk advies.';\n        resultLabel = 'Minder voor de hand liggend';\n      }\n\n      resultSummary = 'Compatibiliteitscheck resultaat: ' + resultLabel + ' (' + jaCount + '\/3 ja). '\n        + 'Vraag 1 (arm optillen zonder compensatie): ' + answers[0] + '. '\n        + 'Vraag 2 (glas 200ml naar mond): ' + answers[1] + '. '\n        + 'Vraag 3 (gebruikt rolstoel): ' + answers[2] + '.'\n        + '\\n\\n(Laat bovenstaande tekst staan &mdash; typ je vraag of bericht hieronder verder.)\\n';\n\n      btnContact.href = 'https:\/\/yumen.tech\/contact\/?checkresultaat=' + encodeURIComponent(resultSummary);\n    }\n\n    document.getElementById('btn-ja').addEventListener('click', function() { answer('ja'); });\n    document.getElementById('btn-nee').addEventListener('click', function() { answer('nee'); });\n    document.getElementById('btn-restart').addEventListener('click', function() {\n      current = 0; jaCount = 0; answers = [];\n      resultStep.style.display = 'none';\n      quizStep.style.display = 'block';\n      renderQuestion();\n    });\n\n    renderQuestion();\n  })();\n  <\/script>\n\n<\/main>\n<\/div>\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 Contact Check Check of de EX-one bij je past Beantwoord drie korte vragen en krijg direct een indicatie. Dit is geen medische beoordeling &mdash; voor een definitief antwoord nemen we altijd persoonlijk contact met je op. Ja Nee Neem contact op &rarr; Opnieuw beginnen Yumen [&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-346","page","type-page","status-publish","hentry"],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PbTIoC-5A","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/yumen.tech\/en\/wp-json\/wp\/v2\/pages\/346","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=346"}],"version-history":[{"count":11,"href":"https:\/\/yumen.tech\/en\/wp-json\/wp\/v2\/pages\/346\/revisions"}],"predecessor-version":[{"id":2438,"href":"https:\/\/yumen.tech\/en\/wp-json\/wp\/v2\/pages\/346\/revisions\/2438"}],"wp:attachment":[{"href":"https:\/\/yumen.tech\/en\/wp-json\/wp\/v2\/media?parent=346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}