var/cache/dev/twig/53/53f6a6248bee9e9c2b12d5129ecf484c.php line 49

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  15. use Twig\TemplateWrapper;
  17. /* application/whileresume/website/candidates/homepage.html.twig */
  18. class __TwigTemplate_3021bd991837ee306d1f78dd01b7ec9e extends Template
  19. {
  20.     private Source $source;
  21.     /**
  22.      * @var array<string, Template>
  23.      */
  24.     private array $macros = [];
  26.     public function __construct(Environment $env)
  27.     {
  28.         parent::__construct($env);
  30.         $this->source = $this->getSourceContext();
  32.         $this->blocks = [
  33.             'title' => [$this, 'block_title'],
  34.             'description' => [$this, 'block_description'],
  35.             'robots' => [$this, 'block_robots'],
  36.             'canonical' => [$this, 'block_canonical'],
  37.             'css' => [$this, 'block_css'],
  38.             'body' => [$this, 'block_body'],
  39.             'footer_js' => [$this, 'block_footer_js'],
  40.         ];
  41.     }
  43.     protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
  44.     {
  45.         // line 1
  46.         return "application/whileresume/website/candidates/layout-social.html.twig";
  47.     }
  49.     protected function doDisplay(array $context, array $blocks = []): iterable
  50.     {
  51.         $macros = $this->macros;
  52.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  53.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "application/whileresume/website/candidates/homepage.html.twig"));
  55.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  56.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "application/whileresume/website/candidates/homepage.html.twig"));
  58.         // line 6
  59.         $context["isFR"] = (CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 6, $this->source); })()), "request", [], "any", false, false, false, 6), "locale", [], "any", false, false, false, 6) == "fr");
  60.         // line 7
  61.         $context["t"] = ["hero_eyebrow" => (((($tmp =         // line 8
  62. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 8, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Plateforme d’emploi nouvelle génération") : ("A new-generation job platform")), "hero_title_1" => (((($tmp =         // line 9
  63. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 9, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Faites parler") : ("Let your")), "hero_title_2" => (((($tmp =         // line 10
  64. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 10, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("votre CV.") : ("CV speak.")), "hero_title_3" => (((($tmp =         // line 11
  65. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 11, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("On s’occupe du reste.") : ("We handle the rest.")), "hero_lede" => (((($tmp =         // line 12
  66. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 12, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Whileresume met en relation les talents avec les entreprises qui recrutent — sans candidature à rallonge, sans CV à refaire 10 fois. Likez, matchez, échangez.") : ("Whileresume connects talent with hiring companies — no endless applications, no CVs rewritten ten times. Like, match, chat.")), "hero_search_placeholder" => (((($tmp =         // line 13
  67. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 13, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Un poste, une ville, une entreprise…") : ("A job, a city, a company…")), "hero_search_button" => (((($tmp =         // line 14
  68. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 14, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Rechercher") : ("Search")), "hero_byline_jobs" => (((($tmp =         // line 15
  69. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 15, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("offres en ligne") : ("jobs online")), "hero_byline_apps" => (((($tmp =         // line 16
  70. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 16, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("iOS · Android · Web") : ("iOS · Android · Web")), "hero_byline_free" => (((($tmp =         // line 17
  71. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 17, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("gratuit pour les candidats") : ("free for candidates")), "search_loading" => (((($tmp =         // line 18
  72. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 18, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Recherche…") : ("Searching…")), "search_no_results" => (((($tmp =         // line 19
  73. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 19, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Aucune offre ne correspond à votre recherche") : ("No job matches your search")), "search_no_results_hint" => (((($tmp =         // line 20
  74. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 20, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Essayez avec d’autres mots-clés") : ("Try other keywords")), "search_results_count" => (((($tmp =         // line 21
  75. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 21, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("offres trouvées") : ("jobs found")), "search_view_all" => (((($tmp =         // line 22
  76. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 22, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Voir toutes les offres") : ("See all jobs")), "search_view_offer" => (((($tmp =         // line 23
  77. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 23, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Voir l’offre") : ("View job")), "search_clear" => (((($tmp =         // line 24
  78. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 24, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Effacer") : ("Clear")), "paths_eyebrow" => (((($tmp =         // line 26
  79. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 26, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Trois manières d’entrer") : ("Three ways in")), "paths_title" => (((($tmp =         // line 27
  80. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 27, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Choisissez votre point de départ") : ("Choose your starting point")), "paths_lede" => (((($tmp =         // line 28
  81. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 28, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Que vous arriviez avec un CV bien rangé ou simplement avec l’envie de bouger, il existe une porte qui vous correspond.") : ("Whether you arrive with a polished CV or just the urge to move on, there’s a door for you.")), "path1_label" => (((($tmp =         // line 29
  82. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 29, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("J’ai déjà un CV") : ("I have a CV")), "path1_title" => (((($tmp =         // line 30
  83. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 30, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Envoyez. On lit. On améliore.") : ("Send. Read. Refine.")), "path1_desc" => (((($tmp =         // line 31
  84. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 31, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Vous déposez votre CV, on en extrait les compétences, on identifie ce qui peut être renforcé, et on régénère deux versions propres dans la langue et le thème de votre choix.") : ("You upload your CV, we extract your skills, identify what can be strengthened, and regenerate two clean versions in the language and theme of your choice.")), "path1_cta" => (((($tmp =         // line 32
  85. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 32, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Déposer mon CV") : ("Upload my CV")), "path2_label" => (((($tmp =         // line 33
  86. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 33, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Je pars de zéro") : ("Starting fresh")), "path2_title" => (((($tmp =         // line 34
  87. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 34, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Quelques étapes. Un beau CV.") : ("A few steps. A clean CV.")), "path2_desc" => (((($tmp =         // line 35
  88. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 35, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Pas de CV ? On vous accompagne dans un tunnel guidé. À la fin, vous repartez avec un document construit, lisible, prêt à être envoyé — ou à laisser parler pour vous, ici.") : ("No CV? We guide you through. At the end, you walk out with a structured, readable document, ready to send — or to let it speak for you, here.")), "path2_cta" => (((($tmp =         // line 36
  89. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 36, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Construire mon CV") : ("Build my CV")), "path3_label" => (((($tmp =         // line 37
  90. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 37, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Je veux d’abord regarder") : ("Browse first")), "path3_title" => (((($tmp =         // line 38
  91. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 38, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Liker, c’est déjà commencer.") : ("Liking is already starting.")), "path3_desc" => (((($tmp =         // line 39
  92. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 39, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Parcourez les offres et les entreprises. Likez celles qui vous parlent. On en déduit vos goûts, on vous propose mieux, et les recruteurs intéressés peuvent vous trouver.") : ("Browse jobs and companies. Like the ones that speak to you. We learn your taste, suggest better ones, and interested recruiters find you.")), "path3_cta" => (((($tmp =         // line 40
  93. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 40, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Voir les offres") : ("See jobs")), "how_eyebrow" => (((($tmp =         // line 42
  94. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 42, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Comment ça marche") : ("How it works")), "how_title" => (((($tmp =         // line 43
  95. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 43, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Quatre temps, un mouvement.") : ("Four moves, one motion.")), "how_lede" => (((($tmp =         // line 44
  96. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 44, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("On a réduit le parcours à l’essentiel. Pas de remplissage, pas de vous demander deux fois la même chose.") : ("We pared the journey down to the essentials. No filler, no asking the same thing twice.")), "step1_title" => (((($tmp =         // line 45
  97. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 45, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Vous racontez") : ("You tell")), "step1_desc" => (((($tmp =         // line 46
  98. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 46, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("CV uploadé ou tunnel guidé. On collecte ce qu’il faut savoir : compétences, parcours, envies, langues.") : ("CV uploaded or guided tunnel. We collect what matters: skills, experience, wishes, languages.")), "step2_title" => (((($tmp =         // line 47
  99. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 47, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("On analyse") : ("We analyze")), "step2_desc" => (((($tmp =         // line 48
  100. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 48, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Notre intelligence relit votre profil. Forces, axes d’amélioration : vous recevez un retour clair.") : ("Our intelligence re-reads your profile. Strengths, areas to improve: you get a clear report.")), "step3_title" => (((($tmp =         // line 49
  101. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 49, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("On génère") : ("We generate")), "step3_desc" => (((($tmp =         // line 50
  102. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 50, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Votre CV est généré dans deux thèmes, plusieurs couleurs, plusieurs langues. Téléchargeable à tout moment.") : ("Your CV is generated in two themes, multiple colors, multiple languages. Downloadable any time.")), "step4_title" => (((($tmp =         // line 51
  103. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 51, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("On vous expose") : ("We expose you")), "step4_desc" => (((($tmp =         // line 52
  104. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 52, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Votre profil devient visible des recruteurs qui cherchent exactement votre type de talent.") : ("Your profile becomes visible to recruiters looking for exactly your type of talent.")), "apps_eyebrow" => (((($tmp =         // line 54
  105. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 54, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Disponible partout") : ("Available everywhere")), "apps_title" => (((($tmp =         // line 55
  106. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 55, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Trois plateformes, une seule expérience") : ("Three platforms, one experience")), "apps_lede" => (((($tmp =         // line 56
  107. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 56, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Vos préférences vous suivent. Likez une offre dans le métro, envoyez votre CV depuis votre canapé.") : ("Your preferences follow you. Like an offer on the subway, send your CV from the couch.")), "apps_ios" => "iOS", "apps_android" => "Android", "apps_web" => (((($tmp =         // line 59
  108. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 59, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Web") : ("Web")), "apps_ios_desc" => (((($tmp =         // line 60
  109. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 60, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Téléchargez sur l’App Store") : ("Download on the App Store")), "apps_android_desc" => (((($tmp =         // line 61
  110. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 61, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Téléchargez sur Google Play") : ("Get it on Google Play")), "apps_web_desc" => (((($tmp =         // line 62
  111. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 62, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Connectez-vous depuis le navigateur") : ("Log in from your browser")), "match_eyebrow" => (((($tmp =         // line 64
  112. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 64, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Le match ne se force pas") : ("A match cannot be forced")), "match_title" => (((($tmp =         // line 65
  113. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 65, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Likez. Matchez. Échangez.") : ("Like. Match. Chat.")), "match_lede" => (((($tmp =         // line 66
  114. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 66, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Vous likez ce qui vous plaît, on apprend, et les entreprises intéressées passent la première.") : ("You like what catches your eye, we learn, and interested companies make the first move.")), "match_b1_title" => (((($tmp =         // line 67
  115. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 67, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Likez ce qui vous parle") : ("Like what speaks to you")), "match_b1_desc" => (((($tmp =         // line 68
  116. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 68, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Offres, entreprises, recruteurs. On retient tout pour mieux vous connaître.") : ("Jobs, companies, recruiters. We remember everything to know you better.")), "match_b2_title" => (((($tmp =         // line 69
  117. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 69, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Recommandations sur mesure") : ("Tailored recommendations")), "match_b2_desc" => (((($tmp =         // line 70
  118. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 70, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Plus vous likez, plus on vous propose des offres alignées avec votre profil.") : ("The more you like, the more we suggest offers aligned with your profile.")), "match_b3_title" => (((($tmp =         // line 71
  119. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 71, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Les recruteurs viennent à vous") : ("Recruiters come to you")), "match_b3_desc" => (((($tmp =         // line 72
  120. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 72, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Quand votre profil match, c’est l’entreprise qui passe la première.") : ("When your profile matches, the company makes the first move.")), "match_b4_title" => (((($tmp =         // line 73
  121. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 73, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Offres externes incluses") : ("External offers included")), "match_b4_desc" => (((($tmp =         // line 74
  122. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 74, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("On indexe aussi des offres externes pour maximiser vos chances. Lien direct vers le site de l’employeur.") : ("We also index external offers to maximize your chances. Direct link to the employer’s site.")), "keywords_title" => (((($tmp =         // line 76
  123. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 76, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Cherchez par domaine") : ("Search by field")), "keywords_lede" => (((($tmp =         // line 77
  124. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 77, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Une porte d’entrée par métier") : ("One door per craft")), "popular_title" => (((($tmp =         // line 78
  125. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 78, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Offres populaires") : ("Popular jobs")), "popular_lede" => (((($tmp =         // line 79
  126. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 79, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Une sélection d’offres ouvertes en ce moment, par catégorie") : ("A selection of currently open positions, by category")), "btn_more" => (((($tmp =         // line 80
  127. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 80, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Tout voir") : ("See all")), "articles_title" => (((($tmp =         // line 82
  128. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 82, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Conseils, ressources & guides") : ("Advice, resources & guides")), "articles_lede" => (((($tmp =         // line 83
  129. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 83, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Pour rebondir, négocier, postuler mieux.") : ("To bounce back, negotiate and apply better.")), "articles_view_all" => (((($tmp =         // line 84
  130. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 84, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Voir tous les articles") : ("See all articles")), "read_article" => (((($tmp =         // line 85
  131. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 85, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Lire") : ("Read")), "final_title" => (((($tmp =         // line 87
  132. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 87, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Prêt à propulser votre carrière ?") : ("Ready to take your career further?")), "final_subtitle" => (((($tmp =         // line 88
  133. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 88, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Rejoignez celles et ceux qui ont déjà tourné la page.") : ("Join those who have already turned the page.")), "final_candidate" => (((($tmp =         // line 89
  134. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 89, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Je suis candidat·e") : ("I’m a candidate")), "final_recruiter" => (((($tmp =         // line 90
  135. (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 90, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Je recrute") : ("I’m hiring"))];
  136.         // line 1
  137.         $this->parent = $this->load("application/whileresume/website/candidates/layout-social.html.twig", 1);
  138.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  139.         
  140.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  142.         
  143.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  145.     }
  147.     // line 93
  148.     /**
  149.      * @return iterable<null|scalar|\Stringable>
  150.      */
  151.     public function block_title(array $context, array $blocks = []): iterable
  152.     {
  153.         $macros = $this->macros;
  154.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  155.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  157.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  158.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  160.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 93, $this->source); })()), "shortTitle", [], "any", false, false, false, 93), "html", null, true);
  161.         
  162.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  164.         
  165.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  167.         yield from [];
  168.     }
  170.     // line 94
  171.     /**
  172.      * @return iterable<null|scalar|\Stringable>
  173.      */
  174.     public function block_description(array $context, array $blocks = []): iterable
  175.     {
  176.         $macros = $this->macros;
  177.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  178.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "description"));
  180.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  181.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "description"));
  183.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 94, $this->source); })()), "shortDescription", [], "any", false, false, false, 94), "html", null, true);
  184.         
  185.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  187.         
  188.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  190.         yield from [];
  191.     }
  193.     // line 95
  194.     /**
  195.      * @return iterable<null|scalar|\Stringable>
  196.      */
  197.     public function block_robots(array $context, array $blocks = []): iterable
  198.     {
  199.         $macros = $this->macros;
  200.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  201.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "robots"));
  203.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  204.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "robots"));
  206.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 95, $this->source); })()), "robots", [], "any", false, false, false, 95), "html", null, true);
  207.         
  208.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  210.         
  211.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  213.         yield from [];
  214.     }
  216.     // line 96
  217.     /**
  218.      * @return iterable<null|scalar|\Stringable>
  219.      */
  220.     public function block_canonical(array $context, array $blocks = []): iterable
  221.     {
  222.         $macros = $this->macros;
  223.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  224.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "canonical"));
  226.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  227.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "canonical"));
  229.         yield from $this->load("/vitrine/lexend/components/languages/canonical_classic.html.twig", 96)->unwrap()->yield($context);
  230.         
  231.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  233.         
  234.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  236.         yield from [];
  237.     }
  239.     // line 98
  240.     /**
  241.      * @return iterable<null|scalar|\Stringable>
  242.      */
  243.     public function block_css(array $context, array $blocks = []): iterable
  244.     {
  245.         $macros = $this->macros;
  246.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  247.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));
  249.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  250.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));
  252.         // line 99
  253.         yield "    ";
  254.         yield from $this->yieldParentBlock("css", $context, $blocks);
  255.         yield "
  256.     <style>
  257.         /* ═══════════════════════════════════════════════════════════════════
  258.            VARIABLES
  259.         ═══════════════════════════════════════════════════════════════════ */
  260.         :root{
  261.             --wr-bg:#FBFCFE;
  262.             --wr-card:#FFFFFF;
  263.             --wr-violet:#8A63C0;
  264.             --wr-violet-2:#A98AD3;
  265.             --wr-violet-soft:#F2EDFA;
  266.             --wr-violet-softer:#F8F4FD;
  267.             --wr-violet-dark:#6B47A6;
  268.             --wr-ink:#1E1B2E;
  269.             --wr-ink-2:#374151;
  270.             --wr-muted:#6B7280;
  271.             --wr-muted-2:#9CA3AF;
  272.             --wr-line:#EEF1F7;
  273.             --wr-line-2:#E5E9F0;
  274.             --wr-shadow:0 1px 2px rgba(30,27,46,.04),0 4px 16px rgba(30,27,46,.04);
  275.             --wr-shadow-hover:0 4px 8px rgba(138,99,192,.08),0 12px 32px rgba(138,99,192,.1);
  276.         }
  278.         /* ═══════════════════════════════════════════════════════════════════
  279.            PLEINE LARGEUR — On retire la réservation d'espace de la sidebar droite
  280.            ═══════════════════════════════════════════════════════════════════ */
  281.         body .main-content.right-chat-active{padding-right:0!important}
  282.         body .main-content{padding-right:0!important}
  283.         body .right-chat{display:none!important}
  284.         body .middle-sidebar-bottom .middle-sidebar-left{padding-right:0!important;max-width:none!important;width:100%!important}
  285.         body .middle-sidebar-bottom{max-width:none!important}
  287.         .wr{margin:-15px -15px 0;background:var(--wr-bg);color:var(--wr-ink);font-family:inherit;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
  288.         @media(max-width:991px){.wr{margin:0 -15px}}
  289.         .wr *{box-sizing:border-box}
  290.         .wr a{color:inherit;text-decoration:none}
  292.         /* ═══════════════════════════════════════════════════════════════════
  293.            SECTIONS GENERIC — Fond UNIFIÉ partout (pas d'alternance)
  294.            ═══════════════════════════════════════════════════════════════════ */
  295.         .wr-section{padding:80px 32px;background:var(--wr-bg);position:relative}
  296.         .wr-section--tight{padding:48px 32px}
  297.         @media(max-width:768px){.wr-section{padding:56px 20px}.wr-section--tight{padding:36px 20px}}
  299.         /* Filet décoratif au lieu d'un changement de couleur */
  300.         .wr-section + .wr-section::before{
  301.             content:\"\";
  302.             position:absolute;top:0;left:50%;transform:translateX(-50%);
  303.             width:80px;height:1px;
  304.             background:linear-gradient(90deg,transparent,var(--wr-line-2),transparent);
  305.         }
  307.         .wr-container{max-width:1200px;margin:0 auto;position:relative}
  309.         /* ═══ Eyebrow ═══ */
  310.         .wr-eyebrow{
  311.             display:inline-flex;align-items:center;gap:8px;
  312.             padding:6px 14px;border-radius:100px;
  313.             background:var(--wr-violet-soft);
  314.             color:var(--wr-violet-dark);
  315.             font-size:11.5px;font-weight:600;
  316.             text-transform:uppercase;letter-spacing:.12em;
  317.             margin-bottom:22px;
  318.         }
  319.         .wr-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--wr-violet);animation:wrPulse 2.4s ease-in-out infinite}
  320.         @keyframes wrPulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}
  322.         /* ═══ Titres — THIN + LARGE ═══ */
  323.         .wr-title{
  324.             font-family:inherit;
  325.             font-weight:500;
  326.             font-size:36px;line-height:1.1;letter-spacing:-0.03em;
  327.             color:var(--wr-ink);
  328.             margin:0 auto 16px;
  329.             max-width:920px;
  330.         }
  331.         @media(min-width:768px){.wr-title{font-size:48px}}
  332.         @media(min-width:1024px){.wr-title{font-size:58px}}
  333.         .wr-title--sm{font-size:30px}
  334.         @media(min-width:768px){.wr-title--sm{font-size:38px}}
  335.         .wr-title em{font-style:normal;font-weight:600;color:var(--wr-violet)}
  337.         .wr-lede{
  338.             font-size:17px;line-height:1.55;font-weight:400;
  339.             color:var(--wr-ink-2);
  340.             margin:0 auto;max-width:680px;
  341.         }
  343.         .wr-section-head{text-align:center;margin-bottom:56px}
  345.         /* ═══════════════════════════════════════════════════════════════════
  346.            HERO — Plein texte, fond uni, animation discrète
  347.            ═══════════════════════════════════════════════════════════════════ */
  348.         .hero{
  349.             position:relative;
  350.             background:var(--wr-bg);
  351.             padding:100px 32px 80px;
  352.             overflow:hidden;
  353.         }
  354.         @media(max-width:768px){.hero{padding:60px 20px 60px}}
  356.         /* Décor : 2 blobs très flous violet pâle, plus discrets */
  357.         .hero::before{
  358.             content:\"\";position:absolute;
  359.             top:-260px;right:-180px;width:560px;height:560px;
  360.             background:radial-gradient(circle,rgba(138,99,192,.14) 0%,transparent 65%);
  361.             pointer-events:none;filter:blur(50px);
  362.         }
  363.         .hero::after{
  364.             content:\"\";position:absolute;
  365.             bottom:-200px;left:-180px;width:480px;height:480px;
  366.             background:radial-gradient(circle,rgba(138,99,192,.09) 0%,transparent 65%);
  367.             pointer-events:none;filter:blur(50px);
  368.         }
  370.         .hero-dots{
  371.             position:absolute;inset:0;
  372.             background-image:radial-gradient(circle,rgba(138,99,192,.07) 1px,transparent 1px);
  373.             background-size:32px 32px;
  374.             mask-image:radial-gradient(ellipse 60% 45% at 50% 45%,black,transparent 80%);
  375.             -webkit-mask-image:radial-gradient(ellipse 60% 45% at 50% 45%,black,transparent 80%);
  376.             pointer-events:none;
  377.         }
  379.         .hero-inner{position:relative;z-index:2;max-width:1100px;margin:0 auto;text-align:center}
  381.         .hero-badge{
  382.             display:inline-flex;align-items:center;gap:8px;
  383.             padding:7px 14px;border-radius:100px;
  384.             background:var(--wr-card);
  385.             border:1px solid var(--wr-line-2);
  386.             color:var(--wr-violet-dark);
  387.             font-size:12px;font-weight:500;
  388.             margin-bottom:28px;
  389.             box-shadow:var(--wr-shadow);
  390.             opacity:0;transform:translateY(8px);
  391.             animation:wrFadeUp .8s ease forwards;
  392.         }
  393.         .hero-badge-dot{width:6px;height:6px;border-radius:50%;background:#10B981;box-shadow:0 0 0 0 rgba(16,185,129,.4);animation:wrPulse2 2s ease infinite}
  394.         @keyframes wrPulse2{0%{box-shadow:0 0 0 0 rgba(16,185,129,.4)}70%{box-shadow:0 0 0 8px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}
  395.         @keyframes wrFadeUp{to{opacity:1;transform:translateY(0)}}
  397.         /* ═══ Titre hero — THIN large ═══ */
  398.         .hero-title{
  399.             font-weight:400;
  400.             font-size:44px;line-height:1.04;letter-spacing:-0.04em;
  401.             color:var(--wr-ink);
  402.             margin:0 auto 24px;
  403.             max-width:1000px;
  404.         }
  405.         @media(min-width:768px){.hero-title{font-size:68px;letter-spacing:-0.045em}}
  406.         @media(min-width:1100px){.hero-title{font-size:88px}}
  408.         .hero-title-line{display:block;opacity:0;transform:translateY(12px);animation:wrFadeUp .9s cubic-bezier(.2,.7,.2,1) forwards}
  409.         .hero-title-line:nth-child(1){animation-delay:.1s}
  410.         .hero-title-line:nth-child(2){animation-delay:.25s}
  411.         .hero-title-line:nth-child(3){animation-delay:.4s}
  413.         .hero-title-accent{
  414.             color:var(--wr-violet);
  415.             font-weight:500;
  416.             position:relative;display:inline-block;
  417.         }
  418.         .hero-title-accent::after{
  419.             content:\"\";
  420.             position:absolute;left:0;right:0;bottom:.04em;
  421.             height:.1em;
  422.             background:var(--wr-violet);
  423.             opacity:.22;
  424.             transform-origin:left center;
  425.             transform:scaleX(0);
  426.             animation:wrUnderline 1.1s cubic-bezier(.6,0,.4,1) 1s forwards;
  427.             border-radius:2px;
  428.         }
  429.         @keyframes wrUnderline{to{transform:scaleX(1)}}
  431.         .hero-lede{
  432.             font-size:17px;line-height:1.55;color:var(--wr-ink-2);font-weight:400;
  433.             margin:0 auto 36px;max-width:620px;
  434.             opacity:0;animation:wrFadeUp .9s ease 1.1s forwards;
  435.         }
  436.         @media(min-width:768px){.hero-lede{font-size:18px}}
  438.         /* ═══════════════════════════════════════════════════════════════════
  439.            HERO — RECHERCHE INLINE (avec résultats AJAX)
  440.            ═══════════════════════════════════════════════════════════════════ */
  441.         .hero-search-wrap{
  442.             max-width:680px;margin:0 auto 28px;
  443.             opacity:0;animation:wrFadeUp .9s ease 1.3s forwards;
  444.         }
  446.         .hero-search{
  447.             display:flex;align-items:center;
  448.             background:var(--wr-card);
  449.             border:1px solid var(--wr-line-2);
  450.             border-radius:16px;
  451.             padding:6px;
  452.             box-shadow:0 2px 6px rgba(30,27,46,.04),0 16px 40px rgba(138,99,192,.08);
  453.             transition:transform .2s,box-shadow .2s,border-color .2s,border-radius .25s;
  454.             position:relative;z-index:5;
  455.         }
  456.         .hero-search:focus-within,
  457.         .hero-search.has-results{
  458.             border-color:var(--wr-violet-2);
  459.             box-shadow:0 4px 10px rgba(30,27,46,.05),0 20px 50px rgba(138,99,192,.16);
  460.         }
  461.         .hero-search.has-results{
  462.             border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:var(--wr-line);
  463.         }
  464.         .hero-search-icon{
  465.             display:flex;align-items:center;justify-content:center;
  466.             width:42px;height:42px;flex-shrink:0;color:var(--wr-muted-2);
  467.         }
  468.         .hero-search-icon svg{width:18px;height:18px}
  469.         .hero-search-input{
  470.             flex:1;border:0;outline:0;background:transparent;
  471.             font-size:15px;font-family:inherit;color:var(--wr-ink);
  472.             padding:0 6px;height:42px;min-width:0;
  473.         }
  474.         .hero-search-input::placeholder{color:var(--wr-muted-2)}
  475.         .hero-search-clear{
  476.             display:none;align-items:center;justify-content:center;
  477.             width:32px;height:32px;flex-shrink:0;color:var(--wr-muted-2);
  478.             border:0;background:transparent;cursor:pointer;border-radius:8px;
  479.             transition:background .15s,color .15s;
  480.         }
  481.         .hero-search-clear:hover{background:var(--wr-violet-soft);color:var(--wr-violet)}
  482.         .hero-search-clear svg{width:14px;height:14px}
  483.         .hero-search-clear.is-visible{display:inline-flex}
  484.         .hero-search-btn{
  485.             background:var(--wr-violet);color:#fff;
  486.             border:0;padding:0 22px;border-radius:11px;
  487.             font-size:14px;font-weight:600;font-family:inherit;
  488.             cursor:pointer;flex-shrink:0;height:42px;
  489.             display:inline-flex;align-items:center;gap:6px;
  490.             transition:background .15s,transform .15s,box-shadow .15s;
  491.             box-shadow:0 4px 12px rgba(138,99,192,.3);
  492.         }
  493.         .hero-search-btn:hover{background:var(--wr-violet-dark);transform:translateY(-1px);box-shadow:0 6px 18px rgba(138,99,192,.4)}
  494.         .hero-search-btn svg{width:13px;height:13px}
  495.         @media(max-width:540px){.hero-search-btn span{display:none}.hero-search-btn{padding:0 14px}}
  497.         /* Résultats inline */
  498.         .hero-search-results{
  499.             background:var(--wr-card);
  500.             border:1px solid var(--wr-line);
  501.             border-top:0;
  502.             border-radius:0 0 16px 16px;
  503.             max-height:0;
  504.             overflow:hidden;
  505.             transition:max-height .35s ease,padding .25s ease;
  506.             text-align:left;
  507.             box-shadow:0 16px 40px rgba(138,99,192,.1);
  508.             padding:0 14px;
  509.         }
  510.         .hero-search-results.is-visible{max-height:560px;overflow-y:auto;padding:8px 14px 12px}
  511.         .hero-search-results::-webkit-scrollbar{width:6px}
  512.         .hero-search-results::-webkit-scrollbar-thumb{background:var(--wr-line-2);border-radius:6px}
  514.         .hero-search-meta{
  515.             display:flex;align-items:center;justify-content:space-between;gap:10px;
  516.             padding:10px 4px;
  517.             font-size:11.5px;color:var(--wr-muted);
  518.             text-transform:uppercase;letter-spacing:.08em;font-weight:600;
  519.         }
  520.         .hero-search-meta strong{color:var(--wr-violet);font-weight:700;font-size:13px}
  521.         .hero-search-meta a{color:var(--wr-violet);font-weight:700;display:inline-flex;align-items:center;gap:4px}
  522.         .hero-search-meta a svg{width:11px;height:11px}
  524.         .hero-search-result{
  525.             display:flex;align-items:center;gap:12px;
  526.             padding:10px 8px;border-radius:11px;
  527.             text-decoration:none;color:inherit;
  528.             transition:background .15s;
  529.         }
  530.         .hero-search-result:hover{background:var(--wr-violet-softer);text-decoration:none;color:inherit}
  531.         .hero-search-result-logo{
  532.             width:38px;height:38px;border-radius:10px;flex-shrink:0;
  533.             background:var(--wr-violet-soft);color:var(--wr-violet);
  534.             display:flex;align-items:center;justify-content:center;
  535.             font-weight:700;font-size:13px;overflow:hidden;
  536.         }
  537.         .hero-search-result-logo img{width:100%;height:100%;object-fit:cover}
  538.         .hero-search-result-info{flex:1;min-width:0}
  539.         .hero-search-result-title{
  540.             font-weight:600;font-size:13.5px;color:var(--wr-ink);
  541.             margin:0 0 2px;line-height:1.3;
  542.             white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  543.         }
  544.         .hero-search-result-meta{
  545.             font-size:11.5px;color:var(--wr-muted);margin:0;
  546.             white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  547.         }
  548.         .hero-search-result-cta{
  549.             font-size:11px;font-weight:600;color:var(--wr-violet);
  550.             text-transform:uppercase;letter-spacing:.06em;
  551.             display:inline-flex;align-items:center;gap:4px;flex-shrink:0;
  552.             opacity:0;transition:opacity .15s,transform .15s;transform:translateX(-4px);
  553.         }
  554.         .hero-search-result:hover .hero-search-result-cta{opacity:1;transform:translateX(0)}
  555.         .hero-search-result-cta svg{width:11px;height:11px}
  557.         .hero-search-empty{
  558.             text-align:center;padding:36px 20px;color:var(--wr-muted);
  559.         }
  560.         .hero-search-empty-icon{
  561.             width:48px;height:48px;border-radius:14px;
  562.             background:var(--wr-violet-soft);color:var(--wr-violet);
  563.             display:inline-flex;align-items:center;justify-content:center;
  564.             margin-bottom:14px;
  565.         }
  566.         .hero-search-empty-icon svg{width:22px;height:22px}
  567.         .hero-search-empty-title{font-weight:600;font-size:14px;color:var(--wr-ink);margin:0 0 4px}
  568.         .hero-search-empty-hint{font-size:13px;margin:0;color:var(--wr-muted)}
  570.         .hero-search-loading{
  571.             text-align:center;padding:30px 20px;color:var(--wr-muted);font-size:13px;
  572.             display:flex;align-items:center;justify-content:center;gap:10px;
  573.         }
  574.         .hero-search-spinner{
  575.             width:16px;height:16px;border-radius:50%;
  576.             border:2px solid var(--wr-violet-soft);border-top-color:var(--wr-violet);
  577.             animation:wrSpin .7s linear infinite;
  578.         }
  579.         @keyframes wrSpin{to{transform:rotate(360deg)}}
  581.         /* Byline */
  582.         .hero-byline{
  583.             display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;
  584.             font-size:13px;color:var(--wr-muted);
  585.             opacity:0;animation:wrFadeUp .9s ease 1.5s forwards;
  586.         }
  587.         .hero-byline strong{color:var(--wr-violet);font-weight:700;font-size:15px;margin-right:3px}
  588.         .hero-byline-sep{color:var(--wr-line-2)}
  589.         .hero-byline svg{width:14px;height:14px;color:#10B981;flex-shrink:0}
  590.         .hero-byline span{display:inline-flex;align-items:center;gap:6px}
  591.         @media(max-width:540px){.hero-byline{gap:10px;font-size:12px}.hero-byline-sep{display:none}}
  593.         /* ═══════════════════════════════════════════════════════════════════
  594.            SECTION : 3 PARCOURS
  595.            ═══════════════════════════════════════════════════════════════════ */
  596.         .paths-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  597.         @media(max-width:991px){.paths-grid{grid-template-columns:1fr;gap:14px}}
  599.         .path-card{
  600.             position:relative;
  601.             background:var(--wr-card);
  602.             border:1px solid var(--wr-line);
  603.             border-radius:20px;padding:28px;
  604.             display:flex;flex-direction:column;
  605.             transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  606.             box-shadow:var(--wr-shadow);
  607.         }
  608.         .path-card:hover{transform:translateY(-4px);box-shadow:var(--wr-shadow-hover);border-color:var(--wr-violet-2)}
  609.         .path-card-illu{
  610.             width:64px;height:64px;border-radius:16px;
  611.             background:var(--wr-violet-soft);color:var(--wr-violet);
  612.             display:flex;align-items:center;justify-content:center;
  613.             margin-bottom:22px;
  614.         }
  615.         .path-card-illu svg{width:30px;height:30px}
  616.         .path-card-label{
  617.             display:inline-block;
  618.             font-size:11px;font-weight:600;
  619.             color:var(--wr-violet-dark);text-transform:uppercase;letter-spacing:.1em;
  620.             margin-bottom:10px;align-self:flex-start;
  621.         }
  622.         .path-card-title{
  623.             font-weight:500;font-size:22px;line-height:1.25;letter-spacing:-0.015em;
  624.             color:var(--wr-ink);margin:0 0 10px;
  625.         }
  626.         .path-card-desc{
  627.             font-size:14px;line-height:1.6;color:var(--wr-muted);
  628.             margin:0 0 22px;flex:1;
  629.         }
  630.         .path-card-cta{
  631.             display:inline-flex;align-items:center;justify-content:center;gap:6px;
  632.             background:var(--wr-violet);color:#fff;
  633.             padding:12px 18px;border-radius:11px;
  634.             font-size:13px;font-weight:600;
  635.             align-self:stretch;
  636.             transition:background .15s,transform .15s,box-shadow .15s;
  637.             box-shadow:0 2px 8px rgba(138,99,192,.2);
  638.         }
  639.         .path-card-cta:hover{background:var(--wr-violet-dark);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px rgba(138,99,192,.3)}
  640.         .path-card-cta svg{width:13px;height:13px;transition:transform .15s}
  641.         .path-card-cta:hover svg{transform:translateX(3px)}
  643.         /* ═══════════════════════════════════════════════════════════════════
  644.            MÉTHODE
  645.            ═══════════════════════════════════════════════════════════════════ */
  646.         .method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  647.         @media(max-width:991px){.method-grid{grid-template-columns:repeat(2,1fr)}}
  648.         @media(max-width:540px){.method-grid{grid-template-columns:1fr}}
  650.         .method-step{
  651.             background:var(--wr-card);
  652.             border:1px solid var(--wr-line);
  653.             border-radius:18px;padding:24px;
  654.             transition:transform .2s,box-shadow .2s,border-color .2s;
  655.         }
  656.         .method-step:hover{transform:translateY(-3px);box-shadow:var(--wr-shadow-hover);border-color:var(--wr-violet-soft)}
  657.         .method-num{
  658.             display:inline-flex;align-items:center;justify-content:center;
  659.             width:36px;height:36px;border-radius:10px;
  660.             background:var(--wr-violet-soft);color:var(--wr-violet);
  661.             font-weight:700;font-size:14px;margin-bottom:16px;
  662.         }
  663.         .method-title{
  664.             font-weight:500;font-size:17px;line-height:1.25;letter-spacing:-0.005em;
  665.             color:var(--wr-ink);margin:0 0 6px;
  666.         }
  667.         .method-desc{font-size:13px;line-height:1.55;color:var(--wr-muted);margin:0}
  669.         /* ═══════════════════════════════════════════════════════════════════
  670.            MATCH
  671.            ═══════════════════════════════════════════════════════════════════ */
  672.         .match-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
  673.         @media(max-width:991px){.match-grid{grid-template-columns:1fr;gap:40px}}
  674.         .match-text .wr-title{margin-left:0;text-align:left}
  675.         .match-text .wr-lede{margin-left:0;text-align:left}
  676.         .match-text .wr-eyebrow{margin-bottom:20px}
  678.         .match-features{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}
  679.         @media(max-width:540px){.match-features{grid-template-columns:1fr}}
  680.         .match-feature{
  681.             background:var(--wr-card);border:1px solid var(--wr-line);
  682.             border-radius:14px;padding:18px;
  683.             transition:transform .15s,border-color .15s,box-shadow .15s;
  684.         }
  685.         .match-feature:hover{transform:translateY(-2px);border-color:var(--wr-violet-soft);box-shadow:var(--wr-shadow)}
  686.         .match-feature-icon{
  687.             width:34px;height:34px;border-radius:10px;
  688.             background:var(--wr-violet-soft);color:var(--wr-violet);
  689.             display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;
  690.         }
  691.         .match-feature-icon svg{width:16px;height:16px}
  692.         .match-feature-title{font-weight:600;font-size:14px;line-height:1.3;color:var(--wr-ink);margin:0 0 5px}
  693.         .match-feature-desc{font-size:12.5px;line-height:1.5;color:var(--wr-muted);margin:0}
  695.         .match-visual{position:relative;display:flex;justify-content:center;align-items:center;padding:40px 0}
  696.         .match-stack{position:relative;width:100%;max-width:340px;height:340px}
  697.         .match-stack-card{
  698.             position:absolute;
  699.             background:var(--wr-card);border:1px solid var(--wr-line);
  700.             border-radius:16px;padding:14px;
  701.             display:flex;align-items:center;gap:12px;
  702.             box-shadow:var(--wr-shadow);width:100%;
  703.             transition:transform .3s ease;
  704.         }
  705.         .match-stack-card:nth-child(1){top:0;transform:rotate(-6deg) translateX(-10px);z-index:1;animation:wrFloat 6s ease-in-out infinite}
  706.         .match-stack-card:nth-child(2){top:78px;left:14px;transform:rotate(2deg);z-index:3;box-shadow:0 16px 40px rgba(138,99,192,.18);animation:wrFloat 6s ease-in-out -2s infinite}
  707.         .match-stack-card:nth-child(3){top:156px;transform:rotate(-3deg) translateX(8px);z-index:2;animation:wrFloat 6s ease-in-out -4s infinite}
  708.         .match-stack-card:nth-child(4){top:234px;left:20px;transform:rotate(4deg);z-index:1;animation:wrFloat 6s ease-in-out -1s infinite}
  709.         @keyframes wrFloat{0%,100%{transform:translateY(0) rotate(var(--r,0))}50%{transform:translateY(-6px) rotate(var(--r,0))}}
  710.         .match-stack-logo{
  711.             width:38px;height:38px;border-radius:10px;
  712.             background:var(--wr-violet-soft);color:var(--wr-violet);
  713.             display:flex;align-items:center;justify-content:center;
  714.             font-weight:700;font-size:14px;flex-shrink:0;
  715.         }
  716.         .match-stack-info{flex:1;min-width:0}
  717.         .match-stack-title{font-weight:600;font-size:13px;color:var(--wr-ink);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
  718.         .match-stack-meta{font-size:11px;color:var(--wr-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  719.         .match-stack-heart{width:28px;height:28px;border-radius:50%;background:#FEE2E2;color:#EF4444;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  720.         .match-stack-heart svg{width:13px;height:13px;fill:currentColor}
  722.         /* ═══════════════════════════════════════════════════════════════════
  723.            APPS
  724.            ═══════════════════════════════════════════════════════════════════ */
  725.         .apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  726.         @media(max-width:768px){.apps-grid{grid-template-columns:1fr}}
  727.         .app-card{
  728.             background:var(--wr-card);border:1px solid var(--wr-line);
  729.             border-radius:18px;padding:24px;
  730.             display:flex;flex-direction:column;align-items:flex-start;
  731.             transition:transform .2s,border-color .2s,box-shadow .2s;
  732.         }
  733.         .app-card:hover{transform:translateY(-3px);border-color:var(--wr-violet-2);box-shadow:var(--wr-shadow-hover);color:inherit;text-decoration:none}
  734.         .app-card-icon{
  735.             width:48px;height:48px;border-radius:14px;
  736.             background:var(--wr-violet-soft);color:var(--wr-violet);
  737.             display:inline-flex;align-items:center;justify-content:center;
  738.             margin-bottom:18px;
  739.         }
  740.         .app-card-icon svg{width:22px;height:22px}
  741.         .app-card-name{font-weight:500;font-size:18px;letter-spacing:-0.01em;color:var(--wr-ink);margin:0 0 6px}
  742.         .app-card-desc{font-size:13px;line-height:1.5;color:var(--wr-muted);margin:0 0 16px;flex:1}
  743.         .app-card-cta{font-size:12px;font-weight:600;color:var(--wr-violet);text-transform:uppercase;letter-spacing:.1em;display:inline-flex;align-items:center;gap:6px}
  744.         .app-card-cta svg{width:11px;height:11px;transition:transform .15s}
  745.         .app-card:hover .app-card-cta svg{transform:translateX(3px)}
  747.         /* ═══════════════════════════════════════════════════════════════════
  748.            KEYWORDS
  749.            ═══════════════════════════════════════════════════════════════════ */
  750.         .keywords-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:920px;margin:0 auto}
  751.         .keyword-pill{
  752.             display:inline-flex;align-items:center;gap:8px;
  753.             padding:9px 16px;border-radius:100px;
  754.             background:var(--wr-card);border:1px solid var(--wr-line-2);
  755.             color:var(--wr-ink-2);
  756.             font-size:13.5px;font-weight:500;
  757.             transition:transform .15s,border-color .15s,background .15s,color .15s,box-shadow .15s;
  758.         }
  759.         .keyword-pill:hover{transform:translateY(-2px);border-color:var(--wr-violet);background:var(--wr-violet-soft);color:var(--wr-violet-dark);text-decoration:none;box-shadow:0 4px 10px rgba(138,99,192,.12)}
  760.         .keyword-pill-icon{font-size:14px;line-height:1}
  762.         /* ═══════════════════════════════════════════════════════════════════
  763.            OFFRES POPULAIRES
  764.            ═══════════════════════════════════════════════════════════════════ */
  765.         .listings-block{margin-bottom:32px}
  766.         .listings-block:last-child{margin-bottom:0}
  767.         .listings-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}
  768.         .listings-block-title{
  769.             display:inline-flex;align-items:center;gap:10px;
  770.             font-weight:500;font-size:18px;letter-spacing:-0.005em;
  771.             color:var(--wr-ink);margin:0;
  772.         }
  773.         .listings-block-icon{font-size:20px;line-height:1}
  774.         .listings-block-link{
  775.             display:inline-flex;align-items:center;gap:4px;
  776.             padding:6px 12px;border-radius:100px;
  777.             font-size:12px;font-weight:600;
  778.             color:var(--wr-violet);
  779.             text-transform:uppercase;letter-spacing:.06em;
  780.             border:1px solid var(--wr-violet-soft);
  781.             background:var(--wr-card);
  782.             transition:background .15s,border-color .15s,transform .15s;
  783.         }
  784.         .listings-block-link:hover{background:var(--wr-violet-soft);border-color:var(--wr-violet);text-decoration:none;color:var(--wr-violet-dark);transform:translateX(2px)}
  785.         .listings-block-link svg{width:11px;height:11px}
  787.         .listings-jobs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  788.         @media(max-width:768px){.listings-jobs{grid-template-columns:1fr}}
  789.         .listing-job{
  790.             display:flex;align-items:center;gap:14px;
  791.             background:var(--wr-card);border:1px solid var(--wr-line);
  792.             border-radius:14px;padding:12px;
  793.             transition:transform .15s,border-color .15s,box-shadow .15s;
  794.         }
  795.         .listing-job:hover{transform:translateY(-2px);border-color:var(--wr-violet-soft);box-shadow:var(--wr-shadow);color:inherit;text-decoration:none}
  796.         .listing-job-logo{
  797.             width:42px;height:42px;border-radius:11px;flex-shrink:0;
  798.             background:var(--wr-violet-soft);color:var(--wr-violet);
  799.             display:flex;align-items:center;justify-content:center;
  800.             font-weight:700;font-size:14px;overflow:hidden;
  801.         }
  802.         .listing-job-logo img{width:100%;height:100%;object-fit:cover}
  803.         .listing-job-info{flex:1;min-width:0}
  804.         .listing-job-title{font-weight:600;font-size:13.5px;color:var(--wr-ink);margin:0 0 2px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  805.         .listing-job-meta{font-size:11.5px;color:var(--wr-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  806.         .listing-job-arrow{flex-shrink:0;color:var(--wr-muted-2);transition:color .15s,transform .15s}
  807.         .listing-job-arrow svg{width:14px;height:14px}
  808.         .listing-job:hover .listing-job-arrow{color:var(--wr-violet);transform:translateX(2px)}
  810.         /* ═══════════════════════════════════════════════════════════════════
  811.            ARTICLES
  812.            ═══════════════════════════════════════════════════════════════════ */
  813.         .articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  814.         @media(max-width:991px){.articles-grid{grid-template-columns:repeat(2,1fr)}}
  815.         @media(max-width:640px){.articles-grid{grid-template-columns:1fr}}
  817.         .wr-article{
  818.             background:var(--wr-card);border:1px solid var(--wr-line);
  819.             border-radius:18px;overflow:hidden;
  820.             display:flex;flex-direction:column;
  821.             transition:transform .2s,box-shadow .2s,border-color .2s;
  822.         }
  823.         .wr-article:hover{transform:translateY(-3px);box-shadow:var(--wr-shadow-hover);border-color:var(--wr-violet-2);color:inherit;text-decoration:none}
  824.         .wr-article-img{aspect-ratio:16/10;background:var(--wr-violet-soft);overflow:hidden;flex-shrink:0}
  825.         .wr-article-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
  826.         .wr-article:hover .wr-article-img img{transform:scale(1.04)}
  827.         .wr-article-body{padding:18px;flex:1;display:flex;flex-direction:column}
  828.         .wr-article-meta{font-size:11px;font-weight:600;color:var(--wr-violet-dark);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px}
  829.         .wr-article-title{font-weight:500;font-size:16px;line-height:1.35;letter-spacing:-0.005em;color:var(--wr-ink);margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  830.         .wr-article-excerpt{font-size:13px;line-height:1.5;color:var(--wr-muted);margin:0 0 14px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  831.         .wr-article-link{font-size:12px;font-weight:600;color:var(--wr-violet);text-transform:uppercase;letter-spacing:.06em;display:inline-flex;align-items:center;gap:4px}
  832.         .wr-article-link svg{width:11px;height:11px;transition:transform .15s}
  833.         .wr-article:hover .wr-article-link svg{transform:translateX(3px)}
  835.         .articles-cta{text-align:center;margin-top:36px}
  836.         .articles-cta a{
  837.             display:inline-flex;align-items:center;gap:8px;
  838.             padding:12px 22px;border-radius:11px;
  839.             background:var(--wr-card);border:1px solid var(--wr-line-2);
  840.             color:var(--wr-violet);
  841.             font-size:13px;font-weight:600;
  842.             transition:background .15s,transform .15s,border-color .15s;
  843.         }
  844.         .articles-cta a:hover{background:var(--wr-violet-soft);border-color:var(--wr-violet);transform:translateY(-2px);text-decoration:none;color:var(--wr-violet-dark)}
  845.         .articles-cta svg{width:12px;height:12px}
  847.         /* ═══════════════════════════════════════════════════════════════════
  848.            CTA FINAL
  849.            ═══════════════════════════════════════════════════════════════════ */
  850.         .final-card{
  851.             position:relative;
  852.             background:linear-gradient(135deg,var(--wr-violet) 0%,var(--wr-violet-dark) 100%);
  853.             border-radius:28px;
  854.             padding:64px 32px;text-align:center;
  855.             color:#fff;overflow:hidden;
  856.             box-shadow:0 20px 60px -12px rgba(138,99,192,.4);
  857.         }
  858.         @media(max-width:768px){.final-card{padding:48px 24px;border-radius:22px}}
  859.         .final-card::before{content:\"\";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.18) 0%,transparent 65%);pointer-events:none}
  860.         .final-card::after{content:\"\";position:absolute;bottom:-120px;left:-100px;width:280px;height:280px;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 65%);pointer-events:none}
  861.         .final-title{font-weight:500;font-size:32px;line-height:1.1;letter-spacing:-0.025em;color:#fff;margin:0 0 14px;position:relative;z-index:2}
  862.         @media(min-width:768px){.final-title{font-size:44px}}
  863.         .final-subtitle{font-size:16px;line-height:1.55;color:rgba(255,255,255,.88);margin:0 auto 32px;max-width:520px;position:relative;z-index:2}
  864.         .final-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;position:relative;z-index:2}
  865.         .final-btn{
  866.             display:inline-flex;align-items:center;gap:8px;
  867.             padding:14px 24px;border-radius:12px;
  868.             font-size:14px;font-weight:600;
  869.             transition:transform .15s,background .15s,box-shadow .15s;
  870.         }
  871.         .final-btn--primary{background:#fff;color:var(--wr-violet-dark)}
  872.         .final-btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.15);color:var(--wr-violet-dark);text-decoration:none}
  873.         .final-btn--ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  874.         .final-btn--ghost:hover{background:rgba(255,255,255,.2);transform:translateY(-2px);color:#fff;text-decoration:none}
  875.         .final-btn svg{width:14px;height:14px;transition:transform .15s}
  876.         .final-btn:hover svg{transform:translateX(3px)}
  877.     </style>
  878. ";
  879.         
  880.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  882.         
  883.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  885.         yield from [];
  886.     }
  888.     // line 724
  889.     /**
  890.      * @return iterable<null|scalar|\Stringable>
  891.      */
  892.     public function block_body(array $context, array $blocks = []): iterable
  893.     {
  894.         $macros = $this->macros;
  895.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  896.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  898.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  899.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  901.         // line 725
  902.         yield "    <div class=\"wr\">
  904.         ";
  905.         // line 728
  906.         yield "        <section class=\"hero\">
  907.             <span class=\"hero-dots\"></span>
  909.             <div class=\"hero-inner\">
  910.             <span class=\"hero-badge\">
  911.                 <span class=\"hero-badge-dot\"></span>
  912.                 ";
  913.         // line 734
  914.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 734, $this->source); })()), "hero_eyebrow", [], "any", false, false, false, 734), "html", null, true);
  915.         yield "
  916.             </span>
  918.                 <h1 class=\"hero-title\">
  919.                     <span class=\"hero-title-line\">";
  920.         // line 738
  921.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 738, $this->source); })()), "hero_title_1", [], "any", false, false, false, 738), "html", null, true);
  922.         yield "</span>
  923.                     <span class=\"hero-title-line\"><span class=\"hero-title-accent\">";
  924.         // line 739
  925.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 739, $this->source); })()), "hero_title_2", [], "any", false, false, false, 739), "html", null, true);
  926.         yield "</span></span>
  927.                     <span class=\"hero-title-line\">";
  928.         // line 740
  929.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 740, $this->source); })()), "hero_title_3", [], "any", false, false, false, 740), "html", null, true);
  930.         yield "</span>
  931.                 </h1>
  933.                 <p class=\"hero-lede\">";
  934.         // line 743
  935.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 743, $this->source); })()), "hero_lede", [], "any", false, false, false, 743), "html", null, true);
  936.         yield "</p>
  938.                 ";
  939.         // line 746
  940.         yield "                <div class=\"hero-search-wrap\">
  941.                     <form class=\"hero-search\" id=\"wrHeroSearch\" autocomplete=\"off\"
  942.                           data-search-url=\"";
  943.         // line 748
  944.         if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 748, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  945.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_api_jobs_search", ["_locale" => "fr"]);
  946.         } else {
  947.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("api_jobs_search");
  948.         }
  949.         yield "\"
  950.                           data-jobs-list-url=\"";
  951.         // line 749
  952.         if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 749, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  953.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_whileresume_jobs_list", ["_locale" => "fr"]);
  954.         } else {
  955.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("whileresume_jobs_list");
  956.         }
  957.         yield "\">
  958.                     <span class=\"hero-search-icon\">
  959.                         <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  960.                             <circle cx=\"11\" cy=\"11\" r=\"8\"/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/>
  961.                         </svg>
  962.                     </span>
  963.                         <input type=\"text\" name=\"q\" id=\"wrHeroSearchInput\" class=\"hero-search-input\" placeholder=\"";
  964.         // line 755
  965.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 755, $this->source); })()), "hero_search_placeholder", [], "any", false, false, false, 755), "html", null, true);
  966.         yield "\" />
  967.                         <button type=\"button\" class=\"hero-search-clear\" id=\"wrHeroSearchClear\" aria-label=\"";
  968.         // line 756
  969.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 756, $this->source); })()), "search_clear", [], "any", false, false, false, 756), "html", null, true);
  970.         yield "\">
  971.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  972.                                 <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/>
  973.                             </svg>
  974.                         </button>
  975.                         <button type=\"submit\" class=\"hero-search-btn\">
  976.                             <span>";
  977.         // line 762
  978.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 762, $this->source); })()), "hero_search_button", [], "any", false, false, false, 762), "html", null, true);
  979.         yield "</span>
  980.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  981.                                 <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/>
  982.                             </svg>
  983.                         </button>
  984.                     </form>
  986.                     ";
  987.         // line 770
  988.         yield "                    <div class=\"hero-search-results\" id=\"wrHeroSearchResults\" aria-live=\"polite\"></div>
  989.                 </div>
  991.                 <div class=\"hero-byline\">
  992.                     <span><strong>";
  993.         // line 774
  994.         yield (((array_key_exists("totalJobs", $context) &&  !(null === $context["totalJobs"]))) ? ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["totalJobs"], "html", null, true)) : ("—"));
  995.         yield "</strong> ";
  996.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 774, $this->source); })()), "hero_byline_jobs", [], "any", false, false, false, 774), "html", null, true);
  997.         yield "</span>
  998.                     <span class=\"hero-byline-sep\">·</span>
  999.                     <span>";
  1000.         // line 776
  1001.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 776, $this->source); })()), "hero_byline_apps", [], "any", false, false, false, 776), "html", null, true);
  1002.         yield "</span>
  1003.                     <span class=\"hero-byline-sep\">·</span>
  1004.                     <span>
  1005.                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg>
  1006.                     ";
  1007.         // line 780
  1008.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 780, $this->source); })()), "hero_byline_free", [], "any", false, false, false, 780), "html", null, true);
  1009.         yield "
  1010.                 </span>
  1011.                 </div>
  1012.             </div>
  1013.         </section>
  1015.         ";
  1016.         // line 787
  1017.         yield "        <section class=\"wr-section\">
  1018.             <div class=\"wr-container\">
  1019.                 <div class=\"wr-section-head\">
  1020.                     <span class=\"wr-eyebrow\">";
  1021.         // line 790
  1022.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 790, $this->source); })()), "paths_eyebrow", [], "any", false, false, false, 790), "html", null, true);
  1023.         yield "</span>
  1024.                     <h2 class=\"wr-title\">";
  1025.         // line 791
  1026.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 791, $this->source); })()), "paths_title", [], "any", false, false, false, 791), "html", null, true);
  1027.         yield "</h2>
  1028.                     <p class=\"wr-lede\">";
  1029.         // line 792
  1030.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 792, $this->source); })()), "paths_lede", [], "any", false, false, false, 792), "html", null, true);
  1031.         yield "</p>
  1032.                 </div>
  1034.                 <div class=\"paths-grid\">
  1035.                     <article class=\"path-card\">
  1036.                         <div class=\"path-card-illu\">
  1037.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  1038.                                 <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/><polyline points=\"14 2 14 8 20 8\"/>
  1039.                                 <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"/>
  1040.                             </svg>
  1041.                         </div>
  1042.                         <span class=\"path-card-label\">";
  1043.         // line 803
  1044.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 803, $this->source); })()), "path1_label", [], "any", false, false, false, 803), "html", null, true);
  1045.         yield "</span>
  1046.                         <h3 class=\"path-card-title\">";
  1047.         // line 804
  1048.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 804, $this->source); })()), "path1_title", [], "any", false, false, false, 804), "html", null, true);
  1049.         yield "</h3>
  1050.                         <p class=\"path-card-desc\">";
  1051.         // line 805
  1052.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 805, $this->source); })()), "path1_desc", [], "any", false, false, false, 805), "html", null, true);
  1053.         yield "</p>
  1054.                         <a href=\"";
  1055.         // line 806
  1056.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath(("whileresume_resume_" . CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 806, $this->source); })()), "request", [], "any", false, false, false, 806), "locale", [], "any", false, false, false, 806)));
  1057.         yield "\" class=\"path-card-cta\">
  1058.                             ";
  1059.         // line 807
  1060.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 807, $this->source); })()), "path1_cta", [], "any", false, false, false, 807), "html", null, true);
  1061.         yield "
  1062.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  1063.                         </a>
  1064.                     </article>
  1066.                     <article class=\"path-card\">
  1067.                         <div class=\"path-card-illu\">
  1068.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  1069.                                 <path d=\"M9 11H5a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2h-4\"/>
  1070.                                 <polyline points=\"9 7 12 4 15 7\"/><line x1=\"12\" y1=\"4\" x2=\"12\" y2=\"14\"/>
  1071.                             </svg>
  1072.                         </div>
  1073.                         <span class=\"path-card-label\">";
  1074.         // line 819
  1075.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 819, $this->source); })()), "path2_label", [], "any", false, false, false, 819), "html", null, true);
  1076.         yield "</span>
  1077.                         <h3 class=\"path-card-title\">";
  1078.         // line 820
  1079.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 820, $this->source); })()), "path2_title", [], "any", false, false, false, 820), "html", null, true);
  1080.         yield "</h3>
  1081.                         <p class=\"path-card-desc\">";
  1082.         // line 821
  1083.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 821, $this->source); })()), "path2_desc", [], "any", false, false, false, 821), "html", null, true);
  1084.         yield "</p>
  1085.                         <a href=\"";
  1086.         // line 822
  1087.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath(("whileresume_resume_" . CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 822, $this->source); })()), "request", [], "any", false, false, false, 822), "locale", [], "any", false, false, false, 822)));
  1088.         yield "\" class=\"path-card-cta\">
  1089.                             ";
  1090.         // line 823
  1091.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 823, $this->source); })()), "path2_cta", [], "any", false, false, false, 823), "html", null, true);
  1092.         yield "
  1093.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  1094.                         </a>
  1095.                     </article>
  1097.                     <article class=\"path-card\">
  1098.                         <div class=\"path-card-illu\">
  1099.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  1100.                                 <rect x=\"2\" y=\"6\" width=\"20\" height=\"14\" rx=\"2\"/>
  1101.                                 <path d=\"M16 6V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"/>
  1102.                                 <line x1=\"2\" y1=\"13\" x2=\"22\" y2=\"13\"/>
  1103.                             </svg>
  1104.                         </div>
  1105.                         <span class=\"path-card-label\">";
  1106.         // line 836
  1107.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 836, $this->source); })()), "path3_label", [], "any", false, false, false, 836), "html", null, true);
  1108.         yield "</span>
  1109.                         <h3 class=\"path-card-title\">";
  1110.         // line 837
  1111.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 837, $this->source); })()), "path3_title", [], "any", false, false, false, 837), "html", null, true);
  1112.         yield "</h3>
  1113.                         <p class=\"path-card-desc\">";
  1114.         // line 838
  1115.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 838, $this->source); })()), "path3_desc", [], "any", false, false, false, 838), "html", null, true);
  1116.         yield "</p>
  1117.                         <a href=\"";
  1118.         // line 839
  1119.         if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 839, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1120.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_whileresume_jobs_list", ["_locale" => "fr"]);
  1121.         } else {
  1122.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("whileresume_jobs_list");
  1123.         }
  1124.         yield "\" class=\"path-card-cta\">
  1125.                             ";
  1126.         // line 840
  1127.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 840, $this->source); })()), "path3_cta", [], "any", false, false, false, 840), "html", null, true);
  1128.         yield "
  1129.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  1130.                         </a>
  1131.                     </article>
  1132.                 </div>
  1133.             </div>
  1134.         </section>
  1136.         ";
  1137.         // line 849
  1138.         yield "        <section class=\"wr-section\">
  1139.             <div class=\"wr-container\">
  1140.                 <div class=\"wr-section-head\">
  1141.                     <span class=\"wr-eyebrow\">";
  1142.         // line 852
  1143.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 852, $this->source); })()), "how_eyebrow", [], "any", false, false, false, 852), "html", null, true);
  1144.         yield "</span>
  1145.                     <h2 class=\"wr-title\">";
  1146.         // line 853
  1147.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 853, $this->source); })()), "how_title", [], "any", false, false, false, 853), "html", null, true);
  1148.         yield "</h2>
  1149.                     <p class=\"wr-lede\">";
  1150.         // line 854
  1151.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 854, $this->source); })()), "how_lede", [], "any", false, false, false, 854), "html", null, true);
  1152.         yield "</p>
  1153.                 </div>
  1155.                 <div class=\"method-grid\">
  1156.                     <div class=\"method-step\">
  1157.                         <div class=\"method-num\">01</div>
  1158.                         <h3 class=\"method-title\">";
  1159.         // line 860
  1160.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 860, $this->source); })()), "step1_title", [], "any", false, false, false, 860), "html", null, true);
  1161.         yield "</h3>
  1162.                         <p class=\"method-desc\">";
  1163.         // line 861
  1164.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 861, $this->source); })()), "step1_desc", [], "any", false, false, false, 861), "html", null, true);
  1165.         yield "</p>
  1166.                     </div>
  1167.                     <div class=\"method-step\">
  1168.                         <div class=\"method-num\">02</div>
  1169.                         <h3 class=\"method-title\">";
  1170.         // line 865
  1171.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 865, $this->source); })()), "step2_title", [], "any", false, false, false, 865), "html", null, true);
  1172.         yield "</h3>
  1173.                         <p class=\"method-desc\">";
  1174.         // line 866
  1175.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 866, $this->source); })()), "step2_desc", [], "any", false, false, false, 866), "html", null, true);
  1176.         yield "</p>
  1177.                     </div>
  1178.                     <div class=\"method-step\">
  1179.                         <div class=\"method-num\">03</div>
  1180.                         <h3 class=\"method-title\">";
  1181.         // line 870
  1182.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 870, $this->source); })()), "step3_title", [], "any", false, false, false, 870), "html", null, true);
  1183.         yield "</h3>
  1184.                         <p class=\"method-desc\">";
  1185.         // line 871
  1186.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 871, $this->source); })()), "step3_desc", [], "any", false, false, false, 871), "html", null, true);
  1187.         yield "</p>
  1188.                     </div>
  1189.                     <div class=\"method-step\">
  1190.                         <div class=\"method-num\">04</div>
  1191.                         <h3 class=\"method-title\">";
  1192.         // line 875
  1193.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 875, $this->source); })()), "step4_title", [], "any", false, false, false, 875), "html", null, true);
  1194.         yield "</h3>
  1195.                         <p class=\"method-desc\">";
  1196.         // line 876
  1197.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 876, $this->source); })()), "step4_desc", [], "any", false, false, false, 876), "html", null, true);
  1198.         yield "</p>
  1199.                     </div>
  1200.                 </div>
  1201.             </div>
  1202.         </section>
  1204.         ";
  1205.         // line 883
  1206.         yield "        <section class=\"wr-section\">
  1207.             <div class=\"wr-container\">
  1208.                 <div class=\"match-grid\">
  1209.                     <div class=\"match-text\">
  1210.                         <span class=\"wr-eyebrow\">";
  1211.         // line 887
  1212.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 887, $this->source); })()), "match_eyebrow", [], "any", false, false, false, 887), "html", null, true);
  1213.         yield "</span>
  1214.                         <h2 class=\"wr-title wr-title--sm\">";
  1215.         // line 888
  1216.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 888, $this->source); })()), "match_title", [], "any", false, false, false, 888), "html", null, true);
  1217.         yield "</h2>
  1218.                         <p class=\"wr-lede\">";
  1219.         // line 889
  1220.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 889, $this->source); })()), "match_lede", [], "any", false, false, false, 889), "html", null, true);
  1221.         yield "</p>
  1223.                         <div class=\"match-features\">
  1224.                             <div class=\"match-feature\">
  1225.                                 <div class=\"match-feature-icon\">
  1226.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"/></svg>
  1227.                                 </div>
  1228.                                 <h4 class=\"match-feature-title\">";
  1229.         // line 896
  1230.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 896, $this->source); })()), "match_b1_title", [], "any", false, false, false, 896), "html", null, true);
  1231.         yield "</h4>
  1232.                                 <p class=\"match-feature-desc\">";
  1233.         // line 897
  1234.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 897, $this->source); })()), "match_b1_desc", [], "any", false, false, false, 897), "html", null, true);
  1235.         yield "</p>
  1236.                             </div>
  1237.                             <div class=\"match-feature\">
  1238.                                 <div class=\"match-feature-icon\">
  1239.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><circle cx=\"12\" cy=\"12\" r=\"6\"/><circle cx=\"12\" cy=\"12\" r=\"2\"/></svg>
  1240.                                 </div>
  1241.                                 <h4 class=\"match-feature-title\">";
  1242.         // line 903
  1243.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 903, $this->source); })()), "match_b2_title", [], "any", false, false, false, 903), "html", null, true);
  1244.         yield "</h4>
  1245.                                 <p class=\"match-feature-desc\">";
  1246.         // line 904
  1247.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 904, $this->source); })()), "match_b2_desc", [], "any", false, false, false, 904), "html", null, true);
  1248.         yield "</p>
  1249.                             </div>
  1250.                             <div class=\"match-feature\">
  1251.                                 <div class=\"match-feature-icon\">
  1252.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"/></svg>
  1253.                                 </div>
  1254.                                 <h4 class=\"match-feature-title\">";
  1255.         // line 910
  1256.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 910, $this->source); })()), "match_b3_title", [], "any", false, false, false, 910), "html", null, true);
  1257.         yield "</h4>
  1258.                                 <p class=\"match-feature-desc\">";
  1259.         // line 911
  1260.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 911, $this->source); })()), "match_b3_desc", [], "any", false, false, false, 911), "html", null, true);
  1261.         yield "</p>
  1262.                             </div>
  1263.                             <div class=\"match-feature\">
  1264.                                 <div class=\"match-feature-icon\">
  1265.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"/><polyline points=\"15 3 21 3 21 9\"/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"/></svg>
  1266.                                 </div>
  1267.                                 <h4 class=\"match-feature-title\">";
  1268.         // line 917
  1269.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 917, $this->source); })()), "match_b4_title", [], "any", false, false, false, 917), "html", null, true);
  1270.         yield "</h4>
  1271.                                 <p class=\"match-feature-desc\">";
  1272.         // line 918
  1273.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 918, $this->source); })()), "match_b4_desc", [], "any", false, false, false, 918), "html", null, true);
  1274.         yield "</p>
  1275.                             </div>
  1276.                         </div>
  1277.                     </div>
  1279.                     <div class=\"match-visual\">
  1280.                         <div class=\"match-stack\">
  1281.                             <div class=\"match-stack-card\">
  1282.                                 <div class=\"match-stack-logo\">A</div>
  1283.                                 <div class=\"match-stack-info\">
  1284.                                     <p class=\"match-stack-title\">Lead Designer</p>
  1285.                                     <p class=\"match-stack-meta\">Acme · Remote</p>
  1286.                                 </div>
  1287.                                 <div class=\"match-stack-heart\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"/></svg></div>
  1288.                             </div>
  1289.                             <div class=\"match-stack-card\">
  1290.                                 <div class=\"match-stack-logo\">N</div>
  1291.                                 <div class=\"match-stack-info\">
  1292.                                     <p class=\"match-stack-title\">Frontend Engineer</p>
  1293.                                     <p class=\"match-stack-meta\">Notion · Paris</p>
  1294.                                 </div>
  1295.                                 <div class=\"match-stack-heart\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"/></svg></div>
  1296.                             </div>
  1297.                             <div class=\"match-stack-card\">
  1298.                                 <div class=\"match-stack-logo\">L</div>
  1299.                                 <div class=\"match-stack-info\">
  1300.                                     <p class=\"match-stack-title\">Product Manager</p>
  1301.                                     <p class=\"match-stack-meta\">Linear · ";
  1302.         // line 945
  1303.         yield (((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 945, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Hybride") : ("Hybrid"));
  1304.         yield "</p>
  1305.                                 </div>
  1306.                                 <div class=\"match-stack-heart\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"/></svg></div>
  1307.                             </div>
  1308.                             <div class=\"match-stack-card\">
  1309.                                 <div class=\"match-stack-logo\">F</div>
  1310.                                 <div class=\"match-stack-info\">
  1311.                                     <p class=\"match-stack-title\">Data Analyst</p>
  1312.                                     <p class=\"match-stack-meta\">Figma · Lyon</p>
  1313.                                 </div>
  1314.                                 <div class=\"match-stack-heart\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"/></svg></div>
  1315.                             </div>
  1316.                         </div>
  1317.                     </div>
  1318.                 </div>
  1319.             </div>
  1320.         </section>
  1322.         ";
  1323.         // line 964
  1324.         yield "        <section class=\"wr-section\">
  1325.             <div class=\"wr-container\">
  1326.                 <div class=\"wr-section-head\">
  1327.                     <span class=\"wr-eyebrow\">";
  1328.         // line 967
  1329.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 967, $this->source); })()), "apps_eyebrow", [], "any", false, false, false, 967), "html", null, true);
  1330.         yield "</span>
  1331.                     <h2 class=\"wr-title wr-title--sm\">";
  1332.         // line 968
  1333.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 968, $this->source); })()), "apps_title", [], "any", false, false, false, 968), "html", null, true);
  1334.         yield "</h2>
  1335.                     <p class=\"wr-lede\">";
  1336.         // line 969
  1337.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 969, $this->source); })()), "apps_lede", [], "any", false, false, false, 969), "html", null, true);
  1338.         yield "</p>
  1339.                 </div>
  1341.                 <div class=\"apps-grid\">
  1342.                     <a href=\"#\" class=\"app-card\">
  1343.                     <span class=\"app-card-icon\">
  1344.                         <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\"/></svg>
  1345.                     </span>
  1346.                         <h3 class=\"app-card-name\">";
  1347.         // line 977
  1348.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 977, $this->source); })()), "apps_ios", [], "any", false, false, false, 977), "html", null, true);
  1349.         yield "</h3>
  1350.                         <p class=\"app-card-desc\">";
  1351.         // line 978
  1352.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 978, $this->source); })()), "apps_ios_desc", [], "any", false, false, false, 978), "html", null, true);
  1353.         yield "</p>
  1354.                         <span class=\"app-card-cta\">App Store
  1355.                         <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  1356.                     </span>
  1357.                     </a>
  1358.                     <a href=\"#\" class=\"app-card\">
  1359.                     <span class=\"app-card-icon\">
  1360.                         <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.523 15.34c-.583 0-1.06-.477-1.06-1.06 0-.582.477-1.06 1.06-1.06.583 0 1.06.478 1.06 1.06 0 .583-.477 1.06-1.06 1.06m-11.046 0c-.583 0-1.06-.477-1.06-1.06 0-.582.477-1.06 1.06-1.06.583 0 1.06.478 1.06 1.06 0 .583-.477 1.06-1.06 1.06m11.427-6.176l2.114-3.66a.439.439 0 0 0-.16-.6.439.439 0 0 0-.6.16l-2.142 3.71a13.07 13.07 0 0 0-5.116-1.034c-1.823 0-3.55.376-5.116 1.034l-2.14-3.71a.439.439 0 1 0-.76.44l2.113 3.66C2.486 10.78.659 13.658.5 17h23c-.16-3.342-1.987-6.22-5.595-7.836\"/></svg>
  1361.                     </span>
  1362.                         <h3 class=\"app-card-name\">";
  1363.         // line 987
  1364.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 987, $this->source); })()), "apps_android", [], "any", false, false, false, 987), "html", null, true);
  1365.         yield "</h3>
  1366.                         <p class=\"app-card-desc\">";
  1367.         // line 988
  1368.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 988, $this->source); })()), "apps_android_desc", [], "any", false, false, false, 988), "html", null, true);
  1369.         yield "</p>
  1370.                         <span class=\"app-card-cta\">Google Play
  1371.                         <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  1372.                     </span>
  1373.                     </a>
  1374.                     <a href=\"";
  1375.         // line 993
  1376.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath(("whileresume_resume_" . CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 993, $this->source); })()), "request", [], "any", false, false, false, 993), "locale", [], "any", false, false, false, 993)));
  1377.         yield "\" class=\"app-card\">
  1378.                     <span class=\"app-card-icon\">
  1379.                         <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"/></svg>
  1380.                     </span>
  1381.                         <h3 class=\"app-card-name\">";
  1382.         // line 997
  1383.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 997, $this->source); })()), "apps_web", [], "any", false, false, false, 997), "html", null, true);
  1384.         yield "</h3>
  1385.                         <p class=\"app-card-desc\">";
  1386.         // line 998
  1387.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 998, $this->source); })()), "apps_web_desc", [], "any", false, false, false, 998), "html", null, true);
  1388.         yield "</p>
  1389.                         <span class=\"app-card-cta\">whileresume.com
  1390.                         <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  1391.                     </span>
  1392.                     </a>
  1393.                 </div>
  1394.             </div>
  1395.         </section>
  1397.         ";
  1398.         // line 1008
  1399.         yield "        ";
  1400.         if ((array_key_exists("popularKeywords", $context) && (Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["popularKeywords"]) || array_key_exists("popularKeywords", $context) ? $context["popularKeywords"] : (function () { throw new RuntimeError('Variable "popularKeywords" does not exist.', 1008, $this->source); })())) > 0))) {
  1401.             // line 1009
  1402.             yield "            <section class=\"wr-section wr-section--tight\">
  1403.                 <div class=\"wr-container\">
  1404.                     <div class=\"wr-section-head\">
  1405.                         <h2 class=\"wr-title wr-title--sm\">";
  1406.             // line 1012
  1407.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1012, $this->source); })()), "keywords_title", [], "any", false, false, false, 1012), "html", null, true);
  1408.             yield "</h2>
  1409.                         <p class=\"wr-lede\">";
  1410.             // line 1013
  1411.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1013, $this->source); })()), "keywords_lede", [], "any", false, false, false, 1013), "html", null, true);
  1412.             yield "</p>
  1413.                     </div>
  1415.                     <div class=\"keywords-list\">
  1416.                         ";
  1417.             // line 1017
  1418.             $context['_parent'] = $context;
  1419.             $context['_seq'] = CoreExtension::ensureTraversable((isset($context["popularKeywords"]) || array_key_exists("popularKeywords", $context) ? $context["popularKeywords"] : (function () { throw new RuntimeError('Variable "popularKeywords" does not exist.', 1017, $this->source); })()));
  1420.             foreach ($context['_seq'] as $context["_key"] => $context["kw"]) {
  1421.                 // line 1018
  1422.                 yield "                            <a href=\"";
  1423.                 if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 1018, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1424.                     yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_whileresume_jobs_list", ["_locale" => "fr"]);
  1425.                 } else {
  1426.                     yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("whileresume_jobs_list");
  1427.                 }
  1428.                 yield "?q=";
  1429.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::urlencode(CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "keyword", [], "any", false, false, false, 1018)), "html", null, true);
  1430.                 yield "\" class=\"keyword-pill\">
  1431.                                 ";
  1432.                 // line 1019
  1433.                 if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "icon", [], "any", false, false, false, 1019)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1434.                     yield "<span class=\"keyword-pill-icon\">";
  1435.                     yield CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "icon", [], "any", false, false, false, 1019);
  1436.                     yield "</span>";
  1437.                 }
  1438.                 // line 1020
  1439.                 yield "                                <span>";
  1440.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "label", [], "any", false, false, false, 1020), "html", null, true);
  1441.                 yield "</span>
  1442.                             </a>
  1443.                         ";
  1444.             }
  1445.             $_parent = $context['_parent'];
  1446.             unset($context['_seq'], $context['_key'], $context['kw'], $context['_parent']);
  1447.             $context = array_intersect_key($context, $_parent) + $_parent;
  1448.             // line 1023
  1449.             yield "                    </div>
  1450.                 </div>
  1451.             </section>
  1452.         ";
  1453.         }
  1454.         // line 1027
  1455.         yield "
  1456.         ";
  1457.         // line 1029
  1458.         yield "        ";
  1459.         if ((array_key_exists("popularJobs", $context) && (Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["popularJobs"]) || array_key_exists("popularJobs", $context) ? $context["popularJobs"] : (function () { throw new RuntimeError('Variable "popularJobs" does not exist.', 1029, $this->source); })())) > 0))) {
  1460.             // line 1030
  1461.             yield "            <section class=\"wr-section\">
  1462.                 <div class=\"wr-container\">
  1463.                     <div class=\"wr-section-head\">
  1464.                         <h2 class=\"wr-title wr-title--sm\">";
  1465.             // line 1033
  1466.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1033, $this->source); })()), "popular_title", [], "any", false, false, false, 1033), "html", null, true);
  1467.             yield "</h2>
  1468.                         <p class=\"wr-lede\">";
  1469.             // line 1034
  1470.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1034, $this->source); })()), "popular_lede", [], "any", false, false, false, 1034), "html", null, true);
  1471.             yield "</p>
  1472.                     </div>
  1474.                     ";
  1475.             // line 1037
  1476.             $context['_parent'] = $context;
  1477.             $context['_seq'] = CoreExtension::ensureTraversable((isset($context["popularJobs"]) || array_key_exists("popularJobs", $context) ? $context["popularJobs"] : (function () { throw new RuntimeError('Variable "popularJobs" does not exist.', 1037, $this->source); })()));
  1478.             foreach ($context['_seq'] as $context["_key"] => $context["block"]) {
  1479.                 // line 1038
  1480.                 yield "                        ";
  1481.                 if ((Twig\Extension\CoreExtension::length($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, $context["block"], "jobs", [], "any", false, false, false, 1038)) > 0)) {
  1482.                     // line 1039
  1483.                     yield "                            <div class=\"listings-block\">
  1484.                                 <div class=\"listings-block-head\">
  1485.                                     <h3 class=\"listings-block-title\">
  1486.                                         ";
  1487.                     // line 1042
  1488.                     if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["block"], "icon", [], "any", false, false, false, 1042)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1489.                         yield "<span class=\"listings-block-icon\">";
  1490.                         yield CoreExtension::getAttribute($this->env, $this->source, $context["block"], "icon", [], "any", false, false, false, 1042);
  1491.                         yield "</span>";
  1492.                     }
  1493.                     // line 1043
  1494.                     yield "                                        ";
  1495.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["block"], "label", [], "any", false, false, false, 1043), "html", null, true);
  1496.                     yield "
  1497.                                     </h3>
  1498.                                     <a href=\"";
  1499.                     // line 1045
  1500.                     if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 1045, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1501.                         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_whileresume_jobs_list", ["_locale" => "fr"]);
  1502.                     } else {
  1503.                         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("whileresume_jobs_list");
  1504.                     }
  1505.                     yield "?q=";
  1506.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::urlencode(CoreExtension::getAttribute($this->env, $this->source, $context["block"], "label", [], "any", false, false, false, 1045)), "html", null, true);
  1507.                     yield "\" class=\"listings-block-link\">
  1508.                                         ";
  1509.                     // line 1046
  1510.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1046, $this->source); })()), "btn_more", [], "any", false, false, false, 1046), "html", null, true);
  1511.                     yield "
  1512.                                         <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"/></svg>
  1513.                                     </a>
  1514.                                 </div>
  1516.                                 <div class=\"listings-jobs\">
  1517.                                     ";
  1518.                     // line 1052
  1519.                     $context['_parent'] = $context;
  1520.                     $context['_seq'] = CoreExtension::ensureTraversable(Twig\Extension\CoreExtension::slice($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, $context["block"], "jobs", [], "any", false, false, false, 1052), 0, 4));
  1521.                     foreach ($context['_seq'] as $context["_key"] => $context["j"]) {
  1522.                         // line 1053
  1523.                         yield "                                        <a href=\"";
  1524.                         if ((CoreExtension::getAttribute($this->env, $this->source, $context["j"], "locale", [], "any", false, false, false, 1053) == "fr")) {
  1525.                             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_cvs_application_job_show", ["_locale" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1053, $this->source); })()), "request", [], "any", false, false, false, 1053), "locale", [], "any", false, false, false, 1053), "slug" => CoreExtension::getAttribute($this->env, $this->source, $context["j"], "slug", [], "any", false, false, false, 1053)]), "html", null, true);
  1526.                         } else {
  1527.                             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cvs_application_job_show", ["slug" => CoreExtension::getAttribute($this->env, $this->source, $context["j"], "slug", [], "any", false, false, false, 1053)]), "html", null, true);
  1528.                         }
  1529.                         yield "\" class=\"listing-job\">
  1530.                                             <div class=\"listing-job-logo\">
  1531.                                                 ";
  1532.                         // line 1055
  1533.                         if ((CoreExtension::getAttribute($this->env, $this->source, $context["j"], "image", [], "any", false, false, false, 1055) && CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["j"], "image", [], "any", false, false, false, 1055), "name", [], "any", false, false, false, 1055))) {
  1534.                             // line 1056
  1535.                             yield "                                                    <img src=\"";
  1536.                             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Vich\UploaderBundle\Twig\Extension\UploaderExtension']->asset($context["j"], "imageFile"), "html", null, true);
  1537.                             yield "\" alt=\"\">
  1538.                                                 ";
  1539.                         } else {
  1540.                             // line 1058
  1541.                             yield "                                                    ";
  1542.                             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::upper($this->env->getCharset(), Twig\Extension\CoreExtension::slice($this->env->getCharset(), ((CoreExtension::getAttribute($this->env, $this->source, $context["j"], "companyName", [], "any", true, true, false, 1058)) ? (Twig\Extension\CoreExtension::default(CoreExtension::getAttribute($this->env, $this->source, $context["j"], "companyName", [], "any", false, false, false, 1058), "?")) : ("?")), 0, 1)), "html", null, true);
  1543.                             yield "
  1544.                                                 ";
  1545.                         }
  1546.                         // line 1060
  1547.                         yield "                                            </div>
  1548.                                             <div class=\"listing-job-info\">
  1549.                                                 <h4 class=\"listing-job-title\">";
  1550.                         // line 1062
  1551.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["j"], "jobTitle", [], "any", false, false, false, 1062), "html", null, true);
  1552.                         yield "</h4>
  1553.                                                 <p class=\"listing-job-meta\">
  1554.                                                     ";
  1555.                         // line 1064
  1556.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["j"], "companyName", [], "any", false, false, false, 1064), "html", null, true);
  1557.                         if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["j"], "city", [], "any", false, false, false, 1064)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1558.                             yield " · ";
  1559.                             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["j"], "city", [], "any", false, false, false, 1064), "html", null, true);
  1560.                         }
  1561.                         if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["j"], "employmentType", [], "any", false, false, false, 1064)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1562.                             yield " · ";
  1563.                             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["j"], "employmentType", [], "any", false, false, false, 1064), "html", null, true);
  1564.                         }
  1565.                         // line 1065
  1566.                         yield "                                                </p>
  1567.                                             </div>
  1568.                                             <span class=\"listing-job-arrow\">
  1569.                                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"/></svg>
  1570.                                         </span>
  1571.                                         </a>
  1572.                                     ";
  1573.                     }
  1574.                     $_parent = $context['_parent'];
  1575.                     unset($context['_seq'], $context['_key'], $context['j'], $context['_parent']);
  1576.                     $context = array_intersect_key($context, $_parent) + $_parent;
  1577.                     // line 1072
  1578.                     yield "                                </div>
  1579.                             </div>
  1580.                         ";
  1581.                 }
  1582.                 // line 1075
  1583.                 yield "                    ";
  1584.             }
  1585.             $_parent = $context['_parent'];
  1586.             unset($context['_seq'], $context['_key'], $context['block'], $context['_parent']);
  1587.             $context = array_intersect_key($context, $_parent) + $_parent;
  1588.             // line 1076
  1589.             yield "                </div>
  1590.             </section>
  1591.         ";
  1592.         }
  1593.         // line 1079
  1594.         yield "
  1595.         ";
  1596.         // line 1081
  1597.         yield "        ";
  1598.         if ((array_key_exists("articles", $context) && (Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["articles"]) || array_key_exists("articles", $context) ? $context["articles"] : (function () { throw new RuntimeError('Variable "articles" does not exist.', 1081, $this->source); })())) > 0))) {
  1599.             // line 1082
  1600.             yield "            <section class=\"wr-section\">
  1601.                 <div class=\"wr-container\">
  1602.                     <div class=\"wr-section-head\">
  1603.                         <h2 class=\"wr-title wr-title--sm\">";
  1604.             // line 1085
  1605.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1085, $this->source); })()), "articles_title", [], "any", false, false, false, 1085), "html", null, true);
  1606.             yield "</h2>
  1607.                         <p class=\"wr-lede\">";
  1608.             // line 1086
  1609.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1086, $this->source); })()), "articles_lede", [], "any", false, false, false, 1086), "html", null, true);
  1610.             yield "</p>
  1611.                     </div>
  1613.                     <div class=\"articles-grid\">
  1614.                         ";
  1615.             // line 1090
  1616.             $context['_parent'] = $context;
  1617.             $context['_seq'] = CoreExtension::ensureTraversable(Twig\Extension\CoreExtension::slice($this->env->getCharset(), (isset($context["articles"]) || array_key_exists("articles", $context) ? $context["articles"] : (function () { throw new RuntimeError('Variable "articles" does not exist.', 1090, $this->source); })()), 0, 6));
  1618.             foreach ($context['_seq'] as $context["_key"] => $context["a"]) {
  1619.                 // line 1091
  1620.                 yield "                            ";
  1621.                 $context["prefix"] = "";
  1622.                 // line 1092
  1623.                 yield "                            ";
  1624.                 $context["urlA"] = $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cvs_website_article", ["slug" => CoreExtension::getAttribute($this->env, $this->source, $context["a"], "slug", [], "any", false, false, false, 1092)]);
  1625.                 // line 1093
  1626.                 yield "                            ";
  1627.                 if ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1093, $this->source); })()), "request", [], "any", false, false, false, 1093), "locale", [], "any", false, false, false, 1093) != (isset($context["default_locale"]) || array_key_exists("default_locale", $context) ? $context["default_locale"] : (function () { throw new RuntimeError('Variable "default_locale" does not exist.', 1093, $this->source); })()))) {
  1628.                     // line 1094
  1629.                     yield "                                ";
  1630.                     $context["urlA"] = $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_cvs_website_article", ["_locale" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1094, $this->source); })()), "request", [], "any", false, false, false, 1094), "locale", [], "any", false, false, false, 1094), "slug" => CoreExtension::getAttribute($this->env, $this->source, $context["a"], "slug", [], "any", false, false, false, 1094)]);
  1631.                     // line 1095
  1632.                     yield "                                ";
  1633.                     $context["prefix"] = ("/" . CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1095, $this->source); })()), "request", [], "any", false, false, false, 1095), "locale", [], "any", false, false, false, 1095));
  1634.                     // line 1096
  1635.                     yield "                            ";
  1636.                 }
  1637.                 // line 1097
  1638.                 yield "                            ";
  1639.                 if ((($tmp =  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug3", [], "any", false, false, false, 1097))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1640.                     // line 1098
  1641.                     yield "                                ";
  1642.                     $context["urlA"] = (((((((isset($context["prefix"]) || array_key_exists("prefix", $context) ? $context["prefix"] : (function () { throw new RuntimeError('Variable "prefix" does not exist.', 1098, $this->source); })()) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug", [], "any", false, false, false, 1098)) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug2", [], "any", false, false, false, 1098)) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug3", [], "any", false, false, false, 1098));
  1643.                     // line 1099
  1644.                     yield "                            ";
  1645.                 } elseif ((($tmp =  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug2", [], "any", false, false, false, 1099))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1646.                     // line 1100
  1647.                     yield "                                ";
  1648.                     $context["urlA"] = (((((isset($context["prefix"]) || array_key_exists("prefix", $context) ? $context["prefix"] : (function () { throw new RuntimeError('Variable "prefix" does not exist.', 1100, $this->source); })()) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug", [], "any", false, false, false, 1100)) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug2", [], "any", false, false, false, 1100));
  1649.                     // line 1101
  1650.                     yield "                            ";
  1651.                 } elseif ((($tmp =  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug", [], "any", false, false, false, 1101))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1652.                     // line 1102
  1653.                     yield "                                ";
  1654.                     $context["urlA"] = (((isset($context["prefix"]) || array_key_exists("prefix", $context) ? $context["prefix"] : (function () { throw new RuntimeError('Variable "prefix" does not exist.', 1102, $this->source); })()) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug", [], "any", false, false, false, 1102));
  1655.                     // line 1103
  1656.                     yield "                            ";
  1657.                 }
  1658.                 // line 1104
  1659.                 yield "
  1660.                             <a href=\"";
  1661.                 // line 1105
  1662.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["urlA"]) || array_key_exists("urlA", $context) ? $context["urlA"] : (function () { throw new RuntimeError('Variable "urlA" does not exist.', 1105, $this->source); })()), "html", null, true);
  1663.                 yield "\" class=\"wr-article\">
  1664.                                 <div class=\"wr-article-img\">
  1665.                                     ";
  1666.                 // line 1107
  1667.                 if ((($tmp =  !(null === CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["a"], "image", [], "any", false, false, false, 1107), "name", [], "any", false, false, false, 1107))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1668.                     // line 1108
  1669.                     yield "                                        <img src=\"";
  1670.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Vich\UploaderBundle\Twig\Extension\UploaderExtension']->asset($context["a"], "imageFile"), "html", null, true);
  1671.                     yield "\" alt=\"";
  1672.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "title", [], "any", false, false, false, 1108), "html", null, true);
  1673.                     yield "\">
  1674.                                     ";
  1675.                 }
  1676.                 // line 1110
  1677.                 yield "                                </div>
  1678.                                 <div class=\"wr-article-body\">
  1679.                                     <p class=\"wr-article-meta\">
  1680.                                         ";
  1681.                 // line 1113
  1682.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extension\CoreExtension']->formatDate(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "publishedAt", [], "any", false, false, false, 1113), (((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 1113, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("d M Y") : ("M d, Y"))), "html", null, true);
  1683.                 if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["a"], "author", [], "any", false, false, false, 1113)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1684.                     yield " · ";
  1685.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "author", [], "any", false, false, false, 1113), "html", null, true);
  1686.                 }
  1687.                 // line 1114
  1688.                 yield "                                    </p>
  1689.                                     <h3 class=\"wr-article-title\">";
  1690.                 // line 1115
  1691.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "title", [], "any", false, false, false, 1115), "html", null, true);
  1692.                 yield "</h3>
  1693.                                     ";
  1694.                 // line 1116
  1695.                 if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["a"], "subtitle", [], "any", false, false, false, 1116)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1696.                     yield "<p class=\"wr-article-excerpt\">";
  1697.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "subtitle", [], "any", false, false, false, 1116), "html", null, true);
  1698.                     yield "</p>";
  1699.                 }
  1700.                 // line 1117
  1701.                 yield "                                    <span class=\"wr-article-link\">
  1702.                                     ";
  1703.                 // line 1118
  1704.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1118, $this->source); })()), "read_article", [], "any", false, false, false, 1118), "html", null, true);
  1705.                 yield "
  1706.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  1707.                                 </span>
  1708.                                 </div>
  1709.                             </a>
  1710.                         ";
  1711.             }
  1712.             $_parent = $context['_parent'];
  1713.             unset($context['_seq'], $context['_key'], $context['a'], $context['_parent']);
  1714.             $context = array_intersect_key($context, $_parent) + $_parent;
  1715.             // line 1124
  1716.             yield "                    </div>
  1718.                     <div class=\"articles-cta\">
  1719.                         <a href=\"";
  1720.             // line 1127
  1721.             if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 1127, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1722.                 yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_cvs_website_articles", ["_locale" => "fr"]);
  1723.             } else {
  1724.                 yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cvs_website_articles");
  1725.             }
  1726.             yield "\">
  1727.                             ";
  1728.             // line 1128
  1729.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1128, $this->source); })()), "articles_view_all", [], "any", false, false, false, 1128), "html", null, true);
  1730.             yield "
  1731.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  1732.                         </a>
  1733.                     </div>
  1734.                 </div>
  1735.             </section>
  1736.         ";
  1737.         }
  1738.         // line 1135
  1739.         yield "
  1740.         ";
  1741.         // line 1137
  1742.         yield "        <section class=\"wr-section\">
  1743.             <div class=\"wr-container\">
  1744.                 <div class=\"final-card\">
  1745.                     <h2 class=\"final-title\">";
  1746.         // line 1140
  1747.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1140, $this->source); })()), "final_title", [], "any", false, false, false, 1140), "html", null, true);
  1748.         yield "</h2>
  1749.                     <p class=\"final-subtitle\">";
  1750.         // line 1141
  1751.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1141, $this->source); })()), "final_subtitle", [], "any", false, false, false, 1141), "html", null, true);
  1752.         yield "</p>
  1753.                     <div class=\"final-buttons\">
  1754.                         <a href=\"";
  1755.         // line 1143
  1756.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath(("whileresume_resume_" . CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1143, $this->source); })()), "request", [], "any", false, false, false, 1143), "locale", [], "any", false, false, false, 1143)));
  1757.         yield "\" class=\"final-btn final-btn--primary\">
  1758.                             ";
  1759.         // line 1144
  1760.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1144, $this->source); })()), "final_candidate", [], "any", false, false, false, 1144), "html", null, true);
  1761.         yield "
  1762.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  1763.                         </a>
  1764.                         <a href=\"";
  1765.         // line 1147
  1766.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath(("whileresume_business_" . CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1147, $this->source); })()), "request", [], "any", false, false, false, 1147), "locale", [], "any", false, false, false, 1147)));
  1767.         yield "\" class=\"final-btn final-btn--ghost\">
  1768.                             ";
  1769.         // line 1148
  1770.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1148, $this->source); })()), "final_recruiter", [], "any", false, false, false, 1148), "html", null, true);
  1771.         yield "
  1772.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  1773.                         </a>
  1774.                     </div>
  1775.                 </div>
  1776.             </div>
  1777.         </section>
  1779.     </div>
  1780. ";
  1781.         
  1782.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1784.         
  1785.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1787.         yield from [];
  1788.     }
  1790.     // line 1159
  1791.     /**
  1792.      * @return iterable<null|scalar|\Stringable>
  1793.      */
  1794.     public function block_footer_js(array $context, array $blocks = []): iterable
  1795.     {
  1796.         $macros = $this->macros;
  1797.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1798.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footer_js"));
  1800.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1801.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footer_js"));
  1803.         // line 1160
  1804.         yield "    ";
  1805.         yield from $this->yieldParentBlock("footer_js", $context, $blocks);
  1806.         yield "
  1807.     <script>
  1808.         (function(){
  1809.             var form     = document.getElementById('wrHeroSearch');
  1810.             var input    = document.getElementById('wrHeroSearchInput');
  1811.             var clearBtn = document.getElementById('wrHeroSearchClear');
  1812.             var results  = document.getElementById('wrHeroSearchResults');
  1813.             if (!form || !input || !results) return;
  1815.             var searchUrl   = form.dataset.searchUrl;
  1816.             var jobsListUrl = form.dataset.jobsListUrl;
  1817.             var debounceTimer = null;
  1818.             var currentRequest = null;
  1819.             var lastQuery = '';
  1821.             var T = {
  1822.                 loading:  '";
  1823.         // line 1176
  1824.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1176, $this->source); })()), "search_loading", [], "any", false, false, false, 1176), "js"), "html", null, true);
  1825.         yield "',
  1826.                 empty:    '";
  1827.         // line 1177
  1828.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1177, $this->source); })()), "search_no_results", [], "any", false, false, false, 1177), "js"), "html", null, true);
  1829.         yield "',
  1830.                 emptyHint:'";
  1831.         // line 1178
  1832.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1178, $this->source); })()), "search_no_results_hint", [], "any", false, false, false, 1178), "js"), "html", null, true);
  1833.         yield "',
  1834.                 count:    '";
  1835.         // line 1179
  1836.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1179, $this->source); })()), "search_results_count", [], "any", false, false, false, 1179), "js"), "html", null, true);
  1837.         yield "',
  1838.                 viewAll:  '";
  1839.         // line 1180
  1840.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1180, $this->source); })()), "search_view_all", [], "any", false, false, false, 1180), "js"), "html", null, true);
  1841.         yield "',
  1842.                 view:     '";
  1843.         // line 1181
  1844.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1181, $this->source); })()), "search_view_offer", [], "any", false, false, false, 1181), "js"), "html", null, true);
  1845.         yield "'
  1846.             };
  1848.             function escHtml(s){
  1849.                 if (s == null) return '';
  1850.                 return String(s).replace(/[&<>\"']/g, function(c){
  1851.                     return {'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c];
  1852.                 });
  1853.             }
  1855.             function showResults(){
  1856.                 results.classList.add('is-visible');
  1857.                 form.classList.add('has-results');
  1858.             }
  1859.             function hideResults(){
  1860.                 results.classList.remove('is-visible');
  1861.                 form.classList.remove('has-results');
  1862.             }
  1863.             function setLoading(){
  1864.                 results.innerHTML =
  1865.                     '<div class=\"hero-search-loading\">' +
  1866.                     '<span class=\"hero-search-spinner\"></span>' +
  1867.                     '<span>' + escHtml(T.loading) + '</span>' +
  1868.                     '</div>';
  1869.                 showResults();
  1870.             }
  1872.             function renderResults(payload, query){
  1873.                 var jobs  = (payload && payload.jobs)  || [];
  1874.                 var total = (payload && typeof payload.total === 'number') ? payload.total : jobs.length;
  1876.                 if (!jobs.length){
  1877.                     results.innerHTML =
  1878.                         '<div class=\"hero-search-empty\">' +
  1879.                         '<div class=\"hero-search-empty-icon\">' +
  1880.                         '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">' +
  1881.                         '<circle cx=\"11\" cy=\"11\" r=\"8\"/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/>' +
  1882.                         '</svg>' +
  1883.                         '</div>' +
  1884.                         '<p class=\"hero-search-empty-title\">' + escHtml(T.empty) + '</p>' +
  1885.                         '<p class=\"hero-search-empty-hint\">' + escHtml(T.emptyHint) + '</p>' +
  1886.                         '</div>';
  1887.                     showResults();
  1888.                     return;
  1889.                 }
  1891.                 var html =
  1892.                     '<div class=\"hero-search-meta\">' +
  1893.                     '<span><strong>' + total + '</strong> ' + escHtml(T.count) + '</span>' +
  1894.                     '<a href=\"' + jobsListUrl + '?q=' + encodeURIComponent(query) + '\">' +
  1895.                     escHtml(T.viewAll) +
  1896.                     '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">' +
  1897.                     '<line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/>' +
  1898.                     '</svg>' +
  1899.                     '</a>' +
  1900.                     '</div>';
  1902.                 jobs.slice(0, 6).forEach(function(j){
  1903.                     var title   = j.jobTitle || j.title || '';
  1904.                     var company = j.companyName || j.company || '';
  1905.                     var city    = j.city || '';
  1906.                     var et      = j.employmentType || '';
  1907.                     var slug    = j.slug || '';
  1908.                     var img     = j.image || j.imageUrl || '';
  1909.                     var url     = j.url || (jobsListUrl + '?q=' + encodeURIComponent(query));
  1910.                     var initial = (company || title || '?').charAt(0).toUpperCase();
  1912.                     var meta = [company, city, et].filter(function(x){ return x; }).join(' · ');
  1914.                     html +=
  1915.                         '<a href=\"' + escHtml(url) + '\" class=\"hero-search-result\">' +
  1916.                         '<div class=\"hero-search-result-logo\">' +
  1917.                         (img
  1918.                             ? '<img src=\"' + escHtml(img) + '\" alt=\"\">'
  1919.                             : escHtml(initial)) +
  1920.                         '</div>' +
  1921.                         '<div class=\"hero-search-result-info\">' +
  1922.                         '<p class=\"hero-search-result-title\">' + escHtml(title) + '</p>' +
  1923.                         '<p class=\"hero-search-result-meta\">' + escHtml(meta) + '</p>' +
  1924.                         '</div>' +
  1925.                         '<span class=\"hero-search-result-cta\">' +
  1926.                         escHtml(T.view) +
  1927.                         '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">' +
  1928.                         '<line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/>' +
  1929.                         '</svg>' +
  1930.                         '</span>' +
  1931.                         '</a>';
  1932.                 });
  1934.                 results.innerHTML = html;
  1935.                 showResults();
  1936.             }
  1938.             function doSearch(query){
  1939.                 if (currentRequest && currentRequest.abort) {
  1940.                     try { currentRequest.abort(); } catch(e){}
  1941.                 }
  1942.                 setLoading();
  1943.                 var url = searchUrl + (searchUrl.indexOf('?') > -1 ? '&' : '?') + 'q=' + encodeURIComponent(query);
  1945.                 var ctrl = (typeof AbortController !== 'undefined') ? new AbortController() : null;
  1946.                 currentRequest = ctrl;
  1948.                 fetch(url, { headers: { 'Accept': 'application/json' }, signal: ctrl ? ctrl.signal : undefined })
  1949.                     .then(function(r){ return r.ok ? r.json() : Promise.reject(r.status); })
  1950.                     .then(function(data){ renderResults(data, query); })
  1951.                     .catch(function(err){
  1952.                         if (err && err.name === 'AbortError') return;
  1953.                         results.innerHTML =
  1954.                             '<div class=\"hero-search-empty\">' +
  1955.                             '<p class=\"hero-search-empty-title\">' + escHtml(T.empty) + '</p>' +
  1956.                             '<p class=\"hero-search-empty-hint\">' + escHtml(T.emptyHint) + '</p>' +
  1957.                             '</div>';
  1958.                         showResults();
  1959.                     });
  1960.             }
  1962.             // Input live (debounce 280ms)
  1963.             input.addEventListener('input', function(){
  1964.                 var q = input.value.trim();
  1965.                 clearBtn.classList.toggle('is-visible', q.length > 0);
  1967.                 if (debounceTimer) clearTimeout(debounceTimer);
  1969.                 if (q.length < 2){
  1970.                     hideResults();
  1971.                     lastQuery = '';
  1972.                     return;
  1973.                 }
  1974.                 if (q === lastQuery) return;
  1976.                 debounceTimer = setTimeout(function(){
  1977.                     lastQuery = q;
  1978.                     doSearch(q);
  1979.                 }, 280);
  1980.             });
  1982.             // Submit → page de résultats complète
  1983.             form.addEventListener('submit', function(e){
  1984.                 var q = input.value.trim();
  1985.                 if (!q) { e.preventDefault(); return; }
  1986.                 window.location.href = jobsListUrl + '?q=' + encodeURIComponent(q);
  1987.                 e.preventDefault();
  1988.             });
  1990.             // Clear
  1991.             clearBtn.addEventListener('click', function(){
  1992.                 input.value = '';
  1993.                 clearBtn.classList.remove('is-visible');
  1994.                 hideResults();
  1995.                 lastQuery = '';
  1996.                 input.focus();
  1997.             });
  1999.             // Escape ferme
  2000.             input.addEventListener('keydown', function(e){
  2001.                 if (e.key === 'Escape'){
  2002.                     hideResults();
  2003.                     input.blur();
  2004.                 }
  2005.             });
  2007.             // Clic en dehors ferme (mais pas si on clique dedans)
  2008.             document.addEventListener('click', function(e){
  2009.                 if (!form.contains(e.target) && !results.contains(e.target)){
  2010.                     hideResults();
  2011.                 }
  2012.             });
  2014.             // Refocus input → ré-affiche les derniers résultats si on en avait
  2015.             input.addEventListener('focus', function(){
  2016.                 if (input.value.trim().length >= 2 && results.innerHTML.trim()) showResults();
  2017.             });
  2018.         })();
  2019.     </script>
  2020. ";
  2021.         
  2022.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  2024.         
  2025.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  2027.         yield from [];
  2028.     }
  2030.     /**
  2031.      * @codeCoverageIgnore
  2032.      */
  2033.     public function getTemplateName(): string
  2034.     {
  2035.         return "application/whileresume/website/candidates/homepage.html.twig";
  2036.     }
  2038.     /**
  2039.      * @codeCoverageIgnore
  2040.      */
  2041.     public function isTraitable(): bool
  2042.     {
  2043.         return false;
  2044.     }
  2046.     /**
  2047.      * @codeCoverageIgnore
  2048.      */
  2049.     public function getDebugInfo(): array
  2050.     {
  2051.         return array (  1844 => 1181,  1840 => 1180,  1836 => 1179,  1832 => 1178,  1828 => 1177,  1824 => 1176,  1804 => 1160,  1791 => 1159,  1770 => 1148,  1766 => 1147,  1760 => 1144,  1756 => 1143,  1751 => 1141,  1747 => 1140,  1742 => 1137,  1739 => 1135,  1729 => 1128,  1721 => 1127,  1716 => 1124,  1704 => 1118,  1701 => 1117,  1695 => 1116,  1691 => 1115,  1688 => 1114,  1682 => 1113,  1677 => 1110,  1669 => 1108,  1667 => 1107,  1662 => 1105,  1659 => 1104,  1656 => 1103,  1653 => 1102,  1650 => 1101,  1647 => 1100,  1644 => 1099,  1641 => 1098,  1638 => 1097,  1635 => 1096,  1632 => 1095,  1629 => 1094,  1626 => 1093,  1623 => 1092,  1620 => 1091,  1616 => 1090,  1609 => 1086,  1605 => 1085,  1600 => 1082,  1597 => 1081,  1594 => 1079,  1589 => 1076,  1583 => 1075,  1578 => 1072,  1566 => 1065,  1556 => 1064,  1551 => 1062,  1547 => 1060,  1541 => 1058,  1535 => 1056,  1533 => 1055,  1523 => 1053,  1519 => 1052,  1510 => 1046,  1500 => 1045,  1494 => 1043,  1488 => 1042,  1483 => 1039,  1480 => 1038,  1476 => 1037,  1470 => 1034,  1466 => 1033,  1461 => 1030,  1458 => 1029,  1455 => 1027,  1449 => 1023,  1439 => 1020,  1433 => 1019,  1422 => 1018,  1418 => 1017,  1411 => 1013,  1407 => 1012,  1402 => 1009,  1399 => 1008,  1387 => 998,  1383 => 997,  1376 => 993,  1368 => 988,  1364 => 987,  1352 => 978,  1348 => 977,  1337 => 969,  1333 => 968,  1329 => 967,  1324 => 964,  1303 => 945,  1273 => 918,  1269 => 917,  1260 => 911,  1256 => 910,  1247 => 904,  1243 => 903,  1234 => 897,  1230 => 896,  1220 => 889,  1216 => 888,  1212 => 887,  1206 => 883,  1197 => 876,  1193 => 875,  1186 => 871,  1182 => 870,  1175 => 866,  1171 => 865,  1164 => 861,  1160 => 860,  1151 => 854,  1147 => 853,  1143 => 852,  1138 => 849,  1127 => 840,  1119 => 839,  1115 => 838,  1111 => 837,  1107 => 836,  1091 => 823,  1087 => 822,  1083 => 821,  1079 => 820,  1075 => 819,  1060 => 807,  1056 => 806,  1052 => 805,  1048 => 804,  1044 => 803,  1030 => 792,  1026 => 791,  1022 => 790,  1017 => 787,  1008 => 780,  1001 => 776,  994 => 774,  988 => 770,  978 => 762,  969 => 756,  965 => 755,  952 => 749,  944 => 748,  940 => 746,  935 => 743,  929 => 740,  925 => 739,  921 => 738,  914 => 734,  906 => 728,  902 => 725,  889 => 724,  253 => 99,  240 => 98,  217 => 96,  194 => 95,  171 => 94,  148 => 93,  137 => 1,  135 => 90,  134 => 89,  133 => 88,  132 => 87,  131 => 85,  130 => 84,  129 => 83,  128 => 82,  127 => 80,  126 => 79,  125 => 78,  124 => 77,  123 => 76,  122 => 74,  121 => 73,  120 => 72,  119 => 71,  118 => 70,  117 => 69,  116 => 68,  115 => 67,  114 => 66,  113 => 65,  112 => 64,  111 => 62,  110 => 61,  109 => 60,  108 => 59,  107 => 56,  106 => 55,  105 => 54,  104 => 52,  103 => 51,  102 => 50,  101 => 49,  100 => 48,  99 => 47,  98 => 46,  97 => 45,  96 => 44,  95 => 43,  94 => 42,  93 => 40,  92 => 39,  91 => 38,  90 => 37,  89 => 36,  88 => 35,  87 => 34,  86 => 33,  85 => 32,  84 => 31,  83 => 30,  82 => 29,  81 => 28,  80 => 27,  79 => 26,  78 => 24,  77 => 23,  76 => 22,  75 => 21,  74 => 20,  73 => 19,  72 => 18,  71 => 17,  70 => 16,  69 => 15,  68 => 14,  67 => 13,  66 => 12,  65 => 11,  64 => 10,  63 => 9,  62 => 8,  61 => 7,  59 => 6,  46 => 1,);
  2052.     }
  2054.     public function getSourceContext(): Source
  2055.     {
  2056.         return new Source("{% extends 'application/whileresume/website/candidates/layout-social.html.twig' %}
  2058. {# ═══════════════════════════════════════════════════════════════════
  2059.    STRINGS bilingues
  2060. ═══════════════════════════════════════════════════════════════════ #}
  2061. {% set isFR = app.request.locale == 'fr' %}
  2062. {% set t = {
  2063.     hero_eyebrow:        isFR ? 'Plateforme d’emploi nouvelle génération' : 'A new-generation job platform',
  2064.     hero_title_1:        isFR ? 'Faites parler' : 'Let your',
  2065.     hero_title_2:        isFR ? 'votre CV.' : 'CV speak.',
  2066.     hero_title_3:        isFR ? 'On s’occupe du reste.' : 'We handle the rest.',
  2067.     hero_lede:           isFR ? 'Whileresume met en relation les talents avec les entreprises qui recrutent — sans candidature à rallonge, sans CV à refaire 10 fois. Likez, matchez, échangez.' : 'Whileresume connects talent with hiring companies — no endless applications, no CVs rewritten ten times. Like, match, chat.',
  2068.     hero_search_placeholder: isFR ? 'Un poste, une ville, une entreprise…' : 'A job, a city, a company…',
  2069.     hero_search_button:  isFR ? 'Rechercher' : 'Search',
  2070.     hero_byline_jobs:    isFR ? 'offres en ligne' : 'jobs online',
  2071.     hero_byline_apps:    isFR ? 'iOS · Android · Web' : 'iOS · Android · Web',
  2072.     hero_byline_free:    isFR ? 'gratuit pour les candidats' : 'free for candidates',
  2073.     search_loading:      isFR ? 'Recherche…' : 'Searching…',
  2074.     search_no_results:   isFR ? 'Aucune offre ne correspond à votre recherche' : 'No job matches your search',
  2075.     search_no_results_hint: isFR ? 'Essayez avec d’autres mots-clés' : 'Try other keywords',
  2076.     search_results_count: isFR ? 'offres trouvées' : 'jobs found',
  2077.     search_view_all:     isFR ? 'Voir toutes les offres' : 'See all jobs',
  2078.     search_view_offer:   isFR ? 'Voir l’offre' : 'View job',
  2079.     search_clear:        isFR ? 'Effacer' : 'Clear',
  2081.     paths_eyebrow:       isFR ? 'Trois manières d’entrer' : 'Three ways in',
  2082.     paths_title:         isFR ? 'Choisissez votre point de départ' : 'Choose your starting point',
  2083.     paths_lede:          isFR ? 'Que vous arriviez avec un CV bien rangé ou simplement avec l’envie de bouger, il existe une porte qui vous correspond.' : 'Whether you arrive with a polished CV or just the urge to move on, there’s a door for you.',
  2084.     path1_label:         isFR ? 'J’ai déjà un CV' : 'I have a CV',
  2085.     path1_title:         isFR ? 'Envoyez. On lit. On améliore.' : 'Send. Read. Refine.',
  2086.     path1_desc:          isFR ? 'Vous déposez votre CV, on en extrait les compétences, on identifie ce qui peut être renforcé, et on régénère deux versions propres dans la langue et le thème de votre choix.' : 'You upload your CV, we extract your skills, identify what can be strengthened, and regenerate two clean versions in the language and theme of your choice.',
  2087.     path1_cta:           isFR ? 'Déposer mon CV' : 'Upload my CV',
  2088.     path2_label:         isFR ? 'Je pars de zéro' : 'Starting fresh',
  2089.     path2_title:         isFR ? 'Quelques étapes. Un beau CV.' : 'A few steps. A clean CV.',
  2090.     path2_desc:          isFR ? 'Pas de CV ? On vous accompagne dans un tunnel guidé. À la fin, vous repartez avec un document construit, lisible, prêt à être envoyé — ou à laisser parler pour vous, ici.' : 'No CV? We guide you through. At the end, you walk out with a structured, readable document, ready to send — or to let it speak for you, here.',
  2091.     path2_cta:           isFR ? 'Construire mon CV' : 'Build my CV',
  2092.     path3_label:         isFR ? 'Je veux d’abord regarder' : 'Browse first',
  2093.     path3_title:         isFR ? 'Liker, c’est déjà commencer.' : 'Liking is already starting.',
  2094.     path3_desc:          isFR ? 'Parcourez les offres et les entreprises. Likez celles qui vous parlent. On en déduit vos goûts, on vous propose mieux, et les recruteurs intéressés peuvent vous trouver.' : 'Browse jobs and companies. Like the ones that speak to you. We learn your taste, suggest better ones, and interested recruiters find you.',
  2095.     path3_cta:           isFR ? 'Voir les offres' : 'See jobs',
  2097.     how_eyebrow:         isFR ? 'Comment ça marche' : 'How it works',
  2098.     how_title:           isFR ? 'Quatre temps, un mouvement.' : 'Four moves, one motion.',
  2099.     how_lede:            isFR ? 'On a réduit le parcours à l’essentiel. Pas de remplissage, pas de vous demander deux fois la même chose.' : 'We pared the journey down to the essentials. No filler, no asking the same thing twice.',
  2100.     step1_title:         isFR ? 'Vous racontez' : 'You tell',
  2101.     step1_desc:          isFR ? 'CV uploadé ou tunnel guidé. On collecte ce qu’il faut savoir : compétences, parcours, envies, langues.' : 'CV uploaded or guided tunnel. We collect what matters: skills, experience, wishes, languages.',
  2102.     step2_title:         isFR ? 'On analyse' : 'We analyze',
  2103.     step2_desc:          isFR ? 'Notre intelligence relit votre profil. Forces, axes d’amélioration : vous recevez un retour clair.' : 'Our intelligence re-reads your profile. Strengths, areas to improve: you get a clear report.',
  2104.     step3_title:         isFR ? 'On génère' : 'We generate',
  2105.     step3_desc:          isFR ? 'Votre CV est généré dans deux thèmes, plusieurs couleurs, plusieurs langues. Téléchargeable à tout moment.' : 'Your CV is generated in two themes, multiple colors, multiple languages. Downloadable any time.',
  2106.     step4_title:         isFR ? 'On vous expose' : 'We expose you',
  2107.     step4_desc:          isFR ? 'Votre profil devient visible des recruteurs qui cherchent exactement votre type de talent.' : 'Your profile becomes visible to recruiters looking for exactly your type of talent.',
  2109.     apps_eyebrow:        isFR ? 'Disponible partout' : 'Available everywhere',
  2110.     apps_title:          isFR ? 'Trois plateformes, une seule expérience' : 'Three platforms, one experience',
  2111.     apps_lede:           isFR ? 'Vos préférences vous suivent. Likez une offre dans le métro, envoyez votre CV depuis votre canapé.' : 'Your preferences follow you. Like an offer on the subway, send your CV from the couch.',
  2112.     apps_ios:            'iOS',
  2113.     apps_android:        'Android',
  2114.     apps_web:            isFR ? 'Web' : 'Web',
  2115.     apps_ios_desc:       isFR ? 'Téléchargez sur l’App Store' : 'Download on the App Store',
  2116.     apps_android_desc:   isFR ? 'Téléchargez sur Google Play' : 'Get it on Google Play',
  2117.     apps_web_desc:       isFR ? 'Connectez-vous depuis le navigateur' : 'Log in from your browser',
  2119.     match_eyebrow:       isFR ? 'Le match ne se force pas' : 'A match cannot be forced',
  2120.     match_title:         isFR ? 'Likez. Matchez. Échangez.' : 'Like. Match. Chat.',
  2121.     match_lede:          isFR ? 'Vous likez ce qui vous plaît, on apprend, et les entreprises intéressées passent la première.' : 'You like what catches your eye, we learn, and interested companies make the first move.',
  2122.     match_b1_title:      isFR ? 'Likez ce qui vous parle' : 'Like what speaks to you',
  2123.     match_b1_desc:       isFR ? 'Offres, entreprises, recruteurs. On retient tout pour mieux vous connaître.' : 'Jobs, companies, recruiters. We remember everything to know you better.',
  2124.     match_b2_title:      isFR ? 'Recommandations sur mesure' : 'Tailored recommendations',
  2125.     match_b2_desc:       isFR ? 'Plus vous likez, plus on vous propose des offres alignées avec votre profil.' : 'The more you like, the more we suggest offers aligned with your profile.',
  2126.     match_b3_title:      isFR ? 'Les recruteurs viennent à vous' : 'Recruiters come to you',
  2127.     match_b3_desc:       isFR ? 'Quand votre profil match, c’est l’entreprise qui passe la première.' : 'When your profile matches, the company makes the first move.',
  2128.     match_b4_title:      isFR ? 'Offres externes incluses' : 'External offers included',
  2129.     match_b4_desc:       isFR ? 'On indexe aussi des offres externes pour maximiser vos chances. Lien direct vers le site de l’employeur.' : 'We also index external offers to maximize your chances. Direct link to the employer’s site.',
  2131.     keywords_title:      isFR ? 'Cherchez par domaine' : 'Search by field',
  2132.     keywords_lede:       isFR ? 'Une porte d’entrée par métier' : 'One door per craft',
  2133.     popular_title:       isFR ? 'Offres populaires' : 'Popular jobs',
  2134.     popular_lede:        isFR ? 'Une sélection d’offres ouvertes en ce moment, par catégorie' : 'A selection of currently open positions, by category',
  2135.     btn_more:            isFR ? 'Tout voir' : 'See all',
  2137.     articles_title:      isFR ? 'Conseils, ressources & guides' : 'Advice, resources & guides',
  2138.     articles_lede:       isFR ? 'Pour rebondir, négocier, postuler mieux.' : 'To bounce back, negotiate and apply better.',
  2139.     articles_view_all:   isFR ? 'Voir tous les articles' : 'See all articles',
  2140.     read_article:        isFR ? 'Lire' : 'Read',
  2142.     final_title:         isFR ? 'Prêt à propulser votre carrière ?' : 'Ready to take your career further?',
  2143.     final_subtitle:      isFR ? 'Rejoignez celles et ceux qui ont déjà tourné la page.' : 'Join those who have already turned the page.',
  2144.     final_candidate:     isFR ? 'Je suis candidat·e' : 'I’m a candidate',
  2145.     final_recruiter:     isFR ? 'Je recrute' : 'I’m hiring'
  2146. } %}
  2148. {% block title %}{{ page.shortTitle }}{% endblock %}
  2149. {% block description %}{{ page.shortDescription }}{% endblock %}
  2150. {% block robots %}{{ page.robots }}{% endblock %}
  2151. {% block canonical %}{% include \"/vitrine/lexend/components/languages/canonical_classic.html.twig\" %}{% endblock %}
  2153. {% block css %}
  2154.     {{ parent() }}
  2155.     <style>
  2156.         /* ═══════════════════════════════════════════════════════════════════
  2157.            VARIABLES
  2158.         ═══════════════════════════════════════════════════════════════════ */
  2159.         :root{
  2160.             --wr-bg:#FBFCFE;
  2161.             --wr-card:#FFFFFF;
  2162.             --wr-violet:#8A63C0;
  2163.             --wr-violet-2:#A98AD3;
  2164.             --wr-violet-soft:#F2EDFA;
  2165.             --wr-violet-softer:#F8F4FD;
  2166.             --wr-violet-dark:#6B47A6;
  2167.             --wr-ink:#1E1B2E;
  2168.             --wr-ink-2:#374151;
  2169.             --wr-muted:#6B7280;
  2170.             --wr-muted-2:#9CA3AF;
  2171.             --wr-line:#EEF1F7;
  2172.             --wr-line-2:#E5E9F0;
  2173.             --wr-shadow:0 1px 2px rgba(30,27,46,.04),0 4px 16px rgba(30,27,46,.04);
  2174.             --wr-shadow-hover:0 4px 8px rgba(138,99,192,.08),0 12px 32px rgba(138,99,192,.1);
  2175.         }
  2177.         /* ═══════════════════════════════════════════════════════════════════
  2178.            PLEINE LARGEUR — On retire la réservation d'espace de la sidebar droite
  2179.            ═══════════════════════════════════════════════════════════════════ */
  2180.         body .main-content.right-chat-active{padding-right:0!important}
  2181.         body .main-content{padding-right:0!important}
  2182.         body .right-chat{display:none!important}
  2183.         body .middle-sidebar-bottom .middle-sidebar-left{padding-right:0!important;max-width:none!important;width:100%!important}
  2184.         body .middle-sidebar-bottom{max-width:none!important}
  2186.         .wr{margin:-15px -15px 0;background:var(--wr-bg);color:var(--wr-ink);font-family:inherit;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
  2187.         @media(max-width:991px){.wr{margin:0 -15px}}
  2188.         .wr *{box-sizing:border-box}
  2189.         .wr a{color:inherit;text-decoration:none}
  2191.         /* ═══════════════════════════════════════════════════════════════════
  2192.            SECTIONS GENERIC — Fond UNIFIÉ partout (pas d'alternance)
  2193.            ═══════════════════════════════════════════════════════════════════ */
  2194.         .wr-section{padding:80px 32px;background:var(--wr-bg);position:relative}
  2195.         .wr-section--tight{padding:48px 32px}
  2196.         @media(max-width:768px){.wr-section{padding:56px 20px}.wr-section--tight{padding:36px 20px}}
  2198.         /* Filet décoratif au lieu d'un changement de couleur */
  2199.         .wr-section + .wr-section::before{
  2200.             content:\"\";
  2201.             position:absolute;top:0;left:50%;transform:translateX(-50%);
  2202.             width:80px;height:1px;
  2203.             background:linear-gradient(90deg,transparent,var(--wr-line-2),transparent);
  2204.         }
  2206.         .wr-container{max-width:1200px;margin:0 auto;position:relative}
  2208.         /* ═══ Eyebrow ═══ */
  2209.         .wr-eyebrow{
  2210.             display:inline-flex;align-items:center;gap:8px;
  2211.             padding:6px 14px;border-radius:100px;
  2212.             background:var(--wr-violet-soft);
  2213.             color:var(--wr-violet-dark);
  2214.             font-size:11.5px;font-weight:600;
  2215.             text-transform:uppercase;letter-spacing:.12em;
  2216.             margin-bottom:22px;
  2217.         }
  2218.         .wr-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--wr-violet);animation:wrPulse 2.4s ease-in-out infinite}
  2219.         @keyframes wrPulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}
  2221.         /* ═══ Titres — THIN + LARGE ═══ */
  2222.         .wr-title{
  2223.             font-family:inherit;
  2224.             font-weight:500;
  2225.             font-size:36px;line-height:1.1;letter-spacing:-0.03em;
  2226.             color:var(--wr-ink);
  2227.             margin:0 auto 16px;
  2228.             max-width:920px;
  2229.         }
  2230.         @media(min-width:768px){.wr-title{font-size:48px}}
  2231.         @media(min-width:1024px){.wr-title{font-size:58px}}
  2232.         .wr-title--sm{font-size:30px}
  2233.         @media(min-width:768px){.wr-title--sm{font-size:38px}}
  2234.         .wr-title em{font-style:normal;font-weight:600;color:var(--wr-violet)}
  2236.         .wr-lede{
  2237.             font-size:17px;line-height:1.55;font-weight:400;
  2238.             color:var(--wr-ink-2);
  2239.             margin:0 auto;max-width:680px;
  2240.         }
  2242.         .wr-section-head{text-align:center;margin-bottom:56px}
  2244.         /* ═══════════════════════════════════════════════════════════════════
  2245.            HERO — Plein texte, fond uni, animation discrète
  2246.            ═══════════════════════════════════════════════════════════════════ */
  2247.         .hero{
  2248.             position:relative;
  2249.             background:var(--wr-bg);
  2250.             padding:100px 32px 80px;
  2251.             overflow:hidden;
  2252.         }
  2253.         @media(max-width:768px){.hero{padding:60px 20px 60px}}
  2255.         /* Décor : 2 blobs très flous violet pâle, plus discrets */
  2256.         .hero::before{
  2257.             content:\"\";position:absolute;
  2258.             top:-260px;right:-180px;width:560px;height:560px;
  2259.             background:radial-gradient(circle,rgba(138,99,192,.14) 0%,transparent 65%);
  2260.             pointer-events:none;filter:blur(50px);
  2261.         }
  2262.         .hero::after{
  2263.             content:\"\";position:absolute;
  2264.             bottom:-200px;left:-180px;width:480px;height:480px;
  2265.             background:radial-gradient(circle,rgba(138,99,192,.09) 0%,transparent 65%);
  2266.             pointer-events:none;filter:blur(50px);
  2267.         }
  2269.         .hero-dots{
  2270.             position:absolute;inset:0;
  2271.             background-image:radial-gradient(circle,rgba(138,99,192,.07) 1px,transparent 1px);
  2272.             background-size:32px 32px;
  2273.             mask-image:radial-gradient(ellipse 60% 45% at 50% 45%,black,transparent 80%);
  2274.             -webkit-mask-image:radial-gradient(ellipse 60% 45% at 50% 45%,black,transparent 80%);
  2275.             pointer-events:none;
  2276.         }
  2278.         .hero-inner{position:relative;z-index:2;max-width:1100px;margin:0 auto;text-align:center}
  2280.         .hero-badge{
  2281.             display:inline-flex;align-items:center;gap:8px;
  2282.             padding:7px 14px;border-radius:100px;
  2283.             background:var(--wr-card);
  2284.             border:1px solid var(--wr-line-2);
  2285.             color:var(--wr-violet-dark);
  2286.             font-size:12px;font-weight:500;
  2287.             margin-bottom:28px;
  2288.             box-shadow:var(--wr-shadow);
  2289.             opacity:0;transform:translateY(8px);
  2290.             animation:wrFadeUp .8s ease forwards;
  2291.         }
  2292.         .hero-badge-dot{width:6px;height:6px;border-radius:50%;background:#10B981;box-shadow:0 0 0 0 rgba(16,185,129,.4);animation:wrPulse2 2s ease infinite}
  2293.         @keyframes wrPulse2{0%{box-shadow:0 0 0 0 rgba(16,185,129,.4)}70%{box-shadow:0 0 0 8px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}
  2294.         @keyframes wrFadeUp{to{opacity:1;transform:translateY(0)}}
  2296.         /* ═══ Titre hero — THIN large ═══ */
  2297.         .hero-title{
  2298.             font-weight:400;
  2299.             font-size:44px;line-height:1.04;letter-spacing:-0.04em;
  2300.             color:var(--wr-ink);
  2301.             margin:0 auto 24px;
  2302.             max-width:1000px;
  2303.         }
  2304.         @media(min-width:768px){.hero-title{font-size:68px;letter-spacing:-0.045em}}
  2305.         @media(min-width:1100px){.hero-title{font-size:88px}}
  2307.         .hero-title-line{display:block;opacity:0;transform:translateY(12px);animation:wrFadeUp .9s cubic-bezier(.2,.7,.2,1) forwards}
  2308.         .hero-title-line:nth-child(1){animation-delay:.1s}
  2309.         .hero-title-line:nth-child(2){animation-delay:.25s}
  2310.         .hero-title-line:nth-child(3){animation-delay:.4s}
  2312.         .hero-title-accent{
  2313.             color:var(--wr-violet);
  2314.             font-weight:500;
  2315.             position:relative;display:inline-block;
  2316.         }
  2317.         .hero-title-accent::after{
  2318.             content:\"\";
  2319.             position:absolute;left:0;right:0;bottom:.04em;
  2320.             height:.1em;
  2321.             background:var(--wr-violet);
  2322.             opacity:.22;
  2323.             transform-origin:left center;
  2324.             transform:scaleX(0);
  2325.             animation:wrUnderline 1.1s cubic-bezier(.6,0,.4,1) 1s forwards;
  2326.             border-radius:2px;
  2327.         }
  2328.         @keyframes wrUnderline{to{transform:scaleX(1)}}
  2330.         .hero-lede{
  2331.             font-size:17px;line-height:1.55;color:var(--wr-ink-2);font-weight:400;
  2332.             margin:0 auto 36px;max-width:620px;
  2333.             opacity:0;animation:wrFadeUp .9s ease 1.1s forwards;
  2334.         }
  2335.         @media(min-width:768px){.hero-lede{font-size:18px}}
  2337.         /* ═══════════════════════════════════════════════════════════════════
  2338.            HERO — RECHERCHE INLINE (avec résultats AJAX)
  2339.            ═══════════════════════════════════════════════════════════════════ */
  2340.         .hero-search-wrap{
  2341.             max-width:680px;margin:0 auto 28px;
  2342.             opacity:0;animation:wrFadeUp .9s ease 1.3s forwards;
  2343.         }
  2345.         .hero-search{
  2346.             display:flex;align-items:center;
  2347.             background:var(--wr-card);
  2348.             border:1px solid var(--wr-line-2);
  2349.             border-radius:16px;
  2350.             padding:6px;
  2351.             box-shadow:0 2px 6px rgba(30,27,46,.04),0 16px 40px rgba(138,99,192,.08);
  2352.             transition:transform .2s,box-shadow .2s,border-color .2s,border-radius .25s;
  2353.             position:relative;z-index:5;
  2354.         }
  2355.         .hero-search:focus-within,
  2356.         .hero-search.has-results{
  2357.             border-color:var(--wr-violet-2);
  2358.             box-shadow:0 4px 10px rgba(30,27,46,.05),0 20px 50px rgba(138,99,192,.16);
  2359.         }
  2360.         .hero-search.has-results{
  2361.             border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:var(--wr-line);
  2362.         }
  2363.         .hero-search-icon{
  2364.             display:flex;align-items:center;justify-content:center;
  2365.             width:42px;height:42px;flex-shrink:0;color:var(--wr-muted-2);
  2366.         }
  2367.         .hero-search-icon svg{width:18px;height:18px}
  2368.         .hero-search-input{
  2369.             flex:1;border:0;outline:0;background:transparent;
  2370.             font-size:15px;font-family:inherit;color:var(--wr-ink);
  2371.             padding:0 6px;height:42px;min-width:0;
  2372.         }
  2373.         .hero-search-input::placeholder{color:var(--wr-muted-2)}
  2374.         .hero-search-clear{
  2375.             display:none;align-items:center;justify-content:center;
  2376.             width:32px;height:32px;flex-shrink:0;color:var(--wr-muted-2);
  2377.             border:0;background:transparent;cursor:pointer;border-radius:8px;
  2378.             transition:background .15s,color .15s;
  2379.         }
  2380.         .hero-search-clear:hover{background:var(--wr-violet-soft);color:var(--wr-violet)}
  2381.         .hero-search-clear svg{width:14px;height:14px}
  2382.         .hero-search-clear.is-visible{display:inline-flex}
  2383.         .hero-search-btn{
  2384.             background:var(--wr-violet);color:#fff;
  2385.             border:0;padding:0 22px;border-radius:11px;
  2386.             font-size:14px;font-weight:600;font-family:inherit;
  2387.             cursor:pointer;flex-shrink:0;height:42px;
  2388.             display:inline-flex;align-items:center;gap:6px;
  2389.             transition:background .15s,transform .15s,box-shadow .15s;
  2390.             box-shadow:0 4px 12px rgba(138,99,192,.3);
  2391.         }
  2392.         .hero-search-btn:hover{background:var(--wr-violet-dark);transform:translateY(-1px);box-shadow:0 6px 18px rgba(138,99,192,.4)}
  2393.         .hero-search-btn svg{width:13px;height:13px}
  2394.         @media(max-width:540px){.hero-search-btn span{display:none}.hero-search-btn{padding:0 14px}}
  2396.         /* Résultats inline */
  2397.         .hero-search-results{
  2398.             background:var(--wr-card);
  2399.             border:1px solid var(--wr-line);
  2400.             border-top:0;
  2401.             border-radius:0 0 16px 16px;
  2402.             max-height:0;
  2403.             overflow:hidden;
  2404.             transition:max-height .35s ease,padding .25s ease;
  2405.             text-align:left;
  2406.             box-shadow:0 16px 40px rgba(138,99,192,.1);
  2407.             padding:0 14px;
  2408.         }
  2409.         .hero-search-results.is-visible{max-height:560px;overflow-y:auto;padding:8px 14px 12px}
  2410.         .hero-search-results::-webkit-scrollbar{width:6px}
  2411.         .hero-search-results::-webkit-scrollbar-thumb{background:var(--wr-line-2);border-radius:6px}
  2413.         .hero-search-meta{
  2414.             display:flex;align-items:center;justify-content:space-between;gap:10px;
  2415.             padding:10px 4px;
  2416.             font-size:11.5px;color:var(--wr-muted);
  2417.             text-transform:uppercase;letter-spacing:.08em;font-weight:600;
  2418.         }
  2419.         .hero-search-meta strong{color:var(--wr-violet);font-weight:700;font-size:13px}
  2420.         .hero-search-meta a{color:var(--wr-violet);font-weight:700;display:inline-flex;align-items:center;gap:4px}
  2421.         .hero-search-meta a svg{width:11px;height:11px}
  2423.         .hero-search-result{
  2424.             display:flex;align-items:center;gap:12px;
  2425.             padding:10px 8px;border-radius:11px;
  2426.             text-decoration:none;color:inherit;
  2427.             transition:background .15s;
  2428.         }
  2429.         .hero-search-result:hover{background:var(--wr-violet-softer);text-decoration:none;color:inherit}
  2430.         .hero-search-result-logo{
  2431.             width:38px;height:38px;border-radius:10px;flex-shrink:0;
  2432.             background:var(--wr-violet-soft);color:var(--wr-violet);
  2433.             display:flex;align-items:center;justify-content:center;
  2434.             font-weight:700;font-size:13px;overflow:hidden;
  2435.         }
  2436.         .hero-search-result-logo img{width:100%;height:100%;object-fit:cover}
  2437.         .hero-search-result-info{flex:1;min-width:0}
  2438.         .hero-search-result-title{
  2439.             font-weight:600;font-size:13.5px;color:var(--wr-ink);
  2440.             margin:0 0 2px;line-height:1.3;
  2441.             white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  2442.         }
  2443.         .hero-search-result-meta{
  2444.             font-size:11.5px;color:var(--wr-muted);margin:0;
  2445.             white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  2446.         }
  2447.         .hero-search-result-cta{
  2448.             font-size:11px;font-weight:600;color:var(--wr-violet);
  2449.             text-transform:uppercase;letter-spacing:.06em;
  2450.             display:inline-flex;align-items:center;gap:4px;flex-shrink:0;
  2451.             opacity:0;transition:opacity .15s,transform .15s;transform:translateX(-4px);
  2452.         }
  2453.         .hero-search-result:hover .hero-search-result-cta{opacity:1;transform:translateX(0)}
  2454.         .hero-search-result-cta svg{width:11px;height:11px}
  2456.         .hero-search-empty{
  2457.             text-align:center;padding:36px 20px;color:var(--wr-muted);
  2458.         }
  2459.         .hero-search-empty-icon{
  2460.             width:48px;height:48px;border-radius:14px;
  2461.             background:var(--wr-violet-soft);color:var(--wr-violet);
  2462.             display:inline-flex;align-items:center;justify-content:center;
  2463.             margin-bottom:14px;
  2464.         }
  2465.         .hero-search-empty-icon svg{width:22px;height:22px}
  2466.         .hero-search-empty-title{font-weight:600;font-size:14px;color:var(--wr-ink);margin:0 0 4px}
  2467.         .hero-search-empty-hint{font-size:13px;margin:0;color:var(--wr-muted)}
  2469.         .hero-search-loading{
  2470.             text-align:center;padding:30px 20px;color:var(--wr-muted);font-size:13px;
  2471.             display:flex;align-items:center;justify-content:center;gap:10px;
  2472.         }
  2473.         .hero-search-spinner{
  2474.             width:16px;height:16px;border-radius:50%;
  2475.             border:2px solid var(--wr-violet-soft);border-top-color:var(--wr-violet);
  2476.             animation:wrSpin .7s linear infinite;
  2477.         }
  2478.         @keyframes wrSpin{to{transform:rotate(360deg)}}
  2480.         /* Byline */
  2481.         .hero-byline{
  2482.             display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;
  2483.             font-size:13px;color:var(--wr-muted);
  2484.             opacity:0;animation:wrFadeUp .9s ease 1.5s forwards;
  2485.         }
  2486.         .hero-byline strong{color:var(--wr-violet);font-weight:700;font-size:15px;margin-right:3px}
  2487.         .hero-byline-sep{color:var(--wr-line-2)}
  2488.         .hero-byline svg{width:14px;height:14px;color:#10B981;flex-shrink:0}
  2489.         .hero-byline span{display:inline-flex;align-items:center;gap:6px}
  2490.         @media(max-width:540px){.hero-byline{gap:10px;font-size:12px}.hero-byline-sep{display:none}}
  2492.         /* ═══════════════════════════════════════════════════════════════════
  2493.            SECTION : 3 PARCOURS
  2494.            ═══════════════════════════════════════════════════════════════════ */
  2495.         .paths-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  2496.         @media(max-width:991px){.paths-grid{grid-template-columns:1fr;gap:14px}}
  2498.         .path-card{
  2499.             position:relative;
  2500.             background:var(--wr-card);
  2501.             border:1px solid var(--wr-line);
  2502.             border-radius:20px;padding:28px;
  2503.             display:flex;flex-direction:column;
  2504.             transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  2505.             box-shadow:var(--wr-shadow);
  2506.         }
  2507.         .path-card:hover{transform:translateY(-4px);box-shadow:var(--wr-shadow-hover);border-color:var(--wr-violet-2)}
  2508.         .path-card-illu{
  2509.             width:64px;height:64px;border-radius:16px;
  2510.             background:var(--wr-violet-soft);color:var(--wr-violet);
  2511.             display:flex;align-items:center;justify-content:center;
  2512.             margin-bottom:22px;
  2513.         }
  2514.         .path-card-illu svg{width:30px;height:30px}
  2515.         .path-card-label{
  2516.             display:inline-block;
  2517.             font-size:11px;font-weight:600;
  2518.             color:var(--wr-violet-dark);text-transform:uppercase;letter-spacing:.1em;
  2519.             margin-bottom:10px;align-self:flex-start;
  2520.         }
  2521.         .path-card-title{
  2522.             font-weight:500;font-size:22px;line-height:1.25;letter-spacing:-0.015em;
  2523.             color:var(--wr-ink);margin:0 0 10px;
  2524.         }
  2525.         .path-card-desc{
  2526.             font-size:14px;line-height:1.6;color:var(--wr-muted);
  2527.             margin:0 0 22px;flex:1;
  2528.         }
  2529.         .path-card-cta{
  2530.             display:inline-flex;align-items:center;justify-content:center;gap:6px;
  2531.             background:var(--wr-violet);color:#fff;
  2532.             padding:12px 18px;border-radius:11px;
  2533.             font-size:13px;font-weight:600;
  2534.             align-self:stretch;
  2535.             transition:background .15s,transform .15s,box-shadow .15s;
  2536.             box-shadow:0 2px 8px rgba(138,99,192,.2);
  2537.         }
  2538.         .path-card-cta:hover{background:var(--wr-violet-dark);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px rgba(138,99,192,.3)}
  2539.         .path-card-cta svg{width:13px;height:13px;transition:transform .15s}
  2540.         .path-card-cta:hover svg{transform:translateX(3px)}
  2542.         /* ═══════════════════════════════════════════════════════════════════
  2543.            MÉTHODE
  2544.            ═══════════════════════════════════════════════════════════════════ */
  2545.         .method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  2546.         @media(max-width:991px){.method-grid{grid-template-columns:repeat(2,1fr)}}
  2547.         @media(max-width:540px){.method-grid{grid-template-columns:1fr}}
  2549.         .method-step{
  2550.             background:var(--wr-card);
  2551.             border:1px solid var(--wr-line);
  2552.             border-radius:18px;padding:24px;
  2553.             transition:transform .2s,box-shadow .2s,border-color .2s;
  2554.         }
  2555.         .method-step:hover{transform:translateY(-3px);box-shadow:var(--wr-shadow-hover);border-color:var(--wr-violet-soft)}
  2556.         .method-num{
  2557.             display:inline-flex;align-items:center;justify-content:center;
  2558.             width:36px;height:36px;border-radius:10px;
  2559.             background:var(--wr-violet-soft);color:var(--wr-violet);
  2560.             font-weight:700;font-size:14px;margin-bottom:16px;
  2561.         }
  2562.         .method-title{
  2563.             font-weight:500;font-size:17px;line-height:1.25;letter-spacing:-0.005em;
  2564.             color:var(--wr-ink);margin:0 0 6px;
  2565.         }
  2566.         .method-desc{font-size:13px;line-height:1.55;color:var(--wr-muted);margin:0}
  2568.         /* ═══════════════════════════════════════════════════════════════════
  2569.            MATCH
  2570.            ═══════════════════════════════════════════════════════════════════ */
  2571.         .match-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
  2572.         @media(max-width:991px){.match-grid{grid-template-columns:1fr;gap:40px}}
  2573.         .match-text .wr-title{margin-left:0;text-align:left}
  2574.         .match-text .wr-lede{margin-left:0;text-align:left}
  2575.         .match-text .wr-eyebrow{margin-bottom:20px}
  2577.         .match-features{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}
  2578.         @media(max-width:540px){.match-features{grid-template-columns:1fr}}
  2579.         .match-feature{
  2580.             background:var(--wr-card);border:1px solid var(--wr-line);
  2581.             border-radius:14px;padding:18px;
  2582.             transition:transform .15s,border-color .15s,box-shadow .15s;
  2583.         }
  2584.         .match-feature:hover{transform:translateY(-2px);border-color:var(--wr-violet-soft);box-shadow:var(--wr-shadow)}
  2585.         .match-feature-icon{
  2586.             width:34px;height:34px;border-radius:10px;
  2587.             background:var(--wr-violet-soft);color:var(--wr-violet);
  2588.             display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;
  2589.         }
  2590.         .match-feature-icon svg{width:16px;height:16px}
  2591.         .match-feature-title{font-weight:600;font-size:14px;line-height:1.3;color:var(--wr-ink);margin:0 0 5px}
  2592.         .match-feature-desc{font-size:12.5px;line-height:1.5;color:var(--wr-muted);margin:0}
  2594.         .match-visual{position:relative;display:flex;justify-content:center;align-items:center;padding:40px 0}
  2595.         .match-stack{position:relative;width:100%;max-width:340px;height:340px}
  2596.         .match-stack-card{
  2597.             position:absolute;
  2598.             background:var(--wr-card);border:1px solid var(--wr-line);
  2599.             border-radius:16px;padding:14px;
  2600.             display:flex;align-items:center;gap:12px;
  2601.             box-shadow:var(--wr-shadow);width:100%;
  2602.             transition:transform .3s ease;
  2603.         }
  2604.         .match-stack-card:nth-child(1){top:0;transform:rotate(-6deg) translateX(-10px);z-index:1;animation:wrFloat 6s ease-in-out infinite}
  2605.         .match-stack-card:nth-child(2){top:78px;left:14px;transform:rotate(2deg);z-index:3;box-shadow:0 16px 40px rgba(138,99,192,.18);animation:wrFloat 6s ease-in-out -2s infinite}
  2606.         .match-stack-card:nth-child(3){top:156px;transform:rotate(-3deg) translateX(8px);z-index:2;animation:wrFloat 6s ease-in-out -4s infinite}
  2607.         .match-stack-card:nth-child(4){top:234px;left:20px;transform:rotate(4deg);z-index:1;animation:wrFloat 6s ease-in-out -1s infinite}
  2608.         @keyframes wrFloat{0%,100%{transform:translateY(0) rotate(var(--r,0))}50%{transform:translateY(-6px) rotate(var(--r,0))}}
  2609.         .match-stack-logo{
  2610.             width:38px;height:38px;border-radius:10px;
  2611.             background:var(--wr-violet-soft);color:var(--wr-violet);
  2612.             display:flex;align-items:center;justify-content:center;
  2613.             font-weight:700;font-size:14px;flex-shrink:0;
  2614.         }
  2615.         .match-stack-info{flex:1;min-width:0}
  2616.         .match-stack-title{font-weight:600;font-size:13px;color:var(--wr-ink);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
  2617.         .match-stack-meta{font-size:11px;color:var(--wr-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  2618.         .match-stack-heart{width:28px;height:28px;border-radius:50%;background:#FEE2E2;color:#EF4444;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  2619.         .match-stack-heart svg{width:13px;height:13px;fill:currentColor}
  2621.         /* ═══════════════════════════════════════════════════════════════════
  2622.            APPS
  2623.            ═══════════════════════════════════════════════════════════════════ */
  2624.         .apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  2625.         @media(max-width:768px){.apps-grid{grid-template-columns:1fr}}
  2626.         .app-card{
  2627.             background:var(--wr-card);border:1px solid var(--wr-line);
  2628.             border-radius:18px;padding:24px;
  2629.             display:flex;flex-direction:column;align-items:flex-start;
  2630.             transition:transform .2s,border-color .2s,box-shadow .2s;
  2631.         }
  2632.         .app-card:hover{transform:translateY(-3px);border-color:var(--wr-violet-2);box-shadow:var(--wr-shadow-hover);color:inherit;text-decoration:none}
  2633.         .app-card-icon{
  2634.             width:48px;height:48px;border-radius:14px;
  2635.             background:var(--wr-violet-soft);color:var(--wr-violet);
  2636.             display:inline-flex;align-items:center;justify-content:center;
  2637.             margin-bottom:18px;
  2638.         }
  2639.         .app-card-icon svg{width:22px;height:22px}
  2640.         .app-card-name{font-weight:500;font-size:18px;letter-spacing:-0.01em;color:var(--wr-ink);margin:0 0 6px}
  2641.         .app-card-desc{font-size:13px;line-height:1.5;color:var(--wr-muted);margin:0 0 16px;flex:1}
  2642.         .app-card-cta{font-size:12px;font-weight:600;color:var(--wr-violet);text-transform:uppercase;letter-spacing:.1em;display:inline-flex;align-items:center;gap:6px}
  2643.         .app-card-cta svg{width:11px;height:11px;transition:transform .15s}
  2644.         .app-card:hover .app-card-cta svg{transform:translateX(3px)}
  2646.         /* ═══════════════════════════════════════════════════════════════════
  2647.            KEYWORDS
  2648.            ═══════════════════════════════════════════════════════════════════ */
  2649.         .keywords-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:920px;margin:0 auto}
  2650.         .keyword-pill{
  2651.             display:inline-flex;align-items:center;gap:8px;
  2652.             padding:9px 16px;border-radius:100px;
  2653.             background:var(--wr-card);border:1px solid var(--wr-line-2);
  2654.             color:var(--wr-ink-2);
  2655.             font-size:13.5px;font-weight:500;
  2656.             transition:transform .15s,border-color .15s,background .15s,color .15s,box-shadow .15s;
  2657.         }
  2658.         .keyword-pill:hover{transform:translateY(-2px);border-color:var(--wr-violet);background:var(--wr-violet-soft);color:var(--wr-violet-dark);text-decoration:none;box-shadow:0 4px 10px rgba(138,99,192,.12)}
  2659.         .keyword-pill-icon{font-size:14px;line-height:1}
  2661.         /* ═══════════════════════════════════════════════════════════════════
  2662.            OFFRES POPULAIRES
  2663.            ═══════════════════════════════════════════════════════════════════ */
  2664.         .listings-block{margin-bottom:32px}
  2665.         .listings-block:last-child{margin-bottom:0}
  2666.         .listings-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}
  2667.         .listings-block-title{
  2668.             display:inline-flex;align-items:center;gap:10px;
  2669.             font-weight:500;font-size:18px;letter-spacing:-0.005em;
  2670.             color:var(--wr-ink);margin:0;
  2671.         }
  2672.         .listings-block-icon{font-size:20px;line-height:1}
  2673.         .listings-block-link{
  2674.             display:inline-flex;align-items:center;gap:4px;
  2675.             padding:6px 12px;border-radius:100px;
  2676.             font-size:12px;font-weight:600;
  2677.             color:var(--wr-violet);
  2678.             text-transform:uppercase;letter-spacing:.06em;
  2679.             border:1px solid var(--wr-violet-soft);
  2680.             background:var(--wr-card);
  2681.             transition:background .15s,border-color .15s,transform .15s;
  2682.         }
  2683.         .listings-block-link:hover{background:var(--wr-violet-soft);border-color:var(--wr-violet);text-decoration:none;color:var(--wr-violet-dark);transform:translateX(2px)}
  2684.         .listings-block-link svg{width:11px;height:11px}
  2686.         .listings-jobs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  2687.         @media(max-width:768px){.listings-jobs{grid-template-columns:1fr}}
  2688.         .listing-job{
  2689.             display:flex;align-items:center;gap:14px;
  2690.             background:var(--wr-card);border:1px solid var(--wr-line);
  2691.             border-radius:14px;padding:12px;
  2692.             transition:transform .15s,border-color .15s,box-shadow .15s;
  2693.         }
  2694.         .listing-job:hover{transform:translateY(-2px);border-color:var(--wr-violet-soft);box-shadow:var(--wr-shadow);color:inherit;text-decoration:none}
  2695.         .listing-job-logo{
  2696.             width:42px;height:42px;border-radius:11px;flex-shrink:0;
  2697.             background:var(--wr-violet-soft);color:var(--wr-violet);
  2698.             display:flex;align-items:center;justify-content:center;
  2699.             font-weight:700;font-size:14px;overflow:hidden;
  2700.         }
  2701.         .listing-job-logo img{width:100%;height:100%;object-fit:cover}
  2702.         .listing-job-info{flex:1;min-width:0}
  2703.         .listing-job-title{font-weight:600;font-size:13.5px;color:var(--wr-ink);margin:0 0 2px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  2704.         .listing-job-meta{font-size:11.5px;color:var(--wr-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  2705.         .listing-job-arrow{flex-shrink:0;color:var(--wr-muted-2);transition:color .15s,transform .15s}
  2706.         .listing-job-arrow svg{width:14px;height:14px}
  2707.         .listing-job:hover .listing-job-arrow{color:var(--wr-violet);transform:translateX(2px)}
  2709.         /* ═══════════════════════════════════════════════════════════════════
  2710.            ARTICLES
  2711.            ═══════════════════════════════════════════════════════════════════ */
  2712.         .articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  2713.         @media(max-width:991px){.articles-grid{grid-template-columns:repeat(2,1fr)}}
  2714.         @media(max-width:640px){.articles-grid{grid-template-columns:1fr}}
  2716.         .wr-article{
  2717.             background:var(--wr-card);border:1px solid var(--wr-line);
  2718.             border-radius:18px;overflow:hidden;
  2719.             display:flex;flex-direction:column;
  2720.             transition:transform .2s,box-shadow .2s,border-color .2s;
  2721.         }
  2722.         .wr-article:hover{transform:translateY(-3px);box-shadow:var(--wr-shadow-hover);border-color:var(--wr-violet-2);color:inherit;text-decoration:none}
  2723.         .wr-article-img{aspect-ratio:16/10;background:var(--wr-violet-soft);overflow:hidden;flex-shrink:0}
  2724.         .wr-article-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
  2725.         .wr-article:hover .wr-article-img img{transform:scale(1.04)}
  2726.         .wr-article-body{padding:18px;flex:1;display:flex;flex-direction:column}
  2727.         .wr-article-meta{font-size:11px;font-weight:600;color:var(--wr-violet-dark);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px}
  2728.         .wr-article-title{font-weight:500;font-size:16px;line-height:1.35;letter-spacing:-0.005em;color:var(--wr-ink);margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  2729.         .wr-article-excerpt{font-size:13px;line-height:1.5;color:var(--wr-muted);margin:0 0 14px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  2730.         .wr-article-link{font-size:12px;font-weight:600;color:var(--wr-violet);text-transform:uppercase;letter-spacing:.06em;display:inline-flex;align-items:center;gap:4px}
  2731.         .wr-article-link svg{width:11px;height:11px;transition:transform .15s}
  2732.         .wr-article:hover .wr-article-link svg{transform:translateX(3px)}
  2734.         .articles-cta{text-align:center;margin-top:36px}
  2735.         .articles-cta a{
  2736.             display:inline-flex;align-items:center;gap:8px;
  2737.             padding:12px 22px;border-radius:11px;
  2738.             background:var(--wr-card);border:1px solid var(--wr-line-2);
  2739.             color:var(--wr-violet);
  2740.             font-size:13px;font-weight:600;
  2741.             transition:background .15s,transform .15s,border-color .15s;
  2742.         }
  2743.         .articles-cta a:hover{background:var(--wr-violet-soft);border-color:var(--wr-violet);transform:translateY(-2px);text-decoration:none;color:var(--wr-violet-dark)}
  2744.         .articles-cta svg{width:12px;height:12px}
  2746.         /* ═══════════════════════════════════════════════════════════════════
  2747.            CTA FINAL
  2748.            ═══════════════════════════════════════════════════════════════════ */
  2749.         .final-card{
  2750.             position:relative;
  2751.             background:linear-gradient(135deg,var(--wr-violet) 0%,var(--wr-violet-dark) 100%);
  2752.             border-radius:28px;
  2753.             padding:64px 32px;text-align:center;
  2754.             color:#fff;overflow:hidden;
  2755.             box-shadow:0 20px 60px -12px rgba(138,99,192,.4);
  2756.         }
  2757.         @media(max-width:768px){.final-card{padding:48px 24px;border-radius:22px}}
  2758.         .final-card::before{content:\"\";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.18) 0%,transparent 65%);pointer-events:none}
  2759.         .final-card::after{content:\"\";position:absolute;bottom:-120px;left:-100px;width:280px;height:280px;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 65%);pointer-events:none}
  2760.         .final-title{font-weight:500;font-size:32px;line-height:1.1;letter-spacing:-0.025em;color:#fff;margin:0 0 14px;position:relative;z-index:2}
  2761.         @media(min-width:768px){.final-title{font-size:44px}}
  2762.         .final-subtitle{font-size:16px;line-height:1.55;color:rgba(255,255,255,.88);margin:0 auto 32px;max-width:520px;position:relative;z-index:2}
  2763.         .final-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;position:relative;z-index:2}
  2764.         .final-btn{
  2765.             display:inline-flex;align-items:center;gap:8px;
  2766.             padding:14px 24px;border-radius:12px;
  2767.             font-size:14px;font-weight:600;
  2768.             transition:transform .15s,background .15s,box-shadow .15s;
  2769.         }
  2770.         .final-btn--primary{background:#fff;color:var(--wr-violet-dark)}
  2771.         .final-btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.15);color:var(--wr-violet-dark);text-decoration:none}
  2772.         .final-btn--ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  2773.         .final-btn--ghost:hover{background:rgba(255,255,255,.2);transform:translateY(-2px);color:#fff;text-decoration:none}
  2774.         .final-btn svg{width:14px;height:14px;transition:transform .15s}
  2775.         .final-btn:hover svg{transform:translateX(3px)}
  2776.     </style>
  2777. {% endblock css %}
  2779. {% block body %}
  2780.     <div class=\"wr\">
  2782.         {# ═══════════════ HERO ═══════════════ #}
  2783.         <section class=\"hero\">
  2784.             <span class=\"hero-dots\"></span>
  2786.             <div class=\"hero-inner\">
  2787.             <span class=\"hero-badge\">
  2788.                 <span class=\"hero-badge-dot\"></span>
  2789.                 {{ t.hero_eyebrow }}
  2790.             </span>
  2792.                 <h1 class=\"hero-title\">
  2793.                     <span class=\"hero-title-line\">{{ t.hero_title_1 }}</span>
  2794.                     <span class=\"hero-title-line\"><span class=\"hero-title-accent\">{{ t.hero_title_2 }}</span></span>
  2795.                     <span class=\"hero-title-line\">{{ t.hero_title_3 }}</span>
  2796.                 </h1>
  2798.                 <p class=\"hero-lede\">{{ t.hero_lede }}</p>
  2800.                 {# Recherche inline AJAX #}
  2801.                 <div class=\"hero-search-wrap\">
  2802.                     <form class=\"hero-search\" id=\"wrHeroSearch\" autocomplete=\"off\"
  2803.                           data-search-url=\"{% if isFR %}{{ path('locale_api_jobs_search',{'_locale':'fr'}) }}{% else %}{{ path('api_jobs_search') }}{% endif %}\"
  2804.                           data-jobs-list-url=\"{% if isFR %}{{ path('locale_whileresume_jobs_list',{'_locale':'fr'}) }}{% else %}{{ path('whileresume_jobs_list') }}{% endif %}\">
  2805.                     <span class=\"hero-search-icon\">
  2806.                         <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  2807.                             <circle cx=\"11\" cy=\"11\" r=\"8\"/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/>
  2808.                         </svg>
  2809.                     </span>
  2810.                         <input type=\"text\" name=\"q\" id=\"wrHeroSearchInput\" class=\"hero-search-input\" placeholder=\"{{ t.hero_search_placeholder }}\" />
  2811.                         <button type=\"button\" class=\"hero-search-clear\" id=\"wrHeroSearchClear\" aria-label=\"{{ t.search_clear }}\">
  2812.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  2813.                                 <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/>
  2814.                             </svg>
  2815.                         </button>
  2816.                         <button type=\"submit\" class=\"hero-search-btn\">
  2817.                             <span>{{ t.hero_search_button }}</span>
  2818.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  2819.                                 <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/>
  2820.                             </svg>
  2821.                         </button>
  2822.                     </form>
  2824.                     {# Container des résultats inline #}
  2825.                     <div class=\"hero-search-results\" id=\"wrHeroSearchResults\" aria-live=\"polite\"></div>
  2826.                 </div>
  2828.                 <div class=\"hero-byline\">
  2829.                     <span><strong>{{ totalJobs ?? '—' }}</strong> {{ t.hero_byline_jobs }}</span>
  2830.                     <span class=\"hero-byline-sep\">·</span>
  2831.                     <span>{{ t.hero_byline_apps }}</span>
  2832.                     <span class=\"hero-byline-sep\">·</span>
  2833.                     <span>
  2834.                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg>
  2835.                     {{ t.hero_byline_free }}
  2836.                 </span>
  2837.                 </div>
  2838.             </div>
  2839.         </section>
  2841.         {# ═══════════════ 3 PARCOURS ═══════════════ #}
  2842.         <section class=\"wr-section\">
  2843.             <div class=\"wr-container\">
  2844.                 <div class=\"wr-section-head\">
  2845.                     <span class=\"wr-eyebrow\">{{ t.paths_eyebrow }}</span>
  2846.                     <h2 class=\"wr-title\">{{ t.paths_title }}</h2>
  2847.                     <p class=\"wr-lede\">{{ t.paths_lede }}</p>
  2848.                 </div>
  2850.                 <div class=\"paths-grid\">
  2851.                     <article class=\"path-card\">
  2852.                         <div class=\"path-card-illu\">
  2853.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  2854.                                 <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/><polyline points=\"14 2 14 8 20 8\"/>
  2855.                                 <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"/>
  2856.                             </svg>
  2857.                         </div>
  2858.                         <span class=\"path-card-label\">{{ t.path1_label }}</span>
  2859.                         <h3 class=\"path-card-title\">{{ t.path1_title }}</h3>
  2860.                         <p class=\"path-card-desc\">{{ t.path1_desc }}</p>
  2861.                         <a href=\"{{ path('whileresume_resume_' ~ app.request.locale) }}\" class=\"path-card-cta\">
  2862.                             {{ t.path1_cta }}
  2863.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  2864.                         </a>
  2865.                     </article>
  2867.                     <article class=\"path-card\">
  2868.                         <div class=\"path-card-illu\">
  2869.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  2870.                                 <path d=\"M9 11H5a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2h-4\"/>
  2871.                                 <polyline points=\"9 7 12 4 15 7\"/><line x1=\"12\" y1=\"4\" x2=\"12\" y2=\"14\"/>
  2872.                             </svg>
  2873.                         </div>
  2874.                         <span class=\"path-card-label\">{{ t.path2_label }}</span>
  2875.                         <h3 class=\"path-card-title\">{{ t.path2_title }}</h3>
  2876.                         <p class=\"path-card-desc\">{{ t.path2_desc }}</p>
  2877.                         <a href=\"{{ path('whileresume_resume_' ~ app.request.locale) }}\" class=\"path-card-cta\">
  2878.                             {{ t.path2_cta }}
  2879.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  2880.                         </a>
  2881.                     </article>
  2883.                     <article class=\"path-card\">
  2884.                         <div class=\"path-card-illu\">
  2885.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  2886.                                 <rect x=\"2\" y=\"6\" width=\"20\" height=\"14\" rx=\"2\"/>
  2887.                                 <path d=\"M16 6V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"/>
  2888.                                 <line x1=\"2\" y1=\"13\" x2=\"22\" y2=\"13\"/>
  2889.                             </svg>
  2890.                         </div>
  2891.                         <span class=\"path-card-label\">{{ t.path3_label }}</span>
  2892.                         <h3 class=\"path-card-title\">{{ t.path3_title }}</h3>
  2893.                         <p class=\"path-card-desc\">{{ t.path3_desc }}</p>
  2894.                         <a href=\"{% if isFR %}{{ path('locale_whileresume_jobs_list',{'_locale':'fr'}) }}{% else %}{{ path('whileresume_jobs_list') }}{% endif %}\" class=\"path-card-cta\">
  2895.                             {{ t.path3_cta }}
  2896.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  2897.                         </a>
  2898.                     </article>
  2899.                 </div>
  2900.             </div>
  2901.         </section>
  2903.         {# ═══════════════ MÉTHODE ═══════════════ #}
  2904.         <section class=\"wr-section\">
  2905.             <div class=\"wr-container\">
  2906.                 <div class=\"wr-section-head\">
  2907.                     <span class=\"wr-eyebrow\">{{ t.how_eyebrow }}</span>
  2908.                     <h2 class=\"wr-title\">{{ t.how_title }}</h2>
  2909.                     <p class=\"wr-lede\">{{ t.how_lede }}</p>
  2910.                 </div>
  2912.                 <div class=\"method-grid\">
  2913.                     <div class=\"method-step\">
  2914.                         <div class=\"method-num\">01</div>
  2915.                         <h3 class=\"method-title\">{{ t.step1_title }}</h3>
  2916.                         <p class=\"method-desc\">{{ t.step1_desc }}</p>
  2917.                     </div>
  2918.                     <div class=\"method-step\">
  2919.                         <div class=\"method-num\">02</div>
  2920.                         <h3 class=\"method-title\">{{ t.step2_title }}</h3>
  2921.                         <p class=\"method-desc\">{{ t.step2_desc }}</p>
  2922.                     </div>
  2923.                     <div class=\"method-step\">
  2924.                         <div class=\"method-num\">03</div>
  2925.                         <h3 class=\"method-title\">{{ t.step3_title }}</h3>
  2926.                         <p class=\"method-desc\">{{ t.step3_desc }}</p>
  2927.                     </div>
  2928.                     <div class=\"method-step\">
  2929.                         <div class=\"method-num\">04</div>
  2930.                         <h3 class=\"method-title\">{{ t.step4_title }}</h3>
  2931.                         <p class=\"method-desc\">{{ t.step4_desc }}</p>
  2932.                     </div>
  2933.                 </div>
  2934.             </div>
  2935.         </section>
  2937.         {# ═══════════════ MATCH ═══════════════ #}
  2938.         <section class=\"wr-section\">
  2939.             <div class=\"wr-container\">
  2940.                 <div class=\"match-grid\">
  2941.                     <div class=\"match-text\">
  2942.                         <span class=\"wr-eyebrow\">{{ t.match_eyebrow }}</span>
  2943.                         <h2 class=\"wr-title wr-title--sm\">{{ t.match_title }}</h2>
  2944.                         <p class=\"wr-lede\">{{ t.match_lede }}</p>
  2946.                         <div class=\"match-features\">
  2947.                             <div class=\"match-feature\">
  2948.                                 <div class=\"match-feature-icon\">
  2949.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"/></svg>
  2950.                                 </div>
  2951.                                 <h4 class=\"match-feature-title\">{{ t.match_b1_title }}</h4>
  2952.                                 <p class=\"match-feature-desc\">{{ t.match_b1_desc }}</p>
  2953.                             </div>
  2954.                             <div class=\"match-feature\">
  2955.                                 <div class=\"match-feature-icon\">
  2956.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><circle cx=\"12\" cy=\"12\" r=\"6\"/><circle cx=\"12\" cy=\"12\" r=\"2\"/></svg>
  2957.                                 </div>
  2958.                                 <h4 class=\"match-feature-title\">{{ t.match_b2_title }}</h4>
  2959.                                 <p class=\"match-feature-desc\">{{ t.match_b2_desc }}</p>
  2960.                             </div>
  2961.                             <div class=\"match-feature\">
  2962.                                 <div class=\"match-feature-icon\">
  2963.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"/></svg>
  2964.                                 </div>
  2965.                                 <h4 class=\"match-feature-title\">{{ t.match_b3_title }}</h4>
  2966.                                 <p class=\"match-feature-desc\">{{ t.match_b3_desc }}</p>
  2967.                             </div>
  2968.                             <div class=\"match-feature\">
  2969.                                 <div class=\"match-feature-icon\">
  2970.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"/><polyline points=\"15 3 21 3 21 9\"/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"/></svg>
  2971.                                 </div>
  2972.                                 <h4 class=\"match-feature-title\">{{ t.match_b4_title }}</h4>
  2973.                                 <p class=\"match-feature-desc\">{{ t.match_b4_desc }}</p>
  2974.                             </div>
  2975.                         </div>
  2976.                     </div>
  2978.                     <div class=\"match-visual\">
  2979.                         <div class=\"match-stack\">
  2980.                             <div class=\"match-stack-card\">
  2981.                                 <div class=\"match-stack-logo\">A</div>
  2982.                                 <div class=\"match-stack-info\">
  2983.                                     <p class=\"match-stack-title\">Lead Designer</p>
  2984.                                     <p class=\"match-stack-meta\">Acme · Remote</p>
  2985.                                 </div>
  2986.                                 <div class=\"match-stack-heart\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"/></svg></div>
  2987.                             </div>
  2988.                             <div class=\"match-stack-card\">
  2989.                                 <div class=\"match-stack-logo\">N</div>
  2990.                                 <div class=\"match-stack-info\">
  2991.                                     <p class=\"match-stack-title\">Frontend Engineer</p>
  2992.                                     <p class=\"match-stack-meta\">Notion · Paris</p>
  2993.                                 </div>
  2994.                                 <div class=\"match-stack-heart\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"/></svg></div>
  2995.                             </div>
  2996.                             <div class=\"match-stack-card\">
  2997.                                 <div class=\"match-stack-logo\">L</div>
  2998.                                 <div class=\"match-stack-info\">
  2999.                                     <p class=\"match-stack-title\">Product Manager</p>
  3000.                                     <p class=\"match-stack-meta\">Linear · {{ isFR ? 'Hybride' : 'Hybrid' }}</p>
  3001.                                 </div>
  3002.                                 <div class=\"match-stack-heart\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"/></svg></div>
  3003.                             </div>
  3004.                             <div class=\"match-stack-card\">
  3005.                                 <div class=\"match-stack-logo\">F</div>
  3006.                                 <div class=\"match-stack-info\">
  3007.                                     <p class=\"match-stack-title\">Data Analyst</p>
  3008.                                     <p class=\"match-stack-meta\">Figma · Lyon</p>
  3009.                                 </div>
  3010.                                 <div class=\"match-stack-heart\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"/></svg></div>
  3011.                             </div>
  3012.                         </div>
  3013.                     </div>
  3014.                 </div>
  3015.             </div>
  3016.         </section>
  3018.         {# ═══════════════ APPS ═══════════════ #}
  3019.         <section class=\"wr-section\">
  3020.             <div class=\"wr-container\">
  3021.                 <div class=\"wr-section-head\">
  3022.                     <span class=\"wr-eyebrow\">{{ t.apps_eyebrow }}</span>
  3023.                     <h2 class=\"wr-title wr-title--sm\">{{ t.apps_title }}</h2>
  3024.                     <p class=\"wr-lede\">{{ t.apps_lede }}</p>
  3025.                 </div>
  3027.                 <div class=\"apps-grid\">
  3028.                     <a href=\"#\" class=\"app-card\">
  3029.                     <span class=\"app-card-icon\">
  3030.                         <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\"/></svg>
  3031.                     </span>
  3032.                         <h3 class=\"app-card-name\">{{ t.apps_ios }}</h3>
  3033.                         <p class=\"app-card-desc\">{{ t.apps_ios_desc }}</p>
  3034.                         <span class=\"app-card-cta\">App Store
  3035.                         <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  3036.                     </span>
  3037.                     </a>
  3038.                     <a href=\"#\" class=\"app-card\">
  3039.                     <span class=\"app-card-icon\">
  3040.                         <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.523 15.34c-.583 0-1.06-.477-1.06-1.06 0-.582.477-1.06 1.06-1.06.583 0 1.06.478 1.06 1.06 0 .583-.477 1.06-1.06 1.06m-11.046 0c-.583 0-1.06-.477-1.06-1.06 0-.582.477-1.06 1.06-1.06.583 0 1.06.478 1.06 1.06 0 .583-.477 1.06-1.06 1.06m11.427-6.176l2.114-3.66a.439.439 0 0 0-.16-.6.439.439 0 0 0-.6.16l-2.142 3.71a13.07 13.07 0 0 0-5.116-1.034c-1.823 0-3.55.376-5.116 1.034l-2.14-3.71a.439.439 0 1 0-.76.44l2.113 3.66C2.486 10.78.659 13.658.5 17h23c-.16-3.342-1.987-6.22-5.595-7.836\"/></svg>
  3041.                     </span>
  3042.                         <h3 class=\"app-card-name\">{{ t.apps_android }}</h3>
  3043.                         <p class=\"app-card-desc\">{{ t.apps_android_desc }}</p>
  3044.                         <span class=\"app-card-cta\">Google Play
  3045.                         <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  3046.                     </span>
  3047.                     </a>
  3048.                     <a href=\"{{ path('whileresume_resume_' ~ app.request.locale) }}\" class=\"app-card\">
  3049.                     <span class=\"app-card-icon\">
  3050.                         <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"/></svg>
  3051.                     </span>
  3052.                         <h3 class=\"app-card-name\">{{ t.apps_web }}</h3>
  3053.                         <p class=\"app-card-desc\">{{ t.apps_web_desc }}</p>
  3054.                         <span class=\"app-card-cta\">whileresume.com
  3055.                         <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  3056.                     </span>
  3057.                     </a>
  3058.                 </div>
  3059.             </div>
  3060.         </section>
  3062.         {# ═══════════════ KEYWORDS ═══════════════ #}
  3063.         {% if popularKeywords is defined and popularKeywords|length > 0 %}
  3064.             <section class=\"wr-section wr-section--tight\">
  3065.                 <div class=\"wr-container\">
  3066.                     <div class=\"wr-section-head\">
  3067.                         <h2 class=\"wr-title wr-title--sm\">{{ t.keywords_title }}</h2>
  3068.                         <p class=\"wr-lede\">{{ t.keywords_lede }}</p>
  3069.                     </div>
  3071.                     <div class=\"keywords-list\">
  3072.                         {% for kw in popularKeywords %}
  3073.                             <a href=\"{% if isFR %}{{ path('locale_whileresume_jobs_list',{'_locale':'fr'}) }}{% else %}{{ path('whileresume_jobs_list') }}{% endif %}?q={{ kw.keyword|url_encode }}\" class=\"keyword-pill\">
  3074.                                 {% if kw.icon %}<span class=\"keyword-pill-icon\">{{ kw.icon|raw }}</span>{% endif %}
  3075.                                 <span>{{ kw.label }}</span>
  3076.                             </a>
  3077.                         {% endfor %}
  3078.                     </div>
  3079.                 </div>
  3080.             </section>
  3081.         {% endif %}
  3083.         {# ═══════════════ OFFRES POPULAIRES ═══════════════ #}
  3084.         {% if popularJobs is defined and popularJobs|length > 0 %}
  3085.             <section class=\"wr-section\">
  3086.                 <div class=\"wr-container\">
  3087.                     <div class=\"wr-section-head\">
  3088.                         <h2 class=\"wr-title wr-title--sm\">{{ t.popular_title }}</h2>
  3089.                         <p class=\"wr-lede\">{{ t.popular_lede }}</p>
  3090.                     </div>
  3092.                     {% for block in popularJobs %}
  3093.                         {% if block.jobs|length > 0 %}
  3094.                             <div class=\"listings-block\">
  3095.                                 <div class=\"listings-block-head\">
  3096.                                     <h3 class=\"listings-block-title\">
  3097.                                         {% if block.icon %}<span class=\"listings-block-icon\">{{ block.icon|raw }}</span>{% endif %}
  3098.                                         {{ block.label }}
  3099.                                     </h3>
  3100.                                     <a href=\"{% if isFR %}{{ path('locale_whileresume_jobs_list',{'_locale':'fr'}) }}{% else %}{{ path('whileresume_jobs_list') }}{% endif %}?q={{ block.label|url_encode }}\" class=\"listings-block-link\">
  3101.                                         {{ t.btn_more }}
  3102.                                         <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"/></svg>
  3103.                                     </a>
  3104.                                 </div>
  3106.                                 <div class=\"listings-jobs\">
  3107.                                     {% for j in block.jobs|slice(0, 4) %}
  3108.                                         <a href=\"{% if j.locale == 'fr' %}{{ path('locale_cvs_application_job_show',{'_locale':app.request.locale,'slug':j.slug}) }}{% else %}{{ path('cvs_application_job_show',{'slug':j.slug}) }}{% endif %}\" class=\"listing-job\">
  3109.                                             <div class=\"listing-job-logo\">
  3110.                                                 {% if j.image and j.image.name %}
  3111.                                                     <img src=\"{{ vich_uploader_asset(j, 'imageFile') }}\" alt=\"\">
  3112.                                                 {% else %}
  3113.                                                     {{ j.companyName|default('?')|slice(0,1)|upper }}
  3114.                                                 {% endif %}
  3115.                                             </div>
  3116.                                             <div class=\"listing-job-info\">
  3117.                                                 <h4 class=\"listing-job-title\">{{ j.jobTitle }}</h4>
  3118.                                                 <p class=\"listing-job-meta\">
  3119.                                                     {{ j.companyName }}{% if j.city %} · {{ j.city }}{% endif %}{% if j.employmentType %} · {{ j.employmentType }}{% endif %}
  3120.                                                 </p>
  3121.                                             </div>
  3122.                                             <span class=\"listing-job-arrow\">
  3123.                                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"/></svg>
  3124.                                         </span>
  3125.                                         </a>
  3126.                                     {% endfor %}
  3127.                                 </div>
  3128.                             </div>
  3129.                         {% endif %}
  3130.                     {% endfor %}
  3131.                 </div>
  3132.             </section>
  3133.         {% endif %}
  3135.         {# ═══════════════ ARTICLES ═══════════════ #}
  3136.         {% if articles is defined and articles|length > 0 %}
  3137.             <section class=\"wr-section\">
  3138.                 <div class=\"wr-container\">
  3139.                     <div class=\"wr-section-head\">
  3140.                         <h2 class=\"wr-title wr-title--sm\">{{ t.articles_title }}</h2>
  3141.                         <p class=\"wr-lede\">{{ t.articles_lede }}</p>
  3142.                     </div>
  3144.                     <div class=\"articles-grid\">
  3145.                         {% for a in articles|slice(0,6) %}
  3146.                             {% set prefix = \"\" %}
  3147.                             {% set urlA = path('cvs_website_article',{'slug': a.slug}) %}
  3148.                             {% if app.request.locale != default_locale %}
  3149.                                 {% set urlA = path('locale_cvs_website_article',{'_locale':app.request.locale,'slug': a.slug}) %}
  3150.                                 {% set prefix = \"/\" ~ app.request.locale %}
  3151.                             {% endif %}
  3152.                             {% if a.pageslug3 is not empty %}
  3153.                                 {% set urlA = prefix ~ '/' ~ a.pageslug ~ '/' ~ a.pageslug2 ~ '/' ~ a.pageslug3 %}
  3154.                             {% elseif a.pageslug2 is not empty %}
  3155.                                 {% set urlA = prefix ~ '/' ~ a.pageslug ~ '/' ~ a.pageslug2 %}
  3156.                             {% elseif a.pageslug is not empty %}
  3157.                                 {% set urlA = prefix ~ '/' ~ a.pageslug %}
  3158.                             {% endif %}
  3160.                             <a href=\"{{ urlA }}\" class=\"wr-article\">
  3161.                                 <div class=\"wr-article-img\">
  3162.                                     {% if a.image.name is not null %}
  3163.                                         <img src=\"{{ vich_uploader_asset(a, 'imageFile') }}\" alt=\"{{ a.title }}\">
  3164.                                     {% endif %}
  3165.                                 </div>
  3166.                                 <div class=\"wr-article-body\">
  3167.                                     <p class=\"wr-article-meta\">
  3168.                                         {{ a.publishedAt|date(isFR ? 'd M Y' : 'M d, Y') }}{% if a.author %} · {{ a.author }}{% endif %}
  3169.                                     </p>
  3170.                                     <h3 class=\"wr-article-title\">{{ a.title }}</h3>
  3171.                                     {% if a.subtitle %}<p class=\"wr-article-excerpt\">{{ a.subtitle }}</p>{% endif %}
  3172.                                     <span class=\"wr-article-link\">
  3173.                                     {{ t.read_article }}
  3174.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  3175.                                 </span>
  3176.                                 </div>
  3177.                             </a>
  3178.                         {% endfor %}
  3179.                     </div>
  3181.                     <div class=\"articles-cta\">
  3182.                         <a href=\"{% if isFR %}{{ path('locale_cvs_website_articles',{'_locale':'fr'}) }}{% else %}{{ path('cvs_website_articles') }}{% endif %}\">
  3183.                             {{ t.articles_view_all }}
  3184.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  3185.                         </a>
  3186.                     </div>
  3187.                 </div>
  3188.             </section>
  3189.         {% endif %}
  3191.         {# ═══════════════ CTA FINAL ═══════════════ #}
  3192.         <section class=\"wr-section\">
  3193.             <div class=\"wr-container\">
  3194.                 <div class=\"final-card\">
  3195.                     <h2 class=\"final-title\">{{ t.final_title }}</h2>
  3196.                     <p class=\"final-subtitle\">{{ t.final_subtitle }}</p>
  3197.                     <div class=\"final-buttons\">
  3198.                         <a href=\"{{ path('whileresume_resume_' ~ app.request.locale) }}\" class=\"final-btn final-btn--primary\">
  3199.                             {{ t.final_candidate }}
  3200.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  3201.                         </a>
  3202.                         <a href=\"{{ path('whileresume_business_' ~ app.request.locale) }}\" class=\"final-btn final-btn--ghost\">
  3203.                             {{ t.final_recruiter }}
  3204.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  3205.                         </a>
  3206.                     </div>
  3207.                 </div>
  3208.             </div>
  3209.         </section>
  3211.     </div>
  3212. {% endblock body %}
  3214. {% block footer_js %}
  3215.     {{ parent() }}
  3216.     <script>
  3217.         (function(){
  3218.             var form     = document.getElementById('wrHeroSearch');
  3219.             var input    = document.getElementById('wrHeroSearchInput');
  3220.             var clearBtn = document.getElementById('wrHeroSearchClear');
  3221.             var results  = document.getElementById('wrHeroSearchResults');
  3222.             if (!form || !input || !results) return;
  3224.             var searchUrl   = form.dataset.searchUrl;
  3225.             var jobsListUrl = form.dataset.jobsListUrl;
  3226.             var debounceTimer = null;
  3227.             var currentRequest = null;
  3228.             var lastQuery = '';
  3230.             var T = {
  3231.                 loading:  '{{ t.search_loading|escape('js') }}',
  3232.                 empty:    '{{ t.search_no_results|escape('js') }}',
  3233.                 emptyHint:'{{ t.search_no_results_hint|escape('js') }}',
  3234.                 count:    '{{ t.search_results_count|escape('js') }}',
  3235.                 viewAll:  '{{ t.search_view_all|escape('js') }}',
  3236.                 view:     '{{ t.search_view_offer|escape('js') }}'
  3237.             };
  3239.             function escHtml(s){
  3240.                 if (s == null) return '';
  3241.                 return String(s).replace(/[&<>\"']/g, function(c){
  3242.                     return {'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c];
  3243.                 });
  3244.             }
  3246.             function showResults(){
  3247.                 results.classList.add('is-visible');
  3248.                 form.classList.add('has-results');
  3249.             }
  3250.             function hideResults(){
  3251.                 results.classList.remove('is-visible');
  3252.                 form.classList.remove('has-results');
  3253.             }
  3254.             function setLoading(){
  3255.                 results.innerHTML =
  3256.                     '<div class=\"hero-search-loading\">' +
  3257.                     '<span class=\"hero-search-spinner\"></span>' +
  3258.                     '<span>' + escHtml(T.loading) + '</span>' +
  3259.                     '</div>';
  3260.                 showResults();
  3261.             }
  3263.             function renderResults(payload, query){
  3264.                 var jobs  = (payload && payload.jobs)  || [];
  3265.                 var total = (payload && typeof payload.total === 'number') ? payload.total : jobs.length;
  3267.                 if (!jobs.length){
  3268.                     results.innerHTML =
  3269.                         '<div class=\"hero-search-empty\">' +
  3270.                         '<div class=\"hero-search-empty-icon\">' +
  3271.                         '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">' +
  3272.                         '<circle cx=\"11\" cy=\"11\" r=\"8\"/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/>' +
  3273.                         '</svg>' +
  3274.                         '</div>' +
  3275.                         '<p class=\"hero-search-empty-title\">' + escHtml(T.empty) + '</p>' +
  3276.                         '<p class=\"hero-search-empty-hint\">' + escHtml(T.emptyHint) + '</p>' +
  3277.                         '</div>';
  3278.                     showResults();
  3279.                     return;
  3280.                 }
  3282.                 var html =
  3283.                     '<div class=\"hero-search-meta\">' +
  3284.                     '<span><strong>' + total + '</strong> ' + escHtml(T.count) + '</span>' +
  3285.                     '<a href=\"' + jobsListUrl + '?q=' + encodeURIComponent(query) + '\">' +
  3286.                     escHtml(T.viewAll) +
  3287.                     '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">' +
  3288.                     '<line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/>' +
  3289.                     '</svg>' +
  3290.                     '</a>' +
  3291.                     '</div>';
  3293.                 jobs.slice(0, 6).forEach(function(j){
  3294.                     var title   = j.jobTitle || j.title || '';
  3295.                     var company = j.companyName || j.company || '';
  3296.                     var city    = j.city || '';
  3297.                     var et      = j.employmentType || '';
  3298.                     var slug    = j.slug || '';
  3299.                     var img     = j.image || j.imageUrl || '';
  3300.                     var url     = j.url || (jobsListUrl + '?q=' + encodeURIComponent(query));
  3301.                     var initial = (company || title || '?').charAt(0).toUpperCase();
  3303.                     var meta = [company, city, et].filter(function(x){ return x; }).join(' · ');
  3305.                     html +=
  3306.                         '<a href=\"' + escHtml(url) + '\" class=\"hero-search-result\">' +
  3307.                         '<div class=\"hero-search-result-logo\">' +
  3308.                         (img
  3309.                             ? '<img src=\"' + escHtml(img) + '\" alt=\"\">'
  3310.                             : escHtml(initial)) +
  3311.                         '</div>' +
  3312.                         '<div class=\"hero-search-result-info\">' +
  3313.                         '<p class=\"hero-search-result-title\">' + escHtml(title) + '</p>' +
  3314.                         '<p class=\"hero-search-result-meta\">' + escHtml(meta) + '</p>' +
  3315.                         '</div>' +
  3316.                         '<span class=\"hero-search-result-cta\">' +
  3317.                         escHtml(T.view) +
  3318.                         '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">' +
  3319.                         '<line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/>' +
  3320.                         '</svg>' +
  3321.                         '</span>' +
  3322.                         '</a>';
  3323.                 });
  3325.                 results.innerHTML = html;
  3326.                 showResults();
  3327.             }
  3329.             function doSearch(query){
  3330.                 if (currentRequest && currentRequest.abort) {
  3331.                     try { currentRequest.abort(); } catch(e){}
  3332.                 }
  3333.                 setLoading();
  3334.                 var url = searchUrl + (searchUrl.indexOf('?') > -1 ? '&' : '?') + 'q=' + encodeURIComponent(query);
  3336.                 var ctrl = (typeof AbortController !== 'undefined') ? new AbortController() : null;
  3337.                 currentRequest = ctrl;
  3339.                 fetch(url, { headers: { 'Accept': 'application/json' }, signal: ctrl ? ctrl.signal : undefined })
  3340.                     .then(function(r){ return r.ok ? r.json() : Promise.reject(r.status); })
  3341.                     .then(function(data){ renderResults(data, query); })
  3342.                     .catch(function(err){
  3343.                         if (err && err.name === 'AbortError') return;
  3344.                         results.innerHTML =
  3345.                             '<div class=\"hero-search-empty\">' +
  3346.                             '<p class=\"hero-search-empty-title\">' + escHtml(T.empty) + '</p>' +
  3347.                             '<p class=\"hero-search-empty-hint\">' + escHtml(T.emptyHint) + '</p>' +
  3348.                             '</div>';
  3349.                         showResults();
  3350.                     });
  3351.             }
  3353.             // Input live (debounce 280ms)
  3354.             input.addEventListener('input', function(){
  3355.                 var q = input.value.trim();
  3356.                 clearBtn.classList.toggle('is-visible', q.length > 0);
  3358.                 if (debounceTimer) clearTimeout(debounceTimer);
  3360.                 if (q.length < 2){
  3361.                     hideResults();
  3362.                     lastQuery = '';
  3363.                     return;
  3364.                 }
  3365.                 if (q === lastQuery) return;
  3367.                 debounceTimer = setTimeout(function(){
  3368.                     lastQuery = q;
  3369.                     doSearch(q);
  3370.                 }, 280);
  3371.             });
  3373.             // Submit → page de résultats complète
  3374.             form.addEventListener('submit', function(e){
  3375.                 var q = input.value.trim();
  3376.                 if (!q) { e.preventDefault(); return; }
  3377.                 window.location.href = jobsListUrl + '?q=' + encodeURIComponent(q);
  3378.                 e.preventDefault();
  3379.             });
  3381.             // Clear
  3382.             clearBtn.addEventListener('click', function(){
  3383.                 input.value = '';
  3384.                 clearBtn.classList.remove('is-visible');
  3385.                 hideResults();
  3386.                 lastQuery = '';
  3387.                 input.focus();
  3388.             });
  3390.             // Escape ferme
  3391.             input.addEventListener('keydown', function(e){
  3392.                 if (e.key === 'Escape'){
  3393.                     hideResults();
  3394.                     input.blur();
  3395.                 }
  3396.             });
  3398.             // Clic en dehors ferme (mais pas si on clique dedans)
  3399.             document.addEventListener('click', function(e){
  3400.                 if (!form.contains(e.target) && !results.contains(e.target)){
  3401.                     hideResults();
  3402.                 }
  3403.             });
  3405.             // Refocus input → ré-affiche les derniers résultats si on en avait
  3406.             input.addEventListener('focus', function(){
  3407.                 if (input.value.trim().length >= 2 && results.innerHTML.trim()) showResults();
  3408.             });
  3409.         })();
  3410.     </script>
  3411. {% endblock footer_js %}
  3412. ", "application/whileresume/website/candidates/homepage.html.twig", "/var/www/vhosts/mirtillostudio.fr/b1.mirtillostudio.fr/version-1/templates/application/whileresume/website/candidates/homepage.html.twig");
  3413.     }
  3414. }