{"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-09-08T11:39:04","modified_gmt":"2026-09-08T11:39:04","slug":"find-the-right-voices","status":"publish","type":"page","link":"https:\/\/staging.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\nbody:has(#sv-voices) .entry-header,\nbody:has(#sv-voices) header.entry-header,\nbody:has(#sv-voices) .entry-title,\nbody:has(#sv-voices) .page-title,\nbody:has(#sv-voices) .wp-block-post-title,\nbody:has(#sv-voices) .comments-area,\nbody:has(#sv-voices) #comments{\n  display:none!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-btn:focus-visible,\n#sv-voices .sv-choice:focus-visible,\n#sv-voices textarea:focus-visible{\n  outline:3px solid rgba(106,92,255,.32);\n  outline-offset:3px;\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 strong{\n  display:block;\n  color:#0f172a;\n  font:inherit;\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:92px;\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-profile-bridge{\n  display:none;\n  margin:0 0 18px;\n  padding:17px 18px;\n  border:1px solid #c4b5fd;\n  border-radius:20px;\n  background:#f5f3ff;\n}\n\n#sv-voices .sv-profile-bridge small{\n  display:block;\n  margin-bottom:6px;\n  color:#6d28d9;\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:.07em;\n  text-transform:uppercase;\n}\n\n#sv-voices .sv-profile-bridge strong{\n  display:block;\n  margin-bottom:5px;\n  color:#0f172a;\n  font-size:18px;\n}\n\n#sv-voices .sv-profile-bridge span{\n  color:#475569;\n  font-size:13px;\n  line-height:1.55;\n}\n\n#sv-voices .sv-translation-source{\n  display:none!important;\n}\n\n#sv-voices #voice-router{\n  scroll-margin-top:100px;\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 sv-track\" data-sv-event=\"voices_hero_router\" href=\"#voice-router\">Start the router \u2192<\/a>\n          <a class=\"sv-btn sv-btn-dark sv-track\" data-sv-event=\"voices_hero_conversation\" href=\"\/open-conversation\/\">Open Conversation \u2192<\/a>\n          <a class=\"sv-btn sv-btn-light sv-track\" data-sv-event=\"voices_hero_growth\" href=\"\/growth-profile-test\/\">Free Growth Profile \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-room=\"open\">\n            <strong>Career uncertainty<\/strong>\n            <span>Direction, study, work choices, future anxiety.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-room=\"open\">\n            <strong>Work pressure<\/strong>\n            <span>Burnout, instability, blocked direction, daily stress.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-room=\"civic\">\n            <strong>Money pressure<\/strong>\n            <span>Costs, salary, bills, instability and security.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-room=\"civic\">\n            <strong>Housing pressure<\/strong>\n            <span>Rent, living conditions, family planning, mobility.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-room=\"open\">\n            <strong>Relationship pressure<\/strong>\n            <span>Family, partner, friendship or social tension.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-room=\"self\">\n            <strong>Identity change<\/strong>\n            <span>Who you were, what changed you, who you are becoming.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-room=\"open\">\n            <strong>Loneliness<\/strong>\n            <span>Isolation, not being understood, missing connection.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\" data-room=\"discussion\">\n            <strong>Social pressure<\/strong>\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\">\n            <strong>Future pressure<\/strong>\n            <span>Uncertainty about what comes next.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\">\n            <strong>Economic pressure<\/strong>\n            <span>Money, housing, costs, opportunity.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\">\n            <strong>Identity pressure<\/strong>\n            <span>Who you are becoming or losing.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\">\n            <strong>Family pressure<\/strong>\n            <span>Responsibility, expectations, stability.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\">\n            <strong>Social pressure<\/strong>\n            <span>Comparison, belonging, trust, public systems.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\">\n            <strong>Decision pressure<\/strong>\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\">\n            <strong>People who lived this before<\/strong>\n            <span>For transitions, mistakes, rebuilding and perspective.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\">\n            <strong>Students<\/strong>\n            <span>For study pressure, first choices and uncertainty.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\">\n            <strong>Professionals<\/strong>\n            <span>For work, career, pressure and practical direction.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\">\n            <strong>Parents &amp; Families<\/strong>\n            <span>For responsibility, children, housing and stability.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\">\n            <strong>Entrepreneurs<\/strong>\n            <span>For risk, independence, failure and rebuilding.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\">\n            <strong>Older voices<\/strong>\n            <span>For life perspective and long transitions.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\">\n            <strong>Everyone<\/strong>\n            <span>For open public discussion and shared pressure.<\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"sv-choice\">\n            <strong>Civic voices<\/strong>\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-profile-bridge\" id=\"sv-profile-bridge\">\n        <small>Your recent Growth Profile<\/small>\n        <strong id=\"sv-saved-profile\"><\/strong>\n        <span>Use this profile as additional context when you begin the conversation.<\/span>\n      <\/div>\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-small-note\">\n        Privacy: your sentence stays in this browser. This Router does not send or publish it.\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 sv-track\" data-sv-event=\"voices_router_room\" 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 sv-track\" data-sv-event=\"voices_final_conversation\" href=\"\/open-conversation\/\">Open Conversation \u2192<\/a>\n      <a class=\"sv-btn sv-btn-dark sv-track\" data-sv-event=\"voices_final_self\" href=\"\/the-changing-self\/\">The Changing Self \u2192<\/a>\n      <a class=\"sv-btn sv-btn-light sv-track\" data-sv-event=\"voices_final_civic\" href=\"\/civic-signals\/\">Civic Signals \u2192<\/a>\n    <\/div>\n\n  <\/section>\n\n  <div class=\"sv-translation-source\" aria-hidden=\"true\">\n    <span data-text=\"facing\">I am facing<\/span>\n    <span data-text=\"with\">with<\/span>\n    <span data-text=\"hear\">I would like to hear from<\/span>\n    <span data-text=\"perspective\">especially people who can help me understand the situation with more perspective.<\/span>\n    <span data-text=\"sentence\">My starting sentence is:<\/span>\n    <span data-text=\"default-sentence\">I do not know what direction to choose, and I would like to understand the situation before deciding.<\/span>\n    <span data-text=\"go\">Go to<\/span>\n    <span data-text=\"copied\">Copied. You can now paste it into<\/span>\n    <span data-text=\"copy-failed\">Automatic copying is not available. Copy the text from this box:<\/span>\n    <span data-room=\"open\">Open Conversation<\/span>\n    <span data-room=\"civic\">Civic Signals<\/span>\n    <span data-room=\"discussion\">Civic Discussion Room<\/span>\n    <span data-room=\"self\">The Changing Self<\/span>\n    <span data-room=\"proposals\">Proposals<\/span>\n  <\/div>\n\n<\/div>\n\n<script>\n(function(){\n  \"use strict\";\n\n  function initVoicesRouter(){\n    var root=document.getElementById(\"sv-voices\");\n    if(!root || root.getAttribute(\"data-sv-ready\")===\"true\"){return;}\n    root.setAttribute(\"data-sv-ready\",\"true\");\n\n    var roomLinks={\n      open:\"\/open-conversation\/\",\n      civic:\"\/civic-signals\/\",\n      discussion:\"\/civic-discussion-room\/\",\n      self:\"\/the-changing-self\/\",\n      proposals:\"\/proposals\/\"\n    };\n\n    var state={situation:\"\",pressure:\"\",voices:\"\",room:\"open\",sentence:\"\"};\n\n    function find(selector){return root.querySelector(selector);}\n    function all(selector){return Array.prototype.slice.call(root.querySelectorAll(selector));}\n\n    function sourceText(key,fallback){\n      var el=find('.sv-translation-source [data-text=\"'+key+'\"]');\n      return el?el.textContent.trim():fallback;\n    }\n\n    function roomName(key){\n      var el=find('.sv-translation-source [data-room=\"'+key+'\"]');\n      return el?el.textContent.trim():\"Open Conversation\";\n    }\n\n    function choiceLabel(button){\n      var label=button?button.querySelector(\"strong\"):null;\n      return label?label.textContent.trim():\"\";\n    }\n\n    function activeChoice(gridId){\n      return find(\"#\"+gridId+\" .sv-choice.active\") || find(\"#\"+gridId+\" .sv-choice\");\n    }\n\n    function track(eventName,extra){\n      window.dataLayer=window.dataLayer||[];\n      var payload={event:eventName};\n      if(extra){Object.keys(extra).forEach(function(key){payload[key]=extra[key];});}\n      window.dataLayer.push(payload);\n    }\n\n    function updateOutput(){\n      var textarea=find(\"#sv-user-sentence\");\n      var route=find(\"#sv-route-output\");\n      var generated=find(\"#sv-generated-text\");\n      var target=find(\"#sv-target-link\");\n      var selectedRoom=roomName(state.room);\n\n      state.sentence=textarea&&textarea.value.trim()?textarea.value.trim():sourceText(\"default-sentence\",\"I would like to understand the situation before deciding.\");\n\n      if(route){\n        route.textContent=state.situation+\" \u2192 \"+state.pressure+\" \u2192 \"+state.voices+\" \u2192 \"+selectedRoom;\n      }\n\n      if(generated){\n        generated.textContent=\n          sourceText(\"facing\",\"I am facing\")+\" \"+state.situation+\" \"+sourceText(\"with\",\"with\")+\" \"+state.pressure+\".\\n\\n\"+\n          sourceText(\"hear\",\"I would like to hear from\")+\" \"+state.voices+\", \"+sourceText(\"perspective\",\"especially people who can help me understand the situation with more perspective.\")+\"\\n\\n\"+\n          sourceText(\"sentence\",\"My starting sentence is:\")+\"\\n\"+state.sentence;\n      }\n\n      if(target){\n        target.setAttribute(\"href\",roomLinks[state.room]||roomLinks.open);\n        target.textContent=sourceText(\"go\",\"Go to\")+\" \"+selectedRoom+\" \u2192\";\n      }\n    }\n\n    function bindChoiceGrid(gridId,key){\n      var grid=find(\"#\"+gridId);\n      if(!grid){return;}\n\n      all(\"#\"+gridId+\" .sv-choice\").forEach(function(button){\n        button.addEventListener(\"click\",function(){\n          all(\"#\"+gridId+\" .sv-choice\").forEach(function(item){item.classList.remove(\"active\");});\n          button.classList.add(\"active\");\n          state[key]=choiceLabel(button);\n\n          if(key===\"situation\"){\n            state.room=button.getAttribute(\"data-room\")||\"open\";\n          }\n\n          updateOutput();\n        });\n      });\n    }\n\n    var initialSituation=activeChoice(\"sv-situation-grid\");\n    var initialPressure=activeChoice(\"sv-pressure-grid\");\n    var initialVoices=activeChoice(\"sv-voices-grid\");\n    state.situation=choiceLabel(initialSituation);\n    state.pressure=choiceLabel(initialPressure);\n    state.voices=choiceLabel(initialVoices);\n    state.room=initialSituation?initialSituation.getAttribute(\"data-room\")||\"open\":\"open\";\n\n    bindChoiceGrid(\"sv-situation-grid\",\"situation\");\n    bindChoiceGrid(\"sv-pressure-grid\",\"pressure\");\n    bindChoiceGrid(\"sv-voices-grid\",\"voices\");\n\n    var textarea=find(\"#sv-user-sentence\");\n    if(textarea){textarea.addEventListener(\"input\",updateOutput);}\n\n    var profileBridge=find(\"#sv-profile-bridge\");\n    var savedProfile=find(\"#sv-saved-profile\");\n    try{\n      var storedProfile=localStorage.getItem(\"svGrowthProfile\")||\"\";\n      if(storedProfile&&profileBridge&&savedProfile){\n        savedProfile.textContent=storedProfile;\n        profileBridge.style.display=\"block\";\n      }\n    }catch(error){}\n\n    var copyButton=find(\"#sv-copy-text\");\n    var copyNote=find(\"#sv-copy-note\");\n\n    function copySuccess(){\n      if(copyNote){copyNote.textContent=sourceText(\"copied\",\"Copied. You can now paste it into\")+\" \"+roomName(state.room)+\".\";}\n      track(\"voices_router_copy\",{sv_room:state.room});\n    }\n\n    function copyFallback(value){\n      window.prompt(sourceText(\"copy-failed\",\"Copy the text from this box:\"),value);\n    }\n\n    if(copyButton){\n      copyButton.addEventListener(\"click\",function(){\n        updateOutput();\n        var generated=find(\"#sv-generated-text\");\n        var value=generated?generated.textContent:\"\";\n\n        if(navigator.clipboard&&window.isSecureContext){\n          navigator.clipboard.writeText(value).then(copySuccess,function(){copyFallback(value);});\n        }else{\n          copyFallback(value);\n        }\n      });\n    }\n\n    all(\".sv-track\").forEach(function(link){\n      link.addEventListener(\"click\",function(){\n        track(link.getAttribute(\"data-sv-event\")||\"voices_cta_click\",{sv_destination:link.getAttribute(\"href\")||\"\"});\n      });\n    });\n\n    updateOutput();\n  }\n\n  if(document.readyState===\"loading\"){\n    document.addEventListener(\"DOMContentLoaded\",initVoicesRouter);\n  }else{\n    initVoicesRouter();\n  }\n})();\n<\/script>\n\n<\/div>\n\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:\/\/staging.stadiaorg.com\/fr\/wp-json\/wp\/v2\/pages\/1458","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.stadiaorg.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.stadiaorg.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.stadiaorg.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.stadiaorg.com\/fr\/wp-json\/wp\/v2\/comments?post=1458"}],"version-history":[{"count":5,"href":"https:\/\/staging.stadiaorg.com\/fr\/wp-json\/wp\/v2\/pages\/1458\/revisions"}],"predecessor-version":[{"id":1883,"href":"https:\/\/staging.stadiaorg.com\/fr\/wp-json\/wp\/v2\/pages\/1458\/revisions\/1883"}],"wp:attachment":[{"href":"https:\/\/staging.stadiaorg.com\/fr\/wp-json\/wp\/v2\/media?parent=1458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}