{"id":37,"date":"2026-07-23T08:53:24","date_gmt":"2026-07-23T08:53:24","guid":{"rendered":"https:\/\/www.suomenkompassi.fi\/?page_id=37"},"modified":"2026-08-17T07:33:01","modified_gmt":"2026-08-17T07:33:01","slug":"muuttajille-suomeen","status":"publish","type":"page","link":"https:\/\/www.suomenkompassi.fi\/index.php\/muuttajille-suomeen\/","title":{"rendered":"Muuttajille Suomeen"},"content":{"rendered":"<style>.kb-row-layout-id37_a47643-29 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id37_a47643-29 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id37_a47643-29 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id37_a47643-29 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id37_a47643-29 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id37_a47643-29 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id37_a47643-29 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column37_948b44-ac > .kt-inside-inner-col,.kadence-column37_948b44-ac > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column37_948b44-ac > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column37_948b44-ac > .kt-inside-inner-col{flex-direction:column;}.kadence-column37_948b44-ac > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column37_948b44-ac > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column37_948b44-ac{position:relative;}@media all and (max-width: 1024px){.kadence-column37_948b44-ac > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column37_948b44-ac > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column37_948b44-ac\"><div class=\"kt-inside-inner-col\">\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   SUOMEN KOMPASSI \u2013 CLEAN INTERACTIVE ROADMAP\n   ========================================================= *\/\n\n.skv3-roadmap {\n  --skv3-blue: #355a82;\n  --skv3-gold: #b69342;\n\n  width: 100%;\n  max-width: 1149px;\n  margin: 30px auto 70px;\n  padding: 0 14px;\n\n  font-family: inherit;\n  perspective: 1600px;\n}\n\n.skv3-roadmap *,\n.skv3-roadmap *::before,\n.skv3-roadmap *::after {\n  box-sizing: border-box;\n}\n\n\n\/* Screen reader text *\/\n\n.skv3-sr-only {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n  border: 0 !important;\n}\n\n\n\/* =========================================================\n   MAP WORLD\n   ========================================================= *\/\n\n.skv3-world {\n  position: relative;\n\n  width: 100%;\n  aspect-ratio: 1149 \/ 1135;\n\n  overflow: hidden;\n  border-radius: 34px;\n\n  background: #f7f8f6;\n\n  box-shadow:\n    0 35px 85px rgba(24, 39, 58, 0.14);\n\n  transform-style: preserve-3d;\n\n  transition:\n    transform 0.22s ease-out,\n    box-shadow 0.25s ease;\n}\n\n\n\/* =========================================================\n   IMAGE SLICES\n   \u041f\u043e\u043b\u043e\u0441\u043a\u0430 1\/10 \u0438 \u043d\u0438\u0436\u043d\u0438\u0435 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043f\u0440\u043e\u043f\u0443\u0441\u043a\u0430\u044e\u0442\u0441\u044f\n   ========================================================= *\/\n\n.skv3-image-slice {\n  position: absolute;\n  left: 0;\n  width: 100%;\n  overflow: hidden;\n  pointer-events: none;\n}\n\n.skv3-image-header {\n  top: 0;\n  height: 17.18%;\n}\n\n.skv3-image-body {\n  top: 17.18%;\n  height: 82.82%;\n}\n\n.skv3-map-image {\n  position: absolute;\n  left: 0;\n\n  width: 100%;\n  max-width: none !important;\n  height: auto !important;\n\n  display: block;\n\n  user-select: none;\n  pointer-events: none;\n\n  backface-visibility: hidden;\n}\n\n.skv3-image-header .skv3-map-image {\n  top: 0;\n}\n\n.skv3-image-body .skv3-map-image {\n  top: -27.66%;\n}\n\n\n\/* =========================================================\n   LIGHT EFFECT\n   ========================================================= *\/\n\n.skv3-light {\n  position: absolute;\n  inset: -25%;\n\n  z-index: 3;\n\n  pointer-events: none;\n\n  background:\n    radial-gradient(\n      circle at var(--skv3-mouse-x, 50%) var(--skv3-mouse-y, 35%),\n      rgba(255, 255, 255, 0.24),\n      rgba(255, 255, 255, 0.06) 18%,\n      transparent 38%\n    );\n\n  mix-blend-mode: screen;\n  opacity: 0.82;\n}\n\n\n\/* =========================================================\n   CLICKABLE MAP LABELS\n   ========================================================= *\/\n\n.skv3-hotspot {\n  position: absolute;\n\n  left: var(--x);\n  top: var(--y);\n\n  z-index: 10;\n\n  display: block;\n\n  width: clamp(90px, 16.5%, 190px);\n  height: clamp(38px, 5.6vw, 64px);\n\n  padding: 0;\n  border: 0;\n  border-radius: 20px;\n\n  background: transparent;\n\n  color: transparent !important;\n  text-decoration: none !important;\n\n  cursor: pointer;\n\n  transform: translate(-28%, -50%);\n\n  -webkit-tap-highlight-color: transparent;\n\n  transition:\n    background 0.2s ease,\n    box-shadow 0.2s ease,\n    transform 0.2s ease;\n}\n\n.skv3-hotspot:hover {\n  background: rgba(255, 255, 255, 0.12);\n\n  box-shadow:\n    0 0 0 2px rgba(255, 255, 255, 0.58),\n    0 12px 28px rgba(24, 39, 58, 0.14);\n\n  transform:\n    translate(-28%, -50%)\n    scale(1.025);\n}\n\n.skv3-hotspot:focus-visible {\n  outline: 3px solid var(--skv3-blue);\n  outline-offset: 3px;\n\n  background: rgba(255, 255, 255, 0.16);\n}\n\n\n\/* Left-side labels *\/\n\n.skv3-hotspot[data-step=\"2\"],\n.skv3-hotspot[data-step=\"4\"],\n.skv3-hotspot[data-step=\"6\"],\n.skv3-hotspot[data-step=\"8\"] {\n  transform: translate(-18%, -50%);\n}\n\n.skv3-hotspot[data-step=\"2\"]:hover,\n.skv3-hotspot[data-step=\"4\"]:hover,\n.skv3-hotspot[data-step=\"6\"]:hover,\n.skv3-hotspot[data-step=\"8\"]:hover {\n  transform:\n    translate(-18%, -50%)\n    scale(1.025);\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1000px) {\n  .skv3-roadmap {\n    padding: 0 8px;\n  }\n\n  .skv3-world {\n    border-radius: 26px;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 700px) {\n  .skv3-roadmap {\n    margin: 15px auto 45px;\n    padding: 0 3px;\n  }\n\n  .skv3-world {\n    border-radius: 18px;\n\n    box-shadow:\n      0 22px 50px rgba(24, 39, 58, 0.13);\n  }\n\n  .skv3-hotspot {\n    width: 86px;\n    height: 40px;\n    border-radius: 13px;\n  }\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .skv3-world,\n  .skv3-hotspot {\n    transition: none !important;\n    animation: none !important;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  \"use strict\";\n\n  const root =\n    document.getElementById(\"skv3-roadmap\");\n\n  if (!root) {\n    return;\n  }\n\n  const world =\n    root.querySelector(\"#skv3-world\");\n\n  if (!world) {\n    return;\n  }\n\n  let animationFrame = null;\n\n  function motionIsAllowed() {\n    return (\n      window.innerWidth >= 900 &&\n      !window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      ).matches\n    );\n  }\n\n  world.addEventListener(\"mousemove\", event => {\n    if (!motionIsAllowed()) {\n      return;\n    }\n\n    const rect =\n      world.getBoundingClientRect();\n\n    const x =\n      (event.clientX - rect.left) \/\n      rect.width;\n\n    const y =\n      (event.clientY - rect.top) \/\n      rect.height;\n\n    const rotateY =\n      (x - 0.5) * 3;\n\n    const rotateX =\n      (0.5 - y) * 2.3;\n\n    if (animationFrame) {\n      window.cancelAnimationFrame(\n        animationFrame\n      );\n    }\n\n    animationFrame =\n      window.requestAnimationFrame(() => {\n        world.style.transform =\n          `rotateX(${rotateX}deg)\n           rotateY(${rotateY}deg)\n           scale(1.004)`;\n\n        world.style.setProperty(\n          \"--skv3-mouse-x\",\n          `${x * 100}%`\n        );\n\n        world.style.setProperty(\n          \"--skv3-mouse-y\",\n          `${y * 100}%`\n        );\n      });\n  });\n\n  world.addEventListener(\"mouseleave\", () => {\n    world.style.transform =\n      \"rotateX(0deg) rotateY(0deg) scale(1)\";\n  });\n})();\n<\/script>\n\n<section\n  class=\"skv3-roadmap\"\n  id=\"skv3-roadmap\"\n  aria-labelledby=\"skv3-roadmap-title\"\n>\n\n  <h2 id=\"skv3-roadmap-title\" class=\"skv3-sr-only\">\n    Sinun matkasi Suomeen\n  <\/h2>\n\n  <div class=\"skv3-world\" id=\"skv3-world\">\n\n    <!-- \u0412\u0435\u0440\u0445\u043d\u044f\u044f \u0447\u0430\u0441\u0442\u044c: \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0431\u0435\u0437 \u043f\u043e\u043b\u043e\u0441\u043a\u0438 1\/10 -->\n    <div class=\"skv3-image-slice skv3-image-header\" aria-hidden=\"true\">\n      <img decoding=\"async\"\n        class=\"skv3-map-image\"\n        src=\"https:\/\/www.suomenkompassi.fi\/wp-content\/uploads\/2026\/08\/kompassi.png\"\n        alt=\"\"\n        draggable=\"false\"\n      >\n    <\/div>\n\n    <!-- \u041e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u043a\u0430\u0440\u0442\u044b \u0431\u0435\u0437 \u043d\u0438\u0436\u043d\u0438\u0445 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a -->\n    <div class=\"skv3-image-slice skv3-image-body\" aria-hidden=\"true\">\n      <img decoding=\"async\"\n        class=\"skv3-map-image\"\n        src=\"https:\/\/www.suomenkompassi.fi\/wp-content\/uploads\/2026\/08\/kompassi.png\"\n        alt=\"\"\n        draggable=\"false\"\n      >\n    <\/div>\n\n    <div class=\"skv3-light\" aria-hidden=\"true\"><\/div>\n\n    <a\n      class=\"skv3-hotspot\"\n      data-step=\"0\"\n      style=\"--x:47.1%; --y:23.70%;\"\n      href=\"\/index.php\/ennen-muuttoa\/\"\n      aria-label=\"Avaa vaihe 1: Ennen muuttoa\"\n      title=\"Ennen muuttoa\"\n    >\n      <span class=\"skv3-sr-only\">Ennen muuttoa<\/span>\n    <\/a>\n\n    <a\n      class=\"skv3-hotspot\"\n      data-step=\"1\"\n      style=\"--x:58.2%; --y:31.91%;\"\n      href=\"\/index.php\/asiakirjat\/\"\n      aria-label=\"Avaa vaihe 2: Asiakirjat\"\n      title=\"Asiakirjat\"\n    >\n      <span class=\"skv3-sr-only\">Asiakirjat<\/span>\n    <\/a>\n\n    <a\n      class=\"skv3-hotspot\"\n      data-step=\"2\"\n      style=\"--x:27.2%; --y:39.87%;\"\n      href=\"\/index.php\/dvv\/\"\n      aria-label=\"Avaa vaihe 3: DVV\"\n      title=\"DVV\"\n    >\n      <span class=\"skv3-sr-only\">DVV<\/span>\n    <\/a>\n\n    <a\n      class=\"skv3-hotspot\"\n      data-step=\"3\"\n      style=\"--x:59.7%; --y:41.19%;\"\n      href=\"\/index.php\/pankki\/\"\n      aria-label=\"Avaa vaihe 4: Pankki\"\n      title=\"Pankki\"\n    >\n      <span class=\"skv3-sr-only\">Pankki<\/span>\n    <\/a>\n\n    <a\n      class=\"skv3-hotspot\"\n      data-step=\"4\"\n      style=\"--x:24.2%; --y:53.13%;\"\n      href=\"\/index.php\/kela\/\"\n      aria-label=\"Avaa vaihe 5: Kela\"\n      title=\"Kela\"\n    >\n      <span class=\"skv3-sr-only\">Kela<\/span>\n    <\/a>\n\n    <a\n      class=\"skv3-hotspot\"\n      data-step=\"5\"\n      style=\"--x:60.4%; --y:54.22%;\"\n      href=\"\/index.php\/asuminen\/\"\n      aria-label=\"Avaa vaihe 6: Asuminen\"\n      title=\"Asuminen\"\n    >\n      <span class=\"skv3-sr-only\">Asuminen<\/span>\n    <\/a>\n\n    <a\n      class=\"skv3-hotspot\"\n      data-step=\"6\"\n      style=\"--x:17.7%; --y:63.02%;\"\n      href=\"\/index.php\/suomen-kieli\/\"\n      aria-label=\"Avaa vaihe 7: Suomen kieli\"\n      title=\"Suomen kieli\"\n    >\n      <span class=\"skv3-sr-only\">Suomen kieli<\/span>\n    <\/a>\n\n    <a\n      class=\"skv3-hotspot\"\n      data-step=\"7\"\n      style=\"--x:68.9%; --y:65.80%;\"\n      href=\"\/index.php\/tyo\/\"\n      aria-label=\"Avaa vaihe 8: Ty\u00f6\"\n      title=\"Ty\u00f6\"\n    >\n      <span class=\"skv3-sr-only\">Ty\u00f6<\/span>\n    <\/a>\n\n    <a\n      class=\"skv3-hotspot\"\n      data-step=\"8\"\n      style=\"--x:22.4%; --y:74.60%;\"\n      href=\"\/index.php\/perhe\/\"\n      aria-label=\"Avaa vaihe 9: Perhe\"\n      title=\"Perhe\"\n    >\n      <span class=\"skv3-sr-only\">Perhe<\/span>\n    <\/a>\n\n    <a\n      class=\"skv3-hotspot\"\n      data-step=\"9\"\n      style=\"--x:54.0%; --y:77.02%;\"\n      href=\"\/index.php\/kotoutuminen\/\"\n      aria-label=\"Avaa vaihe 10: Kotoutuminen\"\n      title=\"Kotoutuminen\"\n    >\n      <span class=\"skv3-sr-only\">Kotoutuminen<\/span>\n    <\/a>\n\n  <\/div>\n\n<\/section>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sinun matkasi Suomeen Ennen muuttoa Asiakirjat DVV Pankki Kela Asuminen Suomen kieli Ty\u00f6 Perhe Kotoutuminen<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-37","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.suomenkompassi.fi\/index.php\/wp-json\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.suomenkompassi.fi\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.suomenkompassi.fi\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.suomenkompassi.fi\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.suomenkompassi.fi\/index.php\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":7,"href":"https:\/\/www.suomenkompassi.fi\/index.php\/wp-json\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":123,"href":"https:\/\/www.suomenkompassi.fi\/index.php\/wp-json\/wp\/v2\/pages\/37\/revisions\/123"}],"wp:attachment":[{"href":"https:\/\/www.suomenkompassi.fi\/index.php\/wp-json\/wp\/v2\/media?parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}