{"id":230,"date":"2026-09-01T22:07:45","date_gmt":"2026-09-01T20:07:45","guid":{"rendered":"https:\/\/driftstudio.no\/?page_id=230"},"modified":"2026-09-01T22:07:45","modified_gmt":"2026-09-01T20:07:45","slug":"mind-vs-ai","status":"publish","type":"page","link":"https:\/\/driftstudio.no\/index.php\/mind-vs-ai\/","title":{"rendered":"Mind VS Ai"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   MIND VS AI \u2013 CSS\n   Lim hele innholdet inn i fanen \u00abCSS\u00bb.\n   All styling er avgrenset til #mindvsai-page.\n   ========================================================= *\/\n\n#mindvsai-page {\n  --mva-bg: #07091a;\n  --mva-bg-deep: #040511;\n  --mva-surface: rgba(22, 25, 50, 0.72);\n  --mva-surface-strong: rgba(29, 31, 58, 0.9);\n  --mva-text: #f8f9ff;\n  --mva-muted: #aeb1c6;\n  --mva-cyan: #38d8ff;\n  --mva-blue: #3387ff;\n  --mva-purple: #975cff;\n  --mva-pink: #e438ff;\n  --mva-green: #44ef83;\n  --mva-gold: #f6ca61;\n  --mva-line: rgba(153, 169, 255, 0.16);\n  --mva-shadow: 0 32px 90px rgba(0, 0, 0, 0.5);\n\n  position: relative;\n  isolation: isolate;\n  width: 100vw;\n  max-width: none;\n  margin-left: calc(50% - 50vw);\n  overflow: hidden;\n  background:\n    radial-gradient(circle at 85% 4%, rgba(44, 176, 255, 0.16), transparent 26%),\n    radial-gradient(circle at 8% 18%, rgba(210, 45, 255, 0.13), transparent 27%),\n    radial-gradient(circle at 65% 54%, rgba(112, 53, 255, 0.08), transparent 34%),\n    linear-gradient(180deg, #080a1d 0%, #08091b 42%, #0b071d 72%, #050611 100%);\n  color: var(--mva-text);\n  font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Segoe UI\", sans-serif;\n  font-size: 16px;\n  line-height: 1.65;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n\n#mindvsai-page,\n#mindvsai-page * {\n  box-sizing: border-box;\n}\n\n#mindvsai-page a {\n  color: inherit;\n  text-decoration: none;\n}\n\n#mindvsai-page button,\n#mindvsai-page a {\n  -webkit-tap-highlight-color: transparent;\n}\n\n#mindvsai-page button {\n  font: inherit;\n}\n\n#mindvsai-page img {\n  display: block;\n  max-width: 100%;\n}\n\n#mindvsai-page h1,\n#mindvsai-page h2,\n#mindvsai-page h3,\n#mindvsai-page p,\n#mindvsai-page figure {\n  margin-top: 0;\n}\n\n#mindvsai-page .mva-wrap {\n  position: relative;\n  z-index: 2;\n  width: min(1180px, calc(100% - 2.4rem));\n  margin: 0 auto;\n}\n\n#mindvsai-page .mva-ambient {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n#mindvsai-page .mva-orb {\n  position: absolute;\n  width: 520px;\n  height: 520px;\n  border-radius: 50%;\n  filter: blur(90px);\n  opacity: 0.22;\n}\n\n#mindvsai-page .mva-orb-one {\n  top: 9%;\n  left: -330px;\n  background: var(--mva-purple);\n}\n\n#mindvsai-page .mva-orb-two {\n  top: 43%;\n  right: -370px;\n  background: var(--mva-cyan);\n}\n\n#mindvsai-page .mva-grid-glow {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  width: 920px;\n  height: 520px;\n  transform: translateX(-50%);\n  opacity: 0.18;\n  background-image:\n    linear-gradient(rgba(85, 130, 255, 0.12) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(85, 130, 255, 0.12) 1px, transparent 1px);\n  background-size: 42px 42px;\n  mask-image: linear-gradient(to bottom, black, transparent 90%);\n  -webkit-mask-image: linear-gradient(to bottom, black, transparent 90%);\n  transform-origin: top center;\n  transform: translateX(-50%) perspective(500px) rotateX(60deg) scale(1.35);\n}\n\n\/* Tilgjengelighet *\/\n\n#mindvsai-page .mva-skip-wrap {\n  position: absolute;\n  z-index: 100;\n  top: 0;\n  left: 0;\n}\n\n#mindvsai-page .mva-skip {\n  position: absolute;\n  left: -9999px;\n  top: 0.7rem;\n  min-width: 180px;\n  padding: 0.8rem 1rem;\n  border-radius: 12px;\n  background: #fff;\n  color: #07091a;\n  font-weight: 850;\n}\n\n#mindvsai-page .mva-skip:focus {\n  left: 0.7rem;\n}\n\n#mindvsai-page :focus-visible {\n  outline: 3px solid var(--mva-cyan);\n  outline-offset: 4px;\n}\n\n\/* Spr\u00e5k *\/\n\n#mindvsai-page[data-lang=\"no\"] .mva-en,\n#mindvsai-page[data-lang=\"no\"] .mva-inline-en,\n#mindvsai-page[data-lang=\"en\"] .mva-no,\n#mindvsai-page[data-lang=\"en\"] .mva-inline-no {\n  display: none !important;\n}\n\n#mindvsai-page[data-lang=\"no\"] .mva-no,\n#mindvsai-page[data-lang=\"en\"] .mva-en {\n  display: block !important;\n}\n\n#mindvsai-page[data-lang=\"no\"] .mva-inline-no,\n#mindvsai-page[data-lang=\"en\"] .mva-inline-en {\n  display: inline !important;\n}\n\n\/* Navigasjon *\/\n\n#mindvsai-page .mva-nav {\n  min-height: 88px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1.5rem;\n  border-bottom: 1px solid rgba(158, 180, 255, 0.1);\n}\n\n#mindvsai-page .mva-brand {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.85rem;\n  color: var(--mva-text);\n  font-size: 1.25rem;\n  font-weight: 900;\n  letter-spacing: -0.03em;\n}\n\n#mindvsai-page .mva-brand img {\n  width: 52px;\n  height: 52px;\n  border: 1px solid rgba(91, 218, 255, 0.32);\n  border-radius: 15px;\n  object-fit: cover;\n  box-shadow: 0 12px 34px rgba(58, 206, 255, 0.2);\n}\n\n#mindvsai-page .mva-brand b {\n  color: var(--mva-cyan);\n  font-weight: 900;\n}\n\n#mindvsai-page .mva-navlinks {\n  display: flex;\n  align-items: center;\n  gap: 1.15rem;\n  color: #c8cbe0;\n  font-size: 0.86rem;\n  font-weight: 760;\n}\n\n#mindvsai-page .mva-navlinks > a {\n  position: relative;\n  padding: 0.5rem 0;\n  transition: color 180ms ease;\n}\n\n#mindvsai-page .mva-navlinks > a::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 100%;\n  bottom: 0.25rem;\n  height: 2px;\n  border-radius: 99px;\n  background: linear-gradient(90deg, var(--mva-cyan), var(--mva-pink));\n  transition: right 180ms ease;\n}\n\n#mindvsai-page .mva-navlinks > a:hover {\n  color: #fff;\n}\n\n#mindvsai-page .mva-navlinks > a:hover::after {\n  right: 0;\n}\n\n#mindvsai-page .mva-lang-toggle {\n  display: inline-flex;\n  gap: 3px;\n  padding: 3px;\n  border: 1px solid var(--mva-line);\n  border-radius: 999px;\n  background: rgba(255, 255, 255, 0.045);\n}\n\n#mindvsai-page .mva-lang-btn {\n  min-width: 40px;\n  min-height: 34px;\n  padding: 0.35rem 0.65rem;\n  border: 0;\n  border-radius: 999px;\n  background: transparent;\n  color: #969ab3;\n  cursor: pointer;\n  font-size: 0.76rem;\n  font-weight: 900;\n}\n\n#mindvsai-page .mva-lang-btn.active {\n  background: linear-gradient(135deg, var(--mva-cyan), #7b63ff);\n  color: #07101b;\n  box-shadow: 0 8px 24px rgba(59, 210, 255, 0.22);\n}\n\n\/* Hero *\/\n\n#mindvsai-page .mva-hero {\n  min-height: 770px;\n  padding: 5.2rem 0 6.4rem;\n  display: grid;\n  grid-template-columns: minmax(0, 1.04fr) minmax(320px, 0.96fr);\n  align-items: center;\n  gap: clamp(2.5rem, 6vw, 6rem);\n}\n\n#mindvsai-page .mva-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.55rem;\n  color: var(--mva-cyan);\n  font-size: 0.78rem;\n  font-weight: 900;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n\n#mindvsai-page .mva-kicker span[aria-hidden=\"true\"] {\n  color: var(--mva-pink);\n  font-size: 1rem;\n}\n\n#mindvsai-page h1 {\n  margin: 1rem 0 1.45rem;\n  color: #fff;\n  font-size: clamp(3.4rem, 7.1vw, 6.15rem);\n  font-weight: 950;\n  line-height: 0.94;\n  letter-spacing: -0.066em;\n}\n\n#mindvsai-page h1 span {\n  background: linear-gradient(105deg, #22cbff 2%, #7b83ff 48%, #df38ff 94%);\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}\n\n#mindvsai-page h2 {\n  margin: 0.75rem 0 1rem;\n  color: #fff;\n  font-size: clamp(2.1rem, 4.5vw, 3.75rem);\n  font-weight: 900;\n  line-height: 1.04;\n  letter-spacing: -0.045em;\n}\n\n#mindvsai-page h3 {\n  color: #fff;\n  font-size: 1.18rem;\n  font-weight: 840;\n  line-height: 1.25;\n}\n\n#mindvsai-page p,\n#mindvsai-page li {\n  color: var(--mva-muted);\n}\n\n#mindvsai-page .mva-lead {\n  max-width: 650px;\n  margin-bottom: 0;\n  font-size: 1.16rem;\n  line-height: 1.75;\n}\n\n#mindvsai-page .mva-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.78rem;\n  margin-top: 1.8rem;\n}\n\n#mindvsai-page .mva-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.55rem;\n  min-height: 54px;\n  padding: 0.92rem 1.45rem;\n  border: 0;\n  border-radius: 999px;\n  font-size: 0.96rem;\n  font-weight: 880;\n  line-height: 1;\n  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;\n}\n\n#mindvsai-page .mva-button:hover {\n  transform: translateY(-2px);\n}\n\n#mindvsai-page .mva-button-primary {\n  background: linear-gradient(112deg, #22b9ff, #7766ff 53%, #e23aff);\n  color: #fff;\n  box-shadow: 0 18px 46px rgba(100, 72, 255, 0.32);\n}\n\n#mindvsai-page .mva-button-primary:hover {\n  box-shadow: 0 22px 58px rgba(100, 72, 255, 0.43);\n}\n\n#mindvsai-page .mva-button-secondary {\n  border: 1px solid rgba(182, 192, 255, 0.2);\n  background: rgba(255, 255, 255, 0.055);\n  color: #f4f5ff;\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n}\n\n#mindvsai-page .mva-button-secondary:hover {\n  border-color: rgba(67, 216, 255, 0.46);\n}\n\n#mindvsai-page .mva-button-disabled {\n  cursor: default;\n}\n\n#mindvsai-page .mva-button-disabled:hover {\n  transform: none;\n}\n\n#mindvsai-page .mva-status-row {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 0.52rem;\n  margin-top: 1.35rem;\n  color: #8f94ad;\n  font-size: 0.8rem;\n}\n\n#mindvsai-page .mva-status-row strong {\n  color: #c8ccdf;\n}\n\n#mindvsai-page .mva-live-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--mva-green);\n  box-shadow: 0 0 0 5px rgba(68, 239, 131, 0.1), 0 0 18px rgba(68, 239, 131, 0.7);\n}\n\n#mindvsai-page .mva-hero-visual {\n  position: relative;\n  display: grid;\n  place-items: center;\n  min-width: 0;\n}\n\n#mindvsai-page .mva-hero-halo {\n  position: absolute;\n  width: 92%;\n  aspect-ratio: 1;\n  border-radius: 50%;\n  background:\n    radial-gradient(circle, rgba(58, 205, 255, 0.24), transparent 55%),\n    conic-gradient(from 30deg, transparent, rgba(224, 50, 255, 0.2), transparent 38%, rgba(44, 186, 255, 0.18), transparent 78%);\n  filter: blur(18px);\n  animation: mva-pulse 5s ease-in-out infinite;\n}\n\n#mindvsai-page .mva-circuit-line {\n  position: absolute;\n  width: 114%;\n  height: 78%;\n  border: 1px solid rgba(69, 212, 255, 0.3);\n  border-left-color: transparent;\n  border-bottom-color: rgba(225, 53, 255, 0.26);\n  border-radius: 48% 52% 42% 58%;\n  transform: rotate(-12deg);\n  box-shadow: 0 0 30px rgba(75, 139, 255, 0.13);\n}\n\n#mindvsai-page .mva-hero-shot {\n  position: relative;\n  z-index: 2;\n  width: min(100%, 410px);\n  border: 1px solid rgba(131, 194, 255, 0.25);\n  border-radius: 35px;\n  box-shadow:\n    0 50px 110px rgba(0, 0, 0, 0.64),\n    0 0 55px rgba(80, 101, 255, 0.14);\n}\n\n#mindvsai-page .mva-float-card {\n  position: absolute;\n  z-index: 4;\n  min-width: 120px;\n  padding: 0.85rem 1rem;\n  border: 1px solid rgba(183, 196, 255, 0.22);\n  border-radius: 19px;\n  background: rgba(15, 17, 38, 0.82);\n  box-shadow: 0 24px 55px rgba(0, 0, 0, 0.38);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  text-align: center;\n}\n\n#mindvsai-page .mva-float-card span {\n  display: block;\n  color: #fff;\n  font-size: 1.65rem;\n  font-weight: 920;\n  line-height: 1;\n}\n\n#mindvsai-page .mva-float-card small {\n  display: block;\n  margin-top: 0.38rem;\n  color: var(--mva-cyan);\n  font-size: 0.64rem;\n  font-weight: 900;\n  letter-spacing: 0.12em;\n}\n\n#mindvsai-page .mva-float-top {\n  top: 14%;\n  right: -3%;\n}\n\n#mindvsai-page .mva-float-bottom {\n  left: -8%;\n  bottom: 13%;\n}\n\n@keyframes mva-pulse {\n  0%, 100% { transform: scale(0.94); opacity: 0.72; }\n  50% { transform: scale(1.05); opacity: 1; }\n}\n\n\/* N\u00f8kkelpunkter *\/\n\n#mindvsai-page .mva-signal-bar {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  margin: 0 0 7.2rem;\n  border: 1px solid var(--mva-line);\n  border-radius: 24px;\n  background: rgba(16, 18, 39, 0.66);\n  box-shadow: 0 24px 75px rgba(0, 0, 0, 0.28);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n}\n\n#mindvsai-page .mva-signal-bar > div {\n  min-width: 0;\n  padding: 1.45rem 1rem;\n  text-align: center;\n}\n\n#mindvsai-page .mva-signal-bar > div + div {\n  border-left: 1px solid var(--mva-line);\n}\n\n#mindvsai-page .mva-signal-bar strong {\n  display: block;\n  color: #fff;\n  font-size: 1.75rem;\n  font-weight: 920;\n  line-height: 1.1;\n}\n\n#mindvsai-page .mva-signal-bar span {\n  display: inline-block;\n  margin-top: 0.28rem;\n  color: #8f94ad;\n  font-size: 0.78rem;\n  font-weight: 720;\n}\n\n\/* Felles seksjoner *\/\n\n#mindvsai-page .mva-section {\n  padding: 1.4rem 0 7.6rem;\n  scroll-margin-top: 24px;\n}\n\n#mindvsai-page .mva-section-head {\n  max-width: 770px;\n  margin-bottom: 2.3rem;\n}\n\n#mindvsai-page .mva-section-head-center {\n  margin-right: auto;\n  margin-left: auto;\n  text-align: center;\n}\n\n#mindvsai-page .mva-section-head p {\n  max-width: 690px;\n  margin-bottom: 0;\n  font-size: 1.06rem;\n}\n\n#mindvsai-page .mva-section-head-center p {\n  margin-right: auto;\n  margin-left: auto;\n}\n\n#mindvsai-page .mva-feature-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 1rem;\n}\n\n#mindvsai-page .mva-card {\n  position: relative;\n  overflow: hidden;\n  border: 1px solid var(--mva-line);\n  background:\n    radial-gradient(circle at 100% 0%, rgba(89, 88, 255, 0.1), transparent 36%),\n    linear-gradient(155deg, rgba(33, 36, 67, 0.86), rgba(15, 17, 36, 0.78));\n  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.25);\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n}\n\n#mindvsai-page .mva-card::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  background: linear-gradient(125deg, rgba(255, 255, 255, 0.06), transparent 35%);\n}\n\n#mindvsai-page .mva-feature-card {\n  min-height: 250px;\n  padding: 1.4rem;\n  border-radius: 22px;\n  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;\n}\n\n#mindvsai-page .mva-feature-card:hover {\n  transform: translateY(-6px);\n  border-color: rgba(83, 207, 255, 0.35);\n  box-shadow: 0 28px 75px rgba(0, 0, 0, 0.34);\n}\n\n#mindvsai-page .mva-icon {\n  position: relative;\n  display: grid;\n  place-items: center;\n  width: 52px;\n  height: 52px;\n  border: 1px solid currentColor;\n  border-radius: 16px;\n  font-size: 1.35rem;\n  font-weight: 900;\n}\n\n#mindvsai-page .mva-icon-cyan {\n  background: rgba(56, 216, 255, 0.1);\n  color: var(--mva-cyan);\n}\n\n#mindvsai-page .mva-icon-purple {\n  background: rgba(151, 92, 255, 0.11);\n  color: #aa7aff;\n}\n\n#mindvsai-page .mva-icon-pink {\n  background: rgba(228, 56, 255, 0.1);\n  color: var(--mva-pink);\n}\n\n#mindvsai-page .mva-icon-green {\n  background: rgba(68, 239, 131, 0.09);\n  color: var(--mva-green);\n}\n\n#mindvsai-page .mva-feature-card h3 {\n  position: relative;\n  margin: 1.2rem 0 0.5rem;\n}\n\n#mindvsai-page .mva-feature-card p {\n  position: relative;\n  margin-bottom: 0;\n  font-size: 0.92rem;\n  line-height: 1.65;\n}\n\n\/* Galleri *\/\n\n#mindvsai-page .mva-gallery-section {\n  position: relative;\n}\n\n#mindvsai-page .mva-gallery-section::before {\n  content: \"\";\n  position: absolute;\n  z-index: -1;\n  inset: 4% -20% 8%;\n  background: radial-gradient(circle, rgba(102, 58, 255, 0.12), transparent 64%);\n}\n\n#mindvsai-page .mva-gallery-head {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n#mindvsai-page .mva-gallery-controls {\n  display: flex;\n  gap: 0.6rem;\n  padding-bottom: 2.4rem;\n}\n\n#mindvsai-page .mva-gallery-arrow {\n  display: grid;\n  place-items: center;\n  width: 46px;\n  height: 46px;\n  padding: 0;\n  border: 1px solid var(--mva-line);\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.055);\n  color: #fff;\n  cursor: pointer;\n  font-size: 1.2rem;\n  transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;\n}\n\n#mindvsai-page .mva-gallery-arrow:hover {\n  transform: translateY(-2px);\n  border-color: rgba(59, 214, 255, 0.5);\n  background: rgba(56, 216, 255, 0.1);\n}\n\n#mindvsai-page .mva-gallery-track {\n  display: grid;\n  grid-auto-flow: column;\n  grid-auto-columns: minmax(250px, 31%);\n  gap: 1rem;\n  padding: 0.2rem 0 1.6rem;\n  overflow-x: auto;\n  overscroll-behavior-inline: contain;\n  scroll-behavior: smooth;\n  scroll-snap-type: inline mandatory;\n  scrollbar-width: thin;\n  scrollbar-color: rgba(91, 112, 255, 0.55) transparent;\n}\n\n#mindvsai-page .mva-gallery-track::-webkit-scrollbar {\n  height: 7px;\n}\n\n#mindvsai-page .mva-gallery-track::-webkit-scrollbar-thumb {\n  border-radius: 99px;\n  background: linear-gradient(90deg, var(--mva-cyan), var(--mva-purple));\n}\n\n#mindvsai-page .mva-shot {\n  scroll-snap-align: start;\n  min-width: 0;\n  margin-bottom: 0;\n}\n\n#mindvsai-page .mva-shot img {\n  width: 100%;\n  border: 1px solid rgba(246, 202, 97, 0.55);\n  border-radius: 28px;\n  box-shadow: 0 26px 72px rgba(0, 0, 0, 0.46);\n  transition: transform 240ms ease, box-shadow 240ms ease;\n}\n\n#mindvsai-page .mva-shot:hover img {\n  transform: translateY(-6px);\n  box-shadow: 0 34px 86px rgba(0, 0, 0, 0.58), 0 0 30px rgba(134, 78, 255, 0.12);\n}\n\n#mindvsai-page .mva-shot figcaption {\n  padding: 0.9rem 0.25rem 0;\n  color: #d8daea;\n  font-size: 0.83rem;\n  font-weight: 760;\n}\n\n#mindvsai-page .mva-gallery-dots {\n  display: flex;\n  justify-content: center;\n  gap: 0.55rem;\n  margin-top: 0.35rem;\n}\n\n#mindvsai-page .mva-gallery-dots button {\n  width: 8px;\n  height: 8px;\n  padding: 0;\n  border: 0;\n  border-radius: 99px;\n  background: rgba(255, 255, 255, 0.22);\n  cursor: pointer;\n  transition: width 180ms ease, background 180ms ease;\n}\n\n#mindvsai-page .mva-gallery-dots button.active {\n  width: 28px;\n  background: linear-gradient(90deg, var(--mva-cyan), var(--mva-purple));\n}\n\n\/* Spillkort *\/\n\n#mindvsai-page .mva-games-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 1rem;\n}\n\n#mindvsai-page .mva-game {\n  position: relative;\n  min-height: 230px;\n  padding: 1.4rem;\n  overflow: hidden;\n  border: 1px solid rgba(246, 202, 97, 0.42);\n  border-radius: 23px;\n  background:\n    radial-gradient(circle at 92% 0%, var(--mva-game-glow, rgba(55, 203, 255, 0.15)), transparent 40%),\n    linear-gradient(155deg, rgba(31, 33, 65, 0.88), rgba(13, 15, 33, 0.92));\n  box-shadow: 0 23px 64px rgba(0, 0, 0, 0.3);\n  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;\n}\n\n#mindvsai-page .mva-game::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: 3px;\n  background: linear-gradient(90deg, var(--mva-game-accent, var(--mva-cyan)), transparent 75%);\n  opacity: 0.75;\n}\n\n#mindvsai-page .mva-game:hover {\n  transform: translateY(-7px);\n  border-color: rgba(246, 202, 97, 0.78);\n  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.42);\n}\n\n#mindvsai-page .mva-game-cyan {\n  --mva-game-accent: var(--mva-cyan);\n  --mva-game-glow: rgba(56, 216, 255, 0.16);\n}\n\n#mindvsai-page .mva-game-purple {\n  --mva-game-accent: var(--mva-purple);\n  --mva-game-glow: rgba(151, 92, 255, 0.17);\n}\n\n#mindvsai-page .mva-game-pink {\n  --mva-game-accent: var(--mva-pink);\n  --mva-game-glow: rgba(228, 56, 255, 0.16);\n}\n\n#mindvsai-page .mva-game-green {\n  --mva-game-accent: var(--mva-green);\n  --mva-game-glow: rgba(68, 239, 131, 0.12);\n}\n\n#mindvsai-page .mva-game-gold {\n  --mva-game-accent: var(--mva-gold);\n  --mva-game-glow: rgba(246, 202, 97, 0.14);\n}\n\n#mindvsai-page .mva-game-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.75rem;\n}\n\n#mindvsai-page .mva-game-symbol {\n  display: grid;\n  place-items: center;\n  width: 54px;\n  height: 54px;\n  border: 1px solid color-mix(in srgb, var(--mva-game-accent) 55%, transparent);\n  border-radius: 17px;\n  background: color-mix(in srgb, var(--mva-game-accent) 11%, transparent);\n  color: var(--mva-game-accent);\n  font-size: 1.45rem;\n  font-weight: 900;\n  box-shadow: 0 0 24px color-mix(in srgb, var(--mva-game-accent) 14%, transparent);\n}\n\n#mindvsai-page .mva-game-badge {\n  padding: 0.34rem 0.58rem;\n  border: 1px solid color-mix(in srgb, var(--mva-game-accent) 45%, transparent);\n  border-radius: 999px;\n  color: var(--mva-game-accent);\n  font-size: 0.62rem;\n  font-weight: 900;\n  letter-spacing: 0.08em;\n}\n\n#mindvsai-page .mva-game h3 {\n  margin: 1.35rem 0 0.52rem;\n}\n\n#mindvsai-page .mva-game p {\n  margin-bottom: 0;\n  font-size: 0.9rem;\n  line-height: 1.58;\n}\n\n\/* Lokal og ekte AI *\/\n\n#mindvsai-page .mva-dual {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1rem;\n  padding: 0 0 8.2rem;\n}\n\n#mindvsai-page .mva-dual-panel {\n  position: relative;\n  min-height: 390px;\n  padding: clamp(2rem, 5vw, 3.5rem);\n  overflow: hidden;\n  border: 1px solid var(--mva-line);\n  border-radius: 30px;\n  background: var(--mva-surface-strong);\n  box-shadow: var(--mva-shadow);\n}\n\n#mindvsai-page .mva-dual-panel::after {\n  content: \"\";\n  position: absolute;\n  width: 320px;\n  height: 320px;\n  right: -160px;\n  bottom: -170px;\n  border-radius: 50%;\n  filter: blur(20px);\n}\n\n#mindvsai-page .mva-local-panel::after {\n  background: rgba(68, 239, 131, 0.15);\n}\n\n#mindvsai-page .mva-real-panel::after {\n  background: rgba(196, 55, 255, 0.2);\n}\n\n#mindvsai-page .mva-panel-label {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.55rem;\n  padding: 0.5rem 0.72rem;\n  border: 1px solid currentColor;\n  border-radius: 999px;\n  font-size: 0.68rem;\n  font-weight: 900;\n  letter-spacing: 0.11em;\n}\n\n#mindvsai-page .mva-panel-green {\n  background: rgba(68, 239, 131, 0.08);\n  color: var(--mva-green);\n}\n\n#mindvsai-page .mva-panel-purple {\n  background: rgba(228, 56, 255, 0.08);\n  color: #e36aff;\n}\n\n#mindvsai-page .mva-dual-panel h2 {\n  max-width: 480px;\n  margin-top: 1.25rem;\n  font-size: clamp(2rem, 4vw, 3.1rem);\n}\n\n#mindvsai-page .mva-dual-panel p {\n  position: relative;\n  z-index: 2;\n  max-width: 510px;\n  margin-bottom: 0;\n  font-size: 1rem;\n}\n\n\/* Fremgang *\/\n\n#mindvsai-page .mva-progress-section {\n  display: grid;\n  grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr);\n  align-items: center;\n  gap: clamp(2.6rem, 7vw, 7rem);\n}\n\n#mindvsai-page .mva-progress-visual {\n  position: relative;\n  display: grid;\n  place-items: center;\n}\n\n#mindvsai-page .mva-progress-glow {\n  position: absolute;\n  width: 118%;\n  height: 76%;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(118, 68, 255, 0.28), transparent 67%);\n  filter: blur(25px);\n}\n\n#mindvsai-page .mva-progress-visual img {\n  position: relative;\n  width: min(100%, 390px);\n  border: 1px solid rgba(110, 184, 255, 0.25);\n  border-radius: 33px;\n  box-shadow: 0 42px 100px rgba(0, 0, 0, 0.57);\n}\n\n#mindvsai-page .mva-progress-copy p {\n  max-width: 610px;\n  font-size: 1.05rem;\n}\n\n#mindvsai-page .mva-check-list {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 0.8rem 1rem;\n  padding: 0;\n  margin: 1.6rem 0 0;\n  list-style: none;\n}\n\n#mindvsai-page .mva-check-list li {\n  position: relative;\n  padding: 0.8rem 0.85rem 0.8rem 2.5rem;\n  border: 1px solid rgba(156, 174, 255, 0.12);\n  border-radius: 14px;\n  background: rgba(255, 255, 255, 0.035);\n  color: #d8dbea;\n  font-size: 0.87rem;\n  font-weight: 680;\n}\n\n#mindvsai-page .mva-check-list li::before {\n  content: \"\u2713\";\n  position: absolute;\n  left: 0.9rem;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--mva-cyan);\n  font-weight: 950;\n}\n\n\/* Personvern og FAQ *\/\n\n#mindvsai-page .mva-privacy-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 1rem;\n}\n\n#mindvsai-page .mva-privacy-card {\n  padding: 1.55rem;\n  border: 1px solid var(--mva-line);\n  border-radius: 22px;\n  background: rgba(20, 22, 47, 0.76);\n}\n\n#mindvsai-page .mva-privacy-symbol {\n  display: grid;\n  place-items: center;\n  width: 48px;\n  height: 48px;\n  border-radius: 15px;\n  background: linear-gradient(135deg, rgba(56, 216, 255, 0.12), rgba(151, 92, 255, 0.14));\n  color: var(--mva-cyan);\n  font-size: 1.2rem;\n  font-weight: 900;\n}\n\n#mindvsai-page .mva-privacy-card h3 {\n  margin: 1rem 0 0.45rem;\n}\n\n#mindvsai-page .mva-privacy-card p {\n  margin-bottom: 0;\n  font-size: 0.9rem;\n}\n\n#mindvsai-page .mva-faq {\n  max-width: 820px;\n  margin: 2.5rem auto 0;\n}\n\n#mindvsai-page .mva-faq details {\n  border-bottom: 1px solid var(--mva-line);\n}\n\n#mindvsai-page .mva-faq summary {\n  position: relative;\n  padding: 1.2rem 3rem 1.2rem 0;\n  color: #fff;\n  cursor: pointer;\n  font-size: 1rem;\n  font-weight: 800;\n  list-style: none;\n}\n\n#mindvsai-page .mva-faq summary::-webkit-details-marker {\n  display: none;\n}\n\n#mindvsai-page .mva-faq summary::after {\n  content: \"+\";\n  position: absolute;\n  top: 50%;\n  right: 0.5rem;\n  transform: translateY(-50%);\n  color: var(--mva-cyan);\n  font-size: 1.35rem;\n  transition: transform 180ms ease;\n}\n\n#mindvsai-page .mva-faq details[open] summary::after {\n  transform: translateY(-50%) rotate(45deg);\n}\n\n#mindvsai-page .mva-faq details p {\n  max-width: 710px;\n  padding: 0 2rem 1.2rem 0;\n  margin-bottom: 0;\n}\n\n\/* Avslutning *\/\n\n#mindvsai-page .mva-final-cta {\n  position: relative;\n  display: grid;\n  place-items: center;\n  padding: clamp(3rem, 8vw, 6.2rem) 1.5rem;\n  overflow: hidden;\n  border: 1px solid rgba(138, 150, 255, 0.22);\n  border-radius: 34px;\n  background:\n    radial-gradient(circle at 20% 0%, rgba(47, 199, 255, 0.2), transparent 35%),\n    radial-gradient(circle at 83% 100%, rgba(219, 54, 255, 0.23), transparent 40%),\n    linear-gradient(145deg, rgba(28, 32, 66, 0.94), rgba(13, 14, 34, 0.96));\n  box-shadow: var(--mva-shadow);\n  text-align: center;\n}\n\n#mindvsai-page .mva-final-icon-wrap {\n  display: grid;\n  place-items: center;\n  width: 112px;\n  height: 112px;\n  margin-bottom: 1.4rem;\n  border: 1px solid rgba(80, 207, 255, 0.32);\n  border-radius: 28px;\n  background: rgba(255, 255, 255, 0.04);\n  box-shadow: 0 0 55px rgba(109, 69, 255, 0.25);\n}\n\n#mindvsai-page .mva-final-icon-wrap img {\n  width: 92px;\n  height: 92px;\n  border-radius: 22px;\n}\n\n#mindvsai-page .mva-final-cta h2 {\n  max-width: 760px;\n}\n\n#mindvsai-page .mva-final-cta p {\n  margin-bottom: 1.5rem;\n  font-size: 1.05rem;\n}\n\n#mindvsai-page .mva-footer {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  align-items: center;\n  gap: 1.4rem;\n  padding: 3rem 0 2.6rem;\n  color: #9296ad;\n  font-size: 0.82rem;\n}\n\n#mindvsai-page .mva-footer-brand {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n\n#mindvsai-page .mva-footer-brand img {\n  width: 48px;\n  height: 48px;\n  border-radius: 14px;\n}\n\n#mindvsai-page .mva-footer-brand strong,\n#mindvsai-page .mva-footer-brand span {\n  display: block;\n}\n\n#mindvsai-page .mva-footer-brand strong {\n  color: #fff;\n  font-size: 0.95rem;\n}\n\n#mindvsai-page .mva-footer-links {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  gap: 1rem;\n  color: #bdc0d2;\n  font-weight: 700;\n}\n\n#mindvsai-page .mva-footer-links a:hover {\n  color: var(--mva-cyan);\n}\n\n#mindvsai-page .mva-copyright {\n  grid-column: 1 \/ -1;\n  margin: 0;\n  color: #6f7288;\n  text-align: center;\n}\n\n\/* Animasjon \u2013 aktiveres bare n\u00e5r JavaScript er tilgjengelig *\/\n\n#mindvsai-page.mva-has-js .mva-reveal {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity 650ms cubic-bezier(0.2, 0.75, 0.25, 1), transform 650ms cubic-bezier(0.2, 0.75, 0.25, 1);\n}\n\n#mindvsai-page.mva-has-js .mva-reveal.mva-visible {\n  opacity: 1;\n  transform: none;\n}\n\n\/* Nettbrett *\/\n\n@media (max-width: 980px) {\n  #mindvsai-page .mva-navlinks > a {\n    display: none;\n  }\n\n  #mindvsai-page .mva-hero {\n    grid-template-columns: 1fr 0.82fr;\n    gap: 2.2rem;\n  }\n\n  #mindvsai-page .mva-feature-grid,\n  #mindvsai-page .mva-games-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  #mindvsai-page .mva-gallery-track {\n    grid-auto-columns: minmax(240px, 43%);\n  }\n}\n\n\/* Mobil *\/\n\n@media (max-width: 760px) {\n  #mindvsai-page .mva-wrap {\n    width: min(100% - 1.35rem, 1180px);\n  }\n\n  #mindvsai-page .mva-nav {\n    min-height: 76px;\n  }\n\n  #mindvsai-page .mva-brand {\n    font-size: 1.03rem;\n  }\n\n  #mindvsai-page .mva-brand img {\n    width: 44px;\n    height: 44px;\n    border-radius: 13px;\n  }\n\n  #mindvsai-page .mva-hero {\n    min-height: auto;\n    padding: 4.2rem 0 5.2rem;\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n\n  #mindvsai-page .mva-hero-copy {\n    display: grid;\n    justify-items: center;\n  }\n\n  #mindvsai-page h1 {\n    font-size: clamp(3rem, 15vw, 4.6rem);\n  }\n\n  #mindvsai-page .mva-lead {\n    max-width: 570px;\n    font-size: 1.02rem;\n  }\n\n  #mindvsai-page .mva-actions,\n  #mindvsai-page .mva-status-row {\n    justify-content: center;\n  }\n\n  #mindvsai-page .mva-hero-visual {\n    width: min(88%, 430px);\n    margin: 2rem auto 0;\n  }\n\n  #mindvsai-page .mva-float-top {\n    right: -5%;\n  }\n\n  #mindvsai-page .mva-float-bottom {\n    left: -7%;\n  }\n\n  #mindvsai-page .mva-signal-bar {\n    grid-template-columns: repeat(2, 1fr);\n    margin-bottom: 5.8rem;\n  }\n\n  #mindvsai-page .mva-signal-bar > div:nth-child(3) {\n    border-left: 0;\n  }\n\n  #mindvsai-page .mva-signal-bar > div:nth-child(n+3) {\n    border-top: 1px solid var(--mva-line);\n  }\n\n  #mindvsai-page .mva-section {\n    padding-bottom: 5.8rem;\n  }\n\n  #mindvsai-page .mva-gallery-track {\n    grid-auto-columns: minmax(235px, 78%);\n  }\n\n  #mindvsai-page .mva-dual,\n  #mindvsai-page .mva-progress-section {\n    grid-template-columns: 1fr;\n  }\n\n  #mindvsai-page .mva-dual {\n    padding-bottom: 6.2rem;\n  }\n\n  #mindvsai-page .mva-progress-visual {\n    width: min(85%, 390px);\n    margin: 0 auto;\n  }\n\n  #mindvsai-page .mva-progress-copy {\n    text-align: center;\n  }\n\n  #mindvsai-page .mva-privacy-grid {\n    grid-template-columns: 1fr;\n  }\n\n  #mindvsai-page .mva-footer {\n    grid-template-columns: 1fr;\n    justify-items: center;\n    text-align: center;\n  }\n\n  #mindvsai-page .mva-footer-links {\n    justify-content: center;\n  }\n}\n\n@media (max-width: 520px) {\n  #mindvsai-page .mva-brand span {\n    display: none;\n  }\n\n  #mindvsai-page .mva-feature-grid,\n  #mindvsai-page .mva-games-grid,\n  #mindvsai-page .mva-check-list {\n    grid-template-columns: 1fr;\n  }\n\n  #mindvsai-page .mva-feature-card {\n    min-height: 0;\n  }\n\n  #mindvsai-page .mva-game {\n    min-height: 210px;\n  }\n\n  #mindvsai-page .mva-gallery-head {\n    align-items: flex-end;\n  }\n\n  #mindvsai-page .mva-gallery-controls {\n    padding-bottom: 2.4rem;\n  }\n\n  #mindvsai-page .mva-gallery-arrow {\n    width: 42px;\n    height: 42px;\n  }\n\n  #mindvsai-page .mva-float-card {\n    min-width: 98px;\n    padding: 0.7rem 0.75rem;\n  }\n\n  #mindvsai-page .mva-float-card span {\n    font-size: 1.35rem;\n  }\n\n  #mindvsai-page .mva-final-cta {\n    border-radius: 26px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #mindvsai-page *,\n  #mindvsai-page *::before,\n  #mindvsai-page *::after {\n    scroll-behavior: auto !important;\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n\n  #mindvsai-page.mva-has-js .mva-reveal {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n\/* Fallback for nettlesere uten color-mix *\/\n\n@supports not (color: color-mix(in srgb, white, black)) {\n  #mindvsai-page .mva-game-symbol,\n  #mindvsai-page .mva-game-badge {\n    border-color: rgba(111, 185, 255, 0.35);\n    background: rgba(68, 132, 255, 0.08);\n  }\n}\n\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/* =========================================================\n   MIND VS AI \u2013 JAVASCRIPT\n   Lim hele innholdet inn i fanen \u00abJavaScript\u00bb.\n   Ikke legg til <script>-tagger rundt koden.\n   ========================================================= *\/\n\n(function () {\n  \"use strict\";\n\n  var root = document.getElementById(\"mindvsai-page\");\n\n  if (!root) {\n    return;\n  }\n\n  root.classList.add(\"mva-has-js\");\n\n  \/* Spr\u00e5kvelger *\/\n\n  var languageButtons = root.querySelectorAll(\".mva-lang-btn\");\n  var savedLanguage = null;\n\n  try {\n    savedLanguage = localStorage.getItem(\"mindvsaiLanguage\");\n  } catch (error) {\n    savedLanguage = null;\n  }\n\n  var browserLanguage = (\n    navigator.language ||\n    navigator.userLanguage ||\n    \"\"\n  ).toLowerCase();\n\n  var initialLanguage = savedLanguage || (\n    browserLanguage.indexOf(\"no\") === 0 ||\n    browserLanguage.indexOf(\"nb\") === 0 ||\n    browserLanguage.indexOf(\"nn\") === 0\n      ? \"no\"\n      : \"en\"\n  );\n\n  function setLanguage(language) {\n    var nextLanguage = language === \"en\" ? \"en\" : \"no\";\n\n    root.setAttribute(\"data-lang\", nextLanguage);\n\n    languageButtons.forEach(function (button) {\n      var isActive = button.getAttribute(\"data-mva-lang\") === nextLanguage;\n      button.classList.toggle(\"active\", isActive);\n      button.setAttribute(\"aria-pressed\", isActive ? \"true\" : \"false\");\n    });\n\n    try {\n      localStorage.setItem(\"mindvsaiLanguage\", nextLanguage);\n    } catch (error) {\n      \/* Siden fungerer ogs\u00e5 n\u00e5r lokal lagring er blokkert. *\/\n    }\n  }\n\n  languageButtons.forEach(function (button) {\n    button.addEventListener(\"click\", function () {\n      setLanguage(button.getAttribute(\"data-mva-lang\"));\n    });\n  });\n\n  setLanguage(initialLanguage);\n\n  \/* Skjermbildekarusell *\/\n\n  var gallery = root.querySelector(\".mva-gallery-track\");\n  var slides = gallery ? Array.prototype.slice.call(gallery.querySelectorAll(\".mva-shot\")) : [];\n  var dots = Array.prototype.slice.call(root.querySelectorAll(\"[data-mva-slide]\"));\n  var previousButton = root.querySelector(\"[data-mva-gallery='prev']\");\n  var nextButton = root.querySelector(\"[data-mva-gallery='next']\");\n  var activeSlide = 0;\n\n  function slideStep() {\n    if (!gallery || !slides.length) {\n      return 0;\n    }\n\n    var style = window.getComputedStyle(gallery);\n    var gap = parseFloat(style.columnGap || style.gap || \"0\") || 0;\n\n    return slides[0].getBoundingClientRect().width + gap;\n  }\n\n  function updateDots(index) {\n    activeSlide = Math.max(0, Math.min(index, slides.length - 1));\n\n    dots.forEach(function (dot, dotIndex) {\n      var isActive = dotIndex === activeSlide;\n      dot.classList.toggle(\"active\", isActive);\n      dot.setAttribute(\"aria-current\", isActive ? \"true\" : \"false\");\n    });\n  }\n\n  function goToSlide(index) {\n    if (!gallery || !slides.length) {\n      return;\n    }\n\n    var target = Math.max(0, Math.min(index, slides.length - 1));\n    gallery.scrollTo({\n      left: target * slideStep(),\n      behavior: \"smooth\"\n    });\n    updateDots(target);\n  }\n\n  if (previousButton) {\n    previousButton.addEventListener(\"click\", function () {\n      goToSlide(activeSlide - 1);\n    });\n  }\n\n  if (nextButton) {\n    nextButton.addEventListener(\"click\", function () {\n      goToSlide(activeSlide + 1);\n    });\n  }\n\n  dots.forEach(function (dot) {\n    dot.addEventListener(\"click\", function () {\n      goToSlide(parseInt(dot.getAttribute(\"data-mva-slide\"), 10) || 0);\n    });\n  });\n\n  if (gallery && slides.length) {\n    var scrollTimer = null;\n\n    gallery.addEventListener(\"scroll\", function () {\n      window.clearTimeout(scrollTimer);\n      scrollTimer = window.setTimeout(function () {\n        var step = slideStep();\n\n        if (step > 0) {\n          updateDots(Math.round(gallery.scrollLeft \/ step));\n        }\n      }, 80);\n    }, { passive: true });\n\n    gallery.addEventListener(\"keydown\", function (event) {\n      if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        goToSlide(activeSlide - 1);\n      }\n\n      if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        goToSlide(activeSlide + 1);\n      }\n    });\n  }\n\n  updateDots(0);\n\n  \/* Rolig innlasting av seksjoner *\/\n\n  var revealElements = root.querySelectorAll(\".mva-reveal\");\n  var reduceMotion = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n  if (reduceMotion || !(\"IntersectionObserver\" in window)) {\n    revealElements.forEach(function (element) {\n      element.classList.add(\"mva-visible\");\n    });\n  } else {\n    var revealObserver = new IntersectionObserver(function (entries, observer) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"mva-visible\");\n          observer.unobserve(entry.target);\n        }\n      });\n    }, {\n      rootMargin: \"0px 0px -8% 0px\",\n      threshold: 0.08\n    });\n\n    revealElements.forEach(function (element) {\n      revealObserver.observe(element);\n    });\n  }\n\n  \/* \u00c5rstall *\/\n\n  var year = root.querySelector(\"[data-mva-year]\");\n\n  if (year) {\n    year.textContent = String(new Date().getFullYear());\n  }\n})();\n\n<\/script>\n\n<!-- =====================================================\n     MIND VS AI \u2013 LANDINGSSIDE FOR DRIFTSTUDIO\n     Lim hele innholdet inn i fanen \u00abHTML\u00bb.\n     CSS og JavaScript ligger i hver sin fil.\n     ===================================================== -->\n\n<section id=\"mindvsai-page\" data-lang=\"no\">\n\n  <div class=\"mva-skip-wrap\">\n    <a class=\"mva-skip\" href=\"#mva-main\">\n      <span class=\"mva-inline-no\">Hopp til innholdet<\/span>\n      <span class=\"mva-inline-en\">Skip to content<\/span>\n    <\/a>\n  <\/div>\n\n  <div class=\"mva-ambient\" aria-hidden=\"true\">\n    <span class=\"mva-orb mva-orb-one\"><\/span>\n    <span class=\"mva-orb mva-orb-two\"><\/span>\n    <span class=\"mva-grid-glow\"><\/span>\n  <\/div>\n\n  <div class=\"mva-wrap\">\n\n    <!-- Navigasjon -->\n\n    <nav class=\"mva-nav\" aria-label=\"Mind vs AI\">\n\n      <a class=\"mva-brand\" href=\"#mva-top\" aria-label=\"Mind vs AI \u2013 toppen av siden\">\n        <img loading=\"lazy\"\n          src=\"https:\/\/driftstudio.no\/wp-content\/uploads\/2026\/09\/iconmindvsai.png\"\n          alt=\"Mind vs AI appikon\"\n          width=\"52\"\n          height=\"52\"\n          decoding=\"async\"\n        >\n        <span>Mind <b>vs<\/b> AI<\/span>\n      <\/a>\n\n      <div class=\"mva-navlinks\">\n        <a href=\"#mva-features\">\n          <span class=\"mva-inline-no\">Funksjoner<\/span>\n          <span class=\"mva-inline-en\">Features<\/span>\n        <\/a>\n\n        <a href=\"#mva-games\">\n          <span class=\"mva-inline-no\">Spill<\/span>\n          <span class=\"mva-inline-en\">Games<\/span>\n        <\/a>\n\n        <a href=\"#mva-gallery\">\n          <span class=\"mva-inline-no\">Skjermbilder<\/span>\n          <span class=\"mva-inline-en\">Screenshots<\/span>\n        <\/a>\n\n        <a href=\"#mva-privacy\">\n          <span class=\"mva-inline-no\">Personvern<\/span>\n          <span class=\"mva-inline-en\">Privacy<\/span>\n        <\/a>\n\n        <div class=\"mva-lang-toggle\" aria-label=\"Velg spr\u00e5k \/ Choose language\">\n          <button type=\"button\" class=\"mva-lang-btn\" data-mva-lang=\"no\" aria-label=\"Norsk\">NO<\/button>\n          <button type=\"button\" class=\"mva-lang-btn\" data-mva-lang=\"en\" aria-label=\"English\">EN<\/button>\n        <\/div>\n      <\/div>\n\n    <\/nav>\n\n    <main id=\"mva-main\">\n\n      <!-- Hero -->\n\n      <header class=\"mva-hero\" id=\"mva-top\">\n\n        <div class=\"mva-hero-copy mva-reveal\">\n\n          <div class=\"mva-lang mva-no\">\n            <span class=\"mva-kicker\">\n              <span aria-hidden=\"true\">\u2726<\/span>\n              Hjernetrim m\u00f8ter AI\n            <\/span>\n\n            <h1>\n              Tren hjernen.<br>\n              <span>Utfordre AI.<\/span>\n            <\/h1>\n\n            <p class=\"mva-lead\">\n              Mind vs AI samler daglige utfordringer, klassiske strategispill\n              og kreative AI-dueller i \u00e9n leken app. Hvor mange ganger klarer\n              du \u00e5 sl\u00e5 maskinen?\n            <\/p>\n\n            <div class=\"mva-actions\">\n              <a class=\"mva-button mva-button-primary\" href=\"#mva-games\">\n                <span aria-hidden=\"true\">\u25b6<\/span>\n                Utforsk spillene\n              <\/a>\n\n              <a class=\"mva-button mva-button-secondary\" href=\"#mva-gallery\">\n                Se skjermbilder\n              <\/a>\n            <\/div>\n\n            <div class=\"mva-status-row\" aria-label=\"Appstatus\">\n              <span class=\"mva-live-dot\" aria-hidden=\"true\"><\/span>\n              <strong>Kommer snart til App Store<\/strong>\n              <span>\u2022<\/span>\n              <span>Utviklet i Norge<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"mva-lang mva-en\">\n            <span class=\"mva-kicker\">\n              <span aria-hidden=\"true\">\u2726<\/span>\n              Brain training meets AI\n            <\/span>\n\n            <h1>\n              Train your brain.<br>\n              <span>Challenge AI.<\/span>\n            <\/h1>\n\n            <p class=\"mva-lead\">\n              Mind vs AI brings daily challenges, classic strategy games and\n              creative AI duels together in one playful app. How many times\n              can you beat the machine?\n            <\/p>\n\n            <div class=\"mva-actions\">\n              <a class=\"mva-button mva-button-primary\" href=\"#mva-games\">\n                <span aria-hidden=\"true\">\u25b6<\/span>\n                Explore the games\n              <\/a>\n\n              <a class=\"mva-button mva-button-secondary\" href=\"#mva-gallery\">\n                View screenshots\n              <\/a>\n            <\/div>\n\n            <div class=\"mva-status-row\" aria-label=\"App status\">\n              <span class=\"mva-live-dot\" aria-hidden=\"true\"><\/span>\n              <strong>Coming soon to the App Store<\/strong>\n              <span>\u2022<\/span>\n              <span>Built in Norway<\/span>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"mva-hero-visual mva-reveal\">\n          <div class=\"mva-hero-halo\" aria-hidden=\"true\"><\/div>\n          <div class=\"mva-circuit-line\" aria-hidden=\"true\"><\/div>\n\n          <img\n            class=\"mva-hero-shot\"\n            src=\"https:\/\/driftstudio.no\/wp-content\/uploads\/2026\/09\/01_Tren_hjernen.png\"\n            alt=\"Mind vs AI \u2013 tren hjernen og utfordre AI\"\n            width=\"1242\"\n            height=\"2688\"\n            fetchpriority=\"high\"\n            decoding=\"async\"\n          >\n\n          <div class=\"mva-float-card mva-float-top\" aria-hidden=\"true\">\n            <span>8<\/span>\n            <small>SPILL<\/small>\n          <\/div>\n\n          <div class=\"mva-float-card mva-float-bottom\" aria-hidden=\"true\">\n            <span>75<\/span>\n            <small>HJERNESCORE<\/small>\n          <\/div>\n        <\/div>\n\n      <\/header>\n\n      <!-- N\u00f8kkelpunkter -->\n\n      <section class=\"mva-signal-bar mva-reveal\" aria-label=\"H\u00f8ydepunkter\">\n        <div>\n          <strong>8<\/strong>\n          <span class=\"mva-inline-no\">ulike spill<\/span>\n          <span class=\"mva-inline-en\">different games<\/span>\n        <\/div>\n\n        <div>\n          <strong>5<\/strong>\n          <span class=\"mva-inline-no\">daglige oppgaver<\/span>\n          <span class=\"mva-inline-en\">daily challenges<\/span>\n        <\/div>\n\n        <div>\n          <strong>3<\/strong>\n          <span class=\"mva-inline-no\">vanskelighetsgrader<\/span>\n          <span class=\"mva-inline-en\">difficulty levels<\/span>\n        <\/div>\n\n        <div>\n          <strong>\u221e<\/strong>\n          <span class=\"mva-inline-no\">nye kretsbrett<\/span>\n          <span class=\"mva-inline-en\">new circuit boards<\/span>\n        <\/div>\n      <\/section>\n\n      <!-- Funksjoner -->\n\n      <section class=\"mva-section\" id=\"mva-features\">\n\n        <div class=\"mva-section-head mva-reveal\">\n          <div class=\"mva-lang mva-no\">\n            <span class=\"mva-kicker\">Din daglige mentale arena<\/span>\n            <h2>Mer enn bare \u00e9n type hjernetrim.<\/h2>\n            <p>\n              Velg raske oppgaver, strategiske brettspill eller en direkte\n              duell mot AI. Hver \u00f8kt bygger videre p\u00e5 fremgangen din.\n            <\/p>\n          <\/div>\n\n          <div class=\"mva-lang mva-en\">\n            <span class=\"mva-kicker\">Your daily mental arena<\/span>\n            <h2>More than one kind of brain training.<\/h2>\n            <p>\n              Choose quick challenges, strategic board games or a direct AI\n              duel. Every session adds to your progress.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"mva-feature-grid\">\n\n          <article class=\"mva-card mva-feature-card mva-reveal\">\n            <span class=\"mva-icon mva-icon-cyan\" aria-hidden=\"true\">\u25a6<\/span>\n            <h3>\n              <span class=\"mva-inline-no\">Nytt hver dag<\/span>\n              <span class=\"mva-inline-en\">Fresh every day<\/span>\n            <\/h3>\n            <p class=\"mva-inline-no\">\n              Fem varierte oppgaver med m\u00f8nster, logikk, tall, spr\u00e5k og hukommelse.\n            <\/p>\n            <p class=\"mva-inline-en\">\n              Five varied challenges covering patterns, logic, numbers, language and memory.\n            <\/p>\n          <\/article>\n\n          <article class=\"mva-card mva-feature-card mva-reveal\">\n            <span class=\"mva-icon mva-icon-purple\" aria-hidden=\"true\">\u25c8<\/span>\n            <h3>\n              <span class=\"mva-inline-no\">Du mot maskinen<\/span>\n              <span class=\"mva-inline-en\">You versus the machine<\/span>\n            <\/h3>\n            <p class=\"mva-inline-no\">\n              Test strategi, kreativitet og intuisjon i b\u00e5de lokal og ekte AI-modus.\n            <\/p>\n            <p class=\"mva-inline-en\">\n              Test strategy, creativity and intuition in both local and real AI modes.\n            <\/p>\n          <\/article>\n\n          <article class=\"mva-card mva-feature-card mva-reveal\">\n            <span class=\"mva-icon mva-icon-pink\" aria-hidden=\"true\">\u2726<\/span>\n            <h3>\n              <span class=\"mva-inline-no\">Se utviklingen<\/span>\n              <span class=\"mva-inline-en\">Track your progress<\/span>\n            <\/h3>\n            <p class=\"mva-inline-no\">\n              Hjernescore, streak, resultater og personlige rekorder gj\u00f8r fremgangen synlig.\n            <\/p>\n            <p class=\"mva-inline-en\">\n              Brain score, streaks, results and personal records make progress visible.\n            <\/p>\n          <\/article>\n\n          <article class=\"mva-card mva-feature-card mva-reveal\">\n            <span class=\"mva-icon mva-icon-green\" aria-hidden=\"true\">\u2301<\/span>\n            <h3>\n              <span class=\"mva-inline-no\">Spill uten AI-kvote<\/span>\n              <span class=\"mva-inline-en\">Play without AI quota<\/span>\n            <\/h3>\n            <p class=\"mva-inline-no\">\n              Flere av spillene kj\u00f8rer helt lokalt og kan spilles s\u00e5 ofte du \u00f8nsker.\n            <\/p>\n            <p class=\"mva-inline-en\">\n              Several games run entirely on device and can be played as often as you like.\n            <\/p>\n          <\/article>\n\n        <\/div>\n\n      <\/section>\n\n      <!-- Skjermbilder -->\n\n      <section class=\"mva-section mva-gallery-section\" id=\"mva-gallery\">\n\n        <div class=\"mva-gallery-head mva-reveal\">\n          <div class=\"mva-section-head\">\n            <div class=\"mva-lang mva-no\">\n              <span class=\"mva-kicker\">Inne i appen<\/span>\n              <h2>\u00c9n stil. Mange utfordringer.<\/h2>\n              <p>Dra sidelengs eller bruk pilene for \u00e5 se mer.<\/p>\n            <\/div>\n\n            <div class=\"mva-lang mva-en\">\n              <span class=\"mva-kicker\">Inside the app<\/span>\n              <h2>One style. Many challenges.<\/h2>\n              <p>Swipe sideways or use the arrows to explore.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"mva-gallery-controls\">\n            <button class=\"mva-gallery-arrow\" type=\"button\" data-mva-gallery=\"prev\" aria-label=\"Forrige skjermbilde\">\u2190<\/button>\n            <button class=\"mva-gallery-arrow\" type=\"button\" data-mva-gallery=\"next\" aria-label=\"Neste skjermbilde\">\u2192<\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"mva-gallery-track mva-reveal\" tabindex=\"0\" role=\"region\" aria-label=\"Skjermbilder fra Mind vs AI\">\n\n          <figure class=\"mva-shot\">\n            <img\n              src=\"https:\/\/driftstudio.no\/wp-content\/uploads\/2026\/09\/01_Tren_hjernen.png\"\n              alt=\"Mind vs AI \u2013 appens startside\"\n              width=\"1242\"\n              height=\"2688\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <figcaption>\n              <span class=\"mva-inline-no\">Tren hjernen<\/span>\n              <span class=\"mva-inline-en\">Train your brain<\/span>\n            <\/figcaption>\n          <\/figure>\n\n          <figure class=\"mva-shot\">\n            <img\n              src=\"https:\/\/driftstudio.no\/wp-content\/uploads\/2026\/09\/02_Mange_spill.png\"\n              alt=\"Mind vs AI \u2013 oversikt over spill\"\n              width=\"1242\"\n              height=\"2688\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <figcaption>\n              <span class=\"mva-inline-no\">Mange spill<\/span>\n              <span class=\"mva-inline-en\">Many games<\/span>\n            <\/figcaption>\n          <\/figure>\n\n          <figure class=\"mva-shot\">\n            <img\n              src=\"https:\/\/driftstudio.no\/wp-content\/uploads\/2026\/09\/03_Dagens_utfordring.png\"\n              alt=\"Mind vs AI \u2013 dagens utfordring\"\n              width=\"1242\"\n              height=\"2688\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <figcaption>\n              <span class=\"mva-inline-no\">Dagens utfordring<\/span>\n              <span class=\"mva-inline-en\">Daily challenge<\/span>\n            <\/figcaption>\n          <\/figure>\n\n          <figure class=\"mva-shot\">\n            <img\n              src=\"https:\/\/driftstudio.no\/wp-content\/uploads\/2026\/09\/04_AI_gjettelek.png\"\n              alt=\"Mind vs AI \u2013 AI-gjetteleken\"\n              width=\"1242\"\n              height=\"2688\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <figcaption>\n              <span class=\"mva-inline-no\">AI-gjettelek<\/span>\n              <span class=\"mva-inline-en\">AI guessing game<\/span>\n            <\/figcaption>\n          <\/figure>\n\n          <figure class=\"mva-shot\">\n            <img\n              src=\"https:\/\/driftstudio.no\/wp-content\/uploads\/2026\/09\/05_Fremgang-1.png\"\n              alt=\"Mind vs AI \u2013 fremgang og statistikk\"\n              width=\"1242\"\n              height=\"2688\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <figcaption>\n              <span class=\"mva-inline-no\">Din fremgang<\/span>\n              <span class=\"mva-inline-en\">Your progress<\/span>\n            <\/figcaption>\n          <\/figure>\n\n        <\/div>\n\n        <div class=\"mva-gallery-dots\" aria-label=\"Velg skjermbilde\">\n          <button type=\"button\" data-mva-slide=\"0\" aria-label=\"Skjermbilde 1\"><\/button>\n          <button type=\"button\" data-mva-slide=\"1\" aria-label=\"Skjermbilde 2\"><\/button>\n          <button type=\"button\" data-mva-slide=\"2\" aria-label=\"Skjermbilde 3\"><\/button>\n          <button type=\"button\" data-mva-slide=\"3\" aria-label=\"Skjermbilde 4\"><\/button>\n          <button type=\"button\" data-mva-slide=\"4\" aria-label=\"Skjermbilde 5\"><\/button>\n        <\/div>\n\n      <\/section>\n\n      <!-- Spilloversikt -->\n\n      <section class=\"mva-section\" id=\"mva-games\">\n\n        <div class=\"mva-section-head mva-section-head-center mva-reveal\">\n          <div class=\"mva-lang mva-no\">\n            <span class=\"mva-kicker\">\u00c5tte m\u00e5ter \u00e5 utfordre deg selv<\/span>\n            <h2>Finn din neste duell.<\/h2>\n            <p>Fra raske sp\u00f8rsm\u00e5l til sjakk og uendelige kretsbrett.<\/p>\n          <\/div>\n\n          <div class=\"mva-lang mva-en\">\n            <span class=\"mva-kicker\">Eight ways to challenge yourself<\/span>\n            <h2>Find your next duel.<\/h2>\n            <p>From quick questions to chess and endless circuit boards.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"mva-games-grid\">\n\n          <article class=\"mva-game mva-game-cyan mva-reveal\">\n            <div class=\"mva-game-top\">\n              <span class=\"mva-game-symbol\" aria-hidden=\"true\">\u25a6<\/span>\n              <span class=\"mva-game-badge\">DAGLIG<\/span>\n            <\/div>\n            <h3>Daily Brain Challenge<\/h3>\n            <p class=\"mva-inline-no\">Fem nye hjernetrim hver dag.<\/p>\n            <p class=\"mva-inline-en\">Five new brain challenges every day.<\/p>\n          <\/article>\n\n          <article class=\"mva-game mva-game-purple mva-reveal\">\n            <div class=\"mva-game-top\">\n              <span class=\"mva-game-symbol\" aria-hidden=\"true\">\u25c8<\/span>\n              <span class=\"mva-game-badge\">AI<\/span>\n            <\/div>\n            <h3>Beat the AI<\/h3>\n            <p class=\"mva-inline-no\">Svar bedre enn maskinen.<\/p>\n            <p class=\"mva-inline-en\">Give a better answer than the machine.<\/p>\n          <\/article>\n\n          <article class=\"mva-game mva-game-cyan mva-reveal\">\n            <div class=\"mva-game-top\">\n              <span class=\"mva-game-symbol\" aria-hidden=\"true\">?<\/span>\n              <span class=\"mva-game-badge\">10 SP\u00d8RSM\u00c5L<\/span>\n            <\/div>\n            <h3>\n              <span class=\"mva-inline-no\">Kan AI gjette det?<\/span>\n              <span class=\"mva-inline-en\">Can AI guess it?<\/span>\n            <\/h3>\n            <p class=\"mva-inline-no\">Tenk p\u00e5 noe og hold fasiten hemmelig.<\/p>\n            <p class=\"mva-inline-en\">Think of something and keep the answer secret.<\/p>\n          <\/article>\n\n          <article class=\"mva-game mva-game-pink mva-reveal\">\n            <div class=\"mva-game-top\">\n              <span class=\"mva-game-symbol\" aria-hidden=\"true\">\u25d0<\/span>\n              <span class=\"mva-game-badge\">AI<\/span>\n            <\/div>\n            <h3>\n              <span class=\"mva-inline-no\">Kan du lure AI?<\/span>\n              <span class=\"mva-inline-en\">Can you fool AI?<\/span>\n            <\/h3>\n            <p class=\"mva-inline-no\">Sannhet eller bl\u00f8ff \u2013 klarer AI \u00e5 avsl\u00f8re deg?<\/p>\n            <p class=\"mva-inline-en\">Truth or bluff \u2014 can AI expose you?<\/p>\n          <\/article>\n\n          <article class=\"mva-game mva-game-green mva-reveal\">\n            <div class=\"mva-game-top\">\n              <span class=\"mva-game-symbol\" aria-hidden=\"true\">\u00d7\u25cb<\/span>\n              <span class=\"mva-game-badge\">LOKAL<\/span>\n            <\/div>\n            <h3>\n              <span class=\"mva-inline-no\">3 p\u00e5 rad<\/span>\n              <span class=\"mva-inline-en\">Tic-tac-toe<\/span>\n            <\/h3>\n            <p class=\"mva-inline-no\">En rask klassiker mot lokal AI.<\/p>\n            <p class=\"mva-inline-en\">A quick classic against local AI.<\/p>\n          <\/article>\n\n          <article class=\"mva-game mva-game-purple mva-reveal\">\n            <div class=\"mva-game-top\">\n              <span class=\"mva-game-symbol\" aria-hidden=\"true\">\u2736<\/span>\n              <span class=\"mva-game-badge\">3 NIV\u00c5ER<\/span>\n            <\/div>\n            <h3>\n              <span class=\"mva-inline-no\">Kinasjakk<\/span>\n              <span class=\"mva-inline-en\">Chinese Checkers<\/span>\n            <\/h3>\n            <p class=\"mva-inline-no\">Planlegg hoppene og fyll m\u00e5ltriangelet.<\/p>\n            <p class=\"mva-inline-en\">Plan your jumps and fill the target camp.<\/p>\n          <\/article>\n\n          <article class=\"mva-game mva-game-gold mva-reveal\">\n            <div class=\"mva-game-top\">\n              <span class=\"mva-game-symbol\" aria-hidden=\"true\">\u265f<\/span>\n              <span class=\"mva-game-badge\">2D \/ 3D<\/span>\n            <\/div>\n            <h3>\n              <span class=\"mva-inline-no\">Sjakk<\/span>\n              <span class=\"mva-inline-en\">Chess<\/span>\n            <\/h3>\n            <p class=\"mva-inline-no\">Klassisk strategikamp mot AI.<\/p>\n            <p class=\"mva-inline-en\">Classic strategy against AI.<\/p>\n          <\/article>\n\n          <article class=\"mva-game mva-game-cyan mva-reveal\">\n            <div class=\"mva-game-top\">\n              <span class=\"mva-game-symbol\" aria-hidden=\"true\">\u03df<\/span>\n              <span class=\"mva-game-badge\">\u221e BRETT<\/span>\n            <\/div>\n            <h3>Neon Circuit<\/h3>\n            <p class=\"mva-inline-no\">Bygg forbindelsen fra hjernen til AI-kjernen.<\/p>\n            <p class=\"mva-inline-en\">Build the connection from the brain to the AI core.<\/p>\n          <\/article>\n\n        <\/div>\n\n      <\/section>\n\n      <!-- Lokal og ekte AI -->\n\n      <section class=\"mva-dual mva-reveal\">\n\n        <article class=\"mva-dual-panel mva-local-panel\">\n          <span class=\"mva-panel-label mva-panel-green\">\n            <span aria-hidden=\"true\">\u2301<\/span>\n            <span class=\"mva-inline-no\">LOKAL AI<\/span>\n            <span class=\"mva-inline-en\">LOCAL AI<\/span>\n          <\/span>\n          <h2>\n            <span class=\"mva-inline-no\">Spill uten venting.<\/span>\n            <span class=\"mva-inline-en\">Play without waiting.<\/span>\n          <\/h2>\n          <p class=\"mva-inline-no\">\n            3 p\u00e5 rad, Kinasjakk, Sjakk og Neon Circuit kj\u00f8rer lokalt.\n            De bruker ingen OpenAI-kall eller AI-kvote.\n          <\/p>\n          <p class=\"mva-inline-en\">\n            Tic-tac-toe, Chinese Checkers, Chess and Neon Circuit run locally.\n            They use no OpenAI calls or AI quota.\n          <\/p>\n        <\/article>\n\n        <article class=\"mva-dual-panel mva-real-panel\">\n          <span class=\"mva-panel-label mva-panel-purple\">\n            <span aria-hidden=\"true\">\u25c8<\/span>\n            <span class=\"mva-inline-no\">EKTE AI<\/span>\n            <span class=\"mva-inline-en\">REAL AI<\/span>\n          <\/span>\n          <h2>\n            <span class=\"mva-inline-no\">N\u00e5r maskinen virkelig svarer.<\/span>\n            <span class=\"mva-inline-en\">When the machine really responds.<\/span>\n          <\/h2>\n          <p class=\"mva-inline-no\">\n            De AI-drevne lekene gir dynamiske sp\u00f8rsm\u00e5l, vurderinger og svar.\n            Appen viser tydelig hvilke spill som bruker ekte AI.\n          <\/p>\n          <p class=\"mva-inline-en\">\n            AI-powered games provide dynamic questions, evaluations and answers.\n            The app clearly shows which games use real AI.\n          <\/p>\n        <\/article>\n\n      <\/section>\n\n      <!-- Fremgang -->\n\n      <section class=\"mva-progress-section mva-section\">\n\n        <div class=\"mva-progress-visual mva-reveal\">\n          <div class=\"mva-progress-glow\" aria-hidden=\"true\"><\/div>\n          <img\n            src=\"https:\/\/driftstudio.no\/wp-content\/uploads\/2026\/09\/05_Fremgang-1.png\"\n            alt=\"Mind vs AI \u2013 hjernescore og personlig statistikk\"\n            width=\"1242\"\n            height=\"2688\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/div>\n\n        <div class=\"mva-progress-copy mva-reveal\">\n          <div class=\"mva-lang mva-no\">\n            <span class=\"mva-kicker\">Sm\u00e5 \u00f8kter. Synlig fremgang.<\/span>\n            <h2>Sl\u00e5 g\u00e5rsdagens versjon av deg selv.<\/h2>\n            <p>\n              Hjernescore samler prestasjonene dine p\u00e5 tvers av oppgavetyper.\n              F\u00f8lg antall \u00f8kter, riktige svar, streak og resultater mot AI.\n            <\/p>\n\n            <ul class=\"mva-check-list\">\n              <li>Personlig hjernescore<\/li>\n              <li>Aktiv streak og beste streak<\/li>\n              <li>Seire, tap og uavgjort mot AI<\/li>\n              <li>Statistikk for hvert spill<\/li>\n            <\/ul>\n          <\/div>\n\n          <div class=\"mva-lang mva-en\">\n            <span class=\"mva-kicker\">Short sessions. Visible progress.<\/span>\n            <h2>Beat yesterday's version of yourself.<\/h2>\n            <p>\n              Brain Score brings your results together across challenge types.\n              Track sessions, correct answers, streaks and results against AI.\n            <\/p>\n\n            <ul class=\"mva-check-list\">\n              <li>Personal Brain Score<\/li>\n              <li>Current and best streak<\/li>\n              <li>Wins, losses and draws against AI<\/li>\n              <li>Statistics for each game<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n      <\/section>\n\n      <!-- Personvern og sp\u00f8rsm\u00e5l -->\n\n      <section class=\"mva-section\" id=\"mva-privacy\">\n\n        <div class=\"mva-section-head mva-section-head-center mva-reveal\">\n          <div class=\"mva-lang mva-no\">\n            <span class=\"mva-kicker\">Tydelig fra f\u00f8rste trekk<\/span>\n            <h2>Spill med kontroll.<\/h2>\n            <p>Du skal alltid vite n\u00e5r et spill bruker lokal eller ekte AI.<\/p>\n          <\/div>\n\n          <div class=\"mva-lang mva-en\">\n            <span class=\"mva-kicker\">Clear from the first move<\/span>\n            <h2>Play with control.<\/h2>\n            <p>You should always know when a game uses local or real AI.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"mva-privacy-grid\">\n          <article class=\"mva-privacy-card mva-reveal\">\n            <span class=\"mva-privacy-symbol\" aria-hidden=\"true\">\u25a3<\/span>\n            <h3>\n              <span class=\"mva-inline-no\">Privat fasit<\/span>\n              <span class=\"mva-inline-en\">Private answer<\/span>\n            <\/h3>\n            <p class=\"mva-inline-no\">\n              I gjetteleken blir fasiten liggende p\u00e5 iPhone under spillet og sendes ikke til AI-en.\n            <\/p>\n            <p class=\"mva-inline-en\">\n              In the guessing game, your secret answer stays on the iPhone during play and is not sent to the AI.\n            <\/p>\n          <\/article>\n\n          <article class=\"mva-privacy-card mva-reveal\">\n            <span class=\"mva-privacy-symbol\" aria-hidden=\"true\">\u25ce<\/span>\n            <h3>\n              <span class=\"mva-inline-no\">Tydelige merker<\/span>\n              <span class=\"mva-inline-en\">Clear labels<\/span>\n            <\/h3>\n            <p class=\"mva-inline-no\">\n              Spillkortene viser om utfordringen bruker ekte AI eller kj\u00f8rer lokalt p\u00e5 enheten.\n            <\/p>\n            <p class=\"mva-inline-en\">\n              Game cards show whether a challenge uses real AI or runs locally on the device.\n            <\/p>\n          <\/article>\n\n          <article class=\"mva-privacy-card mva-reveal\">\n            <span class=\"mva-privacy-symbol\" aria-hidden=\"true\">\u2301<\/span>\n            <h3>\n              <span class=\"mva-inline-no\">Lokale spill<\/span>\n              <span class=\"mva-inline-en\">On-device games<\/span>\n            <\/h3>\n            <p class=\"mva-inline-no\">\n              Strategispillene og kretsbrettene trenger ingen OpenAI-kall for \u00e5 fungere.\n            <\/p>\n            <p class=\"mva-inline-en\">\n              Strategy games and circuit boards need no OpenAI calls to work.\n            <\/p>\n          <\/article>\n        <\/div>\n\n        <div class=\"mva-faq mva-reveal\">\n\n          <details>\n            <summary>\n              <span class=\"mva-inline-no\">M\u00e5 alle spill ha internett?<\/span>\n              <span class=\"mva-inline-en\">Do all games require internet?<\/span>\n            <\/summary>\n            <p class=\"mva-inline-no\">\n              Nei. Flere spill kj\u00f8rer lokalt. Funksjoner som bruker ekte AI trenger internett.\n            <\/p>\n            <p class=\"mva-inline-en\">\n              No. Several games run locally. Features using real AI require an internet connection.\n            <\/p>\n          <\/details>\n\n          <details>\n            <summary>\n              <span class=\"mva-inline-no\">Kan jeg velge vanskelighetsgrad?<\/span>\n              <span class=\"mva-inline-en\">Can I choose a difficulty?<\/span>\n            <\/summary>\n            <p class=\"mva-inline-no\">\n              Ja. Flere av strategispillene tilbyr Lett, Normal og Ekspert.\n            <\/p>\n            <p class=\"mva-inline-en\">\n              Yes. Several strategy games offer Easy, Normal and Expert modes.\n            <\/p>\n          <\/details>\n\n          <details>\n            <summary>\n              <span class=\"mva-inline-no\">Blir fremgangen min lagret?<\/span>\n              <span class=\"mva-inline-en\">Is my progress saved?<\/span>\n            <\/summary>\n            <p class=\"mva-inline-no\">\n              Ja. Appen tar vare p\u00e5 hjernescore, streak, resultater og spillstatistikk.\n            <\/p>\n            <p class=\"mva-inline-en\">\n              Yes. The app keeps your Brain Score, streaks, results and game statistics.\n            <\/p>\n          <\/details>\n\n        <\/div>\n\n      <\/section>\n\n      <!-- Avsluttende CTA -->\n\n      <section class=\"mva-final-cta mva-reveal\">\n        <div class=\"mva-final-icon-wrap\" aria-hidden=\"true\">\n          <img\n            src=\"https:\/\/driftstudio.no\/wp-content\/uploads\/2026\/09\/iconmindvsai.png\"\n            alt=\"\"\n            width=\"92\"\n            height=\"92\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/div>\n\n        <div class=\"mva-lang mva-no\">\n          <span class=\"mva-kicker\">Menneske eller maskin?<\/span>\n          <h2>Svaret finner du i neste spill.<\/h2>\n          <p>Mind vs AI kommer snart til App Store.<\/p>\n          <span class=\"mva-button mva-button-primary mva-button-disabled\" aria-disabled=\"true\">\n            Kommer snart\n          <\/span>\n        <\/div>\n\n        <div class=\"mva-lang mva-en\">\n          <span class=\"mva-kicker\">Human or machine?<\/span>\n          <h2>The answer is in your next game.<\/h2>\n          <p>Mind vs AI is coming soon to the App Store.<\/p>\n          <span class=\"mva-button mva-button-primary mva-button-disabled\" aria-disabled=\"true\">\n            Coming soon\n          <\/span>\n        <\/div>\n      <\/section>\n\n    <\/main>\n\n    <!-- Footer -->\n\n    <footer class=\"mva-footer\">\n      <div class=\"mva-footer-brand\">\n        <img\n          src=\"https:\/\/driftstudio.no\/wp-content\/uploads\/2026\/09\/iconmindvsai.png\"\n          alt=\"\"\n          width=\"48\"\n          height=\"48\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        >\n        <div>\n          <strong>Mind vs AI<\/strong>\n          <span>\n            <span class=\"mva-inline-no\">Bygget av Drift Studio i Norge<\/span>\n            <span class=\"mva-inline-en\">Built by Drift Studio in Norway<\/span>\n          <\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"mva-footer-links\">\n        <a href=\"https:\/\/driftstudio.no\/\">\n          DriftStudio.no\n        <\/a>\n        <a href=\"#mva-privacy\">\n          <span class=\"mva-inline-no\">Personvern<\/span>\n          <span class=\"mva-inline-en\">Privacy<\/span>\n        <\/a>\n        <a href=\"mailto:post@driftstudio.no\">\n          post@driftstudio.no\n        <\/a>\n      <\/div>\n\n      <p class=\"mva-copyright\">\n        \u00a9 <span data-mva-year>2026<\/span> Drift Studio\n      <\/p>\n    <\/footer>\n\n  <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Hopp til innholdet Skip to content Mind vs AI Funksjoner Features Spill Games Skjermbilder Screenshots Personvern Privacy NO EN \u2726 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-230","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/driftstudio.no\/index.php\/wp-json\/wp\/v2\/pages\/230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/driftstudio.no\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/driftstudio.no\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/driftstudio.no\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/driftstudio.no\/index.php\/wp-json\/wp\/v2\/comments?post=230"}],"version-history":[{"count":2,"href":"https:\/\/driftstudio.no\/index.php\/wp-json\/wp\/v2\/pages\/230\/revisions"}],"predecessor-version":[{"id":232,"href":"https:\/\/driftstudio.no\/index.php\/wp-json\/wp\/v2\/pages\/230\/revisions\/232"}],"wp:attachment":[{"href":"https:\/\/driftstudio.no\/index.php\/wp-json\/wp\/v2\/media?parent=230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}