{"id":1046,"date":"2026-08-31T20:00:15","date_gmt":"2026-08-31T20:00:15","guid":{"rendered":"https:\/\/www.micofoy.fi\/?page_id=1046"},"modified":"2026-09-03T14:40:43","modified_gmt":"2026-09-03T14:40:43","slug":"palvelut","status":"publish","type":"page","link":"https:\/\/www.micofoy.fi\/index.php\/palvelut\/","title":{"rendered":"Elintarvikekuljetukset ja varastointi"},"content":{"rendered":"\r\n<!-- Mico Finland WordPress bundle: services. Generated; edit sources\/config and rebuild. -->\r\n<div class=\"mico-page services-page mico-wp-page mico-wp-page--services\" data-mico-page>\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-services.css *\/\r\n.services-page {\r\n  --service-cyan: #7dd9d0;\r\n  --service-gold: #ffc56e;\r\n}\r\n\r\n.services-hero {\r\n  position: relative;\r\n  isolation: isolate;\r\n  min-height: min(860px, 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 76% 44%, rgba(81, 61, 160, .4), transparent 34%),\r\n    linear-gradient(135deg, #08002f 0%, #140848 54%, #251861 100%);\r\n}\r\n\r\n.services-hero::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: -1;\r\n  inset: 0;\r\n  opacity: .2;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px);\r\n  background-size: 78px 78px;\r\n  mask-image: linear-gradient(90deg, transparent 0%, #000 42%, #000 100%);\r\n}\r\n\r\n.services-hero__inner {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.03fr) minmax(440px, .97fr);\r\n  align-items: center;\r\n  gap: clamp(50px, 8vw, 120px);\r\n  width: 100%;\r\n  padding-block: clamp(76px, 9vw, 130px);\r\n}\r\n\r\n.services-hero__inner > * {\r\n  min-width: 0;\r\n}\r\n\r\n.services-hero h1 {\r\n  max-width: 780px;\r\n  margin: 0 0 28px;\r\n  color: var(--mico-white);\r\n  font-size: clamp(3.5rem, 6.8vw, 7.8rem);\r\n  font-weight: 790;\r\n  line-height: .9;\r\n  letter-spacing: -.06em;\r\n  hyphens: auto;\r\n  overflow-wrap: anywhere;\r\n  text-wrap: balance;\r\n}\r\n\r\n.services-hero__lead {\r\n  max-width: 690px;\r\n  margin: 0 0 34px;\r\n  color: rgba(255,255,255,.76);\r\n  font-size: clamp(1.08rem, 1.5vw, 1.32rem);\r\n}\r\n\r\n.services-hero__actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 13px;\r\n}\r\n\r\n.services-hero__facts {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 1px;\r\n  margin: 44px 0 0;\r\n  padding: 0 !important;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(255,255,255,.14);\r\n  border-radius: 18px;\r\n  background: rgba(255,255,255,.14);\r\n  list-style: none !important;\r\n  list-style-type: none !important;\r\n}\r\n\r\n.services-hero__facts li {\r\n  display: block;\r\n  min-width: 0;\r\n  padding: 17px 18px;\r\n  list-style: none !important;\r\n  background: rgba(11,0,61,.66);\r\n}\r\n\r\n.services-hero__facts li::marker {\r\n  content: \"\" !important;\r\n  font-size: 0 !important;\r\n}\r\n\r\n.services-hero__facts li::before {\r\n  content: none !important;\r\n  display: none !important;\r\n}\r\n\r\n.services-hero__facts strong,\r\n.services-hero__facts span {\r\n  display: block;\r\n}\r\n\r\n.services-hero__facts strong {\r\n  margin-bottom: 3px;\r\n  color: var(--mico-white);\r\n  font-size: .83rem;\r\n}\r\n\r\n.services-hero__facts span {\r\n  color: rgba(255,255,255,.53);\r\n  font-size: .69rem;\r\n  line-height: 1.4;\r\n}\r\n\r\n.service-system {\r\n  position: relative;\r\n  min-height: 570px;\r\n}\r\n\r\n.service-system::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 50% auto auto 50%;\r\n  width: 430px;\r\n  height: 430px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(245,84,12,.14), transparent 68%);\r\n  transform: translate(-50%, -50%);\r\n}\r\n\r\n.service-system__orbit {\r\n  position: absolute;\r\n  inset: 50% auto auto 50%;\r\n  border: 1px solid rgba(255,255,255,.17);\r\n  border-radius: 50%;\r\n  transform: translate(-50%, -50%);\r\n}\r\n\r\n.service-system__orbit--outer {\r\n  width: 490px;\r\n  height: 490px;\r\n  border-style: dashed;\r\n  animation: service-orbit 42s linear infinite;\r\n}\r\n\r\n.service-system__orbit--inner {\r\n  width: 310px;\r\n  height: 310px;\r\n}\r\n\r\n.service-system__core {\r\n  position: absolute;\r\n  z-index: 3;\r\n  inset: 50% auto auto 50%;\r\n  display: grid;\r\n  place-content: center;\r\n  width: 146px;\r\n  height: 146px;\r\n  border: 1px solid rgba(255,255,255,.25);\r\n  border-radius: 50%;\r\n  color: var(--mico-white);\r\n  background: radial-gradient(circle at 35% 28%, #ff8047, var(--mico-orange) 57%, #af3100);\r\n  box-shadow: 0 0 0 24px rgba(245,84,12,.075), 0 26px 65px rgba(0,0,0,.3);\r\n  transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n\r\n.service-system__core span,\r\n.service-system__core small {\r\n  display: block;\r\n}\r\n\r\n.service-system__core span {\r\n  font-size: 1.35rem;\r\n  font-weight: 900;\r\n  letter-spacing: -.04em;\r\n}\r\n\r\n.service-system__core small {\r\n  color: rgba(255,255,255,.68);\r\n  font-size: .69rem;\r\n}\r\n\r\n.service-system__node {\r\n  position: absolute;\r\n  z-index: 4;\r\n  width: 170px;\r\n  min-height: 108px;\r\n  padding: 17px;\r\n  border: 1px solid rgba(255,255,255,.17);\r\n  border-radius: 19px;\r\n  color: rgba(255,255,255,.64);\r\n  background: rgba(17,7,67,.82);\r\n  box-shadow: 0 20px 45px rgba(0,0,0,.22);\r\n  backdrop-filter: blur(12px);\r\n}\r\n\r\n.service-system__node::after {\r\n  content: \"\";\r\n  position: absolute;\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,.13);\r\n}\r\n\r\n.service-system__node strong,\r\n.service-system__node small,\r\n.service-system__index {\r\n  display: block;\r\n}\r\n\r\n.service-system__index {\r\n  margin-bottom: 11px;\r\n  color: #ff9160;\r\n  font-size: .68rem;\r\n  font-weight: 900;\r\n  letter-spacing: .12em;\r\n}\r\n\r\n.service-system__node strong {\r\n  margin-bottom: 4px;\r\n  color: var(--mico-white);\r\n  font-size: .93rem;\r\n  line-height: 1.2;\r\n}\r\n\r\n.service-system__node small {\r\n  font-size: .71rem;\r\n  line-height: 1.4;\r\n}\r\n\r\n.service-system__node--pickup { left: 0; top: 30px; }\r\n.service-system__node--pickup::after { right: -29px; bottom: 15px; }\r\n.service-system__node--warehouse { right: 2px; top: 44px; }\r\n.service-system__node--warehouse::after { left: -29px; bottom: 17px; }\r\n.service-system__node--transport { left: 12px; bottom: 60px; }\r\n.service-system__node--transport::after { right: -29px; top: 16px; }\r\n.service-system__node--delivery { right: 10px; bottom: 65px; }\r\n.service-system__node--delivery::after { left: -29px; top: 16px; }\r\n\r\n.service-system__note {\r\n  position: absolute;\r\n  z-index: 5;\r\n  right: 8%;\r\n  bottom: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  max-width: 360px;\r\n  gap: 10px;\r\n  margin: 0;\r\n  padding: 12px 15px;\r\n  border: 1px solid rgba(255,255,255,.16);\r\n  border-radius: 999px;\r\n  color: rgba(255,255,255,.67);\r\n  background: rgba(9,1,47,.75);\r\n  font-size: .72rem;\r\n}\r\n\r\n.service-system__note span {\r\n  width: 8px;\r\n  height: 8px;\r\n  flex: 0 0 8px;\r\n  border-radius: 50%;\r\n  background: var(--mico-orange);\r\n}\r\n\r\n@keyframes service-orbit {\r\n  to { transform: translate(-50%, -50%) rotate(360deg); }\r\n}\r\n\r\n.services-proof {\r\n  border-bottom: 1px solid var(--mico-line);\r\n  background: var(--mico-white);\r\n}\r\n\r\n.services-proof__inner {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: center;\r\n  gap: 45px;\r\n  min-height: 132px;\r\n  padding-block: 24px;\r\n}\r\n\r\n.services-proof__inner > h2 {\r\n  margin: 0;\r\n  color: var(--mico-muted);\r\n  font-size: .72rem;\r\n  font-weight: 900;\r\n  letter-spacing: .12em;\r\n  text-transform: uppercase;\r\n  white-space: nowrap;\r\n}\r\n\r\n.services-proof__logos {\r\n  position: relative;\r\n  isolation: isolate;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.services-proof__logos::before,\r\n.services-proof__logos::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: 3;\r\n  inset-block: 0;\r\n  width: clamp(12px, 2.5vw, 32px);\r\n  pointer-events: none;\r\n}\r\n\r\n.services-proof__logos::before {\r\n  left: 0;\r\n  background: linear-gradient(90deg, var(--mico-white) 0%, rgba(255,255,255,.82) 32%, transparent 100%);\r\n}\r\n\r\n.services-proof__logos::after {\r\n  right: 0;\r\n  background: linear-gradient(270deg, var(--mico-white) 0%, rgba(255,255,255,.82) 32%, transparent 100%);\r\n}\r\n\r\n.services-proof__logos-track {\r\n  display: flex;\r\n  width: 200%;\r\n  transform: translate3d(0, 0, 0);\r\n  animation: services-client-marquee 27s linear infinite;\r\n  will-change: transform;\r\n}\r\n\r\n.services-proof__logos-set {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(100px, 1fr));\r\n  align-items: center;\r\n  flex: 0 0 50%;\r\n  min-width: 0;\r\n  gap: 18px;\r\n  padding-inline: 9px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.services-proof__logos a {\r\n  display: grid;\r\n  place-items: center;\r\n  min-height: 72px;\r\n  padding: 12px 20px;\r\n  border: 1px solid transparent;\r\n  border-radius: 14px;\r\n  filter: grayscale(1);\r\n  opacity: .72;\r\n  transition: filter .25s ease, opacity .25s ease, border-color .25s ease, transform .25s var(--mico-ease);\r\n}\r\n\r\n.services-proof__logos a:hover {\r\n  border-color: var(--mico-line);\r\n  filter: none;\r\n  opacity: 1;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.services-proof__logos:hover .services-proof__logos-track {\r\n  animation-play-state: paused;\r\n}\r\n\r\n.services-proof__logos:focus-within .services-proof__logos-track {\r\n  animation-play-state: paused;\r\n}\r\n\r\n.services-proof__logos:has(.services-proof__logos-set:not(.services-proof__logos-set--clone) a:focus-visible) .services-proof__logos-track {\r\n  animation: none;\r\n  transform: translate3d(0, 0, 0);\r\n}\r\n\r\n@keyframes services-client-marquee {\r\n  to { transform: translate3d(-50%, 0, 0); }\r\n}\r\n\r\n.services-proof__logos img {\r\n  max-width: 140px;\r\n  max-height: 54px;\r\n  object-fit: contain;\r\n}\r\n\r\n.services-catalog {\r\n  background: var(--mico-paper);\r\n}\r\n\r\n.service-card-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 18px;\r\n}\r\n\r\n.service-card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-height: 350px;\r\n  padding: clamp(26px, 3vw, 38px);\r\n  border: 1px solid var(--mico-line);\r\n  border-radius: 28px;\r\n  background: var(--mico-white);\r\n  box-shadow: 0 15px 42px rgba(18,9,52,.065);\r\n  transition: transform .3s var(--mico-ease), box-shadow .3s ease, border-color .3s ease;\r\n}\r\n\r\n.service-card:hover {\r\n  border-color: rgba(245,84,12,.38);\r\n  box-shadow: var(--mico-shadow-soft);\r\n  transform: translateY(-6px);\r\n}\r\n\r\n.service-card--accent {\r\n  color: var(--mico-white);\r\n  border-color: var(--mico-navy-950);\r\n  background:\r\n    radial-gradient(circle at 86% 8%, rgba(245,84,12,.35), transparent 34%),\r\n    var(--mico-navy-950);\r\n}\r\n\r\n.service-card__top {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 15px;\r\n  margin-bottom: 55px;\r\n}\r\n\r\n.service-card__number {\r\n  color: var(--mico-orange-dark);\r\n  font-size: .72rem;\r\n  font-weight: 900;\r\n  letter-spacing: .12em;\r\n}\r\n\r\n.service-status {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  padding: 7px 10px;\r\n  border: 1px solid #e5d9cf;\r\n  border-radius: 999px;\r\n  color: #674f43;\r\n  background: #f8f2ec;\r\n  font-size: .65rem;\r\n  font-weight: 850;\r\n}\r\n\r\n.service-status::before {\r\n  content: \"\";\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n  background: var(--mico-orange);\r\n}\r\n\r\n.service-card--accent .service-card__number { color: #ff9a6b; }\r\n.service-card--accent .service-status { color: #ffd6c3; border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.08); }\r\n\r\n.service-card h3 {\r\n  margin: 0 0 14px;\r\n  color: var(--mico-navy-950);\r\n  font-size: clamp(1.65rem, 2.4vw, 2.5rem);\r\n  line-height: 1.02;\r\n  letter-spacing: -.045em;\r\n}\r\n\r\n.service-card--accent h3 { color: var(--mico-white); }\r\n\r\n.service-card p {\r\n  margin: 0 0 28px;\r\n  color: var(--mico-muted);\r\n  font-size: .95rem;\r\n}\r\n\r\n.service-card--accent p { color: rgba(255,255,255,.68); }\r\n\r\n.service-card__action {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  min-height: 48px;\r\n  gap: 12px;\r\n  margin-top: auto;\r\n  padding: 0;\r\n  border: 0;\r\n  border-top: 1px solid var(--mico-line);\r\n  color: var(--mico-navy-950);\r\n  background: transparent;\r\n  font-size: .83rem;\r\n  font-weight: 850;\r\n  text-align: left;\r\n  cursor: pointer;\r\n}\r\n\r\n.service-card--accent .service-card__action {\r\n  color: var(--mico-white);\r\n  border-color: rgba(255,255,255,.17);\r\n}\r\n\r\n.service-card__action span {\r\n  color: var(--mico-orange);\r\n  font-size: 1.1rem;\r\n  transition: transform .2s ease;\r\n}\r\n\r\n.service-card__action:hover span { transform: translateX(4px); }\r\n\r\n.route-compare {\r\n  background: var(--mico-white);\r\n}\r\n\r\n.route-compare__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 20px;\r\n}\r\n\r\n.route-lane {\r\n  min-width: 0;\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-paper);\r\n}\r\n\r\n.route-lane--warehouse {\r\n  color: var(--mico-white);\r\n  border-color: var(--mico-navy-950);\r\n  background: var(--mico-navy-950);\r\n}\r\n\r\n.route-lane__head {\r\n  min-height: 270px;\r\n  padding: clamp(30px, 4vw, 50px);\r\n}\r\n\r\n.route-lane__tag {\r\n  display: inline-flex;\r\n  margin-bottom: 30px;\r\n  padding: 7px 10px;\r\n  border: 1px solid rgba(245,84,12,.35);\r\n  border-radius: 999px;\r\n  color: var(--mico-orange-dark);\r\n  font-size: .67rem;\r\n  font-weight: 900;\r\n  letter-spacing: .08em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.route-lane--warehouse .route-lane__tag { color: #ff9b70; border-color: rgba(255,155,112,.35); }\r\n\r\n.route-lane h3 {\r\n  max-width: 560px;\r\n  margin: 0 0 16px;\r\n  color: var(--mico-navy-950);\r\n  font-size: clamp(1.8rem, 3vw, 3.3rem);\r\n  line-height: 1.02;\r\n  letter-spacing: -.045em;\r\n}\r\n\r\n.route-lane--warehouse h3 { color: var(--mico-white); }\r\n\r\n.route-lane__head p {\r\n  max-width: 550px;\r\n  margin: 0;\r\n  color: var(--mico-muted);\r\n}\r\n\r\n.route-lane--warehouse .route-lane__head p { color: rgba(255,255,255,.65); }\r\n\r\n.route-steps {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  margin: 0;\r\n  padding: 0;\r\n  border-top: 1px solid var(--mico-line);\r\n  list-style: none !important;\r\n  counter-reset: none !important;\r\n}\r\n\r\n.mico-page ol.route-steps > li::marker {\r\n  content: \"\";\r\n}\r\n\r\n.mico-page ol.route-steps > li::before {\r\n  display: none !important;\r\n  content: none !important;\r\n}\r\n\r\n.route-steps--long { grid-template-columns: repeat(4, minmax(0, 1fr)); }\r\n\r\n.route-steps li {\r\n  min-width: 0;\r\n  padding: 24px 20px;\r\n  border-right: 1px solid var(--mico-line);\r\n}\r\n\r\n.route-steps li:last-child { border-right: 0; }\r\n.route-lane--warehouse .route-steps { border-color: rgba(255,255,255,.13); }\r\n.route-lane--warehouse .route-steps li { border-color: rgba(255,255,255,.13); }\r\n\r\n.route-steps span,\r\n.route-steps strong,\r\n.route-steps small { display: block; }\r\n.route-steps span { margin-bottom: 22px; color: var(--mico-orange-dark); font-size: .66rem; font-weight: 900; }\r\n.route-steps strong { margin-bottom: 5px; color: var(--mico-navy-950); font-size: .86rem; }\r\n.route-steps small { color: var(--mico-muted); font-size: .67rem; line-height: 1.35; }\r\n.route-lane--warehouse .route-steps span { color: #ff9b70; }\r\n.route-lane--warehouse .route-steps strong { color: var(--mico-white); }\r\n.route-lane--warehouse .route-steps small { color: rgba(255,255,255,.48); }\r\n\r\n.route-compare__note {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: 18px;\r\n  margin-top: 20px;\r\n  padding: 22px 25px;\r\n  border: 1px solid #e9cfa8;\r\n  border-radius: 18px;\r\n  color: #6a4d20;\r\n  background: #fff6e8;\r\n  font-size: .88rem;\r\n}\r\n\r\n.route-compare__note strong { color: #8f4d00; }\r\n\r\n.service-compass {\r\n  color: var(--mico-white);\r\n  background:\r\n    radial-gradient(circle at 85% 20%, rgba(245,84,12,.2), transparent 30%),\r\n    linear-gradient(145deg, #090031, #17094b);\r\n}\r\n\r\n.service-compass .mico-section-note {\r\n  color: rgba(255,255,255,.65);\r\n  border-color: #ff8e59;\r\n}\r\n\r\n.compass-app {\r\n  display: grid;\r\n  grid-template-columns: minmax(360px, .78fr) minmax(0, 1.22fr);\r\n  gap: clamp(26px, 5vw, 70px);\r\n  align-items: stretch;\r\n}\r\n\r\n.compass-choices,\r\n.compass-result {\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,.055);\r\n}\r\n\r\n.compass-choices {\r\n  padding: clamp(24px, 3.5vw, 38px);\r\n}\r\n\r\n.compass-choices__label {\r\n  margin: 0 0 24px;\r\n  color: rgba(255,255,255,.83);\r\n  font-size: 1rem;\r\n  font-weight: 850;\r\n}\r\n\r\n.compass-choice-grid {\r\n  display: grid;\r\n  gap: 10px;\r\n}\r\n\r\n.compass-choice {\r\n  display: grid;\r\n  grid-template-columns: 42px 1fr;\r\n  align-items: center;\r\n  min-height: 84px;\r\n  gap: 14px;\r\n  padding: 14px;\r\n  border: 1px solid rgba(255,255,255,.13);\r\n  border-radius: 16px;\r\n  color: rgba(255,255,255,.6);\r\n  background: rgba(255,255,255,.035);\r\n  text-align: left;\r\n  cursor: pointer;\r\n  transition: border-color .2s ease, background .2s ease, transform .2s var(--mico-ease), color .2s ease;\r\n}\r\n\r\n.compass-choice:hover,\r\n.compass-choice[aria-pressed=\"true\"] {\r\n  color: var(--mico-white);\r\n  border-color: rgba(255,139,85,.7);\r\n  background: rgba(245,84,12,.14);\r\n  transform: translateX(4px);\r\n}\r\n\r\n.compass-choice__icon {\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: rgba(255,255,255,.1);\r\n  font-size: .75rem;\r\n  font-weight: 900;\r\n}\r\n\r\n.compass-choice[aria-pressed=\"true\"] .compass-choice__icon { background: var(--mico-orange); }\r\n\r\n.compass-choice strong,\r\n.compass-choice small { display: block; }\r\n.compass-choice strong { margin-bottom: 3px; color: var(--mico-white); font-size: .88rem; }\r\n.compass-choice small { font-size: .7rem; line-height: 1.35; }\r\n\r\n.compass-choices__privacy {\r\n  margin: 18px 0 0;\r\n  color: rgba(255,255,255,.4);\r\n  font-size: .7rem;\r\n}\r\n\r\n.compass-result {\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: clamp(28px, 4.5vw, 54px);\r\n  background:\r\n    radial-gradient(circle at 100% 0%, rgba(125,217,208,.12), transparent 27%),\r\n    rgba(255,255,255,.07);\r\n}\r\n\r\n.compass-result__head {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 18px;\r\n  margin-bottom: 32px;\r\n  color: #ff9a6c;\r\n  font-size: .69rem;\r\n  font-weight: 900;\r\n  letter-spacing: .1em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.service-status--dark {\r\n  color: rgba(255,255,255,.68);\r\n  border-color: rgba(255,255,255,.14);\r\n  background: rgba(255,255,255,.07);\r\n  letter-spacing: 0;\r\n  text-transform: none;\r\n}\r\n\r\n.compass-result h3 {\r\n  max-width: 620px;\r\n  margin: 0 0 16px;\r\n  font-size: clamp(2rem, 3.6vw, 4rem);\r\n  line-height: .98;\r\n  letter-spacing: -.047em;\r\n}\r\n\r\n.compass-result > p {\r\n  max-width: 660px;\r\n  margin: 0 0 32px;\r\n  color: rgba(255,255,255,.65);\r\n}\r\n\r\n.compass-chain {\r\n  display: grid;\r\n  grid-template-columns: repeat(var(--compass-step-count, 5), minmax(0, 1fr));\r\n  margin: 0 0 28px;\r\n  padding: 0;\r\n  border: 1px solid rgba(255,255,255,.14);\r\n  border-radius: 18px;\r\n  list-style: none !important;\r\n  list-style-type: none !important;\r\n  counter-reset: none !important;\r\n}\r\n\r\n.mico-page ol.compass-chain > li {\r\n  list-style: none !important;\r\n}\r\n\r\n.mico-page ol.compass-chain > li::marker {\r\n  content: \"\" !important;\r\n  font-size: 0 !important;\r\n}\r\n\r\n.mico-page ol.compass-chain > li::before {\r\n  display: none !important;\r\n  content: none !important;\r\n}\r\n\r\n.compass-chain li {\r\n  position: relative;\r\n  min-width: 0;\r\n  padding: 20px 14px;\r\n  border-right: 1px solid rgba(255,255,255,.12);\r\n}\r\n\r\n.compass-chain li:last-child { border-right: 0; }\r\n.compass-chain span,\r\n.compass-chain strong,\r\n.compass-chain small { display: block; }\r\n.compass-chain span { margin-bottom: 22px; color: #ff9a6c; font-size: .63rem; font-weight: 900; }\r\n.compass-chain strong { margin-bottom: 4px; font-size: .78rem; }\r\n.compass-chain small { color: rgba(255,255,255,.47); font-size: .62rem; line-height: 1.35; }\r\n\r\n.compass-result__assurance {\r\n  display: grid;\r\n  grid-template-columns: 32px 1fr;\r\n  align-items: start;\r\n  gap: 13px;\r\n  margin-bottom: 27px;\r\n  padding: 17px;\r\n  border: 1px solid rgba(125,217,208,.24);\r\n  border-radius: 15px;\r\n  background: rgba(125,217,208,.07);\r\n}\r\n\r\n.compass-result__assurance > span {\r\n  display: grid;\r\n  place-items: center;\r\n  width: 32px;\r\n  height: 32px;\r\n  border-radius: 50%;\r\n  color: var(--mico-navy-950);\r\n  background: var(--service-cyan);\r\n  font-weight: 900;\r\n}\r\n\r\n.compass-result__assurance p {\r\n  margin: 0;\r\n  color: rgba(255,255,255,.6);\r\n  font-size: .78rem;\r\n}\r\n\r\n.compass-result__assurance strong { color: var(--mico-white); }\r\n.compass-noscript { margin: 20px 0 0; color: rgba(255,255,255,.7); }\r\n\r\n.services-faq {\r\n  background: var(--mico-paper);\r\n}\r\n\r\n.services-faq__grid {\r\n  display: grid;\r\n  grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);\r\n  align-items: start;\r\n  gap: clamp(45px, 8vw, 125px);\r\n}\r\n\r\n.services-faq__intro {\r\n  position: sticky;\r\n  top: 120px;\r\n}\r\n\r\n.services-faq__intro p:last-child {\r\n  max-width: 480px;\r\n  margin: 0;\r\n  color: var(--mico-muted);\r\n}\r\n\r\n.faq-list {\r\n  border-top: 1px solid var(--mico-line);\r\n}\r\n\r\n.faq-list details {\r\n  border-bottom: 1px solid var(--mico-line);\r\n}\r\n\r\n.faq-list summary {\r\n  position: relative;\r\n  padding: 26px 58px 26px 0;\r\n  color: var(--mico-navy-950);\r\n  font-size: clamp(1rem, 1.6vw, 1.22rem);\r\n  font-weight: 850;\r\n  cursor: pointer;\r\n  list-style: none;\r\n}\r\n\r\n.faq-list summary::-webkit-details-marker { display: none; }\r\n\r\n.faq-list summary::after {\r\n  content: \"+\";\r\n  position: absolute;\r\n  right: 0;\r\n  top: 20px;\r\n  display: grid;\r\n  place-items: center;\r\n  width: 38px;\r\n  height: 38px;\r\n  border-radius: 50%;\r\n  color: var(--mico-white);\r\n  background: var(--mico-navy-950);\r\n  font-size: 1.2rem;\r\n  font-weight: 500;\r\n}\r\n\r\n.faq-list details[open] summary::after { content: \"\u2212\"; background: var(--mico-orange); }\r\n\r\n.faq-list details p {\r\n  max-width: 740px;\r\n  margin: -4px 58px 28px 0;\r\n  color: var(--mico-muted);\r\n}\r\n\r\n.services-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.services-contact::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 680px;\r\n  height: 680px;\r\n  right: -250px;\r\n  top: -300px;\r\n  border: 1px solid rgba(255,255,255,.2);\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 0 90px rgba(255,255,255,.04), 0 0 0 180px rgba(255,255,255,.025);\r\n}\r\n\r\n.services-contact__grid {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.03fr) minmax(380px, .97fr);\r\n  align-items: start;\r\n  gap: clamp(50px, 8vw, 120px);\r\n}\r\n\r\n.services-contact h2 {\r\n  max-width: 760px;\r\n  margin: 0 0 24px;\r\n  font-size: clamp(2.75rem, 5.2vw, 5.9rem);\r\n  line-height: .93;\r\n  letter-spacing: -.055em;\r\n}\r\n\r\n.services-contact [data-reveal] > p:not(.mico-kicker) {\r\n  max-width: 660px;\r\n  margin: 0 0 30px;\r\n  color: rgba(255,255,255,.8);\r\n}\r\n\r\n.selected-need {\r\n  display: grid;\r\n  gap: 8px;\r\n  max-width: 680px;\r\n  padding: 20px;\r\n  border: 1px solid rgba(255,255,255,.26);\r\n  border-radius: 17px;\r\n  background: rgba(11,0,61,.13);\r\n}\r\n\r\n.selected-need span {\r\n  font-size: .68rem;\r\n  font-weight: 900;\r\n  letter-spacing: .1em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.selected-need strong {\r\n  font-size: .9rem;\r\n  line-height: 1.5;\r\n}\r\n\r\n@media (max-width: 1120px) {\r\n  .services-hero__inner { grid-template-columns: minmax(0, .95fr) minmax(390px, .8fr); gap: 45px; }\r\n  .service-system { min-height: 510px; transform: scale(.91); transform-origin: center; }\r\n  .service-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n  .compass-app { grid-template-columns: 1fr; }\r\n  .compass-choice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n}\r\n\r\n@media (max-width: 860px) {\r\n  .services-hero { min-height: 0; }\r\n  .services-hero__inner { grid-template-columns: 1fr; padding-block: 78px 100px; }\r\n  .service-system { width: min(100%, 580px); margin-inline: auto; transform: none; }\r\n  .services-proof__inner { grid-template-columns: 1fr; gap: 14px; }\r\n  .services-proof__logos-track { width: 266.6667%; }\r\n  .route-compare__grid,\r\n  .services-faq__grid,\r\n  .services-contact__grid { grid-template-columns: 1fr; }\r\n  .services-faq__intro { position: static; }\r\n  .route-steps,\r\n  .route-steps--long { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n  .route-steps li:nth-child(2n) { border-right: 0; }\r\n  .route-steps li:nth-child(n+3) { border-top: 1px solid var(--mico-line); }\r\n  .route-lane--warehouse .route-steps li:nth-child(n+3) { border-color: rgba(255,255,255,.13); }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .services-hero h1 { font-size: clamp(3.1rem, 15vw, 5.2rem); }\r\n  .services-hero__actions { display: grid; }\r\n  .services-hero__actions .mico-button { width: 100%; }\r\n  .services-hero__facts { grid-template-columns: 1fr; }\r\n  .service-system { display: grid; min-height: auto; gap: 10px; }\r\n  .service-system::before,\r\n  .service-system__orbit,\r\n  .service-system__core { display: none; }\r\n  .service-system__node { position: relative; inset: auto; width: 100%; min-height: 0; padding: 16px 18px 16px 62px; }\r\n  .service-system__node::after { left: 22px; right: auto; top: 50%; bottom: auto; transform: translateY(-50%); }\r\n  .service-system__index { position: absolute; left: 18px; top: 16px; }\r\n  .service-system__note { position: static; max-width: none; border-radius: 16px; }\r\n  .services-proof__logos-track { width: 400%; animation-duration: 25s; }\r\n  .services-proof__logos-set { gap: 8px; padding-inline: 4px; }\r\n  .services-proof__logos a { padding: 10px; }\r\n  .service-card-grid { grid-template-columns: 1fr; }\r\n  .service-card { min-height: 0; }\r\n  .service-card__top { margin-bottom: 40px; }\r\n  .route-lane__head { min-height: 0; }\r\n  .route-compare__note { grid-template-columns: 1fr; }\r\n  .compass-choice-grid { grid-template-columns: 1fr; }\r\n  .compass-choice:hover,\r\n  .compass-choice[aria-pressed=\"true\"] { transform: none; }\r\n  .compass-result__head { align-items: flex-start; flex-direction: column; }\r\n  .compass-chain { grid-template-columns: 1fr; }\r\n  .compass-chain li { display: grid; grid-template-columns: 36px 1fr; gap: 2px 10px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }\r\n  .compass-chain li:last-child { border-bottom: 0; }\r\n  .compass-chain span { grid-row: 1 \/ span 2; margin: 2px 0 0; }\r\n  .compass-chain strong,\r\n  .compass-chain small { grid-column: 2; }\r\n  .services-contact__grid { gap: 40px; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .service-system__orbit--outer { animation: none; }\r\n  .services-proof__logos-track {\r\n    width: 100%;\r\n    animation: none !important;\r\n    transform: none !important;\r\n    will-change: auto;\r\n  }\r\n  .services-proof__logos-set { flex-basis: 100%; }\r\n  .services-proof__logos-set--clone { display: none; }\r\n  .service-card:hover,\r\n  .services-proof__logos a:hover,\r\n  .compass-choice:hover,\r\n  .compass-choice[aria-pressed=\"true\"] { transform: none; }\r\n}\r\n\r\n@media (max-width: 860px) and (prefers-reduced-motion: reduce) {\r\n  .services-proof__logos-set { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n}\r\n\r\n@media (max-width: 420px) and (prefers-reduced-motion: reduce) {\r\n  .services-proof__logos-set { grid-template-columns: 1fr; }\r\n}\r\n\r\n@supports not (backdrop-filter: blur(10px)) {\r\n  .service-system__node,\r\n  .service-system__note { background: rgba(17,7,67,.96); }\r\n}\r\n.services-audiences {\r\n  background: var(--mico-paper-2);\r\n}\r\n\r\n.audience-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(5, 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.audience-grid article {\r\n  min-width: 0;\r\n  padding: 26px 22px;\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,.46);\r\n}\r\n\r\n.audience-grid span {\r\n  display: block;\r\n  margin-bottom: 30px;\r\n  color: var(--mico-orange);\r\n  font-size: .72rem;\r\n  font-weight: 900;\r\n  letter-spacing: .12em;\r\n}\r\n\r\n.audience-grid h3 {\r\n  margin: 0 0 11px;\r\n  color: var(--mico-navy-950);\r\n  font-size: 1rem;\r\n  line-height: 1.25;\r\n}\r\n\r\n.audience-grid p {\r\n  margin: 0;\r\n  color: var(--mico-muted);\r\n  font-size: .82rem;\r\n}\r\n\r\n@media (max-width: 1120px) {\r\n  .audience-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }\r\n}\r\n\r\n@media (max-width: 720px) {\r\n  .audience-grid { grid-template-columns: 1fr; }\r\n  .audience-grid span { margin-bottom: 18px; }\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\/\" aria-current=\"page\">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\/\">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\/\">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=\"services-hero\" aria-labelledby=\"services-main-title\">\r\n        <div class=\"mico-shell services-hero__inner\">\r\n          <div class=\"services-hero__copy\" data-reveal>\r\n            <p class=\"mico-kicker mico-kicker--light\">Elintarvikelogistiikka Helsinki\u2013Turku-vy\u00f6hykkeell\u00e4<\/p>\r\n            <h1 id=\"services-main-title\">Elintarvike<wbr>kuljetukset, ker\u00e4ily ja varastointi yhten\u00e4 hallittuna ketjuna.<\/h1>\r\n            <p class=\"services-hero__lead\">Mico Finland palvelee p\u00e4ivitt\u00e4istavarakauppaa, elintarviketeollisuutta, keskuskeitti\u00f6it\u00e4, ravintoloita ja muita l\u00e4mp\u00f6tilahallittua logistiikkaa tarvitsevia yrityksi\u00e4. Palvelut voidaan valita erikseen tai yhdist\u00e4\u00e4 tarpeeseen sopivaksi kokonaisuudeksi.<\/p>\r\n            <div class=\"services-hero__actions\" aria-label=\"Sivun p\u00e4\u00e4toiminnot\">\r\n              <a class=\"mico-button\" href=\"#palvelut\">Tutustu palveluihin <span aria-hidden=\"true\">\u2193<\/span><\/a>\r\n              <a class=\"mico-button mico-button--light\" href=\"#palvelukompassi\">Kokeile palvelukompassia <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n            <\/div>\r\n            <ul class=\"services-hero__facts\" aria-label=\"Nykyisen palvelun perustiedot\">\r\n              <li><strong>Helsinki\u2013Turku<\/strong><span>Nykyinen palveluvy\u00f6hyke<\/span><\/li>\r\n              <li><strong>L\u00e4mp\u00f6tilahallittu<\/strong><span>Nykyinen kuljetuskalusto<\/span><\/li>\r\n              <li><strong>Tarpeen mukaan<\/strong><span>Yksi vaihe tai niiden yhdistelm\u00e4<\/span><\/li>\r\n            <\/ul>\r\n          <\/div>\r\n\r\n          <div class=\"service-system\" aria-label=\"Micon nykyisen palveluketjun havainnekuva\" data-reveal>\r\n            <div class=\"service-system__orbit service-system__orbit--outer\" aria-hidden=\"true\"><\/div>\r\n            <div class=\"service-system__orbit service-system__orbit--inner\" aria-hidden=\"true\"><\/div>\r\n            <div class=\"service-system__core\"><span>Mico<\/span><small>palveluketju<\/small><\/div>\r\n            <article class=\"service-system__node service-system__node--pickup\">\r\n              <span class=\"service-system__index\">01<\/span><strong>Nouto<\/strong><small>Sovitusta sijainnista<\/small>\r\n            <\/article>\r\n            <article class=\"service-system__node service-system__node--warehouse\">\r\n              <span class=\"service-system__index\">02<\/span><strong>Varastointi &amp; ker\u00e4ily<\/strong><small>Tarpeen mukaan<\/small>\r\n            <\/article>\r\n            <article class=\"service-system__node service-system__node--transport\">\r\n              <span class=\"service-system__index\">03<\/span><strong>Kuljetus<\/strong><small>L\u00e4mp\u00f6tilahallitulla kalustolla<\/small>\r\n            <\/article>\r\n            <article class=\"service-system__node service-system__node--delivery\">\r\n              <span class=\"service-system__index\">04<\/span><strong>Toimitus<\/strong><small>Yritykselle tai kotiin<\/small>\r\n            <\/article>\r\n            <p class=\"service-system__note\"><span aria-hidden=\"true\"><\/span> Palveluketju t\u00e4smennet\u00e4\u00e4n aina tuotteen, reitin ja tarpeen mukaan.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section class=\"services-proof\" aria-labelledby=\"services-proof-title\">\r\n        <div class=\"mico-shell services-proof__inner\">\r\n          <h2 id=\"services-proof-title\">Asiakkaitamme<\/h2>\r\n          <div class=\"services-proof__logos\" aria-label=\"Mico Finlandin nykyisi\u00e4 asiakkaita\">\r\n            <div class=\"services-proof__logos-track\">\r\n              <div class=\"services-proof__logos-set\">\r\n                <a href=\"https:\/\/sso.fi\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"SSO \u2013 avaa asiakkaan verkkosivusto uuteen v\u00e4lilehteen\">\r\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.micofoy.fi\/wp-content\/uploads\/2026\/08\/client-sso.webp\" width=\"400\" height=\"220\" alt=\"SSO\">\r\n                <\/a>\r\n                <a href=\"https:\/\/estradi.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Estradi Kyl\u00e4kauppa \u2013 avaa asiakkaan verkkosivusto uuteen v\u00e4lilehteen\">\r\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.micofoy.fi\/wp-content\/uploads\/2026\/08\/client-estradi-kylakauppa.png\" width=\"500\" height=\"250\" alt=\"Estradi Kyl\u00e4kauppa\">\r\n                <\/a>\r\n                <a href=\"https:\/\/www.cuubi.fi\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Cuubi \u2013 avaa asiakkaan verkkosivusto uuteen v\u00e4lilehteen\">\r\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.micofoy.fi\/wp-content\/uploads\/2026\/08\/client-cuubi.png\" width=\"500\" height=\"250\" alt=\"Cuubi\">\r\n                <\/a>\r\n                <a href=\"https:\/\/www.raflaamo.fi\/fi\/ravintola\/lohja\/sinun-keittio-puoti\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Sinun Keitti\u00f6 \u2013 avaa asiakkaan verkkosivusto uuteen v\u00e4lilehteen\">\r\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.micofoy.fi\/wp-content\/uploads\/2026\/08\/client-sinun-keittio.png\" width=\"500\" height=\"250\" alt=\"Sinun Keitti\u00f6\">\r\n                <\/a>\r\n              <\/div>\r\n              <div class=\"services-proof__logos-set services-proof__logos-set--clone\" aria-hidden=\"true\">\r\n                <a href=\"https:\/\/sso.fi\/\" target=\"_blank\" rel=\"noopener noreferrer\" tabindex=\"-1\">\r\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.micofoy.fi\/wp-content\/uploads\/2026\/08\/client-sso.webp\" width=\"400\" height=\"220\" alt=\"\">\r\n                <\/a>\r\n                <a href=\"https:\/\/estradi.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" tabindex=\"-1\">\r\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.micofoy.fi\/wp-content\/uploads\/2026\/08\/client-estradi-kylakauppa.png\" width=\"500\" height=\"250\" alt=\"\">\r\n                <\/a>\r\n                <a href=\"https:\/\/www.cuubi.fi\/\" target=\"_blank\" rel=\"noopener noreferrer\" tabindex=\"-1\">\r\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.micofoy.fi\/wp-content\/uploads\/2026\/08\/client-cuubi.png\" width=\"500\" height=\"250\" alt=\"\">\r\n                <\/a>\r\n                <a href=\"https:\/\/www.raflaamo.fi\/fi\/ravintola\/lohja\/sinun-keittio-puoti\" target=\"_blank\" rel=\"noopener noreferrer\" tabindex=\"-1\">\r\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.micofoy.fi\/wp-content\/uploads\/2026\/08\/client-sinun-keittio.png\" width=\"500\" height=\"250\" alt=\"\">\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section class=\"mico-section services-catalog\" id=\"palvelut\" aria-labelledby=\"services-catalog-title\">\r\n        <div class=\"mico-shell\">\r\n          <div class=\"mico-section-head\">\r\n            <div data-reveal>\r\n              <p class=\"mico-kicker\">Palvelut nyt<\/p>\r\n              <h2 class=\"mico-title\" id=\"services-catalog-title\">Valitse tarvittavat vaiheet. Mico sovittaa ne yhteen.<\/h2>\r\n            <\/div>\r\n            <p class=\"mico-section-note\" data-reveal>Kaikki t\u00e4ss\u00e4 osiossa kuvatut palvelut kuuluvat Micon nykyiseen palvelumalliin. Tarkka soveltuvuus vahvistetaan aina yhdess\u00e4.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"service-card-grid\">\r\n            <article class=\"service-card\" data-reveal>\r\n              <div class=\"service-card__top\"><span class=\"service-card__number\">01<\/span><span class=\"service-status\">K\u00e4yt\u00f6ss\u00e4 nyt<\/span><\/div>\r\n              <h3>Kuljetus<\/h3>\r\n              <p>Tuotteiden nouto sovitusta sijainnista ja toimitus haluttuun m\u00e4\u00e4r\u00e4np\u00e4\u00e4h\u00e4n Helsinki\u2013Turku-vy\u00f6hykkeell\u00e4.<\/p>\r\n              <button type=\"button\" class=\"service-card__action\" data-compass-preset=\"direct\">N\u00e4yt\u00e4 mahdollinen ketju <span aria-hidden=\"true\">\u2192<\/span><\/button>\r\n            <\/article>\r\n\r\n            <article class=\"service-card\" data-reveal>\r\n              <div class=\"service-card__top\"><span class=\"service-card__number\">02<\/span><span class=\"service-status\">K\u00e4yt\u00f6ss\u00e4 nyt<\/span><\/div>\r\n              <h3>Kotiintoimitus<\/h3>\r\n              <p>Ruoan ja muiden tuotteiden toimitus asiakkaan puolesta kuluttajalle sovittuna osana palveluketjua.<\/p>\r\n              <button type=\"button\" class=\"service-card__action\" data-compass-preset=\"direct\">N\u00e4yt\u00e4 mahdollinen ketju <span aria-hidden=\"true\">\u2192<\/span><\/button>\r\n            <\/article>\r\n\r\n            <article class=\"service-card\" data-reveal>\r\n              <div class=\"service-card__top\"><span class=\"service-card__number\">03<\/span><span class=\"service-status\">K\u00e4yt\u00f6ss\u00e4 nyt<\/span><\/div>\r\n              <h3>Ker\u00e4ily<\/h3>\r\n              <p>Tuotteiden kokoaminen tilauksiksi Micon operoimassa varastossa ennen seuraavaa kuljetusvaihetta.<\/p>\r\n              <button type=\"button\" class=\"service-card__action\" data-compass-preset=\"warehouse\">N\u00e4yt\u00e4 mahdollinen ketju <span aria-hidden=\"true\">\u2192<\/span><\/button>\r\n            <\/article>\r\n\r\n            <article class=\"service-card\" data-reveal>\r\n              <div class=\"service-card__top\"><span class=\"service-card__number\">04<\/span><span class=\"service-status\">K\u00e4yt\u00f6ss\u00e4 nyt<\/span><\/div>\r\n              <h3>Varastointi<\/h3>\r\n              <p>Asiakkaan tuotteiden s\u00e4ilytys Micon nykyisin operoimassa varastossa Oilaantie 6:ssa Nummessa.<\/p>\r\n              <button type=\"button\" class=\"service-card__action\" data-compass-preset=\"warehouse\">N\u00e4yt\u00e4 mahdollinen ketju <span aria-hidden=\"true\">\u2192<\/span><\/button>\r\n            <\/article>\r\n\r\n            <article class=\"service-card\" data-reveal>\r\n              <div class=\"service-card__top\"><span class=\"service-card__number\">05<\/span><span class=\"service-status\">K\u00e4yt\u00f6ss\u00e4 nyt<\/span><\/div>\r\n              <h3>L\u00e4mp\u00f6tilahallinta<\/h3>\r\n              <p>Nykyiset toimitukset tehd\u00e4\u00e4n l\u00e4mp\u00f6tilahallitulla kuljetuskalustolla. Tuotekohtainen vaatimus varmistetaan ennen toteutusta.<\/p>\r\n              <button type=\"button\" class=\"service-card__action\" data-compass-preset=\"direct\">N\u00e4yt\u00e4 mahdollinen ketju <span aria-hidden=\"true\">\u2192<\/span><\/button>\r\n            <\/article>\r\n\r\n            <article class=\"service-card service-card--accent\" data-reveal>\r\n              <div class=\"service-card__top\"><span class=\"service-card__number\">06<\/span><span class=\"service-status\">K\u00e4yt\u00f6ss\u00e4 nyt<\/span><\/div>\r\n              <h3>Kokonaisratkaisu<\/h3>\r\n              <p>Tarpeeseen koottu palveluketju voi yhdist\u00e4\u00e4 vastaanoton, varastoinnin, ker\u00e4ilyn, kuljetuksen ja kotiintoimituksen.<\/p>\r\n              <button type=\"button\" class=\"service-card__action\" data-compass-preset=\"complete\">Rakenna mahdollinen ketju <span aria-hidden=\"true\">\u2192<\/span><\/button>\r\n            <\/article>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section class=\"mico-section services-audiences\" aria-labelledby=\"services-audiences-title\">\r\n        <div class=\"mico-shell\">\r\n          <div class=\"mico-section-head\">\r\n            <div data-reveal>\r\n              <p class=\"mico-kicker\">Kenelle palvelumme sopivat<\/p>\r\n              <h2 class=\"mico-title\" id=\"services-audiences-title\">Logistiikka, joka mukautuu tuotteen ja toimintamallin mukaan.<\/h2>\r\n            <\/div>\r\n            <p class=\"mico-section-note\" data-reveal>Jokainen kokonaisuus kartoitetaan tuotteen, l\u00e4mp\u00f6tilavaatimuksen, reitin, m\u00e4\u00e4r\u00e4n ja toimitusrytmin perusteella.<\/p>\r\n          <\/div>\r\n          <div class=\"audience-grid\">\r\n            <article data-reveal><span>01<\/span><h3>P\u00e4ivitt\u00e4istavarakauppa ja ruoan verkkokaupat<\/h3><p>Ker\u00e4ily, v\u00e4livarastointi, myym\u00e4l\u00e4- ja kotiintoimitukset tarpeen mukaan.<\/p><\/article>\r\n            <article data-reveal><span>02<\/span><h3>Elintarviketeollisuus ja tuottajat<\/h3><p>L\u00e4mp\u00f6tilahallitut noudot ja toimitukset tuotannosta asiakkaalle tai jatkojakeluun.<\/p><\/article>\r\n            <article data-reveal><span>03<\/span><h3>Keskuskeitti\u00f6t ja valmisruokatoimijat<\/h3><p>Ruokakuljetukset ja sovittu jakelurytmi yritys- ja kuluttajakohteisiin.<\/p><\/article>\r\n            <article data-reveal><span>04<\/span><h3>Ravintolat, catering ja HoReCa<\/h3><p>Raaka-aineiden, annosten ja muiden tuotteiden toimitukset suunnitellun palvelupolun mukaan.<\/p><\/article>\r\n            <article data-reveal><span>05<\/span><h3>Muut l\u00e4mp\u00f6tilahallittua kuljetusta tarvitsevat yritykset<\/h3><p>Tuotekohtaiset vaatimukset arvioidaan aina ennen kuljetuksen k\u00e4ynnist\u00e4mist\u00e4.<\/p><\/article>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section class=\"mico-section route-compare\" aria-labelledby=\"route-compare-title\">\r\n        <div class=\"mico-shell\">\r\n          <div class=\"mico-section-head\">\r\n            <div data-reveal>\r\n              <p class=\"mico-kicker\">Kaksi nykyist\u00e4 palvelupolkua<\/p>\r\n              <h2 class=\"mico-title\" id=\"route-compare-title\">Suoraan kohteeseen tai varaston kautta.<\/h2>\r\n            <\/div>\r\n            <p class=\"mico-section-note\" data-reveal>Palvelupolku valitaan tuotteen, k\u00e4sittelytarpeen, toimitusrytmin ja kohteiden perusteella.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"route-compare__grid\">\r\n            <article class=\"route-lane route-lane--direct\" data-reveal>\r\n              <div class=\"route-lane__head\">\r\n                <span class=\"route-lane__tag\">Suora polku<\/span>\r\n                <h3>Kun tuote kulkee l\u00e4ht\u00f6pisteest\u00e4 m\u00e4\u00e4r\u00e4np\u00e4\u00e4h\u00e4n.<\/h3>\r\n                <p>Mico noutaa tuotteet sovitusta sijainnista ja toimittaa ne sovittuun yritys- tai kotikohteeseen.<\/p>\r\n              <\/div>\r\n              <ol class=\"route-steps\" aria-label=\"Suoran kuljetuksen vaiheet\">\r\n                <li><span>01<\/span><strong>Nouto<\/strong><small>Sovittu l\u00e4ht\u00f6piste<\/small><\/li>\r\n                <li><span>02<\/span><strong>Kuljetus<\/strong><small>L\u00e4mp\u00f6tilahallittu kalusto<\/small><\/li>\r\n                <li><span>03<\/span><strong>Toimitus<\/strong><small>Sovittu m\u00e4\u00e4r\u00e4np\u00e4\u00e4<\/small><\/li>\r\n              <\/ol>\r\n            <\/article>\r\n\r\n            <article class=\"route-lane route-lane--warehouse\" data-reveal>\r\n              <div class=\"route-lane__head\">\r\n                <span class=\"route-lane__tag\">Varastopolku<\/span>\r\n                <h3>Kun tuotteet s\u00e4ilytet\u00e4\u00e4n ja kootaan tilauksiksi.<\/h3>\r\n                <p>Tuotteet kulkevat Micon operoiman varaston kautta ennen seuraavaa kuljetus- ja toimitusvaihetta.<\/p>\r\n              <\/div>\r\n              <ol class=\"route-steps route-steps--long\" aria-label=\"Varaston kautta kulkevan palvelun vaiheet\">\r\n                <li><span>01<\/span><strong>Vastaanotto<\/strong><small>Tuotteet varastopolulle<\/small><\/li>\r\n                <li><span>02<\/span><strong>Varastointi<\/strong><small>S\u00e4ilytys tarpeen mukaan<\/small><\/li>\r\n                <li><span>03<\/span><strong>Ker\u00e4ily<\/strong><small>Tuotteet tilauksiksi<\/small><\/li>\r\n                <li><span>04<\/span><strong>Kuljetus<\/strong><small>Sovittuun kohteeseen<\/small><\/li>\r\n              <\/ol>\r\n            <\/article>\r\n          <\/div>\r\n          <div class=\"route-compare__note\" role=\"note\" data-reveal>\r\n            <strong>Molemmissa poluissa:<\/strong>\r\n            <span>Mico varmistaa tuotekohtaisen k\u00e4sittelytarpeen, palvelukelpoisuuden ja toteutuksen yksityiskohdat ennen sopimista.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section class=\"mico-section service-compass\" id=\"palvelukompassi\" aria-labelledby=\"service-compass-title\">\r\n        <div class=\"mico-shell\">\r\n          <div class=\"mico-section-head\">\r\n            <div data-reveal>\r\n              <p class=\"mico-kicker mico-kicker--light\">Palvelukompassi<\/p>\r\n              <h2 class=\"mico-title mico-title--light\" id=\"service-compass-title\">Aloita p\u00e4\u00e4tarpeesta. N\u00e4e mahdollinen palveluketju.<\/h2>\r\n            <\/div>\r\n            <p class=\"mico-section-note\" data-reveal>Kompassi havainnollistaa nykyisist\u00e4 palveluista koottavaa rakennetta. Se ei ole tarjous eik\u00e4 automaattinen soveltuvuusp\u00e4\u00e4t\u00f6s.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"compass-app\" data-service-compass>\r\n            <div class=\"compass-choices\" data-reveal>\r\n              <p class=\"compass-choices__label\" id=\"compass-question\">Mik\u00e4 kuvaa p\u00e4\u00e4tarvettasi parhaiten?<\/p>\r\n              <div class=\"compass-choice-grid\" role=\"group\" aria-labelledby=\"compass-question\">\r\n                <button class=\"compass-choice\" type=\"button\" data-compass-need=\"direct\" aria-pressed=\"false\">\r\n                  <span class=\"compass-choice__icon\" aria-hidden=\"true\">A<\/span>\r\n                  <span><strong>Suoraan kohteeseen<\/strong><small>Tuotteet l\u00e4ht\u00f6pisteest\u00e4 m\u00e4\u00e4r\u00e4np\u00e4\u00e4h\u00e4n<\/small><\/span>\r\n                <\/button>\r\n                <button class=\"compass-choice\" type=\"button\" data-compass-need=\"warehouse\" aria-pressed=\"false\">\r\n                  <span class=\"compass-choice__icon\" aria-hidden=\"true\">B<\/span>\r\n                  <span><strong>Varaston kautta<\/strong><small>S\u00e4ilytys tai ker\u00e4ily osaksi ketjua<\/small><\/span>\r\n                <\/button>\r\n                <button class=\"compass-choice\" type=\"button\" data-compass-need=\"storage\" aria-pressed=\"false\">\r\n                  <span class=\"compass-choice__icon\" aria-hidden=\"true\">C<\/span>\r\n                  <span><strong>Varastointi<\/strong><small>Varastoi tuotteitasi Mico Finlandin tiloissa<\/small><\/span>\r\n                <\/button>\r\n                <button class=\"compass-choice\" type=\"button\" data-compass-need=\"complete\" aria-pressed=\"true\">\r\n                  <span class=\"compass-choice__icon\" aria-hidden=\"true\">D<\/span>\r\n                  <span><strong>Useita vaiheita<\/strong><small>Tarpeeseen koottava kokonaisratkaisu<\/small><\/span>\r\n                <\/button>\r\n              <\/div>\r\n              <p class=\"compass-choices__privacy\">Valinta tapahtuu vain t\u00e4ss\u00e4 selaimessa. Tietoa ei l\u00e4hetet\u00e4 eik\u00e4 tallenneta.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"compass-result\" data-reveal aria-labelledby=\"compass-result-title\">\r\n              <div class=\"compass-result__head\">\r\n                <span>Mahdollinen palvelurakenne<\/span>\r\n                <span class=\"service-status service-status--dark\">Nykyisi\u00e4 palveluja<\/span>\r\n              <\/div>\r\n              <h3 id=\"compass-result-title\" data-compass-title>Koko ketju tarpeen mukaan<\/h3>\r\n              <p data-compass-copy>Palvelu voi yhdist\u00e4\u00e4 vastaanoton, varastoinnin, ker\u00e4ilyn, l\u00e4mp\u00f6tilahallitun kuljetuksen ja toimituksen.<\/p>\r\n              <ol class=\"compass-chain\" data-compass-chain aria-label=\"Mahdollisen palveluketjun vaiheet\">\r\n                <li><span>01<\/span><strong>Vastaanotto<\/strong><small>Tuotteet palveluketjuun<\/small><\/li>\r\n                <li><span>02<\/span><strong>Varastointi<\/strong><small>S\u00e4ilytys tarpeen mukaan<\/small><\/li>\r\n                <li><span>03<\/span><strong>Ker\u00e4ily<\/strong><small>Tuotteet tilauksiksi<\/small><\/li>\r\n                <li><span>04<\/span><strong>Kuljetus<\/strong><small>L\u00e4mp\u00f6tilahallitulla kalustolla<\/small><\/li>\r\n                <li><span>05<\/span><strong>Toimitus<\/strong><small>Sovittuun kohteeseen<\/small><\/li>\r\n              <\/ol>\r\n              <div class=\"compass-result__assurance\" role=\"note\">\r\n                <span aria-hidden=\"true\">\u2713<\/span>\r\n                <p><strong>Mico vahvistaa soveltuvuuden.<\/strong> Tuote, l\u00e4mp\u00f6tilavaatimus, reitti, m\u00e4\u00e4r\u00e4, rytmi ja palvelualue tarkistetaan ennen toteutusta.<\/p>\r\n              <\/div>\r\n              <a class=\"mico-button\" href=\"#palvelutarve\" data-compass-contact>Kerro t\u00e4st\u00e4 tarpeesta <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n            <\/div>\r\n            <p class=\"sr-only\" aria-live=\"polite\" data-compass-live><\/p>\r\n          <\/div>\r\n          <noscript><p class=\"compass-noscript\">Palvelukompassin oletusesimerkki n\u00e4ytt\u00e4\u00e4 koko ketjun. Ota JavaScript k\u00e4ytt\u00f6\u00f6n, jos haluat vaihtaa esimerkki\u00e4 p\u00e4\u00e4tarpeen mukaan.<\/p><\/noscript>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section class=\"mico-section services-faq\" aria-labelledby=\"services-faq-title\">\r\n        <div class=\"mico-shell services-faq__grid\">\r\n          <div class=\"services-faq__intro\" data-reveal>\r\n            <p class=\"mico-kicker\">Usein kysytty\u00e4<\/p>\r\n            <h2 class=\"mico-title\" id=\"services-faq-title\">Ensin selkeys. Sitten yksityiskohdat.<\/h2>\r\n            <p>Palvelun t\u00e4sm\u00e4llinen sis\u00e4lt\u00f6 rakennetaan asiakkaan tuotteen, reitin ja toimitustarpeen ymp\u00e4rille.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"faq-list\" data-reveal>\r\n            <details open>\r\n              <summary>Voinko ostaa vain yhden palvelun?<\/summary>\r\n              <p>Kyll\u00e4. Micolta voi hankkia esimerkiksi kuljetuksen, kotiintoimituksen, ker\u00e4ilyn tai varastoinnin. Palveluja voidaan my\u00f6s yhdist\u00e4\u00e4 saman tarpeen ymp\u00e4rille.<\/p>\r\n            <\/details>\r\n            <details>\r\n              <summary>Milloin tuotteet kulkevat varaston kautta?<\/summary>\r\n              <p>Varastopolku voi sopia tilanteeseen, jossa tuotteita s\u00e4ilytet\u00e4\u00e4n tai kootaan tilauksiksi ennen toimitusta. Mico vahvistaa sopivan polun l\u00e4ht\u00f6tietojen perusteella.<\/p>\r\n            <\/details>\r\n            <details>\r\n              <summary>Mill\u00e4 alueella Mico palvelee?<\/summary>\r\n              <p>Nykyinen toiminta-alue on Helsinki\u2013Turku-vy\u00f6hyke. Tarkka palvelukelpoisuus arvioidaan l\u00e4ht\u00f6- ja m\u00e4\u00e4r\u00e4np\u00e4\u00e4n sek\u00e4 palvelun perusteella.<\/p>\r\n            <\/details>\r\n            <details>\r\n              <summary>Mit\u00e4 l\u00e4mp\u00f6tiloja kuljetus tukee?<\/summary>\r\n              <p>Nykyiset toimitukset tehd\u00e4\u00e4n l\u00e4mp\u00f6tilahallitulla kuljetuskalustolla. Tarkka tuotekohtainen vaatimus ja sen soveltuvuus varmistetaan ennen toteutusta.<\/p>\r\n            <\/details>\r\n            <details>\r\n              <summary>Mit\u00e4 tietoja ensimm\u00e4iseen kartoitukseen tarvitaan?<\/summary>\r\n              <p>Hyv\u00e4 alku on tuotteen kuvaus, mahdollinen l\u00e4mp\u00f6tilavaatimus, l\u00e4ht\u00f6- ja m\u00e4\u00e4r\u00e4np\u00e4\u00e4, toimitusrytmi sek\u00e4 arvioitu m\u00e4\u00e4r\u00e4. Jos jokin tieto puuttuu, sen voi kertoa lomakkeella.<\/p>\r\n            <\/details>\r\n            <details>\r\n              <summary>Miten palvelu hinnoitellaan?<\/summary>\r\n              <p>Hinnoittelu m\u00e4\u00e4r\u00e4ytyy palveluketjun, tuotteen vaatimusten, reitin, m\u00e4\u00e4r\u00e4n ja toimitusrytmin perusteella. Saat tarjouksen, kun tarve ja toteutustapa on kartoitettu.<\/p>\r\n            <\/details>\r\n            <details>\r\n              <summary>Onko palvelulla v\u00e4himm\u00e4isvolyymia?<\/summary>\r\n              <p>Sopiva toteutustapa arvioidaan tapauskohtaisesti. Kerro nykyinen m\u00e4\u00e4r\u00e4 ja arvio muutoksista, jotta voimme arvioida palvelun soveltuvuuden.<\/p>\r\n            <\/details>\r\n            <details>\r\n              <summary>Voiko Mico auttaa sesonkihuipuissa tai muuttuvassa toimitusrytmiss\u00e4?<\/summary>\r\n              <p>Kyll\u00e4, tarpeen vaihtelu voidaan huomioida kartoituksessa. Kapasiteetti, rytmi ja k\u00e4ynnistysaika sovitaan aina ennen toteutusta.<\/p>\r\n            <\/details>\r\n            <details>\r\n              <summary>Miten nopeasti palvelu voidaan k\u00e4ynnist\u00e4\u00e4?<\/summary>\r\n              <p>K\u00e4ynnistysaika riippuu reitist\u00e4, m\u00e4\u00e4r\u00e4st\u00e4, k\u00e4sittelytarpeesta ja mahdollisista integraatioista. Aikataulu sovitaan kartoituksen ja toteutussuunnitelman yhteydess\u00e4.<\/p>\r\n            <\/details>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section class=\"mico-section services-contact\" id=\"palvelutarve\" aria-labelledby=\"services-contact-title\">\r\n        <div class=\"mico-shell services-contact__grid\">\r\n          <div data-reveal>\r\n            <p class=\"mico-kicker mico-kicker--light\">Seuraava askel<\/p>\r\n            <h2 id=\"services-contact-title\">Kerro, mit\u00e4 tuotteellesi pit\u00e4\u00e4 tapahtua.<\/h2>\r\n            <p>Mico arvioi kanssasi, sopiiko tarpeeseen suora kuljetus, varastointi ja ker\u00e4ily, kotiintoimitus tai niiden yhdistelm\u00e4. L\u00e4het\u00e4 perustiedot, niin palaamme asiaan.<\/p>\r\n            <div class=\"selected-need\" aria-live=\"polite\">\r\n              <span>Kompassin nykyinen valinta<\/span>\r\n              <strong data-compass-form-value>Kokonaisratkaisu \u00b7 vastaanotto \u2192 varastointi \u2192 ker\u00e4ily \u2192 kuljetus \u2192 toimitus<\/strong>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <aside class=\"cf7-prototype\" aria-label=\"Palvelutarvelomake\" data-reveal>\r\n            <span class=\"cf7-prototype__label\">Palvelutarve<\/span>\r\n            <h3>Kartoitetaan sopiva palveluketju<\/h3>\r\n            <p>Pakolliset kent\u00e4t on merkitty t\u00e4hdell\u00e4. Tietoja k\u00e4ytet\u00e4\u00e4n vain yhteydenottoosi vastaamiseen.<\/p>\r\n            <div class=\"cf7-prototype mico-cf7\" data-mico-form=\"services\">\r\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1017-o1\" lang=\"fi\" dir=\"ltr\" data-wpcf7-id=\"1017\">\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\/1046#wpcf7-f1017-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Yhteydenottolomake\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"1017\" \/><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-f1017-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"mico-form-grid\">\n\t<p><label><span>Nimi *<\/span><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><\/label><br \/>\n<label><span>Yritys (valinnainen)<\/span><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><\/label><br \/>\n<label><span>S\u00e4hk\u00f6posti *<\/span><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><\/label><br \/>\n<label><span>Puhelin<\/span><span class=\"wpcf7-form-control-wrap\" data-name=\"phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel\" autocomplete=\"tel\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"phone\" \/><\/span><\/label><br \/>\n<label class=\"mico-form-wide\"><span>P\u00e4\u00e4tarve *<\/span><span class=\"wpcf7-form-control-wrap\" data-name=\"need\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"need\"><option value=\"\">Valitse<\/option><option value=\"Kuljetus\">Kuljetus<\/option><option value=\"Kotiintoimitus\">Kotiintoimitus<\/option><option value=\"Varastointi ja ker\u00e4ily\">Varastointi ja ker\u00e4ily<\/option><option value=\"Yhdistetty palveluketju\">Yhdistetty palveluketju<\/option><option value=\"Muu tarve\">Muu tarve<\/option><\/select><\/span><\/label><br \/>\n<label class=\"mico-form-wide\"><span>Tuote ja mahdollinen l\u00e4mp\u00f6tilavaatimus *<\/span><span class=\"wpcf7-form-control-wrap\" data-name=\"product\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"product\" \/><\/span><\/label><br \/>\n<label class=\"mico-form-wide\"><span>Toivottu aloitusajankohta<\/span><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\" value=\"\" type=\"text\" name=\"start-date\" \/><\/span><\/label><br \/>\n<label class=\"mico-form-wide\"><span>L\u00e4ht\u00f6, m\u00e4\u00e4r\u00e4np\u00e4\u00e4, rytmi ja m\u00e4\u00e4r\u00e4arvio *<\/span><span class=\"wpcf7-form-control-wrap\" data-name=\"route\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"route\"><\/textarea><\/span><\/label><br \/>\n<label class=\"mico-form-wide\"><span>Lis\u00e4tiedot<\/span><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\" name=\"your-message\"><\/textarea><\/span><\/label>\n\t<\/p>\n<\/div>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"compass-summary\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"palvelutarve\" type=\"hidden\" name=\"form-type\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"utm-source\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"utm-medium\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"utm-campaign\" \/>\n<div class=\"mico-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 k\u00e4sittelee tietojani yhteydenottoon vastaamiseksi. *<\/span><\/label><\/span><\/span><\/span>\n\t<\/p>\n<\/div>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner mico-button\" type=\"submit\" value=\"L\u00e4het\u00e4 palvelutarve\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n<\/div>\r\n          <\/aside>\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\/\">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-services.js\">\r\n(function () {\r\n  \"use strict\";\r\n\r\n  var app = document.querySelector(\"[data-service-compass]\");\r\n  if (!app) return;\r\n\r\n  var choices = Array.from(app.querySelectorAll(\"[data-compass-need]\"));\r\n  var presetButtons = Array.from(document.querySelectorAll(\"[data-compass-preset]\"));\r\n  var title = app.querySelector(\"[data-compass-title]\");\r\n  var copy = app.querySelector(\"[data-compass-copy]\");\r\n  var chain = app.querySelector(\"[data-compass-chain]\");\r\n  var live = app.querySelector(\"[data-compass-live]\");\r\n  var formValue = document.querySelector(\"[data-compass-form-value]\");\r\n  var compassSection = document.getElementById(\"palvelukompassi\");\r\n  var reduceMotion = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n\r\n  var configurations = {\r\n    direct: {\r\n      title: \"Suora kuljetus l\u00e4ht\u00f6pisteest\u00e4 kohteeseen\",\r\n      copy: \"Mico voi noutaa tuotteet sovitusta sijainnista ja kuljettaa ne l\u00e4mp\u00f6tilahallitulla kalustolla sovittuun yritys- tai kotikohteeseen.\",\r\n      summary: \"Suora kuljetus \u00b7 nouto \u2192 l\u00e4mp\u00f6tilahallittu kuljetus \u2192 toimitus\",\r\n      steps: [\r\n        [\"Nouto\", \"Sovittu l\u00e4ht\u00f6piste\"],\r\n        [\"Kuljetus\", \"L\u00e4mp\u00f6tilahallittu kalusto\"],\r\n        [\"Toimitus\", \"Sovittu m\u00e4\u00e4r\u00e4np\u00e4\u00e4\"]\r\n      ]\r\n    },\r\n    warehouse: {\r\n      title: \"Varastointi ja ker\u00e4ily osaksi ketjua\",\r\n      copy: \"Tuotteet voidaan vastaanottaa Micon operoimaan varastoon, s\u00e4ilytt\u00e4\u00e4 tarpeen mukaan, koota tilauksiksi ja toimittaa seuraavaan kohteeseen.\",\r\n      summary: \"Varastopolku \u00b7 vastaanotto \u2192 varastointi \u2192 ker\u00e4ily \u2192 kuljetus\",\r\n      steps: [\r\n        [\"Vastaanotto\", \"Tuotteet varastopolulle\"],\r\n        [\"Varastointi\", \"S\u00e4ilytys tarpeen mukaan\"],\r\n        [\"Ker\u00e4ily\", \"Tuotteet tilauksiksi\"],\r\n        [\"Kuljetus\", \"Sovittuun kohteeseen\"]\r\n      ]\r\n    },\r\n    storage: {\r\n      title: \"Varastointi Mico Finlandin tiloissa\",\r\n      copy: \"Mico Finland vastaanottaa tuotteet operoimaansa varastoon ja s\u00e4ilytt\u00e4\u00e4 ne sovitun tarpeen mukaan.\",\r\n      summary: \"Varastointi \u00b7 vastaanotto \u2192 s\u00e4ilytys\",\r\n      steps: [\r\n        [\"Vastaanotto\", \"Tuotteet Micon varastolle\"],\r\n        [\"Varastointi\", \"S\u00e4ilytys sovitun tarpeen mukaan\"]\r\n      ]\r\n    },\r\n    complete: {\r\n      title: \"Koko ketju tarpeen mukaan\",\r\n      copy: \"Palvelu voi yhdist\u00e4\u00e4 vastaanoton, varastoinnin, ker\u00e4ilyn, l\u00e4mp\u00f6tilahallitun kuljetuksen ja toimituksen.\",\r\n      summary: \"Kokonaisratkaisu \u00b7 vastaanotto \u2192 varastointi \u2192 ker\u00e4ily \u2192 kuljetus \u2192 toimitus\",\r\n      steps: [\r\n        [\"Vastaanotto\", \"Tuotteet palveluketjuun\"],\r\n        [\"Varastointi\", \"S\u00e4ilytys tarpeen mukaan\"],\r\n        [\"Ker\u00e4ily\", \"Tuotteet tilauksiksi\"],\r\n        [\"Kuljetus\", \"L\u00e4mp\u00f6tilahallittu kalusto\"],\r\n        [\"Toimitus\", \"Sovittuun kohteeseen\"]\r\n      ]\r\n    }\r\n  };\r\n\r\n  function renderSteps(steps) {\r\n    while (chain.firstChild) chain.removeChild(chain.firstChild);\r\n    chain.style.setProperty(\"--compass-step-count\", String(steps.length));\r\n    steps.forEach(function (step, index) {\r\n      var item = document.createElement(\"li\");\r\n      var number = document.createElement(\"span\");\r\n      var name = document.createElement(\"strong\");\r\n      var description = document.createElement(\"small\");\r\n      number.textContent = String(index + 1).padStart(2, \"0\");\r\n      name.textContent = step[0];\r\n      description.textContent = step[1];\r\n      item.append(number, name, description);\r\n      chain.appendChild(item);\r\n    });\r\n  }\r\n\r\n  function selectNeed(key, announce) {\r\n    var selected = configurations[key] || configurations.complete;\r\n    choices.forEach(function (button) {\r\n      button.setAttribute(\"aria-pressed\", String(button.dataset.compassNeed === key));\r\n    });\r\n    title.textContent = selected.title;\r\n    copy.textContent = selected.copy;\r\n    renderSteps(selected.steps);\r\n    if (formValue) formValue.textContent = selected.summary;\r\n    document.querySelectorAll('[name=\"compass-summary\"], [data-compass-hidden]').forEach(function (field) {\r\n      field.value = selected.summary;\r\n      field.setAttribute(\"value\", selected.summary);\r\n      field.dispatchEvent(new Event(\"input\", {bubbles: true}));\r\n      field.dispatchEvent(new Event(\"change\", {bubbles: true}));\r\n    });\r\n    if (announce && live) live.textContent = selected.title + \". Mico vahvistaa palvelun soveltuvuuden ennen toteutusta.\";\r\n  }\r\n\r\n  choices.forEach(function (button) {\r\n    button.addEventListener(\"click\", function () {\r\n      selectNeed(button.dataset.compassNeed || \"complete\", true);\r\n    });\r\n  });\r\n\r\n  presetButtons.forEach(function (button) {\r\n    button.addEventListener(\"click\", function () {\r\n      var key = button.dataset.compassPreset || \"complete\";\r\n      selectNeed(key, true);\r\n      if (compassSection) {\r\n        compassSection.scrollIntoView({behavior: reduceMotion ? \"auto\" : \"smooth\", block: \"start\"});\r\n        window.setTimeout(function () {\r\n          var active = app.querySelector('[data-compass-need=\"' + key + '\"]');\r\n          if (active) active.focus({preventScroll: true});\r\n        }, reduceMotion ? 0 : 500);\r\n      }\r\n    });\r\n  });\r\n\r\n  selectNeed(\"complete\", false);\r\n})();\r\n<\/script>\r\n<\/div>\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>Elintarvikekuljetukset, l\u00e4mp\u00f6tilahallittu logistiikka, kotiintoimitukset, ker\u00e4ily ja varastointi yrityksille Helsinki\u2013Turku-vy\u00f6hykkeell\u00e4.<\/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-1046","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.micofoy.fi\/index.php\/wp-json\/wp\/v2\/pages\/1046","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=1046"}],"version-history":[{"count":17,"href":"https:\/\/www.micofoy.fi\/index.php\/wp-json\/wp\/v2\/pages\/1046\/revisions"}],"predecessor-version":[{"id":1137,"href":"https:\/\/www.micofoy.fi\/index.php\/wp-json\/wp\/v2\/pages\/1046\/revisions\/1137"}],"wp:attachment":[{"href":"https:\/\/www.micofoy.fi\/index.php\/wp-json\/wp\/v2\/media?parent=1046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}