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

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/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 3
  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.', 3, $this->source); })()), "request", [], "any", false, false, false, 3), "locale", [], "any", false, false, false, 3) == "fr");
  60.         // line 4
  61.         $context["_keys"] = ["hero_eyebrow", "hero_title_pre", "hero_title_accent", "hero_title_post", "hero_title_accent2", "hero_title_2", "hero_lede_pre", "hero_lede_brand", "hero_lede_mid", "hero_lede_word", "hero_lede_post", "hero_cta_signup", "hero_cta_login", "hero_search_placeholder", "hero_popular_label", "hero_btn_ios", "hero_btn_android", "hero_default_title", "hero_search_button", "hero_byline_jobs", "hero_byline_apps", "hero_byline_free", "hero_kbd_enter", "search_loading", "search_no_results", "search_no_results_hint", "search_results_count", "search_view_all", "search_view_offer", "search_clear", "how_eyebrow", "how_title", "how_lede", "how1_title", "how1_desc", "how2_title", "how2_desc", "how3_title", "how3_desc", "feat1_label", "feat1_title", "feat1_p1", "feat1_p2", "feat1_quote", "feat1_author", "feat1_role", "feat2_label", "feat2_title", "feat2_p1", "feat2_p2", "feat2_quote", "feat2_author", "feat2_role", "feat3_label", "feat3_title", "feat3_p1", "feat3_p2", "feat3_quote", "feat3_author", "feat3_role", "feat4_label", "feat4_title", "feat4_p1", "feat4_p2", "feat4_quote", "feat4_author", "feat4_role", "signup_eyebrow", "signup_title", "signup_lede", "signup_email_ph", "signup_pass_ph", "signup_pass2_ph", "signup_terms_pre", "signup_terms_link", "signup_btn", "signup_login_pre", "signup_login_link", "signup_perk1", "signup_perk2", "signup_perk3", "apps_eyebrow", "apps_title", "apps_lede", "apps_ios", "apps_android", "apps_web", "apps_ios_desc", "apps_android_desc", "apps_web_desc", "articles_title", "articles_view_all", "read_article", "final_eyebrow", "final_title", "final_recruiter_label", "final_recruiter_title", "final_recruiter_desc", "final_candidate_label", "final_candidate_title", "final_candidate_desc", "final_candidate", "final_recruiter"];
  62.         // line 27
  63.         $context["t"] = [];
  64.         // line 28
  65.         $context['_parent'] = $context;
  66.         $context['_seq'] = CoreExtension::ensureTraversable((isset($context["_keys"]) || array_key_exists("_keys", $context) ? $context["_keys"] : (function () { throw new RuntimeError('Variable "_keys" does not exist.', 28, $this->source); })()));
  67.         foreach ($context['_seq'] as $context["_key"] => $context["k"]) {
  68.             // line 29
  69.             $context["t"] = Twig\Extension\CoreExtension::merge((isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 29, $this->source); })()), [ (string)$context["k"] => $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(("homepage." . $context["k"]), [], "whr-public")]);
  70.         }
  71.         $_parent = $context['_parent'];
  72.         unset($context['_seq'], $context['_key'], $context['k'], $context['_parent']);
  73.         $context = array_intersect_key($context, $_parent) + $_parent;
  74.         // line 1
  75.         $this->parent = $this->load("application/whileresume/website/layout-social.html.twig", 1);
  76.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  77.         
  78.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  80.         
  81.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  83.     }
  85.     // line 33
  86.     /**
  87.      * @return iterable<null|scalar|\Stringable>
  88.      */
  89.     public function block_title(array $context, array $blocks = []): iterable
  90.     {
  91.         $macros = $this->macros;
  92.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  93.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  95.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  96.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  98.         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.', 33, $this->source); })()), "shortTitle", [], "any", false, false, false, 33), "html", null, true);
  99.         
  100.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  102.         
  103.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  105.         yield from [];
  106.     }
  108.     // line 34
  109.     /**
  110.      * @return iterable<null|scalar|\Stringable>
  111.      */
  112.     public function block_description(array $context, array $blocks = []): iterable
  113.     {
  114.         $macros = $this->macros;
  115.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  116.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "description"));
  118.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  119.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "description"));
  121.         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.', 34, $this->source); })()), "shortDescription", [], "any", false, false, false, 34), "html", null, true);
  122.         
  123.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  125.         
  126.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  128.         yield from [];
  129.     }
  131.     // line 35
  132.     /**
  133.      * @return iterable<null|scalar|\Stringable>
  134.      */
  135.     public function block_robots(array $context, array $blocks = []): iterable
  136.     {
  137.         $macros = $this->macros;
  138.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  139.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "robots"));
  141.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  142.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "robots"));
  144.         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.', 35, $this->source); })()), "robots", [], "any", false, false, false, 35), "html", null, true);
  145.         
  146.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  148.         
  149.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  151.         yield from [];
  152.     }
  154.     // line 36
  155.     /**
  156.      * @return iterable<null|scalar|\Stringable>
  157.      */
  158.     public function block_canonical(array $context, array $blocks = []): iterable
  159.     {
  160.         $macros = $this->macros;
  161.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  162.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "canonical"));
  164.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  165.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "canonical"));
  167.         yield from $this->load("/vitrine/lexend/components/languages/canonical_classic.html.twig", 36)->unwrap()->yield($context);
  168.         
  169.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  171.         
  172.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  174.         yield from [];
  175.     }
  177.     // line 38
  178.     /**
  179.      * @return iterable<null|scalar|\Stringable>
  180.      */
  181.     public function block_css(array $context, array $blocks = []): iterable
  182.     {
  183.         $macros = $this->macros;
  184.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  185.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));
  187.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  188.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));
  190.         // line 39
  191.         yield "    ";
  192.         yield from $this->yieldParentBlock("css", $context, $blocks);
  193.         yield "
  194.     <style>
  195.         :root{
  196.             --wr-bg:#FBFCFE;
  197.             --wr-bg-2:#F4F6FB;
  198.             --wr-card:#FFFFFF;
  199.             --wr-violet:#8A63C1;
  200.             --wr-violet-2:#A98AD3;
  201.             --wr-violet-soft:#F2EDFA;
  202.             --wr-violet-softer:#F8F4FD;
  203.             --wr-violet-dark:#6B47A6;
  204.             --wr-ink:#1E1B2E;
  205.             --wr-ink-2:#374151;
  206.             --wr-muted:#6B7280;
  207.             --wr-muted-2:#9CA3AF;
  208.             --wr-line:#EEF1F7;
  209.             --wr-line-2:#E5E9F0;
  210.             --wr-shadow:0 1px 2px rgba(30,27,46,.04),0 4px 16px rgba(30,27,46,.04);
  211.             --wr-shadow-hover:0 4px 8px rgba(138,99,192,.08),0 12px 32px rgba(138,99,192,.1);
  212.             /* Accents colorés pour les logos d'offres (lettres) */
  213.             --wr-acc-yellow:#FEF3C7;  --wr-acc-yellow-fg:#B45309;
  214.             --wr-acc-green:#D1FAE5;   --wr-acc-green-fg:#047857;
  215.             --wr-acc-pink:#FCE7F3;    --wr-acc-pink-fg:#BE185D;
  216.             --wr-acc-blue:#DBEAFE;    --wr-acc-blue-fg:#1E40AF;
  217.             --wr-acc-orange:#FED7AA;  --wr-acc-orange-fg:#C2410C;
  218.             --wr-acc-violet:#EDE9FE;  --wr-acc-violet-fg:#6D28D9;
  219.             --wr-acc-cyan:#CFFAFE;    --wr-acc-cyan-fg:#0E7490;
  220.         }
  222.         /* ═══════════════════════════════════════════════════════════════════
  223.            PLEINE LARGEUR — On retire la réservation d'espace de la sidebar droite
  224.            ═══════════════════════════════════════════════════════════════════ */
  225.         body .main-content.right-chat-active{padding-right:0!important}
  226.         body .main-content{padding-right:0!important}
  227.         body .right-chat{display:none!important}
  228.         body .middle-sidebar-bottom .middle-sidebar-left{padding-right:0!important;max-width:none!important;width:100%!important}
  229.         body .middle-sidebar-bottom{max-width:none!important}
  231.         .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}
  232.         @media(max-width:991px){.wr{margin:0 -15px}}
  233.         .wr *{box-sizing:border-box}
  234.         .wr a{color:inherit;text-decoration:none}
  236.         /* ═══════════════════════════════════════════════════════════════════
  237.            SECTIONS GENERIC — Fond UNIFIÉ partout (pas d'alternance)
  238.            ═══════════════════════════════════════════════════════════════════ */
  239.         .wr-section{padding:80px 32px;background:var(--wr-bg);position:relative}
  240.         .wr-section--tight{padding:48px 32px}
  241.         @media(max-width:768px){.wr-section{padding:56px 20px}.wr-section--tight{padding:36px 20px}}
  243.         /* Filet décoratif au lieu d'un changement de couleur */
  244.         .wr-section + .wr-section::before{
  245.             content:\"\";
  246.             position:absolute;top:0;left:50%;transform:translateX(-50%);
  247.             width:80px;height:1px;
  248.             background:linear-gradient(90deg,transparent,var(--wr-line-2),transparent);
  249.         }
  251.         .wr-container{max-width:1200px;margin:0 auto;position:relative}
  253.         /* ═══ Eyebrow ═══ */
  254.         .wr-eyebrow{
  255.             display:inline-flex;align-items:center;gap:8px;
  256.             padding:6px 14px;border-radius:100px;
  257.             background:var(--wr-violet-soft);
  258.             color:var(--wr-violet-dark);
  259.             font-size:11.5px;font-weight:600;
  260.             text-transform:uppercase;letter-spacing:.12em;
  261.             margin-bottom:22px;
  262.         }
  263.         .wr-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--wr-violet);animation:wrPulse 2.4s ease-in-out infinite}
  264.         @keyframes wrPulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}
  266.         /* ═══ Titres ═══ */
  267.         .wr-title{
  268.             font-family:inherit;
  269.             font-weight:700;
  270.             font-size:28px;line-height:1.15;letter-spacing:-0.025em;
  271.             color:var(--wr-ink);
  272.             margin:0 auto 16px;
  273.             max-width:1200px;
  274.         }
  275.         @media(min-width:768px){.wr-title{font-size:34px}}
  276.         @media(min-width:1024px){.wr-title{font-size:40px}}
  277.         .wr-title--sm{font-size:24px}
  278.         @media(min-width:768px){.wr-title--sm{font-size:30px}}
  279.         .wr-title em{font-style:normal;font-weight:700;color:var(--wr-violet)}
  281.         .wr-lede{
  282.             font-size:17px;line-height:1.55;font-weight:400;
  283.             color:var(--wr-ink-2);
  284.             margin:0 auto;max-width:680px;
  285.         }
  287.         .wr-section-head{text-align:center;margin-bottom:56px}
  289.         /* ═══════════════════════════════════════════════════════════════════
  290.            HERO — Style soft, recherche dashboard, boutons pleins
  291.            ═══════════════════════════════════════════════════════════════════ */
  292.         @keyframes wrFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
  293.         @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)}}
  295.         /* ═══ Reveal au scroll (Intersection Observer ajoute .is-revealed) ═══ */
  296.         .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
  297.         .reveal.is-revealed{opacity:1;transform:translateY(0)}
  298.         .reveal--left{transform:translateX(-32px) translateY(0)}
  299.         .reveal--left.is-revealed{transform:translateX(0)}
  300.         .reveal--right{transform:translateX(32px) translateY(0)}
  301.         .reveal--right.is-revealed{transform:translateX(0)}
  302.         .reveal--scale{transform:scale(.96);opacity:0}
  303.         .reveal--scale.is-revealed{transform:scale(1);opacity:1}
  304.         .reveal[data-reveal-delay=\"1\"]{transition-delay:.08s}
  305.         .reveal[data-reveal-delay=\"2\"]{transition-delay:.16s}
  306.         .reveal[data-reveal-delay=\"3\"]{transition-delay:.24s}
  307.         .reveal[data-reveal-delay=\"4\"]{transition-delay:.32s}
  308.         @media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}}
  310.         .hero{
  311.             position:relative;
  312.             background:var(--wr-bg);
  313.             padding:24px 32px 0;
  314.             overflow:hidden;
  315.         }
  316.         @media(max-width:768px){.hero{padding:18px 18px 0}}
  318.         /* Décor : 2 blobs très flous violet pâle */
  319.         .hero::before{
  320.             content:\"\";position:absolute;
  321.             top:-260px;right:-180px;width:560px;height:560px;
  322.             background:radial-gradient(circle,rgba(138,99,192,.14) 0%,transparent 65%);
  323.             pointer-events:none;filter:blur(50px);
  324.         }
  325.         .hero::after{
  326.             content:\"\";position:absolute;
  327.             top:120px;left:-180px;width:480px;height:480px;
  328.             background:radial-gradient(circle,rgba(138,99,192,.09) 0%,transparent 65%);
  329.             pointer-events:none;filter:blur(50px);
  330.         }
  332.         .hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;text-align:center}
  334.         /* ═══ Eyebrow ═══ */
  335.         .hero-badge{
  336.             display:inline-flex;align-items:center;gap:8px;
  337.             padding:7px 16px;border-radius:100px;
  338.             background:var(--wr-violet-soft);
  339.             color:var(--wr-violet-dark);
  340.             font-size:12px;font-weight:600;
  341.             text-transform:uppercase;letter-spacing:.1em;
  342.             margin-bottom:10px;
  343.             opacity:0;transform:translateY(8px);
  344.             animation:wrFadeUp .8s ease forwards;
  345.         }
  346.         .hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--wr-violet);animation:wrPulse2 2s ease infinite}
  348.         /* ═══ Titre — 57px desktop, plein largeur conteneur ═══ */
  349.         .hero-title{
  350.             font-weight:700;
  351.             font-size:24px;line-height:1.05;letter-spacing:-0.04em;
  352.             color:var(--wr-ink);
  353.             margin:0 auto 12px;
  354.             width:100%;max-width:1200px;
  355.             opacity:0;transform:translateY(12px);
  356.             animation:wrFadeUp .9s cubic-bezier(.2,.7,.2,1) .15s forwards;
  357.         }
  358.         @media(min-width:768px){.hero-title{font-size:40px;letter-spacing:-0.045em}}
  359.         @media(min-width:1100px){.hero-title{font-size:57px;letter-spacing:-0.045em}}
  361.         .hero-title-accent{
  362.             color:var(--wr-violet);
  363.         }
  365.         .hero-lede{
  366.             font-size:15px;line-height:1.5;color:var(--wr-ink-2);font-weight:400;
  367.             margin:0 auto 16px;max-width:680px;
  368.             opacity:0;animation:wrFadeUp .9s ease .4s forwards;
  369.         }
  370.         @media(min-width:768px){.hero-lede{font-size:17px}}
  371.         .hero-lede-accent{color:var(--wr-violet);font-weight:600}
  373.         /* ═══ Recherche — pleine largeur (alignée sur la liste 1200px) ═══ */
  374.         .hero-search-wrap{
  375.             max-width:1200px;margin:0 auto 12px;
  376.             opacity:0;animation:wrFadeUp .9s ease .55s forwards;
  377.             position:relative;z-index:5;
  378.         }
  379.         .hero-search{
  380.             background:var(--wr-card);
  381.             border-radius:14px;
  382.             box-shadow:0 0 20px 0 rgba(0,0,0,0.05),0 16px 40px rgba(138,99,192,.06);
  383.             padding:10px;
  384.             position:relative;
  385.         }
  386.         .hero-search-inner{
  387.             display:flex;align-items:center;gap:10px;
  388.             padding:10px 14px;border-radius:10px;
  389.             background:#F9FAFB;border:1px solid #E5E7EB;
  390.             transition:border-color .2s,background .2s;
  391.         }
  392.         .hero-search-inner:focus-within{
  393.             border-color:rgba(138,99,192,.4);
  394.             background:#fff;
  395.         }
  396.         .hero-search-icon{color:var(--wr-muted-2);display:flex;flex-shrink:0}
  397.         .hero-search-icon svg{width:16px;height:16px}
  398.         .hero-search-input{
  399.             flex:1;border:0;outline:0;background:transparent;
  400.             font-size:14.5px;font-family:inherit;color:var(--wr-ink);
  401.             padding:6px 0;min-width:0;
  402.         }
  403.         .hero-search-input::placeholder{color:var(--wr-muted-2)}
  404.         .hero-search-clear{
  405.             background:none;border:0;color:var(--wr-muted-2);cursor:pointer;
  406.             padding:4px;display:none;font-family:inherit;
  407.             border-radius:6px;transition:background .15s,color .15s;
  408.         }
  409.         .hero-search-clear:hover{background:var(--wr-violet-soft);color:var(--wr-violet)}
  410.         .hero-search-clear.is-visible{display:flex;align-items:center}
  411.         .hero-search-clear svg{width:14px;height:14px}
  412.         .hero-search-kbd{
  413.             display:none;align-items:center;
  414.             padding:3px 8px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;
  415.             font-size:10.5px;font-weight:600;color:var(--wr-muted);
  416.             font-family:inherit;letter-spacing:.02em;white-space:nowrap;flex-shrink:0;
  417.         }
  418.         .hero-search-inner:focus-within .hero-search-kbd{display:inline-flex}
  420.         /* ═══ États de la liste de jobs (header, empty, loading) ═══ */
  421.         .hero-jobs-header{
  422.             display:flex;align-items:center;justify-content:space-between;gap:10px;
  423.             padding:14px 22px 10px;
  424.             border-bottom:1px solid var(--wr-line);
  425.             margin-bottom:4px;
  426.         }
  427.         @media(max-width:540px){.hero-jobs-header{padding:12px 16px 8px}}
  428.         .hero-jobs-count{
  429.             font-size:11.5px;color:var(--wr-muted);
  430.             text-transform:uppercase;letter-spacing:.08em;font-weight:600;
  431.         }
  432.         .hero-jobs-count strong{color:var(--wr-violet);font-weight:800;font-size:13px;margin-right:4px}
  433.         .hero-jobs-link{
  434.             font-size:11px;font-weight:700;
  435.             color:var(--wr-violet);
  436.             text-transform:uppercase;letter-spacing:.08em;
  437.             text-decoration:none;
  438.             display:inline-flex;align-items:center;gap:5px;
  439.             transition:color .15s,transform .15s;
  440.         }
  441.         .hero-jobs-link:hover{color:var(--wr-violet-dark);text-decoration:none;transform:translateX(2px)}
  442.         .hero-jobs-link svg{width:11px;height:11px}
  444.         .hero-jobs-empty{text-align:center;padding:48px 20px;color:var(--wr-muted)}
  445.         .hero-jobs-empty-icon{width:48px;height:48px;border-radius:14px;background:var(--wr-violet-soft);color:var(--wr-violet);display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px}
  446.         .hero-jobs-empty-icon svg{width:22px;height:22px}
  447.         .hero-jobs-empty-title{font-weight:600;font-size:14px;color:var(--wr-ink);margin:0 0 4px}
  448.         .hero-jobs-empty-hint{font-size:13px;margin:0;color:var(--wr-muted)}
  450.         .hero-jobs-loading{text-align:center;padding:36px 20px;color:var(--wr-muted);font-size:13px;display:flex;align-items:center;justify-content:center;gap:10px}
  451.         .hero-jobs-spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--wr-violet-soft);border-top-color:var(--wr-violet);animation:wrSpin .7s linear infinite}
  452.         @keyframes wrSpin{to{transform:rotate(360deg)}}
  454.         /* ═══ Pills \"Populaire\" sous la recherche ═══ */
  455.         .hero-popular{
  456.             display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;
  457.             margin-bottom:18px;
  458.             opacity:0;animation:wrFadeUp .9s ease .7s forwards;
  459.         }
  460.         .hero-popular-label{
  461.             font-size:11px;font-weight:600;color:var(--wr-muted);
  462.             text-transform:uppercase;letter-spacing:.06em;
  463.             margin-right:4px;
  464.         }
  465.         .hero-popular-pill{
  466.             display:inline-flex;align-items:center;gap:5px;
  467.             padding:6px 12px;border-radius:100px;
  468.             background:var(--wr-violet-soft);
  469.             color:var(--wr-violet);
  470.             font-size:12.5px;font-weight:500;font-family:inherit;
  471.             text-decoration:none;cursor:pointer;
  472.             border:1px solid transparent;
  473.             transition:background .15s,border-color .15s,transform .15s,color .15s;
  474.         }
  475.         .hero-popular-pill:hover{
  476.             background:#EDE9FE;
  477.             border-color:rgba(138,99,192,.2);
  478.             transform:translateY(-1px);
  479.             color:var(--wr-violet);
  480.             text-decoration:none;
  481.         }
  482.         .hero-popular-pill.is-active{
  483.             background:var(--wr-violet);color:#fff;border-color:var(--wr-violet);
  484.         }
  485.         .hero-popular-pill.is-active:hover{background:var(--wr-violet-dark);color:#fff}
  486.         .hero-popular-pill-icon{font-size:13px;line-height:1}
  488.         /* ═══ CTA hero (boutons inscription + connexion pour anonymes) ═══ */
  489.         .hero-cta{
  490.             display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  491.             margin:24px 0 8px;
  492.             opacity:0;animation:wrFadeUp .9s ease 1.1s forwards;
  493.         }
  494.         .hero-cta-btn,
  495.         .hero-cta-btn:link,
  496.         .hero-cta-btn:visited,
  497.         .hero-cta-btn:hover,
  498.         .hero-cta-btn:focus,
  499.         .hero-cta-btn:active{
  500.             color:#fff !important;
  501.             text-decoration:none !important;
  502.         }
  503.         .hero-cta-btn{
  504.             display:inline-flex;align-items:center;gap:8px;
  505.             padding:11px 20px;border-radius:11px;
  506.             font-size:13.5px;font-weight:700;font-family:inherit;
  507.             line-height:1;
  508.             background:var(--wr-violet);border:1px solid var(--wr-violet);
  509.             box-shadow:0 4px 14px rgba(138,99,193,.32);
  510.             transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;
  511.         }
  512.         .hero-cta-btn:hover{
  513.             background:var(--wr-violet-dark);border-color:var(--wr-violet-dark);
  514.             transform:translateY(-2px);
  515.             box-shadow:0 6px 20px rgba(138,99,193,.4);
  516.         }
  517.         .hero-cta-btn svg{width:15px;height:15px;flex-shrink:0;stroke:#fff !important;color:#fff !important}
  518.         .hero-cta-btn span{color:#fff !important}
  519.         @media(max-width:540px){.hero-cta{flex-direction:column;align-items:stretch}.hero-cta-btn{justify-content:center}}
  521.         /* ═══ Boutons stores — VIOLET PLEIN BLANC ═══ */
  522.         .hero-stores{
  523.             display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  524.             margin-bottom:48px;
  525.             opacity:0;animation:wrFadeUp .9s ease .85s forwards;
  526.         }
  527.         .hero-store-btn{
  528.             display:inline-flex;align-items:center;gap:10px;
  529.             padding:13px 24px;border-radius:12px;
  530.             background:var(--wr-violet);
  531.             border:0;
  532.             color:#fff;
  533.             font-size:14px;font-weight:600;
  534.             text-decoration:none;
  535.             transition:background .15s,transform .15s,box-shadow .15s;
  536.             box-shadow:0 4px 12px rgba(138,99,192,.3);
  537.         }
  538.         .hero-store-btn:hover{
  539.             background:var(--wr-violet-dark);
  540.             color:#fff;
  541.             transform:translateY(-2px);
  542.             box-shadow:0 8px 22px rgba(138,99,192,.4);
  543.             text-decoration:none;
  544.         }
  545.         .hero-store-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}
  546.         .hero-store-btn-icon svg{width:18px;height:18px}
  547.         @media(max-width:540px){.hero-stores{flex-direction:column;align-items:stretch;gap:10px}.hero-store-btn{justify-content:center}}
  549.         /* ═══════════════════════════════════════════════════════════════════
  550.            LISTE PAR DÉFAUT SOUS LE HERO (offres récentes)
  551.            ═══════════════════════════════════════════════════════════════════ */
  552.         .hero-default-jobs{
  553.             position:relative;z-index:2;
  554.             max-width:1200px;margin:0 auto;
  555.             background:var(--wr-card);
  556.             border:1px solid var(--wr-line);
  557.             border-radius:18px;
  558.             padding:8px 0;
  559.             box-shadow:var(--wr-shadow);
  560.             opacity:0;animation:wrFadeUp .9s ease 1s forwards;
  561.             text-align:left;
  562.         }
  563.         .hero-default-job{
  564.             display:flex;align-items:center;gap:16px;
  565.             padding:14px 22px;
  566.             text-decoration:none;color:inherit;
  567.             border-bottom:1px solid var(--wr-line);
  568.             transition:background .15s;
  569.         }
  570.         .hero-default-job:last-child{border-bottom:0}
  571.         .hero-default-job:hover{background:var(--wr-violet-softer);text-decoration:none;color:inherit}
  572.         .hero-default-job-logo{
  573.             width:42px;height:42px;border-radius:11px;flex-shrink:0;
  574.             display:flex;align-items:center;justify-content:center;
  575.             font-weight:700;font-size:16px;overflow:hidden;
  576.         }
  577.         .hero-default-job-logo img{width:100%;height:100%;object-fit:cover}
  578.         /* 7 variantes de couleurs cyclées par index */
  579.         .hero-default-job:nth-child(7n+1) .hero-default-job-logo{background:var(--wr-acc-yellow);color:var(--wr-acc-yellow-fg)}
  580.         .hero-default-job:nth-child(7n+2) .hero-default-job-logo{background:var(--wr-acc-green);color:var(--wr-acc-green-fg)}
  581.         .hero-default-job:nth-child(7n+3) .hero-default-job-logo{background:var(--wr-acc-pink);color:var(--wr-acc-pink-fg)}
  582.         .hero-default-job:nth-child(7n+4) .hero-default-job-logo{background:var(--wr-acc-blue);color:var(--wr-acc-blue-fg)}
  583.         .hero-default-job:nth-child(7n+5) .hero-default-job-logo{background:var(--wr-acc-orange);color:var(--wr-acc-orange-fg)}
  584.         .hero-default-job:nth-child(7n+6) .hero-default-job-logo{background:var(--wr-acc-violet);color:var(--wr-acc-violet-fg)}
  585.         .hero-default-job:nth-child(7n+7) .hero-default-job-logo{background:var(--wr-acc-cyan);color:var(--wr-acc-cyan-fg)}
  586.         .hero-default-job-info{flex:1;min-width:0}
  587.         .hero-default-job-title{
  588.             font-weight:600;font-size:14.5px;color:var(--wr-ink);
  589.             margin:0 0 2px;line-height:1.3;
  590.             white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  591.         }
  592.         .hero-default-job-meta{
  593.             font-size:12.5px;color:var(--wr-muted);margin:0;
  594.             white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  595.             display:flex;align-items:center;gap:8px;
  596.         }
  597.         .hero-default-job-meta-sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--wr-muted-2);flex-shrink:0}
  598.         .hero-default-job-arrow{flex-shrink:0;color:var(--wr-muted-2);transition:color .15s,transform .15s}
  599.         .hero-default-job-arrow svg{width:15px;height:15px}
  600.         .hero-default-job:hover .hero-default-job-arrow{color:var(--wr-violet);transform:translateX(3px)}
  602.         @media(max-width:768px){
  603.             .hero-default-jobs{margin:0 -18px;border-radius:14px}
  604.             .hero-default-job{padding:12px 16px;gap:12px}
  605.             .hero-default-job-logo{width:36px;height:36px;font-size:13px}
  606.             .hero-default-job-title{font-size:13.5px}
  607.             .hero-default-job-meta{font-size:11.5px;gap:6px;flex-wrap:wrap;white-space:normal}
  608.         }
  610.         /* ═══════════════════════════════════════════════════════════════════
  611.            SECTION : 3 PARCOURS
  612.            ═══════════════════════════════════════════════════════════════════ */
  613.         .paths-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  614.         @media(max-width:991px){.paths-grid{grid-template-columns:1fr;gap:14px}}
  616.         .path-card{
  617.             position:relative;
  618.             background:var(--wr-card);
  619.             border:1px solid var(--wr-line);
  620.             border-radius:20px;padding:28px;
  621.             display:flex;flex-direction:column;
  622.             transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  623.             box-shadow:var(--wr-shadow);
  624.         }
  625.         .path-card:hover{transform:translateY(-4px);box-shadow:var(--wr-shadow-hover);border-color:var(--wr-violet-2)}
  626.         .path-card-illu{
  627.             width:64px;height:64px;border-radius:16px;
  628.             background:var(--wr-violet-soft);color:var(--wr-violet);
  629.             display:flex;align-items:center;justify-content:center;
  630.             margin-bottom:22px;
  631.         }
  632.         .path-card-illu svg{width:30px;height:30px}
  633.         .path-card-label{
  634.             display:inline-block;
  635.             font-size:11px;font-weight:600;
  636.             color:var(--wr-violet-dark);text-transform:uppercase;letter-spacing:.1em;
  637.             margin-bottom:10px;align-self:flex-start;
  638.         }
  639.         .path-card-title{
  640.             font-weight:500;font-size:22px;line-height:1.25;letter-spacing:-0.015em;
  641.             color:var(--wr-ink);margin:0 0 10px;
  642.         }
  643.         .path-card-desc{
  644.             font-size:14px;line-height:1.6;color:var(--wr-muted);
  645.             margin:0 0 22px;flex:1;
  646.         }
  647.         .path-card-cta{
  648.             display:inline-flex;align-items:center;justify-content:center;gap:6px;
  649.             background:var(--wr-violet);color:#fff;
  650.             padding:12px 18px;border-radius:11px;
  651.             font-size:13px;font-weight:600;
  652.             align-self:stretch;
  653.             transition:background .15s,transform .15s,box-shadow .15s;
  654.             box-shadow:0 2px 8px rgba(138,99,192,.2);
  655.         }
  656.         .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)}
  657.         .path-card-cta svg{width:13px;height:13px;transition:transform .15s}
  658.         .path-card-cta:hover svg{transform:translateX(3px)}
  660.         /* ═══════════════════════════════════════════════════════════════════
  661.            COMMENT ÇA MARCHE — Card crème englobante avec 3 sous-cards
  662.            ═══════════════════════════════════════════════════════════════════ */
  663.         .how-card{
  664.             background:#F4ECE1;
  665.             border-radius:24px;
  666.             padding:32px 24px;
  667.             display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
  668.             position:relative;
  669.         }
  670.         @media(max-width:991px){.how-card{grid-template-columns:1fr;gap:8px;padding:24px 16px}}
  671.         @media(min-width:992px){
  672.             /* Séparateurs verticaux entre les 3 cellules */
  673.             .how-card .how-step + .how-step{border-left:1px solid rgba(28,25,22,.08)}
  674.         }
  676.         .how-step{
  677.             display:flex;flex-direction:column;align-items:center;text-align:center;
  678.             padding:16px 20px;
  679.             gap:16px;
  680.         }
  681.         .how-step-illu{
  682.             width:100%;max-width:280px;aspect-ratio:1/1;
  683.             border-radius:16px;
  684.             background:rgba(255,255,255,.5);
  685.             display:flex;align-items:center;justify-content:center;
  686.             margin-bottom:4px;
  687.             overflow:hidden;
  688.         }
  689.         .how-step-illu img{width:100%;height:100%;object-fit:contain;display:block}
  690.         .how-step-illu svg{width:55%;height:55%;opacity:.85}
  691.         .how-step-title{
  692.             font-weight:700;font-size:18px;line-height:1.3;letter-spacing:-0.01em;
  693.             color:var(--wr-ink);margin:0;
  694.         }
  695.         @media(min-width:992px){.how-step-title{font-size:20px}}
  696.         .how-step-desc{
  697.             font-size:14px;line-height:1.55;color:var(--wr-ink-2);
  698.             margin:0;max-width:320px;
  699.         }
  701.         /* ═══════════════════════════════════════════════════════════════════
  702.            FEATURES 01-04 — Splits alternés image/texte avec témoignages
  703.            ═══════════════════════════════════════════════════════════════════ */
  704.         .feat-block{
  705.             display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;
  706.             margin-bottom:64px;
  707.         }
  708.         .feat-block:last-child{margin-bottom:0}
  709.         @media(max-width:991px){
  710.             .feat-block{grid-template-columns:1fr;gap:24px;margin-bottom:48px}
  711.         }
  713.         /* Alterner : 01 illu droite, 02 illu gauche, 03 illu droite, 04 illu gauche */
  714.         .feat-block:nth-child(odd) .feat-illu{order:2}
  715.         .feat-block:nth-child(odd) .feat-content{order:1}
  716.         .feat-block:nth-child(even) .feat-illu{order:1}
  717.         .feat-block:nth-child(even) .feat-content{order:2}
  718.         @media(max-width:991px){
  719.             .feat-block .feat-illu{order:1}
  720.             .feat-block .feat-content{order:2}
  721.         }
  723.         .feat-illu{
  724.             background:#F5EDE3;
  725.             border-radius:20px;
  726.             aspect-ratio:1/1;
  727.             display:flex;align-items:center;justify-content:center;
  728.             color:var(--wr-violet);
  729.             overflow:hidden;
  730.             position:relative;
  731.         }
  732.         .feat-illu img{width:100%;height:100%;object-fit:contain;display:block}
  733.         .feat-illu svg{width:50%;height:50%;opacity:.85}
  735.         .feat-content{display:flex;flex-direction:column;gap:18px}
  736.         .feat-label{
  737.             font-size:30px;font-weight:800;
  738.             color:var(--wr-ink);
  739.             letter-spacing:-0.02em;
  740.             margin:0;line-height:1;
  741.         }
  742.         .feat-title{
  743.             font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-0.02em;
  744.             color:var(--wr-ink);margin:0;
  745.         }
  746.         @media(min-width:768px){.feat-title{font-size:28px}}
  747.         @media(min-width:1100px){.feat-title{font-size:30px}}
  748.         .feat-desc{
  749.             display:flex;flex-direction:column;gap:14px;
  750.         }
  751.         .feat-desc p{
  752.             font-size:15px;line-height:1.6;color:var(--wr-ink-2);
  753.             margin:0;opacity:.85;
  754.         }
  755.         @media(min-width:1100px){.feat-desc p{font-size:16px}}
  756.         .feat-desc strong{color:var(--wr-ink);font-weight:700;opacity:1}
  758.         .feat-quote{
  759.             background:var(--wr-card);
  760.             border:1px solid var(--wr-line);
  761.             border-radius:14px;
  762.             padding:18px 20px;
  763.             display:flex;flex-direction:column;gap:10px;
  764.             margin-top:8px;
  765.         }
  766.         .feat-quote-text{
  767.             font-size:14px;line-height:1.55;color:var(--wr-ink-2);
  768.             margin:0;font-style:italic;
  769.         }
  770.         .feat-quote-author{
  771.             display:flex;flex-direction:column;
  772.         }
  773.         .feat-quote-name{font-size:13px;font-weight:700;color:var(--wr-ink);margin:0}
  774.         .feat-quote-role{font-size:12px;color:var(--wr-muted);margin:0}
  776.         /* ═══════════════════════════════════════════════════════════════════
  777.            MATCH
  778.            ═══════════════════════════════════════════════════════════════════ */
  779.         .match-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
  780.         @media(max-width:991px){.match-grid{grid-template-columns:1fr;gap:40px}}
  781.         .match-text .wr-title{margin-left:0;text-align:left}
  782.         .match-text .wr-lede{margin-left:0;text-align:left}
  783.         .match-text .wr-eyebrow{margin-bottom:20px}
  785.         .match-features{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}
  786.         @media(max-width:540px){.match-features{grid-template-columns:1fr}}
  787.         .match-feature{
  788.             background:var(--wr-card);border:1px solid var(--wr-line);
  789.             border-radius:14px;padding:18px;
  790.             transition:transform .15s,border-color .15s,box-shadow .15s;
  791.         }
  792.         .match-feature:hover{transform:translateY(-2px);border-color:var(--wr-violet-soft);box-shadow:var(--wr-shadow)}
  793.         .match-feature-icon{
  794.             width:34px;height:34px;border-radius:10px;
  795.             background:var(--wr-violet-soft);color:var(--wr-violet);
  796.             display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;
  797.         }
  798.         .match-feature-icon svg{width:16px;height:16px}
  799.         .match-feature-title{font-weight:600;font-size:14px;line-height:1.3;color:var(--wr-ink);margin:0 0 5px}
  800.         .match-feature-desc{font-size:12.5px;line-height:1.5;color:var(--wr-muted);margin:0}
  802.         .match-visual{position:relative;display:flex;justify-content:center;align-items:center;padding:40px 0}
  803.         .match-stack{position:relative;width:100%;max-width:340px;height:340px}
  804.         .match-stack-card{
  805.             position:absolute;
  806.             background:var(--wr-card);border:1px solid var(--wr-line);
  807.             border-radius:16px;padding:14px;
  808.             display:flex;align-items:center;gap:12px;
  809.             box-shadow:var(--wr-shadow);width:100%;
  810.             transition:transform .3s ease,box-shadow .3s ease;
  811.             cursor:pointer;
  812.         }
  813.         .match-stack-card:hover{
  814.             transform:translateY(-4px) rotate(0deg)!important;
  815.             box-shadow:0 20px 50px rgba(138,99,192,.22)!important;
  816.             z-index:10!important;
  817.         }
  818.         .match-stack-card:nth-child(1){top:0;transform:rotate(-6deg) translateX(-10px);z-index:1;animation:wrFloat1 6s ease-in-out infinite}
  819.         .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:wrFloat2 6s ease-in-out -2s infinite}
  820.         .match-stack-card:nth-child(3){top:156px;transform:rotate(-3deg) translateX(8px);z-index:2;animation:wrFloat3 6s ease-in-out -4s infinite}
  821.         .match-stack-card:nth-child(4){top:234px;left:20px;transform:rotate(4deg);z-index:1;animation:wrFloat4 6s ease-in-out -1s infinite}
  822.         @keyframes wrFloat1{0%,100%{transform:rotate(-6deg) translate(-10px,0)}50%{transform:rotate(-6deg) translate(-10px,-8px)}}
  823.         @keyframes wrFloat2{0%,100%{transform:rotate(2deg) translate(0,0)}50%{transform:rotate(2deg) translate(0,-6px)}}
  824.         @keyframes wrFloat3{0%,100%{transform:rotate(-3deg) translate(8px,0)}50%{transform:rotate(-3deg) translate(8px,-7px)}}
  825.         @keyframes wrFloat4{0%,100%{transform:rotate(4deg) translate(0,0)}50%{transform:rotate(4deg) translate(0,-5px)}}
  826.         .match-stack-logo{
  827.             width:38px;height:38px;border-radius:10px;
  828.             background:var(--wr-violet-soft);color:var(--wr-violet);
  829.             display:flex;align-items:center;justify-content:center;
  830.             font-weight:700;font-size:14px;flex-shrink:0;
  831.         }
  832.         .match-stack-info{flex:1;min-width:0}
  833.         .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}
  834.         .match-stack-meta{font-size:11px;color:var(--wr-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  835.         .match-stack-heart{
  836.             width:28px;height:28px;border-radius:50%;
  837.             background:#FEE2E2;color:#EF4444;
  838.             display:flex;align-items:center;justify-content:center;flex-shrink:0;
  839.             animation:wrHeartbeat 1.6s ease-in-out infinite;
  840.         }
  841.         .match-stack-card:nth-child(1) .match-stack-heart{animation-delay:0s}
  842.         .match-stack-card:nth-child(2) .match-stack-heart{animation-delay:.4s}
  843.         .match-stack-card:nth-child(3) .match-stack-heart{animation-delay:.8s}
  844.         .match-stack-card:nth-child(4) .match-stack-heart{animation-delay:1.2s}
  845.         .match-stack-heart svg{width:13px;height:13px;fill:currentColor}
  846.         @keyframes wrHeartbeat{
  847.             0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.4)}
  848.             10%{transform:scale(1.18);box-shadow:0 0 0 0 rgba(239,68,68,.4)}
  849.             20%{transform:scale(1)}
  850.             30%{transform:scale(1.12)}
  851.             40%{transform:scale(1);box-shadow:0 0 0 10px rgba(239,68,68,0)}
  852.             100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}
  853.         }
  855.         /* ═══════════════════════════════════════════════════════════════════
  856.            SIGNUP FORM (entre feat 02 et 03)
  857.            ═══════════════════════════════════════════════════════════════════ */
  858.         .signup-card{
  859.             position:relative;
  860.             max-width:980px;margin:64px auto;
  861.             background:linear-gradient(135deg, #FFFFFF 0%, #FAF7FF 100%);
  862.             border:1px solid var(--wr-line);
  863.             border-radius:32px;
  864.             padding:48px 40px;
  865.             box-shadow:0 4px 12px rgba(30,27,46,.04), 0 24px 64px rgba(138,99,192,.1);
  866.             overflow:hidden;
  867.         }
  868.         @media(max-width:768px){.signup-card{padding:32px 22px;border-radius:24px;margin:48px auto}}
  870.         /* Décor : 2 blobs violet pâle dans les coins */
  871.         .signup-card::before{
  872.             content:\"\";position:absolute;
  873.             top:-120px;right:-120px;width:340px;height:340px;
  874.             background:radial-gradient(circle,rgba(138,99,192,.12) 0%,transparent 65%);
  875.             pointer-events:none;filter:blur(40px);
  876.         }
  877.         .signup-card::after{
  878.             content:\"\";position:absolute;
  879.             bottom:-100px;left:-80px;width:280px;height:280px;
  880.             background:radial-gradient(circle,rgba(138,99,192,.08) 0%,transparent 65%);
  881.             pointer-events:none;filter:blur(40px);
  882.         }
  884.         .signup-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}
  885.         @media(max-width:880px){.signup-inner{grid-template-columns:1fr;gap:28px}}
  887.         .signup-text{display:flex;flex-direction:column;gap:14px}
  888.         .signup-eyebrow{
  889.             display:inline-flex;align-items:center;gap:8px;
  890.             padding:7px 14px;border-radius:100px;
  891.             background:var(--wr-violet-soft);color:var(--wr-violet-dark);
  892.             font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  893.             align-self:flex-start;
  894.         }
  895.         .signup-title{
  896.             font-weight:700;font-size:28px;line-height:1.15;letter-spacing:-0.02em;
  897.             color:var(--wr-ink);margin:0;
  898.         }
  899.         @media(min-width:768px){.signup-title{font-size:34px}}
  900.         .signup-lede{font-size:15px;line-height:1.55;color:var(--wr-ink-2);margin:0;opacity:.85}
  902.         .signup-perks{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
  903.         .signup-perk{
  904.             display:inline-flex;align-items:center;gap:6px;
  905.             padding:6px 12px;border-radius:100px;
  906.             background:var(--wr-card);border:1px solid var(--wr-line-2);
  907.             font-size:12px;font-weight:600;color:var(--wr-ink-2);
  908.         }
  909.         .signup-perk svg{width:13px;height:13px;color:#10B981;stroke-width:3;flex-shrink:0}
  911.         .signup-form{
  912.             background:var(--wr-card);
  913.             border:1px solid var(--wr-line);
  914.             border-radius:20px;
  915.             padding:24px;
  916.             display:flex;flex-direction:column;gap:12px;
  917.             box-shadow:0 1px 2px rgba(30,27,46,.03);
  918.         }
  919.         .signup-form-error{
  920.             background:#FEF2F2;border:1px solid #FECACA;
  921.             color:#991B1B;
  922.             border-radius:12px;
  923.             padding:10px 14px;
  924.             font-size:13px;line-height:1.45;
  925.             margin:0;
  926.         }
  927.         .signup-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  928.         @media(max-width:540px){.signup-row{grid-template-columns:1fr}}
  929.         .signup-field{display:flex;flex-direction:column;gap:0}
  930.         .signup-card .signup-form input[type=\"email\"],
  931.         .signup-card .signup-form input[type=\"password\"],
  932.         .signup-card .signup-form input[type=\"text\"]{
  933.             width:100%;
  934.             padding:13px 14px;
  935.             border:1px solid var(--wr-line-2);border-radius:11px;
  936.             background:#FAFBFD;
  937.             font-size:14px;font-family:inherit;color:var(--wr-ink);
  938.             outline:none;
  939.             transition:border-color .15s,background .15s,box-shadow .15s;
  940.             box-sizing:border-box;
  941.         }
  942.         .signup-card .signup-form input[type=\"email\"]:focus,
  943.         .signup-card .signup-form input[type=\"password\"]:focus,
  944.         .signup-card .signup-form input[type=\"text\"]:focus{
  945.             border-color:var(--wr-violet);background:#fff;
  946.             box-shadow:0 0 0 3px rgba(138,99,192,.12);
  947.         }
  948.         .signup-card .signup-form input::placeholder{color:var(--wr-muted-2)}
  950.         .signup-terms{
  951.             display:flex;align-items:flex-start;gap:10px;
  952.             font-size:12.5px;line-height:1.45;color:var(--wr-muted);
  953.             margin:4px 0 0;
  954.         }
  955.         .signup-card .signup-form input[type=\"checkbox\"]{
  956.             width:16px;height:16px;flex-shrink:0;margin-top:2px;accent-color:var(--wr-violet);cursor:pointer;
  957.         }
  958.         .signup-terms a{color:var(--wr-violet);font-weight:600;text-decoration:underline}
  959.         .signup-terms a:hover{color:var(--wr-violet-dark)}
  961.         .signup-recaptcha{margin:4px 0 0}
  962.         .signup-recaptcha > div{max-width:100%}
  964.         .signup-submit{
  965.             width:100%;
  966.             padding:14px 22px;border-radius:12px;
  967.             background:var(--wr-violet);color:#fff;border:0;
  968.             font-size:14.5px;font-weight:700;font-family:inherit;
  969.             cursor:pointer;
  970.             display:inline-flex;align-items:center;justify-content:center;gap:8px;
  971.             box-shadow:0 4px 14px rgba(138,99,192,.32);
  972.             transition:background .15s,transform .15s,box-shadow .15s;
  973.             margin-top:6px;
  974.         }
  975.         .signup-submit:hover{background:var(--wr-violet-dark);transform:translateY(-1px);box-shadow:0 6px 20px rgba(138,99,192,.4)}
  976.         .signup-submit svg{width:14px;height:14px;transition:transform .15s}
  977.         .signup-submit:hover svg{transform:translateX(3px)}
  979.         .signup-login{
  980.             text-align:center;font-size:13px;color:var(--wr-muted);margin:6px 0 0;
  981.         }
  982.         .signup-login a{color:var(--wr-violet);font-weight:600;text-decoration:none}
  983.         .signup-login a:hover{color:var(--wr-violet-dark);text-decoration:underline}
  985.         /* ═══════════════════════════════════════════════════════════════════
  986.            APPS
  987.            ═══════════════════════════════════════════════════════════════════ */
  988.         .apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  989.         @media(max-width:768px){.apps-grid{grid-template-columns:1fr}}
  990.         .app-card{
  991.             background:var(--wr-card);border:1px solid var(--wr-line);
  992.             border-radius:18px;padding:24px;
  993.             display:flex;flex-direction:column;align-items:flex-start;
  994.             transition:transform .2s,border-color .2s,box-shadow .2s;
  995.         }
  996.         .app-card:hover{transform:translateY(-3px);border-color:var(--wr-violet-2);box-shadow:var(--wr-shadow-hover);color:inherit;text-decoration:none}
  997.         .app-card-icon{
  998.             width:48px;height:48px;border-radius:14px;
  999.             background:var(--wr-violet-soft);color:var(--wr-violet);
  1000.             display:inline-flex;align-items:center;justify-content:center;
  1001.             margin-bottom:18px;
  1002.         }
  1003.         .app-card-icon svg{width:22px;height:22px}
  1004.         .app-card-name{font-weight:500;font-size:18px;letter-spacing:-0.01em;color:var(--wr-ink);margin:0 0 6px}
  1005.         .app-card-desc{font-size:13px;line-height:1.5;color:var(--wr-muted);margin:0 0 16px;flex:1}
  1006.         .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}
  1007.         .app-card-cta svg{width:11px;height:11px;transition:transform .15s}
  1008.         .app-card:hover .app-card-cta svg{transform:translateX(3px)}
  1010.         /* ═══════════════════════════════════════════════════════════════════
  1011.            KEYWORDS
  1012.            ═══════════════════════════════════════════════════════════════════ */
  1013.         .keywords-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:1200px;margin:0 auto}
  1014.         .keyword-pill{
  1015.             display:inline-flex;align-items:center;gap:8px;
  1016.             padding:9px 16px;border-radius:100px;
  1017.             background:var(--wr-card);border:1px solid var(--wr-line-2);
  1018.             color:var(--wr-ink-2);
  1019.             font-size:13.5px;font-weight:500;
  1020.             transition:transform .15s,border-color .15s,background .15s,color .15s,box-shadow .15s;
  1021.         }
  1022.         .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)}
  1023.         .keyword-pill-icon{font-size:14px;line-height:1}
  1025.         /* ═══════════════════════════════════════════════════════════════════
  1026.            OFFRES POPULAIRES
  1027.            ═══════════════════════════════════════════════════════════════════ */
  1028.         .listings-block{margin-bottom:32px}
  1029.         .listings-block:last-child{margin-bottom:0}
  1030.         .listings-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}
  1031.         .listings-block-title{
  1032.             display:inline-flex;align-items:center;gap:10px;
  1033.             font-weight:500;font-size:18px;letter-spacing:-0.005em;
  1034.             color:var(--wr-ink);margin:0;
  1035.         }
  1036.         .listings-block-icon{font-size:20px;line-height:1}
  1037.         .listings-block-link{
  1038.             display:inline-flex;align-items:center;gap:4px;
  1039.             padding:6px 12px;border-radius:100px;
  1040.             font-size:12px;font-weight:600;
  1041.             color:var(--wr-violet);
  1042.             text-transform:uppercase;letter-spacing:.06em;
  1043.             border:1px solid var(--wr-violet-soft);
  1044.             background:var(--wr-card);
  1045.             transition:background .15s,border-color .15s,transform .15s;
  1046.         }
  1047.         .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)}
  1048.         .listings-block-link svg{width:11px;height:11px}
  1050.         .listings-jobs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  1051.         @media(max-width:768px){.listings-jobs{grid-template-columns:1fr}}
  1052.         .listing-job{
  1053.             display:flex;align-items:center;gap:14px;
  1054.             background:var(--wr-card);border:1px solid var(--wr-line);
  1055.             border-radius:14px;padding:12px;
  1056.             transition:transform .15s,border-color .15s,box-shadow .15s;
  1057.         }
  1058.         .listing-job:hover{transform:translateY(-2px);border-color:var(--wr-violet-soft);box-shadow:var(--wr-shadow);color:inherit;text-decoration:none}
  1059.         .listing-job-logo{
  1060.             width:42px;height:42px;border-radius:11px;flex-shrink:0;
  1061.             background:var(--wr-violet-soft);color:var(--wr-violet);
  1062.             display:flex;align-items:center;justify-content:center;
  1063.             font-weight:700;font-size:14px;overflow:hidden;
  1064.         }
  1065.         .listing-job-logo img{width:100%;height:100%;object-fit:cover}
  1066.         .listing-job-info{flex:1;min-width:0}
  1067.         .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}
  1068.         .listing-job-meta{font-size:11.5px;color:var(--wr-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  1069.         .listing-job-arrow{flex-shrink:0;color:var(--wr-muted-2);transition:color .15s,transform .15s}
  1070.         .listing-job-arrow svg{width:14px;height:14px}
  1071.         .listing-job:hover .listing-job-arrow{color:var(--wr-violet);transform:translateX(2px)}
  1073.         /* ═══════════════════════════════════════════════════════════════════
  1074.            ARTICLES — Liste sans miniatures (style identique aux jobs-card)
  1075.            ═══════════════════════════════════════════════════════════════════ */
  1076.         .articles-list{display:flex;flex-direction:column;gap:10px;max-width:1200px;margin:0 auto}
  1077.         .wr-article{
  1078.             background:var(--wr-card);border-radius:14px;padding:14px;
  1079.             box-shadow:0 0 16px 0 rgba(0,0,0,0.04);
  1080.             display:flex;align-items:center;gap:14px;
  1081.             text-decoration:none;color:inherit;
  1082.             transition:transform .15s,box-shadow .2s;
  1083.         }
  1084.         .wr-article:hover{
  1085.             transform:translateY(-1px);
  1086.             box-shadow:0 4px 20px rgba(138,99,192,.1);
  1087.             color:inherit;text-decoration:none;
  1088.         }
  1089.         .wr-article-logo{
  1090.             width:50px;height:50px;border-radius:12px;flex-shrink:0;
  1091.             background:linear-gradient(135deg,#EDE9FE,#DDD6FE);
  1092.             display:flex;align-items:center;justify-content:center;
  1093.             color:var(--wr-violet);overflow:hidden;
  1094.         }
  1095.         .wr-article-logo svg{width:24px;height:24px;opacity:.9}
  1096.         .wr-article-info{flex:1;min-width:0}
  1097.         .wr-article-title{
  1098.             font-size:14px;font-weight:700;color:var(--wr-ink);
  1099.             line-height:1.3;margin:0 0 4px;
  1100.             white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  1101.         }
  1102.         .wr-article-meta{
  1103.             font-size:12px;color:var(--wr-muted);
  1104.             white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  1105.             display:flex;align-items:center;gap:8px;margin:0;
  1106.         }
  1107.         .wr-article-meta-sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:#D1D5DB;flex-shrink:0}
  1108.         .wr-article-badge{
  1109.             font-size:11px;font-weight:600;
  1110.             color:var(--wr-violet);background:var(--wr-violet-soft);
  1111.             padding:3px 9px;border-radius:100px;
  1112.             white-space:nowrap;flex-shrink:0;
  1113.             text-transform:uppercase;letter-spacing:.04em;
  1114.         }
  1115.         .wr-article-arrow{flex-shrink:0;color:var(--wr-muted-2);transition:color .15s,transform .15s}
  1116.         .wr-article:hover .wr-article-arrow{color:var(--wr-violet);transform:translateX(2px)}
  1117.         .wr-article-arrow svg{width:18px;height:18px}
  1118.         @media(max-width:540px){
  1119.             .wr-article{padding:12px;gap:10px}
  1120.             .wr-article-logo{width:42px;height:42px}
  1121.             .wr-article-logo svg{width:20px;height:20px}
  1122.             .wr-article-title{font-size:13px}
  1123.             .wr-article-meta{font-size:11px;gap:6px;flex-wrap:wrap;white-space:normal}
  1124.             .wr-article-badge{display:none}
  1125.         }
  1127.         .articles-cta{text-align:center;margin-top:36px}
  1128.         .articles-cta a{
  1129.             display:inline-flex;align-items:center;gap:8px;
  1130.             padding:12px 22px;border-radius:11px;
  1131.             background:var(--wr-violet);color:#fff;
  1132.             font-size:13px;font-weight:600;
  1133.             text-decoration:none;
  1134.             box-shadow:0 4px 12px rgba(138,99,192,.3);
  1135.             transition:background .15s,transform .15s,box-shadow .15s;
  1136.         }
  1137.         .articles-cta a:hover{background:var(--wr-violet-dark);transform:translateY(-2px);box-shadow:0 6px 18px rgba(138,99,192,.4);text-decoration:none;color:#fff}
  1138.         .articles-cta svg{width:12px;height:12px;transition:transform .15s}
  1139.         .articles-cta a:hover svg{transform:translateX(3px)}
  1141.         /* ═══════════════════════════════════════════════════════════════════
  1142.            CTA FINAL — Card violet plein avec eyebrow + 2 sous-cards
  1143.            ═══════════════════════════════════════════════════════════════════ */
  1144.         .final-card{
  1145.             position:relative;
  1146.             background:linear-gradient(135deg,#8A63C0 0%,#9D7BCC 100%);
  1147.             border-radius:28px;
  1148.             padding:48px 40px;
  1149.             color:#fff;overflow:hidden;
  1150.             box-shadow:0 20px 60px -12px rgba(138,99,192,.4);
  1151.         }
  1152.         @media(max-width:768px){.final-card{padding:32px 22px;border-radius:22px}}
  1154.         .final-eyebrow{
  1155.             display:inline-flex;align-items:center;gap:8px;
  1156.             padding:8px 18px;border-radius:100px;
  1157.             background:rgba(255,255,255,.2);
  1158.             color:#fff;
  1159.             font-size:12px;font-weight:700;
  1160.             text-transform:uppercase;letter-spacing:.12em;
  1161.             margin-bottom:20px;
  1162.             backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  1163.         }
  1164.         .final-eyebrow svg{width:13px;height:13px;fill:currentColor}
  1166.         .final-title{
  1167.             font-weight:800;font-size:28px;line-height:1.15;letter-spacing:-0.02em;
  1168.             color:#fff;margin:0 0 36px;
  1169.             max-width:780px;
  1170.         }
  1171.         @media(min-width:768px){.final-title{font-size:38px}}
  1173.         /* Grille 2 sous-cards */
  1174.         .final-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  1175.         @media(max-width:768px){.final-grid{grid-template-columns:1fr;gap:14px}}
  1177.         .final-sub{
  1178.             background:#fff;
  1179.             border-radius:18px;
  1180.             padding:28px;
  1181.             display:flex;flex-direction:column;
  1182.         }
  1183.         @media(max-width:768px){.final-sub{padding:22px}}
  1185.         .final-sub-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
  1186.         .final-sub-icon{
  1187.             width:44px;height:44px;border-radius:11px;
  1188.             background:var(--wr-violet-soft);color:var(--wr-violet);
  1189.             display:flex;align-items:center;justify-content:center;flex-shrink:0;
  1190.         }
  1191.         .final-sub-icon svg{width:22px;height:22px}
  1192.         .final-sub-label{
  1193.             font-size:12.5px;font-weight:700;
  1194.             color:var(--wr-violet);
  1195.             text-transform:uppercase;letter-spacing:.1em;
  1196.         }
  1197.         .final-sub-title{
  1198.             font-weight:800;font-size:18px;line-height:1.3;letter-spacing:-0.01em;
  1199.             color:var(--wr-ink);margin:0 0 10px;
  1200.         }
  1201.         .final-sub-desc{
  1202.             font-size:14px;line-height:1.55;color:var(--wr-muted);
  1203.             margin:0 0 24px;flex:1;
  1204.         }
  1205.         .final-sub-btn{
  1206.             display:flex;align-items:center;justify-content:center;gap:8px;
  1207.             background:var(--wr-violet);color:#fff;
  1208.             padding:14px 18px;border-radius:11px;
  1209.             font-size:14px;font-weight:700;
  1210.             text-decoration:none;
  1211.             transition:background .15s,transform .15s,box-shadow .15s;
  1212.             box-shadow:0 4px 12px rgba(138,99,192,.3);
  1213.         }
  1214.         .final-sub-btn:hover{
  1215.             background:var(--wr-violet-dark);color:#fff;
  1216.             transform:translateY(-2px);
  1217.             box-shadow:0 6px 18px rgba(138,99,192,.4);
  1218.             text-decoration:none;
  1219.         }
  1220.         .final-sub-btn svg{width:14px;height:14px;transition:transform .15s}
  1221.         .final-sub-btn:hover svg{transform:translateX(3px)}
  1222.     </style>
  1223. ";
  1224.         
  1225.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1227.         
  1228.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1230.         yield from [];
  1231.     }
  1233.     // line 1071
  1234.     /**
  1235.      * @return iterable<null|scalar|\Stringable>
  1236.      */
  1237.     public function block_body(array $context, array $blocks = []): iterable
  1238.     {
  1239.         $macros = $this->macros;
  1240.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1241.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  1243.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1244.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  1246.         // line 1072
  1247.         yield "    <div class=\"wr\">
  1249.         ";
  1250.         // line 1075
  1251.         yield "        <section class=\"hero\">
  1252.             <div class=\"hero-inner\">
  1253.             <span class=\"hero-badge\">
  1254.                 <span class=\"hero-badge-dot\"></span>
  1255.                 ";
  1256.         // line 1079
  1257.         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.', 1079, $this->source); })()), "hero_eyebrow", [], "any", false, false, false, 1079), "html", null, true);
  1258.         yield "
  1259.             </span>
  1261.                 <h1 class=\"hero-title\">
  1262.                     <span class=\"hero-title-accent\">";
  1263.         // line 1083
  1264.         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.', 1083, $this->source); })()), "hero_title_accent", [], "any", false, false, false, 1083), "html", null, true);
  1265.         yield "</span> ";
  1266.         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.', 1083, $this->source); })()), "hero_title_post", [], "any", false, false, false, 1083), "html", null, true);
  1267.         yield "<br>
  1268.                     <span class=\"hero-title-accent\">";
  1269.         // line 1084
  1270.         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.', 1084, $this->source); })()), "hero_title_accent2", [], "any", false, false, false, 1084), "html", null, true);
  1271.         yield "</span> ";
  1272.         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.', 1084, $this->source); })()), "hero_title_2", [], "any", false, false, false, 1084), "html", null, true);
  1273.         yield "
  1274.                 </h1>
  1276.                 <p class=\"hero-lede\">
  1277.                     ";
  1278.         // line 1088
  1279.         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.', 1088, $this->source); })()), "hero_lede_pre", [], "any", false, false, false, 1088), "html", null, true);
  1280.         yield "
  1281.                     <span class=\"hero-lede-accent\">";
  1282.         // line 1089
  1283.         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.', 1089, $this->source); })()), "hero_lede_brand", [], "any", false, false, false, 1089), "html", null, true);
  1284.         yield "</span>
  1285.                     ";
  1286.         // line 1090
  1287.         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.', 1090, $this->source); })()), "hero_lede_mid", [], "any", false, false, false, 1090), "html", null, true);
  1288.         yield "
  1289.                     <span class=\"hero-lede-accent\">";
  1290.         // line 1091
  1291.         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.', 1091, $this->source); })()), "hero_lede_word", [], "any", false, false, false, 1091), "html", null, true);
  1292.         yield "</span>
  1293.                     ";
  1294.         // line 1092
  1295.         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.', 1092, $this->source); })()), "hero_lede_post", [], "any", false, false, false, 1092), "html", null, true);
  1296.         yield "
  1297.                 </p>
  1299.                 ";
  1300.         // line 1096
  1301.         yield "                ";
  1302.         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.', 1096, $this->source); })())) > 0))) {
  1303.             // line 1097
  1304.             yield "                    <div class=\"hero-popular\">
  1305.                         <span class=\"hero-popular-label\">";
  1306.             // line 1098
  1307.             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.', 1098, $this->source); })()), "hero_popular_label", [], "any", false, false, false, 1098), "html", null, true);
  1308.             yield "</span>
  1309.                         ";
  1310.             // line 1099
  1311.             $context['_parent'] = $context;
  1312.             $context['_seq'] = CoreExtension::ensureTraversable(Twig\Extension\CoreExtension::slice($this->env->getCharset(), (isset($context["popularKeywords"]) || array_key_exists("popularKeywords", $context) ? $context["popularKeywords"] : (function () { throw new RuntimeError('Variable "popularKeywords" does not exist.', 1099, $this->source); })()), 0, 5));
  1313.             foreach ($context['_seq'] as $context["_key"] => $context["kw"]) {
  1314.                 // line 1100
  1315.                 yield "                            <button type=\"button\"
  1316.                                     class=\"hero-popular-pill\"
  1317.                                     data-keyword=\"";
  1318.                 // line 1102
  1319.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "keyword", [], "any", false, false, false, 1102), "html", null, true);
  1320.                 yield "\"
  1321.                                     data-label=\"";
  1322.                 // line 1103
  1323.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "label", [], "any", false, false, false, 1103), "html", null, true);
  1324.                 yield "\">
  1325.                                 ";
  1326.                 // line 1104
  1327.                 if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "icon", [], "any", false, false, false, 1104)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1328.                     yield "<span class=\"hero-popular-pill-icon\">";
  1329.                     yield CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "icon", [], "any", false, false, false, 1104);
  1330.                     yield "</span>";
  1331.                 }
  1332.                 // line 1105
  1333.                 yield "                                <span>";
  1334.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "label", [], "any", false, false, false, 1105), "html", null, true);
  1335.                 yield "</span>
  1336.                             </button>
  1337.                         ";
  1338.             }
  1339.             $_parent = $context['_parent'];
  1340.             unset($context['_seq'], $context['_key'], $context['kw'], $context['_parent']);
  1341.             $context = array_intersect_key($context, $_parent) + $_parent;
  1342.             // line 1108
  1343.             yield "                    </div>
  1344.                 ";
  1345.         }
  1346.         // line 1110
  1347.         yield "
  1348.                 ";
  1349.         // line 1112
  1350.         yield "                <div class=\"hero-search-wrap\">
  1351.                     <div class=\"hero-search\" id=\"wrHeroSearch\"
  1352.                          data-search-url=\"";
  1353.         // line 1114
  1354.         if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 1114, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1355.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_api_jobs_search", ["_locale" => "fr"]);
  1356.         } else {
  1357.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("api_jobs_search");
  1358.         }
  1359.         yield "\"
  1360.                          data-jobs-list-url=\"";
  1361.         // line 1115
  1362.         if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 1115, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1363.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_whileresume_jobs_list", ["_locale" => "fr"]);
  1364.         } else {
  1365.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("whileresume_jobs_list");
  1366.         }
  1367.         yield "\">
  1368.                         <div class=\"hero-search-inner\">
  1369.                         <span class=\"hero-search-icon\">
  1370.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  1371.                                 <circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"M21 21l-4.35-4.35\"/>
  1372.                             </svg>
  1373.                         </span>
  1374.                             <input type=\"text\" name=\"q\" id=\"wrHeroSearchInput\" class=\"hero-search-input\"
  1375.                                    placeholder=\"";
  1376.         // line 1123
  1377.         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.', 1123, $this->source); })()), "hero_search_placeholder", [], "any", false, false, false, 1123), "html", null, true);
  1378.         yield "\"
  1379.                                    autocomplete=\"off\" />
  1380.                             <span class=\"hero-search-kbd\">↵ ";
  1381.         // line 1125
  1382.         yield (((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 1125, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Entrée") : ("Enter"));
  1383.         yield "</span>
  1384.                             <button type=\"button\" class=\"hero-search-clear\" id=\"wrHeroSearchClear\" aria-label=\"";
  1385.         // line 1126
  1386.         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.', 1126, $this->source); })()), "search_clear", [], "any", false, false, false, 1126), "html", null, true);
  1387.         yield "\">
  1388.                                 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  1389.                                     <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/>
  1390.                                 </svg>
  1391.                             </button>
  1392.                         </div>
  1393.                     </div>
  1394.                 </div>
  1396.                 ";
  1397.         // line 1136
  1398.         yield "                ";
  1399.         $context["_heroCount"] = 0;
  1400.         // line 1137
  1401.         yield "                ";
  1402.         $context["_heroTotal"] = 0;
  1403.         // line 1138
  1404.         yield "                ";
  1405.         if (array_key_exists("popularJobs", $context)) {
  1406.             // line 1139
  1407.             yield "                    ";
  1408.             $context['_parent'] = $context;
  1409.             $context['_seq'] = CoreExtension::ensureTraversable((isset($context["popularJobs"]) || array_key_exists("popularJobs", $context) ? $context["popularJobs"] : (function () { throw new RuntimeError('Variable "popularJobs" does not exist.', 1139, $this->source); })()));
  1410.             foreach ($context['_seq'] as $context["_key"] => $context["block"]) {
  1411.                 // line 1140
  1412.                 yield "                        ";
  1413.                 if (CoreExtension::getAttribute($this->env, $this->source, $context["block"], "jobs", [], "any", true, true, false, 1140)) {
  1414.                     $context["_heroTotal"] = ((isset($context["_heroTotal"]) || array_key_exists("_heroTotal", $context) ? $context["_heroTotal"] : (function () { throw new RuntimeError('Variable "_heroTotal" does not exist.', 1140, $this->source); })()) + Twig\Extension\CoreExtension::length($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, $context["block"], "jobs", [], "any", false, false, false, 1140)));
  1415.                 }
  1416.                 // line 1141
  1417.                 yield "                    ";
  1418.             }
  1419.             $_parent = $context['_parent'];
  1420.             unset($context['_seq'], $context['_key'], $context['block'], $context['_parent']);
  1421.             $context = array_intersect_key($context, $_parent) + $_parent;
  1422.             // line 1142
  1423.             yield "                ";
  1424.         }
  1425.         // line 1143
  1426.         yield "
  1427.                 <div class=\"hero-default-jobs\" id=\"wrHeroJobsList\">
  1428.                     <div class=\"hero-jobs-header\" id=\"wrHeroJobsHeader\">
  1429.                     <span class=\"hero-jobs-count\" id=\"wrHeroJobsCount\">
  1430.                         <strong>";
  1431.         // line 1147
  1432.         yield (((isset($context["_heroTotal"]) || array_key_exists("_heroTotal", $context) ? $context["_heroTotal"] : (function () { throw new RuntimeError('Variable "_heroTotal" does not exist.', 1147, $this->source); })())) ? ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["_heroTotal"], "html", null, true)) : ((((array_key_exists("totalJobs", $context) &&  !(null === $context["totalJobs"]))) ? ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["totalJobs"], "html", null, true)) : (""))));
  1433.         yield "</strong>";
  1434.         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.', 1147, $this->source); })()), "search_results_count", [], "any", false, false, false, 1147), "html", null, true);
  1435.         yield "
  1436.                     </span>
  1437.                         <a href=\"";
  1438.         // line 1149
  1439.         if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 1149, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1440.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_whileresume_jobs_list", ["_locale" => "fr"]);
  1441.         } else {
  1442.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("whileresume_jobs_list");
  1443.         }
  1444.         yield "\" class=\"hero-jobs-link\" id=\"wrHeroJobsLink\">
  1445.                             ";
  1446.         // line 1150
  1447.         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.', 1150, $this->source); })()), "search_view_all", [], "any", false, false, false, 1150), "html", null, true);
  1448.         yield "
  1449.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  1450.                                 <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/>
  1451.                             </svg>
  1452.                         </a>
  1453.                     </div>
  1455.                     <div id=\"wrHeroJobsBody\">
  1456.                         ";
  1457.         // line 1158
  1458.         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.', 1158, $this->source); })())) > 0))) {
  1459.             // line 1159
  1460.             yield "                            ";
  1461.             $context['_parent'] = $context;
  1462.             $context['_seq'] = CoreExtension::ensureTraversable((isset($context["popularJobs"]) || array_key_exists("popularJobs", $context) ? $context["popularJobs"] : (function () { throw new RuntimeError('Variable "popularJobs" does not exist.', 1159, $this->source); })()));
  1463.             foreach ($context['_seq'] as $context["_key"] => $context["block"]) {
  1464.                 // line 1160
  1465.                 yield "                                ";
  1466.                 if ((CoreExtension::getAttribute($this->env, $this->source, $context["block"], "jobs", [], "any", true, true, false, 1160) && (Twig\Extension\CoreExtension::length($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, $context["block"], "jobs", [], "any", false, false, false, 1160)) > 0))) {
  1467.                     // line 1161
  1468.                     yield "                                    ";
  1469.                     $context['_parent'] = $context;
  1470.                     $context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, $context["block"], "jobs", [], "any", false, false, false, 1161));
  1471.                     foreach ($context['_seq'] as $context["_key"] => $context["j"]) {
  1472.                         // line 1162
  1473.                         yield "                                        ";
  1474.                         if (((isset($context["_heroCount"]) || array_key_exists("_heroCount", $context) ? $context["_heroCount"] : (function () { throw new RuntimeError('Variable "_heroCount" does not exist.', 1162, $this->source); })()) < 6)) {
  1475.                             // line 1163
  1476.                             yield "                                            <a href=\"";
  1477.                             if ((CoreExtension::getAttribute($this->env, $this->source, $context["j"], "locale", [], "any", false, false, false, 1163) == "fr")) {
  1478.                                 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.', 1163, $this->source); })()), "request", [], "any", false, false, false, 1163), "locale", [], "any", false, false, false, 1163), "slug" => CoreExtension::getAttribute($this->env, $this->source, $context["j"], "slug", [], "any", false, false, false, 1163)]), "html", null, true);
  1479.                             } else {
  1480.                                 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, 1163)]), "html", null, true);
  1481.                             }
  1482.                             yield "\" class=\"hero-default-job\">
  1483.                                                 <div class=\"hero-default-job-logo\">
  1484.                                                     ";
  1485.                             // line 1165
  1486.                             if ((CoreExtension::getAttribute($this->env, $this->source, $context["j"], "image", [], "any", false, false, false, 1165) && CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["j"], "image", [], "any", false, false, false, 1165), "name", [], "any", false, false, false, 1165))) {
  1487.                                 // line 1166
  1488.                                 yield "                                                        <img src=\"";
  1489.                                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Vich\UploaderBundle\Twig\Extension\UploaderExtension']->asset($context["j"], "imageFile"), "html", null, true);
  1490.                                 yield "\" alt=\"\">
  1491.                                                     ";
  1492.                             } else {
  1493.                                 // line 1168
  1494.                                 yield "                                                        ";
  1495.                                 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, 1168)) ? (Twig\Extension\CoreExtension::default(CoreExtension::getAttribute($this->env, $this->source, $context["j"], "companyName", [], "any", false, false, false, 1168), "?")) : ("?")), 0, 1)), "html", null, true);
  1496.                                 yield "
  1497.                                                     ";
  1498.                             }
  1499.                             // line 1170
  1500.                             yield "                                                </div>
  1501.                                                 <div class=\"hero-default-job-info\">
  1502.                                                     <h3 class=\"hero-default-job-title\">";
  1503.                             // line 1172
  1504.                             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["j"], "jobTitle", [], "any", false, false, false, 1172), "html", null, true);
  1505.                             yield "</h3>
  1506.                                                     <p class=\"hero-default-job-meta\">
  1507.                                                         ";
  1508.                             // line 1174
  1509.                             if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["j"], "companyName", [], "any", false, false, false, 1174)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1510.                                 yield "<span>";
  1511.                                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["j"], "companyName", [], "any", false, false, false, 1174), "html", null, true);
  1512.                                 yield "</span>";
  1513.                             }
  1514.                             // line 1175
  1515.                             yield "                                                        ";
  1516.                             if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["j"], "city", [], "any", false, false, false, 1175)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1517.                                 // line 1176
  1518.                                 yield "                                                            <span class=\"hero-default-job-meta-sep\"></span>
  1519.                                                             <span>";
  1520.                                 // line 1177
  1521.                                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["j"], "city", [], "any", false, false, false, 1177), "html", null, true);
  1522.                                 if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["j"], "country", [], "any", false, false, false, 1177)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1523.                                     yield ", ";
  1524.                                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["j"], "country", [], "any", false, false, false, 1177), "html", null, true);
  1525.                                 }
  1526.                                 yield "</span>
  1527.                                                         ";
  1528.                             }
  1529.                             // line 1179
  1530.                             yield "                                                        ";
  1531.                             if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["j"], "employmentType", [], "any", false, false, false, 1179)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1532.                                 // line 1180
  1533.                                 yield "                                                            <span class=\"hero-default-job-meta-sep\"></span>
  1534.                                                             <span>";
  1535.                                 // line 1181
  1536.                                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["j"], "employmentType", [], "any", false, false, false, 1181), "html", null, true);
  1537.                                 yield "</span>
  1538.                                                         ";
  1539.                             }
  1540.                             // line 1183
  1541.                             yield "                                                    </p>
  1542.                                                 </div>
  1543.                                                 <span class=\"hero-default-job-arrow\">
  1544.                                                 <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>
  1545.                                             </span>
  1546.                                             </a>
  1547.                                             ";
  1548.                             // line 1189
  1549.                             $context["_heroCount"] = ((isset($context["_heroCount"]) || array_key_exists("_heroCount", $context) ? $context["_heroCount"] : (function () { throw new RuntimeError('Variable "_heroCount" does not exist.', 1189, $this->source); })()) + 1);
  1550.                             // line 1190
  1551.                             yield "                                        ";
  1552.                         }
  1553.                         // line 1191
  1554.                         yield "                                    ";
  1555.                     }
  1556.                     $_parent = $context['_parent'];
  1557.                     unset($context['_seq'], $context['_key'], $context['j'], $context['_parent']);
  1558.                     $context = array_intersect_key($context, $_parent) + $_parent;
  1559.                     // line 1192
  1560.                     yield "                                ";
  1561.                 }
  1562.                 // line 1193
  1563.                 yield "                            ";
  1564.             }
  1565.             $_parent = $context['_parent'];
  1566.             unset($context['_seq'], $context['_key'], $context['block'], $context['_parent']);
  1567.             $context = array_intersect_key($context, $_parent) + $_parent;
  1568.             // line 1194
  1569.             yield "                        ";
  1570.         }
  1571.         // line 1195
  1572.         yield "                    </div>
  1573.                 </div>
  1575.                 ";
  1576.         // line 1199
  1577.         yield "                ";
  1578.         if ((null === 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.', 1199, $this->source); })()), "user", [], "any", false, false, false, 1199))) {
  1579.             // line 1200
  1580.             yield "                    <div class=\"hero-cta\">
  1581.                         <a href=\"#register\" class=\"hero-cta-btn\">
  1582.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  1583.                                 <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"/><circle cx=\"8.5\" cy=\"7\" r=\"4\"/><line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"/><line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"/>
  1584.                             </svg>
  1585.                             ";
  1586.             // line 1205
  1587.             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.', 1205, $this->source); })()), "hero_cta_signup", [], "any", false, false, false, 1205), "html", null, true);
  1588.             yield "
  1589.                         </a>
  1590.                         <a href=\"";
  1591.             // line 1207
  1592.             if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 1207, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1593.                 yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_app_login", ["_locale" => "fr"]);
  1594.             } else {
  1595.                 yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_login");
  1596.             }
  1597.             yield "\" class=\"hero-cta-btn\">
  1598.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  1599.                                 <path d=\"M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4\"/><polyline points=\"10 17 15 12 10 7\"/><line x1=\"15\" y1=\"12\" x2=\"3\" y2=\"12\"/>
  1600.                             </svg>
  1601.                             ";
  1602.             // line 1211
  1603.             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.', 1211, $this->source); })()), "hero_cta_login", [], "any", false, false, false, 1211), "html", null, true);
  1604.             yield "
  1605.                         </a>
  1606.                     </div>
  1607.                 ";
  1608.         }
  1609.         // line 1215
  1610.         yield "            </div>
  1611.         </section>
  1613.         ";
  1614.         // line 1219
  1615.         yield "        <section class=\"wr-section\">
  1616.             <div class=\"wr-container\">
  1617.                 <div class=\"wr-section-head\">
  1618.                     <h2 class=\"wr-title\">";
  1619.         // line 1222
  1620.         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.', 1222, $this->source); })()), "how_title", [], "any", false, false, false, 1222), "html", null, true);
  1621.         yield "</h2>
  1622.                 </div>
  1624.                 <div class=\"how-card\">
  1625.                     <div class=\"how-step reveal\" data-reveal-delay=\"1\">
  1626.                         <div class=\"how-step-illu\">
  1627.                             <img src=\"/uploads/rh/mascotte_register.png\" alt=\"";
  1628.         // line 1228
  1629.         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.', 1228, $this->source); })()), "how1_title", [], "any", false, false, false, 1228), "html", null, true);
  1630.         yield "\" loading=\"lazy\">
  1631.                         </div>
  1632.                         <h3 class=\"how-step-title\">";
  1633.         // line 1230
  1634.         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.', 1230, $this->source); })()), "how1_title", [], "any", false, false, false, 1230), "html", null, true);
  1635.         yield "</h3>
  1636.                         <p class=\"how-step-desc\">";
  1637.         // line 1231
  1638.         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.', 1231, $this->source); })()), "how1_desc", [], "any", false, false, false, 1231), "html", null, true);
  1639.         yield "</p>
  1640.                     </div>
  1642.                     <div class=\"how-step reveal\" data-reveal-delay=\"2\">
  1643.                         <div class=\"how-step-illu\">
  1644.                             <img src=\"/uploads/rh/mascotte_upload2.png\" alt=\"";
  1645.         // line 1236
  1646.         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.', 1236, $this->source); })()), "how2_title", [], "any", false, false, false, 1236), "html", null, true);
  1647.         yield "\" loading=\"lazy\">
  1648.                         </div>
  1649.                         <h3 class=\"how-step-title\">";
  1650.         // line 1238
  1651.         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.', 1238, $this->source); })()), "how2_title", [], "any", false, false, false, 1238), "html", null, true);
  1652.         yield "</h3>
  1653.                         <p class=\"how-step-desc\">";
  1654.         // line 1239
  1655.         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.', 1239, $this->source); })()), "how2_desc", [], "any", false, false, false, 1239), "html", null, true);
  1656.         yield "</p>
  1657.                     </div>
  1659.                     <div class=\"how-step reveal\" data-reveal-delay=\"3\">
  1660.                         <div class=\"how-step-illu\">
  1661.                             <img src=\"/uploads/rh/mascotte_reunion.png\" alt=\"";
  1662.         // line 1244
  1663.         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.', 1244, $this->source); })()), "how3_title", [], "any", false, false, false, 1244), "html", null, true);
  1664.         yield "\" loading=\"lazy\">
  1665.                         </div>
  1666.                         <h3 class=\"how-step-title\">";
  1667.         // line 1246
  1668.         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.', 1246, $this->source); })()), "how3_title", [], "any", false, false, false, 1246), "html", null, true);
  1669.         yield "</h3>
  1670.                         <p class=\"how-step-desc\">";
  1671.         // line 1247
  1672.         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.', 1247, $this->source); })()), "how3_desc", [], "any", false, false, false, 1247), "html", null, true);
  1673.         yield "</p>
  1674.                     </div>
  1675.                 </div>
  1676.             </div>
  1677.         </section>
  1679.         ";
  1680.         // line 1254
  1681.         yield "        <section class=\"wr-section\">
  1682.             <div class=\"wr-container\">
  1684.                 ";
  1685.         // line 1258
  1686.         yield "                <div class=\"feat-block reveal\">
  1687.                     <div class=\"feat-illu\">
  1688.                         <img src=\"/uploads/rh/mascotte_filtrage3.png\" alt=\"";
  1689.         // line 1260
  1690.         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.', 1260, $this->source); })()), "feat1_title", [], "any", false, false, false, 1260), "html", null, true);
  1691.         yield "\" loading=\"lazy\">
  1692.                     </div>
  1693.                     <div class=\"feat-content\">
  1694.                         <span class=\"feat-label\">";
  1695.         // line 1263
  1696.         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.', 1263, $this->source); })()), "feat1_label", [], "any", false, false, false, 1263), "html", null, true);
  1697.         yield "</span>
  1698.                         <h3 class=\"feat-title\">";
  1699.         // line 1264
  1700.         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.', 1264, $this->source); })()), "feat1_title", [], "any", false, false, false, 1264), "html", null, true);
  1701.         yield "</h3>
  1702.                         <div class=\"feat-desc\">
  1703.                             <p>";
  1704.         // line 1266
  1705.         yield 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.', 1266, $this->source); })()), "feat1_p1", [], "any", false, false, false, 1266);
  1706.         yield "</p>
  1707.                             <p>";
  1708.         // line 1267
  1709.         yield 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.', 1267, $this->source); })()), "feat1_p2", [], "any", false, false, false, 1267);
  1710.         yield "</p>
  1711.                         </div>
  1712.                         <div class=\"feat-quote\">
  1713.                             <p class=\"feat-quote-text\">";
  1714.         // line 1270
  1715.         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.', 1270, $this->source); })()), "feat1_quote", [], "any", false, false, false, 1270), "html", null, true);
  1716.         yield "</p>
  1717.                             <div class=\"feat-quote-author\">
  1718.                                 <p class=\"feat-quote-name\">";
  1719.         // line 1272
  1720.         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.', 1272, $this->source); })()), "feat1_author", [], "any", false, false, false, 1272), "html", null, true);
  1721.         yield "</p>
  1722.                                 <p class=\"feat-quote-role\">";
  1723.         // line 1273
  1724.         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.', 1273, $this->source); })()), "feat1_role", [], "any", false, false, false, 1273), "html", null, true);
  1725.         yield "</p>
  1726.                             </div>
  1727.                         </div>
  1728.                     </div>
  1729.                 </div>
  1731.                 ";
  1732.         // line 1280
  1733.         yield "                <div class=\"feat-block reveal\">
  1734.                     <div class=\"feat-illu\">
  1735.                         <img src=\"/uploads/rh/mascotte_upload.png\" alt=\"";
  1736.         // line 1282
  1737.         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.', 1282, $this->source); })()), "feat2_title", [], "any", false, false, false, 1282), "html", null, true);
  1738.         yield "\" loading=\"lazy\">
  1739.                     </div>
  1740.                     <div class=\"feat-content\">
  1741.                         <span class=\"feat-label\">";
  1742.         // line 1285
  1743.         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.', 1285, $this->source); })()), "feat2_label", [], "any", false, false, false, 1285), "html", null, true);
  1744.         yield "</span>
  1745.                         <h3 class=\"feat-title\">";
  1746.         // line 1286
  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.', 1286, $this->source); })()), "feat2_title", [], "any", false, false, false, 1286), "html", null, true);
  1748.         yield "</h3>
  1749.                         <div class=\"feat-desc\">
  1750.                             <p>";
  1751.         // line 1288
  1752.         yield 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.', 1288, $this->source); })()), "feat2_p1", [], "any", false, false, false, 1288);
  1753.         yield "</p>
  1754.                             <p>";
  1755.         // line 1289
  1756.         yield 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.', 1289, $this->source); })()), "feat2_p2", [], "any", false, false, false, 1289);
  1757.         yield "</p>
  1758.                         </div>
  1759.                         <div class=\"feat-quote\">
  1760.                             <p class=\"feat-quote-text\">";
  1761.         // line 1292
  1762.         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.', 1292, $this->source); })()), "feat2_quote", [], "any", false, false, false, 1292), "html", null, true);
  1763.         yield "</p>
  1764.                             <div class=\"feat-quote-author\">
  1765.                                 <p class=\"feat-quote-name\">";
  1766.         // line 1294
  1767.         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.', 1294, $this->source); })()), "feat2_author", [], "any", false, false, false, 1294), "html", null, true);
  1768.         yield "</p>
  1769.                                 <p class=\"feat-quote-role\">";
  1770.         // line 1295
  1771.         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.', 1295, $this->source); })()), "feat2_role", [], "any", false, false, false, 1295), "html", null, true);
  1772.         yield "</p>
  1773.                             </div>
  1774.                         </div>
  1775.                     </div>
  1776.                 </div>
  1778.                 ";
  1779.         // line 1301
  1780.         if ((null === 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.', 1301, $this->source); })()), "user", [], "any", false, false, false, 1301))) {
  1781.             // line 1302
  1782.             yield "                ";
  1783.             // line 1303
  1784.             yield "                <div class=\"signup-card reveal reveal--scale\" id=\"register\">
  1785.                     <div class=\"signup-inner\">
  1786.                         <div class=\"signup-text\">
  1787.                             <span class=\"signup-eyebrow\">
  1788.                                 <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"/><circle cx=\"8.5\" cy=\"7\" r=\"4\"/><line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"/><line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"/></svg>
  1789.                                 ";
  1790.             // line 1308
  1791.             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.', 1308, $this->source); })()), "signup_eyebrow", [], "any", false, false, false, 1308), "html", null, true);
  1792.             yield "
  1793.                             </span>
  1794.                             <h3 class=\"signup-title\">";
  1795.             // line 1310
  1796.             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.', 1310, $this->source); })()), "signup_title", [], "any", false, false, false, 1310), "html", null, true);
  1797.             yield "</h3>
  1798.                             <p class=\"signup-lede\">";
  1799.             // line 1311
  1800.             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.', 1311, $this->source); })()), "signup_lede", [], "any", false, false, false, 1311), "html", null, true);
  1801.             yield "</p>
  1802.                             <div class=\"signup-perks\">
  1803.                                 <span class=\"signup-perk\">
  1804.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg>
  1805.                                     ";
  1806.             // line 1315
  1807.             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.', 1315, $this->source); })()), "signup_perk1", [], "any", false, false, false, 1315), "html", null, true);
  1808.             yield "
  1809.                                 </span>
  1810.                                 <span class=\"signup-perk\">
  1811.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg>
  1812.                                     ";
  1813.             // line 1319
  1814.             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.', 1319, $this->source); })()), "signup_perk2", [], "any", false, false, false, 1319), "html", null, true);
  1815.             yield "
  1816.                                 </span>
  1817.                                 <span class=\"signup-perk\">
  1818.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg>
  1819.                                     ";
  1820.             // line 1323
  1821.             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.', 1323, $this->source); })()), "signup_perk3", [], "any", false, false, false, 1323), "html", null, true);
  1822.             yield "
  1823.                                 </span>
  1824.                             </div>
  1825.                         </div>
  1827.                         ";
  1828.             // line 1328
  1829.             if (array_key_exists("form", $context)) {
  1830.                 // line 1329
  1831.                 yield "                            ";
  1832.                 // line 1330
  1833.                 yield "                            ";
  1834.                 yield                 $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->renderBlock((isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 1330, $this->source); })()), 'form_start', ["attr" => ["class" => "signup-form", "novalidate" => "novalidate"]]);
  1835.                 yield "
  1836.                             ";
  1837.                 // line 1331
  1838.                 yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock((isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 1331, $this->source); })()), 'errors');
  1839.                 yield "
  1840.                             ";
  1841.                 // line 1332
  1842.                 $context['_parent'] = $context;
  1843.                 $context['_seq'] = CoreExtension::ensureTraversable(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.', 1332, $this->source); })()), "flashes", ["danger"], "method", false, false, false, 1332));
  1844.                 foreach ($context['_seq'] as $context["_key"] => $context["message"]) {
  1845.                     // line 1333
  1846.                     yield "                                <p class=\"signup-form-error\">";
  1847.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["message"], "html", null, true);
  1848.                     yield "</p>
  1849.                             ";
  1850.                 }
  1851.                 $_parent = $context['_parent'];
  1852.                 unset($context['_seq'], $context['_key'], $context['message'], $context['_parent']);
  1853.                 $context = array_intersect_key($context, $_parent) + $_parent;
  1854.                 // line 1335
  1855.                 yield "
  1856.                             <div class=\"signup-field\">
  1857.                                 ";
  1858.                 // line 1337
  1859.                 yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 1337, $this->source); })()), "email", [], "any", false, false, false, 1337), 'widget', ["attr" => ["placeholder" => 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.', 1337, $this->source); })()), "signup_email_ph", [], "any", false, false, false, 1337)]]);
  1860.                 yield "
  1861.                             </div>
  1863.                             <div class=\"signup-row\">
  1864.                                 <div class=\"signup-field\">
  1865.                                     ";
  1866.                 // line 1342
  1867.                 yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 1342, $this->source); })()), "password", [], "any", false, false, false, 1342), "first", [], "any", false, false, false, 1342), 'widget', ["attr" => ["placeholder" => 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.', 1342, $this->source); })()), "signup_pass_ph", [], "any", false, false, false, 1342)]]);
  1868.                 yield "
  1869.                                 </div>
  1870.                                 <div class=\"signup-field\">
  1871.                                     ";
  1872.                 // line 1345
  1873.                 yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 1345, $this->source); })()), "password", [], "any", false, false, false, 1345), "second", [], "any", false, false, false, 1345), 'widget', ["attr" => ["placeholder" => 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.', 1345, $this->source); })()), "signup_pass2_ph", [], "any", false, false, false, 1345)]]);
  1874.                 yield "
  1875.                                 </div>
  1876.                             </div>
  1878.                             <label class=\"signup-terms\">
  1879.                                 ";
  1880.                 // line 1350
  1881.                 yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 1350, $this->source); })()), "acceptTerm", [], "any", false, false, false, 1350), 'widget');
  1882.                 yield "
  1883.                                 <span>
  1884.                                         ";
  1885.                 // line 1352
  1886.                 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.', 1352, $this->source); })()), "signup_terms_pre", [], "any", false, false, false, 1352), "html", null, true);
  1887.                 yield "
  1888.                                         <a href=\"";
  1889.                 // line 1353
  1890.                 if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 1353, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1891.                     yield "/fr/protections-donnees-candidats";
  1892.                 } else {
  1893.                     yield "/data-protection-candidates";
  1894.                 }
  1895.                 yield "\" target=\"_blank\" rel=\"noopener\">";
  1896.                 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.', 1353, $this->source); })()), "signup_terms_link", [], "any", false, false, false, 1353), "html", null, true);
  1897.                 yield "</a>.
  1898.                                     </span>
  1899.                             </label>
  1901.                             ";
  1902.                 // line 1357
  1903.                 if (CoreExtension::getAttribute($this->env, $this->source, ($context["form"] ?? null), "recaptcha", [], "any", true, true, false, 1357)) {
  1904.                     // line 1358
  1905.                     yield "                                <div class=\"signup-recaptcha\">";
  1906.                     yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 1358, $this->source); })()), "recaptcha", [], "any", false, false, false, 1358), 'widget');
  1907.                     yield "</div>
  1908.                             ";
  1909.                 }
  1910.                 // line 1360
  1911.                 yield "
  1912.                             <button type=\"submit\" class=\"signup-submit\">
  1913.                                 ";
  1914.                 // line 1362
  1915.                 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.', 1362, $this->source); })()), "signup_btn", [], "any", false, false, false, 1362), "html", null, true);
  1916.                 yield "
  1917.                                 <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>
  1918.                             </button>
  1920.                             ";
  1921.                 // line 1366
  1922.                 yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock((isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 1366, $this->source); })()), 'rest');
  1923.                 yield "
  1924.                             ";
  1925.                 // line 1367
  1926.                 yield                 $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->renderBlock((isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 1367, $this->source); })()), 'form_end');
  1927.                 yield "
  1928.                         ";
  1929.             } else {
  1930.                 // line 1369
  1931.                 yield "                            ";
  1932.                 // line 1370
  1933.                 yield "                            <form class=\"signup-form\" method=\"get\" action=\"";
  1934.                 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.', 1370, $this->source); })()), "request", [], "any", false, false, false, 1370), "locale", [], "any", false, false, false, 1370)));
  1935.                 yield "#register\">
  1936.                                 <div class=\"signup-field\">
  1937.                                     <input type=\"email\" name=\"email\" placeholder=\"";
  1938.                 // line 1372
  1939.                 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.', 1372, $this->source); })()), "signup_email_ph", [], "any", false, false, false, 1372), "html", null, true);
  1940.                 yield "\" required>
  1941.                                 </div>
  1943.                                 <div class=\"signup-row\">
  1944.                                     <div class=\"signup-field\">
  1945.                                         <input type=\"password\" name=\"password\" placeholder=\"";
  1946.                 // line 1377
  1947.                 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.', 1377, $this->source); })()), "signup_pass_ph", [], "any", false, false, false, 1377), "html", null, true);
  1948.                 yield "\" required minlength=\"8\">
  1949.                                     </div>
  1950.                                     <div class=\"signup-field\">
  1951.                                         <input type=\"password\" name=\"password_confirm\" placeholder=\"";
  1952.                 // line 1380
  1953.                 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.', 1380, $this->source); })()), "signup_pass2_ph", [], "any", false, false, false, 1380), "html", null, true);
  1954.                 yield "\" required minlength=\"8\">
  1955.                                     </div>
  1956.                                 </div>
  1958.                                 <label class=\"signup-terms\">
  1959.                                     <input type=\"checkbox\" name=\"acceptTerm\" required>
  1960.                                     <span>
  1961.                                         ";
  1962.                 // line 1387
  1963.                 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.', 1387, $this->source); })()), "signup_terms_pre", [], "any", false, false, false, 1387), "html", null, true);
  1964.                 yield "
  1965.                                         <a href=\"";
  1966.                 // line 1388
  1967.                 if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 1388, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1968.                     yield "/fr/protections-donnees-candidats";
  1969.                 } else {
  1970.                     yield "/data-protection-candidates";
  1971.                 }
  1972.                 yield "\" target=\"_blank\" rel=\"noopener\">";
  1973.                 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.', 1388, $this->source); })()), "signup_terms_link", [], "any", false, false, false, 1388), "html", null, true);
  1974.                 yield "</a>.
  1975.                                     </span>
  1976.                                 </label>
  1978.                                 <button type=\"submit\" class=\"signup-submit\">
  1979.                                     ";
  1980.                 // line 1393
  1981.                 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.', 1393, $this->source); })()), "signup_btn", [], "any", false, false, false, 1393), "html", null, true);
  1982.                 yield "
  1983.                                     <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>
  1984.                                 </button>
  1986.                                 <p class=\"signup-login\">
  1987.                                     ";
  1988.                 // line 1398
  1989.                 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.', 1398, $this->source); })()), "signup_login_pre", [], "any", false, false, false, 1398), "html", null, true);
  1990.                 yield "
  1991.                                     <a href=\"";
  1992.                 // line 1399
  1993.                 yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_login");
  1994.                 yield "\">";
  1995.                 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.', 1399, $this->source); })()), "signup_login_link", [], "any", false, false, false, 1399), "html", null, true);
  1996.                 yield "</a>
  1997.                                 </p>
  1998.                             </form>
  1999.                         ";
  2000.             }
  2001.             // line 1403
  2002.             yield "                    </div>
  2003.                 </div>
  2004.                 ";
  2005.         }
  2006.         // line 1406
  2007.         yield "
  2008.                 ";
  2009.         // line 1408
  2010.         yield "                <div class=\"feat-block reveal\">
  2011.                     <div class=\"feat-illu\">
  2012.                         <img src=\"/uploads/rh/mascotte_register.png\" alt=\"";
  2013.         // line 1410
  2014.         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.', 1410, $this->source); })()), "feat3_title", [], "any", false, false, false, 1410), "html", null, true);
  2015.         yield "\" loading=\"lazy\">
  2016.                     </div>
  2017.                     <div class=\"feat-content\">
  2018.                         <span class=\"feat-label\">";
  2019.         // line 1413
  2020.         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.', 1413, $this->source); })()), "feat3_label", [], "any", false, false, false, 1413), "html", null, true);
  2021.         yield "</span>
  2022.                         <h3 class=\"feat-title\">";
  2023.         // line 1414
  2024.         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.', 1414, $this->source); })()), "feat3_title", [], "any", false, false, false, 1414), "html", null, true);
  2025.         yield "</h3>
  2026.                         <div class=\"feat-desc\">
  2027.                             <p>";
  2028.         // line 1416
  2029.         yield 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.', 1416, $this->source); })()), "feat3_p1", [], "any", false, false, false, 1416);
  2030.         yield "</p>
  2031.                             <p>";
  2032.         // line 1417
  2033.         yield 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.', 1417, $this->source); })()), "feat3_p2", [], "any", false, false, false, 1417);
  2034.         yield "</p>
  2035.                         </div>
  2036.                         <div class=\"feat-quote\">
  2037.                             <p class=\"feat-quote-text\">";
  2038.         // line 1420
  2039.         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.', 1420, $this->source); })()), "feat3_quote", [], "any", false, false, false, 1420), "html", null, true);
  2040.         yield "</p>
  2041.                             <div class=\"feat-quote-author\">
  2042.                                 <p class=\"feat-quote-name\">";
  2043.         // line 1422
  2044.         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.', 1422, $this->source); })()), "feat3_author", [], "any", false, false, false, 1422), "html", null, true);
  2045.         yield "</p>
  2046.                                 <p class=\"feat-quote-role\">";
  2047.         // line 1423
  2048.         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.', 1423, $this->source); })()), "feat3_role", [], "any", false, false, false, 1423), "html", null, true);
  2049.         yield "</p>
  2050.                             </div>
  2051.                         </div>
  2052.                     </div>
  2053.                 </div>
  2055.                 ";
  2056.         // line 1430
  2057.         yield "                <div class=\"feat-block reveal\">
  2058.                     <div class=\"feat-illu\">
  2059.                         <img src=\"/uploads/rh/mascotte_reunion.png\" alt=\"";
  2060.         // line 1432
  2061.         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.', 1432, $this->source); })()), "feat4_title", [], "any", false, false, false, 1432), "html", null, true);
  2062.         yield "\" loading=\"lazy\">
  2063.                     </div>
  2064.                     <div class=\"feat-content\">
  2065.                         <span class=\"feat-label\">";
  2066.         // line 1435
  2067.         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.', 1435, $this->source); })()), "feat4_label", [], "any", false, false, false, 1435), "html", null, true);
  2068.         yield "</span>
  2069.                         <h3 class=\"feat-title\">";
  2070.         // line 1436
  2071.         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.', 1436, $this->source); })()), "feat4_title", [], "any", false, false, false, 1436), "html", null, true);
  2072.         yield "</h3>
  2073.                         <div class=\"feat-desc\">
  2074.                             <p>";
  2075.         // line 1438
  2076.         yield 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.', 1438, $this->source); })()), "feat4_p1", [], "any", false, false, false, 1438);
  2077.         yield "</p>
  2078.                             <p>";
  2079.         // line 1439
  2080.         yield 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.', 1439, $this->source); })()), "feat4_p2", [], "any", false, false, false, 1439);
  2081.         yield "</p>
  2082.                         </div>
  2083.                         <div class=\"feat-quote\">
  2084.                             <p class=\"feat-quote-text\">";
  2085.         // line 1442
  2086.         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.', 1442, $this->source); })()), "feat4_quote", [], "any", false, false, false, 1442), "html", null, true);
  2087.         yield "</p>
  2088.                             <div class=\"feat-quote-author\">
  2089.                                 <p class=\"feat-quote-name\">";
  2090.         // line 1444
  2091.         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.', 1444, $this->source); })()), "feat4_author", [], "any", false, false, false, 1444), "html", null, true);
  2092.         yield "</p>
  2093.                                 <p class=\"feat-quote-role\">";
  2094.         // line 1445
  2095.         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.', 1445, $this->source); })()), "feat4_role", [], "any", false, false, false, 1445), "html", null, true);
  2096.         yield "</p>
  2097.                             </div>
  2098.                         </div>
  2099.                     </div>
  2100.                 </div>
  2102.             </div>
  2103.         </section>
  2106.         ";
  2107.         // line 1456
  2108.         yield "        <section class=\"wr-section\">
  2109.             <div class=\"wr-container\">
  2110.                 <div class=\"apps-grid\">
  2111.                     <a href=\"#\" class=\"app-card\">
  2112.                     <span class=\"app-card-icon\">
  2113.                         <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>
  2114.                     </span>
  2115.                         <h3 class=\"app-card-name\">";
  2116.         // line 1463
  2117.         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.', 1463, $this->source); })()), "apps_ios", [], "any", false, false, false, 1463), "html", null, true);
  2118.         yield "</h3>
  2119.                         <p class=\"app-card-desc\">";
  2120.         // line 1464
  2121.         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.', 1464, $this->source); })()), "apps_ios_desc", [], "any", false, false, false, 1464), "html", null, true);
  2122.         yield "</p>
  2123.                         <span class=\"app-card-cta\">App Store
  2124.                         <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>
  2125.                     </span>
  2126.                     </a>
  2127.                     <a href=\"#\" class=\"app-card\">
  2128.                     <span class=\"app-card-icon\">
  2129.                         <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>
  2130.                     </span>
  2131.                         <h3 class=\"app-card-name\">";
  2132.         // line 1473
  2133.         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.', 1473, $this->source); })()), "apps_android", [], "any", false, false, false, 1473), "html", null, true);
  2134.         yield "</h3>
  2135.                         <p class=\"app-card-desc\">";
  2136.         // line 1474
  2137.         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.', 1474, $this->source); })()), "apps_android_desc", [], "any", false, false, false, 1474), "html", null, true);
  2138.         yield "</p>
  2139.                         <span class=\"app-card-cta\">Google Play
  2140.                         <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>
  2141.                     </span>
  2142.                     </a>
  2143.                     <a href=\"";
  2144.         // line 1479
  2145.         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.', 1479, $this->source); })()), "request", [], "any", false, false, false, 1479), "locale", [], "any", false, false, false, 1479)));
  2146.         yield "\" class=\"app-card\">
  2147.                     <span class=\"app-card-icon\">
  2148.                         <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>
  2149.                     </span>
  2150.                         <h3 class=\"app-card-name\">";
  2151.         // line 1483
  2152.         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.', 1483, $this->source); })()), "apps_web", [], "any", false, false, false, 1483), "html", null, true);
  2153.         yield "</h3>
  2154.                         <p class=\"app-card-desc\">";
  2155.         // line 1484
  2156.         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.', 1484, $this->source); })()), "apps_web_desc", [], "any", false, false, false, 1484), "html", null, true);
  2157.         yield "</p>
  2158.                         <span class=\"app-card-cta\">whileresume.com
  2159.                         <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>
  2160.                     </span>
  2161.                     </a>
  2162.                 </div>
  2163.             </div>
  2164.         </section>
  2167.         ";
  2168.         // line 1495
  2169.         yield "        ";
  2170.         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.', 1495, $this->source); })())) > 0))) {
  2171.             // line 1496
  2172.             yield "            <section class=\"wr-section\">
  2173.                 <div class=\"wr-container\">
  2174.                     <div class=\"wr-section-head\">
  2175.                         <h2 class=\"wr-title wr-title--sm\">";
  2176.             // line 1499
  2177.             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.', 1499, $this->source); })()), "articles_title", [], "any", false, false, false, 1499), "html", null, true);
  2178.             yield "</h2>
  2179.                     </div>
  2181.                     <div class=\"articles-list\">
  2182.                         ";
  2183.             // line 1503
  2184.             $context['_parent'] = $context;
  2185.             $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.', 1503, $this->source); })()), 0, 6));
  2186.             foreach ($context['_seq'] as $context["_key"] => $context["a"]) {
  2187.                 // line 1504
  2188.                 yield "                            ";
  2189.                 $context["prefix"] = "";
  2190.                 // line 1505
  2191.                 yield "                            ";
  2192.                 $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, 1505)]);
  2193.                 // line 1506
  2194.                 yield "                            ";
  2195.                 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.', 1506, $this->source); })()), "request", [], "any", false, false, false, 1506), "locale", [], "any", false, false, false, 1506) != (isset($context["default_locale"]) || array_key_exists("default_locale", $context) ? $context["default_locale"] : (function () { throw new RuntimeError('Variable "default_locale" does not exist.', 1506, $this->source); })()))) {
  2196.                     // line 1507
  2197.                     yield "                                ";
  2198.                     $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.', 1507, $this->source); })()), "request", [], "any", false, false, false, 1507), "locale", [], "any", false, false, false, 1507), "slug" => CoreExtension::getAttribute($this->env, $this->source, $context["a"], "slug", [], "any", false, false, false, 1507)]);
  2199.                     // line 1508
  2200.                     yield "                                ";
  2201.                     $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.', 1508, $this->source); })()), "request", [], "any", false, false, false, 1508), "locale", [], "any", false, false, false, 1508));
  2202.                     // line 1509
  2203.                     yield "                            ";
  2204.                 }
  2205.                 // line 1510
  2206.                 yield "                            ";
  2207.                 if ((($tmp =  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug3", [], "any", false, false, false, 1510))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  2208.                     // line 1511
  2209.                     yield "                                ";
  2210.                     $context["urlA"] = (((((((isset($context["prefix"]) || array_key_exists("prefix", $context) ? $context["prefix"] : (function () { throw new RuntimeError('Variable "prefix" does not exist.', 1511, $this->source); })()) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug", [], "any", false, false, false, 1511)) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug2", [], "any", false, false, false, 1511)) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug3", [], "any", false, false, false, 1511));
  2211.                     // line 1512
  2212.                     yield "                            ";
  2213.                 } elseif ((($tmp =  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug2", [], "any", false, false, false, 1512))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  2214.                     // line 1513
  2215.                     yield "                                ";
  2216.                     $context["urlA"] = (((((isset($context["prefix"]) || array_key_exists("prefix", $context) ? $context["prefix"] : (function () { throw new RuntimeError('Variable "prefix" does not exist.', 1513, $this->source); })()) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug", [], "any", false, false, false, 1513)) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug2", [], "any", false, false, false, 1513));
  2217.                     // line 1514
  2218.                     yield "                            ";
  2219.                 } elseif ((($tmp =  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug", [], "any", false, false, false, 1514))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  2220.                     // line 1515
  2221.                     yield "                                ";
  2222.                     $context["urlA"] = (((isset($context["prefix"]) || array_key_exists("prefix", $context) ? $context["prefix"] : (function () { throw new RuntimeError('Variable "prefix" does not exist.', 1515, $this->source); })()) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug", [], "any", false, false, false, 1515));
  2223.                     // line 1516
  2224.                     yield "                            ";
  2225.                 }
  2226.                 // line 1517
  2227.                 yield "
  2228.                             <a href=\"";
  2229.                 // line 1518
  2230.                 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.', 1518, $this->source); })()), "html", null, true);
  2231.                 yield "\" class=\"wr-article\">
  2232.                                 <div class=\"wr-article-logo\">
  2233.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  2234.                                         <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"/>
  2235.                                         <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"/>
  2236.                                     </svg>
  2237.                                 </div>
  2238.                                 <div class=\"wr-article-info\">
  2239.                                     <h3 class=\"wr-article-title\">";
  2240.                 // line 1526
  2241.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "title", [], "any", false, false, false, 1526), "html", null, true);
  2242.                 yield "</h3>
  2243.                                     <div class=\"wr-article-meta\">
  2244.                                         <span>";
  2245.                 // line 1528
  2246.                 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, 1528), (((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 1528, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("d M Y") : ("M d, Y"))), "html", null, true);
  2247.                 yield "</span>
  2248.                                         ";
  2249.                 // line 1529
  2250.                 if (( !(null === CoreExtension::getAttribute($this->env, $this->source, $context["a"], "author", [], "any", false, false, false, 1529)) &&  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "author", [], "any", false, false, false, 1529)))) {
  2251.                     // line 1530
  2252.                     yield "                                            <span class=\"wr-article-meta-sep\"></span>
  2253.                                             <span>";
  2254.                     // line 1531
  2255.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "author", [], "any", false, false, false, 1531), "html", null, true);
  2256.                     yield "</span>
  2257.                                         ";
  2258.                 }
  2259.                 // line 1533
  2260.                 yield "                                        ";
  2261.                 if ((($tmp =  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "subtitle", [], "any", false, false, false, 1533))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  2262.                     // line 1534
  2263.                     yield "                                            <span class=\"wr-article-meta-sep\"></span>
  2264.                                             <span>";
  2265.                     // line 1535
  2266.                     yield (((Twig\Extension\CoreExtension::length($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, $context["a"], "subtitle", [], "any", false, false, false, 1535)) > 60)) ? ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((Twig\Extension\CoreExtension::slice($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, $context["a"], "subtitle", [], "any", false, false, false, 1535), 0, 60) . "…"), "html", null, true)) : ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "subtitle", [], "any", false, false, false, 1535), "html", null, true)));
  2267.                     yield "</span>
  2268.                                         ";
  2269.                 }
  2270.                 // line 1537
  2271.                 yield "                                    </div>
  2272.                                 </div>
  2273.                                 <span class=\"wr-article-badge\">";
  2274.                 // line 1539
  2275.                 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.', 1539, $this->source); })()), "read_article", [], "any", false, false, false, 1539), "html", null, true);
  2276.                 yield "</span>
  2277.                                 <span class=\"wr-article-arrow\">
  2278.                                 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  2279.                                     <polyline points=\"9 18 15 12 9 6\"/>
  2280.                                 </svg>
  2281.                             </span>
  2282.                             </a>
  2283.                         ";
  2284.             }
  2285.             $_parent = $context['_parent'];
  2286.             unset($context['_seq'], $context['_key'], $context['a'], $context['_parent']);
  2287.             $context = array_intersect_key($context, $_parent) + $_parent;
  2288.             // line 1547
  2289.             yield "                    </div>
  2291.                     <div class=\"articles-cta\">
  2292.                         <a href=\"";
  2293.             // line 1550
  2294.             if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 1550, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  2295.                 yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_cvs_website_articles", ["_locale" => "fr"]);
  2296.             } else {
  2297.                 yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cvs_website_articles");
  2298.             }
  2299.             yield "\">
  2300.                             ";
  2301.             // line 1551
  2302.             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.', 1551, $this->source); })()), "articles_view_all", [], "any", false, false, false, 1551), "html", null, true);
  2303.             yield "
  2304.                             <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>
  2305.                         </a>
  2306.                     </div>
  2307.                 </div>
  2308.             </section>
  2309.         ";
  2310.         }
  2311.         // line 1558
  2312.         yield "
  2313.         ";
  2314.         // line 1560
  2315.         yield "        ";
  2316.         if ((null === 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.', 1560, $this->source); })()), "user", [], "any", false, false, false, 1560))) {
  2317.             // line 1561
  2318.             yield "        <section class=\"wr-section\">
  2319.             <div class=\"wr-container\">
  2320.                 <div class=\"final-card\">
  2322.                     <h2 class=\"final-title\">";
  2323.             // line 1565
  2324.             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.', 1565, $this->source); })()), "final_title", [], "any", false, false, false, 1565), "html", null, true);
  2325.             yield "</h2>
  2327.                     <div class=\"final-grid\">
  2328.                         ";
  2329.             // line 1569
  2330.             yield "                        <div class=\"final-sub\">
  2331.                             <div class=\"final-sub-head\">
  2332.                             <span class=\"final-sub-icon\">
  2333.                                 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  2334.                                     <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"/>
  2335.                                     <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"/>
  2336.                                 </svg>
  2337.                             </span>
  2338.                                 <span class=\"final-sub-label\">";
  2339.             // line 1577
  2340.             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.', 1577, $this->source); })()), "final_recruiter_label", [], "any", false, false, false, 1577), "html", null, true);
  2341.             yield "</span>
  2342.                             </div>
  2343.                             <h3 class=\"final-sub-title\">";
  2344.             // line 1579
  2345.             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.', 1579, $this->source); })()), "final_recruiter_title", [], "any", false, false, false, 1579), "html", null, true);
  2346.             yield "</h3>
  2347.                             <p class=\"final-sub-desc\">";
  2348.             // line 1580
  2349.             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.', 1580, $this->source); })()), "final_recruiter_desc", [], "any", false, false, false, 1580), "html", null, true);
  2350.             yield "</p>
  2351.                             <a href=\"";
  2352.             // line 1581
  2353.             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.', 1581, $this->source); })()), "request", [], "any", false, false, false, 1581), "locale", [], "any", false, false, false, 1581)));
  2354.             yield "\" class=\"final-sub-btn\">
  2355.                                 ";
  2356.             // line 1582
  2357.             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.', 1582, $this->source); })()), "final_recruiter", [], "any", false, false, false, 1582), "html", null, true);
  2358.             yield "
  2359.                                 <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>
  2360.                             </a>
  2361.                         </div>
  2363.                         ";
  2364.             // line 1588
  2365.             yield "                        <div class=\"final-sub\">
  2366.                             <div class=\"final-sub-head\">
  2367.                                 <span class=\"final-sub-icon\">
  2368.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  2369.                                         <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"/>
  2370.                                         <circle cx=\"12\" cy=\"7\" r=\"4\"/>
  2371.                                     </svg>
  2372.                                 </span>
  2373.                                 <span class=\"final-sub-label\">";
  2374.             // line 1596
  2375.             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.', 1596, $this->source); })()), "final_candidate_label", [], "any", false, false, false, 1596), "html", null, true);
  2376.             yield "</span>
  2377.                             </div>
  2378.                             <h3 class=\"final-sub-title\">";
  2379.             // line 1598
  2380.             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.', 1598, $this->source); })()), "final_candidate_title", [], "any", false, false, false, 1598), "html", null, true);
  2381.             yield "</h3>
  2382.                             <p class=\"final-sub-desc\">";
  2383.             // line 1599
  2384.             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.', 1599, $this->source); })()), "final_candidate_desc", [], "any", false, false, false, 1599), "html", null, true);
  2385.             yield "</p>
  2386.                             <a href=\"";
  2387.             // line 1600
  2388.             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.', 1600, $this->source); })()), "request", [], "any", false, false, false, 1600), "locale", [], "any", false, false, false, 1600) == "en")) {
  2389.                 yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("whileresume_homepage");
  2390.             } else {
  2391.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_whileresume_homepage", ["_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.', 1600, $this->source); })()), "request", [], "any", false, false, false, 1600), "locale", [], "any", false, false, false, 1600)]), "html", null, true);
  2392.             }
  2393.             yield "#register\" class=\"final-sub-btn\">
  2394.                                 ";
  2395.             // line 1601
  2396.             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.', 1601, $this->source); })()), "final_candidate", [], "any", false, false, false, 1601), "html", null, true);
  2397.             yield "
  2398.                                 <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>
  2399.                             </a>
  2400.                         </div>
  2401.                     </div>
  2402.                 </div>
  2403.             </div>
  2404.         </section>
  2405.         ";
  2406.         }
  2407.         // line 1610
  2408.         yield "    </div>
  2409. ";
  2410.         
  2411.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  2413.         
  2414.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  2416.         yield from [];
  2417.     }
  2419.     // line 1613
  2420.     /**
  2421.      * @return iterable<null|scalar|\Stringable>
  2422.      */
  2423.     public function block_footer_js(array $context, array $blocks = []): iterable
  2424.     {
  2425.         $macros = $this->macros;
  2426.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  2427.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footer_js"));
  2429.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  2430.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footer_js"));
  2432.         // line 1614
  2433.         yield "    ";
  2434.         yield from $this->yieldParentBlock("footer_js", $context, $blocks);
  2435.         yield "
  2436.     <script>
  2437.         (function(){
  2438.             var search   = document.getElementById('wrHeroSearch');
  2439.             var input    = document.getElementById('wrHeroSearchInput');
  2440.             var clearBtn = document.getElementById('wrHeroSearchClear');
  2441.             var jobsBody = document.getElementById('wrHeroJobsBody');
  2442.             var countEl  = document.getElementById('wrHeroJobsCount');
  2443.             var linkEl   = document.getElementById('wrHeroJobsLink');
  2444.             if (!search || !input || !jobsBody) return;
  2446.             var searchUrl   = search.dataset.searchUrl;
  2447.             var jobsListUrl = search.dataset.jobsListUrl;
  2449.             // On garde l'état initial pour pouvoir le restaurer
  2450.             var defaultBodyHtml  = jobsBody.innerHTML;
  2451.             var defaultCountHtml = countEl ? countEl.innerHTML : '';
  2452.             var defaultLinkHref  = linkEl ? linkEl.getAttribute('href') : jobsListUrl;
  2454.             var debounceTimer = null;
  2455.             var currentRequest = null;
  2456.             var lastQuery = '';
  2458.             var T = {
  2459.                 loading:      '";
  2460.         // line 1638
  2461.         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.', 1638, $this->source); })()), "search_loading", [], "any", false, false, false, 1638), "js"), "html", null, true);
  2462.         yield "',
  2463.                 empty:        '";
  2464.         // line 1639
  2465.         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.', 1639, $this->source); })()), "search_no_results", [], "any", false, false, false, 1639), "js"), "html", null, true);
  2466.         yield "',
  2467.                 emptyHint:    '";
  2468.         // line 1640
  2469.         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.', 1640, $this->source); })()), "search_no_results_hint", [], "any", false, false, false, 1640), "js"), "html", null, true);
  2470.         yield "',
  2471.                 count:        '";
  2472.         // line 1641
  2473.         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.', 1641, $this->source); })()), "search_results_count", [], "any", false, false, false, 1641), "js"), "html", null, true);
  2474.         yield "',
  2475.                 viewAll:      '";
  2476.         // line 1642
  2477.         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.', 1642, $this->source); })()), "search_view_all", [], "any", false, false, false, 1642), "js"), "html", null, true);
  2478.         yield "',
  2479.                 view:         '";
  2480.         // line 1643
  2481.         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.', 1643, $this->source); })()), "search_view_offer", [], "any", false, false, false, 1643), "js"), "html", null, true);
  2482.         yield "'
  2483.             };
  2485.             function escHtml(s){
  2486.                 if (s == null) return '';
  2487.                 return String(s).replace(/[&<>\"']/g, function(c){
  2488.                     return {'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c];
  2489.                 });
  2490.             }
  2492.             function setHeaderCount(total){
  2493.                 if (!countEl) return;
  2494.                 countEl.innerHTML = '<strong>' + total + '</strong>' + escHtml(T.count);
  2495.             }
  2497.             function setHeaderLink(href){
  2498.                 if (!linkEl) return;
  2499.                 linkEl.setAttribute('href', href);
  2500.             }
  2502.             function setLoading(){
  2503.                 jobsBody.innerHTML =
  2504.                     '<div class=\"hero-jobs-loading\">' +
  2505.                     '<span class=\"hero-jobs-spinner\"></span>' +
  2506.                     '<span>' + escHtml(T.loading) + '</span>' +
  2507.                     '</div>';
  2508.             }
  2510.             function setEmpty(){
  2511.                 jobsBody.innerHTML =
  2512.                     '<div class=\"hero-jobs-empty\">' +
  2513.                     '<div class=\"hero-jobs-empty-icon\">' +
  2514.                     '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">' +
  2515.                     '<circle cx=\"11\" cy=\"11\" r=\"8\"/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/>' +
  2516.                     '</svg>' +
  2517.                     '</div>' +
  2518.                     '<p class=\"hero-jobs-empty-title\">' + escHtml(T.empty) + '</p>' +
  2519.                     '<p class=\"hero-jobs-empty-hint\">' + escHtml(T.emptyHint) + '</p>' +
  2520.                     '</div>';
  2521.             }
  2523.             function restoreDefault(){
  2524.                 jobsBody.innerHTML = defaultBodyHtml;
  2525.                 if (countEl) countEl.innerHTML = defaultCountHtml;
  2526.                 if (linkEl) linkEl.setAttribute('href', defaultLinkHref);
  2527.             }
  2529.             function renderResults(payload, query){
  2530.                 var jobs  = (payload && payload.jobs)  || [];
  2531.                 var total = (payload && typeof payload.total === 'number') ? payload.total : jobs.length;
  2533.                 setHeaderCount(total);
  2534.                 setHeaderLink(jobsListUrl + '?q=' + encodeURIComponent(query));
  2536.                 if (!jobs.length){
  2537.                     setEmpty();
  2538.                     return;
  2539.                 }
  2541.                 var html = '';
  2542.                 jobs.slice(0, 6).forEach(function(j){
  2543.                     var title   = j.jobTitle || j.title || '';
  2544.                     var company = j.companyName || j.company || '';
  2545.                     var city    = j.city || '';
  2546.                     var country = j.country || '';
  2547.                     var et      = j.employmentType || '';
  2548.                     var img     = j.image || j.imageUrl || '';
  2549.                     var url     = j.url || (jobsListUrl + '?q=' + encodeURIComponent(query));
  2550.                     var initial = (company || title || '?').charAt(0).toUpperCase();
  2552.                     var location = city + (country ? ', ' + country : '');
  2553.                     var metaParts = [];
  2554.                     if (company)  metaParts.push('<span>' + escHtml(company) + '</span>');
  2555.                     if (location) metaParts.push('<span class=\"hero-default-job-meta-sep\"></span><span>' + escHtml(location) + '</span>');
  2556.                     if (et)       metaParts.push('<span class=\"hero-default-job-meta-sep\"></span><span>' + escHtml(et) + '</span>');
  2558.                     html +=
  2559.                         '<a href=\"' + escHtml(url) + '\" class=\"hero-default-job\">' +
  2560.                         '<div class=\"hero-default-job-logo\">' +
  2561.                         (img
  2562.                             ? '<img src=\"' + escHtml(img) + '\" alt=\"\">'
  2563.                             : escHtml(initial)) +
  2564.                         '</div>' +
  2565.                         '<div class=\"hero-default-job-info\">' +
  2566.                         '<h3 class=\"hero-default-job-title\">' + escHtml(title) + '</h3>' +
  2567.                         '<p class=\"hero-default-job-meta\">' + metaParts.join('') + '</p>' +
  2568.                         '</div>' +
  2569.                         '<span class=\"hero-default-job-arrow\">' +
  2570.                         '<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>' +
  2571.                         '</span>' +
  2572.                         '</a>';
  2573.                 });
  2575.                 jobsBody.innerHTML = html;
  2576.             }
  2578.             function doSearch(query){
  2579.                 if (currentRequest && currentRequest.abort) {
  2580.                     try { currentRequest.abort(); } catch(e){}
  2581.                 }
  2582.                 setLoading();
  2583.                 var url = searchUrl + (searchUrl.indexOf('?') > -1 ? '&' : '?') + 'q=' + encodeURIComponent(query);
  2585.                 var ctrl = (typeof AbortController !== 'undefined') ? new AbortController() : null;
  2586.                 currentRequest = ctrl;
  2588.                 fetch(url, { headers: { 'Accept': 'application/json' }, signal: ctrl ? ctrl.signal : undefined })
  2589.                     .then(function(r){ return r.ok ? r.json() : Promise.reject(r.status); })
  2590.                     .then(function(data){ renderResults(data, query); })
  2591.                     .catch(function(err){
  2592.                         if (err && err.name === 'AbortError') return;
  2593.                         setEmpty();
  2594.                     });
  2595.             }
  2597.             // Input live (debounce 280ms)
  2598.             input.addEventListener('input', function(){
  2599.                 var q = input.value.trim();
  2600.                 clearBtn.classList.toggle('is-visible', q.length > 0);
  2602.                 if (debounceTimer) clearTimeout(debounceTimer);
  2604.                 if (q.length < 2){
  2605.                     restoreDefault();
  2606.                     lastQuery = '';
  2607.                     return;
  2608.                 }
  2609.                 if (q === lastQuery) return;
  2611.                 debounceTimer = setTimeout(function(){
  2612.                     lastQuery = q;
  2613.                     doSearch(q);
  2614.                 }, 280);
  2615.             });
  2617.             // Enter → page de résultats complète
  2618.             input.addEventListener('keydown', function(e){
  2619.                 if (e.key === 'Enter'){
  2620.                     e.preventDefault();
  2621.                     var q = input.value.trim();
  2622.                     if (!q) return;
  2623.                     window.location.href = jobsListUrl + '?q=' + encodeURIComponent(q);
  2624.                 }
  2625.                 if (e.key === 'Escape'){
  2626.                     input.value = '';
  2627.                     clearBtn.classList.remove('is-visible');
  2628.                     restoreDefault();
  2629.                     lastQuery = '';
  2630.                     input.blur();
  2631.                 }
  2632.             });
  2634.             // Clear
  2635.             clearBtn.addEventListener('click', function(){
  2636.                 input.value = '';
  2637.                 clearBtn.classList.remove('is-visible');
  2638.                 restoreDefault();
  2639.                 lastQuery = '';
  2640.                 input.focus();
  2641.             });
  2643.             // Pills \"Populaire\" — au clic, on remplit l'input et on lance la recherche
  2644.             document.querySelectorAll('.hero-popular-pill').forEach(function(pill){
  2645.                 pill.addEventListener('click', function(){
  2646.                     var keyword = pill.dataset.keyword || pill.dataset.label || '';
  2647.                     if (!keyword) return;
  2649.                     // Visuel actif
  2650.                     document.querySelectorAll('.hero-popular-pill').forEach(function(p){ p.classList.remove('is-active'); });
  2651.                     pill.classList.add('is-active');
  2653.                     input.value = keyword;
  2654.                     clearBtn.classList.add('is-visible');
  2655.                     lastQuery = keyword;
  2656.                     doSearch(keyword);
  2657.                     input.focus();
  2658.                 });
  2659.             });
  2660.         })();
  2662.         /* ═══ Reveal au scroll (Intersection Observer) ═══ */
  2663.         (function(){
  2664.             var els = document.querySelectorAll('.reveal');
  2665.             if (!els.length) return;
  2667.             if (!('IntersectionObserver' in window)){
  2668.                 // Fallback : tout révéler
  2669.                 els.forEach(function(el){ el.classList.add('is-revealed'); });
  2670.                 return;
  2671.             }
  2673.             var io = new IntersectionObserver(function(entries){
  2674.                 entries.forEach(function(entry){
  2675.                     if (entry.isIntersecting){
  2676.                         entry.target.classList.add('is-revealed');
  2677.                         io.unobserve(entry.target);
  2678.                     }
  2679.                 });
  2680.             }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' });
  2682.             els.forEach(function(el){ io.observe(el); });
  2683.         })();
  2684.     </script>
  2685. ";
  2686.         
  2687.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  2689.         
  2690.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  2692.         yield from [];
  2693.     }
  2695.     /**
  2696.      * @codeCoverageIgnore
  2697.      */
  2698.     public function getTemplateName(): string
  2699.     {
  2700.         return "application/whileresume/website/candidates/homepage.html.twig";
  2701.     }
  2703.     /**
  2704.      * @codeCoverageIgnore
  2705.      */
  2706.     public function isTraitable(): bool
  2707.     {
  2708.         return false;
  2709.     }
  2711.     /**
  2712.      * @codeCoverageIgnore
  2713.      */
  2714.     public function getDebugInfo(): array
  2715.     {
  2716.         return array (  2481 => 1643,  2477 => 1642,  2473 => 1641,  2469 => 1640,  2465 => 1639,  2461 => 1638,  2433 => 1614,  2420 => 1613,  2408 => 1610,  2396 => 1601,  2388 => 1600,  2384 => 1599,  2380 => 1598,  2375 => 1596,  2365 => 1588,  2357 => 1582,  2353 => 1581,  2349 => 1580,  2345 => 1579,  2340 => 1577,  2330 => 1569,  2324 => 1565,  2318 => 1561,  2315 => 1560,  2312 => 1558,  2302 => 1551,  2294 => 1550,  2289 => 1547,  2275 => 1539,  2271 => 1537,  2266 => 1535,  2263 => 1534,  2260 => 1533,  2255 => 1531,  2252 => 1530,  2250 => 1529,  2246 => 1528,  2241 => 1526,  2230 => 1518,  2227 => 1517,  2224 => 1516,  2221 => 1515,  2218 => 1514,  2215 => 1513,  2212 => 1512,  2209 => 1511,  2206 => 1510,  2203 => 1509,  2200 => 1508,  2197 => 1507,  2194 => 1506,  2191 => 1505,  2188 => 1504,  2184 => 1503,  2177 => 1499,  2172 => 1496,  2169 => 1495,  2156 => 1484,  2152 => 1483,  2145 => 1479,  2137 => 1474,  2133 => 1473,  2121 => 1464,  2117 => 1463,  2108 => 1456,  2095 => 1445,  2091 => 1444,  2086 => 1442,  2080 => 1439,  2076 => 1438,  2071 => 1436,  2067 => 1435,  2061 => 1432,  2057 => 1430,  2048 => 1423,  2044 => 1422,  2039 => 1420,  2033 => 1417,  2029 => 1416,  2024 => 1414,  2020 => 1413,  2014 => 1410,  2010 => 1408,  2007 => 1406,  2002 => 1403,  1993 => 1399,  1989 => 1398,  1981 => 1393,  1967 => 1388,  1963 => 1387,  1953 => 1380,  1947 => 1377,  1939 => 1372,  1933 => 1370,  1931 => 1369,  1926 => 1367,  1922 => 1366,  1915 => 1362,  1911 => 1360,  1905 => 1358,  1903 => 1357,  1890 => 1353,  1886 => 1352,  1881 => 1350,  1873 => 1345,  1867 => 1342,  1859 => 1337,  1855 => 1335,  1846 => 1333,  1842 => 1332,  1838 => 1331,  1833 => 1330,  1831 => 1329,  1829 => 1328,  1821 => 1323,  1814 => 1319,  1807 => 1315,  1800 => 1311,  1796 => 1310,  1791 => 1308,  1784 => 1303,  1782 => 1302,  1780 => 1301,  1771 => 1295,  1767 => 1294,  1762 => 1292,  1756 => 1289,  1752 => 1288,  1747 => 1286,  1743 => 1285,  1737 => 1282,  1733 => 1280,  1724 => 1273,  1720 => 1272,  1715 => 1270,  1709 => 1267,  1705 => 1266,  1700 => 1264,  1696 => 1263,  1690 => 1260,  1686 => 1258,  1681 => 1254,  1672 => 1247,  1668 => 1246,  1663 => 1244,  1655 => 1239,  1651 => 1238,  1646 => 1236,  1638 => 1231,  1634 => 1230,  1629 => 1228,  1620 => 1222,  1615 => 1219,  1610 => 1215,  1603 => 1211,  1592 => 1207,  1587 => 1205,  1580 => 1200,  1577 => 1199,  1572 => 1195,  1569 => 1194,  1563 => 1193,  1560 => 1192,  1554 => 1191,  1551 => 1190,  1549 => 1189,  1541 => 1183,  1536 => 1181,  1533 => 1180,  1530 => 1179,  1521 => 1177,  1518 => 1176,  1515 => 1175,  1509 => 1174,  1504 => 1172,  1500 => 1170,  1494 => 1168,  1488 => 1166,  1486 => 1165,  1476 => 1163,  1473 => 1162,  1468 => 1161,  1465 => 1160,  1460 => 1159,  1458 => 1158,  1447 => 1150,  1439 => 1149,  1432 => 1147,  1426 => 1143,  1423 => 1142,  1417 => 1141,  1412 => 1140,  1407 => 1139,  1404 => 1138,  1401 => 1137,  1398 => 1136,  1386 => 1126,  1382 => 1125,  1377 => 1123,  1362 => 1115,  1354 => 1114,  1350 => 1112,  1347 => 1110,  1343 => 1108,  1333 => 1105,  1327 => 1104,  1323 => 1103,  1319 => 1102,  1315 => 1100,  1311 => 1099,  1307 => 1098,  1304 => 1097,  1301 => 1096,  1295 => 1092,  1291 => 1091,  1287 => 1090,  1283 => 1089,  1279 => 1088,  1270 => 1084,  1264 => 1083,  1257 => 1079,  1251 => 1075,  1247 => 1072,  1234 => 1071,  191 => 39,  178 => 38,  155 => 36,  132 => 35,  109 => 34,  86 => 33,  75 => 1,  69 => 29,  65 => 28,  63 => 27,  61 => 4,  59 => 3,  46 => 1,);
  2717.     }
  2719.     public function getSourceContext(): Source
  2720.     {
  2721.         return new Source("{% extends 'application/whileresume/website/layout-social.html.twig' %}
  2723. {% set isFR = app.request.locale == 'fr' %}
  2724. {% set _keys = [
  2725.     'hero_eyebrow','hero_title_pre','hero_title_accent','hero_title_post','hero_title_accent2','hero_title_2',
  2726.     'hero_lede_pre','hero_lede_brand','hero_lede_mid','hero_lede_word','hero_lede_post',
  2727.     'hero_cta_signup','hero_cta_login',
  2728.     'hero_search_placeholder','hero_popular_label','hero_btn_ios','hero_btn_android',
  2729.     'hero_default_title','hero_search_button','hero_byline_jobs','hero_byline_apps','hero_byline_free','hero_kbd_enter',
  2730.     'search_loading','search_no_results','search_no_results_hint','search_results_count','search_view_all','search_view_offer','search_clear',
  2731.     'how_eyebrow','how_title','how_lede',
  2732.     'how1_title','how1_desc','how2_title','how2_desc','how3_title','how3_desc',
  2733.     'feat1_label','feat1_title','feat1_p1','feat1_p2','feat1_quote','feat1_author','feat1_role',
  2734.     'feat2_label','feat2_title','feat2_p1','feat2_p2','feat2_quote','feat2_author','feat2_role',
  2735.     'feat3_label','feat3_title','feat3_p1','feat3_p2','feat3_quote','feat3_author','feat3_role',
  2736.     'feat4_label','feat4_title','feat4_p1','feat4_p2','feat4_quote','feat4_author','feat4_role',
  2737.     'signup_eyebrow','signup_title','signup_lede','signup_email_ph','signup_pass_ph','signup_pass2_ph',
  2738.     'signup_terms_pre','signup_terms_link','signup_btn','signup_login_pre','signup_login_link',
  2739.     'signup_perk1','signup_perk2','signup_perk3',
  2740.     'apps_eyebrow','apps_title','apps_lede','apps_ios','apps_android','apps_web','apps_ios_desc','apps_android_desc','apps_web_desc',
  2741.     'articles_title','articles_view_all','read_article',
  2742.     'final_eyebrow','final_title',
  2743.     'final_recruiter_label','final_recruiter_title','final_recruiter_desc',
  2744.     'final_candidate_label','final_candidate_title','final_candidate_desc',
  2745.     'final_candidate','final_recruiter'
  2746. ] %}
  2747. {% set t = {} %}
  2748. {% for k in _keys %}
  2749.     {% set t = t|merge({(k): ('homepage.' ~ k)|trans({}, 'whr-public')}) %}
  2750. {% endfor %}
  2753. {% block title %}{{ page.shortTitle }}{% endblock %}
  2754. {% block description %}{{ page.shortDescription }}{% endblock %}
  2755. {% block robots %}{{ page.robots }}{% endblock %}
  2756. {% block canonical %}{% include \"/vitrine/lexend/components/languages/canonical_classic.html.twig\" %}{% endblock %}
  2758. {% block css %}
  2759.     {{ parent() }}
  2760.     <style>
  2761.         :root{
  2762.             --wr-bg:#FBFCFE;
  2763.             --wr-bg-2:#F4F6FB;
  2764.             --wr-card:#FFFFFF;
  2765.             --wr-violet:#8A63C1;
  2766.             --wr-violet-2:#A98AD3;
  2767.             --wr-violet-soft:#F2EDFA;
  2768.             --wr-violet-softer:#F8F4FD;
  2769.             --wr-violet-dark:#6B47A6;
  2770.             --wr-ink:#1E1B2E;
  2771.             --wr-ink-2:#374151;
  2772.             --wr-muted:#6B7280;
  2773.             --wr-muted-2:#9CA3AF;
  2774.             --wr-line:#EEF1F7;
  2775.             --wr-line-2:#E5E9F0;
  2776.             --wr-shadow:0 1px 2px rgba(30,27,46,.04),0 4px 16px rgba(30,27,46,.04);
  2777.             --wr-shadow-hover:0 4px 8px rgba(138,99,192,.08),0 12px 32px rgba(138,99,192,.1);
  2778.             /* Accents colorés pour les logos d'offres (lettres) */
  2779.             --wr-acc-yellow:#FEF3C7;  --wr-acc-yellow-fg:#B45309;
  2780.             --wr-acc-green:#D1FAE5;   --wr-acc-green-fg:#047857;
  2781.             --wr-acc-pink:#FCE7F3;    --wr-acc-pink-fg:#BE185D;
  2782.             --wr-acc-blue:#DBEAFE;    --wr-acc-blue-fg:#1E40AF;
  2783.             --wr-acc-orange:#FED7AA;  --wr-acc-orange-fg:#C2410C;
  2784.             --wr-acc-violet:#EDE9FE;  --wr-acc-violet-fg:#6D28D9;
  2785.             --wr-acc-cyan:#CFFAFE;    --wr-acc-cyan-fg:#0E7490;
  2786.         }
  2788.         /* ═══════════════════════════════════════════════════════════════════
  2789.            PLEINE LARGEUR — On retire la réservation d'espace de la sidebar droite
  2790.            ═══════════════════════════════════════════════════════════════════ */
  2791.         body .main-content.right-chat-active{padding-right:0!important}
  2792.         body .main-content{padding-right:0!important}
  2793.         body .right-chat{display:none!important}
  2794.         body .middle-sidebar-bottom .middle-sidebar-left{padding-right:0!important;max-width:none!important;width:100%!important}
  2795.         body .middle-sidebar-bottom{max-width:none!important}
  2797.         .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}
  2798.         @media(max-width:991px){.wr{margin:0 -15px}}
  2799.         .wr *{box-sizing:border-box}
  2800.         .wr a{color:inherit;text-decoration:none}
  2802.         /* ═══════════════════════════════════════════════════════════════════
  2803.            SECTIONS GENERIC — Fond UNIFIÉ partout (pas d'alternance)
  2804.            ═══════════════════════════════════════════════════════════════════ */
  2805.         .wr-section{padding:80px 32px;background:var(--wr-bg);position:relative}
  2806.         .wr-section--tight{padding:48px 32px}
  2807.         @media(max-width:768px){.wr-section{padding:56px 20px}.wr-section--tight{padding:36px 20px}}
  2809.         /* Filet décoratif au lieu d'un changement de couleur */
  2810.         .wr-section + .wr-section::before{
  2811.             content:\"\";
  2812.             position:absolute;top:0;left:50%;transform:translateX(-50%);
  2813.             width:80px;height:1px;
  2814.             background:linear-gradient(90deg,transparent,var(--wr-line-2),transparent);
  2815.         }
  2817.         .wr-container{max-width:1200px;margin:0 auto;position:relative}
  2819.         /* ═══ Eyebrow ═══ */
  2820.         .wr-eyebrow{
  2821.             display:inline-flex;align-items:center;gap:8px;
  2822.             padding:6px 14px;border-radius:100px;
  2823.             background:var(--wr-violet-soft);
  2824.             color:var(--wr-violet-dark);
  2825.             font-size:11.5px;font-weight:600;
  2826.             text-transform:uppercase;letter-spacing:.12em;
  2827.             margin-bottom:22px;
  2828.         }
  2829.         .wr-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--wr-violet);animation:wrPulse 2.4s ease-in-out infinite}
  2830.         @keyframes wrPulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}
  2832.         /* ═══ Titres ═══ */
  2833.         .wr-title{
  2834.             font-family:inherit;
  2835.             font-weight:700;
  2836.             font-size:28px;line-height:1.15;letter-spacing:-0.025em;
  2837.             color:var(--wr-ink);
  2838.             margin:0 auto 16px;
  2839.             max-width:1200px;
  2840.         }
  2841.         @media(min-width:768px){.wr-title{font-size:34px}}
  2842.         @media(min-width:1024px){.wr-title{font-size:40px}}
  2843.         .wr-title--sm{font-size:24px}
  2844.         @media(min-width:768px){.wr-title--sm{font-size:30px}}
  2845.         .wr-title em{font-style:normal;font-weight:700;color:var(--wr-violet)}
  2847.         .wr-lede{
  2848.             font-size:17px;line-height:1.55;font-weight:400;
  2849.             color:var(--wr-ink-2);
  2850.             margin:0 auto;max-width:680px;
  2851.         }
  2853.         .wr-section-head{text-align:center;margin-bottom:56px}
  2855.         /* ═══════════════════════════════════════════════════════════════════
  2856.            HERO — Style soft, recherche dashboard, boutons pleins
  2857.            ═══════════════════════════════════════════════════════════════════ */
  2858.         @keyframes wrFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
  2859.         @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)}}
  2861.         /* ═══ Reveal au scroll (Intersection Observer ajoute .is-revealed) ═══ */
  2862.         .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
  2863.         .reveal.is-revealed{opacity:1;transform:translateY(0)}
  2864.         .reveal--left{transform:translateX(-32px) translateY(0)}
  2865.         .reveal--left.is-revealed{transform:translateX(0)}
  2866.         .reveal--right{transform:translateX(32px) translateY(0)}
  2867.         .reveal--right.is-revealed{transform:translateX(0)}
  2868.         .reveal--scale{transform:scale(.96);opacity:0}
  2869.         .reveal--scale.is-revealed{transform:scale(1);opacity:1}
  2870.         .reveal[data-reveal-delay=\"1\"]{transition-delay:.08s}
  2871.         .reveal[data-reveal-delay=\"2\"]{transition-delay:.16s}
  2872.         .reveal[data-reveal-delay=\"3\"]{transition-delay:.24s}
  2873.         .reveal[data-reveal-delay=\"4\"]{transition-delay:.32s}
  2874.         @media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}}
  2876.         .hero{
  2877.             position:relative;
  2878.             background:var(--wr-bg);
  2879.             padding:24px 32px 0;
  2880.             overflow:hidden;
  2881.         }
  2882.         @media(max-width:768px){.hero{padding:18px 18px 0}}
  2884.         /* Décor : 2 blobs très flous violet pâle */
  2885.         .hero::before{
  2886.             content:\"\";position:absolute;
  2887.             top:-260px;right:-180px;width:560px;height:560px;
  2888.             background:radial-gradient(circle,rgba(138,99,192,.14) 0%,transparent 65%);
  2889.             pointer-events:none;filter:blur(50px);
  2890.         }
  2891.         .hero::after{
  2892.             content:\"\";position:absolute;
  2893.             top:120px;left:-180px;width:480px;height:480px;
  2894.             background:radial-gradient(circle,rgba(138,99,192,.09) 0%,transparent 65%);
  2895.             pointer-events:none;filter:blur(50px);
  2896.         }
  2898.         .hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;text-align:center}
  2900.         /* ═══ Eyebrow ═══ */
  2901.         .hero-badge{
  2902.             display:inline-flex;align-items:center;gap:8px;
  2903.             padding:7px 16px;border-radius:100px;
  2904.             background:var(--wr-violet-soft);
  2905.             color:var(--wr-violet-dark);
  2906.             font-size:12px;font-weight:600;
  2907.             text-transform:uppercase;letter-spacing:.1em;
  2908.             margin-bottom:10px;
  2909.             opacity:0;transform:translateY(8px);
  2910.             animation:wrFadeUp .8s ease forwards;
  2911.         }
  2912.         .hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--wr-violet);animation:wrPulse2 2s ease infinite}
  2914.         /* ═══ Titre — 57px desktop, plein largeur conteneur ═══ */
  2915.         .hero-title{
  2916.             font-weight:700;
  2917.             font-size:24px;line-height:1.05;letter-spacing:-0.04em;
  2918.             color:var(--wr-ink);
  2919.             margin:0 auto 12px;
  2920.             width:100%;max-width:1200px;
  2921.             opacity:0;transform:translateY(12px);
  2922.             animation:wrFadeUp .9s cubic-bezier(.2,.7,.2,1) .15s forwards;
  2923.         }
  2924.         @media(min-width:768px){.hero-title{font-size:40px;letter-spacing:-0.045em}}
  2925.         @media(min-width:1100px){.hero-title{font-size:57px;letter-spacing:-0.045em}}
  2927.         .hero-title-accent{
  2928.             color:var(--wr-violet);
  2929.         }
  2931.         .hero-lede{
  2932.             font-size:15px;line-height:1.5;color:var(--wr-ink-2);font-weight:400;
  2933.             margin:0 auto 16px;max-width:680px;
  2934.             opacity:0;animation:wrFadeUp .9s ease .4s forwards;
  2935.         }
  2936.         @media(min-width:768px){.hero-lede{font-size:17px}}
  2937.         .hero-lede-accent{color:var(--wr-violet);font-weight:600}
  2939.         /* ═══ Recherche — pleine largeur (alignée sur la liste 1200px) ═══ */
  2940.         .hero-search-wrap{
  2941.             max-width:1200px;margin:0 auto 12px;
  2942.             opacity:0;animation:wrFadeUp .9s ease .55s forwards;
  2943.             position:relative;z-index:5;
  2944.         }
  2945.         .hero-search{
  2946.             background:var(--wr-card);
  2947.             border-radius:14px;
  2948.             box-shadow:0 0 20px 0 rgba(0,0,0,0.05),0 16px 40px rgba(138,99,192,.06);
  2949.             padding:10px;
  2950.             position:relative;
  2951.         }
  2952.         .hero-search-inner{
  2953.             display:flex;align-items:center;gap:10px;
  2954.             padding:10px 14px;border-radius:10px;
  2955.             background:#F9FAFB;border:1px solid #E5E7EB;
  2956.             transition:border-color .2s,background .2s;
  2957.         }
  2958.         .hero-search-inner:focus-within{
  2959.             border-color:rgba(138,99,192,.4);
  2960.             background:#fff;
  2961.         }
  2962.         .hero-search-icon{color:var(--wr-muted-2);display:flex;flex-shrink:0}
  2963.         .hero-search-icon svg{width:16px;height:16px}
  2964.         .hero-search-input{
  2965.             flex:1;border:0;outline:0;background:transparent;
  2966.             font-size:14.5px;font-family:inherit;color:var(--wr-ink);
  2967.             padding:6px 0;min-width:0;
  2968.         }
  2969.         .hero-search-input::placeholder{color:var(--wr-muted-2)}
  2970.         .hero-search-clear{
  2971.             background:none;border:0;color:var(--wr-muted-2);cursor:pointer;
  2972.             padding:4px;display:none;font-family:inherit;
  2973.             border-radius:6px;transition:background .15s,color .15s;
  2974.         }
  2975.         .hero-search-clear:hover{background:var(--wr-violet-soft);color:var(--wr-violet)}
  2976.         .hero-search-clear.is-visible{display:flex;align-items:center}
  2977.         .hero-search-clear svg{width:14px;height:14px}
  2978.         .hero-search-kbd{
  2979.             display:none;align-items:center;
  2980.             padding:3px 8px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;
  2981.             font-size:10.5px;font-weight:600;color:var(--wr-muted);
  2982.             font-family:inherit;letter-spacing:.02em;white-space:nowrap;flex-shrink:0;
  2983.         }
  2984.         .hero-search-inner:focus-within .hero-search-kbd{display:inline-flex}
  2986.         /* ═══ États de la liste de jobs (header, empty, loading) ═══ */
  2987.         .hero-jobs-header{
  2988.             display:flex;align-items:center;justify-content:space-between;gap:10px;
  2989.             padding:14px 22px 10px;
  2990.             border-bottom:1px solid var(--wr-line);
  2991.             margin-bottom:4px;
  2992.         }
  2993.         @media(max-width:540px){.hero-jobs-header{padding:12px 16px 8px}}
  2994.         .hero-jobs-count{
  2995.             font-size:11.5px;color:var(--wr-muted);
  2996.             text-transform:uppercase;letter-spacing:.08em;font-weight:600;
  2997.         }
  2998.         .hero-jobs-count strong{color:var(--wr-violet);font-weight:800;font-size:13px;margin-right:4px}
  2999.         .hero-jobs-link{
  3000.             font-size:11px;font-weight:700;
  3001.             color:var(--wr-violet);
  3002.             text-transform:uppercase;letter-spacing:.08em;
  3003.             text-decoration:none;
  3004.             display:inline-flex;align-items:center;gap:5px;
  3005.             transition:color .15s,transform .15s;
  3006.         }
  3007.         .hero-jobs-link:hover{color:var(--wr-violet-dark);text-decoration:none;transform:translateX(2px)}
  3008.         .hero-jobs-link svg{width:11px;height:11px}
  3010.         .hero-jobs-empty{text-align:center;padding:48px 20px;color:var(--wr-muted)}
  3011.         .hero-jobs-empty-icon{width:48px;height:48px;border-radius:14px;background:var(--wr-violet-soft);color:var(--wr-violet);display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px}
  3012.         .hero-jobs-empty-icon svg{width:22px;height:22px}
  3013.         .hero-jobs-empty-title{font-weight:600;font-size:14px;color:var(--wr-ink);margin:0 0 4px}
  3014.         .hero-jobs-empty-hint{font-size:13px;margin:0;color:var(--wr-muted)}
  3016.         .hero-jobs-loading{text-align:center;padding:36px 20px;color:var(--wr-muted);font-size:13px;display:flex;align-items:center;justify-content:center;gap:10px}
  3017.         .hero-jobs-spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--wr-violet-soft);border-top-color:var(--wr-violet);animation:wrSpin .7s linear infinite}
  3018.         @keyframes wrSpin{to{transform:rotate(360deg)}}
  3020.         /* ═══ Pills \"Populaire\" sous la recherche ═══ */
  3021.         .hero-popular{
  3022.             display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;
  3023.             margin-bottom:18px;
  3024.             opacity:0;animation:wrFadeUp .9s ease .7s forwards;
  3025.         }
  3026.         .hero-popular-label{
  3027.             font-size:11px;font-weight:600;color:var(--wr-muted);
  3028.             text-transform:uppercase;letter-spacing:.06em;
  3029.             margin-right:4px;
  3030.         }
  3031.         .hero-popular-pill{
  3032.             display:inline-flex;align-items:center;gap:5px;
  3033.             padding:6px 12px;border-radius:100px;
  3034.             background:var(--wr-violet-soft);
  3035.             color:var(--wr-violet);
  3036.             font-size:12.5px;font-weight:500;font-family:inherit;
  3037.             text-decoration:none;cursor:pointer;
  3038.             border:1px solid transparent;
  3039.             transition:background .15s,border-color .15s,transform .15s,color .15s;
  3040.         }
  3041.         .hero-popular-pill:hover{
  3042.             background:#EDE9FE;
  3043.             border-color:rgba(138,99,192,.2);
  3044.             transform:translateY(-1px);
  3045.             color:var(--wr-violet);
  3046.             text-decoration:none;
  3047.         }
  3048.         .hero-popular-pill.is-active{
  3049.             background:var(--wr-violet);color:#fff;border-color:var(--wr-violet);
  3050.         }
  3051.         .hero-popular-pill.is-active:hover{background:var(--wr-violet-dark);color:#fff}
  3052.         .hero-popular-pill-icon{font-size:13px;line-height:1}
  3054.         /* ═══ CTA hero (boutons inscription + connexion pour anonymes) ═══ */
  3055.         .hero-cta{
  3056.             display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  3057.             margin:24px 0 8px;
  3058.             opacity:0;animation:wrFadeUp .9s ease 1.1s forwards;
  3059.         }
  3060.         .hero-cta-btn,
  3061.         .hero-cta-btn:link,
  3062.         .hero-cta-btn:visited,
  3063.         .hero-cta-btn:hover,
  3064.         .hero-cta-btn:focus,
  3065.         .hero-cta-btn:active{
  3066.             color:#fff !important;
  3067.             text-decoration:none !important;
  3068.         }
  3069.         .hero-cta-btn{
  3070.             display:inline-flex;align-items:center;gap:8px;
  3071.             padding:11px 20px;border-radius:11px;
  3072.             font-size:13.5px;font-weight:700;font-family:inherit;
  3073.             line-height:1;
  3074.             background:var(--wr-violet);border:1px solid var(--wr-violet);
  3075.             box-shadow:0 4px 14px rgba(138,99,193,.32);
  3076.             transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;
  3077.         }
  3078.         .hero-cta-btn:hover{
  3079.             background:var(--wr-violet-dark);border-color:var(--wr-violet-dark);
  3080.             transform:translateY(-2px);
  3081.             box-shadow:0 6px 20px rgba(138,99,193,.4);
  3082.         }
  3083.         .hero-cta-btn svg{width:15px;height:15px;flex-shrink:0;stroke:#fff !important;color:#fff !important}
  3084.         .hero-cta-btn span{color:#fff !important}
  3085.         @media(max-width:540px){.hero-cta{flex-direction:column;align-items:stretch}.hero-cta-btn{justify-content:center}}
  3087.         /* ═══ Boutons stores — VIOLET PLEIN BLANC ═══ */
  3088.         .hero-stores{
  3089.             display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  3090.             margin-bottom:48px;
  3091.             opacity:0;animation:wrFadeUp .9s ease .85s forwards;
  3092.         }
  3093.         .hero-store-btn{
  3094.             display:inline-flex;align-items:center;gap:10px;
  3095.             padding:13px 24px;border-radius:12px;
  3096.             background:var(--wr-violet);
  3097.             border:0;
  3098.             color:#fff;
  3099.             font-size:14px;font-weight:600;
  3100.             text-decoration:none;
  3101.             transition:background .15s,transform .15s,box-shadow .15s;
  3102.             box-shadow:0 4px 12px rgba(138,99,192,.3);
  3103.         }
  3104.         .hero-store-btn:hover{
  3105.             background:var(--wr-violet-dark);
  3106.             color:#fff;
  3107.             transform:translateY(-2px);
  3108.             box-shadow:0 8px 22px rgba(138,99,192,.4);
  3109.             text-decoration:none;
  3110.         }
  3111.         .hero-store-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}
  3112.         .hero-store-btn-icon svg{width:18px;height:18px}
  3113.         @media(max-width:540px){.hero-stores{flex-direction:column;align-items:stretch;gap:10px}.hero-store-btn{justify-content:center}}
  3115.         /* ═══════════════════════════════════════════════════════════════════
  3116.            LISTE PAR DÉFAUT SOUS LE HERO (offres récentes)
  3117.            ═══════════════════════════════════════════════════════════════════ */
  3118.         .hero-default-jobs{
  3119.             position:relative;z-index:2;
  3120.             max-width:1200px;margin:0 auto;
  3121.             background:var(--wr-card);
  3122.             border:1px solid var(--wr-line);
  3123.             border-radius:18px;
  3124.             padding:8px 0;
  3125.             box-shadow:var(--wr-shadow);
  3126.             opacity:0;animation:wrFadeUp .9s ease 1s forwards;
  3127.             text-align:left;
  3128.         }
  3129.         .hero-default-job{
  3130.             display:flex;align-items:center;gap:16px;
  3131.             padding:14px 22px;
  3132.             text-decoration:none;color:inherit;
  3133.             border-bottom:1px solid var(--wr-line);
  3134.             transition:background .15s;
  3135.         }
  3136.         .hero-default-job:last-child{border-bottom:0}
  3137.         .hero-default-job:hover{background:var(--wr-violet-softer);text-decoration:none;color:inherit}
  3138.         .hero-default-job-logo{
  3139.             width:42px;height:42px;border-radius:11px;flex-shrink:0;
  3140.             display:flex;align-items:center;justify-content:center;
  3141.             font-weight:700;font-size:16px;overflow:hidden;
  3142.         }
  3143.         .hero-default-job-logo img{width:100%;height:100%;object-fit:cover}
  3144.         /* 7 variantes de couleurs cyclées par index */
  3145.         .hero-default-job:nth-child(7n+1) .hero-default-job-logo{background:var(--wr-acc-yellow);color:var(--wr-acc-yellow-fg)}
  3146.         .hero-default-job:nth-child(7n+2) .hero-default-job-logo{background:var(--wr-acc-green);color:var(--wr-acc-green-fg)}
  3147.         .hero-default-job:nth-child(7n+3) .hero-default-job-logo{background:var(--wr-acc-pink);color:var(--wr-acc-pink-fg)}
  3148.         .hero-default-job:nth-child(7n+4) .hero-default-job-logo{background:var(--wr-acc-blue);color:var(--wr-acc-blue-fg)}
  3149.         .hero-default-job:nth-child(7n+5) .hero-default-job-logo{background:var(--wr-acc-orange);color:var(--wr-acc-orange-fg)}
  3150.         .hero-default-job:nth-child(7n+6) .hero-default-job-logo{background:var(--wr-acc-violet);color:var(--wr-acc-violet-fg)}
  3151.         .hero-default-job:nth-child(7n+7) .hero-default-job-logo{background:var(--wr-acc-cyan);color:var(--wr-acc-cyan-fg)}
  3152.         .hero-default-job-info{flex:1;min-width:0}
  3153.         .hero-default-job-title{
  3154.             font-weight:600;font-size:14.5px;color:var(--wr-ink);
  3155.             margin:0 0 2px;line-height:1.3;
  3156.             white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  3157.         }
  3158.         .hero-default-job-meta{
  3159.             font-size:12.5px;color:var(--wr-muted);margin:0;
  3160.             white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  3161.             display:flex;align-items:center;gap:8px;
  3162.         }
  3163.         .hero-default-job-meta-sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--wr-muted-2);flex-shrink:0}
  3164.         .hero-default-job-arrow{flex-shrink:0;color:var(--wr-muted-2);transition:color .15s,transform .15s}
  3165.         .hero-default-job-arrow svg{width:15px;height:15px}
  3166.         .hero-default-job:hover .hero-default-job-arrow{color:var(--wr-violet);transform:translateX(3px)}
  3168.         @media(max-width:768px){
  3169.             .hero-default-jobs{margin:0 -18px;border-radius:14px}
  3170.             .hero-default-job{padding:12px 16px;gap:12px}
  3171.             .hero-default-job-logo{width:36px;height:36px;font-size:13px}
  3172.             .hero-default-job-title{font-size:13.5px}
  3173.             .hero-default-job-meta{font-size:11.5px;gap:6px;flex-wrap:wrap;white-space:normal}
  3174.         }
  3176.         /* ═══════════════════════════════════════════════════════════════════
  3177.            SECTION : 3 PARCOURS
  3178.            ═══════════════════════════════════════════════════════════════════ */
  3179.         .paths-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  3180.         @media(max-width:991px){.paths-grid{grid-template-columns:1fr;gap:14px}}
  3182.         .path-card{
  3183.             position:relative;
  3184.             background:var(--wr-card);
  3185.             border:1px solid var(--wr-line);
  3186.             border-radius:20px;padding:28px;
  3187.             display:flex;flex-direction:column;
  3188.             transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  3189.             box-shadow:var(--wr-shadow);
  3190.         }
  3191.         .path-card:hover{transform:translateY(-4px);box-shadow:var(--wr-shadow-hover);border-color:var(--wr-violet-2)}
  3192.         .path-card-illu{
  3193.             width:64px;height:64px;border-radius:16px;
  3194.             background:var(--wr-violet-soft);color:var(--wr-violet);
  3195.             display:flex;align-items:center;justify-content:center;
  3196.             margin-bottom:22px;
  3197.         }
  3198.         .path-card-illu svg{width:30px;height:30px}
  3199.         .path-card-label{
  3200.             display:inline-block;
  3201.             font-size:11px;font-weight:600;
  3202.             color:var(--wr-violet-dark);text-transform:uppercase;letter-spacing:.1em;
  3203.             margin-bottom:10px;align-self:flex-start;
  3204.         }
  3205.         .path-card-title{
  3206.             font-weight:500;font-size:22px;line-height:1.25;letter-spacing:-0.015em;
  3207.             color:var(--wr-ink);margin:0 0 10px;
  3208.         }
  3209.         .path-card-desc{
  3210.             font-size:14px;line-height:1.6;color:var(--wr-muted);
  3211.             margin:0 0 22px;flex:1;
  3212.         }
  3213.         .path-card-cta{
  3214.             display:inline-flex;align-items:center;justify-content:center;gap:6px;
  3215.             background:var(--wr-violet);color:#fff;
  3216.             padding:12px 18px;border-radius:11px;
  3217.             font-size:13px;font-weight:600;
  3218.             align-self:stretch;
  3219.             transition:background .15s,transform .15s,box-shadow .15s;
  3220.             box-shadow:0 2px 8px rgba(138,99,192,.2);
  3221.         }
  3222.         .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)}
  3223.         .path-card-cta svg{width:13px;height:13px;transition:transform .15s}
  3224.         .path-card-cta:hover svg{transform:translateX(3px)}
  3226.         /* ═══════════════════════════════════════════════════════════════════
  3227.            COMMENT ÇA MARCHE — Card crème englobante avec 3 sous-cards
  3228.            ═══════════════════════════════════════════════════════════════════ */
  3229.         .how-card{
  3230.             background:#F4ECE1;
  3231.             border-radius:24px;
  3232.             padding:32px 24px;
  3233.             display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
  3234.             position:relative;
  3235.         }
  3236.         @media(max-width:991px){.how-card{grid-template-columns:1fr;gap:8px;padding:24px 16px}}
  3237.         @media(min-width:992px){
  3238.             /* Séparateurs verticaux entre les 3 cellules */
  3239.             .how-card .how-step + .how-step{border-left:1px solid rgba(28,25,22,.08)}
  3240.         }
  3242.         .how-step{
  3243.             display:flex;flex-direction:column;align-items:center;text-align:center;
  3244.             padding:16px 20px;
  3245.             gap:16px;
  3246.         }
  3247.         .how-step-illu{
  3248.             width:100%;max-width:280px;aspect-ratio:1/1;
  3249.             border-radius:16px;
  3250.             background:rgba(255,255,255,.5);
  3251.             display:flex;align-items:center;justify-content:center;
  3252.             margin-bottom:4px;
  3253.             overflow:hidden;
  3254.         }
  3255.         .how-step-illu img{width:100%;height:100%;object-fit:contain;display:block}
  3256.         .how-step-illu svg{width:55%;height:55%;opacity:.85}
  3257.         .how-step-title{
  3258.             font-weight:700;font-size:18px;line-height:1.3;letter-spacing:-0.01em;
  3259.             color:var(--wr-ink);margin:0;
  3260.         }
  3261.         @media(min-width:992px){.how-step-title{font-size:20px}}
  3262.         .how-step-desc{
  3263.             font-size:14px;line-height:1.55;color:var(--wr-ink-2);
  3264.             margin:0;max-width:320px;
  3265.         }
  3267.         /* ═══════════════════════════════════════════════════════════════════
  3268.            FEATURES 01-04 — Splits alternés image/texte avec témoignages
  3269.            ═══════════════════════════════════════════════════════════════════ */
  3270.         .feat-block{
  3271.             display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;
  3272.             margin-bottom:64px;
  3273.         }
  3274.         .feat-block:last-child{margin-bottom:0}
  3275.         @media(max-width:991px){
  3276.             .feat-block{grid-template-columns:1fr;gap:24px;margin-bottom:48px}
  3277.         }
  3279.         /* Alterner : 01 illu droite, 02 illu gauche, 03 illu droite, 04 illu gauche */
  3280.         .feat-block:nth-child(odd) .feat-illu{order:2}
  3281.         .feat-block:nth-child(odd) .feat-content{order:1}
  3282.         .feat-block:nth-child(even) .feat-illu{order:1}
  3283.         .feat-block:nth-child(even) .feat-content{order:2}
  3284.         @media(max-width:991px){
  3285.             .feat-block .feat-illu{order:1}
  3286.             .feat-block .feat-content{order:2}
  3287.         }
  3289.         .feat-illu{
  3290.             background:#F5EDE3;
  3291.             border-radius:20px;
  3292.             aspect-ratio:1/1;
  3293.             display:flex;align-items:center;justify-content:center;
  3294.             color:var(--wr-violet);
  3295.             overflow:hidden;
  3296.             position:relative;
  3297.         }
  3298.         .feat-illu img{width:100%;height:100%;object-fit:contain;display:block}
  3299.         .feat-illu svg{width:50%;height:50%;opacity:.85}
  3301.         .feat-content{display:flex;flex-direction:column;gap:18px}
  3302.         .feat-label{
  3303.             font-size:30px;font-weight:800;
  3304.             color:var(--wr-ink);
  3305.             letter-spacing:-0.02em;
  3306.             margin:0;line-height:1;
  3307.         }
  3308.         .feat-title{
  3309.             font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-0.02em;
  3310.             color:var(--wr-ink);margin:0;
  3311.         }
  3312.         @media(min-width:768px){.feat-title{font-size:28px}}
  3313.         @media(min-width:1100px){.feat-title{font-size:30px}}
  3314.         .feat-desc{
  3315.             display:flex;flex-direction:column;gap:14px;
  3316.         }
  3317.         .feat-desc p{
  3318.             font-size:15px;line-height:1.6;color:var(--wr-ink-2);
  3319.             margin:0;opacity:.85;
  3320.         }
  3321.         @media(min-width:1100px){.feat-desc p{font-size:16px}}
  3322.         .feat-desc strong{color:var(--wr-ink);font-weight:700;opacity:1}
  3324.         .feat-quote{
  3325.             background:var(--wr-card);
  3326.             border:1px solid var(--wr-line);
  3327.             border-radius:14px;
  3328.             padding:18px 20px;
  3329.             display:flex;flex-direction:column;gap:10px;
  3330.             margin-top:8px;
  3331.         }
  3332.         .feat-quote-text{
  3333.             font-size:14px;line-height:1.55;color:var(--wr-ink-2);
  3334.             margin:0;font-style:italic;
  3335.         }
  3336.         .feat-quote-author{
  3337.             display:flex;flex-direction:column;
  3338.         }
  3339.         .feat-quote-name{font-size:13px;font-weight:700;color:var(--wr-ink);margin:0}
  3340.         .feat-quote-role{font-size:12px;color:var(--wr-muted);margin:0}
  3342.         /* ═══════════════════════════════════════════════════════════════════
  3343.            MATCH
  3344.            ═══════════════════════════════════════════════════════════════════ */
  3345.         .match-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
  3346.         @media(max-width:991px){.match-grid{grid-template-columns:1fr;gap:40px}}
  3347.         .match-text .wr-title{margin-left:0;text-align:left}
  3348.         .match-text .wr-lede{margin-left:0;text-align:left}
  3349.         .match-text .wr-eyebrow{margin-bottom:20px}
  3351.         .match-features{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}
  3352.         @media(max-width:540px){.match-features{grid-template-columns:1fr}}
  3353.         .match-feature{
  3354.             background:var(--wr-card);border:1px solid var(--wr-line);
  3355.             border-radius:14px;padding:18px;
  3356.             transition:transform .15s,border-color .15s,box-shadow .15s;
  3357.         }
  3358.         .match-feature:hover{transform:translateY(-2px);border-color:var(--wr-violet-soft);box-shadow:var(--wr-shadow)}
  3359.         .match-feature-icon{
  3360.             width:34px;height:34px;border-radius:10px;
  3361.             background:var(--wr-violet-soft);color:var(--wr-violet);
  3362.             display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;
  3363.         }
  3364.         .match-feature-icon svg{width:16px;height:16px}
  3365.         .match-feature-title{font-weight:600;font-size:14px;line-height:1.3;color:var(--wr-ink);margin:0 0 5px}
  3366.         .match-feature-desc{font-size:12.5px;line-height:1.5;color:var(--wr-muted);margin:0}
  3368.         .match-visual{position:relative;display:flex;justify-content:center;align-items:center;padding:40px 0}
  3369.         .match-stack{position:relative;width:100%;max-width:340px;height:340px}
  3370.         .match-stack-card{
  3371.             position:absolute;
  3372.             background:var(--wr-card);border:1px solid var(--wr-line);
  3373.             border-radius:16px;padding:14px;
  3374.             display:flex;align-items:center;gap:12px;
  3375.             box-shadow:var(--wr-shadow);width:100%;
  3376.             transition:transform .3s ease,box-shadow .3s ease;
  3377.             cursor:pointer;
  3378.         }
  3379.         .match-stack-card:hover{
  3380.             transform:translateY(-4px) rotate(0deg)!important;
  3381.             box-shadow:0 20px 50px rgba(138,99,192,.22)!important;
  3382.             z-index:10!important;
  3383.         }
  3384.         .match-stack-card:nth-child(1){top:0;transform:rotate(-6deg) translateX(-10px);z-index:1;animation:wrFloat1 6s ease-in-out infinite}
  3385.         .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:wrFloat2 6s ease-in-out -2s infinite}
  3386.         .match-stack-card:nth-child(3){top:156px;transform:rotate(-3deg) translateX(8px);z-index:2;animation:wrFloat3 6s ease-in-out -4s infinite}
  3387.         .match-stack-card:nth-child(4){top:234px;left:20px;transform:rotate(4deg);z-index:1;animation:wrFloat4 6s ease-in-out -1s infinite}
  3388.         @keyframes wrFloat1{0%,100%{transform:rotate(-6deg) translate(-10px,0)}50%{transform:rotate(-6deg) translate(-10px,-8px)}}
  3389.         @keyframes wrFloat2{0%,100%{transform:rotate(2deg) translate(0,0)}50%{transform:rotate(2deg) translate(0,-6px)}}
  3390.         @keyframes wrFloat3{0%,100%{transform:rotate(-3deg) translate(8px,0)}50%{transform:rotate(-3deg) translate(8px,-7px)}}
  3391.         @keyframes wrFloat4{0%,100%{transform:rotate(4deg) translate(0,0)}50%{transform:rotate(4deg) translate(0,-5px)}}
  3392.         .match-stack-logo{
  3393.             width:38px;height:38px;border-radius:10px;
  3394.             background:var(--wr-violet-soft);color:var(--wr-violet);
  3395.             display:flex;align-items:center;justify-content:center;
  3396.             font-weight:700;font-size:14px;flex-shrink:0;
  3397.         }
  3398.         .match-stack-info{flex:1;min-width:0}
  3399.         .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}
  3400.         .match-stack-meta{font-size:11px;color:var(--wr-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  3401.         .match-stack-heart{
  3402.             width:28px;height:28px;border-radius:50%;
  3403.             background:#FEE2E2;color:#EF4444;
  3404.             display:flex;align-items:center;justify-content:center;flex-shrink:0;
  3405.             animation:wrHeartbeat 1.6s ease-in-out infinite;
  3406.         }
  3407.         .match-stack-card:nth-child(1) .match-stack-heart{animation-delay:0s}
  3408.         .match-stack-card:nth-child(2) .match-stack-heart{animation-delay:.4s}
  3409.         .match-stack-card:nth-child(3) .match-stack-heart{animation-delay:.8s}
  3410.         .match-stack-card:nth-child(4) .match-stack-heart{animation-delay:1.2s}
  3411.         .match-stack-heart svg{width:13px;height:13px;fill:currentColor}
  3412.         @keyframes wrHeartbeat{
  3413.             0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.4)}
  3414.             10%{transform:scale(1.18);box-shadow:0 0 0 0 rgba(239,68,68,.4)}
  3415.             20%{transform:scale(1)}
  3416.             30%{transform:scale(1.12)}
  3417.             40%{transform:scale(1);box-shadow:0 0 0 10px rgba(239,68,68,0)}
  3418.             100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}
  3419.         }
  3421.         /* ═══════════════════════════════════════════════════════════════════
  3422.            SIGNUP FORM (entre feat 02 et 03)
  3423.            ═══════════════════════════════════════════════════════════════════ */
  3424.         .signup-card{
  3425.             position:relative;
  3426.             max-width:980px;margin:64px auto;
  3427.             background:linear-gradient(135deg, #FFFFFF 0%, #FAF7FF 100%);
  3428.             border:1px solid var(--wr-line);
  3429.             border-radius:32px;
  3430.             padding:48px 40px;
  3431.             box-shadow:0 4px 12px rgba(30,27,46,.04), 0 24px 64px rgba(138,99,192,.1);
  3432.             overflow:hidden;
  3433.         }
  3434.         @media(max-width:768px){.signup-card{padding:32px 22px;border-radius:24px;margin:48px auto}}
  3436.         /* Décor : 2 blobs violet pâle dans les coins */
  3437.         .signup-card::before{
  3438.             content:\"\";position:absolute;
  3439.             top:-120px;right:-120px;width:340px;height:340px;
  3440.             background:radial-gradient(circle,rgba(138,99,192,.12) 0%,transparent 65%);
  3441.             pointer-events:none;filter:blur(40px);
  3442.         }
  3443.         .signup-card::after{
  3444.             content:\"\";position:absolute;
  3445.             bottom:-100px;left:-80px;width:280px;height:280px;
  3446.             background:radial-gradient(circle,rgba(138,99,192,.08) 0%,transparent 65%);
  3447.             pointer-events:none;filter:blur(40px);
  3448.         }
  3450.         .signup-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}
  3451.         @media(max-width:880px){.signup-inner{grid-template-columns:1fr;gap:28px}}
  3453.         .signup-text{display:flex;flex-direction:column;gap:14px}
  3454.         .signup-eyebrow{
  3455.             display:inline-flex;align-items:center;gap:8px;
  3456.             padding:7px 14px;border-radius:100px;
  3457.             background:var(--wr-violet-soft);color:var(--wr-violet-dark);
  3458.             font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  3459.             align-self:flex-start;
  3460.         }
  3461.         .signup-title{
  3462.             font-weight:700;font-size:28px;line-height:1.15;letter-spacing:-0.02em;
  3463.             color:var(--wr-ink);margin:0;
  3464.         }
  3465.         @media(min-width:768px){.signup-title{font-size:34px}}
  3466.         .signup-lede{font-size:15px;line-height:1.55;color:var(--wr-ink-2);margin:0;opacity:.85}
  3468.         .signup-perks{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
  3469.         .signup-perk{
  3470.             display:inline-flex;align-items:center;gap:6px;
  3471.             padding:6px 12px;border-radius:100px;
  3472.             background:var(--wr-card);border:1px solid var(--wr-line-2);
  3473.             font-size:12px;font-weight:600;color:var(--wr-ink-2);
  3474.         }
  3475.         .signup-perk svg{width:13px;height:13px;color:#10B981;stroke-width:3;flex-shrink:0}
  3477.         .signup-form{
  3478.             background:var(--wr-card);
  3479.             border:1px solid var(--wr-line);
  3480.             border-radius:20px;
  3481.             padding:24px;
  3482.             display:flex;flex-direction:column;gap:12px;
  3483.             box-shadow:0 1px 2px rgba(30,27,46,.03);
  3484.         }
  3485.         .signup-form-error{
  3486.             background:#FEF2F2;border:1px solid #FECACA;
  3487.             color:#991B1B;
  3488.             border-radius:12px;
  3489.             padding:10px 14px;
  3490.             font-size:13px;line-height:1.45;
  3491.             margin:0;
  3492.         }
  3493.         .signup-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  3494.         @media(max-width:540px){.signup-row{grid-template-columns:1fr}}
  3495.         .signup-field{display:flex;flex-direction:column;gap:0}
  3496.         .signup-card .signup-form input[type=\"email\"],
  3497.         .signup-card .signup-form input[type=\"password\"],
  3498.         .signup-card .signup-form input[type=\"text\"]{
  3499.             width:100%;
  3500.             padding:13px 14px;
  3501.             border:1px solid var(--wr-line-2);border-radius:11px;
  3502.             background:#FAFBFD;
  3503.             font-size:14px;font-family:inherit;color:var(--wr-ink);
  3504.             outline:none;
  3505.             transition:border-color .15s,background .15s,box-shadow .15s;
  3506.             box-sizing:border-box;
  3507.         }
  3508.         .signup-card .signup-form input[type=\"email\"]:focus,
  3509.         .signup-card .signup-form input[type=\"password\"]:focus,
  3510.         .signup-card .signup-form input[type=\"text\"]:focus{
  3511.             border-color:var(--wr-violet);background:#fff;
  3512.             box-shadow:0 0 0 3px rgba(138,99,192,.12);
  3513.         }
  3514.         .signup-card .signup-form input::placeholder{color:var(--wr-muted-2)}
  3516.         .signup-terms{
  3517.             display:flex;align-items:flex-start;gap:10px;
  3518.             font-size:12.5px;line-height:1.45;color:var(--wr-muted);
  3519.             margin:4px 0 0;
  3520.         }
  3521.         .signup-card .signup-form input[type=\"checkbox\"]{
  3522.             width:16px;height:16px;flex-shrink:0;margin-top:2px;accent-color:var(--wr-violet);cursor:pointer;
  3523.         }
  3524.         .signup-terms a{color:var(--wr-violet);font-weight:600;text-decoration:underline}
  3525.         .signup-terms a:hover{color:var(--wr-violet-dark)}
  3527.         .signup-recaptcha{margin:4px 0 0}
  3528.         .signup-recaptcha > div{max-width:100%}
  3530.         .signup-submit{
  3531.             width:100%;
  3532.             padding:14px 22px;border-radius:12px;
  3533.             background:var(--wr-violet);color:#fff;border:0;
  3534.             font-size:14.5px;font-weight:700;font-family:inherit;
  3535.             cursor:pointer;
  3536.             display:inline-flex;align-items:center;justify-content:center;gap:8px;
  3537.             box-shadow:0 4px 14px rgba(138,99,192,.32);
  3538.             transition:background .15s,transform .15s,box-shadow .15s;
  3539.             margin-top:6px;
  3540.         }
  3541.         .signup-submit:hover{background:var(--wr-violet-dark);transform:translateY(-1px);box-shadow:0 6px 20px rgba(138,99,192,.4)}
  3542.         .signup-submit svg{width:14px;height:14px;transition:transform .15s}
  3543.         .signup-submit:hover svg{transform:translateX(3px)}
  3545.         .signup-login{
  3546.             text-align:center;font-size:13px;color:var(--wr-muted);margin:6px 0 0;
  3547.         }
  3548.         .signup-login a{color:var(--wr-violet);font-weight:600;text-decoration:none}
  3549.         .signup-login a:hover{color:var(--wr-violet-dark);text-decoration:underline}
  3551.         /* ═══════════════════════════════════════════════════════════════════
  3552.            APPS
  3553.            ═══════════════════════════════════════════════════════════════════ */
  3554.         .apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  3555.         @media(max-width:768px){.apps-grid{grid-template-columns:1fr}}
  3556.         .app-card{
  3557.             background:var(--wr-card);border:1px solid var(--wr-line);
  3558.             border-radius:18px;padding:24px;
  3559.             display:flex;flex-direction:column;align-items:flex-start;
  3560.             transition:transform .2s,border-color .2s,box-shadow .2s;
  3561.         }
  3562.         .app-card:hover{transform:translateY(-3px);border-color:var(--wr-violet-2);box-shadow:var(--wr-shadow-hover);color:inherit;text-decoration:none}
  3563.         .app-card-icon{
  3564.             width:48px;height:48px;border-radius:14px;
  3565.             background:var(--wr-violet-soft);color:var(--wr-violet);
  3566.             display:inline-flex;align-items:center;justify-content:center;
  3567.             margin-bottom:18px;
  3568.         }
  3569.         .app-card-icon svg{width:22px;height:22px}
  3570.         .app-card-name{font-weight:500;font-size:18px;letter-spacing:-0.01em;color:var(--wr-ink);margin:0 0 6px}
  3571.         .app-card-desc{font-size:13px;line-height:1.5;color:var(--wr-muted);margin:0 0 16px;flex:1}
  3572.         .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}
  3573.         .app-card-cta svg{width:11px;height:11px;transition:transform .15s}
  3574.         .app-card:hover .app-card-cta svg{transform:translateX(3px)}
  3576.         /* ═══════════════════════════════════════════════════════════════════
  3577.            KEYWORDS
  3578.            ═══════════════════════════════════════════════════════════════════ */
  3579.         .keywords-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:1200px;margin:0 auto}
  3580.         .keyword-pill{
  3581.             display:inline-flex;align-items:center;gap:8px;
  3582.             padding:9px 16px;border-radius:100px;
  3583.             background:var(--wr-card);border:1px solid var(--wr-line-2);
  3584.             color:var(--wr-ink-2);
  3585.             font-size:13.5px;font-weight:500;
  3586.             transition:transform .15s,border-color .15s,background .15s,color .15s,box-shadow .15s;
  3587.         }
  3588.         .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)}
  3589.         .keyword-pill-icon{font-size:14px;line-height:1}
  3591.         /* ═══════════════════════════════════════════════════════════════════
  3592.            OFFRES POPULAIRES
  3593.            ═══════════════════════════════════════════════════════════════════ */
  3594.         .listings-block{margin-bottom:32px}
  3595.         .listings-block:last-child{margin-bottom:0}
  3596.         .listings-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}
  3597.         .listings-block-title{
  3598.             display:inline-flex;align-items:center;gap:10px;
  3599.             font-weight:500;font-size:18px;letter-spacing:-0.005em;
  3600.             color:var(--wr-ink);margin:0;
  3601.         }
  3602.         .listings-block-icon{font-size:20px;line-height:1}
  3603.         .listings-block-link{
  3604.             display:inline-flex;align-items:center;gap:4px;
  3605.             padding:6px 12px;border-radius:100px;
  3606.             font-size:12px;font-weight:600;
  3607.             color:var(--wr-violet);
  3608.             text-transform:uppercase;letter-spacing:.06em;
  3609.             border:1px solid var(--wr-violet-soft);
  3610.             background:var(--wr-card);
  3611.             transition:background .15s,border-color .15s,transform .15s;
  3612.         }
  3613.         .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)}
  3614.         .listings-block-link svg{width:11px;height:11px}
  3616.         .listings-jobs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  3617.         @media(max-width:768px){.listings-jobs{grid-template-columns:1fr}}
  3618.         .listing-job{
  3619.             display:flex;align-items:center;gap:14px;
  3620.             background:var(--wr-card);border:1px solid var(--wr-line);
  3621.             border-radius:14px;padding:12px;
  3622.             transition:transform .15s,border-color .15s,box-shadow .15s;
  3623.         }
  3624.         .listing-job:hover{transform:translateY(-2px);border-color:var(--wr-violet-soft);box-shadow:var(--wr-shadow);color:inherit;text-decoration:none}
  3625.         .listing-job-logo{
  3626.             width:42px;height:42px;border-radius:11px;flex-shrink:0;
  3627.             background:var(--wr-violet-soft);color:var(--wr-violet);
  3628.             display:flex;align-items:center;justify-content:center;
  3629.             font-weight:700;font-size:14px;overflow:hidden;
  3630.         }
  3631.         .listing-job-logo img{width:100%;height:100%;object-fit:cover}
  3632.         .listing-job-info{flex:1;min-width:0}
  3633.         .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}
  3634.         .listing-job-meta{font-size:11.5px;color:var(--wr-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  3635.         .listing-job-arrow{flex-shrink:0;color:var(--wr-muted-2);transition:color .15s,transform .15s}
  3636.         .listing-job-arrow svg{width:14px;height:14px}
  3637.         .listing-job:hover .listing-job-arrow{color:var(--wr-violet);transform:translateX(2px)}
  3639.         /* ═══════════════════════════════════════════════════════════════════
  3640.            ARTICLES — Liste sans miniatures (style identique aux jobs-card)
  3641.            ═══════════════════════════════════════════════════════════════════ */
  3642.         .articles-list{display:flex;flex-direction:column;gap:10px;max-width:1200px;margin:0 auto}
  3643.         .wr-article{
  3644.             background:var(--wr-card);border-radius:14px;padding:14px;
  3645.             box-shadow:0 0 16px 0 rgba(0,0,0,0.04);
  3646.             display:flex;align-items:center;gap:14px;
  3647.             text-decoration:none;color:inherit;
  3648.             transition:transform .15s,box-shadow .2s;
  3649.         }
  3650.         .wr-article:hover{
  3651.             transform:translateY(-1px);
  3652.             box-shadow:0 4px 20px rgba(138,99,192,.1);
  3653.             color:inherit;text-decoration:none;
  3654.         }
  3655.         .wr-article-logo{
  3656.             width:50px;height:50px;border-radius:12px;flex-shrink:0;
  3657.             background:linear-gradient(135deg,#EDE9FE,#DDD6FE);
  3658.             display:flex;align-items:center;justify-content:center;
  3659.             color:var(--wr-violet);overflow:hidden;
  3660.         }
  3661.         .wr-article-logo svg{width:24px;height:24px;opacity:.9}
  3662.         .wr-article-info{flex:1;min-width:0}
  3663.         .wr-article-title{
  3664.             font-size:14px;font-weight:700;color:var(--wr-ink);
  3665.             line-height:1.3;margin:0 0 4px;
  3666.             white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  3667.         }
  3668.         .wr-article-meta{
  3669.             font-size:12px;color:var(--wr-muted);
  3670.             white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  3671.             display:flex;align-items:center;gap:8px;margin:0;
  3672.         }
  3673.         .wr-article-meta-sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:#D1D5DB;flex-shrink:0}
  3674.         .wr-article-badge{
  3675.             font-size:11px;font-weight:600;
  3676.             color:var(--wr-violet);background:var(--wr-violet-soft);
  3677.             padding:3px 9px;border-radius:100px;
  3678.             white-space:nowrap;flex-shrink:0;
  3679.             text-transform:uppercase;letter-spacing:.04em;
  3680.         }
  3681.         .wr-article-arrow{flex-shrink:0;color:var(--wr-muted-2);transition:color .15s,transform .15s}
  3682.         .wr-article:hover .wr-article-arrow{color:var(--wr-violet);transform:translateX(2px)}
  3683.         .wr-article-arrow svg{width:18px;height:18px}
  3684.         @media(max-width:540px){
  3685.             .wr-article{padding:12px;gap:10px}
  3686.             .wr-article-logo{width:42px;height:42px}
  3687.             .wr-article-logo svg{width:20px;height:20px}
  3688.             .wr-article-title{font-size:13px}
  3689.             .wr-article-meta{font-size:11px;gap:6px;flex-wrap:wrap;white-space:normal}
  3690.             .wr-article-badge{display:none}
  3691.         }
  3693.         .articles-cta{text-align:center;margin-top:36px}
  3694.         .articles-cta a{
  3695.             display:inline-flex;align-items:center;gap:8px;
  3696.             padding:12px 22px;border-radius:11px;
  3697.             background:var(--wr-violet);color:#fff;
  3698.             font-size:13px;font-weight:600;
  3699.             text-decoration:none;
  3700.             box-shadow:0 4px 12px rgba(138,99,192,.3);
  3701.             transition:background .15s,transform .15s,box-shadow .15s;
  3702.         }
  3703.         .articles-cta a:hover{background:var(--wr-violet-dark);transform:translateY(-2px);box-shadow:0 6px 18px rgba(138,99,192,.4);text-decoration:none;color:#fff}
  3704.         .articles-cta svg{width:12px;height:12px;transition:transform .15s}
  3705.         .articles-cta a:hover svg{transform:translateX(3px)}
  3707.         /* ═══════════════════════════════════════════════════════════════════
  3708.            CTA FINAL — Card violet plein avec eyebrow + 2 sous-cards
  3709.            ═══════════════════════════════════════════════════════════════════ */
  3710.         .final-card{
  3711.             position:relative;
  3712.             background:linear-gradient(135deg,#8A63C0 0%,#9D7BCC 100%);
  3713.             border-radius:28px;
  3714.             padding:48px 40px;
  3715.             color:#fff;overflow:hidden;
  3716.             box-shadow:0 20px 60px -12px rgba(138,99,192,.4);
  3717.         }
  3718.         @media(max-width:768px){.final-card{padding:32px 22px;border-radius:22px}}
  3720.         .final-eyebrow{
  3721.             display:inline-flex;align-items:center;gap:8px;
  3722.             padding:8px 18px;border-radius:100px;
  3723.             background:rgba(255,255,255,.2);
  3724.             color:#fff;
  3725.             font-size:12px;font-weight:700;
  3726.             text-transform:uppercase;letter-spacing:.12em;
  3727.             margin-bottom:20px;
  3728.             backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  3729.         }
  3730.         .final-eyebrow svg{width:13px;height:13px;fill:currentColor}
  3732.         .final-title{
  3733.             font-weight:800;font-size:28px;line-height:1.15;letter-spacing:-0.02em;
  3734.             color:#fff;margin:0 0 36px;
  3735.             max-width:780px;
  3736.         }
  3737.         @media(min-width:768px){.final-title{font-size:38px}}
  3739.         /* Grille 2 sous-cards */
  3740.         .final-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  3741.         @media(max-width:768px){.final-grid{grid-template-columns:1fr;gap:14px}}
  3743.         .final-sub{
  3744.             background:#fff;
  3745.             border-radius:18px;
  3746.             padding:28px;
  3747.             display:flex;flex-direction:column;
  3748.         }
  3749.         @media(max-width:768px){.final-sub{padding:22px}}
  3751.         .final-sub-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
  3752.         .final-sub-icon{
  3753.             width:44px;height:44px;border-radius:11px;
  3754.             background:var(--wr-violet-soft);color:var(--wr-violet);
  3755.             display:flex;align-items:center;justify-content:center;flex-shrink:0;
  3756.         }
  3757.         .final-sub-icon svg{width:22px;height:22px}
  3758.         .final-sub-label{
  3759.             font-size:12.5px;font-weight:700;
  3760.             color:var(--wr-violet);
  3761.             text-transform:uppercase;letter-spacing:.1em;
  3762.         }
  3763.         .final-sub-title{
  3764.             font-weight:800;font-size:18px;line-height:1.3;letter-spacing:-0.01em;
  3765.             color:var(--wr-ink);margin:0 0 10px;
  3766.         }
  3767.         .final-sub-desc{
  3768.             font-size:14px;line-height:1.55;color:var(--wr-muted);
  3769.             margin:0 0 24px;flex:1;
  3770.         }
  3771.         .final-sub-btn{
  3772.             display:flex;align-items:center;justify-content:center;gap:8px;
  3773.             background:var(--wr-violet);color:#fff;
  3774.             padding:14px 18px;border-radius:11px;
  3775.             font-size:14px;font-weight:700;
  3776.             text-decoration:none;
  3777.             transition:background .15s,transform .15s,box-shadow .15s;
  3778.             box-shadow:0 4px 12px rgba(138,99,192,.3);
  3779.         }
  3780.         .final-sub-btn:hover{
  3781.             background:var(--wr-violet-dark);color:#fff;
  3782.             transform:translateY(-2px);
  3783.             box-shadow:0 6px 18px rgba(138,99,192,.4);
  3784.             text-decoration:none;
  3785.         }
  3786.         .final-sub-btn svg{width:14px;height:14px;transition:transform .15s}
  3787.         .final-sub-btn:hover svg{transform:translateX(3px)}
  3788.     </style>
  3789. {% endblock css %}
  3791. {% block body %}
  3792.     <div class=\"wr\">
  3794.         {# ═══════════════ HERO ═══════════════ #}
  3795.         <section class=\"hero\">
  3796.             <div class=\"hero-inner\">
  3797.             <span class=\"hero-badge\">
  3798.                 <span class=\"hero-badge-dot\"></span>
  3799.                 {{ t.hero_eyebrow }}
  3800.             </span>
  3802.                 <h1 class=\"hero-title\">
  3803.                     <span class=\"hero-title-accent\">{{ t.hero_title_accent }}</span> {{ t.hero_title_post }}<br>
  3804.                     <span class=\"hero-title-accent\">{{ t.hero_title_accent2 }}</span> {{ t.hero_title_2 }}
  3805.                 </h1>
  3807.                 <p class=\"hero-lede\">
  3808.                     {{ t.hero_lede_pre }}
  3809.                     <span class=\"hero-lede-accent\">{{ t.hero_lede_brand }}</span>
  3810.                     {{ t.hero_lede_mid }}
  3811.                     <span class=\"hero-lede-accent\">{{ t.hero_lede_word }}</span>
  3812.                     {{ t.hero_lede_post }}
  3813.                 </p>
  3815.                 {# Pills \"Populaire\" — AU-DESSUS de la recherche, cliquer remplit l'input #}
  3816.                 {% if popularKeywords is defined and popularKeywords|length > 0 %}
  3817.                     <div class=\"hero-popular\">
  3818.                         <span class=\"hero-popular-label\">{{ t.hero_popular_label }}</span>
  3819.                         {% for kw in popularKeywords|slice(0, 5) %}
  3820.                             <button type=\"button\"
  3821.                                     class=\"hero-popular-pill\"
  3822.                                     data-keyword=\"{{ kw.keyword }}\"
  3823.                                     data-label=\"{{ kw.label }}\">
  3824.                                 {% if kw.icon %}<span class=\"hero-popular-pill-icon\">{{ kw.icon|raw }}</span>{% endif %}
  3825.                                 <span>{{ kw.label }}</span>
  3826.                             </button>
  3827.                         {% endfor %}
  3828.                     </div>
  3829.                 {% endif %}
  3831.                 {# Recherche inline AJAX — style dashboard jobs #}
  3832.                 <div class=\"hero-search-wrap\">
  3833.                     <div class=\"hero-search\" id=\"wrHeroSearch\"
  3834.                          data-search-url=\"{% if isFR %}{{ path('locale_api_jobs_search',{'_locale':'fr'}) }}{% else %}{{ path('api_jobs_search') }}{% endif %}\"
  3835.                          data-jobs-list-url=\"{% if isFR %}{{ path('locale_whileresume_jobs_list',{'_locale':'fr'}) }}{% else %}{{ path('whileresume_jobs_list') }}{% endif %}\">
  3836.                         <div class=\"hero-search-inner\">
  3837.                         <span class=\"hero-search-icon\">
  3838.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  3839.                                 <circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"M21 21l-4.35-4.35\"/>
  3840.                             </svg>
  3841.                         </span>
  3842.                             <input type=\"text\" name=\"q\" id=\"wrHeroSearchInput\" class=\"hero-search-input\"
  3843.                                    placeholder=\"{{ t.hero_search_placeholder }}\"
  3844.                                    autocomplete=\"off\" />
  3845.                             <span class=\"hero-search-kbd\">↵ {{ isFR ? 'Entrée' : 'Enter' }}</span>
  3846.                             <button type=\"button\" class=\"hero-search-clear\" id=\"wrHeroSearchClear\" aria-label=\"{{ t.search_clear }}\">
  3847.                                 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  3848.                                     <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/>
  3849.                                 </svg>
  3850.                             </button>
  3851.                         </div>
  3852.                     </div>
  3853.                 </div>
  3855.                 {# Liste de jobs — par défaut popularJobs, remplacée par les résultats AJAX #}
  3856.                 {% set _heroCount = 0 %}
  3857.                 {% set _heroTotal = 0 %}
  3858.                 {% if popularJobs is defined %}
  3859.                     {% for block in popularJobs %}
  3860.                         {% if block.jobs is defined %}{% set _heroTotal = _heroTotal + block.jobs|length %}{% endif %}
  3861.                     {% endfor %}
  3862.                 {% endif %}
  3864.                 <div class=\"hero-default-jobs\" id=\"wrHeroJobsList\">
  3865.                     <div class=\"hero-jobs-header\" id=\"wrHeroJobsHeader\">
  3866.                     <span class=\"hero-jobs-count\" id=\"wrHeroJobsCount\">
  3867.                         <strong>{{ _heroTotal ?: (totalJobs ?? '') }}</strong>{{ t.search_results_count }}
  3868.                     </span>
  3869.                         <a href=\"{% if isFR %}{{ path('locale_whileresume_jobs_list',{'_locale':'fr'}) }}{% else %}{{ path('whileresume_jobs_list') }}{% endif %}\" class=\"hero-jobs-link\" id=\"wrHeroJobsLink\">
  3870.                             {{ t.search_view_all }}
  3871.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  3872.                                 <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/>
  3873.                             </svg>
  3874.                         </a>
  3875.                     </div>
  3877.                     <div id=\"wrHeroJobsBody\">
  3878.                         {% if popularJobs is defined and popularJobs|length > 0 %}
  3879.                             {% for block in popularJobs %}
  3880.                                 {% if block.jobs is defined and block.jobs|length > 0 %}
  3881.                                     {% for j in block.jobs %}
  3882.                                         {% if _heroCount < 6 %}
  3883.                                             <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=\"hero-default-job\">
  3884.                                                 <div class=\"hero-default-job-logo\">
  3885.                                                     {% if j.image and j.image.name %}
  3886.                                                         <img src=\"{{ vich_uploader_asset(j, 'imageFile') }}\" alt=\"\">
  3887.                                                     {% else %}
  3888.                                                         {{ j.companyName|default('?')|slice(0,1)|upper }}
  3889.                                                     {% endif %}
  3890.                                                 </div>
  3891.                                                 <div class=\"hero-default-job-info\">
  3892.                                                     <h3 class=\"hero-default-job-title\">{{ j.jobTitle }}</h3>
  3893.                                                     <p class=\"hero-default-job-meta\">
  3894.                                                         {% if j.companyName %}<span>{{ j.companyName }}</span>{% endif %}
  3895.                                                         {% if j.city %}
  3896.                                                             <span class=\"hero-default-job-meta-sep\"></span>
  3897.                                                             <span>{{ j.city }}{% if j.country %}, {{ j.country }}{% endif %}</span>
  3898.                                                         {% endif %}
  3899.                                                         {% if j.employmentType %}
  3900.                                                             <span class=\"hero-default-job-meta-sep\"></span>
  3901.                                                             <span>{{ j.employmentType }}</span>
  3902.                                                         {% endif %}
  3903.                                                     </p>
  3904.                                                 </div>
  3905.                                                 <span class=\"hero-default-job-arrow\">
  3906.                                                 <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>
  3907.                                             </span>
  3908.                                             </a>
  3909.                                             {% set _heroCount = _heroCount + 1 %}
  3910.                                         {% endif %}
  3911.                                     {% endfor %}
  3912.                                 {% endif %}
  3913.                             {% endfor %}
  3914.                         {% endif %}
  3915.                     </div>
  3916.                 </div>
  3918.                 {# CTA pour utilisateurs non connectés : Inscription + Connexion #}
  3919.                 {% if app.user is null %}
  3920.                     <div class=\"hero-cta\">
  3921.                         <a href=\"#register\" class=\"hero-cta-btn\">
  3922.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  3923.                                 <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"/><circle cx=\"8.5\" cy=\"7\" r=\"4\"/><line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"/><line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"/>
  3924.                             </svg>
  3925.                             {{ t.hero_cta_signup }}
  3926.                         </a>
  3927.                         <a href=\"{% if isFR %}{{ path('locale_app_login',{'_locale':'fr'}) }}{% else %}{{ path('app_login') }}{% endif %}\" class=\"hero-cta-btn\">
  3928.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  3929.                                 <path d=\"M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4\"/><polyline points=\"10 17 15 12 10 7\"/><line x1=\"15\" y1=\"12\" x2=\"3\" y2=\"12\"/>
  3930.                             </svg>
  3931.                             {{ t.hero_cta_login }}
  3932.                         </a>
  3933.                     </div>
  3934.                 {% endif %}
  3935.             </div>
  3936.         </section>
  3938.         {# ═══════════════ COMMENT ÇA MARCHE ═══════════════ #}
  3939.         <section class=\"wr-section\">
  3940.             <div class=\"wr-container\">
  3941.                 <div class=\"wr-section-head\">
  3942.                     <h2 class=\"wr-title\">{{ t.how_title }}</h2>
  3943.                 </div>
  3945.                 <div class=\"how-card\">
  3946.                     <div class=\"how-step reveal\" data-reveal-delay=\"1\">
  3947.                         <div class=\"how-step-illu\">
  3948.                             <img src=\"/uploads/rh/mascotte_register.png\" alt=\"{{ t.how1_title }}\" loading=\"lazy\">
  3949.                         </div>
  3950.                         <h3 class=\"how-step-title\">{{ t.how1_title }}</h3>
  3951.                         <p class=\"how-step-desc\">{{ t.how1_desc }}</p>
  3952.                     </div>
  3954.                     <div class=\"how-step reveal\" data-reveal-delay=\"2\">
  3955.                         <div class=\"how-step-illu\">
  3956.                             <img src=\"/uploads/rh/mascotte_upload2.png\" alt=\"{{ t.how2_title }}\" loading=\"lazy\">
  3957.                         </div>
  3958.                         <h3 class=\"how-step-title\">{{ t.how2_title }}</h3>
  3959.                         <p class=\"how-step-desc\">{{ t.how2_desc }}</p>
  3960.                     </div>
  3962.                     <div class=\"how-step reveal\" data-reveal-delay=\"3\">
  3963.                         <div class=\"how-step-illu\">
  3964.                             <img src=\"/uploads/rh/mascotte_reunion.png\" alt=\"{{ t.how3_title }}\" loading=\"lazy\">
  3965.                         </div>
  3966.                         <h3 class=\"how-step-title\">{{ t.how3_title }}</h3>
  3967.                         <p class=\"how-step-desc\">{{ t.how3_desc }}</p>
  3968.                     </div>
  3969.                 </div>
  3970.             </div>
  3971.         </section>
  3973.         {# ═══════════════ FEATURES 01-04 ═══════════════ #}
  3974.         <section class=\"wr-section\">
  3975.             <div class=\"wr-container\">
  3977.                 {# Feature 01 — Filtrage par critères #}
  3978.                 <div class=\"feat-block reveal\">
  3979.                     <div class=\"feat-illu\">
  3980.                         <img src=\"/uploads/rh/mascotte_filtrage3.png\" alt=\"{{ t.feat1_title }}\" loading=\"lazy\">
  3981.                     </div>
  3982.                     <div class=\"feat-content\">
  3983.                         <span class=\"feat-label\">{{ t.feat1_label }}</span>
  3984.                         <h3 class=\"feat-title\">{{ t.feat1_title }}</h3>
  3985.                         <div class=\"feat-desc\">
  3986.                             <p>{{ t.feat1_p1|raw }}</p>
  3987.                             <p>{{ t.feat1_p2|raw }}</p>
  3988.                         </div>
  3989.                         <div class=\"feat-quote\">
  3990.                             <p class=\"feat-quote-text\">{{ t.feat1_quote }}</p>
  3991.                             <div class=\"feat-quote-author\">
  3992.                                 <p class=\"feat-quote-name\">{{ t.feat1_author }}</p>
  3993.                                 <p class=\"feat-quote-role\">{{ t.feat1_role }}</p>
  3994.                             </div>
  3995.                         </div>
  3996.                     </div>
  3997.                 </div>
  3999.                 {# Feature 02 — Optimisation intelligente #}
  4000.                 <div class=\"feat-block reveal\">
  4001.                     <div class=\"feat-illu\">
  4002.                         <img src=\"/uploads/rh/mascotte_upload.png\" alt=\"{{ t.feat2_title }}\" loading=\"lazy\">
  4003.                     </div>
  4004.                     <div class=\"feat-content\">
  4005.                         <span class=\"feat-label\">{{ t.feat2_label }}</span>
  4006.                         <h3 class=\"feat-title\">{{ t.feat2_title }}</h3>
  4007.                         <div class=\"feat-desc\">
  4008.                             <p>{{ t.feat2_p1|raw }}</p>
  4009.                             <p>{{ t.feat2_p2|raw }}</p>
  4010.                         </div>
  4011.                         <div class=\"feat-quote\">
  4012.                             <p class=\"feat-quote-text\">{{ t.feat2_quote }}</p>
  4013.                             <div class=\"feat-quote-author\">
  4014.                                 <p class=\"feat-quote-name\">{{ t.feat2_author }}</p>
  4015.                                 <p class=\"feat-quote-role\">{{ t.feat2_role }}</p>
  4016.                             </div>
  4017.                         </div>
  4018.                     </div>
  4019.                 </div>
  4021.                 {% if app.user is null %}
  4022.                 {# ═════ INSCRIPTION (entre feat 02 et 03) ═════ #}
  4023.                 <div class=\"signup-card reveal reveal--scale\" id=\"register\">
  4024.                     <div class=\"signup-inner\">
  4025.                         <div class=\"signup-text\">
  4026.                             <span class=\"signup-eyebrow\">
  4027.                                 <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"/><circle cx=\"8.5\" cy=\"7\" r=\"4\"/><line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"/><line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"/></svg>
  4028.                                 {{ t.signup_eyebrow }}
  4029.                             </span>
  4030.                             <h3 class=\"signup-title\">{{ t.signup_title }}</h3>
  4031.                             <p class=\"signup-lede\">{{ t.signup_lede }}</p>
  4032.                             <div class=\"signup-perks\">
  4033.                                 <span class=\"signup-perk\">
  4034.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg>
  4035.                                     {{ t.signup_perk1 }}
  4036.                                 </span>
  4037.                                 <span class=\"signup-perk\">
  4038.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg>
  4039.                                     {{ t.signup_perk2 }}
  4040.                                 </span>
  4041.                                 <span class=\"signup-perk\">
  4042.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg>
  4043.                                     {{ t.signup_perk3 }}
  4044.                                 </span>
  4045.                             </div>
  4046.                         </div>
  4048.                         {% if form is defined %}
  4049.                             {# Cas 1 : le controller passe le formulaire Symfony — rendu via form_widget #}
  4050.                             {{ form_start(form, {'attr': {'class': 'signup-form', 'novalidate': 'novalidate'}}) }}
  4051.                             {{ form_errors(form) }}
  4052.                             {% for message in app.flashes('danger') %}
  4053.                                 <p class=\"signup-form-error\">{{ message }}</p>
  4054.                             {% endfor %}
  4056.                             <div class=\"signup-field\">
  4057.                                 {{ form_widget(form.email, {'attr': {'placeholder': t.signup_email_ph}}) }}
  4058.                             </div>
  4060.                             <div class=\"signup-row\">
  4061.                                 <div class=\"signup-field\">
  4062.                                     {{ form_widget(form.password.first, {'attr': {'placeholder': t.signup_pass_ph}}) }}
  4063.                                 </div>
  4064.                                 <div class=\"signup-field\">
  4065.                                     {{ form_widget(form.password.second, {'attr': {'placeholder': t.signup_pass2_ph}}) }}
  4066.                                 </div>
  4067.                             </div>
  4069.                             <label class=\"signup-terms\">
  4070.                                 {{ form_widget(form.acceptTerm) }}
  4071.                                 <span>
  4072.                                         {{ t.signup_terms_pre }}
  4073.                                         <a href=\"{% if isFR %}/fr/protections-donnees-candidats{% else %}/data-protection-candidates{% endif %}\" target=\"_blank\" rel=\"noopener\">{{ t.signup_terms_link }}</a>.
  4074.                                     </span>
  4075.                             </label>
  4077.                             {% if form.recaptcha is defined %}
  4078.                                 <div class=\"signup-recaptcha\">{{ form_widget(form.recaptcha) }}</div>
  4079.                             {% endif %}
  4081.                             <button type=\"submit\" class=\"signup-submit\">
  4082.                                 {{ t.signup_btn }}
  4083.                                 <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>
  4084.                             </button>
  4086.                             {{ form_rest(form) }}
  4087.                             {{ form_end(form) }}
  4088.                         {% else %}
  4089.                             {# Cas 2 : pas de form Symfony injecté — on redirige vers la page inscription qui a le vrai form #}
  4090.                             <form class=\"signup-form\" method=\"get\" action=\"{{ path('whileresume_resume_' ~ app.request.locale) }}#register\">
  4091.                                 <div class=\"signup-field\">
  4092.                                     <input type=\"email\" name=\"email\" placeholder=\"{{ t.signup_email_ph }}\" required>
  4093.                                 </div>
  4095.                                 <div class=\"signup-row\">
  4096.                                     <div class=\"signup-field\">
  4097.                                         <input type=\"password\" name=\"password\" placeholder=\"{{ t.signup_pass_ph }}\" required minlength=\"8\">
  4098.                                     </div>
  4099.                                     <div class=\"signup-field\">
  4100.                                         <input type=\"password\" name=\"password_confirm\" placeholder=\"{{ t.signup_pass2_ph }}\" required minlength=\"8\">
  4101.                                     </div>
  4102.                                 </div>
  4104.                                 <label class=\"signup-terms\">
  4105.                                     <input type=\"checkbox\" name=\"acceptTerm\" required>
  4106.                                     <span>
  4107.                                         {{ t.signup_terms_pre }}
  4108.                                         <a href=\"{% if isFR %}/fr/protections-donnees-candidats{% else %}/data-protection-candidates{% endif %}\" target=\"_blank\" rel=\"noopener\">{{ t.signup_terms_link }}</a>.
  4109.                                     </span>
  4110.                                 </label>
  4112.                                 <button type=\"submit\" class=\"signup-submit\">
  4113.                                     {{ t.signup_btn }}
  4114.                                     <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>
  4115.                                 </button>
  4117.                                 <p class=\"signup-login\">
  4118.                                     {{ t.signup_login_pre }}
  4119.                                     <a href=\"{{ path('app_login') }}\">{{ t.signup_login_link }}</a>
  4120.                                 </p>
  4121.                             </form>
  4122.                         {% endif %}
  4123.                     </div>
  4124.                 </div>
  4125.                 {% endif %}
  4127.                 {# Feature 03 — Recherche qualifiée #}
  4128.                 <div class=\"feat-block reveal\">
  4129.                     <div class=\"feat-illu\">
  4130.                         <img src=\"/uploads/rh/mascotte_register.png\" alt=\"{{ t.feat3_title }}\" loading=\"lazy\">
  4131.                     </div>
  4132.                     <div class=\"feat-content\">
  4133.                         <span class=\"feat-label\">{{ t.feat3_label }}</span>
  4134.                         <h3 class=\"feat-title\">{{ t.feat3_title }}</h3>
  4135.                         <div class=\"feat-desc\">
  4136.                             <p>{{ t.feat3_p1|raw }}</p>
  4137.                             <p>{{ t.feat3_p2|raw }}</p>
  4138.                         </div>
  4139.                         <div class=\"feat-quote\">
  4140.                             <p class=\"feat-quote-text\">{{ t.feat3_quote }}</p>
  4141.                             <div class=\"feat-quote-author\">
  4142.                                 <p class=\"feat-quote-name\">{{ t.feat3_author }}</p>
  4143.                                 <p class=\"feat-quote-role\">{{ t.feat3_role }}</p>
  4144.                             </div>
  4145.                         </div>
  4146.                     </div>
  4147.                 </div>
  4149.                 {# Feature 04 — Contact direct qualifié #}
  4150.                 <div class=\"feat-block reveal\">
  4151.                     <div class=\"feat-illu\">
  4152.                         <img src=\"/uploads/rh/mascotte_reunion.png\" alt=\"{{ t.feat4_title }}\" loading=\"lazy\">
  4153.                     </div>
  4154.                     <div class=\"feat-content\">
  4155.                         <span class=\"feat-label\">{{ t.feat4_label }}</span>
  4156.                         <h3 class=\"feat-title\">{{ t.feat4_title }}</h3>
  4157.                         <div class=\"feat-desc\">
  4158.                             <p>{{ t.feat4_p1|raw }}</p>
  4159.                             <p>{{ t.feat4_p2|raw }}</p>
  4160.                         </div>
  4161.                         <div class=\"feat-quote\">
  4162.                             <p class=\"feat-quote-text\">{{ t.feat4_quote }}</p>
  4163.                             <div class=\"feat-quote-author\">
  4164.                                 <p class=\"feat-quote-name\">{{ t.feat4_author }}</p>
  4165.                                 <p class=\"feat-quote-role\">{{ t.feat4_role }}</p>
  4166.                             </div>
  4167.                         </div>
  4168.                     </div>
  4169.                 </div>
  4171.             </div>
  4172.         </section>
  4175.         {# ═══════════════ APPS ═══════════════ #}
  4176.         <section class=\"wr-section\">
  4177.             <div class=\"wr-container\">
  4178.                 <div class=\"apps-grid\">
  4179.                     <a href=\"#\" class=\"app-card\">
  4180.                     <span class=\"app-card-icon\">
  4181.                         <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>
  4182.                     </span>
  4183.                         <h3 class=\"app-card-name\">{{ t.apps_ios }}</h3>
  4184.                         <p class=\"app-card-desc\">{{ t.apps_ios_desc }}</p>
  4185.                         <span class=\"app-card-cta\">App Store
  4186.                         <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>
  4187.                     </span>
  4188.                     </a>
  4189.                     <a href=\"#\" class=\"app-card\">
  4190.                     <span class=\"app-card-icon\">
  4191.                         <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>
  4192.                     </span>
  4193.                         <h3 class=\"app-card-name\">{{ t.apps_android }}</h3>
  4194.                         <p class=\"app-card-desc\">{{ t.apps_android_desc }}</p>
  4195.                         <span class=\"app-card-cta\">Google Play
  4196.                         <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>
  4197.                     </span>
  4198.                     </a>
  4199.                     <a href=\"{{ path('whileresume_resume_' ~ app.request.locale) }}\" class=\"app-card\">
  4200.                     <span class=\"app-card-icon\">
  4201.                         <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>
  4202.                     </span>
  4203.                         <h3 class=\"app-card-name\">{{ t.apps_web }}</h3>
  4204.                         <p class=\"app-card-desc\">{{ t.apps_web_desc }}</p>
  4205.                         <span class=\"app-card-cta\">whileresume.com
  4206.                         <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>
  4207.                     </span>
  4208.                     </a>
  4209.                 </div>
  4210.             </div>
  4211.         </section>
  4214.         {# ═══════════════ ARTICLES ═══════════════ #}
  4215.         {% if articles is defined and articles|length > 0 %}
  4216.             <section class=\"wr-section\">
  4217.                 <div class=\"wr-container\">
  4218.                     <div class=\"wr-section-head\">
  4219.                         <h2 class=\"wr-title wr-title--sm\">{{ t.articles_title }}</h2>
  4220.                     </div>
  4222.                     <div class=\"articles-list\">
  4223.                         {% for a in articles|slice(0,6) %}
  4224.                             {% set prefix = \"\" %}
  4225.                             {% set urlA = path('cvs_website_article',{'slug': a.slug}) %}
  4226.                             {% if app.request.locale != default_locale %}
  4227.                                 {% set urlA = path('locale_cvs_website_article',{'_locale':app.request.locale,'slug': a.slug}) %}
  4228.                                 {% set prefix = \"/\" ~ app.request.locale %}
  4229.                             {% endif %}
  4230.                             {% if a.pageslug3 is not empty %}
  4231.                                 {% set urlA = prefix ~ '/' ~ a.pageslug ~ '/' ~ a.pageslug2 ~ '/' ~ a.pageslug3 %}
  4232.                             {% elseif a.pageslug2 is not empty %}
  4233.                                 {% set urlA = prefix ~ '/' ~ a.pageslug ~ '/' ~ a.pageslug2 %}
  4234.                             {% elseif a.pageslug is not empty %}
  4235.                                 {% set urlA = prefix ~ '/' ~ a.pageslug %}
  4236.                             {% endif %}
  4238.                             <a href=\"{{ urlA }}\" class=\"wr-article\">
  4239.                                 <div class=\"wr-article-logo\">
  4240.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  4241.                                         <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"/>
  4242.                                         <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"/>
  4243.                                     </svg>
  4244.                                 </div>
  4245.                                 <div class=\"wr-article-info\">
  4246.                                     <h3 class=\"wr-article-title\">{{ a.title }}</h3>
  4247.                                     <div class=\"wr-article-meta\">
  4248.                                         <span>{{ a.publishedAt|date(isFR ? 'd M Y' : 'M d, Y') }}</span>
  4249.                                         {% if a.author is not null and a.author is not empty %}
  4250.                                             <span class=\"wr-article-meta-sep\"></span>
  4251.                                             <span>{{ a.author }}</span>
  4252.                                         {% endif %}
  4253.                                         {% if a.subtitle is not empty %}
  4254.                                             <span class=\"wr-article-meta-sep\"></span>
  4255.                                             <span>{{ a.subtitle|length > 60 ? a.subtitle|slice(0,60) ~ '…' : a.subtitle }}</span>
  4256.                                         {% endif %}
  4257.                                     </div>
  4258.                                 </div>
  4259.                                 <span class=\"wr-article-badge\">{{ t.read_article }}</span>
  4260.                                 <span class=\"wr-article-arrow\">
  4261.                                 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  4262.                                     <polyline points=\"9 18 15 12 9 6\"/>
  4263.                                 </svg>
  4264.                             </span>
  4265.                             </a>
  4266.                         {% endfor %}
  4267.                     </div>
  4269.                     <div class=\"articles-cta\">
  4270.                         <a href=\"{% if isFR %}{{ path('locale_cvs_website_articles',{'_locale':'fr'}) }}{% else %}{{ path('cvs_website_articles') }}{% endif %}\">
  4271.                             {{ t.articles_view_all }}
  4272.                             <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>
  4273.                         </a>
  4274.                     </div>
  4275.                 </div>
  4276.             </section>
  4277.         {% endif %}
  4279.         {# ═══════════════ CTA FINAL ═══════════════ #}
  4280.         {% if app.user is null %}
  4281.         <section class=\"wr-section\">
  4282.             <div class=\"wr-container\">
  4283.                 <div class=\"final-card\">
  4285.                     <h2 class=\"final-title\">{{ t.final_title }}</h2>
  4287.                     <div class=\"final-grid\">
  4288.                         {# Recruteur #}
  4289.                         <div class=\"final-sub\">
  4290.                             <div class=\"final-sub-head\">
  4291.                             <span class=\"final-sub-icon\">
  4292.                                 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  4293.                                     <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"/>
  4294.                                     <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"/>
  4295.                                 </svg>
  4296.                             </span>
  4297.                                 <span class=\"final-sub-label\">{{ t.final_recruiter_label }}</span>
  4298.                             </div>
  4299.                             <h3 class=\"final-sub-title\">{{ t.final_recruiter_title }}</h3>
  4300.                             <p class=\"final-sub-desc\">{{ t.final_recruiter_desc }}</p>
  4301.                             <a href=\"{{ path('whileresume_business_' ~ app.request.locale) }}\" class=\"final-sub-btn\">
  4302.                                 {{ t.final_recruiter }}
  4303.                                 <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>
  4304.                             </a>
  4305.                         </div>
  4307.                         {# Candidat #}
  4308.                         <div class=\"final-sub\">
  4309.                             <div class=\"final-sub-head\">
  4310.                                 <span class=\"final-sub-icon\">
  4311.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  4312.                                         <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"/>
  4313.                                         <circle cx=\"12\" cy=\"7\" r=\"4\"/>
  4314.                                     </svg>
  4315.                                 </span>
  4316.                                 <span class=\"final-sub-label\">{{ t.final_candidate_label }}</span>
  4317.                             </div>
  4318.                             <h3 class=\"final-sub-title\">{{ t.final_candidate_title }}</h3>
  4319.                             <p class=\"final-sub-desc\">{{ t.final_candidate_desc }}</p>
  4320.                             <a href=\"{% if app.request.locale == 'en' %}{{ path('whileresume_homepage') }}{% else %}{{ path('locale_whileresume_homepage',{'_locale':app.request.locale}) }}{% endif %}#register\" class=\"final-sub-btn\">
  4321.                                 {{ t.final_candidate }}
  4322.                                 <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>
  4323.                             </a>
  4324.                         </div>
  4325.                     </div>
  4326.                 </div>
  4327.             </div>
  4328.         </section>
  4329.         {% endif %}
  4330.     </div>
  4331. {% endblock body %}
  4333. {% block footer_js %}
  4334.     {{ parent() }}
  4335.     <script>
  4336.         (function(){
  4337.             var search   = document.getElementById('wrHeroSearch');
  4338.             var input    = document.getElementById('wrHeroSearchInput');
  4339.             var clearBtn = document.getElementById('wrHeroSearchClear');
  4340.             var jobsBody = document.getElementById('wrHeroJobsBody');
  4341.             var countEl  = document.getElementById('wrHeroJobsCount');
  4342.             var linkEl   = document.getElementById('wrHeroJobsLink');
  4343.             if (!search || !input || !jobsBody) return;
  4345.             var searchUrl   = search.dataset.searchUrl;
  4346.             var jobsListUrl = search.dataset.jobsListUrl;
  4348.             // On garde l'état initial pour pouvoir le restaurer
  4349.             var defaultBodyHtml  = jobsBody.innerHTML;
  4350.             var defaultCountHtml = countEl ? countEl.innerHTML : '';
  4351.             var defaultLinkHref  = linkEl ? linkEl.getAttribute('href') : jobsListUrl;
  4353.             var debounceTimer = null;
  4354.             var currentRequest = null;
  4355.             var lastQuery = '';
  4357.             var T = {
  4358.                 loading:      '{{ t.search_loading|escape('js') }}',
  4359.                 empty:        '{{ t.search_no_results|escape('js') }}',
  4360.                 emptyHint:    '{{ t.search_no_results_hint|escape('js') }}',
  4361.                 count:        '{{ t.search_results_count|escape('js') }}',
  4362.                 viewAll:      '{{ t.search_view_all|escape('js') }}',
  4363.                 view:         '{{ t.search_view_offer|escape('js') }}'
  4364.             };
  4366.             function escHtml(s){
  4367.                 if (s == null) return '';
  4368.                 return String(s).replace(/[&<>\"']/g, function(c){
  4369.                     return {'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c];
  4370.                 });
  4371.             }
  4373.             function setHeaderCount(total){
  4374.                 if (!countEl) return;
  4375.                 countEl.innerHTML = '<strong>' + total + '</strong>' + escHtml(T.count);
  4376.             }
  4378.             function setHeaderLink(href){
  4379.                 if (!linkEl) return;
  4380.                 linkEl.setAttribute('href', href);
  4381.             }
  4383.             function setLoading(){
  4384.                 jobsBody.innerHTML =
  4385.                     '<div class=\"hero-jobs-loading\">' +
  4386.                     '<span class=\"hero-jobs-spinner\"></span>' +
  4387.                     '<span>' + escHtml(T.loading) + '</span>' +
  4388.                     '</div>';
  4389.             }
  4391.             function setEmpty(){
  4392.                 jobsBody.innerHTML =
  4393.                     '<div class=\"hero-jobs-empty\">' +
  4394.                     '<div class=\"hero-jobs-empty-icon\">' +
  4395.                     '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">' +
  4396.                     '<circle cx=\"11\" cy=\"11\" r=\"8\"/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/>' +
  4397.                     '</svg>' +
  4398.                     '</div>' +
  4399.                     '<p class=\"hero-jobs-empty-title\">' + escHtml(T.empty) + '</p>' +
  4400.                     '<p class=\"hero-jobs-empty-hint\">' + escHtml(T.emptyHint) + '</p>' +
  4401.                     '</div>';
  4402.             }
  4404.             function restoreDefault(){
  4405.                 jobsBody.innerHTML = defaultBodyHtml;
  4406.                 if (countEl) countEl.innerHTML = defaultCountHtml;
  4407.                 if (linkEl) linkEl.setAttribute('href', defaultLinkHref);
  4408.             }
  4410.             function renderResults(payload, query){
  4411.                 var jobs  = (payload && payload.jobs)  || [];
  4412.                 var total = (payload && typeof payload.total === 'number') ? payload.total : jobs.length;
  4414.                 setHeaderCount(total);
  4415.                 setHeaderLink(jobsListUrl + '?q=' + encodeURIComponent(query));
  4417.                 if (!jobs.length){
  4418.                     setEmpty();
  4419.                     return;
  4420.                 }
  4422.                 var html = '';
  4423.                 jobs.slice(0, 6).forEach(function(j){
  4424.                     var title   = j.jobTitle || j.title || '';
  4425.                     var company = j.companyName || j.company || '';
  4426.                     var city    = j.city || '';
  4427.                     var country = j.country || '';
  4428.                     var et      = j.employmentType || '';
  4429.                     var img     = j.image || j.imageUrl || '';
  4430.                     var url     = j.url || (jobsListUrl + '?q=' + encodeURIComponent(query));
  4431.                     var initial = (company || title || '?').charAt(0).toUpperCase();
  4433.                     var location = city + (country ? ', ' + country : '');
  4434.                     var metaParts = [];
  4435.                     if (company)  metaParts.push('<span>' + escHtml(company) + '</span>');
  4436.                     if (location) metaParts.push('<span class=\"hero-default-job-meta-sep\"></span><span>' + escHtml(location) + '</span>');
  4437.                     if (et)       metaParts.push('<span class=\"hero-default-job-meta-sep\"></span><span>' + escHtml(et) + '</span>');
  4439.                     html +=
  4440.                         '<a href=\"' + escHtml(url) + '\" class=\"hero-default-job\">' +
  4441.                         '<div class=\"hero-default-job-logo\">' +
  4442.                         (img
  4443.                             ? '<img src=\"' + escHtml(img) + '\" alt=\"\">'
  4444.                             : escHtml(initial)) +
  4445.                         '</div>' +
  4446.                         '<div class=\"hero-default-job-info\">' +
  4447.                         '<h3 class=\"hero-default-job-title\">' + escHtml(title) + '</h3>' +
  4448.                         '<p class=\"hero-default-job-meta\">' + metaParts.join('') + '</p>' +
  4449.                         '</div>' +
  4450.                         '<span class=\"hero-default-job-arrow\">' +
  4451.                         '<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>' +
  4452.                         '</span>' +
  4453.                         '</a>';
  4454.                 });
  4456.                 jobsBody.innerHTML = html;
  4457.             }
  4459.             function doSearch(query){
  4460.                 if (currentRequest && currentRequest.abort) {
  4461.                     try { currentRequest.abort(); } catch(e){}
  4462.                 }
  4463.                 setLoading();
  4464.                 var url = searchUrl + (searchUrl.indexOf('?') > -1 ? '&' : '?') + 'q=' + encodeURIComponent(query);
  4466.                 var ctrl = (typeof AbortController !== 'undefined') ? new AbortController() : null;
  4467.                 currentRequest = ctrl;
  4469.                 fetch(url, { headers: { 'Accept': 'application/json' }, signal: ctrl ? ctrl.signal : undefined })
  4470.                     .then(function(r){ return r.ok ? r.json() : Promise.reject(r.status); })
  4471.                     .then(function(data){ renderResults(data, query); })
  4472.                     .catch(function(err){
  4473.                         if (err && err.name === 'AbortError') return;
  4474.                         setEmpty();
  4475.                     });
  4476.             }
  4478.             // Input live (debounce 280ms)
  4479.             input.addEventListener('input', function(){
  4480.                 var q = input.value.trim();
  4481.                 clearBtn.classList.toggle('is-visible', q.length > 0);
  4483.                 if (debounceTimer) clearTimeout(debounceTimer);
  4485.                 if (q.length < 2){
  4486.                     restoreDefault();
  4487.                     lastQuery = '';
  4488.                     return;
  4489.                 }
  4490.                 if (q === lastQuery) return;
  4492.                 debounceTimer = setTimeout(function(){
  4493.                     lastQuery = q;
  4494.                     doSearch(q);
  4495.                 }, 280);
  4496.             });
  4498.             // Enter → page de résultats complète
  4499.             input.addEventListener('keydown', function(e){
  4500.                 if (e.key === 'Enter'){
  4501.                     e.preventDefault();
  4502.                     var q = input.value.trim();
  4503.                     if (!q) return;
  4504.                     window.location.href = jobsListUrl + '?q=' + encodeURIComponent(q);
  4505.                 }
  4506.                 if (e.key === 'Escape'){
  4507.                     input.value = '';
  4508.                     clearBtn.classList.remove('is-visible');
  4509.                     restoreDefault();
  4510.                     lastQuery = '';
  4511.                     input.blur();
  4512.                 }
  4513.             });
  4515.             // Clear
  4516.             clearBtn.addEventListener('click', function(){
  4517.                 input.value = '';
  4518.                 clearBtn.classList.remove('is-visible');
  4519.                 restoreDefault();
  4520.                 lastQuery = '';
  4521.                 input.focus();
  4522.             });
  4524.             // Pills \"Populaire\" — au clic, on remplit l'input et on lance la recherche
  4525.             document.querySelectorAll('.hero-popular-pill').forEach(function(pill){
  4526.                 pill.addEventListener('click', function(){
  4527.                     var keyword = pill.dataset.keyword || pill.dataset.label || '';
  4528.                     if (!keyword) return;
  4530.                     // Visuel actif
  4531.                     document.querySelectorAll('.hero-popular-pill').forEach(function(p){ p.classList.remove('is-active'); });
  4532.                     pill.classList.add('is-active');
  4534.                     input.value = keyword;
  4535.                     clearBtn.classList.add('is-visible');
  4536.                     lastQuery = keyword;
  4537.                     doSearch(keyword);
  4538.                     input.focus();
  4539.                 });
  4540.             });
  4541.         })();
  4543.         /* ═══ Reveal au scroll (Intersection Observer) ═══ */
  4544.         (function(){
  4545.             var els = document.querySelectorAll('.reveal');
  4546.             if (!els.length) return;
  4548.             if (!('IntersectionObserver' in window)){
  4549.                 // Fallback : tout révéler
  4550.                 els.forEach(function(el){ el.classList.add('is-revealed'); });
  4551.                 return;
  4552.             }
  4554.             var io = new IntersectionObserver(function(entries){
  4555.                 entries.forEach(function(entry){
  4556.                     if (entry.isIntersecting){
  4557.                         entry.target.classList.add('is-revealed');
  4558.                         io.unobserve(entry.target);
  4559.                     }
  4560.                 });
  4561.             }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' });
  4563.             els.forEach(function(el){ io.observe(el); });
  4564.         })();
  4565.     </script>
  4566. {% endblock footer_js %}
  4567. ", "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");
  4568.     }
  4569. }