{"id":11,"date":"2026-08-10T12:37:08","date_gmt":"2026-08-10T12:37:08","guid":{"rendered":"https:\/\/neo3nos.com\/?page_id=11"},"modified":"2026-08-11T08:44:38","modified_gmt":"2026-08-11T08:44:38","slug":"11-2","status":"publish","type":"page","link":"https:\/\/neo3nos.com\/","title":{"rendered":""},"content":{"rendered":"<style data-wp-block-html=\"css\">\n#neo3nos-n-page {\n  position: relative;\n  width: 100%;\n  min-height: 100vh;\n  background: #000;\n  color: #fff;\n  overflow: hidden;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n#neo3nos-n-page * {\n  box-sizing: border-box;\n}\n\n.neo-header {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  z-index: 20;\n\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  padding: 30px 40px;\n}\n\n.neo-logo {\n  font-size: 15px;\n  letter-spacing: 0.45em;\n}\n\n.neo-hint {\n  font-size: 10px;\n  letter-spacing: 0.25em;\n  color: rgba(255,255,255,0.45);\n}\n\n.neo-field {\n  position: relative;\n  width: 100%;\n  min-height: 100vh;\n\n  background:\n    radial-gradient(\n      circle at 50% 45%,\n      rgba(255,255,255,0.055),\n      transparent 48%\n    ),\n    #000;\n}\n\n\n\/* -------------------\n   THE N SHAPES\n------------------- *\/\n\n.neo-n {\n  position: absolute;\n\n  padding: 0;\n  border: 0;\n  outline: none;\n\n  background: transparent;\n\n  color: rgba(255,255,255,0.16);\n\n  cursor: pointer;\n\n  transition:\n    color 0.3s ease,\n    filter 0.3s ease;\n}\n\n.neo-n::before,\n.neo-n::after,\n.neo-n span::before {\n  content: \"\";\n  position: absolute;\n  background: currentColor;\n}\n\n.neo-n::before {\n  left: 0;\n  top: 0;\n  width: 2px;\n  height: 100%;\n}\n\n.neo-n::after {\n  right: 0;\n  top: 0;\n  width: 2px;\n  height: 100%;\n}\n\n.neo-n span::before {\n  left: 0;\n  top: 0;\n\n  width: 141%;\n  height: 2px;\n\n  transform-origin: left center;\n  transform: rotate(45deg);\n}\n\n.neo-n:hover {\n  color: rgba(255,255,255,0.95);\n\n  filter:\n    drop-shadow(\n      0 0 12px rgba(255,255,255,0.3)\n    );\n}\n\n\n\/* -------------------\n   N POSITIONS\n------------------- *\/\n\n.n1 {\n  left: 4%;\n  top: 12%;\n  width: 22%;\n  height: 29%;\n}\n\n.n2 {\n  left: 15%;\n  top: 22%;\n  width: 28%;\n  height: 36%;\n}\n\n.n3 {\n  left: 36%;\n  top: 8%;\n  width: 18%;\n  height: 24%;\n}\n\n.n4 {\n  left: 43%;\n  top: 31%;\n  width: 29%;\n  height: 36%;\n}\n\n.n5 {\n  left: 62%;\n  top: 12%;\n  width: 25%;\n  height: 31%;\n}\n\n.n6 {\n  left: 72%;\n  top: 40%;\n  width: 21%;\n  height: 28%;\n}\n\n.n7 {\n  left: 7%;\n  top: 52%;\n  width: 22%;\n  height: 28%;\n}\n\n.n8 {\n  left: 27%;\n  top: 60%;\n  width: 27%;\n  height: 32%;\n}\n\n.n9 {\n  left: 53%;\n  top: 65%;\n  width: 21%;\n  height: 25%;\n}\n\n.n10 {\n  left: 77%;\n  top: 68%;\n  width: 17%;\n  height: 21%;\n}\n\n\n\/* -------------------\n   QUESTIONS WORD\n------------------- *\/\n\n.neo-center-text {\n  position: absolute;\n\n  left: 50%;\n  top: 50%;\n\n  transform:\n    translate(-50%, -50%)\n    rotate(90deg);\n\n  font-size: 12px;\n\n  letter-spacing: 0.7em;\n\n  color: rgba(255,255,255,0.18);\n\n  pointer-events: none;\n}\n\n\n\/* -------------------\n   BOTTOM MESSAGE\n------------------- *\/\n\n.neo-bottom-text {\n  position: absolute;\n\n  left: 40px;\n  bottom: 30px;\n\n  font-size: 10px;\n\n  letter-spacing: 0.25em;\n\n  color: rgba(255,255,255,0.35);\n}\n\n\n\/* -------------------\n   POPUP\n------------------- *\/\n\n.neo-popup {\n  position: fixed;\n\n  inset: 0;\n\n  z-index: 99999;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  padding: 40px;\n\n  background: rgba(0,0,0,0.94);\n\n  backdrop-filter: blur(12px);\n\n  opacity: 0;\n\n  visibility: hidden;\n\n  transition:\n    opacity 0.35s ease,\n    visibility 0.35s ease;\n}\n\n.neo-popup.active {\n  opacity: 1;\n  visibility: visible;\n}\n\n.neo-popup-inner {\n  width: 100%;\n  max-width: 720px;\n}\n\n.neo-number {\n  margin-bottom: 22px;\n\n  font-size: 11px;\n\n  letter-spacing: 0.3em;\n\n  color: rgba(255,255,255,0.45);\n}\n\n.neo-popup h2 {\n  margin: 0 0 30px;\n\n  max-width: 700px;\n\n  font-size: clamp(42px, 7vw, 85px);\n\n  font-weight: 400;\n\n  line-height: 0.95;\n\n  letter-spacing: -0.04em;\n}\n\n.neo-popup p {\n  max-width: 620px;\n\n  margin: 0;\n\n  font-size: 18px;\n\n  line-height: 1.75;\n\n  color: rgba(255,255,255,0.72);\n}\n\n.neo-question {\n  max-width: 620px;\n\n  margin-top: 35px;\n\n  padding-top: 30px;\n\n  border-top:\n    1px solid rgba(255,255,255,0.2);\n\n  font-size: 25px;\n\n  line-height: 1.45;\n}\n\n.neo-question:empty {\n  display: none;\n}\n\n.neo-close {\n  position: absolute;\n\n  right: 35px;\n  top: 30px;\n\n  width: 52px;\n  height: 52px;\n\n  border:\n    1px solid rgba(255,255,255,0.25);\n\n  background: transparent;\n\n  color: #fff;\n\n  font-size: 28px;\n\n  cursor: pointer;\n}\n\n.neo-back {\n  margin-top: 45px;\n\n  padding: 15px 22px;\n\n  border: 1px solid #fff;\n\n  background: #fff;\n\n  color: #000;\n\n  font-size: 10px;\n\n  letter-spacing: 0.2em;\n\n  cursor: pointer;\n}\n\n\n\/* -------------------\n   MOBILE\n------------------- *\/\n\n@media (max-width: 640px) {\n\n  #neo3nos-home,\n  #neo3nos-home .neo-field {\n    width: 100%;\n    height: 100dvh;\n    min-height: 100dvh;\n    max-height: 100dvh;\n    overflow: hidden;\n  }\n\n  .neo-header {\n    padding: 22px 20px;\n  }\n\n  .neo-hint {\n    display: none;\n  }\n\n  .neo-logo {\n    font-size: 12px;\n  }\n\n  .neo-field {\n    min-height: 100vh;\n  }\n\n  .n1 {\n    left: 3%;\n    top: 13%;\n    width: 31%;\n    height: 24%;\n  }\n\n  .n2 {\n    left: 18%;\n    top: 25%;\n    width: 36%;\n    height: 29%;\n  }\n\n  .n3 {\n    left: 47%;\n    top: 11%;\n    width: 27%;\n    height: 21%;\n  }\n\n  .n4 {\n    left: 41%;\n    top: 36%;\n    width: 39%;\n    height: 30%;\n  }\n\n  .n5 {\n    left: 69%;\n    top: 18%;\n    width: 27%;\n    height: 24%;\n  }\n\n  .n6 {\n    left: 70%;\n    top: 49%;\n    width: 27%;\n    height: 23%;\n  }\n\n  .n7 {\n    left: 4%;\n    top: 55%;\n    width: 29%;\n    height: 23%;\n  }\n\n  .n8 {\n    left: 24%;\n    top: 65%;\n    width: 35%;\n    height: 27%;\n  }\n\n  .n9 {\n    left: 53%;\n    top: 68%;\n    width: 27%;\n    height: 22%;\n  }\n\n  .n10 {\n    left: 77%;\n    top: 72%;\n    width: 19%;\n    height: 17%;\n  }\n\n  .neo-bottom-text {\n    left: 20px;\n    bottom: 20px;\n\n    max-width: 230px;\n  }\n\n  .neo-popup {\n    align-items: flex-start;\n\n    padding:\n      110px 25px\n      50px;\n  }\n\n  .neo-popup h2 {\n    font-size: 45px;\n  }\n\n  .neo-popup p {\n    font-size: 16px;\n  }\n\n  .neo-question {\n    font-size: 21px;\n  }\n\n}\n\/* FORCE NEO3NOS TO FILL THE REAL MOBILE SCREEN *\/\n\nhtml,\nbody {\n  margin: 0 !important;\n  padding: 0 !important;\n  width: 100% !important;\n  min-height: 100% !important;\n  background: #000 !important;\n}\n\nbody {\n  overflow: hidden !important;\n}\n\n\/* Remove WordPress page spacing *\/\n.wp-site-blocks,\n.wp-block-post-content,\n.entry-content,\n.site-content,\nmain,\nmain.wp-block-group {\n  margin: 0 !important;\n  padding: 0 !important;\n  max-width: none !important;\n  width: 100% !important;\n}\n\n\/* Homepage itself *\/\n#neo3nos-home {\n  position: fixed !important;\n  inset: 0 !important;\n\n  width: 100vw !important;\n  height: 100dvh !important;\n  min-height: 100dvh !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden !important;\n\n  background: #000 !important;\n}\n\n#neo3nos-home .neo-field {\n  position: absolute !important;\n  inset: 0 !important;\n\n  width: 100% !important;\n  height: 100% !important;\n  min-height: 0 !important;\n\n  overflow: hidden !important;\n}\n\n@supports (-webkit-touch-callout: none) {\n\n  #neo3nos-home {\n    height: -webkit-fill-available !important;\n    min-height: -webkit-fill-available !important;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const content = [\n\n    {\n      title: \"WHAT IS NEO3NOS?\",\n      text:\n        \"Neo3nos is a social game built around questions, chance and human connection. It creates the conditions for people to discover what normally remains invisible in everyday conversation.\",\n      question: \"\"\n    },\n\n    {\n      title: \"PLAY A QUESTION.\",\n      text:\n        \"The fastest way to understand Neo3nos is not to read about it. It is to experience one question.\",\n      question:\n        \"What truth about yourself have you been avoiding because accepting it would require you to change something?\"\n    },\n\n    {\n      title: \"HOW DOES IT WORK?\",\n      text:\n        \"Roll. Land. Draw. Answer. Listen. The structure is simple enough to begin immediately, while what happens between the people at the table can never be predicted.\",\n      question: \"\"\n    },\n\n    {\n      title: \"THE EXPERIENCE.\",\n      text:\n        \"Sometimes the table erupts in laughter. Sometimes everyone becomes silent. Sometimes one answer changes the entire conversation. Neo3nos creates a space where these moments can happen.\",\n      question: \"\"\n    },\n\n    {\n      title: \"64 HUMAN THEMES.\",\n      text:\n        \"Neo3nos is inspired by Human Design and the Gene Keys. Their archetypal themes are transformed into questions that can be explored through real human conversation.\",\n      question: \"\"\n    },\n\n    {\n      title: \"STORIES.\",\n      text:\n        \"Different people. Different countries. Different tables. Yet something keeps happening: conversations reach places nobody planned when the game began.\",\n      question: \"\"\n    },\n\n    {\n      title: \"THE GAME.\",\n      text:\n        \"Cards, portals, dice, movement, questions and unexpected turns form a living system in which no two games unfold in exactly the same way.\",\n      question: \"\"\n    },\n\n    {\n      title: \"WHY QUESTIONS?\",\n      text:\n        \"An answer often expresses something you already know. The right question can reveal something you had never thought to look at.\",\n      question:\n        \"What question could someone ask you today that you secretly hope nobody asks?\"\n    },\n\n    {\n      title: \"WHO WILL YOU PLAY WITH?\",\n      text:\n        \"Friends. Partners. Dates. Strangers. Families. Retreats. Teams. Neo3nos begins wherever people are willing to become genuinely curious about one another.\",\n      question:\n        \"Who immediately came to mind while reading this?\"\n    },\n\n    {\n      title: \"GET NEO3NOS.\",\n      text:\n        \"Bring Neo3nos to your own table and discover what becomes visible when the right people meet the right questions.\",\n      question:\n        \"Who would you play your first game with?\"\n    }\n\n  ];\n\n\n  const popup =\n    document.getElementById(\"neoPopup\");\n\n  const close =\n    document.getElementById(\"neoClose\");\n\n  const back =\n    document.getElementById(\"neoBack\");\n\n  const title =\n    document.getElementById(\"neoTitle\");\n\n  const text =\n    document.getElementById(\"neoText\");\n\n  const question =\n    document.getElementById(\"neoQuestion\");\n\n  const number =\n    document.getElementById(\"neoNumber\");\n\n\n  document\n    .querySelectorAll(\".neo-n\")\n    .forEach(function (n) {\n\n      n.addEventListener(\n        \"click\",\n        function () {\n\n          const index =\n            parseInt(\n              this.getAttribute(\n                \"data-content\"\n              )\n            );\n\n          const selected =\n            content[index];\n\n          number.textContent =\n            \"N \" +\n            String(index + 1)\n              .padStart(2, \"0\");\n\n          title.textContent =\n            selected.title;\n\n          text.textContent =\n            selected.text;\n\n          question.textContent =\n            selected.question;\n\n          popup.classList.add(\n            \"active\"\n          );\n\n        }\n      );\n\n    });\n\n\n  function closePopup() {\n    popup.classList.remove(\n      \"active\"\n    );\n  }\n\n\n  close.addEventListener(\n    \"click\",\n    closePopup\n  );\n\n  back.addEventListener(\n    \"click\",\n    closePopup\n  );\n\n\n  popup.addEventListener(\n    \"click\",\n    function (event) {\n\n      if (event.target === popup) {\n        closePopup();\n      }\n\n    }\n  );\n\n\n  document.addEventListener(\n    \"keydown\",\n    function (event) {\n\n      if (event.key === \"Escape\") {\n        closePopup();\n      }\n\n    }\n  );\n\n});\n<\/script>\n\n<style>\n\n\/* =========================================\n   NEO3NOS HOMEPAGE\n========================================= *\/\n\n#neo3nos-home,\n#neo3nos-home * {\n  box-sizing: border-box;\n}\n\n#neo3nos-home {\n  position: relative;\n  width: 100%;\n  min-height: 100vh;\n  overflow: hidden;\n\n  margin: 0;\n  padding: 0;\n\n  background:\n    radial-gradient(\n      circle at 50% 50%,\n      rgba(255,255,255,.035),\n      transparent 45%\n    ),\n    #000;\n\n  color: #fff;\n\n  font-family:\n    Inter,\n    Arial,\n    Helvetica,\n    sans-serif;\n}\n\n\n\/* =========================================\n   HEADER\n========================================= *\/\n\n#neo3nos-home .neo-header {\n  position: absolute;\n\n  z-index: 30;\n\n  top: 0;\n  left: 0;\n  right: 0;\n\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  padding: 28px 34px;\n\n  pointer-events: none;\n}\n\n#neo3nos-home .neo-brand {\n  font-size: 13px;\n\n  letter-spacing: .45em;\n\n  color: rgba(255,255,255,.95);\n}\n\n#neo3nos-home .neo-instruction {\n  font-size: 10px;\n\n  letter-spacing: .18em;\n\n  text-transform: uppercase;\n\n  color: rgba(255,255,255,.50);\n}\n\n\n\/* =========================================\n   MAIN FIELD\n========================================= *\/\n\n#neo3nos-home .neo-field {\n  position: relative;\n\n  width: 100%;\n\n  min-height: 100vh;\n}\n\n\n\/* =========================================\n   CENTER WORD\n========================================= *\/\n\n#neo3nos-home .neo-center-word {\n  position: absolute;\n\n  left: 50%;\n  top: 50%;\n\n  transform: translate(-50%, -50%);\n\n  z-index: 2;\n\n  font-size: 11px;\n\n  letter-spacing: .5em;\n\n  color: rgba(255,255,255,.23);\n\n  pointer-events: none;\n}\n\n\n\/* =========================================\n   N SHAPES\n========================================= *\/\n\n#neo3nos-home .neo-n {\n  position: absolute;\n\n  display: block;\n\n  margin: 0;\n  padding: 0;\n\n  border: 0;\n\n  background: transparent;\n\n  color: rgba(255,255,255,.20);\n\n  cursor: pointer;\n\n  text-decoration: none;\n\n  transition:\n    color .25s ease,\n    filter .25s ease;\n}\n\n#neo3nos-home .neo-n::before,\n#neo3nos-home .neo-n::after,\n#neo3nos-home .neo-n span::before {\n  content: \"\";\n\n  position: absolute;\n\n  background: currentColor;\n}\n\n\n\/* LEFT VERTICAL *\/\n\n#neo3nos-home .neo-n::before {\n  left: 0;\n\n  top: 0;\n  bottom: 0;\n\n  width: 2px;\n}\n\n\n\/* RIGHT VERTICAL *\/\n\n#neo3nos-home .neo-n::after {\n  right: 0;\n\n  top: 0;\n  bottom: 0;\n\n  width: 2px;\n}\n\n\n\/* DIAGONAL *\/\n\n#neo3nos-home .neo-n span::before {\n  left: 0;\n  top: 0;\n\n  width: 141%;\n  height: 2px;\n\n  transform-origin: left center;\n\n  transform: rotate(45deg);\n}\n\n\n\/* HOVER *\/\n\n#neo3nos-home .neo-n:hover,\n#neo3nos-home .neo-n:focus {\n  color: rgba(255,255,255,.95);\n\n  filter:\n    drop-shadow(\n      0 0 10px rgba(255,255,255,.15)\n    );\n\n  outline: none;\n}\n\n\n\/* =========================================\n   N POSITIONS\n========================================= *\/\n\n#neo3nos-home .n1 {\n  left: 5%;\n  top: 12%;\n\n  width: 23%;\n  height: 28%;\n}\n\n#neo3nos-home .n2 {\n  left: 17%;\n  top: 20%;\n\n  width: 28%;\n  height: 34%;\n}\n\n#neo3nos-home .n3 {\n  left: 36%;\n  top: 9%;\n\n  width: 18%;\n  height: 23%;\n}\n\n#neo3nos-home .n4 {\n  left: 45%;\n  top: 30%;\n\n  width: 29%;\n  height: 35%;\n}\n\n#neo3nos-home .n5 {\n  left: 63%;\n  top: 12%;\n\n  width: 25%;\n  height: 30%;\n}\n\n#neo3nos-home .n6 {\n  left: 70%;\n  top: 40%;\n\n  width: 22%;\n  height: 27%;\n}\n\n#neo3nos-home .n7 {\n  left: 10%;\n  top: 52%;\n\n  width: 21%;\n  height: 26%;\n}\n\n#neo3nos-home .n8 {\n  left: 28%;\n  top: 58%;\n\n  width: 27%;\n  height: 32%;\n}\n\n#neo3nos-home .n9 {\n  left: 53%;\n  top: 61%;\n\n  width: 20%;\n  height: 24%;\n}\n\n#neo3nos-home .n10 {\n  left: 76%;\n  top: 66%;\n\n  width: 17%;\n  height: 21%;\n}\n\n#neo3nos-home .n11 {\n  left: 2%;\n  top: 35%;\n\n  width: 16%;\n  height: 20%;\n\n  color: rgba(255,255,255,.11);\n}\n\n#neo3nos-home .n12 {\n  left: 58%;\n  top: 2%;\n\n  width: 15%;\n  height: 19%;\n\n  color: rgba(255,255,255,.10);\n}\n\n\n\/* =========================================\n   BOTTOM MESSAGE\n========================================= *\/\n\n#neo3nos-home .neo-footer-hint {\n  position: absolute;\n\n  z-index: 20;\n\n  left: 34px;\n  bottom: 24px;\n\n  font-size: 10px;\n\n  letter-spacing: .18em;\n\n  text-transform: uppercase;\n\n  color: rgba(255,255,255,.35);\n\n  pointer-events: none;\n}\n\n\n\/* =========================================\n   OVERLAY\n========================================= *\/\n\n#neo3nos-home .neo-overlay {\n  position: fixed;\n\n  inset: 0;\n\n  z-index: 999999;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: 28px;\n\n  background: rgba(0,0,0,.88);\n\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n\n  opacity: 0;\n\n  visibility: hidden;\n\n  pointer-events: none;\n\n  transition:\n    opacity .3s ease,\n    visibility .3s ease;\n}\n\n\n\/* OPEN N *\/\n\n#neo3nos-home .neo-overlay:target {\n  opacity: 1;\n\n  visibility: visible;\n\n  pointer-events: auto;\n}\n\n\n\/* =========================================\n   CONTENT\n========================================= *\/\n\n#neo3nos-home .neo-content {\n  position: relative;\n\n  width: min(620px, 100%);\n\n  text-align: left;\n}\n\n#neo3nos-home .neo-index {\n  margin-bottom: 18px;\n\n  font-size: 11px;\n\n  letter-spacing: .22em;\n\n  text-transform: uppercase;\n\n  color: rgba(255,255,255,.42);\n}\n\n#neo3nos-home .neo-content h2 {\n  margin: 0 0 24px 0;\n\n  padding: 0;\n\n  font-size:\n    clamp(\n      34px,\n      7vw,\n      68px\n    );\n\n  font-weight: 400;\n\n  line-height: .98;\n\n  letter-spacing: -.04em;\n\n  color: #fff;\n}\n\n#neo3nos-home .neo-body {\n  max-width: 560px;\n\n  font-size: 17px;\n\n  line-height: 1.75;\n\n  color: rgba(255,255,255,.72);\n}\n\n#neo3nos-home .neo-question {\n  max-width: 560px;\n\n  margin-top: 28px;\n\n  padding-top: 28px;\n\n  border-top:\n    1px solid rgba(255,255,255,.20);\n\n  font-size: 24px;\n\n  line-height: 1.45;\n\n  color: #fff;\n}\n\n\n\/* =========================================\n   CLOSE\n========================================= *\/\n\n#neo3nos-home .neo-close {\n  position: fixed;\n\n  right: 28px;\n  top: 28px;\n\n  z-index: 1000000;\n\n  width: 46px;\n  height: 46px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border:\n    1px solid rgba(255,255,255,.30);\n\n  background: transparent;\n\n  color: #fff;\n\n  font-size: 25px;\n\n  line-height: 1;\n\n  text-decoration: none;\n\n  transition:\n    background .25s ease,\n    color .25s ease;\n}\n\n#neo3nos-home .neo-close:hover {\n  background: #fff;\n\n  color: #000;\n}\n\n\n\/* =========================================\n   BUTTONS\n========================================= *\/\n\n#neo3nos-home .neo-actions {\n  display: flex;\n\n  align-items: center;\n\n  flex-wrap: wrap;\n\n  gap: 10px;\n\n  margin-top: 34px;\n}\n\n#neo3nos-home .neo-btn {\n  min-height: 43px;\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  padding: 13px 18px;\n\n  border:\n    1px solid rgba(255,255,255,.38);\n\n  font-size: 11px;\n\n  letter-spacing: .18em;\n\n  text-transform: uppercase;\n\n  text-decoration: none;\n\n  white-space: nowrap;\n\n  cursor: pointer;\n\n  transition:\n    background .25s ease,\n    color .25s ease,\n    border-color .25s ease;\n}\n\n#neo3nos-home .neo-btn-main {\n  background: #fff;\n\n  color: #000;\n}\n\n#neo3nos-home .neo-btn-second {\n  background: transparent;\n\n  color: #fff;\n}\n\n#neo3nos-home .neo-btn-second:hover {\n  background: #fff;\n\n  color: #000;\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 640px) {\n\n  #neo3nos-home,\n  #neo3nos-home .neo-field {\n    min-height: 100svh;\n    height: 100svh;\n  }\n\n  #neo3nos-home .neo-header {\n    padding: 22px;\n  }\n\n  #neo3nos-home .neo-instruction {\n    display: none;\n  }\n\n  #neo3nos-home .n1 {\n    left: 3%;\n    top: 14%;\n\n    width: 31%;\n    height: 25%;\n  }\n\n  #neo3nos-home .n2 {\n    left: 20%;\n    top: 24%;\n\n    width: 36%;\n    height: 29%;\n  }\n\n  #neo3nos-home .n3 {\n    left: 48%;\n    top: 10%;\n\n    width: 26%;\n    height: 21%;\n  }\n\n  #neo3nos-home .n4 {\n    left: 42%;\n    top: 35%;\n\n    width: 38%;\n    height: 31%;\n  }\n\n  #neo3nos-home .n5 {\n    left: 68%;\n    top: 18%;\n\n    width: 27%;\n    height: 23%;\n  }\n\n  #neo3nos-home .n6 {\n    left: 70%;\n    top: 49%;\n\n    width: 27%;\n    height: 22%;\n  }\n\n  #neo3nos-home .n7 {\n    left: 4%;\n    top: 55%;\n\n    width: 29%;\n    height: 24%;\n  }\n\n  #neo3nos-home .n8 {\n    left: 24%;\n    top: 64%;\n\n    width: 35%;\n    height: 28%;\n  }\n\n  #neo3nos-home .n9 {\n    left: 52%;\n    top: 65%;\n\n    width: 27%;\n    height: 22%;\n  }\n\n  #neo3nos-home .n10 {\n    left: 76%;\n    top: 69%;\n\n    width: 20%;\n    height: 18%;\n  }\n\n  #neo3nos-home .neo-content h2 {\n    font-size: 40px;\n  }\n\n  #neo3nos-home .neo-body {\n    font-size: 15px;\n  }\n\n  #neo3nos-home .neo-question {\n    font-size: 21px;\n  }\n\n  #neo3nos-home .neo-actions {\n    gap: 8px;\n  }\n\n  #neo3nos-home .neo-btn {\n    padding: 12px 14px;\n\n    font-size: 9px;\n\n    letter-spacing: .14em;\n  }\n\n  #neo3nos-home .neo-close {\n    right: 20px;\n    top: 20px;\n  }\n}\n\n<\/style>\n\n\n<section id=\"neo3nos-home\">\n\n  <div class=\"neo-header\">\n\n    <div class=\"neo-brand\">\n      NEO3NOS\n    <\/div>\n\n    <div class=\"neo-instruction\">\n      TOUCH AN N\n    <\/div>\n\n  <\/div>\n\n\n  <div class=\"neo-field\">\n\n    <div class=\"neo-center-word\">\n      QUESTIONS\n    <\/div>\n\n\n    <a class=\"neo-n n1\" href=\"#neo-n01\">\n      <span><\/span>\n    <\/a>\n\n    <a class=\"neo-n n2\" href=\"#neo-n02\">\n      <span><\/span>\n    <\/a>\n\n    <a class=\"neo-n n3\" href=\"#neo-n03\">\n      <span><\/span>\n    <\/a>\n\n    <a class=\"neo-n n4\" href=\"#neo-n04\">\n      <span><\/span>\n    <\/a>\n\n    <a class=\"neo-n n5\" href=\"#neo-n05\">\n      <span><\/span>\n    <\/a>\n\n    <a class=\"neo-n n6\" href=\"#neo-n06\">\n      <span><\/span>\n    <\/a>\n\n    <a class=\"neo-n n7\" href=\"#neo-n07\">\n      <span><\/span>\n    <\/a>\n\n    <a class=\"neo-n n8\" href=\"#neo-n08\">\n      <span><\/span>\n    <\/a>\n\n    <a class=\"neo-n n9\" href=\"#neo-n09\">\n      <span><\/span>\n    <\/a>\n\n    <a class=\"neo-n n10\" href=\"#neo-n10\">\n      <span><\/span>\n    <\/a>\n\n    <a class=\"neo-n n11\" href=\"#neo-n11\">\n      <span><\/span>\n    <\/a>\n\n    <a class=\"neo-n n12\" href=\"#neo-n12\">\n      <span><\/span>\n    <\/a>\n\n\n    <div class=\"neo-footer-hint\">\n      THERE IS MORE HERE THAN YOU CAN SEE.\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================\n       N 01\n  ====================================== -->\n\n  <div class=\"neo-overlay\" id=\"neo-n01\">\n\n    <a class=\"neo-close\" href=\"#\">\n      \u00d7\n    <\/a>\n\n\n    <div class=\"neo-content\">\n\n      <div class=\"neo-index\">\n        N 01 \/ 12\n      <\/div>\n\n      <h2>\n        What is Neo3nos?\n      <\/h2>\n\n      <div class=\"neo-body\">\n\n        A social game of questions, chance and human connection.\n        Neo3nos creates the conditions for people to discover\n        what normally stays unseen in ordinary conversation.\n\n      <\/div>\n\n\n      <div class=\"neo-actions\">\n\n        <a class=\"neo-btn neo-btn-main\" href=\"#\">\n          Touch another N\n        <\/a>\n\n\n        <a class=\"neo-btn neo-btn-second\" href=\"https:\/\/youtu.be\/cAPNp5AmJlg?si=v7M3flgz8gnDErmg\" target=\"_blank\" rel=\"noopener noreferrer\">\n   Watch Film\n<\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================\n       N 02\n  ====================================== -->\n\n  <div class=\"neo-overlay\" id=\"neo-n02\">\n\n    <a class=\"neo-close\" href=\"#\">\n      \u00d7\n    <\/a>\n\n\n    <div class=\"neo-content\">\n\n      <div class=\"neo-index\">\n        N 02 \/ 12\n      <\/div>\n\n      <h2>\n        Play a Question\n      <\/h2>\n\n      <div class=\"neo-body\">\n\n        You understand Neo3nos fastest by experiencing it.\n\n      <\/div>\n\n\n      <div class=\"neo-question\">\n\n        What truth would change your life if you stopped\n        pretending you did not already know it?\n\n      <\/div>\n\n\n      <div class=\"neo-actions\">\n\n        <a class=\"neo-btn neo-btn-main\" href=\"#\">\n          Touch another N\n        <\/a>\n\n\n        <a class=\"neo-btn neo-btn-second\" href=\"https:\/\/playneo3nos.com\" target=\"_blank\" rel=\"noopener noreferrer\">\n          Play\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================\n       N 03\n  ====================================== -->\n\n  <div class=\"neo-overlay\" id=\"neo-n03\">\n\n    <a class=\"neo-close\" href=\"#\">\n      \u00d7\n    <\/a>\n\n\n    <div class=\"neo-content\">\n\n      <div class=\"neo-index\">\n        N 03 \/ 12\n      <\/div>\n\n      <h2>\n        How It Works\n      <\/h2>\n\n\n      <div class=\"neo-body\">\n\n        Roll. Land. Draw. Answer. Listen.\n        The structure is simple.\n        What happens between the people playing\n        is impossible to predict.\n\n      <\/div>\n\n\n      <div class=\"neo-actions\">\n\n        <a class=\"neo-btn neo-btn-main\" href=\"#\">\n          Touch another N\n        <\/a>\n\n\n        <a class=\"neo-btn neo-btn-second\" href=\"https:\/\/www.instagram.com\/reel\/DEXGAeeyFqi\/?igsh=amtvaGNjY3o0b3R4\" target=\"_blank\" rel=\"noopener noreferrer\">\n          See How\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================\n       N 04\n  ====================================== -->\n\n  <div class=\"neo-overlay\" id=\"neo-n04\">\n\n    <a class=\"neo-close\" href=\"#\">\n      \u00d7\n    <\/a>\n\n\n    <div class=\"neo-content\">\n\n      <div class=\"neo-index\">\n        N 04 \/ 12\n      <\/div>\n\n      <h2>\n        The Experience\n      <\/h2>\n\n\n      <div class=\"neo-body\">\n\n        Some moments create laughter.\n        Others create silence.\n        Sometimes one answer changes the entire table.\n        Neo3nos is built for those moments.\n\n      <\/div>\n\n\n      <div class=\"neo-actions\">\n\n        <a class=\"neo-btn neo-btn-main\" href=\"#\">\n          Touch another N\n        <\/a>\n\n\n        <a class=\"neo-btn neo-btn-second\" href=\"https:\/\/www.instagram.com\/reel\/DEcgvWvyn3r\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          Experience\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================\n       N 05\n  ====================================== -->\n\n  <div class=\"neo-overlay\" id=\"neo-n05\">\n\n    <a class=\"neo-close\" href=\"#\">\n      \u00d7\n    <\/a>\n\n\n    <div class=\"neo-content\">\n\n      <div class=\"neo-index\">\n        N 05 \/ 12\n      <\/div>\n\n      <h2>\n        64 Archetypal Themes\n      <\/h2>\n\n\n      <div class=\"neo-body\">\n\n        Neo3nos draws inspiration from Human Design\n        and the Gene Keys, translating deep human themes\n        into questions people can actually experience together.\n\n      <\/div>\n\n\n      <div class=\"neo-actions\">\n\n        <a class=\"neo-btn neo-btn-main\" href=\"#\">\n          Touch another N\n        <\/a>\n\n\n        <a class=\"neo-btn neo-btn-second\" href=\"\/get-your-free-chart\/\">\n          Get Your Free Chart\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================\n       N 06\n  ====================================== -->\n\n  <div class=\"neo-overlay\" id=\"neo-n06\">\n\n    <a class=\"neo-close\" href=\"#\">\n      \u00d7\n    <\/a>\n\n\n    <div class=\"neo-content\">\n\n      <div class=\"neo-index\">\n        N 06 \/ 12\n      <\/div>\n\n\n      <h2>\n        Stories\n      <\/h2>\n\n\n      <div class=\"neo-body\">\n\n        Different people.\n        Different countries.\n        Different tables.\n\n        The same phenomenon appears again and again:\n        conversations go somewhere nobody planned.\n\n      <\/div>\n\n\n      <div class=\"neo-actions\">\n\n        <a class=\"neo-btn neo-btn-main\" href=\"#\">\n          Touch another N\n        <\/a>\n\n\n        <a class=\"neo-btn neo-btn-second\" href=\"https:\/\/www.instagram.com\/s\/aGlnaGxpZ2h0OjE4MDU1NzM5OTE4NTA0NzI0\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          Testimonial 1\n        <\/a>\n\n\n        <a class=\"neo-btn neo-btn-second\" href=\"https:\/\/www.instagram.com\/s\/aGlnaGxpZ2h0OjE3OTczNjg5ODk3MTU1MDM1\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          Testimonial 2\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================\n       N 07 \u2014 THE GAME\n  ====================================== -->\n\n  <div class=\"neo-overlay\" id=\"neo-n07\">\n\n    <a class=\"neo-close\" href=\"#\">\n      \u00d7\n    <\/a>\n\n\n    <div class=\"neo-content\">\n\n      <div class=\"neo-index\">\n        N 07 \/ 12\n      <\/div>\n\n\n      <h2>\n        The Game\n      <\/h2>\n\n\n      <div class=\"neo-body\">\n\n        A physical system of questions,\n        portals, dice, movement and interaction\n        designed to make every game different.\n\n      <\/div>\n\n\n      <div class=\"neo-actions\">\n\n        <a class=\"neo-btn neo-btn-main\" href=\"#\">\n          Touch another N\n        <\/a>\n\n\n       <a class=\"neo-btn neo-btn-second\" href=\"https:\/\/neo3nos.wixsite.com\/mysite\" target=\"_blank\" rel=\"noopener noreferrer\">\n    Down the Rabbit Hole\n<\/a>\n\n          \n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================\n       N 08\n  ====================================== -->\n\n  <div class=\"neo-overlay\" id=\"neo-n08\">\n\n    <a class=\"neo-close\" href=\"#\">\n      \u00d7\n    <\/a>\n\n\n    <div class=\"neo-content\">\n\n      <div class=\"neo-index\">\n        N 08 \/ 12\n      <\/div>\n\n\n      <h2>\n        Why Questions?\n      <\/h2>\n\n\n      <div class=\"neo-body\">\n\n        Answers show what you already know.\n        The right question can reveal\n        what you have never looked at.\n\n      <\/div>\n\n\n      <div class=\"neo-actions\">\n\n        <a class=\"neo-btn neo-btn-main\" href=\"#\">\n          Touch another N\n        <\/a>\n\n\n        <a class=\"neo-btn neo-btn-second\" href=\"https:\/\/www.instagram.com\/reel\/C9Jm4mSvqoQ\/?igsh=MXJiZXg0cGUwN2xmYg==\" target=\"_blank\" rel=\"noopener noreferrer\">\n          See Why\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================\n       N 09\n  ====================================== -->\n\n  <div class=\"neo-overlay\" id=\"neo-n09\">\n\n    <a class=\"neo-close\" href=\"#\">\n      \u00d7\n    <\/a>\n\n\n    <div class=\"neo-content\">\n\n      <div class=\"neo-index\">\n        N 09 \/ 12\n      <\/div>\n\n\n      <h2>\n        Who Is It For?\n      <\/h2>\n\n\n      <div class=\"neo-body\">\n\n        Friends.\n        Partners.\n        Dates.\n        Strangers.\n        Families.\n        Retreats.\n        Teams.\n\n        Anyone willing to become curious\n        about another human being.\n\n      <\/div>\n\n\n      <div class=\"neo-actions\">\n\n        <a class=\"neo-btn neo-btn-main\" href=\"#\">\n          Touch another N\n        <\/a>\n\n\n        <a class=\"neo-btn neo-btn-second\" href=\"https:\/\/www.instagram.com\/reel\/DRalksvkm27\/?igsh=dXU5Nzd3dnU1MWgz\" target=\"_blank\" rel=\"noopener noreferrer\">\n          For You\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================\n       N 10 \u2014 MORE THAN A GAME\n  ====================================== -->\n\n  <div class=\"neo-overlay\" id=\"neo-n10\">\n\n    <a class=\"neo-close\" href=\"#\">\n      \u00d7\n    <\/a>\n\n\n    <div class=\"neo-content\">\n\n      <div class=\"neo-index\">\n        N 10 \/ 12\n      <\/div>\n\n\n      <h2>\n        More Than a Game\n      <\/h2>\n\n\n      <div class=\"neo-body\">\n\n        Neo3nos was created around a simple possibility:\n        a game can entertain people and still leave them\n        knowing themselves and each other differently afterward.\n\n      <\/div>\n\n\n      <div class=\"neo-actions\">\n\n        <a class=\"neo-btn neo-btn-main\" href=\"#\">\n          Touch another N\n        <\/a>\n\n\n        <a class=\"neo-btn neo-btn-second\" href=\"https:\/\/www.instagram.com\/reel\/DA4xGPpPfc8\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          Watch\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================\n       N 11 \u2014 INVISIBLE\n  ====================================== -->\n\n  <div class=\"neo-overlay\" id=\"neo-n11\">\n\n    <a class=\"neo-close\" href=\"#\">\n      \u00d7\n    <\/a>\n\n\n    <div class=\"neo-content\">\n\n      <div class=\"neo-index\">\n        N 11 \/ 12\n      <\/div>\n\n\n      <h2>\n        The Invisible Becomes Visible\n      <\/h2>\n\n\n      <div class=\"neo-body\">\n\n        A hesitation.\n        A pattern.\n        A truth nobody had named.\n        A connection nobody expected.\n\n        Neo3nos gives the invisible\n        somewhere to appear.\n\n      <\/div>\n\n\n      <div class=\"neo-actions\">\n\n        <a class=\"neo-btn neo-btn-main\" href=\"#\">\n          Touch another N\n        <\/a>\n\n\n        <a class=\"neo-btn neo-btn-second\" href=\"https:\/\/www.instagram.com\/reel\/DB5mqGwx0wx\/?igsh=MWNubDB2aGlnNHdjaw==\" target=\"_blank\" rel=\"noopener noreferrer\">\n          See the Invisible\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================\n       N 12 \u2014 GET NEO3NOS \/ SHOP\n  ====================================== -->\n\n  <div class=\"neo-overlay\" id=\"neo-n12\">\n\n    <a class=\"neo-close\" href=\"#\">\n      \u00d7\n    <\/a>\n\n\n    <div class=\"neo-content\">\n\n      <div class=\"neo-index\">\n        N 12 \/ 12\n      <\/div>\n\n\n      <h2>\n        Get Neo3nos\n      <\/h2>\n\n\n      <div class=\"neo-body\">\n\n        Bring the experience to your own table.\n\n      <\/div>\n\n\n      <div class=\"neo-question\">\n\n        Who would you play with first?\n\n      <\/div>\n\n\n      <div class=\"neo-actions\">\n\n        <a class=\"neo-btn neo-btn-main\" href=\"#\">\n          Touch another N\n        <\/a>\n\n\n        <a class=\"neo-btn neo-btn-second\" href=\"\/shop\/\">\n          Shop\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>NEO3NOS TOUCH AN N QUESTIONS THERE IS MORE HERE THAN YOU CAN SEE. \u00d7 N 01 \/ 12 What is Neo3nos? A social game of questions, chance and human connection. Neo3nos creates the conditions for people to discover what normally stays unseen in ordinary conversation. Touch another N Watch Film \u00d7 N 02 \/ 12 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/neo3nos.com\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neo3nos.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/neo3nos.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/neo3nos.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/neo3nos.com\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":23,"href":"https:\/\/neo3nos.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":53,"href":"https:\/\/neo3nos.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/53"}],"wp:attachment":[{"href":"https:\/\/neo3nos.com\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}