{"id":1132,"date":"2026-09-03T14:29:45","date_gmt":"2026-09-03T14:29:45","guid":{"rendered":"https:\/\/www.micofoy.fi\/?page_id=1132"},"modified":"2026-09-03T14:41:33","modified_gmt":"2026-09-03T14:41:33","slug":"ota-yhteytta","status":"publish","type":"page","link":"https:\/\/www.micofoy.fi\/index.php\/ota-yhteytta\/","title":{"rendered":"Ota yhteytt\u00e4"},"content":{"rendered":"\r\n<!-- Mico Finland WordPress bundle: contact. Generated; edit sources\/config and rebuild. -->\r\n<div class=\"mico-page contact-page mico-wp-page mico-wp-page--contact\" id=\"mico-contact-page\" data-mico-page aria-label=\"Ota yhteytt\u00e4 Mico Finlandiin\">\r\n<style data-mico-bundle-styles>\r\n\/* WordPress \/ Divi shell: active only after this bundle finds its own root. *\/\r\nbody.mico-site-active .et-l--header,\r\nbody.mico-site-active #main-header,\r\nbody.mico-site-active footer.et-l--footer,\r\nbody.mico-site-active #main-footer {\r\n  display: none !important;\r\n  height: 0 !important;\r\n  min-height: 0 !important;\r\n  overflow: hidden !important;\r\n  visibility: hidden !important;\r\n  pointer-events: none !important;\r\n}\r\nbody.mico-site-active #page-container,\r\nbody.mico-site-active #main-content {\r\n  width: 100% !important;\r\n  max-width: none !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  background: #f6f4ee !important;\r\n}\r\nbody.mico-site-active #main-content > .container,\r\nbody.mico-site-active #main-content > .container > #content-area,\r\nbody.mico-site-active #main-content .entry-content,\r\nbody.mico-site-active #main-content article.page {\r\n  width: 100% !important;\r\n  max-width: none !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\nbody.mico-site-active #main-content .et-l--post,\r\nbody.mico-site-active #main-content .et_builder_inner_content,\r\nbody.mico-site-active #main-content .et_pb_section,\r\nbody.mico-site-active #main-content .et_pb_row,\r\nbody.mico-site-active #main-content .et_pb_column,\r\nbody.mico-site-active #main-content .et_pb_module,\r\nbody.mico-site-active #main-content .et_pb_text_inner,\r\nbody.mico-site-active #main-content .et_pb_code_inner {\r\n  width: 100% !important;\r\n  max-width: none !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\nbody.mico-site-active #main-content > .container::before { display: none !important; }\r\nbody.mico-site-active .entry-content > p:empty { display: none !important; }\r\nbody.mico-site-active article.page > .entry-title,\r\nbody.mico-site-active article.page > .et_post_meta_wrapper,\r\nbody.mico-site-active .entry-content > .entry-title.main_title {\r\n  display: none !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n.mico-wp-page { width: 100%; max-width: none; margin: 0; }\r\n\r\n\/* mico-site.css *\/\r\n:root {\r\n  --mico-navy-950: #0b003d;\r\n  --mico-navy-900: #150a49;\r\n  --mico-navy-800: #21175b;\r\n  --mico-navy-700: #342975;\r\n  --mico-orange: #f5540c;\r\n  --mico-orange-dark: #c64208;\r\n  --mico-paper: #f6f3ec;\r\n  --mico-paper-2: #ece7de;\r\n  --mico-white: #ffffff;\r\n  --mico-ink: #171126;\r\n  --mico-muted: #66606e;\r\n  --mico-line: #dcd6cc;\r\n  --mico-line-dark: rgba(255, 255, 255, .16);\r\n  --mico-green: #b9d7c4;\r\n  --mico-purple: #8479b3;\r\n  --mico-shadow: 0 30px 90px rgba(18, 9, 52, .14);\r\n  --mico-shadow-soft: 0 18px 55px rgba(18, 9, 52, .09);\r\n  --mico-radius-sm: 12px;\r\n  --mico-radius-md: 22px;\r\n  --mico-radius-lg: 34px;\r\n  --mico-ease: cubic-bezier(.2, .8, .2, 1);\r\n  --mico-shell: min(calc(100% - 48px), 1320px);\r\n}\r\n\r\n* {\r\n  box-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n  scroll-behavior: smooth;\r\n  color-scheme: light;\r\n}\r\n\r\nbody {\r\n  margin: 0;\r\n  overflow-x: hidden;\r\n  color: var(--mico-ink);\r\n  background: var(--mico-paper);\r\n  font-family: Manrope, Inter, \"Segoe UI\", Arial, sans-serif;\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\nbody.is-menu-open {\r\n  overflow: hidden;\r\n}\r\n\r\nimg,\r\nsvg {\r\n  display: block;\r\n  max-width: 100%;\r\n}\r\n\r\nfigure {\r\n  margin: 0;\r\n}\r\n\r\na {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\nbutton,\r\ninput,\r\nselect,\r\ntextarea {\r\n  font: inherit;\r\n}\r\n\r\nbutton,\r\na {\r\n  -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n:focus-visible {\r\n  outline: 3px solid #ff8a55;\r\n  outline-offset: 4px;\r\n}\r\n\r\n.mico-page {\r\n  min-height: 100vh;\r\n  overflow: clip;\r\n}\r\n\r\n.sr-only {\r\n  position: absolute !important;\r\n  width: 1px !important;\r\n  height: 1px !important;\r\n  padding: 0 !important;\r\n  margin: -1px !important;\r\n  overflow: hidden !important;\r\n  clip: rect(0, 0, 0, 0) !important;\r\n  white-space: nowrap !important;\r\n  border: 0 !important;\r\n}\r\n\r\n.mico-shell {\r\n  width: var(--mico-shell);\r\n  margin-inline: auto;\r\n}\r\n\r\n.mico-shell--narrow {\r\n  width: min(calc(100% - 48px), 1060px);\r\n  margin-inline: auto;\r\n}\r\n\r\n.mico-skip {\r\n  position: fixed;\r\n  z-index: 1000;\r\n  top: 12px;\r\n  left: 12px;\r\n  padding: 12px 16px;\r\n  border-radius: 10px;\r\n  color: var(--mico-white);\r\n  background: var(--mico-orange);\r\n  font-weight: 800;\r\n  transform: translateY(-180%);\r\n  transition: transform .2s ease;\r\n}\r\n\r\n.mico-skip:focus {\r\n  transform: translateY(0);\r\n}\r\n\r\n.mico-prototype-bar {\r\n  position: relative;\r\n  z-index: 40;\r\n  padding: 9px 20px;\r\n  color: rgba(255,255,255,.78);\r\n  background: #09012f;\r\n  font-size: 12px;\r\n  text-align: center;\r\n  letter-spacing: .02em;\r\n}\r\n\r\n.mico-prototype-bar strong {\r\n  color: #ff8f5b;\r\n}\r\n\r\n.mico-nav {\r\n  position: sticky;\r\n  z-index: 30;\r\n  top: 0;\r\n  color: var(--mico-white);\r\n  border-bottom: 1px solid rgba(255, 255, 255, .12);\r\n  background: rgba(11, 0, 61, .96);\r\n  box-shadow: 0 12px 38px rgba(8, 0, 34, .12);\r\n  backdrop-filter: blur(18px) saturate(150%);\r\n  -webkit-backdrop-filter: blur(18px) saturate(150%);\r\n}\r\n\r\nbody.admin-bar .mico-nav { top: 32px; }\r\n\r\n.mico-nav-inner {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr auto;\r\n  align-items: center;\r\n  min-height: 88px;\r\n  gap: 30px;\r\n}\r\n\r\n.mico-logo {\r\n  position: relative;\r\n  z-index: 3;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  width: 116px;\r\n  height: 58px;\r\n}\r\n\r\n.mico-logo img {\r\n  width: 100%;\r\n  height: auto;\r\n  border-radius: 0;\r\n  object-fit: contain;\r\n}\r\n\r\n.mico-nav-links {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: clamp(18px, 2vw, 34px);\r\n}\r\n\r\n.mico-nav-links a {\r\n  position: relative;\r\n  padding-block: 12px;\r\n  color: rgba(255,255,255,.8);\r\n  font-size: 13px;\r\n  font-weight: 750;\r\n  white-space: nowrap;\r\n}\r\n\r\n.mico-nav-links a::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: 0;\r\n  bottom: 4px;\r\n  left: 0;\r\n  height: 2px;\r\n  border-radius: 4px;\r\n  background: var(--mico-orange);\r\n  transform: scaleX(0);\r\n  transform-origin: right;\r\n  transition: transform .25s var(--mico-ease);\r\n}\r\n\r\n.mico-nav-links a:hover::after,\r\n.mico-nav-links a[aria-current=\"page\"]::after {\r\n  transform: scaleX(1);\r\n  transform-origin: left;\r\n}\r\n\r\n.mico-nav-links a:hover,\r\n.mico-nav-links a:focus-visible,\r\n.mico-nav-links a[aria-current=\"page\"] {\r\n  color: var(--mico-white);\r\n}\r\n\r\n\/* The contact CTA moves into the navigation itself when the separate\r\n   desktop button is hidden, so it remains directly reachable on tablets\r\n   and phones. *\/\r\n.mico-nav-contact-link {\r\n  display: none;\r\n}\r\n\r\n.mico-nav-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n.mico-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 50px;\r\n  gap: 12px;\r\n  padding: 14px 20px;\r\n  border: 1px solid var(--mico-orange);\r\n  border-radius: 999px;\r\n  color: var(--mico-white);\r\n  background: var(--mico-orange);\r\n  box-shadow: 0 12px 28px rgba(245, 84, 12, .2);\r\n  font-size: 14px;\r\n  font-weight: 850;\r\n  line-height: 1.15;\r\n  cursor: pointer;\r\n  transition: transform .2s var(--mico-ease), background .2s ease, border-color .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.mico-button:hover {\r\n  background: var(--mico-orange-dark);\r\n  border-color: var(--mico-orange-dark);\r\n  box-shadow: 0 17px 35px rgba(198, 66, 8, .25);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.mico-button--ghost {\r\n  color: var(--mico-navy-950);\r\n  background: transparent;\r\n  border-color: rgba(11, 0, 61, .25);\r\n  box-shadow: none;\r\n}\r\n\r\n.mico-button--ghost:hover {\r\n  color: var(--mico-white);\r\n  background: var(--mico-navy-950);\r\n  border-color: var(--mico-navy-950);\r\n}\r\n\r\n.mico-button--light {\r\n  color: var(--mico-navy-950);\r\n  background: var(--mico-white);\r\n  border-color: var(--mico-white);\r\n  box-shadow: 0 16px 35px rgba(0,0,0,.16);\r\n}\r\n\r\n.mico-button--light:hover {\r\n  color: var(--mico-white);\r\n  background: var(--mico-orange);\r\n  border-color: var(--mico-orange);\r\n}\r\n\r\n.mico-menu-toggle {\r\n  display: none;\r\n  width: 50px;\r\n  height: 50px;\r\n  padding: 0;\r\n  border: 1px solid rgba(255,255,255,.3);\r\n  border-radius: 50%;\r\n  color: var(--mico-white);\r\n  background: rgba(255,255,255,.06);\r\n  cursor: pointer;\r\n}\r\n\r\n.mico-menu-toggle span,\r\n.mico-menu-toggle span::before,\r\n.mico-menu-toggle span::after {\r\n  display: block;\r\n  width: 20px;\r\n  height: 2px;\r\n  margin-inline: auto;\r\n  border-radius: 3px;\r\n  background: currentColor;\r\n  transition: transform .25s ease, opacity .2s ease;\r\n}\r\n\r\n.mico-menu-toggle span {\r\n  position: relative;\r\n}\r\n\r\n.mico-menu-toggle span::before,\r\n.mico-menu-toggle span::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n}\r\n\r\n.mico-menu-toggle span::before { top: -7px; }\r\n.mico-menu-toggle span::after { top: 7px; }\r\n\r\n.mico-menu-toggle[aria-expanded=\"true\"] span { background: transparent; }\r\n.mico-menu-toggle[aria-expanded=\"true\"] span::before { top: 0; transform: rotate(45deg); }\r\n.mico-menu-toggle[aria-expanded=\"true\"] span::after { top: 0; transform: rotate(-45deg); }\r\n\r\n.mico-kicker {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin: 0 0 20px;\r\n  color: var(--mico-orange-dark);\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n  line-height: 1.25;\r\n  letter-spacing: .14em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.mico-kicker::before {\r\n  content: \"\";\r\n  width: 30px;\r\n  height: 3px;\r\n  border-radius: 3px;\r\n  background: currentColor;\r\n}\r\n\r\n.mico-kicker--light {\r\n  color: #ff8e59;\r\n}\r\n\r\n.mico-title {\r\n  max-width: 900px;\r\n  margin: 0 0 24px;\r\n  color: var(--mico-navy-950);\r\n  font-size: clamp(2.35rem, 4.8vw, 5.3rem);\r\n  font-weight: 790;\r\n  line-height: .98;\r\n  letter-spacing: -.05em;\r\n  text-wrap: balance;\r\n}\r\n\r\n.mico-title--light {\r\n  color: var(--mico-white);\r\n}\r\n\r\n.mico-lead {\r\n  max-width: 760px;\r\n  margin: 0;\r\n  color: var(--mico-muted);\r\n  font-size: clamp(1.1rem, 1.5vw, 1.32rem);\r\n  line-height: 1.65;\r\n}\r\n\r\n.mico-section {\r\n  position: relative;\r\n  padding-block: clamp(88px, 10vw, 152px);\r\n}\r\n\r\n.mico-section-head {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr);\r\n  align-items: end;\r\n  gap: clamp(30px, 6vw, 100px);\r\n  margin-bottom: clamp(50px, 7vw, 90px);\r\n}\r\n\r\n.mico-section-note {\r\n  max-width: 410px;\r\n  margin: 0 0 8px;\r\n  padding-left: 20px;\r\n  border-left: 3px solid var(--mico-orange);\r\n  color: var(--mico-muted);\r\n}\r\n\r\n.company-hero {\r\n  position: relative;\r\n  isolation: isolate;\r\n  min-height: min(820px, calc(100svh - 112px));\r\n  display: flex;\r\n  align-items: center;\r\n  overflow: hidden;\r\n  color: var(--mico-white);\r\n  background:\r\n    radial-gradient(circle at 72% 40%, rgba(84, 65, 160, .38), transparent 32%),\r\n    linear-gradient(135deg, #08002f 0%, #130746 52%, #21165d 100%);\r\n}\r\n\r\n.company-hero::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: -1;\r\n  inset: 0;\r\n  opacity: .22;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px);\r\n  background-size: 80px 80px;\r\n  mask-image: linear-gradient(to right, transparent 5%, #000 45%, #000 100%);\r\n}\r\n\r\n.company-hero::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: -1;\r\n  width: 520px;\r\n  height: 520px;\r\n  right: -160px;\r\n  bottom: -260px;\r\n  border: 1px solid rgba(255,255,255,.18);\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 0 80px rgba(255,255,255,.025), 0 0 0 160px rgba(255,255,255,.018);\r\n}\r\n\r\n.company-hero__inner {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr);\r\n  align-items: center;\r\n  gap: clamp(50px, 7vw, 110px);\r\n  width: 100%;\r\n  padding-block: clamp(80px, 10vw, 138px);\r\n}\r\n\r\n.company-hero__inner > * {\r\n  min-width: 0;\r\n}\r\n\r\n.company-hero h1 {\r\n  max-width: 770px;\r\n  margin: 0 0 28px;\r\n  color: var(--mico-white);\r\n  font-size: clamp(3.25rem, 6.1vw, 7.4rem);\r\n  font-weight: 780;\r\n  line-height: .91;\r\n  letter-spacing: -.058em;\r\n  hyphens: auto;\r\n  overflow-wrap: anywhere;\r\n  text-wrap: balance;\r\n}\r\n\r\n.company-hero__lead {\r\n  max-width: 680px;\r\n  margin: 0 0 38px;\r\n  color: rgba(255,255,255,.77);\r\n  font-size: clamp(1.1rem, 1.5vw, 1.34rem);\r\n}\r\n\r\n.company-hero__actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n}\r\n\r\n.portrait-system {\r\n  position: relative;\r\n  min-height: 520px;\r\n  perspective: 1000px;\r\n}\r\n\r\n.portrait-panel {\r\n  position: absolute;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(255,255,255,.18);\r\n  border-radius: 28px;\r\n  background: rgba(255,255,255,.06);\r\n  box-shadow: 0 35px 80px rgba(0,0,0,.28);\r\n  transform: translateZ(0);\r\n}\r\n\r\n.portrait-panel img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  filter: saturate(.82) contrast(1.02);\r\n}\r\n\r\n.portrait-panel--one {\r\n  z-index: 3;\r\n  width: 52%;\r\n  height: 74%;\r\n  left: 5%;\r\n  top: 14%;\r\n  transform: rotate(-3deg);\r\n}\r\n\r\n.portrait-panel--two {\r\n  z-index: 2;\r\n  width: 48%;\r\n  height: 60%;\r\n  right: 1%;\r\n  top: 2%;\r\n  transform: rotate(4deg);\r\n}\r\n\r\n.portrait-panel--three {\r\n  z-index: 4;\r\n  width: 42%;\r\n  height: 50%;\r\n  right: 7%;\r\n  bottom: 1%;\r\n  transform: rotate(2deg);\r\n}\r\n\r\n.portrait-label {\r\n  position: absolute;\r\n  z-index: 5;\r\n  right: 0;\r\n  top: 39%;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 12px 16px;\r\n  border: 1px solid rgba(255,255,255,.25);\r\n  border-radius: 999px;\r\n  color: rgba(255,255,255,.88);\r\n  background: rgba(9, 1, 47, .72);\r\n  backdrop-filter: blur(12px);\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n}\r\n\r\n.portrait-label::before {\r\n  content: \"\";\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: var(--mico-orange);\r\n  box-shadow: 0 0 0 7px rgba(245,84,12,.16);\r\n}\r\n\r\n.company-intro {\r\n  background: var(--mico-white);\r\n}\r\n\r\n.company-intro__grid {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);\r\n  align-items: start;\r\n  gap: clamp(48px, 8vw, 125px);\r\n}\r\n\r\n.company-intro__copy p {\r\n  margin: 0 0 22px;\r\n  color: #514b59;\r\n  font-size: 1.06rem;\r\n}\r\n\r\n.company-intro__link {\r\n  margin-top: 4px;\r\n}\r\n\r\n.evidence-stack {\r\n  display: grid;\r\n  gap: 14px;\r\n}\r\n\r\n.evidence-card {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: 18px;\r\n  padding: 24px;\r\n  border: 1px solid var(--mico-line);\r\n  border-radius: var(--mico-radius-md);\r\n  background: var(--mico-paper);\r\n}\r\n\r\n.evidence-card__number {\r\n  display: grid;\r\n  place-items: center;\r\n  width: 42px;\r\n  height: 42px;\r\n  border-radius: 50%;\r\n  color: var(--mico-white);\r\n  background: var(--mico-navy-950);\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n}\r\n\r\n.evidence-card strong {\r\n  display: block;\r\n  margin-bottom: 5px;\r\n  color: var(--mico-navy-950);\r\n  font-size: 1.02rem;\r\n}\r\n\r\n.evidence-card span {\r\n  color: var(--mico-muted);\r\n  font-size: .93rem;\r\n}\r\n\r\n.expertise {\r\n  color: var(--mico-white);\r\n  background: var(--mico-navy-950);\r\n}\r\n\r\n.expertise .mico-lead,\r\n.expertise .mico-section-note {\r\n  color: rgba(255,255,255,.68);\r\n}\r\n\r\n.expertise .mico-section-note {\r\n  border-color: #ff8e59;\r\n}\r\n\r\n.expertise-board {\r\n  display: grid;\r\n  grid-template-columns: minmax(430px, .95fr) minmax(0, 1.05fr);\r\n  align-items: stretch;\r\n  gap: clamp(28px, 5vw, 72px);\r\n}\r\n\r\n.expertise-network {\r\n  position: relative;\r\n  min-height: 580px;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(255,255,255,.14);\r\n  border-radius: var(--mico-radius-lg);\r\n  background:\r\n    radial-gradient(circle at 50% 47%, rgba(245,84,12,.2), transparent 31%),\r\n    linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025));\r\n  background-position: 48% 46%, center;\r\n  background-size: 118% 118%, 100% 100%;\r\n}\r\n\r\n.expertise-network::before,\r\n.expertise-network::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 50% auto auto 50%;\r\n  border: 1px solid rgba(255,255,255,.14);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  transform: translate(-50%, -50%);\r\n  will-change: transform, opacity;\r\n}\r\n\r\n.expertise-network::before {\r\n  width: 310px;\r\n  height: 310px;\r\n  border-color: rgba(255,255,255,.18);\r\n  box-shadow: 0 0 36px rgba(117,216,255,.07), inset 0 0 28px rgba(117,92,255,.04);\r\n  animation: expertise-orbit-breathe 9.5s ease-in-out infinite;\r\n}\r\n\r\n.expertise-network::after {\r\n  width: 470px;\r\n  height: 470px;\r\n  border-style: dashed;\r\n  border-color: rgba(255,255,255,.12);\r\n  border-top-color: rgba(117,216,255,.42);\r\n  border-right-color: rgba(117,92,255,.28);\r\n  border-bottom-color: rgba(245,84,12,.38);\r\n  filter: drop-shadow(0 0 10px rgba(117,216,255,.12));\r\n  animation: orbit-spin 52s linear infinite;\r\n}\r\n\r\n.expertise-core {\r\n  position: absolute;\r\n  z-index: 3;\r\n  inset: 50% auto auto 50%;\r\n  display: grid;\r\n  place-items: center;\r\n  width: 142px;\r\n  height: 142px;\r\n  border: 1px solid rgba(255,255,255,.22);\r\n  border-radius: 50%;\r\n  color: var(--mico-white);\r\n  background: radial-gradient(circle at 35% 30%, #ff7d43, var(--mico-orange) 55%, #b63300 100%);\r\n  box-shadow: 0 0 0 22px rgba(245,84,12,.08), 0 0 42px rgba(245,84,12,.3), 0 25px 55px rgba(0,0,0,.28);\r\n  transform: translate(-50%, -50%);\r\n  font-size: 1.25rem;\r\n  font-weight: 900;\r\n  isolation: isolate;\r\n  letter-spacing: -.03em;\r\n  will-change: transform;\r\n  animation: expertise-core-float 6.8s ease-in-out infinite;\r\n}\r\n\r\n.expertise-core::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: -1;\r\n  inset: -38px;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  background: radial-gradient(circle, rgba(245,84,12,.3) 0%, rgba(245,84,12,.11) 42%, transparent 70%);\r\n  filter: blur(12px);\r\n  animation: expertise-core-aura 4.8s ease-in-out infinite;\r\n}\r\n\r\n.expertise-core::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 18px;\r\n  right: 25px;\r\n  width: 52px;\r\n  height: 27px;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  background: radial-gradient(ellipse, rgba(255,255,255,.42), transparent 72%);\r\n  filter: blur(4px);\r\n  opacity: .74;\r\n  transform: rotate(-24deg);\r\n}\r\n\r\n.expertise-node {\r\n  position: absolute;\r\n  z-index: 4;\r\n  width: 148px;\r\n  min-height: 88px;\r\n  padding: 16px;\r\n  border: 1px solid rgba(255,255,255,.17);\r\n  border-radius: 18px;\r\n  color: rgba(255,255,255,.75);\r\n  background: rgba(21,10,73,.85);\r\n  box-shadow: 0 20px 42px rgba(0,0,0,.2);\r\n  backdrop-filter: blur(10px);\r\n  text-align: left;\r\n  cursor: pointer;\r\n  transition: border-color .25s ease, background .25s ease, transform .25s var(--mico-ease), color .25s ease;\r\n}\r\n\r\n.expertise-node strong,\r\n.expertise-node span {\r\n  display: block;\r\n}\r\n\r\n.expertise-node strong {\r\n  margin-bottom: 5px;\r\n  color: var(--mico-white);\r\n  font-size: .98rem;\r\n}\r\n\r\n.expertise-node span {\r\n  font-size: .78rem;\r\n  line-height: 1.4;\r\n}\r\n\r\n.expertise-node:hover,\r\n.expertise-node[aria-pressed=\"true\"] {\r\n  color: var(--mico-white);\r\n  border-color: #ff8e59;\r\n  background: rgba(245,84,12,.2);\r\n  transform: translateY(-4px);\r\n}\r\n\r\n.expertise-node--all { left: calc(50% - 74px); bottom: 28px; }\r\n.expertise-node--operations { left: 28px; top: 52px; }\r\n.expertise-node--business { right: 24px; top: 58px; }\r\n.expertise-node--technology { right: 42px; bottom: 82px; }\r\n\r\n.expertise-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  min-width: 0;\r\n}\r\n\r\n.expertise-content__eyebrow {\r\n  margin: 0 0 18px;\r\n  color: #ff8e59;\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n  letter-spacing: .13em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.expertise-content h3 {\r\n  max-width: 620px;\r\n  margin: 0 0 20px;\r\n  font-size: clamp(2rem, 3.5vw, 4rem);\r\n  line-height: 1.02;\r\n  letter-spacing: -.045em;\r\n}\r\n\r\n.expertise-content > p {\r\n  max-width: 610px;\r\n  margin: 0 0 35px;\r\n  color: rgba(255,255,255,.66);\r\n  font-size: 1.04rem;\r\n}\r\n\r\n.expertise-people {\r\n  display: grid;\r\n  gap: 12px;\r\n}\r\n\r\n.expertise-person {\r\n  display: grid;\r\n  grid-template-columns: 48px 1fr auto;\r\n  align-items: center;\r\n  gap: 14px;\r\n  padding: 13px 15px;\r\n  border: 1px solid rgba(255,255,255,.13);\r\n  border-radius: 16px;\r\n  background: rgba(255,255,255,.055);\r\n  transition: opacity .2s ease, transform .25s var(--mico-ease), border-color .2s ease;\r\n}\r\n\r\n.expertise-person.is-muted {\r\n  opacity: .27;\r\n  transform: scale(.985);\r\n}\r\n\r\n.expertise-person.is-highlighted {\r\n  border-color: rgba(255,142,89,.65);\r\n}\r\n\r\n.expertise-person img {\r\n  width: 48px;\r\n  height: 48px;\r\n  border-radius: 50%;\r\n  object-fit: cover;\r\n}\r\n\r\n.expertise-person strong,\r\n.expertise-person span {\r\n  display: block;\r\n}\r\n\r\n.expertise-person strong { font-size: .93rem; }\r\n.expertise-person span { color: rgba(255,255,255,.56); font-size: .78rem; }\r\n.expertise-person em { color: #ff9a6d; font-size: .74rem; font-style: normal; font-weight: 800; }\r\n\r\n@keyframes orbit-spin {\r\n  from { transform: translate(-50%, -50%) rotate(0deg); }\r\n  to { transform: translate(-50%, -50%) rotate(360deg); }\r\n}\r\n\r\n@keyframes expertise-orbit-breathe {\r\n  0%, 100% { opacity: .58; transform: translate(-50%, -50%) scale(.965); }\r\n  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.035); }\r\n}\r\n\r\n@keyframes expertise-core-float {\r\n  0%, 100% { transform: translate(-50%, -50%) translateY(0) scale(1); }\r\n  50% { transform: translate(-50%, -50%) translateY(-10px) scale(1.015); }\r\n}\r\n\r\n@keyframes expertise-core-aura {\r\n  0%, 100% { opacity: .52; transform: scale(.92); }\r\n  50% { opacity: .95; transform: scale(1.12); }\r\n}\r\n\r\n.team {\r\n  background: var(--mico-paper);\r\n}\r\n\r\n.team-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 22px;\r\n}\r\n\r\n.team-card {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border: 1px solid var(--mico-line);\r\n  border-radius: var(--mico-radius-lg);\r\n  background: var(--mico-white);\r\n  box-shadow: var(--mico-shadow-soft);\r\n  transition: transform .3s var(--mico-ease), box-shadow .3s ease;\r\n}\r\n\r\n.team-card:hover {\r\n  transform: translateY(-7px);\r\n  box-shadow: var(--mico-shadow);\r\n}\r\n\r\n.team-card__media {\r\n  position: relative;\r\n  aspect-ratio: 4 \/ 4.5;\r\n  overflow: hidden;\r\n  background: #e7e2da;\r\n}\r\n\r\n.team-card__media::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: auto 0 0;\r\n  height: 35%;\r\n  background: linear-gradient(transparent, rgba(11,0,61,.38));\r\n}\r\n\r\n.team-card__media img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform .65s var(--mico-ease), filter .4s ease;\r\n}\r\n\r\n.team-card:hover .team-card__media img {\r\n  transform: scale(1.035);\r\n}\r\n\r\n.team-card__badge {\r\n  position: absolute;\r\n  z-index: 2;\r\n  left: 20px;\r\n  bottom: 18px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 9px 12px;\r\n  border: 1px solid rgba(255,255,255,.24);\r\n  border-radius: 999px;\r\n  color: var(--mico-white);\r\n  background: rgba(11,0,61,.72);\r\n  backdrop-filter: blur(10px);\r\n  font-size: 11px;\r\n  font-weight: 850;\r\n}\r\n\r\n.team-card__body {\r\n  padding: 28px;\r\n}\r\n\r\n.team-card h3 {\r\n  margin: 0 0 4px;\r\n  color: var(--mico-navy-950);\r\n  font-size: clamp(1.45rem, 2vw, 2rem);\r\n  line-height: 1.1;\r\n  letter-spacing: -.035em;\r\n}\r\n\r\n.team-card__role {\r\n  min-height: 48px;\r\n  margin: 0 0 22px;\r\n  color: var(--mico-orange-dark);\r\n  font-size: .9rem;\r\n  font-weight: 850;\r\n}\r\n\r\n.team-card__summary {\r\n  min-height: 104px;\r\n  margin: 0 0 24px;\r\n  color: var(--mico-muted);\r\n  font-size: .94rem;\r\n}\r\n\r\n.team-card details {\r\n  padding-top: 17px;\r\n  border-top: 1px solid var(--mico-line);\r\n}\r\n\r\n.team-card summary {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 14px;\r\n  color: var(--mico-navy-950);\r\n  font-size: .88rem;\r\n  font-weight: 850;\r\n  cursor: pointer;\r\n  list-style: none;\r\n}\r\n\r\n.team-card summary::-webkit-details-marker { display: none; }\r\n\r\n.team-card summary::after {\r\n  content: \"+\";\r\n  display: grid;\r\n  place-items: center;\r\n  width: 30px;\r\n  height: 30px;\r\n  flex: 0 0 30px;\r\n  border-radius: 50%;\r\n  color: var(--mico-white);\r\n  background: var(--mico-navy-950);\r\n  font-size: 18px;\r\n  font-weight: 500;\r\n}\r\n\r\n.team-card details[open] summary::after { content: \"\u2212\"; }\r\n\r\n.team-card__details {\r\n  padding-top: 20px;\r\n  color: var(--mico-muted);\r\n  font-size: .88rem;\r\n}\r\n\r\n.team-card__details h4 {\r\n  margin: 16px 0 8px;\r\n  color: var(--mico-navy-950);\r\n  font-size: .78rem;\r\n  letter-spacing: .08em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.team-card__details ul {\r\n  margin: 0;\r\n  padding-left: 18px;\r\n}\r\n\r\n.team-card__details li + li { margin-top: 7px; }\r\n\r\n.team-card__email {\r\n  display: inline-flex;\r\n  margin-top: 22px;\r\n  color: var(--mico-navy-950);\r\n  font-weight: 850;\r\n  text-decoration: underline;\r\n  text-decoration-color: rgba(245,84,12,.55);\r\n  text-underline-offset: 4px;\r\n}\r\n\r\n.verification-note {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 14px;\r\n  margin-top: 32px;\r\n  padding: 20px 22px;\r\n  border: 1px solid #e6c59b;\r\n  border-radius: 16px;\r\n  color: #654415;\r\n  background: #fff5e5;\r\n  font-size: .88rem;\r\n}\r\n\r\n.verification-note strong {\r\n  display: grid;\r\n  place-items: center;\r\n  width: 26px;\r\n  height: 26px;\r\n  border-radius: 50%;\r\n  color: #fff;\r\n  background: #a65b00;\r\n}\r\n\r\n.company-roadmap {\r\n  color: var(--mico-white);\r\n  background: linear-gradient(145deg, #130846, #090031);\r\n}\r\n\r\n.roadmap-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 1px;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(255,255,255,.14);\r\n  border-radius: var(--mico-radius-lg);\r\n  background: rgba(255,255,255,.14);\r\n}\r\n\r\n.roadmap-card {\r\n  position: relative;\r\n  min-height: 390px;\r\n  padding: clamp(28px, 4vw, 48px);\r\n  background: rgba(11,0,61,.84);\r\n}\r\n\r\n.roadmap-card::before {\r\n  content: \"\";\r\n  display: block;\r\n  width: 12px;\r\n  height: 12px;\r\n  margin-bottom: 28px;\r\n  border-radius: 50%;\r\n  background: var(--status-color);\r\n  box-shadow: 0 0 0 10px color-mix(in srgb, var(--status-color) 16%, transparent);\r\n}\r\n\r\n.roadmap-card--now { --status-color: #ff7a3d; }\r\n.roadmap-card--development { --status-color: #9b90ce; }\r\n.roadmap-card--future { --status-color: #cfcbdd; }\r\n\r\n.roadmap-card__status {\r\n  display: block;\r\n  margin-bottom: 15px;\r\n  color: var(--status-color);\r\n  font-size: 11px;\r\n  font-weight: 900;\r\n  letter-spacing: .12em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.roadmap-card h3 {\r\n  margin: 0 0 17px;\r\n  font-size: clamp(1.45rem, 2vw, 2.25rem);\r\n  line-height: 1.05;\r\n  letter-spacing: -.04em;\r\n}\r\n\r\n.roadmap-card p {\r\n  margin: 0 0 20px;\r\n  color: rgba(255,255,255,.66);\r\n}\r\n\r\n.roadmap-card ul {\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\r\n}\r\n\r\n.roadmap-card li {\r\n  position: relative;\r\n  padding: 10px 0 10px 22px;\r\n  border-top: 1px solid rgba(255,255,255,.1);\r\n  color: rgba(255,255,255,.78);\r\n  font-size: .9rem;\r\n}\r\n\r\n.roadmap-card li::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 2px;\r\n  top: 18px;\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n  background: var(--status-color);\r\n}\r\n\r\n.working-model {\r\n  background: var(--mico-white);\r\n}\r\n\r\n.working-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 16px;\r\n}\r\n\r\n.working-card {\r\n  min-height: 280px;\r\n  padding: 28px;\r\n  border: 1px solid var(--mico-line);\r\n  border-radius: 24px;\r\n  background: var(--mico-paper);\r\n}\r\n\r\n.working-card__number {\r\n  display: block;\r\n  margin-bottom: 48px;\r\n  color: var(--mico-orange-dark);\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n  letter-spacing: .12em;\r\n}\r\n\r\n.working-card h3 {\r\n  margin: 0 0 12px;\r\n  color: var(--mico-navy-950);\r\n  font-size: 1.3rem;\r\n  line-height: 1.12;\r\n  letter-spacing: -.03em;\r\n}\r\n\r\n.working-card p {\r\n  margin: 0;\r\n  color: var(--mico-muted);\r\n  font-size: .91rem;\r\n}\r\n\r\n.company-contact {\r\n  position: relative;\r\n  overflow: hidden;\r\n  color: var(--mico-white);\r\n  background: var(--mico-orange);\r\n}\r\n\r\n.company-contact::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 620px;\r\n  height: 620px;\r\n  right: -220px;\r\n  top: -280px;\r\n  border: 1px solid rgba(255,255,255,.22);\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 0 85px rgba(255,255,255,.045), 0 0 0 170px rgba(255,255,255,.035);\r\n}\r\n\r\n.company-contact__grid {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);\r\n  align-items: start;\r\n  gap: clamp(50px, 8vw, 120px);\r\n}\r\n\r\n.company-contact h2 {\r\n  max-width: 730px;\r\n  margin: 0 0 24px;\r\n  font-size: clamp(2.6rem, 5vw, 5.6rem);\r\n  line-height: .95;\r\n  letter-spacing: -.052em;\r\n}\r\n\r\n.company-contact p {\r\n  max-width: 660px;\r\n  margin: 0 0 30px;\r\n  color: rgba(255,255,255,.8);\r\n  font-size: 1.07rem;\r\n}\r\n\r\n.company-contact-details {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 12px;\r\n  max-width: 680px;\r\n  margin: 0 0 26px;\r\n}\r\n\r\n.company-contact-detail {\r\n  min-width: 0;\r\n  padding: 18px;\r\n  border: 1px solid rgba(255,255,255,.28);\r\n  border-radius: 16px;\r\n  background: rgba(255,255,255,.1);\r\n  backdrop-filter: blur(8px);\r\n}\r\n\r\n.company-contact-detail span,\r\n.company-contact-detail strong,\r\n.company-contact-detail a,\r\n.company-contact-detail small {\r\n  display: block;\r\n}\r\n\r\n.company-contact-detail span {\r\n  margin-bottom: 7px;\r\n  color: rgba(255,255,255,.67);\r\n  font-size: .7rem;\r\n  font-weight: 850;\r\n  letter-spacing: .08em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.company-contact-detail strong {\r\n  margin-bottom: 5px;\r\n  color: var(--mico-white);\r\n  font-size: .98rem;\r\n}\r\n\r\n.company-contact-detail a,\r\n.company-contact-detail small {\r\n  color: rgba(255,255,255,.8);\r\n  font-size: .78rem;\r\n  line-height: 1.45;\r\n}\r\n\r\n.company-contact-detail a {\r\n  text-decoration: underline;\r\n  text-decoration-color: rgba(255,255,255,.38);\r\n  text-underline-offset: 3px;\r\n}\r\n\r\n.company-contact-detail a:hover {\r\n  color: var(--mico-white);\r\n  text-decoration-color: currentColor;\r\n}\r\n\r\n.cf7-prototype {\r\n  padding: 30px;\r\n  border: 1px solid rgba(255,255,255,.26);\r\n  border-radius: var(--mico-radius-lg);\r\n  background: rgba(11,0,61,.94);\r\n  box-shadow: 0 32px 72px rgba(88,24,0,.22);\r\n}\r\n\r\n.cf7-prototype__label {\r\n  display: inline-block;\r\n  margin-bottom: 14px;\r\n  color: #ff9b6e;\r\n  font-size: 11px;\r\n  font-weight: 900;\r\n  letter-spacing: .12em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.cf7-prototype h3 {\r\n  margin: 0 0 10px;\r\n  font-size: 1.45rem;\r\n  letter-spacing: -.03em;\r\n}\r\n\r\n.cf7-prototype p {\r\n  margin: 0 0 20px;\r\n  color: rgba(255,255,255,.63);\r\n  font-size: .88rem;\r\n}\r\n\r\n.cf7-fields {\r\n  display: grid;\r\n  gap: 10px;\r\n}\r\n\r\n.cf7-field {\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 52px;\r\n  padding: 0 16px;\r\n  border: 1px solid rgba(255,255,255,.15);\r\n  border-radius: 12px;\r\n  color: rgba(255,255,255,.58);\r\n  background: rgba(255,255,255,.065);\r\n  font-size: .86rem;\r\n}\r\n\r\n.cf7-field--message {\r\n  min-height: 94px;\r\n  align-items: flex-start;\r\n  padding-top: 15px;\r\n}\r\n\r\n.cf7-prototype__foot {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 15px;\r\n  margin-top: 18px;\r\n}\r\n\r\n.cf7-prototype__foot small {\r\n  max-width: 220px;\r\n  color: rgba(255,255,255,.48);\r\n  font-size: .7rem;\r\n}\r\n\r\n.mico-contact-form,\r\n.cf7-prototype .wpcf7-form {\r\n  display: grid;\r\n  gap: 18px;\r\n}\r\n\r\n.mico-form-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 14px;\r\n}\r\n\r\n\/* CF7 cards are intentionally single-column: their card width is narrower\r\n   than a full page form, so half-width controls look unfinished and are\r\n   harder to use on touch devices. *\/\r\n.cf7-prototype .mico-form-grid {\r\n  grid-template-columns: minmax(0, 1fr);\r\n}\r\n\r\n.cf7-prototype .mico-form-wide {\r\n  grid-column: auto;\r\n}\r\n\r\n.cf7-prototype .wpcf7-form,\r\n.cf7-prototype .wpcf7-form label,\r\n.cf7-prototype .wpcf7-form-control-wrap {\r\n  width: 100%;\r\n  min-width: 0;\r\n}\r\n\r\n.cf7-prototype .wpcf7-form-control-wrap {\r\n  display: block;\r\n}\r\n\r\n.mico-form-grid label,\r\n.mico-contact-form > label,\r\n.cf7-prototype .wpcf7-form label {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 7px;\r\n  color: rgba(255,255,255,.82);\r\n  font-size: .78rem;\r\n  font-weight: 750;\r\n}\r\n\r\n.mico-form-grid label > span:first-child,\r\n.cf7-prototype .wpcf7-form label > span:first-child {\r\n  line-height: 1.35;\r\n}\r\n\r\n.mico-form-wide {\r\n  grid-column: 1 \/ -1;\r\n}\r\n\r\n.mico-contact-form input:not([type=\"checkbox\"]),\r\n.mico-contact-form select,\r\n.mico-contact-form textarea,\r\n.cf7-prototype .wpcf7-form input:not([type=\"checkbox\"]):not([type=\"submit\"]),\r\n.cf7-prototype .wpcf7-form select,\r\n.cf7-prototype .wpcf7-form textarea {\r\n  width: 100%;\r\n  min-height: 52px;\r\n  padding: 13px 14px;\r\n  border: 1px solid rgba(255,255,255,.18);\r\n  border-radius: 12px;\r\n  color: var(--mico-white);\r\n  background: rgba(255,255,255,.075);\r\n  outline: 0;\r\n}\r\n\r\n.mico-contact-form textarea,\r\n.cf7-prototype .wpcf7-form textarea {\r\n  min-height: 112px;\r\n  resize: vertical;\r\n}\r\n\r\n.mico-contact-form select,\r\n.cf7-prototype .wpcf7-form select {\r\n  color-scheme: dark;\r\n}\r\n\r\n.mico-contact-form select option,\r\n.cf7-prototype .wpcf7-form select option {\r\n  color: var(--mico-navy-950);\r\n  background: var(--mico-white);\r\n}\r\n\r\n.mico-contact-form input:focus,\r\n.mico-contact-form select:focus,\r\n.mico-contact-form textarea:focus,\r\n.cf7-prototype .wpcf7-form input:focus,\r\n.cf7-prototype .wpcf7-form select:focus,\r\n.cf7-prototype .wpcf7-form textarea:focus {\r\n  border-color: #ff9b6e;\r\n  box-shadow: 0 0 0 3px rgba(245,84,12,.2);\r\n}\r\n\r\n.mico-consent,\r\n.cf7-prototype .mico-consent {\r\n  display: grid !important;\r\n  grid-template-columns: 20px 1fr;\r\n  align-items: start;\r\n  gap: 10px !important;\r\n  color: rgba(255,255,255,.72) !important;\r\n  font-size: .74rem !important;\r\n  font-weight: 600 !important;\r\n}\r\n\r\n.mico-consent input[type=\"checkbox\"],\r\n.cf7-prototype .mico-consent input[type=\"checkbox\"] {\r\n  width: 18px;\r\n  height: 18px;\r\n  margin: 2px 0 0;\r\n  accent-color: var(--mico-orange);\r\n}\r\n\r\n\/* Contact Form 7 wraps the checkbox and its text in extra elements. *\/\r\n.cf7-prototype .mico-consent {\r\n  display: block !important;\r\n}\r\n\r\n.cf7-prototype .mico-consent > p {\r\n  margin: 0 !important;\r\n}\r\n\r\n.cf7-prototype .mico-consent .wpcf7-form-control-wrap,\r\n.cf7-prototype .mico-consent .wpcf7-acceptance,\r\n.cf7-prototype .mico-consent .wpcf7-list-item {\r\n  display: block;\r\n  width: 100%;\r\n}\r\n\r\n.cf7-prototype .mico-consent .wpcf7-list-item {\r\n  margin: 0;\r\n}\r\n\r\n.cf7-prototype .mico-consent label {\r\n  display: grid;\r\n  grid-template-columns: 20px minmax(0, 1fr);\r\n  align-items: start;\r\n  gap: 10px;\r\n  width: 100%;\r\n  cursor: pointer;\r\n}\r\n\r\n.cf7-prototype .mico-consent .wpcf7-list-item-label {\r\n  min-width: 0;\r\n}\r\n\r\n.mico-contact-form .mico-button,\r\n.cf7-prototype .wpcf7-submit {\r\n  justify-self: start;\r\n}\r\n\r\n.cf7-prototype .wpcf7-submit {\r\n  min-height: 50px;\r\n  padding: 14px 20px;\r\n  border: 1px solid var(--mico-orange);\r\n  border-radius: 999px;\r\n  color: var(--mico-white);\r\n  background: var(--mico-orange);\r\n  box-shadow: 0 12px 28px rgba(245,84,12,.2);\r\n  font-weight: 850;\r\n  cursor: pointer;\r\n}\r\n\r\n.mico-form-status,\r\n.cf7-prototype .wpcf7-response-output {\r\n  min-height: 1.5em;\r\n  margin: 0 !important;\r\n  color: rgba(255,255,255,.78);\r\n  font-size: .76rem;\r\n}\r\n\r\n.mico-flow-prefill {\r\n  margin: 0 !important;\r\n  padding: 13px 14px;\r\n  border: 1px solid rgba(255,255,255,.16);\r\n  border-radius: 12px;\r\n  color: rgba(255,255,255,.8) !important;\r\n  background: rgba(255,255,255,.07);\r\n  font-size: .76rem !important;\r\n}\r\n\r\n.privacy-section {\r\n  background: var(--mico-paper-2);\r\n}\r\n\r\n.privacy-section h2 {\r\n  max-width: 780px;\r\n  margin: 0 0 34px;\r\n  font-size: clamp(2rem, 4vw, 3.6rem);\r\n  line-height: 1.04;\r\n  letter-spacing: -.045em;\r\n}\r\n\r\n.privacy-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  border-top: 1px solid var(--mico-line);\r\n  border-left: 1px solid var(--mico-line);\r\n}\r\n\r\n.privacy-grid article {\r\n  padding: 26px;\r\n  border-right: 1px solid var(--mico-line);\r\n  border-bottom: 1px solid var(--mico-line);\r\n  background: rgba(255,255,255,.45);\r\n}\r\n\r\n.privacy-grid h3 {\r\n  margin: 0 0 9px;\r\n  color: var(--mico-navy-950);\r\n  font-size: 1rem;\r\n}\r\n\r\n.privacy-grid p {\r\n  margin: 0;\r\n  color: var(--mico-muted);\r\n  font-size: .88rem;\r\n}\r\n\r\n.privacy-grid a {\r\n  color: var(--mico-navy-950);\r\n  text-decoration: underline;\r\n  text-underline-offset: 3px;\r\n}\r\n\r\n.mico-footer {\r\n  padding-block: 58px 32px;\r\n  color: rgba(255,255,255,.68);\r\n  background: #08002f;\r\n}\r\n\r\n.mico-footer__grid {\r\n  display: grid;\r\n  grid-template-columns: 1.15fr .85fr .85fr;\r\n  gap: 50px;\r\n  padding-bottom: 42px;\r\n  border-bottom: 1px solid rgba(255,255,255,.12);\r\n}\r\n\r\n.mico-footer__logo {\r\n  width: 150px;\r\n  margin-bottom: 20px;\r\n  border-radius: 12px;\r\n}\r\n\r\n.mico-footer p {\r\n  max-width: 390px;\r\n  margin: 0;\r\n  font-size: .88rem;\r\n}\r\n\r\n.mico-footer h2 {\r\n  margin: 0 0 16px;\r\n  color: var(--mico-white);\r\n  font-size: .78rem;\r\n  letter-spacing: .1em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.mico-footer nav {\r\n  display: grid;\r\n  gap: 10px;\r\n}\r\n\r\n.mico-footer nav a {\r\n  width: fit-content;\r\n  font-size: .88rem;\r\n}\r\n\r\n.mico-footer nav a:hover { color: var(--mico-white); }\r\n\r\n.mico-footer__bottom {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  gap: 25px;\r\n  padding-top: 25px;\r\n  font-size: .76rem;\r\n}\r\n\r\n.mico-page.is-motion-ready [data-reveal] {\r\n  opacity: 0;\r\n  transform: translateY(24px);\r\n  transition: opacity .7s var(--mico-ease), transform .7s var(--mico-ease);\r\n}\r\n\r\n.mico-page.is-motion-ready [data-reveal].is-visible {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n@media (max-width: 1120px) {\r\n  .mico-nav-links { gap: 18px; }\r\n  .mico-nav-links a { font-size: 13px; }\r\n  .mico-nav-cta { display: none; }\r\n  .mico-nav-links .mico-nav-contact-link {\r\n    min-height: 52px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-top: 14px;\r\n    padding: 14px 16px;\r\n    color: #fff;\r\n    border: 1px solid #f5540c;\r\n    border-radius: 14px;\r\n    background: #f5540c;\r\n  }\r\n  .company-hero__inner { grid-template-columns: minmax(0, .95fr) minmax(360px, .75fr); }\r\n  .expertise-board { grid-template-columns: 1fr; }\r\n  .expertise-network { min-height: 540px; }\r\n  .expertise-content { padding-inline: 12px; }\r\n  .team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n  .team-card:last-child { grid-column: 1 \/ -1; width: calc(50% - 11px); justify-self: center; }\r\n  .working-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n}\r\n\r\n@media (max-width: 860px) {\r\n  :root { --mico-shell: min(calc(100% - 36px), 1320px); }\r\n  .mico-nav-inner { min-height: 76px; grid-template-columns: auto 1fr auto; }\r\n  .mico-logo { width: 124px; height: 50px; }\r\n  .mico-menu-toggle { display: grid; place-items: center; }\r\n  .mico-nav-actions { grid-column: 3; justify-self: end; }\r\n  .mico-nav-links {\r\n    position: fixed;\r\n    z-index: 2;\r\n    inset: 76px 0 auto;\r\n    display: grid;\r\n    align-content: start;\r\n    justify-content: stretch;\r\n    gap: 0;\r\n    max-height: calc(100svh - 76px);\r\n    padding: 22px 18px 30px;\r\n    overflow-y: auto;\r\n    border-top: 1px solid rgba(255,255,255,.14);\r\n    background: rgba(11,0,61,.99);\r\n    box-shadow: 0 30px 55px rgba(11,0,61,.15);\r\n    transform: translateY(-120%);\r\n    visibility: hidden;\r\n    transition: transform .3s var(--mico-ease), visibility .3s;\r\n  }\r\n  .mico-nav-links.is-open { transform: translateY(0); visibility: visible; }\r\n  body.admin-bar .mico-nav-links { top: 108px; }\r\n  .mico-nav-links a { padding: 17px 6px; border-bottom: 1px solid rgba(255,255,255,.14); color: rgba(255,255,255,.88); font-size: 1rem; }\r\n  .mico-nav-links a::after { display: none; }\r\n  .company-hero { min-height: 0; }\r\n  .company-hero__inner { grid-template-columns: 1fr; padding-block: 82px 100px; }\r\n  .company-hero__copy { position: relative; z-index: 3; }\r\n  .portrait-system { min-height: 500px; }\r\n  .company-intro__grid,\r\n  .company-contact__grid,\r\n  .mico-section-head { grid-template-columns: 1fr; }\r\n  .mico-section-head { align-items: start; gap: 25px; }\r\n  .roadmap-grid { grid-template-columns: 1fr; }\r\n  .roadmap-card { min-height: 0; }\r\n  .mico-footer__grid { grid-template-columns: 1fr 1fr; }\r\n  .mico-footer__brand { grid-column: 1 \/ -1; }\r\n}\r\n\r\n@media (max-width: 782px) {\r\n  body.admin-bar .mico-nav { top: 46px; }\r\n  body.admin-bar .mico-nav-links { top: 122px; }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  :root { --mico-shell: min(calc(100% - 28px), 1320px); }\r\n  .mico-prototype-bar { padding-inline: 12px; }\r\n  .mico-nav-actions { gap: 8px; }\r\n  .company-hero h1 { font-size: clamp(3rem, 15vw, 5rem); }\r\n  .company-hero__actions { display: grid; }\r\n  .company-hero__actions .mico-button { width: 100%; }\r\n  .portrait-system { min-height: 420px; margin-inline: -8px; }\r\n  .portrait-panel--one { width: 58%; height: 74%; left: 1%; }\r\n  .portrait-panel--two { width: 48%; height: 55%; right: 0; }\r\n  .portrait-panel--three { width: 45%; height: 46%; right: 2%; bottom: 2%; }\r\n  .portrait-label { top: auto; right: 10px; bottom: 43%; }\r\n  .expertise-network { min-height: auto; display: grid; gap: 10px; padding: 22px; }\r\n  .expertise-network::before,\r\n  .expertise-network::after,\r\n  .expertise-core { display: none; }\r\n  .expertise-node { position: static; width: 100%; min-height: 0; }\r\n  .expertise-person { grid-template-columns: 44px 1fr; }\r\n  .expertise-person em { grid-column: 2; }\r\n  .team-grid { grid-template-columns: 1fr; }\r\n  .team-card:last-child { grid-column: auto; width: 100%; }\r\n  .team-card__summary { min-height: 0; }\r\n  .working-grid { grid-template-columns: 1fr; }\r\n  .working-card { min-height: 0; }\r\n  .working-card__number { margin-bottom: 30px; }\r\n  .company-contact-details { grid-template-columns: 1fr; }\r\n  .cf7-prototype { padding: 23px; }\r\n  .mico-form-grid { grid-template-columns: 1fr; }\r\n  .mico-form-wide { grid-column: auto; }\r\n  .mico-contact-form .mico-button,\r\n  .cf7-prototype .wpcf7-submit { width: 100%; }\r\n  .privacy-grid { grid-template-columns: 1fr; }\r\n  .cf7-prototype__foot { align-items: stretch; flex-direction: column; }\r\n  .cf7-prototype__foot .mico-button { width: 100%; }\r\n  .mico-footer__grid { grid-template-columns: 1fr; }\r\n  .mico-footer__brand { grid-column: auto; }\r\n  .mico-footer__bottom { flex-direction: column; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  html { scroll-behavior: auto; }\r\n  *, *::before, *::after {\r\n    scroll-behavior: auto !important;\r\n    animation-duration: .01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: .01ms !important;\r\n  }\r\n  .mico-page.is-motion-ready [data-reveal] { opacity: 1; transform: none; }\r\n  .team-card:hover,\r\n  .expertise-node:hover,\r\n  .mico-button:hover { transform: none; }\r\n  .expertise-network,\r\n  .expertise-network::before,\r\n  .expertise-network::after,\r\n  .expertise-core,\r\n  .expertise-core::before { animation: none !important; }\r\n}\r\n\r\n@supports not (backdrop-filter: blur(10px)) {\r\n  .mico-nav { background: rgba(11,0,61,.99); }\r\n  .portrait-label,\r\n  .team-card__badge { background: rgba(11,0,61,.94); }\r\n}\r\n\r\n\/* mico-contact.css *\/\r\nbody.is-menu-open { overflow: hidden; }\r\n\r\n    body.page-id-993 .et-l--header {\r\n      display: none !important;\r\n      height: 0 !important;\r\n      min-height: 0 !important;\r\n      overflow: hidden !important;\r\n      visibility: hidden !important;\r\n      pointer-events: none !important;\r\n    }\r\n\r\n    body.page-id-993 footer.et-l--footer {\r\n      display: none !important;\r\n      height: 0 !important;\r\n      min-height: 0 !important;\r\n      overflow: hidden !important;\r\n      visibility: hidden !important;\r\n      pointer-events: none !important;\r\n    }\r\n\r\n    body.page-id-993 #main-content .et_builder_inner_content > .et_pb_section:not(:has(#mico-contact-page)) {\r\n      display: none !important;\r\n    }\r\n\r\n    body.page-id-993 #page-container,\r\n    body.page-id-993 #main-content {\r\n      padding-top: 0 !important;\r\n      margin-top: 0 !important;\r\n      background: #f6f4ee !important;\r\n    }\r\n\r\n    body.page-id-993 #main-content .et_pb_section,\r\n    body.page-id-993 #main-content .et_pb_row,\r\n    body.page-id-993 #main-content .et_pb_column,\r\n    body.page-id-993 #main-content .et_pb_code,\r\n    body.page-id-993 #main-content .et_pb_code_inner {\r\n      width: 100% !important;\r\n      max-width: none !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n\r\n    body.page-id-993 #main-content .container {\r\n      width: 100% !important;\r\n      max-width: none !important;\r\n      padding: 0 !important;\r\n    }\r\n\r\n    body.page-id-993 #main-content .container::before {\r\n      display: none !important;\r\n    }\r\n\r\n    #mico-contact-page {\r\n      --mh-navy-950: #0c0040;\r\n      --mh-navy-900: #17104c;\r\n      --mh-navy-800: #21185a;\r\n      --mh-navy-700: #30256b;\r\n      --mh-orange: #f5540c;\r\n      --mh-orange-dark: #c84005;\r\n      --mh-paper: #f6f4ee;\r\n      --mh-paper-2: #eeeae1;\r\n      --mh-white: #ffffff;\r\n      --mh-ink: #171128;\r\n      --mh-muted: #625d6c;\r\n      --mh-line: #dcd7ce;\r\n      --mh-line-dark: rgba(255, 255, 255, 0.16);\r\n      --mh-now: #f5540c;\r\n      --mh-development: #786ea8;\r\n      --mh-future: #b9b3cd;\r\n      --mh-shadow: 0 30px 80px rgba(18, 10, 52, 0.14);\r\n      --mh-radius-sm: 10px;\r\n      --mh-radius-md: 18px;\r\n      --mh-radius-lg: 30px;\r\n      --mh-ease: cubic-bezier(.2, .8, .2, 1);\r\n      width: 100%;\r\n      max-width: none;\r\n      margin: 0;\r\n      overflow: clip;\r\n      color: var(--mh-ink);\r\n      background: var(--mh-paper);\r\n      font-family: Manrope, \"Segoe UI\", Arial, sans-serif;\r\n      font-size: 16px;\r\n      line-height: 1.55;\r\n      -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    #mico-contact-page *,\r\n    #mico-contact-page *::before,\r\n    #mico-contact-page *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #mico-contact-page :where(h1, h2, h3, p, ul, ol, figure, fieldset) {\r\n      margin-top: 0;\r\n    }\r\n\r\n    #mico-contact-page :where(button, input) {\r\n      font: inherit;\r\n    }\r\n\r\n    #mico-contact-page a {\r\n      color: inherit;\r\n      text-decoration: none;\r\n    }\r\n\r\n    #mico-contact-page img,\r\n    #mico-contact-page svg {\r\n      display: block;\r\n      max-width: 100%;\r\n    }\r\n\r\n    #mico-contact-page .mh-shell {\r\n      width: min(calc(100% - 48px), 1320px);\r\n      margin-inline: auto;\r\n    }\r\n\r\n    #mico-contact-page .mh-shell--narrow {\r\n      width: min(calc(100% - 48px), 1080px);\r\n      margin-inline: auto;\r\n    }\r\n\r\n    #mico-contact-page .mh-section {\r\n      position: relative;\r\n      padding-block: clamp(88px, 10vw, 152px);\r\n    }\r\n\r\n    #mico-contact-page .mh-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 22px;\r\n      color: var(--mh-orange-dark);\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      letter-spacing: .13em;\r\n      line-height: 1.25;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    #mico-contact-page .mh-kicker::before {\r\n      content: \"\";\r\n      width: 28px;\r\n      height: 3px;\r\n      border-radius: 2px;\r\n      background: currentColor;\r\n    }\r\n\r\n    #mico-contact-page .mh-kicker--light {\r\n      color: #ff8550;\r\n    }\r\n\r\n    #mico-contact-page .mh-display,\r\n    #mico-contact-page .mh-title {\r\n      color: var(--mh-navy-950);\r\n      font-weight: 760;\r\n      letter-spacing: -.045em;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    #mico-contact-page .mh-display {\r\n      max-width: 940px;\r\n      margin-bottom: 30px;\r\n      font-size: clamp(3rem, 6vw, 6.8rem);\r\n      line-height: .94;\r\n    }\r\n\r\n    #mico-contact-page .mh-title {\r\n      max-width: 900px;\r\n      margin-bottom: 24px;\r\n      font-size: clamp(2.25rem, 4.5vw, 4.75rem);\r\n      line-height: 1;\r\n    }\r\n\r\n    #mico-contact-page .mh-title--light {\r\n      color: #fff;\r\n    }\r\n\r\n    #mico-contact-page .mh-copy-lg {\r\n      max-width: 740px;\r\n      margin-bottom: 0;\r\n      color: var(--mh-muted);\r\n      font-size: clamp(1.08rem, 1.55vw, 1.32rem);\r\n      line-height: 1.65;\r\n    }\r\n\r\n    #mico-contact-page .mh-copy-lg--light {\r\n      color: #d7d2e5;\r\n    }\r\n\r\n    #mico-contact-page .mh-button {\r\n      min-height: 54px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 12px;\r\n      padding: 0 23px;\r\n      border: 1px solid transparent;\r\n      border-radius: var(--mh-radius-sm);\r\n      color: var(--mh-navy-950);\r\n      background: var(--mh-orange);\r\n      font-size: 15px;\r\n      font-weight: 800;\r\n      line-height: 1.2;\r\n      cursor: pointer;\r\n      transition: transform 180ms var(--mh-ease), background-color 180ms ease, border-color 180ms ease;\r\n    }\r\n\r\n    #mico-contact-page .mh-button:hover {\r\n      transform: translateY(-2px);\r\n      background: #ff6a28;\r\n    }\r\n\r\n    #mico-contact-page .mh-button[disabled] {\r\n      opacity: .48;\r\n      cursor: not-allowed;\r\n      transform: none;\r\n    }\r\n\r\n    #mico-contact-page .mh-button--light {\r\n      color: #fff;\r\n      border-color: rgba(255,255,255,.35);\r\n      background: rgba(255,255,255,.06);\r\n    }\r\n\r\n    #mico-contact-page .mh-button--light:hover {\r\n      border-color: rgba(255,255,255,.62);\r\n      background: rgba(255,255,255,.12);\r\n    }\r\n\r\n    #mico-contact-page .mh-button--ink {\r\n      color: #fff;\r\n      background: var(--mh-navy-950);\r\n    }\r\n\r\n    #mico-contact-page .mh-button--ink:hover {\r\n      background: var(--mh-navy-800);\r\n    }\r\n\r\n    #mico-contact-page .mh-button:focus-visible,\r\n    #mico-contact-page a:focus-visible,\r\n    #mico-contact-page button:focus-visible,\r\n    #mico-contact-page input:focus-visible + .mf-choice {\r\n      outline: 3px solid var(--mh-orange);\r\n      outline-offset: 4px;\r\n    }\r\n\r\n    #mico-contact-page .mh-skip {\r\n      position: fixed;\r\n      top: 12px;\r\n      left: 12px;\r\n      z-index: 10000;\r\n      padding: 11px 16px;\r\n      color: var(--mh-navy-950);\r\n      background: #fff;\r\n      border-radius: 8px;\r\n      box-shadow: var(--mh-shadow);\r\n      transform: translateY(-160%);\r\n      transition: transform 160ms ease;\r\n    }\r\n\r\n    #mico-contact-page .mh-skip:focus {\r\n      transform: translateY(0);\r\n    }\r\n\r\n    \/* Custom navigation *\/\r\n    #mico-contact-page .mh-nav {\r\n      position: sticky;\r\n      top: 0;\r\n      z-index: 50;\r\n      color: #fff;\r\n      border-bottom: 1px solid rgba(255,255,255,.12);\r\n      background: rgba(12,0,64,.96);\r\n      box-shadow: 0 12px 38px rgba(8,0,34,.12);\r\n      backdrop-filter: blur(18px) saturate(150%);\r\n      -webkit-backdrop-filter: blur(18px) saturate(150%);\r\n    }\r\n\r\n    #mico-contact-page .mh-nav.is-docked {\r\n      background: rgba(12, 0, 64, .96);\r\n      box-shadow: 0 12px 38px rgba(8, 0, 34, .12);\r\n    }\r\n\r\n    body.admin-bar #mico-contact-page .mh-nav,\r\n    body.admin-bar #mico-contact-page .mh-nav.is-docked {\r\n      top: 32px;\r\n    }\r\n\r\n    #mico-contact-page .mh-nav-inner {\r\n      min-height: 88px;\r\n      display: grid;\r\n      grid-template-columns: auto 1fr auto;\r\n      gap: 30px;\r\n      align-items: center;\r\n      border-bottom: 0;\r\n    }\r\n\r\n    #mico-contact-page .mh-nav.is-docked .mh-nav-inner {\r\n      min-height: 88px;\r\n      border-bottom-color: transparent;\r\n    }\r\n\r\n    #mico-contact-page .mh-logo {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      border-radius: 8px;\r\n    }\r\n\r\n    #mico-contact-page .mh-logo img {\r\n      width: 116px;\r\n      height: auto;\r\n      border-radius: 0;\r\n      object-fit: contain;\r\n    }\r\n\r\n    #mico-contact-page .mh-nav-links {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: clamp(18px, 2.2vw, 34px);\r\n    }\r\n\r\n    #mico-contact-page .mh-nav-links a {\r\n      padding-block: 10px;\r\n      color: rgba(255,255,255,.8);\r\n      font-size: 13px;\r\n      font-weight: 750;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #mico-contact-page .mh-nav-links a:hover,\r\n    #mico-contact-page .mh-nav-links a:focus-visible,\r\n    #mico-contact-page .mh-nav-links a[aria-current=\"page\"] {\r\n      color: #fff;\r\n    }\r\n\r\n    #mico-contact-page .mico-nav-contact-link {\r\n      display: none;\r\n    }\r\n\r\n    #mico-contact-page .mh-nav-actions {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n    }\r\n\r\n    #mico-contact-page .mh-nav-cta {\r\n      min-height: 50px;\r\n      padding-inline: 20px;\r\n      font-size: 14px;\r\n    }\r\n\r\n    #mico-contact-page .mh-nav-toggle {\r\n      width: 50px;\r\n      height: 50px;\r\n      display: none;\r\n      place-items: center;\r\n      padding: 0;\r\n      border: 1px solid rgba(255,255,255,.3);\r\n      border-radius: 50%;\r\n      color: #fff;\r\n      background: rgba(255,255,255,.06);\r\n      cursor: pointer;\r\n    }\r\n\r\n    #mico-contact-page .mh-nav-toggle-lines,\r\n    #mico-contact-page .mh-nav-toggle-lines::before,\r\n    #mico-contact-page .mh-nav-toggle-lines::after {\r\n      width: 19px;\r\n      height: 2px;\r\n      display: block;\r\n      border-radius: 2px;\r\n      background: currentColor;\r\n      transition: transform 180ms ease, opacity 180ms ease;\r\n    }\r\n\r\n    #mico-contact-page .mh-nav-toggle-lines {\r\n      position: relative;\r\n    }\r\n\r\n    #mico-contact-page .mh-nav-toggle-lines::before,\r\n    #mico-contact-page .mh-nav-toggle-lines::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n    }\r\n\r\n    #mico-contact-page .mh-nav-toggle-lines::before { top: -6px; }\r\n    #mico-contact-page .mh-nav-toggle-lines::after { top: 6px; }\r\n    #mico-contact-page .mh-nav-toggle[aria-expanded=\"true\"] .mh-nav-toggle-lines { background: transparent; }\r\n    #mico-contact-page .mh-nav-toggle[aria-expanded=\"true\"] .mh-nav-toggle-lines::before { transform: translateY(6px) rotate(45deg); }\r\n    #mico-contact-page .mh-nav-toggle[aria-expanded=\"true\"] .mh-nav-toggle-lines::after { transform: translateY(-6px) rotate(-45deg); }\r\n\r\n    \/* Hero *\/\r\n    #mico-contact-page .mh-hero {\r\n      position: relative;\r\n      isolation: isolate;\r\n      min-height: 790px;\r\n      display: grid;\r\n      align-items: center;\r\n      overflow: hidden;\r\n      color: #fff;\r\n      background: var(--mh-navy-950);\r\n    }\r\n\r\n    #mico-contact-page .mh-hero-media,\r\n    #mico-contact-page .mh-hero-shade,\r\n    #mico-contact-page .mh-hero-gridlines {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -3;\r\n    }\r\n\r\n    #mico-contact-page .mh-hero-media {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center;\r\n    }\r\n\r\n    #mico-contact-page .mh-hero-shade {\r\n      z-index: -2;\r\n      background:\r\n        linear-gradient(90deg, rgba(12,0,64,.99) 0%, rgba(12,0,64,.93) 49%, rgba(12,0,64,.35) 78%, rgba(12,0,64,.44) 100%),\r\n        linear-gradient(0deg, rgba(12,0,64,.44), transparent 42%);\r\n    }\r\n\r\n    #mico-contact-page .mh-hero-gridlines {\r\n      z-index: -1;\r\n      opacity: .09;\r\n      background-image:\r\n        linear-gradient(rgba(255,255,255,.28) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,.28) 1px, transparent 1px);\r\n      background-size: 34px 34px;\r\n      mask-image: linear-gradient(90deg, #000, transparent 80%);\r\n    }\r\n\r\n    #mico-contact-page .mh-hero-inner {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 7fr) minmax(320px, 4fr);\r\n      gap: clamp(48px, 7vw, 106px);\r\n      align-items: end;\r\n      padding-block: clamp(128px, 13vw, 184px) clamp(82px, 9vw, 118px);\r\n    }\r\n\r\n    #mico-contact-page .mh-hero-copy {\r\n      max-width: 840px;\r\n    }\r\n\r\n    #mico-contact-page .mh-hero .mh-kicker {\r\n      margin-bottom: 28px;\r\n    }\r\n\r\n    #mico-contact-page .mh-hero h1 {\r\n      margin: 0;\r\n      color: #fff;\r\n      font-size: clamp(3.25rem, 5.4vw, 5.65rem);\r\n      font-weight: 760;\r\n      letter-spacing: -.058em;\r\n      line-height: .93;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    #mico-contact-page .mh-hero-lead {\r\n      max-width: 730px;\r\n      margin: 32px 0 0;\r\n      color: #d7d2e5;\r\n      font-size: clamp(1.08rem, 1.48vw, 1.3rem);\r\n      line-height: 1.62;\r\n    }\r\n\r\n    #mico-contact-page .mh-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 14px;\r\n      margin-top: 38px;\r\n    }\r\n\r\n    #mico-contact-page .mh-system-card {\r\n      padding: 24px;\r\n      border: 1px solid rgba(255,255,255,.2);\r\n      border-radius: 22px;\r\n      background: rgba(12,0,64,.76);\r\n      box-shadow: 0 28px 70px rgba(6,0,30,.3);\r\n      backdrop-filter: blur(16px);\r\n    }\r\n\r\n    #mico-contact-page .mh-system-head {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 16px;\r\n      margin-bottom: 22px;\r\n    }\r\n\r\n    #mico-contact-page .mh-system-title {\r\n      margin: 0;\r\n      color: #fff;\r\n      font-size: 15px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    #mico-contact-page .mh-status {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      min-height: 28px;\r\n      padding: 5px 9px;\r\n      border-radius: 999px;\r\n      font-size: 10px;\r\n      font-weight: 850;\r\n      letter-spacing: .08em;\r\n      line-height: 1.15;\r\n      text-transform: uppercase;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #mico-contact-page .mh-status::before {\r\n      content: \"\";\r\n      width: 8px;\r\n      height: 8px;\r\n      flex: 0 0 8px;\r\n      border: 2px solid currentColor;\r\n      border-radius: 50%;\r\n    }\r\n\r\n    #mico-contact-page .mh-status--now {\r\n      color: #fff;\r\n      background: var(--mh-orange);\r\n    }\r\n\r\n    #mico-contact-page .mh-status--now::before {\r\n      background: currentColor;\r\n    }\r\n\r\n    #mico-contact-page .mh-status--development {\r\n      color: #fff;\r\n      border: 1px dashed rgba(255,255,255,.48);\r\n      background: rgba(120,110,168,.34);\r\n    }\r\n\r\n    #mico-contact-page .mh-status--future {\r\n      color: #3e365a;\r\n      border: 1px dotted #9f98b8;\r\n      background: #ece9f2;\r\n    }\r\n\r\n    #mico-contact-page .mh-status--paper {\r\n      color: var(--mh-navy-950);\r\n      background: #fff;\r\n    }\r\n\r\n    #mico-contact-page .mh-hero-flow {\r\n      position: relative;\r\n      display: grid;\r\n      gap: 13px;\r\n      padding-left: 22px;\r\n    }\r\n\r\n    #mico-contact-page .mh-hero-flow::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 18px;\r\n      bottom: 18px;\r\n      left: 7px;\r\n      width: 3px;\r\n      border-radius: 3px;\r\n      background: var(--mh-orange);\r\n      transform-origin: top;\r\n      animation: mh-flow-vertical 1.15s var(--mh-ease) both .25s;\r\n    }\r\n\r\n    #mico-contact-page .mh-hero-step {\r\n      position: relative;\r\n      min-height: 54px;\r\n      display: grid;\r\n      grid-template-columns: 1fr auto;\r\n      gap: 14px;\r\n      align-items: center;\r\n      padding: 12px 14px;\r\n      border: 1px solid rgba(255,255,255,.14);\r\n      border-radius: 11px;\r\n      background: rgba(255,255,255,.07);\r\n    }\r\n\r\n    #mico-contact-page .mh-hero-step::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 50%;\r\n      left: -21px;\r\n      width: 12px;\r\n      height: 12px;\r\n      border: 3px solid #fff;\r\n      border-radius: 50%;\r\n      background: var(--mh-orange);\r\n      transform: translateY(-50%);\r\n    }\r\n\r\n    #mico-contact-page .mh-hero-step strong {\r\n      color: #fff;\r\n      font-size: 14px;\r\n    }\r\n\r\n    #mico-contact-page .mh-hero-step span {\r\n      color: #bfb9d3;\r\n      font-size: 11px;\r\n      text-align: right;\r\n    }\r\n\r\n    \/* Client proof *\/\r\n    #mico-contact-page .mh-proof {\r\n      border-bottom: 1px solid var(--mh-line);\r\n      background: #fff;\r\n    }\r\n\r\n    #mico-contact-page .mh-proof-inner {\r\n      min-height: 176px;\r\n      display: grid;\r\n      grid-template-columns: minmax(150px, .52fr) minmax(0, 2.7fr);\r\n      gap: clamp(28px, 4vw, 58px);\r\n      align-items: center;\r\n      padding-block: 30px;\r\n    }\r\n\r\n    #mico-contact-page .mh-proof-title {\r\n      margin: 0;\r\n      color: var(--mh-navy-950);\r\n      font-size: 13px;\r\n      font-weight: 850;\r\n      letter-spacing: .12em;\r\n      line-height: 1.4;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    #mico-contact-page .mh-clients {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, minmax(0, 1fr));\r\n      align-items: stretch;\r\n      border: 1px solid #e4e0e8;\r\n      border-radius: 20px;\r\n      background: #fff;\r\n      box-shadow: 0 18px 42px rgba(12,0,64,.055);\r\n      overflow: hidden;\r\n    }\r\n\r\n    #mico-contact-page .mh-client {\r\n      position: relative;\r\n      min-height: 118px;\r\n      display: grid;\r\n      place-items: center;\r\n      padding: 16px 18px;\r\n      border-left: 1px solid #e4e0e8;\r\n      background: linear-gradient(145deg, #fff, #fbfafc);\r\n      transition: background-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;\r\n    }\r\n\r\n    #mico-contact-page .mh-client:first-child { border-left: 0; }\r\n\r\n    #mico-contact-page .mh-client:hover {\r\n      z-index: 1;\r\n      background: #fff;\r\n      box-shadow: 0 14px 34px rgba(12,0,64,.1);\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    #mico-contact-page .mh-client:focus-visible {\r\n      z-index: 2;\r\n      outline: 3px solid var(--mh-orange);\r\n      outline-offset: -4px;\r\n    }\r\n\r\n    #mico-contact-page .mh-client img {\r\n      width: auto;\r\n      max-width: 100%;\r\n      height: auto;\r\n      max-height: 82px;\r\n      display: block;\r\n      object-fit: contain;\r\n    }\r\n\r\n    #mico-contact-page .mh-client--sso img { width: min(150px, 90%); }\r\n    #mico-contact-page .mh-client--estradi img { width: min(158px, 94%); }\r\n    #mico-contact-page .mh-client--cuubi img { width: min(138px, 84%); }\r\n    #mico-contact-page .mh-client--sinun img { width: min(86px, 66%); max-height: 86px; }\r\n\r\n    #mico-contact-page .mh-client-source {\r\n      position: absolute;\r\n      right: 9px;\r\n      bottom: 7px;\r\n      color: #918b9d;\r\n      font-size: 8px;\r\n      font-weight: 760;\r\n      letter-spacing: .06em;\r\n      opacity: 0;\r\n      text-transform: uppercase;\r\n      transition: opacity 180ms ease;\r\n    }\r\n\r\n    #mico-contact-page .mh-client:hover .mh-client-source,\r\n    #mico-contact-page .mh-client:focus-visible .mh-client-source {\r\n      opacity: 1;\r\n    }\r\n\r\n    \/* Problem *\/\r\n    #mico-contact-page .mh-problem {\r\n      background: var(--mh-paper);\r\n    }\r\n\r\n    #mico-contact-page .mh-problem-grid {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);\r\n      gap: clamp(56px, 9vw, 132px);\r\n      align-items: start;\r\n    }\r\n\r\n    #mico-contact-page .mh-problem-list {\r\n      border-top: 1px solid var(--mh-line);\r\n    }\r\n\r\n    #mico-contact-page .mh-problem-item {\r\n      display: grid;\r\n      grid-template-columns: 54px 1fr;\r\n      gap: 20px;\r\n      padding-block: 28px;\r\n      border-bottom: 1px solid var(--mh-line);\r\n    }\r\n\r\n    #mico-contact-page .mh-problem-number {\r\n      color: var(--mh-orange-dark);\r\n      font-size: 12px;\r\n      font-weight: 850;\r\n      letter-spacing: .1em;\r\n    }\r\n\r\n    #mico-contact-page .mh-problem-item h3 {\r\n      margin-bottom: 8px;\r\n      color: var(--mh-navy-950);\r\n      font-size: clamp(1.25rem, 2vw, 1.72rem);\r\n      font-weight: 760;\r\n      letter-spacing: -.025em;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    #mico-contact-page .mh-problem-item p {\r\n      margin-bottom: 0;\r\n      color: var(--mh-muted);\r\n      font-size: 15px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    #mico-contact-page .mh-path-band {\r\n      margin-top: clamp(58px, 8vw, 104px);\r\n      display: grid;\r\n      grid-template-columns: auto 1fr auto 1fr;\r\n      gap: 24px;\r\n      align-items: center;\r\n      padding: clamp(26px, 4vw, 42px);\r\n      color: #fff;\r\n      border-radius: var(--mh-radius-lg);\r\n      background: var(--mh-navy-950);\r\n    }\r\n\r\n    #mico-contact-page .mh-path-index {\r\n      width: 46px;\r\n      height: 46px;\r\n      display: grid;\r\n      place-items: center;\r\n      border: 1px solid rgba(255,255,255,.25);\r\n      border-radius: 50%;\r\n      color: #ff8b58;\r\n      font-size: 12px;\r\n      font-weight: 850;\r\n    }\r\n\r\n    #mico-contact-page .mh-path-band h3 {\r\n      margin-bottom: 6px;\r\n      color: #fff;\r\n      font-size: 18px;\r\n      font-weight: 760;\r\n    }\r\n\r\n    #mico-contact-page .mh-path-band p {\r\n      margin-bottom: 0;\r\n      color: #cfcadd;\r\n      font-size: 14px;\r\n    }\r\n\r\n    \/* System Story *\/\r\n    #mico-contact-page .mh-story {\r\n      color: #fff;\r\n      background: var(--mh-navy-950);\r\n    }\r\n\r\n    #mico-contact-page .mh-story::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      opacity: .08;\r\n      background-image:\r\n        linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px);\r\n      background-size: 48px 48px;\r\n      pointer-events: none;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-intro {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);\r\n      gap: 56px;\r\n      align-items: end;\r\n      margin-bottom: clamp(72px, 9vw, 116px);\r\n    }\r\n\r\n    #mico-contact-page .mh-story-intro .mh-copy-lg {\r\n      justify-self: end;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-grid {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.05fr) minmax(360px, .72fr);\r\n      gap: clamp(54px, 8vw, 112px);\r\n      align-items: start;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-stage {\r\n      position: sticky;\r\n      top: 104px;\r\n      min-height: 610px;\r\n      padding: 24px;\r\n      border: 1px solid rgba(255,255,255,.16);\r\n      border-radius: 28px;\r\n      background: #12074a;\r\n      box-shadow: 0 36px 90px rgba(4,0,25,.34);\r\n      overflow: hidden;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-stage::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 280px;\r\n      height: 280px;\r\n      right: -110px;\r\n      top: -130px;\r\n      border-radius: 50%;\r\n      background: rgba(245,84,12,.14);\r\n      filter: blur(1px);\r\n    }\r\n\r\n    #mico-contact-page .mh-stage-head {\r\n      position: relative;\r\n      z-index: 3;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 18px;\r\n      padding-bottom: 20px;\r\n      border-bottom: 1px solid rgba(255,255,255,.12);\r\n    }\r\n\r\n    #mico-contact-page .mh-stage-count {\r\n      color: #aaa3c4;\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      letter-spacing: .11em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    #mico-contact-page .mh-stage-title {\r\n      margin: 0;\r\n      color: #fff;\r\n      font-size: 17px;\r\n      font-weight: 760;\r\n      text-align: right;\r\n    }\r\n\r\n    #mico-contact-page .mh-stage-map {\r\n      position: relative;\r\n      width: 100%;\r\n      min-height: 455px;\r\n      margin-top: 22px;\r\n      overflow: hidden;\r\n    }\r\n\r\n    #mico-contact-page .mh-stage-route {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      overflow: visible;\r\n    }\r\n\r\n    #mico-contact-page .mh-route-base {\r\n      fill: none;\r\n      stroke: rgba(255,255,255,.15);\r\n      stroke-width: 4;\r\n      stroke-linecap: round;\r\n      stroke-dasharray: 5 10;\r\n    }\r\n\r\n    #mico-contact-page .mh-route-flow {\r\n      fill: none;\r\n      stroke: var(--mh-orange);\r\n      stroke-width: 5;\r\n      stroke-linecap: round;\r\n      stroke-dasharray: 980;\r\n      stroke-dashoffset: 610;\r\n      filter: drop-shadow(0 0 7px rgba(245,84,12,.45));\r\n      transition: stroke-dashoffset 750ms var(--mh-ease);\r\n    }\r\n\r\n    #mico-contact-page .mh-story-stage[data-stage=\"2\"] .mh-route-flow { stroke-dashoffset: 430; }\r\n    #mico-contact-page .mh-story-stage[data-stage=\"3\"] .mh-route-flow { stroke-dashoffset: 285; }\r\n    #mico-contact-page .mh-story-stage[data-stage=\"4\"] .mh-route-flow { stroke-dashoffset: 120; }\r\n    #mico-contact-page .mh-story-stage[data-stage=\"5\"] .mh-route-flow { stroke-dashoffset: 0; }\r\n\r\n    #mico-contact-page .mh-map-node {\r\n      position: absolute;\r\n      z-index: 2;\r\n      width: 112px;\r\n      min-height: 70px;\r\n      display: grid;\r\n      align-content: center;\r\n      gap: 3px;\r\n      padding: 10px 12px;\r\n      border: 1px solid rgba(255,255,255,.17);\r\n      border-radius: 12px;\r\n      color: #bcb6d0;\r\n      background: rgba(255,255,255,.065);\r\n      opacity: .4;\r\n      transform: scale(.96);\r\n      transition: opacity 380ms ease, transform 380ms var(--mh-ease), border-color 380ms ease, background-color 380ms ease;\r\n    }\r\n\r\n    #mico-contact-page .mh-map-node strong {\r\n      color: #fff;\r\n      font-size: 12px;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    #mico-contact-page .mh-map-node span {\r\n      font-size: 9px;\r\n      font-weight: 700;\r\n      letter-spacing: .06em;\r\n      line-height: 1.2;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    #mico-contact-page .mh-node-pickup { left: 2%; top: 70%; }\r\n    #mico-contact-page .mh-node-warehouse { left: 23%; top: 42%; }\r\n    #mico-contact-page .mh-node-picking { left: 47%; top: 17%; }\r\n    #mico-contact-page .mh-node-cold { left: 62%; top: 53%; }\r\n    #mico-contact-page .mh-node-delivery { right: 1%; top: 18%; }\r\n    #mico-contact-page .mh-node-tech { left: 38%; bottom: 1%; }\r\n    #mico-contact-page .mh-node-terminal { right: 5%; bottom: 0; }\r\n    #mico-contact-page .mh-node-trust { right: 1%; top: 66%; }\r\n\r\n    #mico-contact-page .mh-story-stage[data-stage=\"1\"] :is(.mh-node-pickup,.mh-node-warehouse,.mh-node-picking,.mh-node-cold,.mh-node-delivery),\r\n    #mico-contact-page .mh-story-stage[data-stage=\"2\"] :is(.mh-node-pickup,.mh-node-warehouse,.mh-node-picking,.mh-node-cold,.mh-node-delivery),\r\n    #mico-contact-page .mh-story-stage[data-stage=\"3\"] :is(.mh-node-pickup,.mh-node-warehouse,.mh-node-picking,.mh-node-cold,.mh-node-delivery,.mh-node-tech),\r\n    #mico-contact-page .mh-story-stage[data-stage=\"4\"] :is(.mh-node-pickup,.mh-node-warehouse,.mh-node-picking,.mh-node-cold,.mh-node-delivery,.mh-node-tech,.mh-node-terminal),\r\n    #mico-contact-page .mh-story-stage[data-stage=\"5\"] .mh-map-node {\r\n      opacity: 1;\r\n      transform: scale(1);\r\n      border-color: rgba(245,84,12,.48);\r\n      background: rgba(245,84,12,.11);\r\n    }\r\n\r\n    #mico-contact-page .mh-story-stage[data-stage=\"3\"] .mh-node-tech,\r\n    #mico-contact-page .mh-story-stage[data-stage=\"4\"] :is(.mh-node-tech,.mh-node-terminal),\r\n    #mico-contact-page .mh-story-stage[data-stage=\"5\"] .mh-node-trust {\r\n      box-shadow: 0 0 0 5px rgba(245,84,12,.08);\r\n    }\r\n\r\n    #mico-contact-page .mh-stage-caption {\r\n      position: absolute;\r\n      right: 24px;\r\n      bottom: 22px;\r\n      left: 24px;\r\n      z-index: 3;\r\n      margin: 0;\r\n      color: #bbb5cf;\r\n      font-size: 12px;\r\n    }\r\n\r\n    #mico-contact-page .mh-scenes {\r\n      display: grid;\r\n    }\r\n\r\n    #mico-contact-page .mh-scene {\r\n      min-height: 54vh;\r\n      display: grid;\r\n      align-content: center;\r\n      padding: 46px 0 46px 30px;\r\n      border-left: 2px solid rgba(255,255,255,.12);\r\n      opacity: .47;\r\n      transition: opacity 300ms ease, border-color 300ms ease;\r\n    }\r\n\r\n    #mico-contact-page .mh-scene.is-active {\r\n      border-left-color: var(--mh-orange);\r\n      opacity: 1;\r\n    }\r\n\r\n    #mico-contact-page .mh-scene-number {\r\n      margin-bottom: 16px;\r\n      color: #9f98ba;\r\n      font-size: 11px;\r\n      font-weight: 850;\r\n      letter-spacing: .13em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    #mico-contact-page .mh-scene .mh-status {\r\n      width: max-content;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    #mico-contact-page .mh-scene h3 {\r\n      max-width: 460px;\r\n      margin-bottom: 16px;\r\n      color: #fff;\r\n      font-size: clamp(1.75rem, 3vw, 2.65rem);\r\n      font-weight: 760;\r\n      letter-spacing: -.035em;\r\n      line-height: 1.08;\r\n    }\r\n\r\n    #mico-contact-page .mh-scene p {\r\n      max-width: 470px;\r\n      margin-bottom: 0;\r\n      color: #c7c1d7;\r\n      font-size: 16px;\r\n      line-height: 1.68;\r\n    }\r\n\r\n    \/* Services *\/\r\n    #mico-contact-page .mh-services {\r\n      background: #fff;\r\n    }\r\n\r\n    #mico-contact-page .mh-services-head {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.15fr) minmax(280px, .65fr);\r\n      gap: 54px;\r\n      align-items: end;\r\n      margin-bottom: clamp(54px, 7vw, 88px);\r\n    }\r\n\r\n    #mico-contact-page .mh-services-head .mh-copy-lg {\r\n      justify-self: end;\r\n    }\r\n\r\n    #mico-contact-page .mh-service-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      border-top: 1px solid var(--mh-line);\r\n      border-left: 1px solid var(--mh-line);\r\n    }\r\n\r\n    #mico-contact-page .mh-service {\r\n      min-height: 268px;\r\n      display: grid;\r\n      grid-template-rows: auto 1fr auto;\r\n      gap: 28px;\r\n      padding: clamp(25px, 3.3vw, 42px);\r\n      border-right: 1px solid var(--mh-line);\r\n      border-bottom: 1px solid var(--mh-line);\r\n      background: #fff;\r\n      transition: background-color 200ms ease;\r\n    }\r\n\r\n    #mico-contact-page .mh-service:hover {\r\n      background: #faf8f4;\r\n    }\r\n\r\n    #mico-contact-page .mh-service-mark {\r\n      width: 38px;\r\n      height: 38px;\r\n      display: grid;\r\n      place-items: center;\r\n      color: var(--mh-orange-dark);\r\n      border: 1px solid #dfd9cf;\r\n      border-radius: 50%;\r\n      font-size: 13px;\r\n      font-weight: 850;\r\n    }\r\n\r\n    #mico-contact-page .mh-service h3 {\r\n      margin-bottom: 11px;\r\n      color: var(--mh-navy-950);\r\n      font-size: clamp(1.35rem, 2vw, 1.82rem);\r\n      font-weight: 760;\r\n      letter-spacing: -.03em;\r\n      line-height: 1.12;\r\n    }\r\n\r\n    #mico-contact-page .mh-service p {\r\n      margin-bottom: 0;\r\n      color: var(--mh-muted);\r\n      font-size: 14px;\r\n      line-height: 1.62;\r\n    }\r\n\r\n    #mico-contact-page .mh-service small {\r\n      color: #726c7c;\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      letter-spacing: .08em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    \/* Operations \/ collaboration *\/\r\n    #mico-contact-page .mh-operating {\r\n      background: var(--mh-paper);\r\n    }\r\n\r\n    #mico-contact-page .mh-pillar-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      margin-top: 64px;\r\n      border-top: 1px solid var(--mh-line);\r\n    }\r\n\r\n    #mico-contact-page .mh-pillar {\r\n      padding: 34px 32px 0 0;\r\n      border-right: 1px solid var(--mh-line);\r\n    }\r\n\r\n    #mico-contact-page .mh-pillar + .mh-pillar {\r\n      padding-left: 32px;\r\n    }\r\n\r\n    #mico-contact-page .mh-pillar:last-child {\r\n      padding-right: 0;\r\n      border-right: 0;\r\n    }\r\n\r\n    #mico-contact-page .mh-pillar .mh-status {\r\n      margin-bottom: 26px;\r\n    }\r\n\r\n    #mico-contact-page .mh-pillar h3 {\r\n      margin-bottom: 13px;\r\n      color: var(--mh-navy-950);\r\n      font-size: clamp(1.45rem, 2.3vw, 2.05rem);\r\n      font-weight: 760;\r\n      letter-spacing: -.035em;\r\n    }\r\n\r\n    #mico-contact-page .mh-pillar p {\r\n      margin-bottom: 0;\r\n      color: var(--mh-muted);\r\n      font-size: 15px;\r\n      line-height: 1.68;\r\n    }\r\n\r\n    #mico-contact-page .mh-deliventures {\r\n      padding-block: clamp(58px, 8vw, 96px);\r\n      border-top: 1px solid var(--mh-line);\r\n      background: #fff;\r\n    }\r\n\r\n    #mico-contact-page .mh-partner-grid {\r\n      display: grid;\r\n      grid-template-columns: minmax(230px, .62fr) minmax(0, 1.38fr);\r\n      gap: clamp(52px, 9vw, 138px);\r\n      align-items: start;\r\n    }\r\n\r\n    #mico-contact-page .mh-partner-label {\r\n      position: sticky;\r\n      top: 110px;\r\n    }\r\n\r\n    #mico-contact-page .mh-partner-label strong {\r\n      display: block;\r\n      color: var(--mh-navy-950);\r\n      font-size: clamp(2rem, 4vw, 4.2rem);\r\n      font-weight: 760;\r\n      letter-spacing: -.045em;\r\n      line-height: .98;\r\n    }\r\n\r\n    #mico-contact-page .mh-partner-copy {\r\n      max-width: 760px;\r\n    }\r\n\r\n    #mico-contact-page .mh-partner-copy > p {\r\n      color: var(--mh-muted);\r\n      font-size: clamp(1.06rem, 1.5vw, 1.25rem);\r\n      line-height: 1.7;\r\n    }\r\n\r\n    #mico-contact-page .mh-partner-flow {\r\n      display: grid;\r\n      grid-template-columns: 1fr auto 1fr auto 1fr;\r\n      gap: 14px;\r\n      align-items: center;\r\n      margin-block: 38px 32px;\r\n    }\r\n\r\n    #mico-contact-page .mh-partner-node {\r\n      min-height: 116px;\r\n      display: grid;\r\n      align-content: center;\r\n      gap: 7px;\r\n      padding: 20px;\r\n      color: #fff;\r\n      border-radius: 14px;\r\n      background: var(--mh-navy-950);\r\n    }\r\n\r\n    #mico-contact-page .mh-partner-node strong {\r\n      font-size: 15px;\r\n    }\r\n\r\n    #mico-contact-page .mh-partner-node span {\r\n      color: #c9c4d9;\r\n      font-size: 12px;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    #mico-contact-page .mh-partner-arrow {\r\n      color: var(--mh-orange);\r\n      font-size: 26px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #mico-contact-page .mh-text-link {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      color: var(--mh-navy-950);\r\n      border-bottom: 1px solid var(--mh-orange);\r\n      font-size: 14px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    \/* Future infrastructure *\/\r\n    #mico-contact-page .mh-future {\r\n      color: #fff;\r\n      background: #160b4c;\r\n    }\r\n\r\n    #mico-contact-page .mh-future-head {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.15fr) minmax(280px, .7fr);\r\n      gap: 58px;\r\n      align-items: end;\r\n      margin-bottom: 68px;\r\n    }\r\n\r\n    #mico-contact-page .mh-roadmap {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 1px;\r\n      border: 1px solid rgba(255,255,255,.14);\r\n      border-radius: 24px;\r\n      overflow: hidden;\r\n      background: rgba(255,255,255,.14);\r\n    }\r\n\r\n    #mico-contact-page .mh-roadmap-item {\r\n      min-height: 330px;\r\n      padding: clamp(26px, 3.2vw, 42px);\r\n      background: #1d1254;\r\n    }\r\n\r\n    #mico-contact-page .mh-roadmap-item .mh-status {\r\n      margin-bottom: 42px;\r\n    }\r\n\r\n    #mico-contact-page .mh-roadmap-item h3 {\r\n      margin-bottom: 16px;\r\n      color: #fff;\r\n      font-size: clamp(1.5rem, 2.3vw, 2.1rem);\r\n      font-weight: 760;\r\n      letter-spacing: -.035em;\r\n      line-height: 1.12;\r\n    }\r\n\r\n    #mico-contact-page .mh-roadmap-item p {\r\n      margin-bottom: 0;\r\n      color: #c8c2d8;\r\n      font-size: 14px;\r\n      line-height: 1.67;\r\n    }\r\n\r\n    #mico-contact-page .mh-roadmap-item ul {\r\n      display: grid;\r\n      gap: 9px;\r\n      margin: 20px 0 0;\r\n      padding: 0;\r\n      list-style: none;\r\n    }\r\n\r\n    #mico-contact-page .mh-roadmap-item li {\r\n      position: relative;\r\n      padding-left: 18px;\r\n      color: #ddd8e8;\r\n      font-size: 13px;\r\n    }\r\n\r\n    #mico-contact-page .mh-roadmap-item li::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: .65em;\r\n      left: 0;\r\n      width: 6px;\r\n      height: 6px;\r\n      border-radius: 50%;\r\n      background: var(--mh-orange);\r\n    }\r\n\r\n    \/* Mico Flow *\/\r\n    #mico-contact-page .mh-flowlab {\r\n      background: var(--mh-paper);\r\n    }\r\n\r\n    #mico-contact-page .mh-flowlab-head {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.12fr) minmax(300px, .72fr);\r\n      gap: 56px;\r\n      align-items: end;\r\n      margin-bottom: clamp(54px, 8vw, 88px);\r\n    }\r\n\r\n    #mico-contact-page .mh-flowlab-note {\r\n      padding-left: 22px;\r\n      border-left: 3px solid var(--mh-orange);\r\n      color: var(--mh-muted);\r\n      font-size: 14px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    #mico-contact-page .mf-app {\r\n      display: grid;\r\n      grid-template-columns: minmax(350px, .76fr) minmax(0, 1.24fr);\r\n      min-height: 690px;\r\n      border: 1px solid #d8d2ca;\r\n      border-radius: 28px;\r\n      background: #fff;\r\n      box-shadow: var(--mh-shadow);\r\n      overflow: hidden;\r\n    }\r\n\r\n    #mico-contact-page .mf-app.is-contact-step {\r\n      grid-template-columns: minmax(560px, 1.12fr) minmax(0, .88fr);\r\n    }\r\n\r\n    #mico-contact-page .mf-config {\r\n      display: grid;\r\n      grid-template-rows: auto 1fr auto;\r\n      padding: clamp(24px, 3.3vw, 42px);\r\n      border-right: 1px solid #ddd8d0;\r\n      background: #fff;\r\n    }\r\n\r\n    #mico-contact-page .mf-progress-row {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 18px;\r\n      margin-bottom: 34px;\r\n    }\r\n\r\n    #mico-contact-page .mf-progress-label {\r\n      color: #736d7a;\r\n      font-size: 11px;\r\n      font-weight: 850;\r\n      letter-spacing: .11em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    #mico-contact-page .mf-progress-track {\r\n      width: 118px;\r\n      height: 4px;\r\n      overflow: hidden;\r\n      border-radius: 4px;\r\n      background: #e7e2dc;\r\n    }\r\n\r\n    #mico-contact-page .mf-progress-bar {\r\n      width: 25%;\r\n      height: 100%;\r\n      border-radius: inherit;\r\n      background: var(--mh-orange);\r\n      transition: width 300ms var(--mh-ease);\r\n    }\r\n\r\n    #mico-contact-page .mf-stage {\r\n      min-height: 360px;\r\n    }\r\n\r\n    #mico-contact-page .mf-stage > [hidden],\r\n    #mico-contact-page .mf-contact-step[hidden],\r\n    #mico-contact-page .mf-control[hidden],\r\n    #mico-contact-page .mf-result-bottom .mh-button[hidden] {\r\n      display: none !important;\r\n    }\r\n\r\n    #mico-contact-page .mf-contact-step {\r\n      display: grid;\r\n      gap: 22px;\r\n      animation: mh-step-in 260ms var(--mh-ease) both;\r\n    }\r\n\r\n    #mico-contact-page .mf-contact-intro h3 {\r\n      margin: 0 0 10px;\r\n      color: var(--mh-navy-950);\r\n      font-size: clamp(1.65rem, 2.8vw, 2.5rem);\r\n      font-weight: 760;\r\n      letter-spacing: -.04em;\r\n      line-height: 1.08;\r\n    }\r\n\r\n    #mico-contact-page .mf-contact-intro p {\r\n      margin: 0;\r\n      color: var(--mh-muted);\r\n      font-size: 14px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    #mico-contact-page .mf-review {\r\n      padding: 17px 18px;\r\n      border: 1px solid rgba(245,84,12,.34);\r\n      border-radius: 12px;\r\n      background: #fff7f2;\r\n    }\r\n\r\n    #mico-contact-page .mf-review strong {\r\n      display: block;\r\n      margin-bottom: 7px;\r\n      color: var(--mh-navy-950);\r\n      font-size: 13px;\r\n    }\r\n\r\n    #mico-contact-page .mf-review p {\r\n      margin: 0;\r\n      color: #4f4958;\r\n      font-size: 12px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    #mico-contact-page .mf-review small {\r\n      display: block;\r\n      margin-top: 8px;\r\n      color: #7b3b21;\r\n      font-size: 10px;\r\n      font-weight: 750;\r\n      letter-spacing: .02em;\r\n    }\r\n\r\n    #mico-contact-page .mf-contact-form,\r\n    #mico-contact-page .mf-contact-step .wpcf7-form {\r\n      display: grid;\r\n      gap: 18px;\r\n      margin: 0;\r\n    }\r\n\r\n    #mico-contact-page .mf-contact-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 15px;\r\n    }\r\n\r\n    \/* Contact Form 7 adds a paragraph wrapper and line breaks around fields.\r\n       Let the labels participate in the intended grid and remove only those\r\n       generated breaks so they cannot create empty grid rows. *\/\r\n    #mico-contact-page .mf-contact-grid > p {\r\n      display: contents;\r\n      margin: 0;\r\n    }\r\n\r\n    #mico-contact-page .mf-contact-grid > p > br,\r\n    #mico-contact-page .mf-field > br {\r\n      display: none;\r\n    }\r\n\r\n    #mico-contact-page .mf-field {\r\n      min-width: 0;\r\n      display: grid;\r\n      align-content: start;\r\n      gap: 7px;\r\n      margin: 0;\r\n      color: var(--mh-navy-950);\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      line-height: 1.35;\r\n    }\r\n\r\n    #mico-contact-page .mf-field--wide {\r\n      grid-column: 1 \/ -1;\r\n    }\r\n\r\n    #mico-contact-page .mf-field .wpcf7-form-control-wrap {\r\n      display: block;\r\n      width: 100%;\r\n    }\r\n\r\n    #mico-contact-page .mf-field :is(input:not([type=\"checkbox\"]), textarea),\r\n    #mico-contact-page .mf-contact-step .wpcf7-form-control:is(input:not([type=\"checkbox\"]), textarea) {\r\n      width: 100%;\r\n      min-width: 0;\r\n      min-height: 48px;\r\n      margin: 0;\r\n      padding: 11px 13px;\r\n      border: 1px solid #cbc5ce;\r\n      border-radius: 9px;\r\n      color: var(--mh-navy-950);\r\n      background: #fff;\r\n      font: inherit;\r\n      font-size: 13px;\r\n      font-weight: 500;\r\n      line-height: 1.45;\r\n      box-shadow: none;\r\n    }\r\n\r\n    #mico-contact-page .mf-field textarea,\r\n    #mico-contact-page .mf-contact-step textarea.wpcf7-form-control {\r\n      min-height: 106px;\r\n      resize: vertical;\r\n    }\r\n\r\n    #mico-contact-page .mf-field :is(input, textarea)::placeholder {\r\n      color: #89838f;\r\n      opacity: 1;\r\n    }\r\n\r\n    #mico-contact-page .mf-field :is(input, textarea):focus-visible,\r\n    #mico-contact-page .mf-contact-step .wpcf7-form-control:focus-visible {\r\n      border-color: var(--mh-orange);\r\n      outline: 3px solid rgba(245,84,12,.2);\r\n      outline-offset: 1px;\r\n    }\r\n\r\n    #mico-contact-page .mf-consent,\r\n    #mico-contact-page .mf-contact-step .wpcf7-acceptance label {\r\n      display: grid;\r\n      grid-template-columns: 20px 1fr;\r\n      gap: 10px;\r\n      align-items: start;\r\n      margin: 0;\r\n      color: #5f5966;\r\n      font-size: 11px;\r\n      font-weight: 650;\r\n      line-height: 1.55;\r\n      cursor: pointer;\r\n    }\r\n\r\n    #mico-contact-page .mf-consent input,\r\n    #mico-contact-page .mf-contact-step .wpcf7-acceptance input {\r\n      width: 18px;\r\n      height: 18px;\r\n      margin: 1px 0 0;\r\n      accent-color: var(--mh-orange);\r\n    }\r\n\r\n    #mico-contact-page .mf-consent a,\r\n    #mico-contact-page .mf-contact-step .wpcf7-acceptance a {\r\n      color: var(--mh-navy-950);\r\n      text-decoration: underline;\r\n      text-decoration-color: var(--mh-orange);\r\n      text-underline-offset: 3px;\r\n    }\r\n\r\n    #mico-contact-page .mf-consent > .wpcf7-form-control-wrap {\r\n      grid-column: 1 \/ -1;\r\n      width: 100%;\r\n    }\r\n\r\n    #mico-contact-page .mf-consent > p {\r\n      grid-column: 1 \/ -1;\r\n      width: 100%;\r\n      margin: 0;\r\n    }\r\n\r\n    #mico-contact-page .mf-consent > p > .wpcf7-form-control-wrap {\r\n      display: block;\r\n      width: 100%;\r\n    }\r\n\r\n    #mico-contact-page .mf-submit-row {\r\n      display: flex;\r\n      gap: 16px;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n    }\r\n\r\n    #mico-contact-page .mf-submit-row p {\r\n      max-width: 250px;\r\n      margin: 0;\r\n      color: #736d7a;\r\n      font-size: 10px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    #mico-contact-page .mf-form-status,\r\n    #mico-contact-page .mf-contact-step .wpcf7-response-output {\r\n      margin: 0 !important;\r\n      padding: 12px 14px !important;\r\n      border: 1px solid #d8d2ca !important;\r\n      border-radius: 9px;\r\n      color: var(--mh-navy-950);\r\n      background: #faf8f5;\r\n      font-size: 12px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    #mico-contact-page .mf-form-status:empty,\r\n    #mico-contact-page .mf-contact-step .wpcf7-response-output:empty {\r\n      display: none;\r\n    }\r\n\r\n    #mico-contact-page .mf-contact-step .wpcf7-not-valid-tip {\r\n      display: block;\r\n      margin-top: 6px;\r\n      color: #a42d16;\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    #mico-contact-page .mf-contact-step .wpcf7-spinner {\r\n      margin: 0 0 0 10px;\r\n    }\r\n\r\n    #mico-contact-page .mf-contact-step.is-sent .wpcf7-submit {\r\n      cursor: default;\r\n      opacity: .55;\r\n    }\r\n\r\n    #mico-contact-page .mf-step {\r\n      animation: mh-step-in 260ms var(--mh-ease) both;\r\n    }\r\n\r\n    #mico-contact-page .mf-step fieldset {\r\n      min-width: 0;\r\n      margin: 0;\r\n      padding: 0;\r\n      border: 0;\r\n    }\r\n\r\n    #mico-contact-page .mf-step legend {\r\n      max-width: 520px;\r\n      margin-bottom: 12px;\r\n      padding: 0;\r\n      color: var(--mh-navy-950);\r\n      font-size: clamp(1.65rem, 2.8vw, 2.5rem);\r\n      font-weight: 760;\r\n      letter-spacing: -.04em;\r\n      line-height: 1.08;\r\n    }\r\n\r\n    #mico-contact-page .mf-step-help {\r\n      margin-bottom: 24px;\r\n      color: var(--mh-muted);\r\n      font-size: 14px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    #mico-contact-page .mf-choices {\r\n      display: grid;\r\n      gap: 10px;\r\n    }\r\n\r\n    #mico-contact-page .mf-choice-wrap {\r\n      position: relative;\r\n    }\r\n\r\n    #mico-contact-page .mf-choice-wrap input {\r\n      position: absolute;\r\n      width: 1px;\r\n      height: 1px;\r\n      opacity: .001;\r\n    }\r\n\r\n    #mico-contact-page .mf-choice {\r\n      min-height: 58px;\r\n      display: grid;\r\n      grid-template-columns: 20px 1fr;\r\n      gap: 13px;\r\n      align-items: center;\r\n      padding: 13px 15px;\r\n      border: 1px solid #dcd7d0;\r\n      border-radius: 11px;\r\n      color: var(--mh-navy-950);\r\n      background: #fff;\r\n      cursor: pointer;\r\n      transition: border-color 170ms ease, background-color 170ms ease, transform 170ms ease;\r\n    }\r\n\r\n    #mico-contact-page .mf-choice:hover {\r\n      border-color: #b8b1bf;\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    #mico-contact-page .mf-choice-wrap input:disabled + .mf-choice {\r\n      opacity: .54;\r\n      border-style: dashed;\r\n      background: #f2efe9;\r\n      cursor: not-allowed;\r\n      transform: none;\r\n    }\r\n\r\n    #mico-contact-page .mf-choice-dot {\r\n      width: 18px;\r\n      height: 18px;\r\n      border: 2px solid #a49eaa;\r\n      border-radius: 50%;\r\n      box-shadow: inset 0 0 0 4px #fff;\r\n    }\r\n\r\n    #mico-contact-page .mf-choice strong {\r\n      display: block;\r\n      font-size: 14px;\r\n      line-height: 1.3;\r\n    }\r\n\r\n    #mico-contact-page .mf-choice small {\r\n      display: block;\r\n      margin-top: 3px;\r\n      color: #736d7a;\r\n      font-size: 11px;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    #mico-contact-page .mf-choice-wrap input:checked + .mf-choice {\r\n      border-color: var(--mh-orange);\r\n      background: #fff7f2;\r\n    }\r\n\r\n    #mico-contact-page .mf-choice-wrap input:checked + .mf-choice .mf-choice-dot {\r\n      border-color: var(--mh-orange);\r\n      background: var(--mh-orange);\r\n    }\r\n\r\n    #mico-contact-page .mf-choice-wrap input[type=\"checkbox\"] + .mf-choice .mf-choice-dot {\r\n      position: relative;\r\n      border-radius: 5px;\r\n      box-shadow: none;\r\n    }\r\n\r\n    #mico-contact-page .mf-choice-wrap input[type=\"checkbox\"]:checked + .mf-choice .mf-choice-dot::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 2px;\r\n      left: 5px;\r\n      width: 4px;\r\n      height: 8px;\r\n      border: solid #fff;\r\n      border-width: 0 2px 2px 0;\r\n      transform: rotate(45deg);\r\n    }\r\n\r\n    #mico-contact-page .mf-details {\r\n      margin-top: 14px;\r\n      padding: 16px;\r\n      border: 1px solid #dcd7d0;\r\n      border-radius: 11px;\r\n      background: #faf8f5;\r\n    }\r\n\r\n    #mico-contact-page .mf-details[hidden] {\r\n      display: none;\r\n    }\r\n\r\n    #mico-contact-page .mf-details label {\r\n      display: block;\r\n      margin-bottom: 8px;\r\n      color: var(--mh-navy-950);\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    #mico-contact-page .mf-details textarea {\r\n      width: 100%;\r\n      min-height: 112px;\r\n      padding: 13px 14px;\r\n      border: 1px solid #cfc8d2;\r\n      border-radius: 9px;\r\n      color: var(--mh-navy-950);\r\n      background: #fff;\r\n      font: inherit;\r\n      font-size: 13px;\r\n      line-height: 1.55;\r\n      resize: vertical;\r\n    }\r\n\r\n    #mico-contact-page .mf-details textarea:focus-visible {\r\n      outline: 3px solid var(--mh-orange);\r\n      outline-offset: 2px;\r\n    }\r\n\r\n    #mico-contact-page .mf-details-help {\r\n      margin: 8px 0 0;\r\n      color: #736d7a;\r\n      font-size: 11px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    #mico-contact-page .mf-controls {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n      padding-top: 28px;\r\n      border-top: 1px solid #e4dfd8;\r\n    }\r\n\r\n    #mico-contact-page .mf-control-group {\r\n      display: flex;\r\n      gap: 10px;\r\n    }\r\n\r\n    #mico-contact-page .mf-control {\r\n      min-height: 45px;\r\n      padding: 0 15px;\r\n      border: 1px solid #d8d2ca;\r\n      border-radius: 9px;\r\n      color: var(--mh-navy-950);\r\n      background: #fff;\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      cursor: pointer;\r\n    }\r\n\r\n    #mico-contact-page .mf-control--next {\r\n      color: #fff;\r\n      border-color: var(--mh-navy-950);\r\n      background: var(--mh-navy-950);\r\n    }\r\n\r\n    #mico-contact-page .mf-control[disabled] {\r\n      color: #9d97a3;\r\n      border-color: #e4dfd8;\r\n      background: #f3f0eb;\r\n      cursor: not-allowed;\r\n    }\r\n\r\n    #mico-contact-page .mf-visual-panel {\r\n      position: relative;\r\n      isolation: isolate;\r\n      display: grid;\r\n      grid-template-rows: auto auto 1fr auto;\r\n      padding: clamp(27px, 4vw, 52px);\r\n      color: #fff;\r\n      background: var(--mh-navy-950);\r\n      overflow: hidden;\r\n    }\r\n\r\n    #mico-contact-page .mf-visual-panel::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -1;\r\n      opacity: .09;\r\n      background-image:\r\n        linear-gradient(rgba(255,255,255,.23) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,.23) 1px, transparent 1px);\r\n      background-size: 34px 34px;\r\n    }\r\n\r\n    #mico-contact-page .mf-result-kicker {\r\n      margin-bottom: 12px;\r\n      color: #ff8a58;\r\n      font-size: 11px;\r\n      font-weight: 850;\r\n      letter-spacing: .12em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    #mico-contact-page .mf-result-title {\r\n      margin-bottom: 9px;\r\n      color: #fff;\r\n      font-size: clamp(1.75rem, 3vw, 2.65rem);\r\n      font-weight: 760;\r\n      letter-spacing: -.04em;\r\n      line-height: 1.05;\r\n    }\r\n\r\n    #mico-contact-page .mf-result-intro {\r\n      max-width: 630px;\r\n      margin-bottom: 0;\r\n      color: #c7c1d8;\r\n      font-size: 13px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    #mico-contact-page .mf-track {\r\n      position: relative;\r\n      display: flex;\r\n      align-items: stretch;\r\n      gap: 10px;\r\n      min-height: 138px;\r\n      margin-block: 38px 30px;\r\n      padding: 15px 0;\r\n      overflow-x: auto;\r\n      scrollbar-width: thin;\r\n    }\r\n\r\n    #mico-contact-page .mf-track::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 24px;\r\n      width: calc(100% - 48px);\r\n      height: 4px;\r\n      border-radius: 4px;\r\n      background: var(--mh-orange);\r\n      transform: translateY(-50%);\r\n      transform-origin: left;\r\n      animation: mh-flow-line 650ms var(--mh-ease) both;\r\n    }\r\n\r\n    #mico-contact-page .mf-track.is-empty::before {\r\n      background: rgba(255,255,255,.18);\r\n      animation: none;\r\n    }\r\n\r\n    #mico-contact-page .mf-node {\r\n      position: relative;\r\n      z-index: 1;\r\n      min-width: 104px;\r\n      flex: 1 0 104px;\r\n      display: grid;\r\n      align-content: center;\r\n      gap: 5px;\r\n      padding: 13px;\r\n      border: 1px solid rgba(255,255,255,.2);\r\n      border-radius: 12px;\r\n      color: #fff;\r\n      background: #21165a;\r\n      box-shadow: 0 10px 24px rgba(4,0,24,.2);\r\n      animation: mh-node-in 330ms var(--mh-ease) both;\r\n    }\r\n\r\n    #mico-contact-page .mf-node--placeholder {\r\n      max-width: 210px;\r\n      border-style: dashed;\r\n      color: #d8d2e4;\r\n      background: rgba(255,255,255,.055);\r\n      box-shadow: none;\r\n    }\r\n\r\n    #mico-contact-page .mf-node strong {\r\n      font-size: 12px;\r\n      line-height: 1.25;\r\n    }\r\n\r\n    #mico-contact-page .mf-node small {\r\n      color: #bdb6cf;\r\n      font-size: 9px;\r\n      font-weight: 800;\r\n      letter-spacing: .07em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    #mico-contact-page .mf-reasons {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));\r\n      gap: 10px;\r\n      align-content: start;\r\n      margin: 0;\r\n      padding: 0;\r\n      list-style: none;\r\n    }\r\n\r\n    #mico-contact-page .mf-reason {\r\n      min-height: 102px;\r\n      padding: 14px 15px;\r\n      border: 1px solid rgba(255,255,255,.13);\r\n      border-radius: 11px;\r\n      background: rgba(255,255,255,.055);\r\n    }\r\n\r\n    #mico-contact-page .mf-reason strong {\r\n      display: block;\r\n      margin-bottom: 5px;\r\n      color: #fff;\r\n      font-size: 12px;\r\n    }\r\n\r\n    #mico-contact-page .mf-reason span {\r\n      display: block;\r\n      color: #bab4cc;\r\n      font-size: 11px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    #mico-contact-page .mf-result-bottom {\r\n      display: grid;\r\n      grid-template-columns: 1fr auto;\r\n      gap: 20px;\r\n      align-items: end;\r\n      margin-top: 30px;\r\n      padding-top: 24px;\r\n      border-top: 1px solid rgba(255,255,255,.14);\r\n    }\r\n\r\n    #mico-contact-page .mf-summary {\r\n      margin-bottom: 0;\r\n      color: #d7d2e3;\r\n      font-size: 12px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    #mico-contact-page .mf-future-note {\r\n      margin-top: 22px;\r\n      padding: 14px 16px;\r\n      color: #c9c3d8;\r\n      border: 1px dotted rgba(255,255,255,.3);\r\n      border-radius: 10px;\r\n      font-size: 11px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    #mico-contact-page .mf-static {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, minmax(0, 1fr));\r\n      gap: 12px;\r\n      margin-top: 22px;\r\n    }\r\n\r\n    #mico-contact-page .mf-static div {\r\n      padding: 15px;\r\n      border: 1px solid #ddd7d0;\r\n      border-radius: 10px;\r\n      background: #fff;\r\n    }\r\n\r\n    #mico-contact-page .mf-static strong {\r\n      display: block;\r\n      color: var(--mh-navy-950);\r\n      font-size: 13px;\r\n    }\r\n\r\n    #mico-contact-page .mf-static span {\r\n      color: var(--mh-muted);\r\n      font-size: 11px;\r\n    }\r\n\r\n    #mico-contact-page.is-js .mf-static-fallback {\r\n      display: none;\r\n    }\r\n\r\n    #mico-contact-page .screen-reader-text {\r\n      position: absolute !important;\r\n      width: 1px !important;\r\n      height: 1px !important;\r\n      margin: -1px !important;\r\n      padding: 0 !important;\r\n      overflow: hidden !important;\r\n      clip: rect(0 0 0 0) !important;\r\n      clip-path: inset(50%) !important;\r\n      border: 0 !important;\r\n      white-space: nowrap !important;\r\n    }\r\n\r\n    \/* Contact *\/\r\n    #mico-contact-page .mh-contact {\r\n      padding-block: clamp(84px, 10vw, 144px);\r\n      color: #fff;\r\n      background: var(--mh-orange);\r\n    }\r\n\r\n    #mico-contact-page .mh-contact-grid {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.15fr) minmax(300px, .65fr);\r\n      gap: clamp(50px, 9vw, 124px);\r\n      align-items: end;\r\n    }\r\n\r\n    #mico-contact-page .mh-contact .mh-kicker {\r\n      color: var(--mh-navy-950);\r\n    }\r\n\r\n    #mico-contact-page .mh-contact h2 {\r\n      max-width: 860px;\r\n      margin-bottom: 0;\r\n      color: var(--mh-navy-950);\r\n      font-size: clamp(2.8rem, 6vw, 6rem);\r\n      font-weight: 780;\r\n      letter-spacing: -.055em;\r\n      line-height: .95;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    #mico-contact-page .mh-contact-copy {\r\n      color: #43160b;\r\n    }\r\n\r\n    #mico-contact-page .mh-contact-copy p {\r\n      margin-bottom: 24px;\r\n      font-size: 16px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    #mico-contact-page .mh-contact-summary {\r\n      display: none;\r\n      margin-bottom: 20px;\r\n      padding: 14px 16px;\r\n      border-left: 3px solid var(--mh-navy-950);\r\n      background: rgba(255,255,255,.34);\r\n      font-size: 12px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    #mico-contact-page .mh-contact-summary.has-summary {\r\n      display: block;\r\n    }\r\n\r\n    #mico-contact-page .mh-contact-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 12px;\r\n    }\r\n\r\n    #mico-contact-page .mh-contact .mh-button--light {\r\n      color: var(--mh-navy-950);\r\n      border-color: rgba(12,0,64,.38);\r\n      background: transparent;\r\n    }\r\n\r\n    #mico-contact-page .mh-contact .mh-button--light:hover {\r\n      background: rgba(255,255,255,.28);\r\n    }\r\n\r\n    #mico-contact-page .mh-privacy-note {\r\n      margin: 19px 0 0;\r\n      color: #61210f;\r\n      font-size: 11px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    \/* Draft-owned footer: keeps legacy theme claims out of this page. *\/\r\n    #mico-contact-page .mh-footer {\r\n      color: #d7d2e5;\r\n      border-top: 1px solid rgba(255,255,255,.12);\r\n      background: #08002f;\r\n    }\r\n\r\n    #mico-contact-page .mh-footer-grid {\r\n      display: grid;\r\n      grid-template-columns: 1.15fr .85fr .85fr;\r\n      gap: 50px;\r\n      padding-block: 58px 42px;\r\n      border-bottom: 1px solid rgba(255,255,255,.12);\r\n    }\r\n\r\n    #mico-contact-page .mh-footer-brand img {\r\n      width: 150px;\r\n      height: auto;\r\n      margin-bottom: 20px;\r\n      border-radius: 0;\r\n    }\r\n\r\n    #mico-contact-page .mh-footer p {\r\n      max-width: 390px;\r\n      margin: 0;\r\n      color: #bdb7cf;\r\n      font-size: .88rem;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    #mico-contact-page .mh-footer strong {\r\n      color: #fff;\r\n    }\r\n\r\n    #mico-contact-page .mh-footer h2 {\r\n      margin: 0 0 16px;\r\n      color: #fff;\r\n      font-size: .78rem;\r\n      letter-spacing: .1em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    #mico-contact-page .mh-footer-links {\r\n      display: grid;\r\n      gap: 9px;\r\n    }\r\n\r\n    #mico-contact-page .mh-footer-links a {\r\n      width: fit-content;\r\n      color: #fff;\r\n      font-size: .88rem;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #mico-contact-page .mh-footer-links a:hover {\r\n      color: var(--mh-orange);\r\n    }\r\n\r\n    #mico-contact-page .mh-footer-meta {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      gap: 25px;\r\n      padding-block: 25px 32px;\r\n      color: #8f87a8;\r\n      font-size: .76rem;\r\n    }\r\n\r\n    #mico-contact-page .mh-footer-meta a:hover { color: #fff; }\r\n\r\n    @keyframes mh-flow-line {\r\n      from { transform: scaleX(0); }\r\n      to { transform: scaleX(1); }\r\n    }\r\n\r\n    @keyframes mh-flow-vertical {\r\n      from { transform: scaleY(0); }\r\n      to { transform: scaleY(1); }\r\n    }\r\n\r\n    @keyframes mh-node-in {\r\n      from { opacity: 0; transform: translateY(8px) scale(.96); }\r\n      to { opacity: 1; transform: translateY(0) scale(1); }\r\n    }\r\n\r\n    @keyframes mh-step-in {\r\n      from { opacity: 0; transform: translateY(7px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @keyframes mh-nav-in {\r\n      from { opacity: 0; transform: translateY(-18px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @media (max-width: 1120px) {\r\n      #mico-contact-page .mh-nav-cta {\r\n        display: none;\r\n      }\r\n\r\n      #mico-contact-page .mh-nav-links .mico-nav-contact-link {\r\n        min-height: 52px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        margin-top: 14px;\r\n        padding: 14px 16px;\r\n        color: #fff;\r\n        border: 1px solid #f5540c;\r\n        border-radius: 14px;\r\n        background: #f5540c;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1100px) {\r\n      #mico-contact-page .mh-footer-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n      }\r\n\r\n      #mico-contact-page .mh-footer-brand { grid-column: 1 \/ -1; }\r\n\r\n      #mico-contact-page .mh-hero-inner {\r\n        grid-template-columns: minmax(0, 1fr) minmax(300px, .7fr);\r\n        gap: 46px;\r\n      }\r\n\r\n      #mico-contact-page .mh-story-grid {\r\n        grid-template-columns: minmax(0, 1fr) minmax(320px, .72fr);\r\n        gap: 52px;\r\n      }\r\n\r\n      #mico-contact-page .mh-story-stage {\r\n        min-height: 560px;\r\n      }\r\n\r\n      #mico-contact-page .mh-stage-map {\r\n        min-height: 410px;\r\n      }\r\n\r\n      #mico-contact-page .mh-map-node {\r\n        width: 98px;\r\n        padding: 9px;\r\n      }\r\n\r\n      #mico-contact-page .mf-app {\r\n        grid-template-columns: minmax(330px, .8fr) minmax(0, 1.2fr);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      #mico-contact-page .mh-nav-inner {\r\n        grid-template-columns: auto 1fr;\r\n      }\r\n\r\n      #mico-contact-page .mh-nav-links {\r\n        justify-content: flex-end;\r\n      }\r\n\r\n      #mico-contact-page .mh-nav-cta {\r\n        display: none;\r\n      }\r\n\r\n      #mico-contact-page .mh-hero {\r\n        min-height: auto;\r\n      }\r\n\r\n      #mico-contact-page .mh-hero-shade {\r\n        background:\r\n          linear-gradient(180deg, rgba(12,0,64,.97) 0%, rgba(12,0,64,.9) 62%, rgba(12,0,64,.48) 100%),\r\n          linear-gradient(90deg, rgba(12,0,64,.7), transparent);\r\n      }\r\n\r\n      #mico-contact-page .mh-hero-media {\r\n        object-position: 64% center;\r\n      }\r\n\r\n      #mico-contact-page .mh-hero-inner,\r\n      #mico-contact-page .mh-problem-grid,\r\n      #mico-contact-page .mh-story-intro,\r\n      #mico-contact-page .mh-services-head,\r\n      #mico-contact-page .mh-future-head,\r\n      #mico-contact-page .mh-flowlab-head,\r\n      #mico-contact-page .mh-contact-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #mico-contact-page .mh-hero-inner {\r\n        gap: 50px;\r\n        padding-block: 116px 72px;\r\n      }\r\n\r\n      #mico-contact-page .mh-system-card {\r\n        width: min(100%, 610px);\r\n        justify-self: end;\r\n      }\r\n\r\n      #mico-contact-page .mh-proof-inner {\r\n        grid-template-columns: 1fr;\r\n        gap: 18px;\r\n      }\r\n\r\n      #mico-contact-page .mh-path-band {\r\n        grid-template-columns: auto 1fr;\r\n      }\r\n\r\n      #mico-contact-page .mh-story-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #mico-contact-page .mh-story-stage {\r\n        position: relative;\r\n        top: auto;\r\n        min-height: 580px;\r\n      }\r\n\r\n      #mico-contact-page .mh-scene {\r\n        min-height: auto;\r\n        padding-block: 40px;\r\n        opacity: 1;\r\n      }\r\n\r\n      #mico-contact-page .mh-service-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      #mico-contact-page .mh-pillar-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #mico-contact-page .mh-pillar,\r\n      #mico-contact-page .mh-pillar + .mh-pillar {\r\n        padding: 30px 0;\r\n        border-right: 0;\r\n        border-bottom: 1px solid var(--mh-line);\r\n      }\r\n\r\n      #mico-contact-page .mh-partner-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #mico-contact-page .mh-partner-label {\r\n        position: static;\r\n      }\r\n\r\n      #mico-contact-page .mh-roadmap {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #mico-contact-page .mh-roadmap-item {\r\n        min-height: auto;\r\n      }\r\n\r\n      #mico-contact-page .mf-app {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #mico-contact-page .mf-app.is-contact-step {\r\n        grid-template-columns: minmax(0, 1fr);\r\n      }\r\n\r\n      #mico-contact-page .mf-config {\r\n        min-height: 630px;\r\n        border-right: 0;\r\n        border-bottom: 1px solid #ddd8d0;\r\n      }\r\n\r\n      #mico-contact-page .mf-visual-panel {\r\n        min-height: 650px;\r\n      }\r\n    }\r\n\r\n    @media (min-width: 681px) and (max-width: 860px) {\r\n      #mico-contact-page .mh-nav-inner,\r\n      #mico-contact-page .mh-nav.is-docked .mh-nav-inner {\r\n        min-height: 76px;\r\n        grid-template-columns: auto 1fr auto;\r\n        gap: 16px;\r\n      }\r\n\r\n      #mico-contact-page.is-js .mh-nav-toggle { display: grid; }\r\n\r\n      #mico-contact-page.is-js .mh-nav-links {\r\n        position: fixed;\r\n        z-index: 2;\r\n        inset: 76px 0 auto;\r\n        display: grid;\r\n        align-content: start;\r\n        justify-content: stretch;\r\n        gap: 0;\r\n        max-height: calc(100svh - 76px);\r\n        padding: 22px 18px 30px;\r\n        overflow-y: auto;\r\n        border-top: 1px solid rgba(255,255,255,.14);\r\n        background: rgba(12,0,64,.99);\r\n        box-shadow: 0 30px 55px rgba(5,0,28,.25);\r\n        transform: translateY(-120%);\r\n        visibility: hidden;\r\n        transition: transform .3s var(--mh-ease), visibility .3s;\r\n      }\r\n\r\n      #mico-contact-page.is-js .mh-nav-links.is-open {\r\n        transform: translateY(0);\r\n        visibility: visible;\r\n      }\r\n\r\n      body.admin-bar #mico-contact-page.is-js .mh-nav-links { top: 108px; }\r\n\r\n      #mico-contact-page .mh-nav-links a {\r\n        display: block;\r\n        padding: 17px 6px;\r\n        border-bottom: 1px solid rgba(255,255,255,.14);\r\n        font-size: 1rem;\r\n      }\r\n\r\n      #mico-contact-page .mh-nav-actions { justify-self: end; }\r\n    }\r\n\r\n    @media (max-width: 680px) {\r\n      body.admin-bar #mico-contact-page .mh-nav,\r\n      body.admin-bar #mico-contact-page .mh-nav.is-docked {\r\n        top: 46px;\r\n      }\r\n\r\n      #mico-contact-page .mh-footer-grid {\r\n        min-height: 0;\r\n        grid-template-columns: 1fr;\r\n        gap: 26px;\r\n        padding-block: 38px;\r\n      }\r\n\r\n      #mico-contact-page .mh-footer-brand { grid-column: auto; }\r\n      #mico-contact-page .mh-footer-meta { flex-direction: column; }\r\n\r\n      #mico-contact-page .mh-shell,\r\n      #mico-contact-page .mh-shell--narrow {\r\n        width: min(calc(100% - 36px), 1320px);\r\n      }\r\n\r\n      #mico-contact-page .mh-section {\r\n        padding-block: 78px;\r\n      }\r\n\r\n      #mico-contact-page .mh-nav-inner,\r\n      #mico-contact-page .mh-nav.is-docked .mh-nav-inner {\r\n        min-height: 74px;\r\n        grid-template-columns: auto 1fr auto;\r\n        gap: 14px;\r\n      }\r\n\r\n      #mico-contact-page .mh-logo img {\r\n        width: 100px;\r\n      }\r\n\r\n      #mico-contact-page.is-js .mh-nav-toggle {\r\n        display: grid;\r\n      }\r\n\r\n      #mico-contact-page.is-js .mh-nav-links {\r\n        position: fixed;\r\n        z-index: 2;\r\n        inset: 74px 0 auto;\r\n        display: grid;\r\n        align-content: start;\r\n        justify-content: stretch;\r\n        gap: 0;\r\n        max-height: calc(100svh - 74px);\r\n        padding: 22px 18px 30px;\r\n        overflow-y: auto;\r\n        border-top: 1px solid rgba(255,255,255,.14);\r\n        background: rgba(12,0,64,.99);\r\n        box-shadow: 0 30px 55px rgba(5,0,28,.25);\r\n        transform: translateY(-120%);\r\n        visibility: hidden;\r\n        transition: transform .3s var(--mh-ease), visibility .3s;\r\n      }\r\n\r\n      #mico-contact-page.is-js .mh-nav-links.is-open {\r\n        transform: translateY(0);\r\n        visibility: visible;\r\n      }\r\n\r\n      body.admin-bar #mico-contact-page.is-js .mh-nav-links { top: 120px; }\r\n\r\n      #mico-contact-page .mh-nav-links a,\r\n      #mico-contact-page .mh-nav-links a:nth-child(2) {\r\n        display: block;\r\n        padding: 17px 6px;\r\n        border-bottom: 1px solid rgba(255,255,255,.14);\r\n        font-size: 1rem;\r\n      }\r\n\r\n      #mico-contact-page .mh-nav-actions {\r\n        justify-self: end;\r\n      }\r\n\r\n      #mico-contact-page .mh-hero-inner {\r\n        padding-block: 100px 56px;\r\n      }\r\n\r\n      #mico-contact-page .mh-hero h1 {\r\n        font-size: clamp(2.72rem, 13.2vw, 4.35rem);\r\n        line-height: .98;\r\n      }\r\n\r\n      #mico-contact-page .mh-hero-lead {\r\n        margin-top: 24px;\r\n        font-size: 1.03rem;\r\n      }\r\n\r\n      #mico-contact-page .mh-actions {\r\n        display: grid;\r\n      }\r\n\r\n      #mico-contact-page .mh-button {\r\n        width: 100%;\r\n      }\r\n\r\n      #mico-contact-page .mh-system-card {\r\n        padding: 18px;\r\n      }\r\n\r\n      #mico-contact-page .mh-hero-step {\r\n        grid-template-columns: 1fr;\r\n        gap: 2px;\r\n      }\r\n\r\n      #mico-contact-page .mh-hero-step span {\r\n        text-align: left;\r\n      }\r\n\r\n      #mico-contact-page .mh-clients {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      #mico-contact-page .mh-client:nth-child(odd) {\r\n        border-left: 0;\r\n      }\r\n\r\n      #mico-contact-page .mh-client:nth-child(n+3) {\r\n        border-top: 1px solid #e4e0e8;\r\n      }\r\n\r\n      #mico-contact-page .mh-problem-item {\r\n        grid-template-columns: 42px 1fr;\r\n        gap: 13px;\r\n      }\r\n\r\n      #mico-contact-page .mh-path-band {\r\n        gap: 17px;\r\n        padding: 24px 20px;\r\n      }\r\n\r\n      #mico-contact-page .mh-story-stage {\r\n        min-height: 520px;\r\n        padding: 18px;\r\n      }\r\n\r\n      #mico-contact-page .mh-stage-map {\r\n        min-height: 390px;\r\n      }\r\n\r\n      #mico-contact-page .mh-map-node {\r\n        width: 86px;\r\n        min-height: 61px;\r\n        padding: 8px;\r\n      }\r\n\r\n      #mico-contact-page .mh-map-node strong {\r\n        font-size: 10px;\r\n      }\r\n\r\n      #mico-contact-page .mh-node-pickup { left: 0; top: 73%; }\r\n      #mico-contact-page .mh-node-warehouse { left: 18%; top: 43%; }\r\n      #mico-contact-page .mh-node-picking { left: 42%; top: 16%; }\r\n      #mico-contact-page .mh-node-cold { left: 53%; top: 56%; }\r\n      #mico-contact-page .mh-node-delivery { right: 0; top: 19%; }\r\n      #mico-contact-page .mh-node-tech { left: 32%; bottom: 0; }\r\n      #mico-contact-page .mh-node-terminal { right: 0; bottom: 0; }\r\n      #mico-contact-page .mh-node-trust { right: 0; top: 69%; }\r\n\r\n      #mico-contact-page .mh-stage-caption {\r\n        display: none;\r\n      }\r\n\r\n      #mico-contact-page .mh-scene {\r\n        padding-left: 20px;\r\n      }\r\n\r\n      #mico-contact-page .mh-service-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #mico-contact-page .mh-service {\r\n        min-height: 230px;\r\n      }\r\n\r\n      #mico-contact-page .mh-partner-flow {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #mico-contact-page .mh-partner-arrow {\r\n        justify-self: center;\r\n        transform: rotate(90deg);\r\n      }\r\n\r\n      #mico-contact-page .mh-roadmap-item .mh-status {\r\n        margin-bottom: 26px;\r\n      }\r\n\r\n      #mico-contact-page .mf-app {\r\n        border-radius: 20px;\r\n      }\r\n\r\n      #mico-contact-page .mf-config {\r\n        min-height: 610px;\r\n        padding: 24px 19px;\r\n      }\r\n\r\n      #mico-contact-page .mf-controls {\r\n        align-items: stretch;\r\n      }\r\n\r\n      #mico-contact-page .mf-control-group {\r\n        flex: 1;\r\n      }\r\n\r\n      #mico-contact-page .mf-control {\r\n        min-width: 0;\r\n        flex: 1;\r\n        padding-inline: 10px;\r\n      }\r\n\r\n      #mico-contact-page .mf-visual-panel {\r\n        min-height: 730px;\r\n        padding: 30px 20px;\r\n      }\r\n\r\n      #mico-contact-page .mf-track {\r\n        min-height: 120px;\r\n        margin-block: 28px 24px;\r\n      }\r\n\r\n      #mico-contact-page .mf-reasons {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #mico-contact-page .mf-result-bottom {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #mico-contact-page .mf-result-bottom .mh-button {\r\n        width: 100%;\r\n      }\r\n\r\n      #mico-contact-page .mf-static {\r\n        grid-template-columns: 1fr 1fr;\r\n      }\r\n\r\n      #mico-contact-page .mh-contact-actions {\r\n        display: grid;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 380px) {\r\n      #mico-contact-page .mh-shell,\r\n      #mico-contact-page .mh-shell--narrow {\r\n        width: min(calc(100% - 28px), 1320px);\r\n      }\r\n\r\n      #mico-contact-page .mh-hero h1 {\r\n        font-size: 2.58rem;\r\n      }\r\n\r\n      #mico-contact-page .mh-clients,\r\n      #mico-contact-page .mf-static {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #mico-contact-page .mh-client {\r\n        min-height: 102px;\r\n        border-left: 0;\r\n      }\r\n\r\n      #mico-contact-page .mh-client:not(:first-child) {\r\n        border-top: 1px solid #e4e0e8;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #mico-contact-page,\r\n      #mico-contact-page *,\r\n      #mico-contact-page *::before,\r\n      #mico-contact-page *::after {\r\n        scroll-behavior: auto !important;\r\n        animation-duration: .01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: .01ms !important;\r\n      }\r\n\r\n      #mico-contact-page .mh-route-flow {\r\n        stroke-dashoffset: 0 !important;\r\n      }\r\n\r\n      #mico-contact-page .mh-scene {\r\n        opacity: 1;\r\n      }\r\n    }\r\n\r\n    \/* Mico System Story 3D \u2014 progressive, responsive, accessibility-first *\/\r\n    #mico-contact-page .mh-visually-hidden {\r\n      position: absolute !important;\r\n      width: 1px !important;\r\n      height: 1px !important;\r\n      padding: 0 !important;\r\n      margin: -1px !important;\r\n      overflow: hidden !important;\r\n      clip: rect(0 0 0 0) !important;\r\n      white-space: nowrap !important;\r\n      border: 0 !important;\r\n    }\r\n\r\n    #mico-contact-page .mh-story {\r\n      isolation: isolate;\r\n      background:\r\n        radial-gradient(circle at 18% 36%, rgba(94,61,209,.2), transparent 32%),\r\n        radial-gradient(circle at 88% 62%, rgba(245,84,12,.12), transparent 27%),\r\n        #0c0040;\r\n    }\r\n\r\n    #mico-contact-page .mh-story::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      background: linear-gradient(180deg, rgba(12,0,64,0), rgba(5,0,32,.32));\r\n      pointer-events: none;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-intro {\r\n      z-index: 2;\r\n      margin-bottom: clamp(54px, 7vw, 92px);\r\n    }\r\n\r\n    #mico-contact-page .mh-story-grid {\r\n      z-index: 2;\r\n      grid-template-columns: minmax(0, 1.18fr) minmax(340px, .72fr);\r\n      gap: clamp(42px, 6.5vw, 96px);\r\n    }\r\n\r\n    #mico-contact-page .mh-story-stage {\r\n      top: 94px;\r\n      scroll-margin-top: 88px;\r\n      height: clamp(430px, calc(100svh - 116px), 690px);\r\n      min-height: 0;\r\n      padding: 0;\r\n      display: grid;\r\n      grid-template-rows: auto minmax(0, 1fr) auto;\r\n      border-color: rgba(255,255,255,.18);\r\n      border-radius: clamp(22px, 2vw, 32px);\r\n      background:\r\n        radial-gradient(circle at 72% 18%, rgba(111,79,229,.2), transparent 34%),\r\n        linear-gradient(145deg, rgba(25,11,82,.98), rgba(9,2,48,.98));\r\n      box-shadow: 0 38px 110px rgba(2,0,24,.42), inset 0 1px 0 rgba(255,255,255,.08);\r\n      contain: layout paint;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-stage::before {\r\n      width: 420px;\r\n      height: 420px;\r\n      right: -190px;\r\n      top: -230px;\r\n      background: rgba(245,84,12,.1);\r\n      filter: blur(20px);\r\n      pointer-events: none;\r\n    }\r\n\r\n    #mico-contact-page .mh-stage-toolbar {\r\n      position: relative;\r\n      z-index: 8;\r\n      min-height: 64px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 18px;\r\n      padding: 14px 18px 12px 20px;\r\n      border-bottom: 1px solid rgba(255,255,255,.11);\r\n      background: rgba(9,2,48,.42);\r\n      backdrop-filter: blur(12px);\r\n    }\r\n\r\n    #mico-contact-page .mh-stage-ident {\r\n      min-width: 0;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 11px;\r\n    }\r\n\r\n    #mico-contact-page .mh-stage-count {\r\n      color: #ded9ed;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #mico-contact-page .mh-stage-status {\r\n      min-height: 25px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      padding: 5px 9px;\r\n      border: 1px solid rgba(255,255,255,.18);\r\n      border-radius: 999px;\r\n      color: #fff;\r\n      background: rgba(255,255,255,.08);\r\n      font-size: 9px;\r\n      font-weight: 850;\r\n      letter-spacing: .08em;\r\n      line-height: 1;\r\n      text-transform: uppercase;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #mico-contact-page .mh-stage-status::before {\r\n      content: \"\";\r\n      width: 7px;\r\n      height: 7px;\r\n      flex: 0 0 7px;\r\n      border: 1px solid currentColor;\r\n      border-radius: 50%;\r\n      background: currentColor;\r\n      box-shadow: 0 0 0 4px rgba(255,255,255,.07);\r\n    }\r\n\r\n    #mico-contact-page .mh-story-stage[data-status=\"development\"] .mh-stage-status {\r\n      color: #c7bfff;\r\n      border-color: rgba(176,159,255,.4);\r\n      background: rgba(109,80,222,.2);\r\n    }\r\n\r\n    #mico-contact-page .mh-story-stage[data-status=\"future\"] .mh-stage-status {\r\n      color: #e2dcff;\r\n      border-style: dashed;\r\n      background: rgba(139,113,244,.11);\r\n    }\r\n\r\n    #mico-contact-page .mh-motion-toggle {\r\n      min-width: 44px;\r\n      min-height: 44px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 8px;\r\n      padding: 8px 11px;\r\n      border: 1px solid rgba(255,255,255,.18);\r\n      border-radius: 999px;\r\n      color: #f5f2fb;\r\n      background: rgba(255,255,255,.075);\r\n      font: inherit;\r\n      font-size: 11px;\r\n      font-weight: 760;\r\n      cursor: pointer;\r\n      transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;\r\n    }\r\n\r\n    #mico-contact-page .mh-motion-toggle:hover {\r\n      border-color: rgba(245,84,12,.65);\r\n      background: rgba(245,84,12,.12);\r\n    }\r\n\r\n    #mico-contact-page .mh-motion-toggle:active { transform: scale(.97); }\r\n    #mico-contact-page .mh-motion-toggle[aria-pressed=\"true\"] .mh-pause-icon { display: none; }\r\n    #mico-contact-page .mh-motion-toggle[aria-pressed=\"false\"] .mh-play-icon { display: none; }\r\n    #mico-contact-page .mh-motion-toggle[aria-disabled=\"true\"] { cursor: default; opacity: .74; }\r\n\r\n    #mico-contact-page .mh-motion-toggle svg {\r\n      width: 15px;\r\n      height: 15px;\r\n      fill: currentColor;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-viewport {\r\n      position: relative;\r\n      min-height: 0;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(ellipse at 52% 62%, rgba(91,64,194,.22), transparent 48%),\r\n        linear-gradient(180deg, rgba(6,0,39,.1), rgba(6,0,39,.38));\r\n      touch-action: pan-y pinch-zoom;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-viewport::before,\r\n    #mico-contact-page .mh-story-viewport::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: 4;\r\n      pointer-events: none;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-viewport::before {\r\n      inset: 0;\r\n      opacity: .18;\r\n      background-image:\r\n        linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px);\r\n      background-size: 42px 42px;\r\n      -webkit-mask-image: linear-gradient(to bottom, transparent, #000 24%, #000 75%, transparent);\r\n      mask-image: linear-gradient(to bottom, transparent, #000 24%, #000 75%, transparent);\r\n    }\r\n\r\n    #mico-contact-page .mh-story-viewport::after {\r\n      right: 8%;\r\n      bottom: 7%;\r\n      left: 8%;\r\n      height: 21%;\r\n      border-radius: 50%;\r\n      background: rgba(3,0,29,.62);\r\n      filter: blur(24px);\r\n    }\r\n\r\n    #mico-contact-page .mh-story-poster,\r\n    #mico-contact-page .mh-story-canvas {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      display: block;\r\n      pointer-events: none;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-poster {\r\n      z-index: 1;\r\n      object-fit: contain;\r\n      object-position: center;\r\n      opacity: .98;\r\n      transform: scale(1.04);\r\n      transition: opacity 500ms ease, transform 900ms cubic-bezier(.22,1,.36,1), filter 500ms ease;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-canvas {\r\n      z-index: 3;\r\n      opacity: 0;\r\n      transition: opacity 500ms ease;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-stage.is-webgl-ready .mh-story-poster {\r\n      opacity: .08;\r\n      filter: blur(3px) saturate(.8);\r\n    }\r\n\r\n    #mico-contact-page .mh-story-stage.is-webgl-ready .mh-story-canvas { opacity: 1; }\r\n    #mico-contact-page .mh-story-stage.is-webgl-fallback .mh-story-poster { opacity: 1; }\r\n\r\n    #mico-contact-page .mh-story-stage[data-stage=\"2\"] .mh-story-poster { transform: scale(1.24) translate(-1%, 4%); }\r\n    #mico-contact-page .mh-story-stage[data-stage=\"3\"] .mh-story-poster { transform: scale(1.24) translate(2%, -5%); }\r\n    #mico-contact-page .mh-story-stage[data-stage=\"4\"] .mh-story-poster { transform: scale(1.18) translate(0, -5%); }\r\n    #mico-contact-page .mh-story-stage[data-stage=\"5\"] .mh-story-poster { transform: scale(1.03); }\r\n\r\n    #mico-contact-page .mh-story-loader {\r\n      position: absolute;\r\n      left: 18px;\r\n      bottom: 14px;\r\n      z-index: 7;\r\n      min-height: 29px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      padding: 6px 10px;\r\n      border: 1px solid rgba(255,255,255,.12);\r\n      border-radius: 999px;\r\n      color: #c9c3dc;\r\n      background: rgba(7,1,38,.7);\r\n      font-size: 10px;\r\n      font-weight: 750;\r\n      letter-spacing: .04em;\r\n      backdrop-filter: blur(8px);\r\n      transition: opacity 240ms ease;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-loader::before {\r\n      content: \"\";\r\n      width: 7px;\r\n      height: 7px;\r\n      border-radius: 50%;\r\n      background: var(--mh-orange);\r\n      box-shadow: 0 0 0 4px rgba(245,84,12,.14);\r\n      animation: mh-story-pulse 1.2s ease-in-out infinite;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-stage.is-webgl-ready .mh-story-loader {\r\n      opacity: 0;\r\n      pointer-events: none;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-stage.is-webgl-fallback .mh-story-loader::before {\r\n      background: #9e8cff;\r\n      box-shadow: 0 0 0 4px rgba(158,140,255,.12);\r\n      animation: none;\r\n    }\r\n\r\n    @keyframes mh-story-pulse {\r\n      0%, 100% { opacity: .45; transform: scale(.8); }\r\n      50% { opacity: 1; transform: scale(1); }\r\n    }\r\n\r\n    #mico-contact-page .mh-story-legend {\r\n      position: absolute;\r\n      top: 14px;\r\n      right: 14px;\r\n      z-index: 7;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: flex-end;\r\n      gap: 6px;\r\n      max-width: calc(100% - 28px);\r\n      pointer-events: none;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-legend span {\r\n      min-height: 25px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      padding: 5px 8px;\r\n      border: 1px solid rgba(255,255,255,.12);\r\n      border-radius: 999px;\r\n      color: #ded9ed;\r\n      background: rgba(7,1,38,.68);\r\n      font-size: 8px;\r\n      font-weight: 800;\r\n      letter-spacing: .06em;\r\n      text-transform: uppercase;\r\n      backdrop-filter: blur(8px);\r\n    }\r\n\r\n    #mico-contact-page .mh-story-legend i {\r\n      width: 7px;\r\n      height: 7px;\r\n      display: block;\r\n      border-radius: 2px;\r\n      background: #fff;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-legend .is-development i {\r\n      border: 1px solid #c0b4ff;\r\n      background: rgba(139,113,244,.5);\r\n    }\r\n\r\n    #mico-contact-page .mh-story-legend .is-future i {\r\n      border: 1px dashed #d9d1ff;\r\n      background: transparent;\r\n    }\r\n\r\n    #mico-contact-page .mh-stage-foot {\r\n      position: relative;\r\n      z-index: 8;\r\n      padding: 16px 18px 17px 20px;\r\n      border-top: 1px solid rgba(255,255,255,.11);\r\n      background: rgba(7,1,38,.72);\r\n      backdrop-filter: blur(14px);\r\n    }\r\n\r\n    #mico-contact-page .mh-stage-copy {\r\n      min-height: 55px;\r\n      display: grid;\r\n      align-content: start;\r\n      gap: 5px;\r\n    }\r\n\r\n    #mico-contact-page .mh-stage-title {\r\n      color: #fff;\r\n      font-size: clamp(15px, 1.4vw, 19px);\r\n      text-align: left;\r\n    }\r\n\r\n    #mico-contact-page .mh-stage-caption {\r\n      position: static;\r\n      margin: 0;\r\n      max-width: 760px;\r\n      color: #bdb6d2;\r\n      font-size: 11px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-controls {\r\n      display: grid;\r\n      grid-template-columns: 44px minmax(0, 1fr) 44px;\r\n      grid-template-areas: \"previous steps next\";\r\n      gap: 10px;\r\n      align-items: center;\r\n      margin-top: 13px;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-arrow,\r\n    #mico-contact-page .mh-story-step {\r\n      min-width: 44px;\r\n      min-height: 44px;\r\n      border: 1px solid rgba(255,255,255,.16);\r\n      color: #fff;\r\n      background: rgba(255,255,255,.06);\r\n      font: inherit;\r\n      cursor: pointer;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-arrow {\r\n      display: grid;\r\n      place-items: center;\r\n      border-radius: 50%;\r\n      font-size: 20px;\r\n      line-height: 1;\r\n    }\r\n\r\n    #mico-contact-page [data-mh-story-prev] { grid-area: previous; }\r\n    #mico-contact-page [data-mh-story-next] { grid-area: next; }\r\n\r\n    #mico-contact-page .mh-story-arrow:hover:not(:disabled),\r\n    #mico-contact-page .mh-story-step:hover {\r\n      border-color: rgba(245,84,12,.72);\r\n      background: rgba(245,84,12,.13);\r\n    }\r\n\r\n    #mico-contact-page .mh-story-arrow:disabled { opacity: .28; cursor: default; }\r\n\r\n    #mico-contact-page .mh-story-steps {\r\n      grid-area: steps;\r\n      display: grid;\r\n      grid-template-columns: repeat(5, minmax(44px, 1fr));\r\n      gap: 7px;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-step {\r\n      position: relative;\r\n      display: grid;\r\n      place-items: center;\r\n      border-radius: 11px;\r\n      color: #aaa3c4;\r\n      font-size: 10px;\r\n      font-weight: 850;\r\n      letter-spacing: .08em;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-step::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: 7px;\r\n      bottom: 6px;\r\n      left: 7px;\r\n      height: 2px;\r\n      border-radius: 999px;\r\n      background: currentColor;\r\n      opacity: .25;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-step[aria-current=\"step\"] {\r\n      color: #fff;\r\n      border-color: var(--mh-orange);\r\n      background: rgba(245,84,12,.14);\r\n      box-shadow: inset 0 0 0 1px rgba(245,84,12,.18);\r\n    }\r\n\r\n    #mico-contact-page .mh-story-step[aria-current=\"step\"]::after {\r\n      background: var(--mh-orange);\r\n      opacity: 1;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-stage[data-motion=\"paused\"] .mh-story-poster,\r\n    #mico-contact-page .mh-story-stage[data-motion=\"paused\"] .mh-story-canvas,\r\n    #mico-contact-page .mh-story-stage[data-motion=\"paused\"] .mh-scene {\r\n      transition: none;\r\n    }\r\n\r\n    #mico-contact-page :is(.mh-story-arrow,.mh-story-step,.mh-motion-toggle):focus-visible {\r\n      outline: 3px solid #fff;\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    #mico-contact-page .mh-scenes { display: grid; }\r\n\r\n    #mico-contact-page .mh-scene {\r\n      min-height: clamp(500px, 72svh, 760px);\r\n      padding: clamp(44px, 6vw, 70px) 0 clamp(44px, 6vw, 70px) clamp(24px, 3vw, 38px);\r\n      border-left-width: 1px;\r\n      opacity: .36;\r\n      transform: translateY(14px);\r\n      transition: opacity 360ms ease, transform 420ms ease, border-color 360ms ease;\r\n    }\r\n\r\n    #mico-contact-page .mh-scene.is-active {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    #mico-contact-page .mh-scene-number { margin-bottom: 12px; }\r\n    #mico-contact-page .mh-scene .mh-status { margin-bottom: 16px; }\r\n\r\n    #mico-contact-page .mh-scene h3 {\r\n      margin-bottom: 15px;\r\n      font-size: clamp(1.7rem, 2.7vw, 2.45rem);\r\n    }\r\n\r\n    #mico-contact-page .mh-scene p { font-size: 15px; }\r\n\r\n    #mico-contact-page .mh-scene-evidence {\r\n      max-width: 470px;\r\n      display: grid;\r\n      gap: 9px;\r\n      margin: 19px 0 0;\r\n      padding: 0;\r\n      list-style: none;\r\n    }\r\n\r\n    #mico-contact-page .mh-scene-evidence li {\r\n      position: relative;\r\n      padding-left: 18px;\r\n      color: #aaa3c4;\r\n      font-size: 12px;\r\n      line-height: 1.48;\r\n    }\r\n\r\n    #mico-contact-page .mh-scene-evidence li::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      top: .53em;\r\n      width: 7px;\r\n      height: 7px;\r\n      border: 1px solid #8c7af0;\r\n      border-radius: 2px;\r\n    }\r\n\r\n    #mico-contact-page .mh-story-skip {\r\n      width: max-content;\r\n      display: inline-flex;\r\n      margin-top: 24px;\r\n      color: #d8d2e8;\r\n      font-size: 12px;\r\n      font-weight: 750;\r\n      text-underline-offset: 4px;\r\n    }\r\n\r\n    @media (max-width: 1100px) {\r\n      #mico-contact-page .mh-story-grid {\r\n        grid-template-columns: minmax(0, 1fr) minmax(318px, .72fr);\r\n        gap: 42px;\r\n      }\r\n\r\n      #mico-contact-page .mh-motion-label { display: none; }\r\n      #mico-contact-page .mh-stage-ident { gap: 7px; }\r\n    }\r\n\r\n    @media (max-width: 980px), (max-height: 560px) {\r\n      #mico-contact-page .mh-story-grid { display: block; }\r\n\r\n      #mico-contact-page .mh-story-stage {\r\n        position: relative;\r\n        top: auto;\r\n        width: 100%;\r\n        height: auto;\r\n        min-height: 0;\r\n      }\r\n\r\n      #mico-contact-page .mh-story-viewport {\r\n        min-height: 320px;\r\n        aspect-ratio: 16 \/ 9;\r\n      }\r\n\r\n      #mico-contact-page .mh-scenes { margin-top: 22px; }\r\n\r\n      #mico-contact-page .mh-scene {\r\n        display: none;\r\n        min-height: 0;\r\n        padding: 26px 20px 8px;\r\n        border: 0;\r\n        border-top: 1px solid rgba(255,255,255,.12);\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n\r\n      #mico-contact-page .mh-scene.is-active { display: grid; }\r\n      #mico-contact-page .mh-scene h3,\r\n      #mico-contact-page .mh-scene p,\r\n      #mico-contact-page .mh-scene-evidence { max-width: 720px; }\r\n    }\r\n\r\n    @media (max-width: 680px) {\r\n      #mico-contact-page .mh-story-intro {\r\n        gap: 20px;\r\n        margin-bottom: 38px;\r\n      }\r\n\r\n      #mico-contact-page .mh-story-stage { border-radius: 20px; }\r\n\r\n      #mico-contact-page .mh-stage-toolbar {\r\n        min-height: 58px;\r\n        padding: 9px 10px 9px 14px;\r\n      }\r\n\r\n      #mico-contact-page .mh-stage-status {\r\n        max-width: 126px;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n      }\r\n\r\n      #mico-contact-page .mh-story-viewport {\r\n        min-height: 248px;\r\n        aspect-ratio: 5 \/ 4;\r\n      }\r\n\r\n      #mico-contact-page .mh-story-poster { transform: scale(1.13); }\r\n      #mico-contact-page .mh-story-stage[data-stage=\"2\"] .mh-story-poster { transform: scale(1.34) translate(-1%, 4%); }\r\n      #mico-contact-page .mh-story-stage[data-stage=\"3\"] .mh-story-poster { transform: scale(1.34) translate(2%, -5%); }\r\n      #mico-contact-page .mh-story-stage[data-stage=\"4\"] .mh-story-poster { transform: scale(1.27) translate(0, -5%); }\r\n      #mico-contact-page .mh-story-stage[data-stage=\"5\"] .mh-story-poster { transform: scale(1.12); }\r\n\r\n      #mico-contact-page .mh-story-legend {\r\n        top: 9px;\r\n        right: 9px;\r\n        left: 9px;\r\n        justify-content: center;\r\n      }\r\n\r\n      #mico-contact-page .mh-story-legend span { font-size: 7px; }\r\n      #mico-contact-page .mh-story-loader { left: 10px; bottom: 9px; }\r\n\r\n      #mico-contact-page .mh-stage-foot { padding: 14px 12px 14px; }\r\n      #mico-contact-page .mh-stage-copy { min-height: 70px; }\r\n      #mico-contact-page .mh-stage-caption { font-size: 10px; }\r\n      #mico-contact-page .mh-story-controls { gap: 7px; }\r\n      #mico-contact-page .mh-story-steps { gap: 5px; }\r\n      #mico-contact-page .mh-story-step { min-width: 0; }\r\n\r\n      #mico-contact-page .mh-scene {\r\n        padding-right: 10px;\r\n        padding-left: 10px;\r\n      }\r\n\r\n      #mico-contact-page .mh-scene h3 { font-size: 1.7rem; }\r\n      #mico-contact-page .mh-scene p { font-size: 14px; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      #mico-contact-page .mh-story-controls {\r\n        grid-template-columns: 44px minmax(0, 1fr) 44px;\r\n        grid-template-areas:\r\n          \"steps steps steps\"\r\n          \"previous . next\";\r\n        row-gap: 8px;\r\n      }\r\n\r\n      #mico-contact-page .mh-story-steps {\r\n        grid-template-columns: repeat(5, minmax(44px, 1fr));\r\n      }\r\n    }\r\n\r\n    @media (max-width: 360px) {\r\n      #mico-contact-page .mh-stage-status { display: none; }\r\n      #mico-contact-page .mh-story-legend span { padding-right: 6px; padding-left: 6px; letter-spacing: .03em; }\r\n      #mico-contact-page .mh-story-steps { gap: 3px; }\r\n      #mico-contact-page .mh-story-controls { grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 4px; }\r\n      #mico-contact-page .mh-story-stage {\r\n        min-width: 0;\r\n        max-width: 100%;\r\n        overflow: hidden;\r\n      }\r\n      #mico-contact-page .mh-story-viewport {\r\n        width: 100%;\r\n        min-width: 0;\r\n        max-width: 100%;\r\n      }\r\n      #mico-contact-page .mf-controls { flex-wrap: wrap; }\r\n      #mico-contact-page .mf-controls > .mf-control {\r\n        flex: 0 0 100%;\r\n        width: 100%;\r\n      }\r\n      #mico-contact-page .mf-control-group {\r\n        flex: 0 0 100%;\r\n        width: 100%;\r\n      }\r\n      #mico-contact-page .mf-control-group .mf-control { white-space: nowrap; }\r\n    }\r\n\r\n    @media (orientation: landscape) and (max-height: 560px) and (min-width: 600px) {\r\n      #mico-contact-page .mh-story-stage {\r\n        grid-template-columns: minmax(0, 1.12fr) minmax(290px, .88fr);\r\n        grid-template-rows: auto minmax(270px, 1fr);\r\n      }\r\n\r\n      #mico-contact-page .mh-stage-toolbar { grid-column: 1 \/ -1; }\r\n      #mico-contact-page .mh-story-viewport { min-height: 270px; aspect-ratio: auto; }\r\n      #mico-contact-page .mh-stage-foot { border-top: 0; border-left: 1px solid rgba(255,255,255,.11); }\r\n      #mico-contact-page .mh-story-legend { display: none; }\r\n      #mico-contact-page .mh-stage-copy { min-height: 108px; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #mico-contact-page .mh-story-loader::before { animation: none; }\r\n      #mico-contact-page .mh-story-poster,\r\n      #mico-contact-page .mh-story-canvas,\r\n      #mico-contact-page .mh-scene { transition: none; transform: none; }\r\n    }\r\n\r\n\/* Dedicated contact-channel page *\/\r\n#mico-contact-page .contact-channel-hero {\r\n  position: relative;\r\n  isolation: isolate;\r\n  overflow: hidden;\r\n  padding-block: clamp(78px, 9vw, 124px);\r\n  color: #fff;\r\n  background:\r\n    radial-gradient(circle at 78% 28%, rgba(111,79,229,.4), transparent 31%),\r\n    radial-gradient(circle at 12% 82%, rgba(245,84,12,.18), transparent 28%),\r\n    #0c0040;\r\n}\r\n\r\n#mico-contact-page .contact-channel-hero::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: -1;\r\n  inset: 0;\r\n  opacity: .16;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,.14) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,.14) 1px, transparent 1px);\r\n  background-size: 54px 54px;\r\n  -webkit-mask-image: linear-gradient(90deg, #000, transparent 78%);\r\n  mask-image: linear-gradient(90deg, #000, transparent 78%);\r\n}\r\n\r\n#mico-contact-page .contact-channel-hero__inner {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, .92fr) minmax(430px, .78fr);\r\n  gap: clamp(48px, 7vw, 104px);\r\n  align-items: center;\r\n}\r\n\r\n#mico-contact-page .contact-channel-hero__copy {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n#mico-contact-page .contact-channel-hero .mh-kicker {\r\n  color: #ff8a58;\r\n}\r\n\r\n#mico-contact-page .contact-channel-hero h1 {\r\n  max-width: 780px;\r\n  margin: 0;\r\n  color: #fff;\r\n  font-size: clamp(3.2rem, 6.2vw, 6.25rem);\r\n  font-weight: 760;\r\n  letter-spacing: -.058em;\r\n  line-height: .94;\r\n  text-wrap: balance;\r\n}\r\n\r\n#mico-contact-page .contact-channel-hero__lead {\r\n  max-width: 670px;\r\n  margin: 27px 0 0;\r\n  color: #d1cada;\r\n  font-size: clamp(1rem, 1.35vw, 1.16rem);\r\n  line-height: 1.67;\r\n}\r\n\r\n#mico-contact-page .contact-channel-hero__actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  margin-top: 34px;\r\n}\r\n\r\n#mico-contact-page .contact-channel-hero .mico-button--ghost {\r\n  color: #fff;\r\n  border-color: rgba(255,255,255,.34);\r\n  background: rgba(255,255,255,.07);\r\n}\r\n\r\n#mico-contact-page .contact-channel-hero .mico-button--ghost:hover {\r\n  border-color: #fff;\r\n  background: rgba(255,255,255,.14);\r\n}\r\n\r\n#mico-contact-page .contact-channel-hero__path {\r\n  position: relative;\r\n  min-height: 430px;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(255,255,255,.17);\r\n  border-radius: 32px;\r\n  background:\r\n    radial-gradient(circle at 50% 50%, rgba(112,80,226,.22), transparent 48%),\r\n    rgba(255,255,255,.045);\r\n  box-shadow: 0 34px 94px rgba(4,0,30,.34), inset 0 1px 0 rgba(255,255,255,.08);\r\n}\r\n\r\n#mico-contact-page .contact-channel-hero__path::after {\r\n  content: \"MICO FLOW\";\r\n  position: absolute;\r\n  right: 24px;\r\n  bottom: 18px;\r\n  color: rgba(255,255,255,.16);\r\n  font-size: 11px;\r\n  font-weight: 850;\r\n  letter-spacing: .16em;\r\n}\r\n\r\n#mico-contact-page .contact-flow-line {\r\n  position: absolute;\r\n  top: 50%;\r\n  right: 14%;\r\n  left: 14%;\r\n  height: 3px;\r\n  border-radius: 999px;\r\n  background: linear-gradient(90deg, #f5540c, #f5540c 58%, #8a78e3);\r\n  transform: translateY(-50%);\r\n}\r\n\r\n#mico-contact-page .contact-flow-line::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 0;\r\n  width: 13px;\r\n  height: 13px;\r\n  border-radius: 50%;\r\n  background: #fff;\r\n  box-shadow: 0 0 0 7px rgba(245,84,12,.2), 0 0 30px rgba(245,84,12,.75);\r\n  transform: translate(-50%, -50%);\r\n  animation: contact-flow-orb 5.8s ease-in-out infinite;\r\n}\r\n\r\n#mico-contact-page .contact-flow-node {\r\n  position: absolute;\r\n  z-index: 2;\r\n  width: min(174px, 38%);\r\n  min-height: 106px;\r\n  display: grid;\r\n  align-content: center;\r\n  gap: 4px;\r\n  padding: 18px;\r\n  border: 1px solid rgba(255,255,255,.18);\r\n  border-radius: 17px;\r\n  color: #fff;\r\n  background: rgba(24,12,74,.92);\r\n  box-shadow: 0 18px 42px rgba(3,0,28,.26);\r\n}\r\n\r\n#mico-contact-page .contact-flow-node--one { top: 16%; left: 8%; }\r\n#mico-contact-page .contact-flow-node--two { top: 38%; left: 50%; transform: translateX(-50%); }\r\n#mico-contact-page .contact-flow-node--three { right: 8%; bottom: 15%; }\r\n\r\n#mico-contact-page .contact-flow-node span {\r\n  color: #ff8a58;\r\n  font-size: 10px;\r\n  font-weight: 900;\r\n  letter-spacing: .12em;\r\n}\r\n\r\n#mico-contact-page .contact-flow-node strong {\r\n  color: #fff;\r\n  font-size: 15px;\r\n  line-height: 1.25;\r\n}\r\n\r\n#mico-contact-page .contact-flow-node small {\r\n  color: #bdb6cf;\r\n  font-size: 11px;\r\n  line-height: 1.4;\r\n}\r\n\r\n#mico-contact-page .mh-flowlab {\r\n  padding-top: clamp(84px, 9vw, 132px);\r\n}\r\n\r\n#mico-contact-page .mico-nav-contact-link {\r\n  display: none;\r\n}\r\n\r\n@keyframes contact-flow-orb {\r\n  0%, 100% { left: 0; }\r\n  50% { left: 100%; }\r\n}\r\n\r\n@media (max-width: 1120px) {\r\n  #mico-contact-page .mico-nav-contact-link {\r\n    min-height: 52px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-top: 14px;\r\n    padding: 14px 16px;\r\n    color: #fff;\r\n    border: 1px solid #f5540c;\r\n    border-radius: 14px;\r\n    background: #f5540c;\r\n  }\r\n\r\n  #mico-contact-page .contact-channel-hero__inner {\r\n    grid-template-columns: minmax(0, 1fr) minmax(360px, .72fr);\r\n    gap: 44px;\r\n  }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  #mico-contact-page .contact-channel-hero__inner {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  #mico-contact-page .contact-channel-hero__path {\r\n    width: min(100%, 680px);\r\n    min-height: 360px;\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  #mico-contact-page .contact-channel-hero {\r\n    padding-block: 68px;\r\n  }\r\n\r\n  #mico-contact-page .contact-channel-hero h1 {\r\n    font-size: clamp(3rem, 15vw, 4.25rem);\r\n  }\r\n\r\n  #mico-contact-page .contact-channel-hero__actions {\r\n    display: grid;\r\n  }\r\n\r\n  #mico-contact-page .contact-channel-hero__actions .mico-button {\r\n    width: 100%;\r\n  }\r\n\r\n  #mico-contact-page .contact-channel-hero__path {\r\n    min-height: 0;\r\n    display: grid;\r\n    gap: 11px;\r\n    padding: 24px;\r\n  }\r\n\r\n  #mico-contact-page .contact-flow-line {\r\n    top: 40px;\r\n    bottom: 40px;\r\n    left: 41px;\r\n    width: 3px;\r\n    height: auto;\r\n    transform: none;\r\n    background: linear-gradient(180deg, #f5540c, #8a78e3);\r\n  }\r\n\r\n  #mico-contact-page .contact-flow-line::after {\r\n    display: none;\r\n  }\r\n\r\n  #mico-contact-page .contact-flow-node,\r\n  #mico-contact-page .contact-flow-node--one,\r\n  #mico-contact-page .contact-flow-node--two,\r\n  #mico-contact-page .contact-flow-node--three {\r\n    position: relative;\r\n    inset: auto;\r\n    width: 100%;\r\n    min-height: 92px;\r\n    padding: 15px 16px 15px 48px;\r\n    transform: none;\r\n  }\r\n}\r\n\r\n\/* mico-polish.css *\/\r\n\/*\r\n * Final site-wide refinement layer.\r\n *\r\n * The site is intentionally expressive, but the original type and spacing\r\n * scale made normal browser zoom feel enlarged. These rules keep the visual\r\n * hierarchy while making all five pages calmer, denser and more consistent.\r\n *\/\r\n\r\n.mico-page {\r\n  --mico-shell: min(calc(100% - 64px), 1240px);\r\n  --mico-radius-md: 20px;\r\n  --mico-radius-lg: 28px;\r\n}\r\n\r\n.mico-shell--narrow {\r\n  width: min(calc(100% - 64px), 1020px);\r\n}\r\n\r\n.mico-nav-inner {\r\n  min-height: 78px;\r\n  gap: 26px;\r\n}\r\n\r\n.mico-logo {\r\n  width: 104px;\r\n  height: 52px;\r\n}\r\n\r\n.mico-nav-links {\r\n  gap: clamp(16px, 1.7vw, 28px);\r\n}\r\n\r\n.mico-button,\r\n.cf7-prototype .wpcf7-submit {\r\n  min-height: 48px;\r\n  padding: 13px 19px;\r\n}\r\n\r\n.mico-button:not(.mico-button--ghost):not(.mico-button--light),\r\n.cf7-prototype .wpcf7-submit {\r\n  color: var(--mico-navy-950);\r\n}\r\n\r\n.mico-button:not(.mico-button--ghost):not(.mico-button--light):hover,\r\n.cf7-prototype .wpcf7-submit:hover {\r\n  color: var(--mico-white);\r\n}\r\n\r\n.mico-title {\r\n  max-width: 840px;\r\n  margin-bottom: 22px;\r\n  font-size: clamp(2.15rem, 3.7vw, 4.25rem);\r\n  line-height: 1.01;\r\n}\r\n\r\n.mico-lead {\r\n  max-width: 720px;\r\n  font-size: clamp(1.03rem, 1.2vw, 1.18rem);\r\n  line-height: 1.62;\r\n}\r\n\r\n.mico-section {\r\n  padding-block: clamp(72px, 7vw, 112px);\r\n}\r\n\r\n.mico-section-head {\r\n  gap: clamp(28px, 5vw, 72px);\r\n  margin-bottom: clamp(40px, 5vw, 64px);\r\n}\r\n\r\n\/* Inner-page heroes share one calmer visual rhythm. *\/\r\n.services-hero,\r\n.system-hero,\r\n.company-hero,\r\n.investor-hero {\r\n  min-height: min(740px, calc(100svh - 78px));\r\n}\r\n\r\n.services-hero__inner,\r\n.company-hero__inner {\r\n  width: var(--mico-shell);\r\n}\r\n\r\n.services-hero__inner,\r\n.system-hero__inner,\r\n.company-hero__inner,\r\n.investor-hero__inner {\r\n  padding-block: clamp(64px, 7vw, 104px);\r\n}\r\n\r\n.services-hero h1 {\r\n  max-width: 720px;\r\n  font-size: clamp(3rem, 4.4vw, 4.5rem);\r\n  line-height: .95;\r\n  letter-spacing: -.052em;\r\n  overflow-wrap: normal;\r\n  word-break: normal;\r\n  hyphens: manual;\r\n}\r\n\r\n.system-hero h1 {\r\n  font-size: clamp(3rem, 4.45vw, 5.2rem);\r\n  line-height: .95;\r\n  letter-spacing: -.054em;\r\n}\r\n\r\n.company-hero h1 {\r\n  font-size: clamp(3rem, 4.8vw, 5.4rem);\r\n  line-height: .95;\r\n  letter-spacing: -.052em;\r\n}\r\n\r\n.investor-hero h1 {\r\n  color: var(--mico-white);\r\n  font-size: clamp(3rem, 4.65vw, 5.3rem);\r\n  line-height: .95;\r\n  letter-spacing: -.055em;\r\n}\r\n\r\n.services-hero__lead,\r\n.system-hero__lead,\r\n.company-hero__lead,\r\n.investor-hero__lead {\r\n  font-size: clamp(1.02rem, 1.2vw, 1.18rem);\r\n}\r\n\r\n.services-hero__facts,\r\n.investor-facts {\r\n  margin-top: 36px;\r\n}\r\n\r\n.services-hero__facts li,\r\n.investor-facts > div {\r\n  padding: 15px 16px;\r\n}\r\n\r\n.service-system {\r\n  min-height: 520px;\r\n}\r\n\r\n.investor-hero__figure {\r\n  min-height: 550px;\r\n}\r\n\r\n\/* Cards remain substantial, but no longer use empty height as decoration. *\/\r\n.service-card {\r\n  min-height: 310px;\r\n  padding: clamp(24px, 2.4vw, 32px);\r\n}\r\n\r\n.service-card__top {\r\n  margin-bottom: 38px;\r\n}\r\n\r\n.service-card h3 {\r\n  font-size: clamp(1.5rem, 2vw, 2.15rem);\r\n}\r\n\r\n.route-lane__head {\r\n  min-height: 230px;\r\n  padding: clamp(26px, 3vw, 38px);\r\n}\r\n\r\n.compass-result {\r\n  padding: clamp(26px, 3.4vw, 42px);\r\n}\r\n\r\n.services-contact h2,\r\n.system-contact h2,\r\n.company-contact h2 {\r\n  color: var(--mico-navy-950);\r\n  font-size: clamp(2.45rem, 4vw, 4.75rem);\r\n  line-height: .98;\r\n}\r\n\r\n.services-contact [data-reveal] > p:not(.mico-kicker),\r\n.system-contact__grid > div > p:not(.mico-kicker),\r\n.company-contact p {\r\n  color: rgba(11, 0, 61, .78);\r\n}\r\n\r\n.services-contact .mico-kicker,\r\n.system-contact .mico-kicker,\r\n.company-contact .mico-kicker {\r\n  color: var(--mico-navy-950);\r\n}\r\n\r\n.expertise-network {\r\n  min-height: 520px;\r\n}\r\n\r\n.team-card__body {\r\n  padding: 24px;\r\n}\r\n\r\n.roadmap-card {\r\n  min-height: 340px;\r\n  padding: clamp(26px, 3vw, 36px);\r\n}\r\n\r\n.working-card {\r\n  min-height: 240px;\r\n  padding: 24px;\r\n}\r\n\r\n.system-definition-card {\r\n  min-height: 310px;\r\n  padding: 26px;\r\n}\r\n\r\n.system-definition-card__index {\r\n  margin-top: 46px;\r\n}\r\n\r\n.mh-story-stage {\r\n  height: clamp(500px, calc(100svh - 110px), 660px);\r\n}\r\n\r\n.mh-scene {\r\n  min-height: clamp(430px, 60svh, 640px);\r\n}\r\n\r\n.system-route-card {\r\n  min-height: 340px;\r\n  padding: clamp(26px, 3vw, 36px);\r\n}\r\n\r\n.system-route-card__meta {\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.system-partner__roles article {\r\n  min-height: 205px;\r\n  padding: 25px;\r\n}\r\n\r\n.system-value__grid article {\r\n  min-height: 240px;\r\n  padding: 24px;\r\n}\r\n\r\n.system-value__grid article > span {\r\n  margin-bottom: 52px;\r\n}\r\n\r\n.engine-detail {\r\n  min-height: 430px;\r\n  padding: clamp(28px, 3.2vw, 42px);\r\n}\r\n\r\n.engine-detail h3 {\r\n  margin-top: 50px;\r\n  font-size: clamp(1.85rem, 2.8vw, 3.1rem);\r\n}\r\n\r\n.proof-card {\r\n  min-height: 280px;\r\n  padding: 26px;\r\n}\r\n\r\n.proof-card h3 {\r\n  margin-top: 60px;\r\n}\r\n\r\n.stage-ledger__item {\r\n  min-height: 360px;\r\n  padding: clamp(26px, 2.8vw, 36px);\r\n}\r\n\r\n.stage-ledger h3 {\r\n  margin-top: 46px;\r\n}\r\n\r\n.investor-team__portraits {\r\n  min-height: 530px;\r\n}\r\n\r\n.investor-contact h2 {\r\n  color: var(--mico-white);\r\n  font-size: clamp(2.55rem, 4.3vw, 5rem);\r\n  line-height: .95;\r\n}\r\n\r\n\/*\r\n * Divi assigns heading colors directly. Explicit surface colors prevent those\r\n * theme declarations from turning headings black on navy and violet panels.\r\n *\/\r\n:where(.services-hero, .system-hero, .company-hero, .investor-hero,\r\n       .service-compass, .expertise, .system-story, .system-routes,\r\n       .investor-thesis, .investor-stages, .investor-room, .investor-contact)\r\n  :where(h1, h2, h3) {\r\n  color: var(--mico-white) !important;\r\n}\r\n\r\n.mico-page .mico-title--light,\r\n.mico-page .investor-hero h1,\r\n.mico-page .expertise-content h3,\r\n.mico-page .compass-result h3,\r\n.mico-page .system-route-card h3,\r\n.mico-page .thesis-list h3,\r\n.mico-page .stage-ledger h3,\r\n.mico-page .service-card--accent h3,\r\n.mico-page .route-lane--warehouse h3,\r\n.mico-page .system-definition-card--development h3,\r\n.mico-page .system-layer--experience h3,\r\n.mico-page .system-layer--intelligence h3,\r\n.mico-page .engine-detail h3,\r\n.mico-page .cf7-prototype h3 {\r\n  color: var(--mico-white) !important;\r\n}\r\n\r\n.mico-page .services-contact h2,\r\n.mico-page .system-contact h2,\r\n.mico-page .company-contact h2 {\r\n  color: var(--mico-navy-950) !important;\r\n}\r\n\r\n:where(.service-compass, .expertise, .system-story, .system-routes,\r\n       .investor-thesis, .investor-stages, .investor-room)\r\n  :where(p, li) {\r\n  color: rgba(255, 255, 255, .72);\r\n}\r\n\r\n.service-card--accent :where(h3, strong),\r\n.route-lane--warehouse :where(h3, strong),\r\n.system-definition-card--development :where(h3, strong),\r\n.system-layer--experience :where(h3, strong),\r\n.system-layer--intelligence :where(h3, strong),\r\n.engine-detail :where(h3, strong),\r\n.cf7-prototype :where(h3, strong) {\r\n  color: var(--mico-white);\r\n}\r\n\r\n.cf7-prototype :where(p, label) {\r\n  color: rgba(255, 255, 255, .74);\r\n}\r\n\r\n.compass-choices__privacy,\r\n.cf7-prototype__foot small,\r\n.system-state small,\r\n.compass-chain small,\r\n.engine-detail > small,\r\n.investor-facts dt,\r\n.room-shelves small {\r\n  color: rgba(255, 255, 255, .7);\r\n  font-size: 12px;\r\n}\r\n\r\n@media (max-width: 1120px) {\r\n  .mico-nav-inner {\r\n    gap: 20px;\r\n  }\r\n\r\n  .services-hero__inner {\r\n    grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);\r\n    gap: 38px;\r\n  }\r\n\r\n  .system-hero__visual {\r\n    width: 106%;\r\n    margin: -6% -3% -4%;\r\n  }\r\n}\r\n\r\n@media (max-width: 860px) {\r\n  .mico-page {\r\n    --mico-shell: min(calc(100% - 36px), 1240px);\r\n  }\r\n\r\n  .mico-shell--narrow {\r\n    width: min(calc(100% - 36px), 1020px);\r\n  }\r\n\r\n  .mico-nav-inner {\r\n    min-height: 72px;\r\n  }\r\n\r\n  .mico-logo {\r\n    width: 100px;\r\n    height: 48px;\r\n  }\r\n\r\n  .mico-nav-links {\r\n    inset: 72px 0 auto;\r\n    max-height: calc(100svh - 72px);\r\n  }\r\n\r\n  body.admin-bar .mico-nav-links {\r\n    top: 104px;\r\n  }\r\n\r\n  .mico-section {\r\n    padding-block: clamp(64px, 9vw, 84px);\r\n  }\r\n\r\n  .mico-title {\r\n    font-size: clamp(2.05rem, 7.2vw, 3.15rem);\r\n  }\r\n\r\n  .mico-section-head {\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .services-hero__inner,\r\n  .system-hero__inner,\r\n  .company-hero__inner,\r\n  .investor-hero__inner {\r\n    padding-block: 64px 76px;\r\n  }\r\n\r\n  .services-hero__inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 44px;\r\n  }\r\n\r\n  .portrait-system {\r\n    min-height: 450px;\r\n  }\r\n\r\n  .investor-hero__figure {\r\n    min-height: 560px;\r\n  }\r\n}\r\n\r\n@media (max-width: 782px) {\r\n  body.admin-bar .mico-nav-links {\r\n    top: 118px;\r\n  }\r\n}\r\n\r\n@media (max-width: 700px) {\r\n  .services-hero h1,\r\n  .system-hero h1,\r\n  .company-hero h1,\r\n  .investor-hero h1 {\r\n    font-size: clamp(2.4rem, 10vw, 3rem);\r\n    line-height: 1;\r\n    letter-spacing: -.045em;\r\n  }\r\n\r\n  .services-hero__inner,\r\n  .system-hero__inner,\r\n  .company-hero__inner,\r\n  .investor-hero__inner {\r\n    padding-block: 56px 68px;\r\n  }\r\n\r\n  .services-hero__lead,\r\n  .system-hero__lead,\r\n  .company-hero__lead,\r\n  .investor-hero__lead {\r\n    font-size: 1rem;\r\n    line-height: 1.58;\r\n  }\r\n\r\n  .system-hero__visual {\r\n    width: 122%;\r\n    margin: -1% -11% -5%;\r\n  }\r\n\r\n  .investor-hero__figure {\r\n    min-height: 450px;\r\n  }\r\n\r\n  .services-contact h2,\r\n  .system-contact h2,\r\n  .company-contact h2,\r\n  .investor-contact h2 {\r\n    font-size: clamp(2.35rem, 10vw, 3.2rem);\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .mico-page {\r\n    --mico-shell: min(calc(100% - 32px), 1240px);\r\n  }\r\n\r\n  .mico-shell--narrow {\r\n    width: min(calc(100% - 32px), 1020px);\r\n  }\r\n\r\n  .mico-nav-inner {\r\n    min-height: 68px;\r\n    gap: 10px;\r\n  }\r\n\r\n  .mico-logo {\r\n    width: 96px;\r\n    height: 46px;\r\n  }\r\n\r\n  .mico-menu-toggle {\r\n    width: 46px;\r\n    height: 46px;\r\n  }\r\n\r\n  .mico-nav-links {\r\n    inset: 68px 0 auto;\r\n    max-height: calc(100svh - 68px);\r\n  }\r\n\r\n  body.admin-bar .mico-nav-links {\r\n    top: 114px;\r\n  }\r\n\r\n  .mico-section {\r\n    padding-block: 64px;\r\n  }\r\n\r\n  .mico-kicker {\r\n    margin-bottom: 16px;\r\n    font-size: 11px;\r\n  }\r\n\r\n  .service-card,\r\n  .route-lane__head,\r\n  .compass-choices,\r\n  .compass-result,\r\n  .system-definition-card,\r\n  .system-layer,\r\n  .system-route-card,\r\n  .system-partner__roles article,\r\n  .proof-card,\r\n  .stage-ledger__item,\r\n  .cf7-prototype {\r\n    padding: 22px;\r\n  }\r\n\r\n  .portrait-system {\r\n    min-height: 370px;\r\n  }\r\n\r\n  .mh-story-viewport {\r\n    min-height: 238px;\r\n  }\r\n\r\n  .investor-hero__figure {\r\n    min-height: 410px;\r\n  }\r\n\r\n  .investor-team__portraits {\r\n    min-height: 440px;\r\n  }\r\n}\r\n\r\n@media (max-width: 430px) {\r\n  .investor-hero__figure {\r\n    min-height: 390px;\r\n  }\r\n\r\n  .investor-team__portraits {\r\n    min-height: 410px;\r\n  }\r\n}\r\n<\/style>\r\n<script data-mico-shell>\r\n(function () {\r\n  \"use strict\";\r\n  var script = document.currentScript;\r\n  var root = script && script.closest(\".mico-wp-page\");\r\n  if (!root || !document.body) return;\r\n  document.body.classList.add(\"mico-site-active\");\r\n\r\n  function prepareMicoPage() {\r\n    if (!document.body.contains(root)) return;\r\n    document.body.classList.add(\"mico-site-active\");\r\n    var landmarks = document.querySelectorAll(\".et-l--header, #main-header, footer.et-l--footer, #main-footer\");\r\n    Array.prototype.forEach.call(landmarks, function (landmark) {\r\n      if (root.contains(landmark)) return;\r\n      landmark.setAttribute(\"aria-hidden\", \"true\");\r\n      landmark.style.setProperty(\"display\", \"none\", \"important\");\r\n      if (\"inert\" in landmark) landmark.inert = true;\r\n    });\r\n    var viewport = document.querySelector('meta[name=\"viewport\"]');\r\n    if (viewport) viewport.setAttribute(\"content\", \"width=device-width, initial-scale=1\");\r\n  }\r\n\r\n  prepareMicoPage();\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", prepareMicoPage, { once: true });\r\n  }\r\n  window.addEventListener(\"load\", prepareMicoPage, { once: true });\r\n})();\r\n<\/script>\r\n    <a class=\"mico-skip\" href=\"#mico-main-content\">Siirry sis\u00e4lt\u00f6\u00f6n<\/a>\r\n\r\n    <header class=\"mico-nav\" aria-label=\"Mico Finlandin p\u00e4\u00e4valikko\">\r\n      <div class=\"mico-shell mico-nav-inner\">\r\n        <a class=\"mico-logo\" href=\"\/\" aria-label=\"Mico Finland \u2013 etusivu\">\r\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.micofoy.fi\/wp-content\/uploads\/2025\/04\/Mico-logo.png\" width=\"500\" height=\"250\" alt=\"Mico Finland\">\r\n        <\/a>\r\n\r\n        <nav class=\"mico-nav-links\" id=\"mico-primary-menu\" data-menu aria-label=\"P\u00e4\u00e4valikko\">\r\n          <a href=\"\/\">Etusivu<\/a>\r\n          <a href=\"\/index.php\/palvelut\/\">Palvelut<\/a>\r\n          <a href=\"\/index.php\/mico-system\/\">Mico System<\/a>\r\n          <a href=\"\/index.php\/yritys-ja-tiimi\/\">Yritys &amp; tiimi<\/a>\r\n          <a class=\"mico-nav-contact-link\" href=\"\/index.php\/ota-yhteytta\/\" aria-current=\"page\">Ota yhteytt\u00e4 <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n        <\/nav>\r\n\r\n        <div class=\"mico-nav-actions\">\r\n          <a class=\"mico-button mico-nav-cta\" href=\"\/index.php\/ota-yhteytta\/\" aria-current=\"page\">Ota yhteytt\u00e4 <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n          <button class=\"mico-menu-toggle\" type=\"button\" data-menu-toggle aria-controls=\"mico-primary-menu\" aria-expanded=\"false\" aria-label=\"Avaa valikko\">\r\n            <span aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <main id=\"mico-main-content\">\r\n      <section class=\"contact-channel-hero\" aria-labelledby=\"contact-channel-title\">\r\n        <div class=\"mh-shell contact-channel-hero__inner\">\r\n          <div class=\"contact-channel-hero__copy\" data-reveal>\r\n            <p class=\"mh-kicker\">Mico Flow \u00b7 yhteydenotto<\/p>\r\n            <h1 id=\"contact-channel-title\">Rakenna palveluketjusi.<\/h1>\r\n            <p class=\"contact-channel-hero__lead\">Valitse yrityksesi tarpeet. Mico Flow kokoaa niist\u00e4 mahdollisen palvelukokonaisuuden, jonka voit l\u00e4hett\u00e4\u00e4 meille arvioitavaksi.<\/p>\r\n            <div class=\"contact-channel-hero__actions\" aria-label=\"Sivun p\u00e4\u00e4toiminnot\">\r\n              <a class=\"mico-button\" href=\"#mico-flow\">Aloita Mico Flow <span aria-hidden=\"true\">\u2193<\/span><\/a>\r\n              <a class=\"mico-button mico-button--ghost\" href=\"\/index.php\/yritys-ja-tiimi\/#yhteys\">Ota yhteytt\u00e4 suoraan <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"contact-channel-hero__path\" aria-label=\"Mico Flow etenee valinnoista palvelukokonaisuuteen ja yhteydenottoon\" data-reveal>\r\n            <span class=\"contact-flow-line\" aria-hidden=\"true\"><\/span>\r\n            <article class=\"contact-flow-node contact-flow-node--one\">\r\n              <span>01<\/span><strong>Valitse tarpeet<\/strong><small>Palvelut, tuote ja toimitusrytmi<\/small>\r\n            <\/article>\r\n            <article class=\"contact-flow-node contact-flow-node--two\">\r\n              <span>02<\/span><strong>N\u00e4e kokonaisuus<\/strong><small>Mico Flow kokoaa mahdollisen ketjun<\/small>\r\n            <\/article>\r\n            <article class=\"contact-flow-node contact-flow-node--three\">\r\n              <span>03<\/span><strong>L\u00e4het\u00e4 meille<\/strong><small>Jatkamme suunnittelua henkil\u00f6kohtaisesti<\/small>\r\n            <\/article>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section class=\"mh-section mh-flowlab\" id=\"mico-flow\" aria-labelledby=\"mh-flow-title\">\r\n        <div class=\"mh-shell\">\r\n          <div class=\"mh-flowlab-head\">\r\n            <div>\r\n              <p class=\"mh-kicker\">Mico Flow<\/p>\r\n              <h2 class=\"mh-title\" id=\"mh-flow-title\">Kokoa mahdollinen palveluketju nelj\u00e4ss\u00e4 vaiheessa.<\/h2>\r\n              <p class=\"mh-copy-lg\">Kerro tarpeen rakenne \u2014 Mico Flow n\u00e4ytt\u00e4\u00e4 heti, mitk\u00e4 nykyiset palvelumoduulit voisivat muodostaa sille selke\u00e4n kokonaisuuden.<\/p>\r\n            <\/div>\r\n            <p class=\"mh-flowlab-note\">Kolme ensimm\u00e4ist\u00e4 vaihetta toimivat vain t\u00e4ss\u00e4 selaimessa. Mit\u00e4\u00e4n tietoja ei l\u00e4hetet\u00e4 ennen kuin t\u00e4yt\u00e4t nelj\u00e4nnen vaiheen, hyv\u00e4ksyt tietojen k\u00e4sittelyn ja painat L\u00e4het\u00e4. Mico Flow ei laske hintaa eik\u00e4 muodosta sitovaa tarjousta.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"mf-static-fallback\" aria-label=\"Esimerkki Micon modulaarisesta palveluketjusta\">\r\n            <p class=\"mh-copy-lg\">Esimerkkiketju ilman vuorovaikutusta:<\/p>\r\n            <div class=\"mf-static\">\r\n              <div><strong>Vastaanotto<\/strong><span>Tuotteet palveluketjuun<\/span><\/div>\r\n              <div><strong>Varastointi ja ker\u00e4ily<\/strong><span>Tilauksen mukaan<\/span><\/div>\r\n              <div><strong>L\u00e4mp\u00f6tilahallittu kuljetus<\/strong><span>Tuotteen vaatimusten mukaan<\/span><\/div>\r\n              <div><strong>Toimitus<\/strong><span>Sovittuun kohteeseen<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"mf-app\" data-flow-app hidden>\r\n            <div class=\"mf-config\">\r\n              <div class=\"mf-progress-row\">\r\n                <span class=\"mf-progress-label\" data-flow-progress-label>Vaihe 1 \/ 4<\/span>\r\n                <div class=\"mf-progress-track\" role=\"progressbar\" aria-label=\"Mico Flow -vaihe\" aria-valuemin=\"1\" aria-valuemax=\"4\" aria-valuenow=\"1\" data-flow-progress>\r\n                  <div class=\"mf-progress-bar\" data-flow-progress-bar><\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"mf-stage\">\r\n                <form data-flow-form novalidate>\r\n                  <div data-flow-step><\/div>\r\n                <\/form>\r\n\r\n                <div class=\"mf-contact-step\" data-flow-contact-step hidden>\r\n                  <div class=\"mf-contact-intro\">\r\n                    <h3>T\u00e4yt\u00e4 yhteystietosi ja keskustellaan ratkaisusta.<\/h3>\r\n                    <p>Mico Flow -valintasi liitet\u00e4\u00e4n viestiin automaattisesti. T\u00e4ydenn\u00e4 yhteystietosi ja halutessasi tarkemmat tiedot. Palaamme sinulle henkil\u00f6kohtaisesti.<\/p>\r\n                  <\/div>\r\n\r\n                  <div class=\"mf-review\" role=\"note\" aria-labelledby=\"mf-review-title\">\r\n                    <strong id=\"mf-review-title\">Mukaan l\u00e4htev\u00e4 Mico Flow -yhteenveto<\/strong>\r\n                    <p data-flow-review>Yhteenveto muodostuu kolmessa ensimm\u00e4isess\u00e4 vaiheessa.<\/p>\r\n                    <small>Yhteenveto l\u00e4hetet\u00e4\u00e4n lomakkeen mukana.<\/small>\r\n                  <\/div>\r\n\r\n                  <div class=\"cf7-prototype mico-cf7\" data-mico-form=\"contact\">\r\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1112-o1\" lang=\"fi\" dir=\"ltr\" data-wpcf7-id=\"1112\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/1132#wpcf7-f1112-o1\" method=\"post\" class=\"wpcf7-form init wpcf7-acceptance-as-validation\" aria-label=\"Yhteydenottolomake\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"1112\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"fi\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1112-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"mf-contact-grid\">\n\t<p><label class=\"mf-field\"><br \/>\n<span>Nimi *<\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><br \/>\n<\/label><br \/>\n<label class=\"mf-field\"><br \/>\n<span>Yritys (valinnainen)<\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"company\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" autocomplete=\"organization\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"company\" \/><\/span><br \/>\n<\/label><br \/>\n<label class=\"mf-field\"><br \/>\n<span>S\u00e4hk\u00f6posti *<\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><br \/>\n<\/label><br \/>\n<label class=\"mf-field\"><br \/>\n<span>Puhelin *<\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" autocomplete=\"tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"phone\" \/><\/span><br \/>\n<\/label><br \/>\n<label class=\"mf-field mf-field--wide\"><br \/>\n<span>Tuote ja mahdollinen l\u00e4mp\u00f6tilavaatimus (valinnainen)<\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"product\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Esimerkiksi valmisruoat, +2\u2026+6 \u00b0C\" value=\"\" type=\"text\" name=\"product\" \/><\/span><br \/>\n<\/label><br \/>\n<label class=\"mf-field mf-field--wide\"><br \/>\n<span>Toivottu aloitusajankohta (valinnainen)<\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"start-date\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Esimerkiksi lokakuu 2026 tai mahdollisimman pian\" value=\"\" type=\"text\" name=\"start-date\" \/><\/span><br \/>\n<\/label><br \/>\n<label class=\"mf-field mf-field--wide\"><br \/>\n<span>L\u00e4ht\u00f6, m\u00e4\u00e4r\u00e4np\u00e4\u00e4, rytmi ja m\u00e4\u00e4r\u00e4arvio (valinnainen)<\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"route\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Esimerkiksi Lohja \u2192 Helsinki, kolme kertaa viikossa, noin 30 laatikkoa kuljetusta kohden\" name=\"route\"><\/textarea><\/span><br \/>\n<\/label><br \/>\n<label class=\"mf-field mf-field--wide\"><br \/>\n<span>Lis\u00e4tiedot (valinnainen)<\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Kerro muut ratkaisun suunnittelussa huomioitavat asiat\" name=\"your-message\"><\/textarea><\/span><br \/>\n<\/label>\n\t<\/p>\n<\/div>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"flow-summary\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"flow-services\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"flow-product-choice\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"flow-frequency\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"flow-frequency-details\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"mico-flow\" type=\"hidden\" name=\"form-type\" \/>\n<div class=\"mf-consent\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"privacy\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"privacy\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">Hyv\u00e4ksyn, ett\u00e4 Mico Finland Oy k\u00e4sittelee tietojani yhteydenottooni vastaamiseksi ja palvelutarpeen arvioimiseksi. Olen tutustunut <a href=\"\/index.php\/yritys-ja-tiimi\/#tietosuoja\">tietosuojatietoihin<\/a>. *<\/span><\/label><\/span><\/span><\/span>\n\t<\/p>\n<\/div>\n<div class=\"mf-submit-row\">\n\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner mh-button\" type=\"submit\" value=\"L\u00e4het\u00e4 yhteydenotto \u2192\" \/>\n\t<\/p>\n\t<p>Tietojasi ei l\u00e4hetet\u00e4 ennen kuin painat L\u00e4het\u00e4.\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n<\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"mf-controls\">\r\n                <button class=\"mf-control\" type=\"button\" data-flow-reset>Aloita alusta<\/button>\r\n                <div class=\"mf-control-group\">\r\n                  <button class=\"mf-control\" type=\"button\" data-flow-back>Takaisin<\/button>\r\n                  <button class=\"mf-control mf-control--next\" type=\"button\" data-flow-next disabled>Seuraava<\/button>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mf-visual-panel\">\r\n              <div>\r\n                <p class=\"mf-result-kicker\">Muodostuva palvelurakenne<\/p>\r\n                <h3 class=\"mf-result-title\" data-flow-title>Sinun mahdollinen Mico Flow<\/h3>\r\n                <p class=\"mf-result-intro\">Valintasi muuttavat ketjua ja sen perusteluja v\u00e4litt\u00f6m\u00e4sti. Kaikki aktiiviset palvelut ovat nykyiseen palvelumalliin kuuluvia.<\/p>\r\n              <\/div>\r\n\r\n              <div class=\"mf-track\" data-flow-visual aria-hidden=\"true\"><\/div>\r\n              <ul class=\"mf-reasons\" data-flow-reasons aria-label=\"Palvelumoduulien perustelut\"><\/ul>\r\n\r\n              <div>\r\n                <p class=\"mf-future-note\"><strong>Toteutusasteet:<\/strong> modulaarinen kuljetuslaitteisto on k\u00e4yt\u00f6ss\u00e4, teko\u00e4lyintegraatio vahvistuu vaiheittain ja autonomisempi toiminta on kehityssuunta. Pian k\u00e4ytt\u00f6\u00f6n tuleva terminaali-, varastomyynti-, pakkaamo-, noutopiste- ja dronejakelukokonaisuus pidet\u00e4\u00e4n erill\u00e4\u00e4n nykyisin tilattavista palveluista siihen asti, kunnes se on avattu k\u00e4ytt\u00f6\u00f6n.<\/p>\r\n                <div class=\"mf-result-bottom\">\r\n                  <p class=\"mf-summary\" data-flow-summary aria-live=\"polite\">Valitse v\u00e4hint\u00e4\u00e4n yksi palvelu. N\u00e4et ketjun p\u00e4ivittyv\u00e4n t\u00e4ss\u00e4.<\/p>\r\n                  <button class=\"mh-button\" type=\"button\" data-flow-contact disabled>Jatka yhteystietoihin <span aria-hidden=\"true\">\u2192<\/span><\/button>\r\n                <\/div>\r\n              <\/div>\r\n              <p class=\"screen-reader-text\" data-flow-live aria-live=\"polite\"><\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <noscript><p>Interaktiivinen Mico Flow tarvitsee JavaScriptin. Yll\u00e4 oleva esimerkkiketju n\u00e4ytt\u00e4\u00e4 saman perusajatuksen staattisena.<\/p><\/noscript>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section class=\"mh-contact\" id=\"suora-yhteydenotto\" aria-labelledby=\"direct-contact-title\">\r\n        <div class=\"mh-shell mh-contact-grid\">\r\n          <div>\r\n            <p class=\"mh-kicker\">Yleinen yhteydenotto<\/p>\r\n            <h2 id=\"direct-contact-title\">Haluatko vain ottaa yhteytt\u00e4?<\/h2>\r\n          <\/div>\r\n          <div class=\"mh-contact-copy\">\r\n            <p>Voit kertoa asiasi suoraan yleisell\u00e4 yhteydenottolomakkeella. Micon tiimi vastaa sinulle henkil\u00f6kohtaisesti.<\/p>\r\n            <div class=\"mh-contact-actions\">\r\n              <a class=\"mh-button mh-button--ink\" href=\"\/index.php\/yritys-ja-tiimi\/#yhteys\">Avaa yhteydenottolomake <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n              <a class=\"mh-button mh-button--light\" href=\"#mico-flow\">Aloita Mico Flow<\/a>\r\n            <\/div>\r\n            <p class=\"mh-privacy-note\">Mico Flow -valinnat l\u00e4hetet\u00e4\u00e4n vain Flow\u2019n nelj\u00e4nnen vaiheen omalla lomakkeella.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n    <\/main>\r\n\r\n    <footer class=\"mico-footer\" aria-label=\"Mico Finlandin alatunniste\">\r\n      <div class=\"mico-shell\">\r\n        <div class=\"mico-footer__grid\">\r\n          <div class=\"mico-footer__brand\">\r\n            <img loading=\"lazy\" decoding=\"async\" class=\"mico-footer__logo\" src=\"https:\/\/www.micofoy.fi\/wp-content\/uploads\/2025\/04\/Mico-logo.png\" width=\"500\" height=\"250\" alt=\"Mico Finland\">\r\n            <p>Kuljetus, kotiintoimitus, ker\u00e4ily ja varastointi asiakkaan tarpeeseen sopivana kokonaisuutena.<\/p>\r\n          <\/div>\r\n          <div>\r\n            <h2>Tutustu<\/h2>\r\n            <nav aria-label=\"Alatunnisteen sivulinkit\">\r\n              <a href=\"\/\">Etusivu<\/a>\r\n              <a href=\"\/index.php\/palvelut\/\">Palvelut<\/a>\r\n              <a href=\"\/index.php\/mico-system\/\">Mico System<\/a>\r\n              <a href=\"\/index.php\/yritys-ja-tiimi\/\">Yritys &amp; tiimi<\/a>\r\n            <\/nav>\r\n          <\/div>\r\n          <div>\r\n            <h2>Yhteys<\/h2>\r\n            <nav aria-label=\"Yhteystiedot\">\r\n              <a href=\"mailto:katja@micofoy.fi\">katja@micofoy.fi<\/a>\r\n              <a href=\"\/index.php\/ota-yhteytta\/\" aria-current=\"page\">Ota yhteytt\u00e4<\/a>\r\n              <span>Y-tunnus 3156978-5<\/span>\r\n            <\/nav>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"mico-footer__bottom\">\r\n          <span>\u00a9 2026 Mico Finland Oy<\/span>\r\n          <a href=\"\/index.php\/yritys-ja-tiimi\/#tietosuoja\">Tietosuoja<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/footer>\r\n<script data-mico-source=\"mico-site.js\">\r\n(function () {\r\n  \"use strict\";\r\n\r\n  var root = document.querySelector(\"[data-mico-page]\");\r\n  if (!root) return;\r\n\r\n  var menuButton = root.querySelector(\"[data-menu-toggle]\");\r\n  var menu = root.querySelector(\"[data-menu]\");\r\n\r\n  function setMenu(open) {\r\n    if (!menuButton || !menu) return;\r\n    menuButton.setAttribute(\"aria-expanded\", String(open));\r\n    menuButton.setAttribute(\"aria-label\", open ? \"Sulje valikko\" : \"Avaa valikko\");\r\n    menu.classList.toggle(\"is-open\", open);\r\n    document.body.classList.toggle(\"is-menu-open\", open);\r\n  }\r\n\r\n  if (menuButton && menu) {\r\n    menuButton.addEventListener(\"click\", function () {\r\n      setMenu(menuButton.getAttribute(\"aria-expanded\") !== \"true\");\r\n    });\r\n\r\n    menu.addEventListener(\"click\", function (event) {\r\n      if (event.target.closest(\"a\")) setMenu(false);\r\n    });\r\n\r\n    document.addEventListener(\"keydown\", function (event) {\r\n      if (event.key === \"Escape\") setMenu(false);\r\n    });\r\n\r\n    window.addEventListener(\"resize\", function () {\r\n      if (window.innerWidth > 860) setMenu(false);\r\n    });\r\n  }\r\n\r\n  var reduceMotion = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n  var reveals = root.querySelectorAll(\"[data-reveal]\");\r\n\r\n  if (reduceMotion || !(\"IntersectionObserver\" in window)) {\r\n    reveals.forEach(function (item) { item.classList.add(\"is-visible\"); });\r\n  } else {\r\n    var revealObserver = new IntersectionObserver(function (entries, observer) {\r\n      entries.forEach(function (entry) {\r\n        if (!entry.isIntersecting) return;\r\n        entry.target.classList.add(\"is-visible\");\r\n        observer.unobserve(entry.target);\r\n      });\r\n    }, { threshold: .12, rootMargin: \"0px 0px -6%\" });\r\n\r\n    root.classList.add(\"is-motion-ready\");\r\n    reveals.forEach(function (item) { revealObserver.observe(item); });\r\n  }\r\n\r\n  var filters = Array.from(root.querySelectorAll(\"[data-expertise-filter]\"));\r\n  var people = Array.from(root.querySelectorAll(\"[data-expertise-person]\"));\r\n  var title = root.querySelector(\"[data-expertise-title]\");\r\n  var copy = root.querySelector(\"[data-expertise-copy]\");\r\n  var live = root.querySelector(\"[data-expertise-live]\");\r\n\r\n  var content = {\r\n    all: {\r\n      title: \"Kolme n\u00e4k\u00f6kulmaa, yksi toimiva palveluketju.\",\r\n      copy: \"Micon johto yhdist\u00e4\u00e4 k\u00e4yt\u00e4nn\u00f6n operoinnin, asiakasliiketoiminnan ja ohjelmisto-osaamisen. Valitse osaamisalue ja n\u00e4e, keiden ty\u00f6ss\u00e4 se korostuu.\",\r\n      live: \"Kaikki osaamisalueet ja tiimin j\u00e4senet n\u00e4kyv\u00e4t.\"\r\n    },\r\n    operations: {\r\n      title: \"Operointi tekee lupauksesta totta joka p\u00e4iv\u00e4.\",\r\n      copy: \"Toiminnan suunnittelu, resurssit, ker\u00e4ily, kuljetus ja poikkeamien ratkaiseminen muodostavat palvelun k\u00e4yt\u00e4nn\u00f6n perustan.\",\r\n      live: \"Operoinnin osaaminen korostettu.\"\r\n    },\r\n    business: {\r\n      title: \"Liiketoiminta sitoo ratkaisun asiakkaan tavoitteisiin.\",\r\n      copy: \"Palvelu rakennetaan todellisen tarpeen ymp\u00e4rille: kannattava toimintamalli, selke\u00e4 vastuunjako ja yhteisty\u00f6ss\u00e4 kehitett\u00e4v\u00e4 kokonaisuus.\",\r\n      live: \"Liiketoiminnan ja asiakasty\u00f6n osaaminen korostettu.\"\r\n    },\r\n    technology: {\r\n      title: \"Teknologia tehostaa toimivaa operointia.\",\r\n      copy: \"Ohjelmistoarkkitehtuuri, prosessiautomaatio ja kehitysty\u00f6 liitet\u00e4\u00e4n k\u00e4yt\u00e4nn\u00f6n logistiikkaan vaiheittain \u2014 ei irralliseksi teknologiakerrokseksi.\",\r\n      live: \"Teknologian ja automaation osaaminen korostettu.\"\r\n    }\r\n  };\r\n\r\n  function applyFilter(filter) {\r\n    filters.forEach(function (button) {\r\n      button.setAttribute(\"aria-pressed\", String(button.dataset.expertiseFilter === filter));\r\n    });\r\n\r\n    people.forEach(function (person) {\r\n      var expertise = (person.dataset.expertisePerson || \"\").split(\" \");\r\n      var active = filter === \"all\" || expertise.indexOf(filter) !== -1;\r\n      person.classList.toggle(\"is-highlighted\", active && filter !== \"all\");\r\n      person.classList.toggle(\"is-muted\", !active);\r\n    });\r\n\r\n    if (title) title.textContent = content[filter].title;\r\n    if (copy) copy.textContent = content[filter].copy;\r\n    if (live) live.textContent = content[filter].live;\r\n  }\r\n\r\n  filters.forEach(function (button) {\r\n    button.addEventListener(\"click\", function () {\r\n      applyFilter(button.dataset.expertiseFilter || \"all\");\r\n    });\r\n  });\r\n\r\n  applyFilter(\"all\");\r\n\r\n  root.querySelectorAll(\"[data-local-form]\").forEach(function (form) {\r\n    form.addEventListener(\"submit\", function (event) {\r\n      event.preventDefault();\r\n      var status = form.querySelector(\"[data-local-form-status]\");\r\n      if (status) status.textContent = \"Lomake on valmis WordPressin Contact Form 7 -kytkent\u00e4\u00e4 varten.\";\r\n    });\r\n  });\r\n\r\n  try {\r\n    var savedFlowSummary = window.sessionStorage.getItem(\"mico-flow-summary\") || \"\";\r\n    if (savedFlowSummary) {\r\n      root.querySelectorAll('[name=\"flow-summary\"], [data-flow-summary-field]').forEach(function (field) {\r\n        field.value = savedFlowSummary;\r\n      });\r\n      root.querySelectorAll(\"[data-flow-prefill]\").forEach(function (element) {\r\n        element.textContent = \"Mico Flow -yhteenveto: \" + savedFlowSummary;\r\n        element.hidden = false;\r\n      });\r\n    }\r\n  } catch (error) {\r\n    \/* Yhteydenottolomake toimii my\u00f6s ilman selaimen istuntotallennusta. *\/\r\n  }\r\n})();\r\n<\/script>\r\n<script data-mico-source=\"mico-contact.js\">\r\n(function () {\r\n      \"use strict\";\r\n\r\n      var root = document.getElementById(\"mico-contact-page\");\r\n      if (!root || root.dataset.mhReady === \"true\") return;\r\n      root.dataset.mhReady = \"true\";\r\n\r\n      \/* WordPress-integraatio piilottaa vanhan Divi-kuoren t\u00e4ll\u00e4 sivulla. *\/\r\n      function prepareDraftPage() {\r\n        if (!document.body || !document.body.classList.contains(\"page-id-993\")) return;\r\n        document.body.classList.add(\"mico-site-active\");\r\n\r\n        var themeHeader = document.querySelector(\".et-l--header\");\r\n        var themeFooter = document.querySelector(\"footer.et-l--footer\");\r\n        [themeHeader, themeFooter].forEach(function (landmark) {\r\n          if (!landmark || root.contains(landmark)) return;\r\n          landmark.setAttribute(\"aria-hidden\", \"true\");\r\n          landmark.setAttribute(\"data-mico-draft-hidden\", \"true\");\r\n          landmark.style.setProperty(\"display\", \"none\", \"important\");\r\n          landmark.style.setProperty(\"height\", \"0\", \"important\");\r\n          if (\"inert\" in landmark) landmark.inert = true;\r\n        });\r\n\r\n        var viewport = document.querySelector('meta[name=\"viewport\"]');\r\n        if (viewport) viewport.setAttribute(\"content\", \"width=device-width, initial-scale=1\");\r\n        var ownSection = root.closest(\".et_pb_section\");\r\n        if (ownSection && ownSection.parentElement) {\r\n          Array.prototype.forEach.call(ownSection.parentElement.children, function (section) {\r\n            if (section !== ownSection && section.classList.contains(\"et_pb_section\")) {\r\n              section.setAttribute(\"aria-hidden\", \"true\");\r\n              section.style.setProperty(\"display\", \"none\", \"important\");\r\n              if (\"inert\" in section) section.inert = true;\r\n            }\r\n          });\r\n        }\r\n      }\r\n\r\n      prepareDraftPage();\r\n      if (document.readyState === \"loading\") {\r\n        document.addEventListener(\"DOMContentLoaded\", prepareDraftPage, { once: true });\r\n      } else {\r\n        window.setTimeout(prepareDraftPage, 0);\r\n      }\r\n      window.addEventListener(\"load\", prepareDraftPage, { once: true });\r\n      root.classList.add(\"is-js\");\r\n\r\n      var menuToggle = root.querySelector(\"[data-mh-menu-toggle]\");\r\n      var menu = root.querySelector(\"[data-mh-menu]\");\r\n      if (menuToggle && menu) {\r\n        function closeMenu() {\r\n          menu.classList.remove(\"is-open\");\r\n          menuToggle.setAttribute(\"aria-expanded\", \"false\");\r\n          menuToggle.setAttribute(\"aria-label\", \"Avaa valikko\");\r\n          document.body.classList.remove(\"is-menu-open\");\r\n        }\r\n\r\n        menuToggle.addEventListener(\"click\", function () {\r\n          var willOpen = menuToggle.getAttribute(\"aria-expanded\") !== \"true\";\r\n          menu.classList.toggle(\"is-open\", willOpen);\r\n          menuToggle.setAttribute(\"aria-expanded\", String(willOpen));\r\n          menuToggle.setAttribute(\"aria-label\", willOpen ? \"Sulje valikko\" : \"Avaa valikko\");\r\n          document.body.classList.toggle(\"is-menu-open\", willOpen);\r\n        });\r\n\r\n        menu.addEventListener(\"click\", function (event) {\r\n          var clickedLink = event.target && event.target.closest ? event.target.closest(\"a\") : null;\r\n          if (clickedLink) closeMenu();\r\n        });\r\n\r\n        Array.prototype.forEach.call(menu.querySelectorAll(\"a\"), function (link) {\r\n          link.addEventListener(\"click\", closeMenu);\r\n        });\r\n\r\n        document.addEventListener(\"keydown\", function (event) {\r\n          if (event.key === \"Escape\") {\r\n            closeMenu();\r\n            menuToggle.focus();\r\n          }\r\n        });\r\n\r\n        window.addEventListener(\"resize\", function () {\r\n          if (window.innerWidth > 860) closeMenu();\r\n        });\r\n      }\r\n\r\n      var nav = root.querySelector(\"[data-mh-nav]\");\r\n      var hero = root.querySelector(\"[data-mh-hero]\");\r\n      if (nav && hero && \"IntersectionObserver\" in window) {\r\n        var navObserver = new IntersectionObserver(function (entries) {\r\n          nav.classList.toggle(\"is-docked\", !entries[0].isIntersecting);\r\n        }, { rootMargin: \"-88px 0px 0px 0px\", threshold: 0 });\r\n        navObserver.observe(hero);\r\n      }\r\n\r\n      var FLOW_CONTENT = {\r\n        steps: [\r\n          {\r\n            id: \"need\",\r\n            title: \"Mit\u00e4 kokonaisuuden pit\u00e4\u00e4 hoitaa?\",\r\n            help: \"Valitse yksi tai useampi palvelu. Palvelut voidaan yhdist\u00e4\u00e4 tarpeeseesi sopivaksi kokonaisuudeksi.\",\r\n            multiple: true,\r\n            options: [\r\n              { id: \"clientTransport\", label: \"Nouto ja kuljetus asiakkaan toimitiloista\", note: \"Nouto ja toimitus sovittuun kohteeseen\" },\r\n              { id: \"warehousePickingTransport\", label: \"Ker\u00e4ily ja kuljetus Micon varastolta\", note: \"Ker\u00e4ily ja kuljetus Micon operoiman varaston kautta sovittuun kohteeseen\" },\r\n              { id: \"storage\", label: \"Varastointi\", note: \"Tuotteiden s\u00e4ilytys Micon varastolla\" }\r\n            ]\r\n          },\r\n          {\r\n            id: \"product\",\r\n            title: \"Mit\u00e4 tuotteita liikutetaan?\",\r\n            help: \"Valinta ohjaa k\u00e4sittely- ja l\u00e4mp\u00f6tilamoduuleja. Tarkat vaatimukset vahvistetaan aina tuotekohtaisesti.\",\r\n            options: [\r\n              { id: \"coldFood\", label: \"Ruoka, l\u00e4mp\u00f6tilavaatimus\", note: \"L\u00e4mp\u00f6tilahallinta huomioidaan ketjussa\" },\r\n              { id: \"ambientFood\", label: \"Muu ruoka\", note: \"K\u00e4sittely tarkennetaan tuotteen mukaan\" },\r\n              { id: \"other\", label: \"Muut tuotteet\", note: \"Soveltuvuus ja k\u00e4sittely arvioidaan yhdess\u00e4\" }\r\n            ]\r\n          },\r\n          {\r\n            id: \"frequency\",\r\n            title: \"Kuinka usein tuotteiden on tarkoitus kulkea?\",\r\n            help: \"Valitse l\u00e4hin toimitusrytmi. Tarkka aikataulu ja kapasiteetti vahvistetaan aina yhdess\u00e4.\",\r\n            options: [\r\n              { id: \"occasional\", label: \"Satunnaisesti\", note: \"Yksitt\u00e4inen tai tarpeen mukaan toistuva kuljetus\" },\r\n              { id: \"daily\", label: \"P\u00e4ivitt\u00e4in\", note: \"Kuljetuksia jokaisena sovittuna toimintap\u00e4iv\u00e4n\u00e4\" },\r\n              { id: \"weekly\", label: \"Viikoittain\", note: \"Yksi tai useampi sovittu kuljetus viikossa\" },\r\n              { id: \"monthly\", label: \"Kuukausittain\", note: \"Yksi tai useampi sovittu kuljetus kuukaudessa\" },\r\n              { id: \"otherMeeting\", label: \"Muu, k\u00e4yd\u00e4\u00e4n l\u00e4pi tapaamisessa\", note: \"Tarkennetaan rytmi ja k\u00e4yt\u00e4nn\u00f6t yhdess\u00e4\" },\r\n              { id: \"otherDetails\", label: \"Muu, kerro meille tarkemmin jo nyt\", note: \"Avaa kent\u00e4n, johon voit kuvata tarpeen omin sanoin\" }\r\n            ],\r\n            details: {\r\n              optionId: \"otherDetails\",\r\n              answerId: \"frequencyDetails\",\r\n              label: \"Kerro toimitusrytmist\u00e4 tai erityistarpeesta\",\r\n              help: \"Kuvaa esimerkiksi toistuvuus, sesonkivaihtelu tai muu k\u00e4yt\u00e4nn\u00f6n tarve. Kirjoita lyhyt kuvaus jatkaaksesi. \u00c4l\u00e4 kirjoita henkil\u00f6tietoja.\",\r\n              placeholder: \"Esimerkiksi: kuljetuksia tarvitaan sesonkiaikoina 2\u20133 kertaa viikossa.\",\r\n              maxLength: 600\r\n            }\r\n          },\r\n          {\r\n            id: \"contact\",\r\n            type: \"contact\",\r\n            title: \"T\u00e4yt\u00e4 yhteystietosi ja keskustellaan ratkaisusta.\",\r\n            help: \"Mico Flow -valintasi liitet\u00e4\u00e4n viestiin automaattisesti.\"\r\n          }\r\n        ],\r\n        modules: {\r\n          pickup: { label: \"Nouto\", status: \"K\u00e4yt\u00f6ss\u00e4 nyt\", benefit: \"Tuotteet hallitusti palveluketjuun.\", reason: \"Tuotteet noudetaan asiakkaan sovitusta toimitilasta.\" },\r\n          receiving: { label: \"Vastaanotto\", status: \"K\u00e4yt\u00f6ss\u00e4 nyt\", benefit: \"Tuotteet varastopolulle.\", reason: \"Varastoitavat tuotteet vastaanotetaan hallitusti Micon varastolle.\" },\r\n          storage: { label: \"Varastointi\", status: \"K\u00e4yt\u00f6ss\u00e4 nyt\", benefit: \"Tuotteet s\u00e4ilytet\u00e4\u00e4n sovitusti.\", reason: \"Valittu kokonaisuus sis\u00e4lt\u00e4\u00e4 tuotteiden s\u00e4ilytyksen Micon varastolla.\" },\r\n          picking: { label: \"Ker\u00e4ily\", status: \"K\u00e4yt\u00f6ss\u00e4 nyt\", benefit: \"Tuotteet kootaan tilauksiksi.\", reason: \"Tuotteet ker\u00e4ill\u00e4\u00e4n Micon varastolta sovittua kuljetusta varten.\" },\r\n          temperature: { label: \"L\u00e4mp\u00f6tilahallinta\", status: \"K\u00e4yt\u00f6ss\u00e4 nyt\", benefit: \"Tuotteen vaatimus mukana ketjussa.\", reason: \"Valitsit l\u00e4mp\u00f6tilaa vaativan ruoan.\" },\r\n          transport: { label: \"Kuljetus\", status: \"K\u00e4yt\u00f6ss\u00e4 nyt\", benefit: \"Tuotteet sovitulle reitille.\", reason: \"Valittu kokonaisuus sis\u00e4lt\u00e4\u00e4 kuljetusvaiheen.\" },\r\n          delivery: { label: \"Toimitus\", status: \"K\u00e4yt\u00f6ss\u00e4 nyt\", benefit: \"Luovutus yritykselle tai kuluttajalle.\", reason: \"Ketju p\u00e4\u00e4ttyy sovittuun toimituskohteeseen.\" },\r\n          coordination: { label: \"Ketjun koordinointi\", status: \"K\u00e4yt\u00f6ss\u00e4 nyt\", benefit: \"Toistuva kokonaisuus suunnitellaan yhdess\u00e4.\", reason: \"Valittu toimitusrytmi tarvitsee yhteisen toimintamallin.\" }\r\n        }\r\n      };\r\n\r\n      function unique(list) {\r\n        return list.filter(function (value, index) { return list.indexOf(value) === index; });\r\n      }\r\n\r\n      function FlowRecommendationEngine(content) {\r\n        this.content = content;\r\n      }\r\n\r\n      FlowRecommendationEngine.prototype.build = function (answers) {\r\n        var ids = [];\r\n        var needs = Array.isArray(answers.need) ? answers.need : (answers.need ? [answers.need] : []);\r\n        var includes = function (id) { return needs.indexOf(id) !== -1; };\r\n\r\n        if (!needs.length) return [];\r\n\r\n        if (includes(\"clientTransport\")) {\r\n          ids.push(\"pickup\", \"transport\", \"delivery\");\r\n        }\r\n        if (includes(\"warehousePickingTransport\")) {\r\n          ids.push(\"picking\", \"transport\", \"delivery\");\r\n        }\r\n        if (includes(\"storage\")) {\r\n          ids.push(\"receiving\", \"storage\");\r\n        }\r\n\r\n        if (answers.product === \"coldFood\") {\r\n          var transportIndex = ids.indexOf(\"transport\");\r\n          if (transportIndex === -1) ids.push(\"temperature\");\r\n          else ids.splice(transportIndex, 0, \"temperature\");\r\n        }\r\n\r\n        if ([\"daily\", \"weekly\", \"monthly\", \"otherMeeting\", \"otherDetails\"].indexOf(answers.frequency) !== -1) {\r\n          ids.push(\"coordination\");\r\n        }\r\n\r\n        var moduleOrder = [\"pickup\", \"receiving\", \"storage\", \"picking\", \"temperature\", \"transport\", \"delivery\", \"coordination\"];\r\n        var uniqueIds = unique(ids).sort(function (a, b) {\r\n          return moduleOrder.indexOf(a) - moduleOrder.indexOf(b);\r\n        });\r\n\r\n        var deliveryRhythms = {\r\n          occasional: { label: \"satunnaisesti\", reason: \"Valittu toimitusrytmi on satunnainen.\" },\r\n          daily: { label: \"p\u00e4ivitt\u00e4in\", reason: \"Valittu kokonaisuus sis\u00e4lt\u00e4\u00e4 p\u00e4ivitt\u00e4isi\u00e4 toimituksia.\" },\r\n          weekly: { label: \"viikoittain\", reason: \"Valittu kokonaisuus sis\u00e4lt\u00e4\u00e4 viikoittaisia toimituksia.\" },\r\n          monthly: { label: \"kuukausittain\", reason: \"Valittu kokonaisuus sis\u00e4lt\u00e4\u00e4 kuukausittaisia toimituksia.\" },\r\n          otherMeeting: { label: \"muu\", reason: \"Toimitusrytmi t\u00e4smennet\u00e4\u00e4n yhdess\u00e4.\" },\r\n          otherDetails: { label: \"muu\", reason: \"Toimitusrytmi t\u00e4smennet\u00e4\u00e4n annetun lis\u00e4tiedon perusteella.\" }\r\n        };\r\n        var deliveryRhythm = deliveryRhythms[answers.frequency] || null;\r\n        var moduleDefinitions = this.content.modules;\r\n        return uniqueIds.map(function (id) {\r\n          var module = moduleDefinitions[id];\r\n          return {\r\n            id: id,\r\n            label: id === \"delivery\" && deliveryRhythm ? \"Toimitus \" + deliveryRhythm.label : module.label,\r\n            status: module.status,\r\n            benefit: module.benefit,\r\n            reason: id === \"delivery\" && deliveryRhythm ? deliveryRhythm.reason : module.reason\r\n          };\r\n        });\r\n      };\r\n\r\n      function FlowVisualization(container) {\r\n        this.container = container;\r\n      }\r\n\r\n      FlowVisualization.prototype.render = function (modules) {\r\n        if (!this.container) return;\r\n        this.container.innerHTML = \"\";\r\n        this.container.classList.toggle(\"is-empty\", modules.length === 0);\r\n        var target = this.container;\r\n        if (!modules.length) {\r\n          var placeholder = document.createElement(\"div\");\r\n          var placeholderTitle = document.createElement(\"strong\");\r\n          var placeholderStatus = document.createElement(\"small\");\r\n          placeholder.className = \"mf-node mf-node--placeholder\";\r\n          placeholderTitle.textContent = \"Valitse palvelu\";\r\n          placeholderStatus.textContent = \"Ketju muodostuu t\u00e4h\u00e4n\";\r\n          placeholder.appendChild(placeholderTitle);\r\n          placeholder.appendChild(placeholderStatus);\r\n          target.appendChild(placeholder);\r\n          return;\r\n        }\r\n        modules.forEach(function (module, index) {\r\n          var node = document.createElement(\"div\");\r\n          node.className = \"mf-node\";\r\n          node.style.animationDelay = Math.min(index * 45, 260) + \"ms\";\r\n          var label = document.createElement(\"strong\");\r\n          var status = document.createElement(\"small\");\r\n          label.textContent = module.label;\r\n          status.textContent = module.status;\r\n          node.appendChild(label);\r\n          node.appendChild(status);\r\n          target.appendChild(node);\r\n        });\r\n      };\r\n\r\n      function FlowSummary(summaryElement, reasonsElement) {\r\n        this.summaryElement = summaryElement;\r\n        this.reasonsElement = reasonsElement;\r\n      }\r\n\r\n      FlowSummary.prototype.render = function (answers, modules, labels) {\r\n        if (this.reasonsElement) {\r\n          this.reasonsElement.innerHTML = \"\";\r\n          modules.forEach(function (module) {\r\n            var item = document.createElement(\"li\");\r\n            item.className = \"mf-reason\";\r\n            var title = document.createElement(\"strong\");\r\n            var explanation = document.createElement(\"span\");\r\n            title.textContent = module.label;\r\n            explanation.textContent = module.reason;\r\n            item.appendChild(title);\r\n            item.appendChild(explanation);\r\n            this.reasonsElement.appendChild(item);\r\n          }, this);\r\n        }\r\n\r\n        var hasPrimaryChoice = Array.isArray(answers.need) ? answers.need.length > 0 : Boolean(answers.need);\r\n        var summaryParts = [];\r\n        if (hasPrimaryChoice) {\r\n          var serviceLabels = Array.isArray(labels.need) ? labels.need.join(\" + \") : (labels.need || answers.need);\r\n          summaryParts.push(\"Palvelut: \" + serviceLabels);\r\n          if (answers.product) summaryParts.push(\"Tuotteet: \" + (labels.product || answers.product));\r\n          if (answers.frequency) {\r\n            var frequencyLabel = answers.frequency === \"otherDetails\" && answers.frequencyDetails\r\n              ? answers.frequencyDetails.trim()\r\n              : (labels.frequency || answers.frequency);\r\n            summaryParts.push(\"Kuljetusrytmi: \" + frequencyLabel);\r\n          }\r\n        }\r\n        var formattedSummary = summaryParts.map(function (part) {\r\n          return \/[.!?]$\/.test(part) ? part : part + \".\";\r\n        }).join(\" \");\r\n        var summary = hasPrimaryChoice\r\n          ? formattedSummary + \" Mahdollinen palveluketju: \" + modules.map(function (module) { return module.label; }).join(\" \u2192 \") + \".\"\r\n          : \"Valitse v\u00e4hint\u00e4\u00e4n yksi palvelu. N\u00e4et ketjun p\u00e4ivittyv\u00e4n t\u00e4ss\u00e4.\";\r\n        if (this.summaryElement) this.summaryElement.textContent = summary;\r\n        return summary;\r\n      };\r\n\r\n      function FlowConfigurator(app, content) {\r\n        this.app = app;\r\n        this.content = content;\r\n        this.currentStep = 0;\r\n        this.complete = false;\r\n        this.answers = {};\r\n        this.labels = {};\r\n        this.engine = new FlowRecommendationEngine(content);\r\n        this.visualization = new FlowVisualization(app.querySelector(\"[data-flow-visual]\"));\r\n        this.summary = new FlowSummary(app.querySelector(\"[data-flow-summary]\"), app.querySelector(\"[data-flow-reasons]\"));\r\n        this.currentSummary = \"\";\r\n        this.choiceForm = app.querySelector(\"[data-flow-form]\");\r\n        this.stepContainer = app.querySelector(\"[data-flow-step]\");\r\n        this.contactStep = app.querySelector(\"[data-flow-contact-step]\");\r\n        this.contactButton = app.querySelector(\"[data-flow-contact]\");\r\n        this.reviewElement = app.querySelector(\"[data-flow-review]\");\r\n        this.backButton = app.querySelector(\"[data-flow-back]\");\r\n        this.nextButton = app.querySelector(\"[data-flow-next]\");\r\n        this.resetButton = app.querySelector(\"[data-flow-reset]\");\r\n        this.progress = app.querySelector(\"[data-flow-progress]\");\r\n        this.progressBar = app.querySelector(\"[data-flow-progress-bar]\");\r\n        this.progressLabel = app.querySelector(\"[data-flow-progress-label]\");\r\n        this.live = app.querySelector(\"[data-flow-live]\");\r\n      }\r\n\r\n      FlowConfigurator.prototype.getOptionLabel = function (stepId, optionId) {\r\n        var step = this.content.steps.filter(function (item) { return item.id === stepId; })[0];\r\n        if (!step) return optionId;\r\n        if (Array.isArray(optionId)) {\r\n          var self = this;\r\n          return optionId.map(function (id) { return self.getOptionLabel(stepId, id); }).join(\" + \");\r\n        }\r\n        var option = step.options.filter(function (item) { return item.id === optionId; })[0];\r\n        return option ? option.label : optionId;\r\n      };\r\n\r\n      FlowConfigurator.prototype.hasAnswer = function (stepId) {\r\n        var answer = this.answers[stepId];\r\n        return Array.isArray(answer) ? answer.length > 0 : Boolean(answer);\r\n      };\r\n\r\n      FlowConfigurator.prototype.isStepComplete = function (step) {\r\n        if (step.type === \"contact\") return true;\r\n        if (!this.hasAnswer(step.id)) return false;\r\n        if (step.details && this.answers[step.id] === step.details.optionId) {\r\n          var detailsValue = this.answers[step.details.answerId];\r\n          return typeof detailsValue === \"string\" && detailsValue.trim().length > 0;\r\n        }\r\n        return true;\r\n      };\r\n\r\n      FlowConfigurator.prototype.primaryStepsComplete = function () {\r\n        var self = this;\r\n        return this.content.steps\r\n          .filter(function (step) { return step.type !== \"contact\"; })\r\n          .every(function (step) { return self.isStepComplete(step); });\r\n      };\r\n\r\n      FlowConfigurator.prototype.setContactField = function (name, value) {\r\n        if (!this.contactStep) return;\r\n        this.contactStep.querySelectorAll('[name=\"' + name + '\"]').forEach(function (field) {\r\n          var nextValue = value || \"\";\r\n          field.value = nextValue;\r\n          field.defaultValue = nextValue;\r\n          field.setAttribute(\"value\", nextValue);\r\n        });\r\n      };\r\n\r\n      FlowConfigurator.prototype.setContactAutofill = function (name, value) {\r\n        if (!this.contactStep || !value) return;\r\n        var field = this.contactStep.querySelector('[name=\"' + name + '\"]');\r\n        if (!field) return;\r\n        var previous = field.getAttribute(\"data-flow-autofill-value\") || \"\";\r\n        if (!field.value || field.value === previous) {\r\n          field.value = value;\r\n          field.setAttribute(\"data-flow-autofill-value\", value);\r\n        }\r\n      };\r\n\r\n      FlowConfigurator.prototype.syncContactForm = function () {\r\n        if (!this.contactStep) return;\r\n        var services = Array.isArray(this.labels.need) ? this.labels.need.join(\" + \") : (this.labels.need || \"\");\r\n        var product = this.labels.product || \"\";\r\n        var frequency = this.answers.frequency === \"otherDetails\" && this.answers.frequencyDetails\r\n          ? this.answers.frequencyDetails.trim()\r\n          : (this.labels.frequency || \"\");\r\n\r\n        if (this.reviewElement) this.reviewElement.textContent = this.currentSummary;\r\n        this.setContactField(\"flow-summary\", this.currentSummary);\r\n        this.setContactField(\"flow-services\", services);\r\n        this.setContactField(\"flow-product-choice\", product);\r\n        this.setContactField(\"flow-frequency\", frequency);\r\n        this.setContactField(\"flow-frequency-details\", this.answers.frequencyDetails || \"\");\r\n        this.setContactAutofill(\"product\", product);\r\n        this.setContactAutofill(\"route\", frequency ? \"Kuljetusrytmi: \" + frequency : \"\");\r\n      };\r\n\r\n      FlowConfigurator.prototype.markIncomplete = function () {\r\n        this.complete = false;\r\n        var title = this.app.querySelector(\"[data-flow-title]\");\r\n        if (title) title.textContent = \"Sinun mahdollinen Mico Flow\";\r\n        this.updateProgress();\r\n      };\r\n\r\n      FlowConfigurator.prototype.renderStep = function () {\r\n        var self = this;\r\n        var step = this.content.steps[this.currentStep];\r\n        var isContactStep = step.type === \"contact\";\r\n        this.app.classList.toggle(\"is-contact-step\", isContactStep);\r\n        if (this.choiceForm) this.choiceForm.hidden = isContactStep;\r\n        if (this.contactStep) this.contactStep.hidden = !isContactStep;\r\n\r\n        if (isContactStep) {\r\n          this.syncContactForm();\r\n          this.updateControls();\r\n          this.updateProgress();\r\n          return;\r\n        }\r\n\r\n        this.stepContainer.innerHTML = \"\";\r\n\r\n        var wrap = document.createElement(\"div\");\r\n        wrap.className = \"mf-step\" + (step.multiple ? \" mf-step--multiple\" : \"\");\r\n        var fieldset = document.createElement(\"fieldset\");\r\n        var legend = document.createElement(\"legend\");\r\n        var help = document.createElement(\"p\");\r\n        var choices = document.createElement(\"div\");\r\n        var helpId = \"mf-help-\" + step.id;\r\n        var detailsWrap = null;\r\n        var detailsInput = null;\r\n\r\n        legend.textContent = step.title;\r\n        help.className = \"mf-step-help\";\r\n        help.id = helpId;\r\n        help.textContent = step.help;\r\n        choices.className = \"mf-choices\";\r\n\r\n        step.options.forEach(function (option) {\r\n          var choiceWrap = document.createElement(\"div\");\r\n          var input = document.createElement(\"input\");\r\n          var label = document.createElement(\"label\");\r\n          var dot = document.createElement(\"span\");\r\n          var copy = document.createElement(\"span\");\r\n          var strong = document.createElement(\"strong\");\r\n          var small = document.createElement(\"small\");\r\n          var inputId = \"mf-\" + step.id + \"-\" + option.id;\r\n\r\n          choiceWrap.className = \"mf-choice-wrap\";\r\n          input.type = step.multiple ? \"checkbox\" : \"radio\";\r\n          input.name = step.multiple ? step.id + \"[]\" : step.id;\r\n          input.id = inputId;\r\n          input.value = option.id;\r\n          input.checked = step.multiple\r\n            ? Array.isArray(self.answers[step.id]) && self.answers[step.id].indexOf(option.id) !== -1\r\n            : self.answers[step.id] === option.id;\r\n          input.setAttribute(\"aria-describedby\", helpId);\r\n          label.className = \"mf-choice\";\r\n          label.setAttribute(\"for\", inputId);\r\n          dot.className = \"mf-choice-dot\";\r\n          dot.setAttribute(\"aria-hidden\", \"true\");\r\n          strong.textContent = option.label;\r\n          small.textContent = option.note;\r\n          copy.appendChild(strong);\r\n          copy.appendChild(small);\r\n          label.appendChild(dot);\r\n          label.appendChild(copy);\r\n          choiceWrap.appendChild(input);\r\n          choiceWrap.appendChild(label);\r\n          choices.appendChild(choiceWrap);\r\n\r\n          input.addEventListener(\"change\", function () {\r\n            if (step.multiple) {\r\n              var selected = Array.isArray(self.answers[step.id]) ? self.answers[step.id].slice() : [];\r\n              if (input.checked && selected.indexOf(option.id) === -1) selected.push(option.id);\r\n              if (!input.checked) selected = selected.filter(function (id) { return id !== option.id; });\r\n              var optionIds = step.options.map(function (item) { return item.id; });\r\n              selected.sort(function (a, b) { return optionIds.indexOf(a) - optionIds.indexOf(b); });\r\n              if (selected.length) {\r\n                self.answers[step.id] = selected;\r\n                self.labels[step.id] = selected.map(function (id) { return self.getOptionLabel(step.id, id); });\r\n              } else {\r\n                delete self.answers[step.id];\r\n                delete self.labels[step.id];\r\n              }\r\n            } else {\r\n              self.answers[step.id] = option.id;\r\n              self.labels[step.id] = option.label;\r\n            }\r\n            if (step.details && detailsWrap && detailsInput) {\r\n              var detailsSelected = self.answers[step.id] === step.details.optionId;\r\n              detailsWrap.hidden = !detailsSelected;\r\n              detailsInput.required = detailsSelected;\r\n              detailsInput.disabled = !detailsSelected;\r\n              detailsInput.setAttribute(\"aria-required\", detailsSelected ? \"true\" : \"false\");\r\n              if (!detailsSelected) {\r\n                detailsInput.value = \"\";\r\n                delete self.answers[step.details.answerId];\r\n                delete self.labels[step.details.answerId];\r\n              }\r\n            }\r\n            self.markIncomplete();\r\n            self.updateResult(option.label + (step.multiple && !input.checked ? \" poistettiin\" : \" valittiin\"));\r\n            self.updateControls();\r\n          });\r\n        });\r\n\r\n        if (step.details) {\r\n          var detailsLabel = document.createElement(\"label\");\r\n          var detailsHelp = document.createElement(\"p\");\r\n          var detailsInputId = \"mf-\" + step.id + \"-details\";\r\n          var detailsHelpId = detailsInputId + \"-help\";\r\n          detailsWrap = document.createElement(\"div\");\r\n          detailsInput = document.createElement(\"textarea\");\r\n          detailsWrap.className = \"mf-details\";\r\n          detailsWrap.hidden = self.answers[step.id] !== step.details.optionId;\r\n          detailsLabel.setAttribute(\"for\", detailsInputId);\r\n          detailsLabel.textContent = step.details.label;\r\n          detailsInput.id = detailsInputId;\r\n          detailsInput.name = step.details.answerId;\r\n          detailsInput.value = self.answers[step.details.answerId] || \"\";\r\n          detailsInput.placeholder = step.details.placeholder;\r\n          detailsInput.maxLength = step.details.maxLength || 600;\r\n          detailsInput.required = !detailsWrap.hidden;\r\n          detailsInput.disabled = detailsWrap.hidden;\r\n          detailsInput.setAttribute(\"aria-required\", detailsWrap.hidden ? \"false\" : \"true\");\r\n          detailsInput.setAttribute(\"aria-describedby\", detailsHelpId);\r\n          detailsHelp.className = \"mf-details-help\";\r\n          detailsHelp.id = detailsHelpId;\r\n          detailsHelp.textContent = step.details.help;\r\n          detailsInput.addEventListener(\"input\", function () {\r\n            var value = detailsInput.value;\r\n            if (value.trim()) {\r\n              self.answers[step.details.answerId] = value;\r\n              self.labels[step.details.answerId] = \"Lis\u00e4tieto: \" + value.trim();\r\n            } else {\r\n              delete self.answers[step.details.answerId];\r\n              delete self.labels[step.details.answerId];\r\n            }\r\n            self.markIncomplete();\r\n            self.updateResult(\"Kuljetusrytmin lis\u00e4tieto p\u00e4ivitettiin\");\r\n            self.updateControls();\r\n          });\r\n          detailsWrap.appendChild(detailsLabel);\r\n          detailsWrap.appendChild(detailsInput);\r\n          detailsWrap.appendChild(detailsHelp);\r\n        }\r\n\r\n        fieldset.appendChild(legend);\r\n        fieldset.appendChild(help);\r\n        fieldset.appendChild(choices);\r\n        if (detailsWrap) fieldset.appendChild(detailsWrap);\r\n        wrap.appendChild(fieldset);\r\n        this.stepContainer.appendChild(wrap);\r\n        this.updateControls();\r\n        this.updateProgress();\r\n      };\r\n\r\n      FlowConfigurator.prototype.updateControls = function () {\r\n        var step = this.content.steps[this.currentStep];\r\n        var isContactStep = step.type === \"contact\";\r\n        this.backButton.disabled = this.currentStep === 0;\r\n        this.nextButton.hidden = isContactStep;\r\n        this.nextButton.disabled = isContactStep || !this.isStepComplete(step);\r\n        this.nextButton.textContent = this.currentStep === this.content.steps.length - 2 ? \"Yhteystietoihin\" : \"Seuraava\";\r\n        if (this.contactButton) {\r\n          this.contactButton.hidden = isContactStep;\r\n          this.contactButton.disabled = !this.primaryStepsComplete();\r\n          this.contactButton.setAttribute(\"aria-disabled\", this.contactButton.disabled ? \"true\" : \"false\");\r\n        }\r\n      };\r\n\r\n      FlowConfigurator.prototype.updateProgress = function () {\r\n        var value = this.currentStep + 1;\r\n        var percent = this.complete ? 100 : value \/ this.content.steps.length * 100;\r\n        this.progress.setAttribute(\"aria-valuemax\", String(this.content.steps.length));\r\n        this.progress.setAttribute(\"aria-valuenow\", String(value));\r\n        this.progressBar.style.width = percent + \"%\";\r\n        this.progressLabel.textContent = this.complete ? \"L\u00e4hetetty\" : \"Vaihe \" + value + \" \/ \" + this.content.steps.length;\r\n      };\r\n\r\n      FlowConfigurator.prototype.updateResult = function (changeMessage) {\r\n        var modules = this.engine.build(this.answers);\r\n        this.visualization.render(modules);\r\n        var summaryText = this.summary.render(this.answers, modules, this.labels);\r\n        this.currentSummary = summaryText;\r\n        this.syncContactForm();\r\n        if (changeMessage && this.live) {\r\n          var last = modules[modules.length - 1];\r\n          this.live.textContent = last\r\n            ? changeMessage + \". Palveluketju p\u00e4ivittyi. Viimeisin n\u00e4kyv\u00e4 moduuli on \" + last.label + \".\"\r\n            : changeMessage + \". Valitse v\u00e4hint\u00e4\u00e4n yksi palvelu, jotta palveluketju voidaan muodostaa.\";\r\n        }\r\n      };\r\n\r\n      FlowConfigurator.prototype.init = function () {\r\n        var self = this;\r\n        this.app.hidden = false;\r\n        this.renderStep();\r\n        this.updateResult();\r\n\r\n        this.nextButton.addEventListener(\"click\", function () {\r\n          var step = self.content.steps[self.currentStep];\r\n          if (!self.isStepComplete(step)) return;\r\n          if (self.currentStep < self.content.steps.length - 1) {\r\n            self.currentStep += 1;\r\n            self.renderStep();\r\n            var isContactStep = self.content.steps[self.currentStep].type === \"contact\";\r\n            var selectedInput = isContactStep ? null : self.stepContainer.querySelector(\"input:checked\");\r\n            var firstInput = isContactStep\r\n              ? self.contactStep.querySelector('[name=\"your-name\"]')\r\n              : (selectedInput || self.stepContainer.querySelector(\"input\"));\r\n            if (firstInput) firstInput.focus();\r\n          }\r\n        });\r\n\r\n        if (this.contactButton) {\r\n          this.contactButton.addEventListener(\"click\", function () {\r\n            if (!self.primaryStepsComplete()) return;\r\n            self.currentStep = self.content.steps.length - 1;\r\n            self.renderStep();\r\n            self.live.textContent = \"Mico Flow on valmis l\u00e4hetett\u00e4v\u00e4ksi. Tarkista yhteenveto ja t\u00e4yt\u00e4 yhteystietosi.\";\r\n            var firstInput = self.contactStep.querySelector('[name=\"your-name\"]');\r\n            if (firstInput) firstInput.focus();\r\n          });\r\n        }\r\n\r\n        this.backButton.addEventListener(\"click\", function () {\r\n          if (self.currentStep === 0) return;\r\n          self.currentStep -= 1;\r\n          self.markIncomplete();\r\n          self.renderStep();\r\n          var selected = self.stepContainer.querySelector(\"input:checked\");\r\n          var target = selected || self.stepContainer.querySelector(\"input\");\r\n          if (target) target.focus();\r\n        });\r\n\r\n        this.resetButton.addEventListener(\"click\", function () {\r\n          self.currentStep = 0;\r\n          self.complete = false;\r\n          self.answers = {};\r\n          self.labels = {};\r\n          var contactForm = self.contactStep ? self.contactStep.querySelector(\"form\") : null;\r\n          if (contactForm) {\r\n            contactForm.reset();\r\n            contactForm.classList.remove(\"sent\", \"invalid\", \"failed\", \"spam\", \"aborted\", \"submitting\");\r\n            contactForm.setAttribute(\"data-status\", \"init\");\r\n            contactForm.querySelectorAll(\".wpcf7-not-valid-tip\").forEach(function (tip) { tip.remove(); });\r\n            contactForm.querySelectorAll(\".wpcf7-not-valid\").forEach(function (field) {\r\n              field.classList.remove(\"wpcf7-not-valid\");\r\n              field.removeAttribute(\"aria-invalid\");\r\n              field.removeAttribute(\"aria-describedby\");\r\n            });\r\n            var responseOutput = contactForm.querySelector(\".wpcf7-response-output\");\r\n            if (responseOutput) responseOutput.textContent = \"\";\r\n          }\r\n          if (self.contactStep) {\r\n            self.contactStep.classList.remove(\"is-sent\", \"is-submitting\");\r\n            var submitButton = self.contactStep.querySelector('.wpcf7-submit, button[type=\"submit\"], input[type=\"submit\"]');\r\n            if (submitButton) {\r\n              submitButton.disabled = false;\r\n              submitButton.removeAttribute(\"aria-disabled\");\r\n            }\r\n          }\r\n          var title = self.app.querySelector(\"[data-flow-title]\");\r\n          if (title) title.textContent = \"Sinun mahdollinen Mico Flow\";\r\n          self.renderStep();\r\n          self.updateResult();\r\n          self.live.textContent = \"Mico Flow aloitettiin alusta.\";\r\n          var first = self.stepContainer.querySelector(\"input\");\r\n          if (first) first.focus();\r\n        });\r\n\r\n        var localForm = this.contactStep ? this.contactStep.querySelector(\"form[data-local-form]\") : null;\r\n        var contactFormForSync = this.contactStep ? this.contactStep.querySelector(\"form\") : null;\r\n        if (contactFormForSync) {\r\n          contactFormForSync.addEventListener(\"submit\", function () {\r\n            self.syncContactForm();\r\n          }, true);\r\n          contactFormForSync.addEventListener(\"formdata\", function (event) {\r\n            self.syncContactForm();\r\n            var services = Array.isArray(self.labels.need) ? self.labels.need.join(\" + \") : (self.labels.need || \"\");\r\n            var product = self.labels.product || \"\";\r\n            var frequency = self.answers.frequency === \"otherDetails\"\r\n              ? (self.answers.frequencyDetails ? self.answers.frequencyDetails.trim() : \"\")\r\n              : (self.labels.frequency || \"\");\r\n            event.formData.set(\"flow-summary\", self.currentSummary || \"\");\r\n            event.formData.set(\"flow-services\", services);\r\n            event.formData.set(\"flow-product-choice\", product);\r\n            event.formData.set(\"flow-frequency\", frequency);\r\n            event.formData.set(\"flow-frequency-details\", self.answers.frequencyDetails || \"\");\r\n          });\r\n        }\r\n        if (localForm) {\r\n          localForm.addEventListener(\"submit\", function (event) {\r\n            event.preventDefault();\r\n            if (!localForm.checkValidity()) {\r\n              localForm.reportValidity();\r\n              return;\r\n            }\r\n            var status = localForm.querySelector(\"[data-local-form-status]\");\r\n            if (status) status.textContent = \"Paikallinen luonnos on valmis. WordPress-versiossa t\u00e4m\u00e4 l\u00e4hett\u00e4\u00e4 Mico Flow -yhteenvedon ja yhteystiedot.\";\r\n          });\r\n        }\r\n\r\n        function setContactSubmitPending(pending) {\r\n          if (!self.contactStep) return;\r\n          var submitButton = self.contactStep.querySelector('.wpcf7-submit, button[type=\"submit\"], input[type=\"submit\"]');\r\n          if (!submitButton) return;\r\n          submitButton.disabled = pending;\r\n          submitButton.setAttribute(\"aria-disabled\", pending ? \"true\" : \"false\");\r\n          self.contactStep.classList.toggle(\"is-submitting\", pending);\r\n        }\r\n\r\n        root.addEventListener(\"wpcf7beforesubmit\", function (event) {\r\n          if (!self.contactStep || !self.contactStep.contains(event.target)) return;\r\n          setContactSubmitPending(true);\r\n        });\r\n\r\n        [\"wpcf7invalid\", \"wpcf7mailfailed\", \"wpcf7spam\", \"wpcf7aborted\"].forEach(function (eventName) {\r\n          root.addEventListener(eventName, function (event) {\r\n            if (!self.contactStep || !self.contactStep.contains(event.target)) return;\r\n            setContactSubmitPending(false);\r\n          });\r\n        });\r\n\r\n        root.addEventListener(\"wpcf7mailsent\", function (event) {\r\n          if (!self.contactStep || !self.contactStep.contains(event.target)) return;\r\n          self.complete = true;\r\n          self.updateProgress();\r\n          self.contactStep.classList.add(\"is-sent\");\r\n          setContactSubmitPending(true);\r\n          self.live.textContent = \"Kiitos. Mico Flow -yhteenvetosi ja yhteystietosi on l\u00e4hetetty.\";\r\n          var title = self.app.querySelector(\"[data-flow-title]\");\r\n          if (title) title.textContent = \"Yhteydenotto on l\u00e4hetetty\";\r\n        });\r\n      };\r\n\r\n      var flowApp = root.querySelector(\"[data-flow-app]\");\r\n      if (flowApp) {\r\n        try {\r\n          new FlowConfigurator(flowApp, FLOW_CONTENT).init();\r\n        } catch (error) {\r\n          flowApp.hidden = true;\r\n          root.classList.remove(\"is-js\");\r\n        }\r\n      }\r\n    }());\r\n<\/script>\r\n<\/div>\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>Siirry sis\u00e4lt\u00f6\u00f6n Etusivu Palvelut Mico System Yritys &amp; tiimi Ota yhteytt\u00e4 \u2192 Ota yhteytt\u00e4 \u2192 Mico Flow \u00b7 yhteydenotto Rakenna palveluketjusi. Valitse yrityksesi tarpeet. Mico Flow kokoaa niist\u00e4 mahdollisen palvelukokonaisuuden, jonka voit l\u00e4hett\u00e4\u00e4 meille arvioitavaksi. Aloita Mico Flow \u2193 Ota yhteytt\u00e4 suoraan \u2192 01Valitse tarpeetPalvelut, tuote ja toimitusrytmi 02N\u00e4e kokonaisuusMico Flow kokoaa mahdollisen ketjun 03L\u00e4het\u00e4 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-1132","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.micofoy.fi\/index.php\/wp-json\/wp\/v2\/pages\/1132","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.micofoy.fi\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.micofoy.fi\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.micofoy.fi\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.micofoy.fi\/index.php\/wp-json\/wp\/v2\/comments?post=1132"}],"version-history":[{"count":4,"href":"https:\/\/www.micofoy.fi\/index.php\/wp-json\/wp\/v2\/pages\/1132\/revisions"}],"predecessor-version":[{"id":1140,"href":"https:\/\/www.micofoy.fi\/index.php\/wp-json\/wp\/v2\/pages\/1132\/revisions\/1140"}],"wp:attachment":[{"href":"https:\/\/www.micofoy.fi\/index.php\/wp-json\/wp\/v2\/media?parent=1132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}