{"id":1012,"date":"2026-04-26T10:48:55","date_gmt":"2026-04-26T10:48:55","guid":{"rendered":"https:\/\/stadiaorg.com\/?page_id=1012"},"modified":"2026-07-09T08:54:32","modified_gmt":"2026-07-09T08:54:32","slug":"home-2","status":"publish","type":"page","link":"https:\/\/stadiaorg.com\/de\/","title":{"rendered":"Stadia Welt"},"content":{"rendered":"\n<div id=\"sv-home-core\">\n\n<img fetchpriority=\"high\"\n  src=\"https:\/\/stadiaorg.com\/wp-content\/uploads\/2026\/06\/earth_transparent_stadia-1-2.png\"\n  alt=\"\"\n  width=\"1\"\n  height=\"1\"\n  loading=\"eager\"\n  fetchpriority=\"high\"\n  decoding=\"async\"\n  style=\"position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;\"\n>\n\n<style>\n#sv-home-core{\n  --navy:#090b2f;\n  --text:#0f172a;\n  --muted:#64748b;\n  --line:#e2e8f0;\n  --soft:#f8fafc;\n  --purple:#6a5cff;\n  --purple2:#8b5cf6;\n  --red:#e11d48;\n  --pink:#ec4899;\n  --orange:#f97316;\n  --blue:#2563eb;\n  width:100%;\n  max-width:none;\n  margin:0 auto;\n  padding:0 0 96px;\n  overflow:hidden;\n  background:#ffffff;\n  color:var(--text);\n  font-family:Arial,Helvetica,sans-serif;\n}\n\n#sv-home-core *{\n  box-sizing:border-box;\n}\n\n\/* REMOVE WORDPRESS THEME HEADER \/ TITLE \/ TOP EMPTY SPACE *\/\nbody:has(#sv-home-core) .entry-title,\nbody:has(#sv-home-core) .wp-block-post-title,\nbody:has(#sv-home-core) header.entry-header,\nbody:has(#sv-home-core) .page-header,\nbody:has(#sv-home-core) .wp-block-template-part,\nbody:has(#sv-home-core) .site-header,\nbody:has(#sv-home-core) .wp-site-blocks > header,\nbody:has(#sv-home-core) .wp-site-blocks > .wp-block-group:first-child,\nbody:has(#sv-home-core) .wp-site-blocks > .wp-block-template-part:first-child{\n  display:none !important;\n  height:0 !important;\n  min-height:0 !important;\n  max-height:0 !important;\n  overflow:hidden !important;\n  margin:0 !important;\n  padding:0 !important;\n}\n\nbody:has(#sv-home-core) .entry-content,\nbody:has(#sv-home-core) .wp-block-post-content,\nbody:has(#sv-home-core) main,\nbody:has(#sv-home-core) .site-main,\nbody:has(#sv-home-core) article,\nbody:has(#sv-home-core) .hentry,\nbody:has(#sv-home-core) .post,\nbody:has(#sv-home-core) .page{\n  width:100% !important;\n  max-width:none !important;\n  margin:0 !important;\n  padding:0 !important;\n  overflow-x:hidden !important;\n}\n\nbody:has(#sv-home-core){\n  overflow-x:hidden !important;\n}\n\n#sv-home-core a{\n  text-decoration:none !important;\n}\n\n#sv-home-core .sv-wrap{\n  width:min(1440px,94vw);\n  margin:0 auto;\n  padding:0 28px;\n}\n\n\/* TOP BAR *\/\n#sv-home-core .sv-topbar{\n  position:relative;\n  z-index:20;\n  width:min(1500px,96vw);\n  margin:0 auto;\n  padding:14px 28px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:24px;\n  background:#ffffff;\n}\n\n#sv-home-core .sv-logo{\n  display:flex;\n  align-items:center;\n  gap:12px;\n  color:var(--navy) !important;\n}\n\n#sv-home-core .sv-logo-mark{\n  width:46px;\n  height:46px;\n  border-radius:50%;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border:2px solid rgba(106,92,255,.22);\n  background:\n    radial-gradient(circle at 30% 20%,rgba(236,72,153,.22),transparent 34%),\n    radial-gradient(circle at 70% 80%,rgba(106,92,255,.22),transparent 36%),\n    #ffffff;\n  box-shadow:0 12px 32px rgba(15,23,42,.08);\n  font-size:24px;\n  font-weight:900;\n}\n\n#sv-home-core .sv-logo-text strong{\n  display:block;\n  font-size:29px;\n  line-height:.9;\n  letter-spacing:-.04em;\n  font-weight:900;\n}\n\n#sv-home-core .sv-logo-text span{\n  display:block;\n  margin-top:5px;\n  font-size:10px;\n  letter-spacing:.35em;\n  text-transform:uppercase;\n  color:#64748b;\n  font-weight:900;\n}\n\n#sv-home-core .sv-nav{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:28px;\n  flex-wrap:wrap;\n}\n\n#sv-home-core .sv-nav a{\n  color:#111827 !important;\n  font-size:14px;\n  font-weight:900;\n}\n\n#sv-home-core .sv-nav a:hover{\n  color:var(--purple) !important;\n}\n\n#sv-home-core .sv-top-actions{\n  display:flex;\n  gap:10px;\n  align-items:center;\n}\n\n#sv-home-core .sv-small-btn{\n  min-height:46px;\n  padding:12px 19px;\n  border-radius:16px;\n  border:1px solid rgba(226,232,240,.95);\n  background:#ffffff;\n  color:#0f172a !important;\n  font-size:14px;\n  font-weight:900;\n  box-shadow:0 12px 26px rgba(15,23,42,.06);\n}\n\n#sv-home-core .sv-small-btn.sv-join{\n  background:linear-gradient(135deg,#6a5cff,#8b5cf6);\n  color:#fff !important;\n  border:none;\n  box-shadow:0 16px 34px rgba(106,92,255,.25);\n}\n\n\/* HERO *\/\n#sv-home-core .sv-hero{\n  position:relative;\n  padding:44px 0 40px;\n  background:\n    radial-gradient(circle at 67% 34%,rgba(106,92,255,.16),transparent 28%),\n    radial-gradient(circle at 12% 14%,rgba(225,29,72,.09),transparent 24%),\n    linear-gradient(90deg,#ffffff 0%,#ffffff 44%,#f8fafc 58%,#050816 100%);\n  overflow:hidden;\n}\n\n#sv-home-core .sv-hero::after{\n  content:\"\";\n  position:absolute;\n  right:-10%;\n  top:0;\n  width:58%;\n  height:100%;\n  background:\n    radial-gradient(circle at 60% 40%,rgba(59,130,246,.12),transparent 28%),\n    radial-gradient(circle at 70% 50%,rgba(15,23,42,.72),transparent 50%),\n    linear-gradient(90deg,rgba(255,255,255,0),rgba(15,23,42,.82));\n  pointer-events:none;\n}\n\n#sv-home-core .sv-hero-grid{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr);\n  gap:44px;\n  align-items:center;\n}\n\n#sv-home-core .sv-kicker{\n  display:inline-flex;\n  align-items:center;\n  padding:10px 15px;\n  border-radius:999px;\n  background:#fff1f2;\n  color:#be123c;\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:.10em;\n  text-transform:uppercase;\n  margin-bottom:18px;\n}\n\n#sv-home-core h1{\n  margin:0 0 22px;\n  max-width:850px;\n  font-size:72px;\n  line-height:1.08;\n  letter-spacing:-.045em;\n  color:var(--navy);\n  font-weight:900;\n  overflow:visible;\n  padding-bottom:6px;\n}\n\n#sv-home-core h1 .sv-gradient-word{\n  display:inline-block;\n  background:linear-gradient(90deg,#e11d48,#ec4899,#7c3aed);\n  -webkit-background-clip:text;\n  background-clip:text;\n  color:transparent;\n  overflow:visible;\n  padding-bottom:4px;\n}\n\n#sv-home-core .sv-hero-line{\n  width:74px;\n  height:3px;\n  border-radius:999px;\n  background:linear-gradient(90deg,#e11d48,#6a5cff);\n  margin:0 0 22px;\n}\n\n#sv-home-core .sv-lead{\n  max-width:630px;\n  margin:0 0 26px;\n  color:#475569;\n  font-size:20px;\n  line-height:1.68;\n}\n\n#sv-home-core .sv-fast-start{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  max-width:760px;\n}\n\n#sv-home-core .sv-fast-pill{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:42px;\n  padding:10px 15px;\n  border-radius:999px;\n  border:1px solid #e2e8f0;\n  background:#ffffff;\n  color:#0f172a !important;\n  font-size:13px;\n  font-weight:900;\n  box-shadow:0 10px 24px rgba(15,23,42,.06);\n}\n\n#sv-home-core .sv-fast-pill:hover{\n  border-color:#c4b5fd;\n  transform:translateY(-2px);\n}\n\n\/* EARTH *\/\n#sv-home-core .sv-earth-zone{\n  position:relative;\n  min-height:470px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n#sv-home-core .sv-stars{\n  position:absolute;\n  inset:-40px -80px;\n  background-image:\n    radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 1px),\n    radial-gradient(circle,rgba(147,197,253,.7) 0 1px,transparent 1px);\n  background-size:46px 46px,78px 78px;\n  opacity:.32;\n  mask-image:linear-gradient(90deg,transparent,black 35%,black 100%);\n  pointer-events:none;\n}\n\n#sv-home-core .sv-earth-orbit{\n  position:absolute;\n  width:620px;\n  height:238px;\n  border-radius:50%;\n  border:1px solid rgba(255,255,255,.25);\n  transform:rotate(-19deg);\n  animation:svOrbitPulse 7.5s ease-in-out infinite;\n  opacity:.55;\n}\n\n#sv-home-core .sv-earth-orbit::before,\n#sv-home-core .sv-earth-orbit::after{\n  content:\"\";\n  position:absolute;\n  width:110px;\n  height:3px;\n  border-radius:999px;\n  background:linear-gradient(90deg,transparent,#fbbf24,#ffffff,transparent);\n  filter:blur(.15px);\n  animation:svOrbitMove 6.8s linear infinite;\n}\n\n#sv-home-core .sv-earth-orbit::before{\n  left:58%;\n  top:90%;\n}\n\n#sv-home-core .sv-earth-orbit::after{\n  right:70%;\n  top:8%;\n  animation-delay:-2.2s;\n  opacity:.55;\n}\n\n#sv-home-core .sv-earth-frame{\n  position:relative;\n  width:490px;\n  height:490px;\n  border-radius:50%;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  transform:translateZ(0);\n}\n\n#sv-home-core .sv-earth-frame::before{\n  content:\"\";\n  position:absolute;\n  inset:1.8%;\n  border-radius:50%;\n  background:\n    radial-gradient(circle at 34% 28%,rgba(255,255,255,.20),transparent 19%),\n    radial-gradient(circle,rgba(59,130,246,.14) 0%,rgba(59,130,246,.08) 50%,rgba(59,130,246,.02) 67%,transparent 72%);\n  box-shadow:\n    0 0 10px rgba(147,197,253,.46),\n    0 0 22px rgba(59,130,246,.23),\n    0 0 42px rgba(37,99,235,.12);\n  z-index:1;\n}\n\n#sv-home-core .sv-earth-frame::after{\n  content:\"\";\n  position:absolute;\n  inset:4.5%;\n  border-radius:50%;\n  background-image:url(\"https:\/\/stadiaorg.com\/wp-content\/uploads\/2026\/06\/earth_transparent_stadia-1-2.png\");\n  background-size:contain;\n  background-position:center;\n  background-repeat:no-repeat;\n  z-index:2;\n  filter:brightness(1.08) contrast(1.02) saturate(1.05);\n  animation:svEarthRotate 42s linear infinite;\n  will-change:transform;\n  transform-origin:center center;\n}\n\n#sv-home-core .sv-earth-shine{\n  position:absolute;\n  left:8%;\n  top:35%;\n  width:78px;\n  height:78px;\n  border-radius:50%;\n  background:radial-gradient(circle,#ffffff 0%,rgba(191,219,254,.75) 19%,rgba(255,255,255,.12) 42%,transparent 70%);\n  z-index:3;\n  animation:svShine 5.2s ease-in-out infinite;\n}\n\n@keyframes svEarthRotate{\n  0%{transform:rotate(0deg);}\n  100%{transform:rotate(360deg);}\n}\n\n@keyframes svOrbitPulse{\n  0%{transform:rotate(-19deg) scale(1);opacity:.38;}\n  50%{transform:rotate(-17deg) scale(1.015);opacity:.62;}\n  100%{transform:rotate(-19deg) scale(1);opacity:.38;}\n}\n\n@keyframes svOrbitMove{\n  0%{transform:translateX(-20px);opacity:.2;}\n  50%{transform:translateX(45px);opacity:.85;}\n  100%{transform:translateX(120px);opacity:.1;}\n}\n\n@keyframes svShine{\n  0%{opacity:.48;transform:scale(.96);}\n  50%{opacity:.82;transform:scale(1.03);}\n  100%{opacity:.48;transform:scale(.96);}\n}\n\/* ROUTER - HEART OF THE PAGE *\/\n#sv-home-core .sv-router-section{\n  position:relative;\n  z-index:6;\n  margin-top:-18px;\n}\n\n#sv-home-core .sv-router-shell{\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  border-radius:38px;\n  padding:34px;\n  box-shadow:0 30px 90px rgba(15,23,42,.11);\n}\n\n#sv-home-core .sv-section-head{\n  text-align:center;\n  max-width:1000px;\n  margin:0 auto 30px;\n}\n\n#sv-home-core .sv-section-head .sv-mini-kicker{\n  display:inline-flex;\n  margin-bottom:14px;\n  padding:9px 14px;\n  border-radius:999px;\n  background:#eef2ff;\n  color:#4f46e5;\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n#sv-home-core .sv-section-head h2{\n  margin:0 0 12px;\n  font-size:46px;\n  line-height:1.08;\n  letter-spacing:-.045em;\n  color:var(--navy);\n}\n\n#sv-home-core .sv-section-head p{\n  margin:0 auto;\n  color:#64748b;\n  font-size:18px;\n  line-height:1.65;\n}\n\n#sv-home-core .sv-router-card{\n  display:grid;\n  grid-template-columns:minmax(0,1fr) minmax(320px,.36fr);\n  gap:22px;\n  border:1px solid #e2e8f0;\n  border-radius:30px;\n  background:\n    radial-gradient(circle at top left,rgba(106,92,255,.06),transparent 30%),\n    #ffffff;\n  padding:26px;\n}\n\n#sv-home-core .sv-router-title{\n  display:flex;\n  align-items:flex-start;\n  gap:14px;\n  margin-bottom:22px;\n}\n\n#sv-home-core .sv-router-icon{\n  width:54px;\n  height:54px;\n  border-radius:18px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:#eef2ff;\n  color:#4f46e5;\n  font-size:25px;\n  box-shadow:0 12px 28px rgba(106,92,255,.10);\n}\n\n#sv-home-core .sv-router-title h3{\n  margin:0 0 4px;\n  font-size:25px;\n  line-height:1.15;\n  color:#0f172a;\n}\n\n#sv-home-core .sv-router-title p{\n  margin:0;\n  color:#64748b;\n  font-size:14px;\n  line-height:1.45;\n}\n\n#sv-home-core .sv-pressure-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:12px;\n  margin-bottom:22px;\n}\n\n#sv-home-core .sv-pressure-choice{\n  min-height:88px;\n  width:100%;\n  border:1px solid #e2e8f0;\n  border-radius:18px;\n  background:#ffffff;\n  color:#0f172a;\n  padding:15px;\n  text-align:left;\n  cursor:pointer;\n  font-size:14px;\n  font-weight:900;\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n  gap:12px;\n  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;\n}\n\n#sv-home-core .sv-pressure-choice:hover{\n  transform:translateY(-3px);\n  border-color:#c4b5fd;\n  box-shadow:0 14px 30px rgba(15,23,42,.08);\n}\n\n#sv-home-core .sv-pressure-choice.active{\n  border-color:#6a5cff;\n  background:linear-gradient(180deg,#f5f3ff,#ffffff);\n  box-shadow:0 14px 32px rgba(106,92,255,.13);\n}\n\n#sv-home-core .sv-pressure-choice .icon{\n  font-size:24px;\n  line-height:1;\n}\n\n#sv-home-core .sv-pressure-choice small{\n  color:#64748b;\n  font-weight:700;\n  line-height:1.35;\n}\n\n#sv-home-core .sv-router-flow{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:16px;\n}\n\n#sv-home-core .sv-flow-box{\n  border:1px solid #e2e8f0;\n  border-radius:20px;\n  background:#f8fafc;\n  padding:18px;\n}\n\n#sv-home-core .sv-flow-box strong{\n  display:block;\n  color:#4f46e5;\n  font-size:12px;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n  margin-bottom:12px;\n}\n\n#sv-home-core .sv-choice-list{\n  display:grid;\n  gap:9px;\n}\n\n#sv-home-core .sv-small-choice{\n  min-height:45px;\n  border:1px solid #e2e8f0;\n  border-radius:14px;\n  background:#ffffff;\n  color:#0f172a;\n  padding:11px 12px;\n  text-align:left;\n  cursor:pointer;\n  font-size:13px;\n  font-weight:900;\n}\n\n#sv-home-core .sv-small-choice.active{\n  border-color:#fb7185;\n  background:#fff1f2;\n  color:#be123c;\n}\n\n#sv-home-core .sv-small-choice.voices-active{\n  border-color:#6a5cff;\n  background:#f5f3ff;\n  color:#4f46e5;\n}\n\n#sv-home-core .sv-result{\n  background:\n    radial-gradient(circle at top right,rgba(106,92,255,.13),transparent 34%),\n    linear-gradient(180deg,#ffffff,#f8fafc);\n  border:1px solid #e2e8f0;\n  border-radius:26px;\n  padding:22px;\n  box-shadow:0 20px 54px rgba(15,23,42,.08);\n}\n\n#sv-home-core .sv-result h3{\n  display:flex;\n  align-items:center;\n  gap:9px;\n  margin:0 0 18px;\n  color:#0f172a;\n  font-size:20px;\n  line-height:1.15;\n}\n\n#sv-home-core .sv-path-stack{\n  display:grid;\n  gap:10px;\n  margin-bottom:18px;\n}\n\n#sv-home-core .sv-path-item{\n  padding:13px 14px;\n  border-radius:14px;\n  background:#f5f3ff;\n  color:#4f46e5;\n  font-size:13px;\n  font-weight:900;\n  border:1px solid #ddd6fe;\n}\n\n#sv-home-core .sv-path-item.red{\n  background:#fff1f2;\n  color:#be123c;\n  border-color:#fecdd3;\n}\n\n#sv-home-core .sv-path-arrow{\n  text-align:center;\n  color:#94a3b8;\n  line-height:1;\n  font-size:15px;\n}\n\n#sv-home-core .sv-room-box{\n  padding:15px;\n  border-radius:16px;\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  color:#334155;\n  font-size:13px;\n  line-height:1.55;\n  margin-bottom:18px;\n}\n\n#sv-home-core .sv-room-box strong{\n  display:block;\n  color:#0f172a;\n  font-size:15px;\n  margin-bottom:5px;\n}\n\n#sv-home-core .sv-meaning{\n  color:#64748b;\n  font-size:13px;\n  line-height:1.65;\n  margin-bottom:18px;\n}\n\n#sv-home-core .sv-meaning strong{\n  display:block;\n  color:#0f172a;\n  margin-bottom:6px;\n}\n\n#sv-home-core .sv-main-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  width:100%;\n  min-height:50px;\n  border-radius:16px;\n  padding:14px 18px;\n  border:none;\n  background:#090b2f;\n  color:#ffffff !important;\n  font-size:14px;\n  font-weight:900;\n  cursor:pointer;\n  box-shadow:0 18px 38px rgba(15,23,42,.18);\n}\n\n#sv-home-core .sv-principles{\n  margin-top:28px;\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:20px;\n}\n\n#sv-home-core .sv-principle{\n  position:relative;\n  min-height:230px;\n  padding:28px 24px;\n  border-radius:28px;\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  box-shadow:0 18px 50px rgba(15,23,42,.07);\n  overflow:hidden;\n}\n\n#sv-home-core .sv-principle::after{\n  content:\"\";\n  position:absolute;\n  left:-10%;\n  right:-10%;\n  bottom:30%;\n  height:70px;\n  background:linear-gradient(90deg,rgba(225,29,72,.05),rgba(106,92,255,.08),rgba(249,115,22,.05));\n  transform:rotate(-6deg);\n  pointer-events:none;\n}\n\n#sv-home-core .sv-principle-inner{\n  position:relative;\n  z-index:2;\n}\n\n#sv-home-core .sv-principle-num{\n  width:44px;\n  height:44px;\n  border-radius:50%;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:12px;\n  font-weight:900;\n  color:#e11d48;\n  background:#fff1f2;\n  margin-bottom:16px;\n}\n\n#sv-home-core .sv-principle-icon{\n  font-size:36px;\n  line-height:1;\n  margin-bottom:16px;\n}\n\n#sv-home-core .sv-principle h3{\n  margin:0 0 12px;\n  color:var(--navy);\n  font-size:24px;\n  line-height:1.1;\n  letter-spacing:-.03em;\n}\n\n#sv-home-core .sv-principle p{\n  margin:0;\n  color:#64748b;\n  font-size:14px;\n  line-height:1.65;\n}\n\n#sv-home-core .sv-statement{\n  margin-top:30px;\n  border-radius:34px;\n  overflow:hidden;\n  border:1px solid #e2e8f0;\n  background:\n    radial-gradient(circle at 78% 40%,rgba(106,92,255,.18),transparent 30%),\n    radial-gradient(circle at 18% 22%,rgba(236,72,153,.12),transparent 26%),\n    linear-gradient(135deg,#ffffff,#f7f2ff 62%,#ffffff);\n  box-shadow:0 24px 70px rgba(15,23,42,.08);\n}\n\n#sv-home-core .sv-statement-grid{\n  display:grid;\n  grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);\n  gap:30px;\n  align-items:center;\n  padding:58px 56px 42px;\n}\n\n#sv-home-core .sv-statement h2{\n  margin:0 0 20px;\n  color:var(--navy);\n  font-size:50px;\n  line-height:1.08;\n  letter-spacing:-.04em;\n  overflow:visible;\n}\n\n#sv-home-core .sv-statement h2 em{\n  color:#e11d48;\n  font-style:italic;\n}\n\n#sv-home-core .sv-statement p{\n  margin:0 0 28px;\n  max-width:540px;\n  color:#64748b;\n  font-size:19px;\n  line-height:1.65;\n}\n\n#sv-home-core .sv-statement p strong{\n  color:#6a5cff;\n}\n\n#sv-home-core .sv-statement-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n}\n\n#sv-home-core .sv-pill-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:52px;\n  padding:14px 22px;\n  border-radius:999px;\n  background:#6a5cff;\n  color:#ffffff !important;\n  font-size:14px;\n  font-weight:900;\n  box-shadow:0 16px 36px rgba(106,92,255,.22);\n}\n\n#sv-home-core .sv-pill-btn.outline{\n  background:#ffffff;\n  color:#0f172a !important;\n  border:1px solid #e2e8f0;\n  box-shadow:0 12px 28px rgba(15,23,42,.06);\n}\n\n#sv-home-core .sv-network{\n  position:relative;\n  min-height:340px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n#sv-home-core .sv-network-ring{\n  position:absolute;\n  border:1px dashed rgba(106,92,255,.35);\n  border-radius:50%;\n  animation:svRingSpin 22s linear infinite;\n}\n\n#sv-home-core .sv-ring-1{\n  width:440px;\n  height:210px;\n  transform:rotate(-10deg);\n}\n\n#sv-home-core .sv-ring-2{\n  width:540px;\n  height:250px;\n  transform:rotate(13deg);\n  animation-duration:28s;\n}\n\n#sv-home-core .sv-core{\n  position:relative;\n  z-index:3;\n  width:118px;\n  height:118px;\n  border-radius:50%;\n  background:#ffffff;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border:1px solid #e2e8f0;\n  box-shadow:0 24px 60px rgba(106,92,255,.22);\n  font-size:48px;\n}\n\n#sv-home-core .sv-person{\n  position:absolute;\n  z-index:4;\n  width:66px;\n  height:66px;\n  border-radius:50%;\n  background:\n    radial-gradient(circle at 35% 22%,#ffffff,transparent 18%),\n    linear-gradient(135deg,#c4b5fd,#fda4af);\n  border:4px solid #ffffff;\n  box-shadow:0 18px 38px rgba(15,23,42,.14);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:#0f172a;\n  font-size:25px;\n  font-weight:900;\n}\n\n#sv-home-core .sv-p1{left:18%;top:24%;}\n#sv-home-core .sv-p2{right:18%;top:18%;}\n#sv-home-core .sv-p3{left:30%;bottom:13%;}\n#sv-home-core .sv-p4{right:26%;bottom:14%;}\n#sv-home-core .sv-p5{right:9%;top:48%;}\n#sv-home-core .sv-p6{left:8%;top:53%;}\n\n#sv-home-core .sv-statement-bottom{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  border-top:1px solid rgba(226,232,240,.9);\n  background:rgba(255,255,255,.56);\n}\n\n#sv-home-core .sv-bottom-item{\n  padding:22px 24px;\n  display:flex;\n  align-items:center;\n  gap:13px;\n  border-right:1px solid rgba(226,232,240,.9);\n}\n\n#sv-home-core .sv-bottom-item:last-child{\n  border-right:none;\n}\n\n#sv-home-core .sv-bottom-item span{\n  font-size:24px;\n}\n\n#sv-home-core .sv-bottom-item strong{\n  display:block;\n  font-size:14px;\n  color:#0f172a;\n  margin-bottom:3px;\n}\n\n#sv-home-core .sv-bottom-item small{\n  display:block;\n  color:#64748b;\n  font-size:12px;\n  font-weight:700;\n}\n\n@keyframes svRingSpin{\n  0%{rotate:0deg;}\n  100%{rotate:360deg;}\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:1280px){\n  #sv-home-core h1{\n    font-size:62px;\n    line-height:1.1;\n    letter-spacing:-.04em;\n  }\n\n  #sv-home-core .sv-hero-grid{\n    grid-template-columns:1fr;\n  }\n\n  #sv-home-core .sv-hero{\n    background:\n      radial-gradient(circle at 78% 24%,rgba(106,92,255,.14),transparent 28%),\n      linear-gradient(180deg,#ffffff 0%,#ffffff 48%,#071022 100%);\n  }\n\n  #sv-home-core .sv-earth-zone{\n    min-height:460px;\n  }\n\n  #sv-home-core .sv-router-card{\n    grid-template-columns:1fr;\n  }\n\n  #sv-home-core .sv-principles{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  #sv-home-core .sv-statement-grid{\n    grid-template-columns:1fr;\n  }\n\n  #sv-home-core .sv-network{\n    min-height:300px;\n  }\n}\n\n@media(max-width:980px){\n  #sv-home-core .sv-nav{\n    display:none;\n  }\n\n  #sv-home-core .sv-pressure-grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  #sv-home-core .sv-router-flow{\n    grid-template-columns:1fr;\n  }\n\n  #sv-home-core .sv-statement-bottom{\n    grid-template-columns:repeat(2,1fr);\n  }\n}\n\n@media(max-width:760px){\n  #sv-home-core .sv-wrap{\n    width:100%;\n    padding:0 16px;\n  }\n\n  #sv-home-core .sv-topbar{\n    width:100%;\n    padding:14px 16px;\n  }\n\n  #sv-home-core .sv-logo-text strong{\n    font-size:24px;\n  }\n\n  #sv-home-core .sv-top-actions{\n    display:none;\n  }\n\n  #sv-home-core .sv-hero{\n    padding:28px 0 62px;\n  }\n\n  #sv-home-core .sv-hero-grid{\n    gap:28px;\n    padding-top:12px;\n  }\n\n  #sv-home-core h1{\n    font-size:42px;\n    line-height:1.12;\n    letter-spacing:-.035em;\n  }\n\n  #sv-home-core .sv-lead{\n    font-size:17px;\n  }\n\n  #sv-home-core .sv-pressure-grid,\n  #sv-home-core .sv-principles,\n  #sv-home-core .sv-statement-bottom{\n    grid-template-columns:1fr;\n  }\n\n  #sv-home-core .sv-earth-zone{\n    min-height:310px;\n  }\n\n  #sv-home-core .sv-earth-frame{\n    width:285px;\n    height:285px;\n  }\n\n  #sv-home-core .sv-earth-orbit{\n    width:340px;\n    height:145px;\n  }\n\n  #sv-home-core .sv-router-shell{\n    padding:20px;\n    border-radius:28px;\n  }\n\n  #sv-home-core .sv-router-card{\n    padding:18px;\n    border-radius:24px;\n  }\n\n  #sv-home-core .sv-section-head h2{\n    font-size:34px;\n    line-height:1.12;\n  }\n\n  #sv-home-core .sv-statement-grid{\n    padding:40px 22px 28px;\n  }\n\n  #sv-home-core .sv-statement h2{\n    font-size:36px;\n    line-height:1.12;\n    letter-spacing:-.035em;\n  }\n\n  #sv-home-core .sv-statement p{\n    font-size:17px;\n  }\n\n  #sv-home-core .sv-network{\n    min-height:260px;\n  }\n\n  #sv-home-core .sv-ring-1{\n    width:270px;\n    height:135px;\n  }\n\n  #sv-home-core .sv-ring-2{\n    width:320px;\n    height:160px;\n  }\n\n  #sv-home-core .sv-person{\n    width:48px;\n    height:48px;\n    font-size:18px;\n  }\n\n  #sv-home-core .sv-core{\n    width:88px;\n    height:88px;\n    font-size:35px;\n  }\n}\n* =========================================================\n   STADIA FINAL OVERRIDE\n   Router first. Globe secondary. No distracting rotation.\n   ========================================================= *\/\n\n\/* riduce spazio e porta il Router pi\u00f9 vicino *\/\n#sv-home-core .sv-hero{\n  padding:30px 0 28px !important;\n  min-height:auto !important;\n}\n\n#sv-home-core .sv-hero-grid{\n  gap:28px !important;\n  align-items:center !important;\n}\n\n\/* titolo pi\u00f9 compatto, non tagliato *\/\n#sv-home-core h1{\n  font-size:64px !important;\n  line-height:1.08 !important;\n  letter-spacing:-.04em !important;\n  margin-bottom:18px !important;\n  padding-bottom:8px !important;\n  overflow:visible !important;\n}\n\n#sv-home-core h1 .sv-gradient-word{\n  padding-bottom:6px !important;\n  overflow:visible !important;\n}\n\n\/* testo pi\u00f9 corto visivamente *\/\n#sv-home-core .sv-lead{\n  font-size:18px !important;\n  line-height:1.6 !important;\n  margin-bottom:18px !important;\n  max-width:620px !important;\n}\n\n\/* globo meno protagonista *\/\n#sv-home-core .sv-earth-zone{\n  min-height:360px !important;\n}\n\n#sv-home-core .sv-earth-frame{\n  width:360px !important;\n  height:360px !important;\n}\n\n\/* FERMA la rotazione del globo *\/\n#sv-home-core .sv-earth-frame::after{\n  animation:none !important;\n  transform:none !important;\n}\n\n\/* orbite pi\u00f9 leggere e lente *\/\n#sv-home-core .sv-earth-orbit{\n  width:460px !important;\n  height:180px !important;\n  opacity:.28 !important;\n  animation:none !important;\n}\n\n#sv-home-core .sv-earth-orbit::before,\n#sv-home-core .sv-earth-orbit::after{\n  animation:none !important;\n  opacity:.35 !important;\n}\n\n\/* atmosfera pi\u00f9 sottile *\/\n#sv-home-core .sv-earth-frame::before{\n  inset:2.8% !important;\n  box-shadow:\n    0 0 8px rgba(147,197,253,.40),\n    0 0 18px rgba(59,130,246,.20),\n    0 0 34px rgba(37,99,235,.10) !important;\n}\n\n\/* il Router sale e diventa il cuore della pagina *\/\n#sv-home-core .sv-router-section{\n  margin-top:-6px !important;\n}\n\n#sv-home-core .sv-router-shell{\n  border-radius:34px !important;\n  padding:30px !important;\n}\n\n\/* headline Router pi\u00f9 forte *\/\n#sv-home-core .sv-section-head h2{\n  font-size:44px !important;\n  line-height:1.08 !important;\n  max-width:900px !important;\n  margin-left:auto !important;\n  margin-right:auto !important;\n}\n\n\/* le 8 pressioni diventano il centro visivo *\/\n#sv-home-core .sv-pressure-grid{\n  grid-template-columns:repeat(4,1fr) !important;\n  gap:14px !important;\n}\n\n#sv-home-core .sv-pressure-choice{\n  min-height:104px !important;\n  border-radius:20px !important;\n  font-size:15px !important;\n  box-shadow:0 14px 34px rgba(15,23,42,.06) !important;\n}\n\n#sv-home-core .sv-pressure-choice.active{\n  border-color:#6a5cff !important;\n  background:\n    radial-gradient(circle at top right,rgba(106,92,255,.14),transparent 38%),\n    linear-gradient(180deg,#f5f3ff,#ffffff) !important;\n  box-shadow:0 18px 42px rgba(106,92,255,.18) !important;\n}\n\n\/* mobile *\/\n@media(max-width:980px){\n  #sv-home-core .sv-pressure-grid{\n    grid-template-columns:repeat(2,1fr) !important;\n  }\n\n  #sv-home-core .sv-earth-frame{\n    width:300px !important;\n    height:300px !important;\n  }\n\n  #sv-home-core h1{\n    font-size:48px !important;\n  }\n}\n\n@media(max-width:760px){\n  #sv-home-core .sv-pressure-grid{\n    grid-template-columns:1fr !important;\n  }\n\n  #sv-home-core .sv-earth-zone{\n    min-height:260px !important;\n  }\n\n  #sv-home-core .sv-earth-frame{\n    width:250px !important;\n    height:250px !important;\n  }\n\n  #sv-home-core h1{\n    font-size:40px !important;\n  }\n}\n<\/style>\n\n<header class=\"sv-topbar\">\n  <a class=\"sv-logo\" href=\"\/\">\n    <div class=\"sv-logo-mark\">\u273f<\/div>\n    <div class=\"sv-logo-text\">\n      <strong>stadia<\/strong>\n      <span>vitae<\/span>\n    <\/div>\n  <\/a>\n\n  <nav class=\"sv-nav\" aria-label=\"Stadia main navigation\">\n    <a href=\"#sv-router-anchor\">How it works<\/a>\n    <a href=\"\/the-changing-self\/\">The Changing Self<\/a>\n    <a href=\"\/growth-profile-test\/\">Growth Profile<\/a>\n    <a href=\"\/mind-arena\/\">Mind Arena<\/a>\n    <a href=\"\/about\/\">About<\/a>\n  <\/nav>\n\n  <div class=\"sv-top-actions\">\n    <a class=\"sv-small-btn\" href=\"\/open-conversation\/\">Sign in<\/a>\n    <a class=\"sv-small-btn sv-join\" href=\"\/open-conversation\/\">Join Stadia<\/a>\n  <\/div>\n<\/header>\n\n<section class=\"sv-hero\">\n  <div class=\"sv-wrap\">\n    <div class=\"sv-hero-grid\">\n\n      <div class=\"sv-hero-copy\">\n        <div class=\"sv-kicker\">From frustration to direction<\/div>\n\n        <h1>\n          What is<br>\n          <span class=\"sv-gradient-word\">frustrating<\/span><br>\n          you right now?\n        <\/h1>\n\n        <div class=\"sv-hero-line\"><\/div>\n\n        <p class=\"sv-lead\">\n          Start with what feels wrong. Stadia helps you find who should hear it,\n          which pressure is behind it, and which room can turn it into direction.\n        <\/p>\n\n        <div class=\"sv-fast-start\">\n          <a class=\"sv-fast-pill\" href=\"#sv-router-anchor\">Career uncertainty<\/a>\n          <a class=\"sv-fast-pill\" href=\"#sv-router-anchor\">Work pressure<\/a>\n          <a class=\"sv-fast-pill\" href=\"#sv-router-anchor\">Money pressure<\/a>\n          <a class=\"sv-fast-pill\" href=\"#sv-router-anchor\">Housing pressure<\/a>\n          <a class=\"sv-fast-pill\" href=\"#sv-router-anchor\">Loneliness<\/a>\n          <a class=\"sv-fast-pill\" href=\"#sv-router-anchor\">Relationship pressure<\/a>\n          <a class=\"sv-fast-pill\" href=\"#sv-router-anchor\">Identity change<\/a>\n          <a class=\"sv-fast-pill\" href=\"#sv-router-anchor\">Social pressure<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"sv-earth-zone\" aria-label=\"Earth visual\">\n        <div class=\"sv-stars\"><\/div>\n        <div class=\"sv-earth-orbit\"><\/div>\n        <div class=\"sv-earth-frame\">\n          <div class=\"sv-earth-shine\"><\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"sv-router-anchor\" class=\"sv-router-section\">\n  <div class=\"sv-wrap\">\n\n    <div class=\"sv-router-shell\">\n\n      <div class=\"sv-section-head\">\n        <div class=\"sv-mini-kicker\">The heart of Stadia<\/div>\n        <h2>Choose your pressure. Find the right voices. Enter the right room.<\/h2>\n        <p>\n          The visitor is not only reading. The visitor is choosing himself.\n          That is where Stadia begins.\n        <\/p>\n      <\/div>\n\n      <div class=\"sv-router-card\">\n\n        <div class=\"sv-router-main\">\n\n          <div class=\"sv-router-title\">\n            <div class=\"sv-router-icon\">\u2318<\/div>\n            <div>\n              <h3>Conversation Router<\/h3>\n              <p>Start with one pressure. Stadia builds the path around it.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"sv-pressure-grid\" id=\"sv-main-pressure-grid\">\n\n            <button type=\"button\" class=\"sv-pressure-choice active\" data-situation=\"Career uncertainty\" data-pressure=\"Future pressure\" data-voices=\"Students\" data-room=\"Open Conversation\" data-room-title=\"Career Crossroads\">\n              <span class=\"icon\">\ud83d\udcbc<\/span>\n              Career uncertainty\n              <small>Direction, study, work choices, future anxiety.<\/small>\n            <\/button>\n\n            <button type=\"button\" class=\"sv-pressure-choice\" data-situation=\"Work pressure\" data-pressure=\"Decision pressure\" data-voices=\"Professionals\" data-room=\"Open Conversation\" data-room-title=\"Work Pressure\">\n              <span class=\"icon\">\ud83e\uddf0<\/span>\n              Work pressure\n              <small>Burnout, instability, blocked direction, daily stress.<\/small>\n            <\/button>\n\n            <button type=\"button\" class=\"sv-pressure-choice\" data-situation=\"Money pressure\" data-pressure=\"Economic pressure\" data-voices=\"Civic voices\" data-room=\"Civic Signals\" data-room-title=\"Cost of Living Signals\">\n              <span class=\"icon\">\u25c9<\/span>\n              Money pressure\n              <small>Costs, salary, bills, instability and security.<\/small>\n            <\/button>\n\n            <button type=\"button\" class=\"sv-pressure-choice\" data-situation=\"Housing pressure\" data-pressure=\"Economic pressure\" data-voices=\"Civic voices\" data-room=\"Civic Signals\" data-room-title=\"Housing Pressure\">\n              <span class=\"icon\">\u2302<\/span>\n              Housing pressure\n              <small>Rent, living conditions, family planning, mobility.<\/small>\n            <\/button>\n\n            <button type=\"button\" class=\"sv-pressure-choice\" data-situation=\"Loneliness\" data-pressure=\"Social pressure\" data-voices=\"People who lived this before\" data-room=\"Open Conversation\" data-room-title=\"Loneliness &#038; Belonging\">\n              <span class=\"icon\">\u25ce<\/span>\n              Loneliness\n              <small>Isolation, not being understood, missing connection.<\/small>\n            <\/button>\n\n            <button type=\"button\" class=\"sv-pressure-choice\" data-situation=\"Relationship pressure\" data-pressure=\"Family pressure\" data-voices=\"Parents &#038; Families\" data-room=\"Open Conversation\" data-room-title=\"Relationship Pressure\">\n              <span class=\"icon\">\u2661<\/span>\n              Relationship pressure\n              <small>Family, partner, friendship or social tension.<\/small>\n            <\/button>\n\n            <button type=\"button\" class=\"sv-pressure-choice\" data-situation=\"Identity change\" data-pressure=\"Identity pressure\" data-voices=\"Older voices\" data-room=\"The Changing Self\" data-room-title=\"The Changing Self\">\n              <span class=\"icon\">\u2659<\/span>\n              Identity change\n              <small>Who you were, what changed you, who you are becoming.<\/small>\n            <\/button>\n\n            <button type=\"button\" class=\"sv-pressure-choice\" data-situation=\"Social pressure\" data-pressure=\"Social pressure\" data-voices=\"Everyone\" data-room=\"Civic Discussion Room\" data-room-title=\"Civic Discussion\">\n              <span class=\"icon\">\u2667<\/span>\n              Social pressure\n              <small>Public trust, institutions, policy, shared patterns.<\/small>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"sv-router-flow\">\n\n            <div class=\"sv-flow-box\">\n              <strong>Pressure behind it<\/strong>\n              <div class=\"sv-choice-list\" id=\"sv-pressure-grid\">\n                <button type=\"button\" class=\"sv-small-choice active\" data-value=\"Future pressure\">Future pressure<\/button>\n                <button type=\"button\" class=\"sv-small-choice\" data-value=\"Economic pressure\">Economic pressure<\/button>\n                <button type=\"button\" class=\"sv-small-choice\" data-value=\"Identity pressure\">Identity pressure<\/button>\n                <button type=\"button\" class=\"sv-small-choice\" data-value=\"Family pressure\">Family pressure<\/button>\n                <button type=\"button\" class=\"sv-small-choice\" data-value=\"Social pressure\">Social pressure<\/button>\n                <button type=\"button\" class=\"sv-small-choice\" data-value=\"Decision pressure\">Decision pressure<\/button>\n              <\/div>\n            <\/div>\n\n            <div class=\"sv-flow-box\">\n              <strong>Who should hear this?<\/strong>\n              <div class=\"sv-choice-list\" id=\"sv-voices-grid\">\n                <button type=\"button\" class=\"sv-small-choice voices-active\" data-value=\"Students\">Students<\/button>\n                <button type=\"button\" class=\"sv-small-choice\" data-value=\"Professionals\">Professionals<\/button>\n                <button type=\"button\" class=\"sv-small-choice\" data-value=\"Parents &#038; Families\">Parents &#038; Families<\/button>\n                <button type=\"button\" class=\"sv-small-choice\" data-value=\"Entrepreneurs\">Entrepreneurs<\/button>\n                <button type=\"button\" class=\"sv-small-choice\" data-value=\"Older voices\">Older voices<\/button>\n                <button type=\"button\" class=\"sv-small-choice\" data-value=\"Everyone\">Everyone<\/button>\n                <button type=\"button\" class=\"sv-small-choice\" data-value=\"Civic voices\">Civic voices<\/button>\n                <button type=\"button\" class=\"sv-small-choice\" data-value=\"People who lived this before\">People who lived this before<\/button>\n              <\/div>\n            <\/div>\n\n          <\/div>\n        <\/div>\n\n        <aside class=\"sv-result\">\n\n          <h3>\u2318 Your conversation path<\/h3>\n\n          <div class=\"sv-path-stack\">\n            <div class=\"sv-path-item\" id=\"sv-out-situation\">Career uncertainty<\/div>\n            <div class=\"sv-path-arrow\">\u2193<\/div>\n            <div class=\"sv-path-item red\" id=\"sv-out-pressure\">Future pressure<\/div>\n            <div class=\"sv-path-arrow\">\u2193<\/div>\n            <div class=\"sv-path-item\" id=\"sv-out-voices\">Students<\/div>\n          <\/div>\n\n          <div class=\"sv-room-box\">\n            <strong id=\"sv-out-room\">Open Conversation \u00b7 Career Crossroads<\/strong>\n            <span id=\"sv-out-room-text\">\n              Structured circles. Real stories. Actionable direction.\n            <\/span>\n          <\/div>\n\n          <div class=\"sv-meaning\">\n            <strong>What this means<\/strong>\n            <span id=\"sv-out-meaning\">\n              You are not alone in this uncertainty. Talk to students and people who have faced similar crossroads.\n            <\/span>\n          <\/div>\n\n          <a class=\"sv-main-btn\" id=\"sv-room-link\" href=\"\/open-conversation\/\">\n            Enter Open Conversation \u2192\n          <\/a>\n\n        <\/aside>\n\n      <\/div>\n\n      <div class=\"sv-principles\">\n\n        <div class=\"sv-principle\">\n          <div class=\"sv-principle-inner\">\n            <div class=\"sv-principle-num\">01<\/div>\n            <div class=\"sv-principle-icon\">\u26a1<\/div>\n            <h3>Pressure starts the signal.<\/h3>\n            <p>Frustration is real. Stadia respects it as the beginning of meaningful change.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"sv-principle\">\n          <div class=\"sv-principle-inner\">\n            <div class=\"sv-principle-num\">02<\/div>\n            <div class=\"sv-principle-icon\">\u25ce<\/div>\n            <h3>The self gives context.<\/h3>\n            <p>Understanding who you are now shapes the conversation you truly need.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"sv-principle\">\n          <div class=\"sv-principle-inner\">\n            <div class=\"sv-principle-num\">03<\/div>\n            <div class=\"sv-principle-icon\">\u2667<\/div>\n            <h3>The right voices respond.<\/h3>\n            <p>Real people. Lived experience. Voices that see your pressure from your world.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"sv-principle\">\n          <div class=\"sv-principle-inner\">\n            <div class=\"sv-principle-num\">04<\/div>\n            <div class=\"sv-principle-icon\">\ud83e\udded<\/div>\n            <h3>The room gives direction.<\/h3>\n            <p>Structured spaces turn insight into clarity, next steps and real movement.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <section class=\"sv-statement\">\n\n        <div class=\"sv-statement-grid\">\n\n          <div>\n            <h2>\n              Stadia is <em>not everyone<\/em><br>\n              talking to everyone.\n            <\/h2>\n\n            <p>\n              Stadia is the attempt to bring the\n              <strong>right human pressure<\/strong> to the\n              <strong>right human perspective<\/strong>.\n            <\/p>\n\n            <div class=\"sv-statement-actions\">\n              <a class=\"sv-pill-btn\" href=\"\/open-conversation\/\">Learn how Stadia works \u2192<\/a>\n              <a class=\"sv-pill-btn outline\" href=\"#sv-router-anchor\">Explore the model \u25b6<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"sv-network\" aria-label=\"Stadia human perspective network\">\n            <div class=\"sv-network-ring sv-ring-1\"><\/div>\n            <div class=\"sv-network-ring sv-ring-2\"><\/div>\n            <div class=\"sv-core\">\u273f<\/div>\n            <div class=\"sv-person sv-p1\">A<\/div>\n            <div class=\"sv-person sv-p2\">M<\/div>\n            <div class=\"sv-person sv-p3\">L<\/div>\n            <div class=\"sv-person sv-p4\">S<\/div>\n            <div class=\"sv-person sv-p5\">R<\/div>\n            <div class=\"sv-person sv-p6\">N<\/div>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"sv-statement-bottom\">\n          <div class=\"sv-bottom-item\">\n            <span>\u2667<\/span>\n            <div><strong>Real people<\/strong><small>Real conversations<\/small><\/div>\n          <\/div>\n\n          <div class=\"sv-bottom-item\">\n            <span>\u25c7<\/span>\n            <div><strong>Privacy by design<\/strong><small>Always<\/small><\/div>\n          <\/div>\n\n          <div class=\"sv-bottom-item\">\n            <span>\u2726<\/span>\n            <div><strong>Structured for depth<\/strong><small>Not noise<\/small><\/div>\n          <\/div>\n\n          <div class=\"sv-bottom-item\">\n            <span>\u25ce<\/span>\n            <div><strong>Local insight<\/strong><small>Global perspective<\/small><\/div>\n          <\/div>\n        <\/div>\n\n      <\/section>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\",function(){\n  var root=document.getElementById(\"sv-home-core\");\n  if(!root){return;}\n\n  var state={\n    situation:\"Career uncertainty\",\n    pressure:\"Future pressure\",\n    voices:\"Students\",\n    room:\"Open Conversation\",\n    roomTitle:\"Career Crossroads\"\n  };\n\n  var roomLinks={\n    \"Open Conversation\":\"\/open-conversation\/\",\n    \"Civic Signals\":\"\/civic-signals\/\",\n    \"Civic Discussion Room\":\"\/civic-discussion-room\/\",\n    \"The Changing Self\":\"\/the-changing-self\/\",\n    \"Mind Arena\":\"\/mind-arena\/\"\n  };\n\n  function setMatchingActive(gridId,value,className){\n    var grid=root.querySelector(\"#\"+gridId);\n    if(!grid){return;}\n    grid.querySelectorAll(\"button\").forEach(function(btn){\n      btn.classList.remove(\"active\");\n      btn.classList.remove(\"voices-active\");\n      if((btn.getAttribute(\"data-value\") || \"\")===value){\n        btn.classList.add(className);\n      }\n    });\n  }\n\n  function meaningText(){\n    var s=state.situation.toLowerCase();\n    var p=state.pressure.toLowerCase();\n    var v=state.voices.toLowerCase();\n\n    if(s.indexOf(\"money\")>=0 || s.indexOf(\"housing\")>=0){\n      return \"This pressure may not be only personal. It may connect to costs, stability, housing and shared civic conditions.\";\n    }\n\n    if(s.indexOf(\"identity\")>=0){\n      return \"This may be a transition of self. The right conversation can help you understand what changed and what is still becoming.\";\n    }\n\n    if(s.indexOf(\"relationship\")>=0 || s.indexOf(\"loneliness\")>=0){\n      return \"This pressure needs human perspective, not noise. Speak with people who can understand the emotional and social context.\";\n    }\n\n    if(p.indexOf(\"economic\")>=0){\n      return \"Economic pressure often connects private stress with wider systems. Stadia helps route it toward practical and civic perspective.\";\n    }\n\n    return \"You are not alone in this uncertainty. Talk to \"+v+\" and people who have faced similar crossroads.\";\n  }\n\n  function updateOutput(){\n    var outSituation=root.querySelector(\"#sv-out-situation\");\n    var outPressure=root.querySelector(\"#sv-out-pressure\");\n    var outVoices=root.querySelector(\"#sv-out-voices\");\n    var outRoom=root.querySelector(\"#sv-out-room\");\n    var outMeaning=root.querySelector(\"#sv-out-meaning\");\n    var roomLink=root.querySelector(\"#sv-room-link\");\n\n    if(outSituation){outSituation.textContent=state.situation;}\n    if(outPressure){outPressure.textContent=state.pressure;}\n    if(outVoices){outVoices.textContent=state.voices;}\n    if(outRoom){outRoom.textContent=state.room+\" \u00b7 \"+state.roomTitle;}\n    if(outMeaning){outMeaning.textContent=meaningText();}\n\n    if(roomLink){\n      roomLink.setAttribute(\"href\",roomLinks[state.room] || \"\/open-conversation\/\");\n      roomLink.textContent=\"Enter \"+state.room+\" \u2192\";\n    }\n  }\n\n  var mainGrid=root.querySelector(\"#sv-main-pressure-grid\");\n  if(mainGrid){\n    mainGrid.querySelectorAll(\".sv-pressure-choice\").forEach(function(btn){\n      btn.addEventListener(\"click\",function(){\n        mainGrid.querySelectorAll(\".sv-pressure-choice\").forEach(function(item){\n          item.classList.remove(\"active\");\n        });\n        btn.classList.add(\"active\");\n\n        state.situation=btn.getAttribute(\"data-situation\") || state.situation;\n        state.pressure=btn.getAttribute(\"data-pressure\") || state.pressure;\n        state.voices=btn.getAttribute(\"data-voices\") || state.voices;\n        state.room=btn.getAttribute(\"data-room\") || state.room;\n        state.roomTitle=btn.getAttribute(\"data-room-title\") || state.roomTitle;\n\n        setMatchingActive(\"sv-pressure-grid\",state.pressure,\"active\");\n        setMatchingActive(\"sv-voices-grid\",state.voices,\"voices-active\");\n        updateOutput();\n      });\n    });\n  }\n\n  var pressureGrid=root.querySelector(\"#sv-pressure-grid\");\n  if(pressureGrid){\n    pressureGrid.querySelectorAll(\".sv-small-choice\").forEach(function(btn){\n      btn.addEventListener(\"click\",function(){\n        pressureGrid.querySelectorAll(\".sv-small-choice\").forEach(function(item){\n          item.classList.remove(\"active\");\n        });\n        btn.classList.add(\"active\");\n        state.pressure=btn.getAttribute(\"data-value\") || state.pressure;\n        updateOutput();\n      });\n    });\n  }\n\n  var voicesGrid=root.querySelector(\"#sv-voices-grid\");\n  if(voicesGrid){\n    voicesGrid.querySelectorAll(\".sv-small-choice\").forEach(function(btn){\n      btn.addEventListener(\"click\",function(){\n        voicesGrid.querySelectorAll(\".sv-small-choice\").forEach(function(item){\n          item.classList.remove(\"voices-active\");\n        });\n        btn.classList.add(\"voices-active\");\n        state.voices=btn.getAttribute(\"data-value\") || state.voices;\n        updateOutput();\n      });\n    });\n  }\n\n});\n<\/script>\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>\u273f stadia vitae How it works The Changing Self Growth Profile Mind Arena About Sign in Join Stadia From frustration to direction What is frustrating you right now? Start with what feels wrong. Stadia helps you find who should hear it, which pressure is behind it, and which room can turn it into direction. Career [&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-1012","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/pages\/1012","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/comments?post=1012"}],"version-history":[{"count":64,"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/pages\/1012\/revisions"}],"predecessor-version":[{"id":1492,"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/pages\/1012\/revisions\/1492"}],"wp:attachment":[{"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/media?parent=1012"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}