{"id":1286,"date":"2026-05-21T12:46:53","date_gmt":"2026-05-21T12:46:53","guid":{"rendered":"https:\/\/stadiaorg.com\/?page_id=1286"},"modified":"2026-09-09T12:04:01","modified_gmt":"2026-09-09T12:04:01","slug":"open-conversation","status":"publish","type":"page","link":"https:\/\/staging.stadiaorg.com\/fr\/open-conversation\/","title":{"rendered":"Conversation ouverte"},"content":{"rendered":"<div id=\"sv-open-page\">\r\n<style>\r\n\/* STADIA VITAE \u00b7 OPEN CONVERSATION \u00b7 STABLE STANDALONE SNIPPET *\/\r\n#sv-open-page{\r\n  --navy:#090b2f;\r\n  --text:#0f172a;\r\n  --muted:#64748b;\r\n  --line:#e2e8f0;\r\n  --purple:#6a5cff;\r\n  --purple2:#8b5cf6;\r\n  --pink:#ec4899;\r\n  --soft:#f8fafc;\r\n  width:100%;\r\n  max-width:none;\r\n  margin:0;\r\n  padding:0 0 92px;\r\n  overflow:hidden;\r\n  background:#fff;\r\n  color:var(--text);\r\n  font-family:Arial,Helvetica,sans-serif;\r\n}\r\n#sv-open-page,#sv-open-page *{box-sizing:border-box}\r\n#sv-open-page a{text-decoration:none!important}\r\n#sv-open-page button,#sv-open-page textarea{font:inherit}\r\n\r\nbody:has(#sv-open-page) .entry-header,\r\nbody:has(#sv-open-page) header.entry-header,\r\nbody:has(#sv-open-page) .entry-title,\r\nbody:has(#sv-open-page) .page-title,\r\nbody:has(#sv-open-page) .wp-block-post-title,\r\nbody:has(#sv-open-page) .page-header,\r\nbody:has(#sv-open-page) .comments-area,\r\nbody:has(#sv-open-page) #comments,\r\nbody:has(#sv-open-page) .comment-respond,\r\nbody:has(#sv-open-page) #respond{display:none!important}\r\n\r\nbody:has(#sv-open-page) .entry-content,\r\nbody:has(#sv-open-page) .wp-block-post-content,\r\nbody:has(#sv-open-page) main,\r\nbody:has(#sv-open-page) .site-main,\r\nbody:has(#sv-open-page) article{\r\n  width:100%!important;\r\n  max-width:none!important;\r\n  margin:0!important;\r\n  padding-left:0!important;\r\n  padding-right:0!important;\r\n}\r\nbody:has(#sv-open-page) .wp-site-blocks>main{margin-top:0!important;padding-top:0!important}\r\n\r\n#sv-open-page .sv-wrap{width:min(1240px,94vw);margin:0 auto;padding:0 28px}\r\n#sv-open-page .sv-anchor{scroll-margin-top:110px}\r\n#sv-open-page .sv-kicker{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  margin-bottom:17px;\r\n  padding:9px 14px;\r\n  border-radius:999px;\r\n  background:#eef2ff;\r\n  color:#4f46e5;\r\n  font-size:11px;\r\n  font-weight:900;\r\n  letter-spacing:.09em;\r\n  text-transform:uppercase;\r\n}\r\n#sv-open-page .sv-primary,#sv-open-page .sv-secondary{\r\n  min-height:52px;\r\n  padding:14px 21px;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border-radius:16px;\r\n  font-size:13px;\r\n  font-weight:900;\r\n  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;\r\n}\r\n#sv-open-page .sv-primary{color:#fff!important;background:linear-gradient(135deg,var(--purple),var(--purple2));box-shadow:0 17px 38px rgba(106,92,255,.24)}\r\n#sv-open-page .sv-secondary{color:var(--navy)!important;background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px rgba(15,23,42,.07)}\r\n#sv-open-page .sv-primary:hover,#sv-open-page .sv-secondary:hover{transform:translateY(-2px)}\r\n\r\n\/* HERO *\/\r\n#sv-open-page .sv-hero{\r\n  position:relative;\r\n  padding:76px 0 82px;\r\n  overflow:hidden;\r\n  background:\r\n    radial-gradient(circle at 82% 20%,rgba(106,92,255,.18),transparent 31%),\r\n    radial-gradient(circle at 12% 78%,rgba(236,72,153,.10),transparent 28%),\r\n    linear-gradient(135deg,#fff 0%,#f8fafc 56%,#eef2ff 100%);\r\n  border-radius:0 0 48px 48px;\r\n}\r\n#sv-open-page .sv-hero:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  right:-180px;\r\n  bottom:-310px;\r\n  width:620px;\r\n  height:620px;\r\n  border-radius:50%;\r\n  background:radial-gradient(circle,rgba(106,92,255,.14),transparent 68%);\r\n  pointer-events:none;\r\n}\r\n#sv-open-page .sv-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.65fr);gap:54px;align-items:center}\r\n#sv-open-page .sv-hero h1{max-width:820px;margin:0 0 22px;color:var(--navy);font-size:clamp(50px,5.4vw,82px);line-height:.98;letter-spacing:-.058em;font-weight:900}\r\n#sv-open-page .sv-gradient{background:linear-gradient(90deg,#e11d48,var(--pink),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}\r\n#sv-open-page .sv-lead{max-width:740px;margin:0 0 28px;color:#475569;font-size:19px;line-height:1.7}\r\n#sv-open-page .sv-actions{display:flex;flex-wrap:wrap;gap:11px}\r\n#sv-open-page .sv-hero-card{padding:27px;border:1px solid #ddd6fe;border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 28px 70px rgba(15,23,42,.13);backdrop-filter:blur(14px)}\r\n#sv-open-page .sv-hero-card h2{margin:0 0 17px;color:var(--navy);font-size:25px;line-height:1.15}\r\n#sv-open-page .sv-hero-list{margin:0;padding:0;display:grid;gap:13px;list-style:none}\r\n#sv-open-page .sv-hero-list li{position:relative;padding-left:29px;color:#475569;font-size:13px;line-height:1.5}\r\n#sv-open-page .sv-hero-list li:before{content:\"\u2713\";position:absolute;left:0;top:-1px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eef2ff;color:#4f46e5;font-size:11px;font-weight:900}\r\n#sv-open-page .sv-safe-note{margin-top:18px;padding:13px 14px;border-radius:14px;background:#f8fafc;color:#64748b;font-size:11px;line-height:1.55}\r\n\r\n\/* HOW IT WORKS *\/\r\n#sv-open-page .sv-intro{padding:76px 0 0}\r\n#sv-open-page .sv-section-head{max-width:850px;margin:0 auto 36px;text-align:center}\r\n#sv-open-page .sv-section-head h2{margin:0 0 14px;color:var(--navy);font-size:clamp(36px,4.2vw,58px);line-height:1.04;letter-spacing:-.045em}\r\n#sv-open-page .sv-section-head p{max-width:720px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.67}\r\n#sv-open-page .sv-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}\r\n#sv-open-page .sv-principle{min-height:225px;padding:27px;border:1px solid var(--line);border-radius:25px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.06)}\r\n#sv-open-page .sv-number{width:42px;height:42px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#eef2ff;color:#4f46e5;font-size:12px;font-weight:900}\r\n#sv-open-page .sv-principle h3{margin:0 0 10px;color:var(--navy);font-size:22px;line-height:1.16}\r\n#sv-open-page .sv-principle p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}\r\n\r\n\/* ROUTER *\/\r\n#sv-open-page .sv-router-section{padding:82px 0 0}\r\n#sv-open-page .sv-router{\r\n  padding:34px;\r\n  border:1px solid #ddd6fe;\r\n  border-radius:36px;\r\n  background:radial-gradient(circle at 8% 8%,rgba(106,92,255,.07),transparent 27%),#fff;\r\n  box-shadow:0 30px 90px rgba(15,23,42,.10);\r\n}\r\n#sv-open-page .sv-router-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.55fr);gap:24px;align-items:start}\r\n#sv-open-page .sv-step{margin-bottom:29px}\r\n#sv-open-page .sv-step:last-child{margin-bottom:0}\r\n#sv-open-page .sv-step-title{display:flex;align-items:center;gap:11px;margin-bottom:14px}\r\n#sv-open-page .sv-step-title span{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--navy);color:#fff;font-size:11px;font-weight:900}\r\n#sv-open-page .sv-step-title h3{margin:0;color:var(--navy);font-size:20px}\r\n#sv-open-page .sv-topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}\r\n#sv-open-page .sv-topic{\r\n  min-height:116px;\r\n  width:100%;\r\n  padding:16px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:flex-start;\r\n  justify-content:space-between;\r\n  gap:9px;\r\n  text-align:left;\r\n  border:1px solid var(--line);\r\n  border-radius:18px;\r\n  background:#fff;\r\n  color:var(--text);\r\n  cursor:pointer;\r\n  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;\r\n}\r\n#sv-open-page .sv-topic:hover{transform:translateY(-2px);border-color:#c4b5fd;box-shadow:0 13px 28px rgba(15,23,42,.07)}\r\n#sv-open-page .sv-topic.active{border-color:var(--purple);background:linear-gradient(180deg,#f5f3ff,#fff);box-shadow:0 14px 32px rgba(106,92,255,.13)}\r\n#sv-open-page .sv-topic strong{color:var(--navy);font-size:15px;line-height:1.25}\r\n#sv-open-page .sv-topic small{color:var(--muted);font-size:11px;line-height:1.42}\r\n#sv-open-page .sv-route-copy{display:none!important}\r\n#sv-open-page .sv-voices{display:flex;flex-wrap:wrap;gap:8px}\r\n#sv-open-page .sv-voice{padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#334155;cursor:pointer;font-size:11px;font-weight:800}\r\n#sv-open-page .sv-voice:hover,#sv-open-page .sv-voice.active{border-color:var(--purple);background:#eef2ff;color:#4f46e5}\r\n#sv-open-page .sv-note-label{display:block;margin-bottom:8px;color:var(--navy);font-size:12px;font-weight:900}\r\n#sv-open-page .sv-note{width:100%;min-height:104px;padding:14px 15px;resize:vertical;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--text);font-size:13px;line-height:1.55;outline:none}\r\n#sv-open-page .sv-note:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(106,92,255,.10)}\r\n\r\n#sv-open-page .sv-result{position:sticky;top:105px;padding:25px;border-radius:27px;background:linear-gradient(145deg,#080b2e,#17123f);color:#fff;box-shadow:0 24px 62px rgba(2,6,23,.24)}\r\n#sv-open-page .sv-result-kicker{margin-bottom:13px;color:#c4b5fd;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}\r\n#sv-open-page .sv-result h3{margin:0 0 10px;color:#fff;font-size:27px;line-height:1.08}\r\n#sv-open-page .sv-result-summary{margin:0 0 18px;color:rgba(255,255,255,.72);font-size:13px;line-height:1.6}\r\n#sv-open-page .sv-route{display:grid;gap:8px;margin-bottom:17px}\r\n#sv-open-page .sv-route-item{padding:11px 13px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.07)}\r\n#sv-open-page .sv-route-item small{display:block;margin-bottom:3px;color:#c4b5fd;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}\r\n#sv-open-page .sv-route-item strong{display:block;color:#fff;font-size:12px;line-height:1.4}\r\n#sv-open-page .sv-starter{margin-bottom:15px;padding:15px;border-radius:16px;background:#fff;color:#1e293b;font-size:12px;line-height:1.6;white-space:pre-wrap}\r\n#sv-open-page .sv-copy{width:100%;min-height:45px;margin-bottom:9px;padding:11px 14px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(255,255,255,.10);color:#fff;cursor:pointer;font-size:12px;font-weight:900}\r\n#sv-open-page .sv-result-actions{display:grid;gap:8px}\r\n#sv-open-page .sv-result-actions a{min-height:47px;padding:12px 14px;display:flex;align-items:center;justify-content:center;border-radius:14px;text-align:center;font-size:12px;font-weight:900}\r\n#sv-open-page .sv-route-btn{background:#fff;color:var(--navy)!important}\r\n#sv-open-page .sv-profile-btn{border:1px solid rgba(255,255,255,.20);background:transparent;color:#fff!important}\r\n\r\n\/* FINAL *\/\r\n#sv-open-page .sv-final{margin-top:82px;padding:56px 30px;text-align:center;border:1px solid var(--line);border-radius:36px;background:radial-gradient(circle at 50% 0,rgba(106,92,255,.14),transparent 38%),linear-gradient(135deg,#eef2ff,#fff)}\r\n#sv-open-page .sv-final h2{max-width:850px;margin:0 auto 15px;color:var(--navy);font-size:clamp(36px,4vw,58px);line-height:1.03;letter-spacing:-.045em}\r\n#sv-open-page .sv-final p{max-width:680px;margin:0 auto 25px;color:var(--muted);font-size:16px;line-height:1.68}\r\n#sv-open-page .sv-final-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:11px}\r\n\r\n@media(max-width:980px){\r\n  #sv-open-page .sv-hero-grid,#sv-open-page .sv-router-grid{grid-template-columns:1fr}\r\n  #sv-open-page .sv-hero-card{max-width:720px}\r\n  #sv-open-page .sv-result{position:relative;top:auto}\r\n}\r\n@media(max-width:760px){\r\n  #sv-open-page .sv-wrap{width:100%;padding:0 16px}\r\n  #sv-open-page .sv-hero{padding:46px 0 58px;border-radius:0 0 32px 32px}\r\n  #sv-open-page .sv-hero h1{font-size:46px}\r\n  #sv-open-page .sv-lead{font-size:17px}\r\n  #sv-open-page .sv-actions,#sv-open-page .sv-final-actions{display:grid}\r\n  #sv-open-page .sv-primary,#sv-open-page .sv-secondary{width:100%}\r\n  #sv-open-page .sv-principles,#sv-open-page .sv-topic-grid{grid-template-columns:1fr}\r\n  #sv-open-page .sv-principle{min-height:auto}\r\n  #sv-open-page .sv-router{padding:20px 16px;border-radius:27px}\r\n  #sv-open-page .sv-section-head h2{font-size:37px}\r\n  #sv-open-page .sv-final{padding:42px 18px;border-radius:27px}\r\n}\r\n<\/style>\r\n\r\n<section class=\"sv-hero\">\r\n  <div class=\"sv-wrap\">\r\n    <div class=\"sv-hero-grid\">\r\n      <div>\r\n        <div class=\"sv-kicker\">Open Conversation \u00b7 Career Crossroads<\/div>\r\n        <h1>You do not need the answer <span class=\"sv-gradient\">before you begin.<\/span><\/h1>\r\n        <p class=\"sv-lead\">When work, identity or the future feels uncertain, begin with one honest sentence. Stadia helps you name the pressure, choose the perspective you need and find one manageable next step.<\/p>\r\n        <div class=\"sv-actions\">\r\n          <a class=\"sv-primary sv-track\" data-sv-event=\"open_hero_router\" href=\"#sv-open-router\">Start with what feels difficult \u2193<\/a>\r\n          <a class=\"sv-secondary sv-track\" data-sv-event=\"open_hero_profile\" href=\"\/growth-profile-test\/\">Take the free Growth Profile \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <aside class=\"sv-hero-card\">\r\n        <h2>A calmer way to find direction.<\/h2>\r\n        <ul class=\"sv-hero-list\">\r\n          <li>No public profile is required to use this Router.<\/li>\r\n          <li>You decide which part of your situation to share.<\/li>\r\n          <li>The result suggests a path; it does not make the decision for you.<\/li>\r\n        <\/ul>\r\n        <div class=\"sv-safe-note\">Stadia Vitae offers orientation and structured reflection. It is not therapy, emergency support or professional medical advice.<\/div>\r\n      <\/aside>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"sv-intro\">\r\n  <div class=\"sv-wrap\">\r\n    <div class=\"sv-section-head\">\r\n      <div class=\"sv-kicker\">From pressure to perspective<\/div>\r\n      <h2>A conversation becomes useful when it starts clearly.<\/h2>\r\n      <p>You do not need to explain your entire life. Identify what is changing, decide whose experience could help and prepare one sentence that another person can understand.<\/p>\r\n    <\/div>\r\n    <div class=\"sv-principles\">\r\n      <article class=\"sv-principle\"><div class=\"sv-number\">01<\/div><h3>Name the pressure<\/h3><p>Separate exhaustion, career uncertainty, technological disruption, identity change and the need for connection.<\/p><\/article>\r\n      <article class=\"sv-principle\"><div class=\"sv-number\">02<\/div><h3>Choose the perspective<\/h3><p>A professional, entrepreneur, older voice or someone who already changed direction may see different possibilities.<\/p><\/article>\r\n      <article class=\"sv-principle\"><div class=\"sv-number\">03<\/div><h3>Take one next step<\/h3><p>Continue toward a reflection tool, the Growth Profile or a relevant Stadia space without forcing a final decision.<\/p><\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"sv-open-router\" class=\"sv-router-section sv-anchor\">\r\n  <div class=\"sv-wrap\">\r\n    <div class=\"sv-section-head\">\r\n      <div class=\"sv-kicker\">Interactive Conversation Router<\/div>\r\n      <h2>What brings you here today?<\/h2>\r\n      <p>Choose the closest situation. You can change your selection at any time.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"sv-router\">\r\n      <div class=\"sv-router-grid\">\r\n        <div>\r\n          <div class=\"sv-step\">\r\n            <div class=\"sv-step-title\"><span>1<\/span><h3>Choose your situation<\/h3><\/div>\r\n            <div class=\"sv-topic-grid\" id=\"sv-open-topics\">\r\n              <button type=\"button\" class=\"sv-topic active\" data-key=\"career\" data-href=\"\/find-the-right-voices\/\">\r\n                <strong>I may need to change work<\/strong>\r\n                <small>Stay, change direction or rebuild around existing strengths.<\/small>\r\n                <span class=\"sv-route-copy\"><b>Career Crossroads<\/b><i>Clarify whether your current work still fits before making a dramatic move.<\/i><\/span>\r\n              <\/button>\r\n              <button type=\"button\" class=\"sv-topic\" data-key=\"ai\" data-href=\"\/work-direction\/\">\r\n                <strong>AI is changing my role<\/strong>\r\n                <small>Understand what to protect, learn and test before reacting.<\/small>\r\n                <span class=\"sv-route-copy\"><b>Work Direction<\/b><i>Map how technology is changing the role and choose one skill or experiment to test next.<\/i><\/span>\r\n              <\/button>\r\n              <button type=\"button\" class=\"sv-topic\" data-key=\"pressure\" data-href=\"\/growth-profile-test\/\">\r\n                <strong>I feel exhausted or stuck<\/strong>\r\n                <small>Separate temporary overload from a deeper mismatch.<\/small>\r\n                <span class=\"sv-route-copy\"><b>Growth Profile<\/b><i>Separate temporary overload from a deeper pattern affecting your decisions and energy.<\/i><\/span>\r\n              <\/button>\r\n              <button type=\"button\" class=\"sv-topic\" data-key=\"identity\" data-href=\"\/the-changing-self\/\">\r\n                <strong>I no longer recognise myself<\/strong>\r\n                <small>Explore what changed and which parts of you still remain.<\/small>\r\n                <span class=\"sv-route-copy\"><b>The Changing Self<\/b><i>Understand what changed in your identity and what you may want to rebuild or protect.<\/i><\/span>\r\n              <\/button>\r\n              <button type=\"button\" class=\"sv-topic\" data-key=\"connection\" data-href=\"\/community\/\">\r\n                <strong>I need a human perspective<\/strong>\r\n                <small>Begin with people and shared experience rather than another test.<\/small>\r\n                <span class=\"sv-route-copy\"><b>Community<\/b><i>Move toward shared experience and human perspective without having to explain everything at once.<\/i><\/span>\r\n              <\/button>\r\n              <button type=\"button\" class=\"sv-topic\" data-key=\"decision\" data-href=\"\/growth-profile-test\/\">\r\n                <strong>I have too many possible directions<\/strong>\r\n                <small>Reduce the decision to one realistic experiment or next step.<\/small>\r\n                <span class=\"sv-route-copy\"><b>Decision Clarity<\/b><i>Reduce several possible directions to one manageable next step.<\/i><\/span>\r\n              <\/button>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"sv-step\">\r\n            <div class=\"sv-step-title\"><span>2<\/span><h3>Whose perspective would help?<\/h3><\/div>\r\n            <div class=\"sv-voices\" id=\"sv-open-voices\">\r\n              <button type=\"button\" class=\"sv-voice active\">People who changed direction<\/button>\r\n              <button type=\"button\" class=\"sv-voice\">Professionals<\/button>\r\n              <button type=\"button\" class=\"sv-voice\">Entrepreneurs<\/button>\r\n              <button type=\"button\" class=\"sv-voice\">Older voices<\/button>\r\n              <button type=\"button\" class=\"sv-voice\">People facing the same pressure<\/button>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"sv-step\">\r\n            <div class=\"sv-step-title\"><span>3<\/span><h3>Add one sentence<\/h3><\/div>\r\n            <label class=\"sv-note-label\" for=\"sv-open-note\">Optional \u2014 describe what feels most difficult right now.<\/label>\r\n            <textarea id=\"sv-open-note\" class=\"sv-note\" maxlength=\"420\" placeholder=\"For example: I am unsure whether I need a new job, a different role or simply time to recover.\"><\/textarea>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <aside class=\"sv-result\" aria-live=\"polite\">\r\n          <div class=\"sv-result-kicker\">Your suggested path<\/div>\r\n          <h3 id=\"sv-open-result-title\">Career Crossroads<\/h3>\r\n          <p class=\"sv-result-summary\" id=\"sv-open-result-summary\">Clarify whether your current work still fits before making a dramatic move.<\/p>\r\n          <div class=\"sv-route\">\r\n            <div class=\"sv-route-item\"><small>Situation<\/small><strong id=\"sv-open-result-topic\">I may need to change work<\/strong><\/div>\r\n            <div class=\"sv-route-item\"><small>Perspective<\/small><strong id=\"sv-open-result-voice\">People who changed direction<\/strong><\/div>\r\n          <\/div>\r\n          <div class=\"sv-starter\" id=\"sv-open-starter\">I am considering a change in my work and would value the perspective of people who have already changed direction.<\/div>\r\n          <button type=\"button\" class=\"sv-copy\" id=\"sv-open-copy\">Copy conversation starter<\/button>\r\n          <div class=\"sv-result-actions\">\r\n            <a class=\"sv-route-btn sv-track\" id=\"sv-open-route-link\" data-sv-event=\"open_router_route\" href=\"\/find-the-right-voices\/\">Open the suggested path \u2192<\/a>\r\n            <a class=\"sv-profile-btn sv-track\" data-sv-event=\"open_router_profile\" href=\"\/growth-profile-test\/\">Continue with the free Growth Profile<\/a>\r\n          <\/div>\r\n        <\/aside>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"sv-wrap\">\r\n  <div class=\"sv-final\">\r\n    <div class=\"sv-kicker\">One honest sentence is enough<\/div>\r\n    <h2>Begin with clarity, not certainty.<\/h2>\r\n    <p>You can use the Router privately, continue with a short assessment or move toward people whose experience may help you see the situation differently.<\/p>\r\n    <div class=\"sv-final-actions\">\r\n      <a class=\"sv-primary sv-track\" data-sv-event=\"open_final_profile\" href=\"\/growth-profile-test\/\">Take the free Growth Profile \u2192<\/a>\r\n      <a class=\"sv-secondary sv-track\" data-sv-event=\"open_final_voices\" href=\"\/find-the-right-voices\/\">Find the right voices \u2192<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\",function(){\r\n  \"use strict\";\r\n  var root=document.getElementById(\"sv-open-page\");\r\n  if(!root){return;}\r\n\r\n  var lang=(document.documentElement.lang||\"en\").toLowerCase().slice(0,2);\r\n  var topicButtons=Array.prototype.slice.call(root.querySelectorAll(\"#sv-open-topics .sv-topic\"));\r\n  var voiceButtons=Array.prototype.slice.call(root.querySelectorAll(\"#sv-open-voices .sv-voice\"));\r\n  var note=root.querySelector(\"#sv-open-note\");\r\n  var titleOut=root.querySelector(\"#sv-open-result-title\");\r\n  var summaryOut=root.querySelector(\"#sv-open-result-summary\");\r\n  var topicOut=root.querySelector(\"#sv-open-result-topic\");\r\n  var voiceOut=root.querySelector(\"#sv-open-result-voice\");\r\n  var starterOut=root.querySelector(\"#sv-open-starter\");\r\n  var routeLink=root.querySelector(\"#sv-open-route-link\");\r\n  var copyButton=root.querySelector(\"#sv-open-copy\");\r\n\r\n  var copyText={\r\n    en:{copy:\"Copy conversation starter\",copied:\"Copied\",fallback:\"Copy this text:\"},\r\n    de:{copy:\"Gespr\u00e4chseinstieg kopieren\",copied:\"Kopiert\",fallback:\"Diesen Text kopieren:\"},\r\n    it:{copy:\"Copia l'inizio della conversazione\",copied:\"Copiato\",fallback:\"Copia questo testo:\"},\r\n    fr:{copy:\"Copier le d\u00e9but de la conversation\",copied:\"Copi\u00e9\",fallback:\"Copiez ce texte :\"},\r\n    es:{copy:\"Copiar el inicio de la conversaci\u00f3n\",copied:\"Copiado\",fallback:\"Copia este texto:\"}\r\n  };\r\n\r\n  var state={topic:topicButtons[0]||null,voice:voiceButtons[0]||null};\r\n\r\n  function starter(topic,voice,userNote){\r\n    var base={\r\n      en:\"I am facing \"+topic.toLowerCase()+\" and would value the perspective of \"+voice.toLowerCase()+\".\",\r\n      de:\"Ich stehe vor dem Thema \u201e\"+topic+\"\u201c und w\u00fcrde die Perspektive von \u201e\"+voice+\"\u201c sch\u00e4tzen.\",\r\n      it:\"Sto affrontando questa situazione: \u201c\"+topic+\"\u201d. Mi sarebbe utile il punto di vista di: \u201c\"+voice+\"\u201d.\",\r\n      fr:\"Je traverse cette situation : \u00ab \"+topic+\" \u00bb. Le point de vue de \u00ab \"+voice+\" \u00bb pourrait m'aider.\",\r\n      es:\"Estoy afrontando esta situaci\u00f3n: \u00ab\"+topic+\"\u00bb. Me ayudar\u00eda conocer la perspectiva de \u00ab\"+voice+\"\u00bb.\"\r\n    };\r\n    var text=base[lang]||base.en;\r\n    if(userNote){text+=\"\\n\\n\"+userNote;}\r\n    return text;\r\n  }\r\n\r\n  function update(){\r\n    if(!state.topic||!state.voice){return;}\r\n    var topicLabel=(state.topic.querySelector(\"strong\")||state.topic).textContent.trim();\r\n    var voiceLabel=state.voice.textContent.trim();\r\n    var routeTitle=state.topic.querySelector(\".sv-route-copy b\");\r\n    var routeSummary=state.topic.querySelector(\".sv-route-copy i\");\r\n    var userNote=note?note.value.trim():\"\";\r\n    if(titleOut&&routeTitle){titleOut.textContent=routeTitle.textContent.trim();}\r\n    if(summaryOut&&routeSummary){summaryOut.textContent=routeSummary.textContent.trim();}\r\n    if(topicOut){topicOut.textContent=topicLabel;}\r\n    if(voiceOut){voiceOut.textContent=voiceLabel;}\r\n    if(starterOut){starterOut.textContent=starter(topicLabel,voiceLabel,userNote);}\r\n    if(routeLink){routeLink.href=state.topic.getAttribute(\"data-href\")||\"\/find-the-right-voices\/\";}\r\n  }\r\n\r\n  topicButtons.forEach(function(button){\r\n    button.addEventListener(\"click\",function(){\r\n      topicButtons.forEach(function(item){item.classList.remove(\"active\");});\r\n      button.classList.add(\"active\");\r\n      state.topic=button;\r\n      update();\r\n    });\r\n  });\r\n\r\n  voiceButtons.forEach(function(button){\r\n    button.addEventListener(\"click\",function(){\r\n      voiceButtons.forEach(function(item){item.classList.remove(\"active\");});\r\n      button.classList.add(\"active\");\r\n      state.voice=button;\r\n      update();\r\n    });\r\n  });\r\n\r\n  if(note){note.addEventListener(\"input\",update);}\r\n\r\n  if(copyButton){\r\n    var labels=copyText[lang]||copyText.en;\r\n    copyButton.textContent=labels.copy;\r\n    copyButton.addEventListener(\"click\",function(){\r\n      var value=starterOut?starterOut.textContent:\"\";\r\n      function success(){\r\n        copyButton.textContent=labels.copied;\r\n        window.setTimeout(function(){copyButton.textContent=labels.copy;},1600);\r\n      }\r\n      if(navigator.clipboard&&window.isSecureContext){\r\n        navigator.clipboard.writeText(value).then(success,function(){window.prompt(labels.fallback,value);});\r\n      }else{\r\n        window.prompt(labels.fallback,value);\r\n      }\r\n    });\r\n  }\r\n\r\n  root.querySelectorAll(\".sv-track\").forEach(function(link){\r\n    link.addEventListener(\"click\",function(){\r\n      window.dataLayer=window.dataLayer||[];\r\n      window.dataLayer.push({event:link.getAttribute(\"data-sv-event\")||\"stadia_cta_click\",sv_destination:link.getAttribute(\"href\")||\"\"});\r\n    });\r\n  });\r\n\r\n  update();\r\n});\r\n<\/script>\r\n<\/div>\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1286","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/staging.stadiaorg.com\/fr\/wp-json\/wp\/v2\/pages\/1286","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=1286"}],"version-history":[{"count":21,"href":"https:\/\/staging.stadiaorg.com\/fr\/wp-json\/wp\/v2\/pages\/1286\/revisions"}],"predecessor-version":[{"id":1890,"href":"https:\/\/staging.stadiaorg.com\/fr\/wp-json\/wp\/v2\/pages\/1286\/revisions\/1890"}],"wp:attachment":[{"href":"https:\/\/staging.stadiaorg.com\/fr\/wp-json\/wp\/v2\/media?parent=1286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}