{"id":1458,"date":"2026-07-07T14:29:25","date_gmt":"2026-07-07T14:29:25","guid":{"rendered":"https:\/\/stadiaorg.com\/?page_id=1458"},"modified":"2026-07-07T14:47:56","modified_gmt":"2026-07-07T14:47:56","slug":"find-the-right-voices","status":"publish","type":"page","link":"https:\/\/stadiaorg.com\/fr\/find-the-right-voices\/","title":{"rendered":"Trouvez les bonnes voix"},"content":{"rendered":"\n<div id=\"sv-voices\">\n\n<style>\n#sv-voices{\n  width:100%;\n  max-width:none;\n  margin:0 auto;\n  font-family:Arial,Helvetica,sans-serif;\n  color:#0f172a;\n  background:#ffffff;\n  padding:0 0 100px;\n  overflow:hidden;\n}\n\n#sv-voices *{\n  box-sizing:border-box;\n}\n\n\/* forza questa pagina a non essere tagliata dal contenitore WordPress *\/\nbody:has(#sv-voices) .entry-content,\nbody:has(#sv-voices) .wp-block-post-content,\nbody:has(#sv-voices) main,\nbody:has(#sv-voices) .site-main{\n  width:100% !important;\n  max-width:none !important;\n  margin-left:auto !important;\n  margin-right:auto !important;\n  padding-left:0 !important;\n  padding-right:0 !important;\n  overflow-x:hidden !important;\n}\n\nbody:has(#sv-voices){\n  overflow-x:hidden !important;\n}\n\n#sv-voices .sv-wrap{\n  width:min(1380px,94vw);\n  margin:0 auto;\n  padding:0 28px;\n}\n\n\/* HERO *\/\n#sv-voices .sv-hero{\n  position:relative;\n  padding:96px 0 86px;\n  background:\n    radial-gradient(circle at 76% 32%,rgba(106,92,255,.18),transparent 34%),\n    radial-gradient(circle at 12% 18%,rgba(225,29,72,.10),transparent 30%),\n    linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);\n  border-radius:0 0 46px 46px;\n}\n\n#sv-voices .sv-hero-inner{\n  display:grid;\n  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);\n  gap:56px;\n  align-items:center;\n}\n\n#sv-voices .sv-kicker{\n  display:inline-flex;\n  padding:11px 17px;\n  border-radius:999px;\n  background:#eef2ff;\n  color:#4f46e5;\n  font-size:13px;\n  font-weight:900;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n  margin-bottom:22px;\n}\n\n#sv-voices h1{\n  margin:0 0 24px;\n  font-size:72px;\n  line-height:.98;\n  letter-spacing:-.06em;\n  font-weight:900;\n  color:#0f172a;\n}\n\n#sv-voices .sv-lead{\n  max-width:780px;\n  margin:0 0 22px;\n  color:#334155;\n  font-size:23px;\n  line-height:1.58;\n}\n\n#sv-voices .sv-sub{\n  max-width:760px;\n  margin:0 0 34px;\n  color:#64748b;\n  font-size:18px;\n  line-height:1.8;\n}\n\n#sv-voices .sv-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:14px;\n  align-items:center;\n}\n\n#sv-voices .sv-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:56px;\n  padding:15px 24px;\n  border-radius:18px;\n  background:#6a5cff;\n  color:#ffffff !important;\n  font-weight:900;\n  font-size:15px;\n  text-decoration:none !important;\n  border:none;\n  cursor:pointer;\n  box-shadow:0 18px 42px rgba(106,92,255,.24);\n}\n\n#sv-voices .sv-btn-dark{\n  background:#0f172a;\n  box-shadow:0 18px 42px rgba(15,23,42,.18);\n}\n\n#sv-voices .sv-btn-light{\n  background:#ffffff;\n  color:#0f172a !important;\n  border:1px solid #e2e8f0;\n  box-shadow:0 14px 34px rgba(15,23,42,.08);\n}\n\n#sv-voices .sv-panel{\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  border-radius:38px;\n  padding:34px;\n  box-shadow:0 28px 80px rgba(15,23,42,.12);\n}\n\n#sv-voices .sv-panel-main{\n  padding:32px;\n  border-radius:30px;\n  background:\n    radial-gradient(circle at top right,rgba(106,92,255,.18),transparent 40%),\n    linear-gradient(180deg,#f8fafc,#ffffff);\n  border:1px solid #e2e8f0;\n  margin-bottom:18px;\n}\n\n#sv-voices .sv-panel-main strong{\n  display:block;\n  font-size:34px;\n  line-height:1.08;\n  letter-spacing:-.04em;\n  margin-bottom:12px;\n  color:#0f172a;\n}\n\n#sv-voices .sv-panel-main span{\n  display:block;\n  color:#64748b;\n  font-size:16px;\n  line-height:1.7;\n}\n\n#sv-voices .sv-mini-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:14px;\n}\n\n#sv-voices .sv-mini{\n  padding:18px;\n  border-radius:22px;\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  box-shadow:0 12px 30px rgba(15,23,42,.05);\n}\n\n#sv-voices .sv-mini strong{\n  display:block;\n  margin-bottom:7px;\n  font-size:16px;\n  color:#0f172a;\n}\n\n#sv-voices .sv-mini span{\n  color:#64748b;\n  font-size:14px;\n  line-height:1.55;\n}\n\n\/* INTRO *\/\n#sv-voices .sv-section-title{\n  max-width:980px;\n  text-align:center;\n  margin:86px auto 42px;\n}\n\n#sv-voices .sv-section-title h2{\n  margin:0 0 16px;\n  font-size:56px;\n  line-height:1.05;\n  letter-spacing:-.05em;\n  color:#0f172a;\n}\n\n#sv-voices .sv-section-title p{\n  max-width:840px;\n  margin:0 auto;\n  color:#64748b;\n  font-size:20px;\n  line-height:1.75;\n}\n\n\/* ROUTER *\/\n#sv-voices .sv-router{\n  display:grid;\n  grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);\n  gap:32px;\n  align-items:start;\n  margin-top:48px;\n}\n\n#sv-voices .sv-router-box,\n#sv-voices .sv-result-box{\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  border-radius:36px;\n  padding:34px;\n  box-shadow:0 24px 70px rgba(15,23,42,.08);\n}\n\n#sv-voices .sv-router-box h3,\n#sv-voices .sv-result-box h3{\n  margin:0 0 12px;\n  font-size:34px;\n  line-height:1.08;\n  letter-spacing:-.035em;\n  color:#0f172a;\n}\n\n#sv-voices .sv-router-box p,\n#sv-voices .sv-result-box p{\n  margin:0 0 22px;\n  color:#64748b;\n  font-size:16px;\n  line-height:1.75;\n}\n\n#sv-voices .sv-step{\n  margin-top:30px;\n}\n\n#sv-voices .sv-step-title{\n  display:block;\n  margin-bottom:13px;\n  font-size:13px;\n  font-weight:900;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n  color:#4f46e5;\n}\n\n#sv-voices .sv-choice-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:12px;\n}\n\n#sv-voices .sv-choice{\n  min-height:74px;\n  padding:16px;\n  border-radius:18px;\n  border:1px solid #e2e8f0;\n  background:#f8fafc;\n  color:#0f172a;\n  text-align:left;\n  cursor:pointer;\n  font-weight:900;\n  font-size:15px;\n  transition:transform .18s ease,background .18s ease,border-color .18s ease;\n}\n\n#sv-voices .sv-choice span{\n  display:block;\n  margin-top:5px;\n  color:#64748b;\n  font-weight:500;\n  font-size:13px;\n  line-height:1.45;\n}\n\n#sv-voices .sv-choice:hover{\n  transform:translateY(-2px);\n  border-color:#c4b5fd;\n  background:#ffffff;\n}\n\n#sv-voices .sv-choice.active{\n  background:#eef2ff;\n  border-color:#6a5cff;\n  box-shadow:0 12px 28px rgba(106,92,255,.13);\n}\n\n#sv-voices textarea{\n  width:100%;\n  min-height:118px;\n  padding:16px;\n  border-radius:18px;\n  border:1px solid #cbd5e1;\n  font-family:Arial,Helvetica,sans-serif;\n  color:#0f172a;\n  font-size:15px;\n  line-height:1.6;\n  resize:vertical;\n  outline:none;\n}\n\n#sv-voices textarea:focus{\n  border-color:#6a5cff;\n  box-shadow:0 0 0 4px rgba(106,92,255,.12);\n}\n\n#sv-voices .sv-result-box{\n  position:sticky;\n  top:28px;\n  background:\n    radial-gradient(circle at top right,rgba(106,92,255,.14),transparent 36%),\n    linear-gradient(180deg,#ffffff,#f8fafc);\n}\n\n#sv-voices .sv-path{\n  padding:18px;\n  border-radius:22px;\n  background:#0f172a;\n  color:#ffffff;\n  margin:18px 0;\n}\n\n#sv-voices .sv-path small{\n  display:block;\n  margin-bottom:10px;\n  color:#cbd5e1;\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n#sv-voices .sv-path strong{\n  display:block;\n  color:#ffffff;\n  font-size:22px;\n  line-height:1.25;\n}\n\n#sv-voices .sv-generated{\n  padding:18px;\n  border-radius:22px;\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  color:#334155;\n  line-height:1.75;\n  white-space:pre-line;\n  margin-bottom:18px;\n}\n\n#sv-voices .sv-small-note{\n  color:#64748b;\n  font-size:13px;\n  line-height:1.6;\n  margin-top:12px;\n}\n\n\/* MAP *\/\n#sv-voices .sv-map{\n  margin-top:90px;\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:22px;\n}\n\n#sv-voices .sv-map-card{\n  min-height:260px;\n  padding:28px;\n  border-radius:30px;\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  box-shadow:0 18px 46px rgba(15,23,42,.07);\n}\n\n#sv-voices .sv-map-card:nth-child(1){\n  background:linear-gradient(180deg,#fff1f2,#ffffff);\n  border-color:#fda4af;\n}\n\n#sv-voices .sv-map-card:nth-child(2){\n  background:linear-gradient(180deg,#f5f3ff,#ffffff);\n  border-color:#c4b5fd;\n}\n\n#sv-voices .sv-map-card:nth-child(3){\n  background:linear-gradient(180deg,#eff6ff,#ffffff);\n  border-color:#93c5fd;\n}\n\n#sv-voices .sv-map-card:nth-child(4){\n  background:linear-gradient(180deg,#ecfdf5,#ffffff);\n  border-color:#86efac;\n}\n\n#sv-voices .sv-map-card .sv-icon{\n  width:66px;\n  height:66px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:22px;\n  background:#ffffff;\n  box-shadow:0 12px 30px rgba(15,23,42,.08);\n  font-size:34px;\n  margin-bottom:18px;\n}\n\n#sv-voices .sv-map-card h3{\n  margin:0 0 12px;\n  font-size:26px;\n  line-height:1.08;\n  letter-spacing:-.03em;\n}\n\n#sv-voices .sv-map-card p{\n  color:#475569;\n  line-height:1.7;\n  margin:0;\n}\n\n\/* FINAL *\/\n#sv-voices .sv-final{\n  margin-top:90px;\n  padding:78px 40px;\n  border-radius:42px;\n  background:\n    radial-gradient(circle at top,rgba(106,92,255,.12),transparent 36%),\n    #f8fafc;\n  border:1px solid #e2e8f0;\n  text-align:center;\n}\n\n#sv-voices .sv-final h2{\n  margin:0 0 18px;\n  font-size:58px;\n  line-height:1.03;\n  letter-spacing:-.05em;\n}\n\n#sv-voices .sv-final p{\n  max-width:820px;\n  margin:0 auto 34px;\n  color:#64748b;\n  font-size:20px;\n  line-height:1.75;\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:1280px){\n  #sv-voices .sv-wrap{\n    padding:0 24px;\n  }\n\n  #sv-voices h1{\n    font-size:58px;\n  }\n\n  #sv-voices .sv-hero-inner,\n  #sv-voices .sv-router{\n    grid-template-columns:1fr;\n  }\n\n  #sv-voices .sv-result-box{\n    position:relative;\n    top:auto;\n  }\n\n  #sv-voices .sv-map{\n    grid-template-columns:repeat(2,1fr);\n  }\n}\n\n@media(max-width:760px){\n  #sv-voices .sv-wrap{\n    padding:0 16px;\n    width:100%;\n  }\n\n  #sv-voices .sv-hero{\n    padding:58px 0 68px;\n  }\n\n  #sv-voices h1{\n    font-size:42px;\n  }\n\n  #sv-voices .sv-lead{\n    font-size:19px;\n  }\n\n  #sv-voices .sv-choice-grid,\n  #sv-voices .sv-mini-grid,\n  #sv-voices .sv-map{\n    grid-template-columns:1fr;\n  }\n\n  #sv-voices .sv-section-title h2,\n  #sv-voices .sv-final h2{\n    font-size:38px;\n  }\n\n  #sv-voices .sv-router-box,\n  #sv-voices .sv-result-box{\n    padding:24px;\n    border-radius:28px;\n  }\n\n  #sv-voices .sv-btn{\n    width:100%;\n  }\n}\n<\/style>\n\n<div class=\"sv-wrap\">\n\n  <section class=\"sv-hero\">\n    <div class=\"sv-hero-inner\">\n\n      <div>\n        <div class=\"sv-kicker\">Find the Right Voices<\/div>\n\n        <h1>\n          Not every pressure<br>\n          needs the same audience.\n        <\/h1>\n\n        <p class=\"sv-lead\">\n          Stadia helps you move from a personal situation to the right conversation.\n        <\/p>\n\n        <p class=\"sv-sub\">\n          The question is not only \u201cwhat is wrong?\u201d.\n          The deeper question is: who should hear this, and which perspective could help you understand it better?\n        <\/p>\n\n        <div class=\"sv-actions\">\n          <a class=\"sv-btn\" href=\"#voice-router\">Start the router \u2192<\/a>\n          <a class=\"sv-btn sv-btn-dark\" href=\"\/open-conversation\/\">Open Conversation \u2192<\/a>\n          <a class=\"sv-btn sv-btn-light\" href=\"\/civic-signals\/\">Civic Signals \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"sv-panel\">\n        <div class=\"sv-panel-main\">\n          <strong>Who calls whom?<\/strong>\n          <span>\n            A person does not call everyone. A person calls the voices most relevant to the pressure they are carrying.\n          <\/span>\n        <\/div>\n\n        <div class=\"sv-mini-grid\">\n          <div class=\"sv-mini\">\n            <strong>Situation<\/strong>\n            <span>What is happening in your life?<\/span>\n          <\/div>\n          <div class=\"sv-mini\">\n            <strong>Pressure<\/strong>\n            <span>What kind of weight is behind it?<\/span>\n          <\/div>\n          <div class=\"sv-mini\">\n            <strong>Voices<\/strong>\n            <span>Who could respond with perspective?<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <section class=\"sv-section-title\">\n    <h2>From problem to people.<\/h2>\n    <p>\n      This is the missing bridge between a feeling and a conversation.\n      Stadia routes the situation toward the people most likely to understand it.\n    <\/p>\n  <\/section>\n\n  <section id=\"voice-router\" class=\"sv-router\">\n\n    <div class=\"sv-router-box\">\n\n      <h3>Conversation Router<\/h3>\n      <p>\n        Choose the situation, choose the kind of pressure, then choose who you would like to hear from.\n      <\/p>\n\n      <div class=\"sv-step\">\n        <span class=\"sv-step-title\">1 \u00b7 What is your situation?<\/span>\n\n        <div class=\"sv-choice-grid\" id=\"sv-situation-grid\">\n          <button type=\"button\" class=\"sv-choice active\" data-value=\"career uncertainty\" data-room=\"Open Conversation\">\n            Career uncertainty\n            <span>Direction, study, work choices, future anxiety.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-value=\"work pressure\" data-room=\"Open Conversation\">\n            Work pressure\n            <span>Burnout, instability, blocked direction, daily stress.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-value=\"money pressure\" data-room=\"Civic Signals\">\n            Money pressure\n            <span>Costs, salary, bills, instability and security.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-value=\"housing pressure\" data-room=\"Civic Signals\">\n            Housing pressure\n            <span>Rent, living conditions, family planning, mobility.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-value=\"relationship pressure\" data-room=\"Open Conversation\">\n            Relationship pressure\n            <span>Family, partner, friendship or social tension.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-value=\"identity change\" data-room=\"The Changing Self\">\n            Identity change\n            <span>Who you were, what changed you, who you are becoming.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-value=\"loneliness\" data-room=\"Open Conversation\">\n            Loneliness\n            <span>Isolation, not being understood, missing connection.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-value=\"social pressure\" data-room=\"Civic Discussion Room\">\n            Social pressure\n            <span>Public trust, institutions, policy, shared patterns.<\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"sv-step\">\n        <span class=\"sv-step-title\">2 \u00b7 What kind of pressure is behind it?<\/span>\n\n        <div class=\"sv-choice-grid\" id=\"sv-pressure-grid\">\n          <button type=\"button\" class=\"sv-choice active\" data-value=\"future pressure\">\n            Future pressure\n            <span>Uncertainty about what comes next.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-value=\"economic pressure\">\n            Economic pressure\n            <span>Money, housing, costs, opportunity.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-value=\"identity pressure\">\n            Identity pressure\n            <span>Who you are becoming or losing.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-value=\"family pressure\">\n            Family pressure\n            <span>Responsibility, expectations, stability.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-value=\"social pressure\">\n            Social pressure\n            <span>Comparison, belonging, trust, public systems.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-value=\"decision pressure\">\n            Decision pressure\n            <span>Too many options, fear of wrong choices.<\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"sv-step\">\n        <span class=\"sv-step-title\">3 \u00b7 Who should hear this?<\/span>\n\n        <div class=\"sv-choice-grid\" id=\"sv-voices-grid\">\n          <button type=\"button\" class=\"sv-choice active\" data-value=\"people who lived through something similar\">\n            People who lived this before\n            <span>For transitions, mistakes, rebuilding and perspective.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-value=\"students\">\n            Students\n            <span>For study pressure, first choices and uncertainty.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-value=\"professionals\">\n            Professionals\n            <span>For work, career, pressure and practical direction.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-value=\"parents and families\">\n            Parents &#038; Families\n            <span>For responsibility, children, housing and stability.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-value=\"entrepreneurs\">\n            Entrepreneurs\n            <span>For risk, independence, failure and rebuilding.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-value=\"older voices\">\n            Older voices\n            <span>For life perspective and long transitions.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-value=\"everyone\">\n            Everyone\n            <span>For open public discussion and shared pressure.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-value=\"civic voices\">\n            Civic voices\n            <span>For policy, systems, public pressure and proposals.<\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"sv-step\">\n        <span class=\"sv-step-title\">4 \u00b7 Write one sentence<\/span>\n        <textarea id=\"sv-user-sentence\" placeholder=\"Example: I do not know what career to choose and I feel pressure to decide before I understand myself.\"><\/textarea>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"sv-result-box\">\n\n      <h3>Your conversation path<\/h3>\n      <p>\n        Stadia turns your situation into a clearer path: situation \u2192 pressure \u2192 voices \u2192 room.\n      <\/p>\n\n      <div class=\"sv-path\">\n        <small>Suggested route<\/small>\n        <strong id=\"sv-route-output\">\n          career uncertainty \u2192 future pressure \u2192 people who lived through something similar \u2192 Open Conversation\n        <\/strong>\n      <\/div>\n\n      <div class=\"sv-generated\" id=\"sv-generated-text\">\nI am facing career uncertainty with future pressure.\n\nI would like to hear from people who lived through something similar, especially people who can help me understand the situation with more perspective.\n\nMy starting sentence is:\nI do not know what career to choose and I feel pressure to decide before I understand myself.\n      <\/div>\n\n      <div class=\"sv-actions\">\n        <button type=\"button\" class=\"sv-btn\" id=\"sv-copy-text\">Copy text \u2192<\/button>\n        <a class=\"sv-btn sv-btn-dark\" id=\"sv-target-link\" href=\"\/open-conversation\/\">Go to room \u2192<\/a>\n      <\/div>\n\n      <div class=\"sv-small-note\" id=\"sv-copy-note\">\n        You can copy this text and use it as the start of an Open Conversation.\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <section class=\"sv-map\">\n\n    <div class=\"sv-map-card\">\n      <div class=\"sv-icon\">\ud83d\udd25<\/div>\n      <h3>Pressure starts the signal.<\/h3>\n      <p>\n        A real problem can begin as frustration, confusion, anger, uncertainty or fatigue.\n      <\/p>\n    <\/div>\n\n    <div class=\"sv-map-card\">\n      <div class=\"sv-icon\">\ud83e\ude9e<\/div>\n      <h3>The self gives context.<\/h3>\n      <p>\n        The Changing Self helps people understand how their situation connects to their identity and history.\n      <\/p>\n    <\/div>\n\n    <div class=\"sv-map-card\">\n      <div class=\"sv-icon\">\ud83d\udcac<\/div>\n      <h3>The right voices respond.<\/h3>\n      <p>\n        Students, professionals, parents, entrepreneurs, older voices or people who lived it before.\n      <\/p>\n    <\/div>\n\n    <div class=\"sv-map-card\">\n      <div class=\"sv-icon\">\ud83e\udded<\/div>\n      <h3>The room gives direction.<\/h3>\n      <p>\n        Open Conversation, Civic Signals, Civic Discussion Room or Proposals receive the situation.\n      <\/p>\n    <\/div>\n\n  <\/section>\n\n  <section class=\"sv-final\">\n\n    <h2>\n      Stadia is not everyone talking to everyone.\n    <\/h2>\n\n    <p>\n      Stadia is the attempt to bring the right human pressure to the right human perspective.\n    <\/p>\n\n    <div class=\"sv-actions\">\n      <a class=\"sv-btn\" href=\"\/open-conversation\/\">Open Conversation \u2192<\/a>\n      <a class=\"sv-btn sv-btn-dark\" href=\"\/the-changing-self\/\">The Changing Self \u2192<\/a>\n      <a class=\"sv-btn sv-btn-light\" href=\"\/civic-signals\/\">Civic Signals \u2192<\/a>\n    <\/div>\n\n  <\/section>\n\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\",function(){\n  var root=document.getElementById(\"sv-voices\");\n  if(!root){return;}\n\n  var state={\n    situation:\"career uncertainty\",\n    pressure:\"future pressure\",\n    voices:\"people who lived through something similar\",\n    room:\"Open Conversation\",\n    sentence:\"I do not know what career to choose and I feel pressure to decide before I understand myself.\"\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    \"Proposals\":\"\/proposals\/\"\n  };\n\n  function bindChoiceGrid(gridId,key){\n    var grid=root.querySelector(\"#\"+gridId);\n    if(!grid){return;}\n\n    grid.querySelectorAll(\".sv-choice\").forEach(function(btn){\n      btn.addEventListener(\"click\",function(){\n        grid.querySelectorAll(\".sv-choice\").forEach(function(b){\n          b.classList.remove(\"active\");\n        });\n\n        btn.classList.add(\"active\");\n        state[key]=btn.getAttribute(\"data-value\") || \"\";\n\n        if(key===\"situation\"){\n          state.room=btn.getAttribute(\"data-room\") || \"Open Conversation\";\n        }\n\n        updateOutput();\n      });\n    });\n  }\n\n  function updateOutput(){\n    var sentenceEl=root.querySelector(\"#sv-user-sentence\");\n    if(sentenceEl && sentenceEl.value.trim()){\n      state.sentence=sentenceEl.value.trim();\n    }\n\n    var route=root.querySelector(\"#sv-route-output\");\n    var generated=root.querySelector(\"#sv-generated-text\");\n    var target=root.querySelector(\"#sv-target-link\");\n\n    if(route){\n      route.textContent=state.situation+\" \u2192 \"+state.pressure+\" \u2192 \"+state.voices+\" \u2192 \"+state.room;\n    }\n\n    if(generated){\n      generated.textContent=\n        \"I am facing \"+state.situation+\" with \"+state.pressure+\".\\n\\n\"+\n        \"I would like to hear from \"+state.voices+\", especially people who can help me understand the situation with more perspective.\\n\\n\"+\n        \"My starting sentence is:\\n\"+\n        state.sentence;\n    }\n\n    if(target){\n      target.setAttribute(\"href\",roomLinks[state.room] || \"\/open-conversation\/\");\n      target.textContent=\"Go to \"+state.room+\" \u2192\";\n    }\n  }\n\n  bindChoiceGrid(\"sv-situation-grid\",\"situation\");\n  bindChoiceGrid(\"sv-pressure-grid\",\"pressure\");\n  bindChoiceGrid(\"sv-voices-grid\",\"voices\");\n\n  var textarea=root.querySelector(\"#sv-user-sentence\");\n  if(textarea){\n    textarea.addEventListener(\"input\",updateOutput);\n  }\n\n  var copyBtn=root.querySelector(\"#sv-copy-text\");\n  var note=root.querySelector(\"#sv-copy-note\");\n\n  if(copyBtn){\n    copyBtn.addEventListener(\"click\",function(){\n      updateOutput();\n\n      var text=root.querySelector(\"#sv-generated-text\").textContent || \"\";\n\n      if(navigator.clipboard && navigator.clipboard.writeText){\n        navigator.clipboard.writeText(text).then(function(){\n          if(note){note.textContent=\"Copied. You can now paste it into Open Conversation.\";}\n        }).catch(function(){\n          if(note){note.textContent=\"Copy not available. Select and copy the text manually.\";}\n        });\n      }else{\n        if(note){note.textContent=\"Copy not available. Select and copy the text manually.\";}\n      }\n    });\n  }\n\n  updateOutput();\n});\n<\/script>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Find the Right Voices Not every pressure needs the same audience. Stadia helps you move from a personal situation to the right conversation. The question is not only \u201cwhat is wrong?\u201d. The deeper question is: who should hear this, and which perspective could help you understand it better? Start the router \u2192 Open Conversation \u2192 [&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-1458","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stadiaorg.com\/fr\/wp-json\/wp\/v2\/pages\/1458","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stadiaorg.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stadiaorg.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stadiaorg.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stadiaorg.com\/fr\/wp-json\/wp\/v2\/comments?post=1458"}],"version-history":[{"count":4,"href":"https:\/\/stadiaorg.com\/fr\/wp-json\/wp\/v2\/pages\/1458\/revisions"}],"predecessor-version":[{"id":1462,"href":"https:\/\/stadiaorg.com\/fr\/wp-json\/wp\/v2\/pages\/1458\/revisions\/1462"}],"wp:attachment":[{"href":"https:\/\/stadiaorg.com\/fr\/wp-json\/wp\/v2\/media?parent=1458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}