var/cache/dev/twig/d2/d2ad6cb2570c7bf2d1240d98b69956c8.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/landing.html.twig */
  18. class __TwigTemplate_10cc8cb044f9600f3bc02fb267163596 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/landing.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/landing.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 5
  61.         $context["_keys"] = ["hero_search_placeholder", "hero_popular_label", "hero_byline_jobs", "hero_byline_apps", "hero_byline_free", "hero_kbd_enter", "hero_cta_signup", "hero_cta_login", "search_loading", "search_no_results", "search_no_results_hint", "search_results_count", "search_view_all", "search_view_offer", "search_clear", "how_title", "apps_ios", "apps_android", "apps_web", "apps_ios_desc", "apps_android_desc", "apps_web_desc", "articles_title", "articles_view_all", "read_article", "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 18
  63.         $context["t"] = [];
  64.         // line 19
  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.', 19, $this->source); })()));
  67.         foreach ($context['_seq'] as $context["_key"] => $context["k"]) {
  68.             // line 20
  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.', 20, $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 23
  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["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 23, $this->source); })()), "shortTitle", [], "any", false, false, false, 23), "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 24
  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["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 24, $this->source); })()), "shortDescription", [], "any", false, false, false, 24), "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 25
  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 "index,follow";
  145.         
  146.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  148.         
  149.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  151.         yield from [];
  152.     }
  154.     // line 26
  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.         
  168.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  170.         
  171.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  173.         yield from [];
  174.     }
  176.     // line 28
  177.     /**
  178.      * @return iterable<null|scalar|\Stringable>
  179.      */
  180.     public function block_css(array $context, array $blocks = []): iterable
  181.     {
  182.         $macros = $this->macros;
  183.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  184.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));
  186.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  187.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));
  189.         // line 29
  190.         yield "    ";
  191.         yield from $this->yieldParentBlock("css", $context, $blocks);
  192.         yield "
  193.     <style>
  194.         :root{
  195.             --wr-bg:#FBFCFE;
  196.             --wr-bg-2:#F4F6FB;
  197.             --wr-card:#FFFFFF;
  198.             --wr-violet:#8A63C1;
  199.             --wr-violet-2:#A98AD3;
  200.             --wr-violet-soft:#F2EDFA;
  201.             --wr-violet-softer:#F8F4FD;
  202.             --wr-violet-dark:#6B47A6;
  203.             --wr-ink:#1E1B2E;
  204.             --wr-ink-2:#374151;
  205.             --wr-muted:#6B7280;
  206.             --wr-muted-2:#9CA3AF;
  207.             --wr-line:#EEF1F7;
  208.             --wr-line-2:#E5E9F0;
  209.             --wr-shadow:0 1px 2px rgba(30,27,46,.04),0 4px 16px rgba(30,27,46,.04);
  210.             --wr-shadow-hover:0 4px 8px rgba(138,99,192,.08),0 12px 32px rgba(138,99,192,.1);
  211.             --wr-acc-yellow:#FEF3C7;  --wr-acc-yellow-fg:#B45309;
  212.             --wr-acc-green:#D1FAE5;   --wr-acc-green-fg:#047857;
  213.             --wr-acc-pink:#FCE7F3;    --wr-acc-pink-fg:#BE185D;
  214.             --wr-acc-blue:#DBEAFE;    --wr-acc-blue-fg:#1E40AF;
  215.             --wr-acc-orange:#FED7AA;  --wr-acc-orange-fg:#C2410C;
  216.             --wr-acc-violet:#EDE9FE;  --wr-acc-violet-fg:#6D28D9;
  217.             --wr-acc-cyan:#CFFAFE;    --wr-acc-cyan-fg:#0E7490;
  218.         }
  220.         body .main-content.right-chat-active{padding-right:0!important}
  221.         body .main-content{padding-right:0!important}
  222.         body .right-chat{display:none!important}
  223.         body .middle-sidebar-bottom .middle-sidebar-left{padding-right:0!important;max-width:none!important;width:100%!important}
  224.         body .middle-sidebar-bottom{max-width:none!important}
  226.         .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}
  227.         @media(max-width:991px){.wr{margin:0 -15px}}
  228.         .wr *{box-sizing:border-box}
  229.         .wr a{color:inherit;text-decoration:none}
  231.         .wr-section{padding:80px 32px;background:var(--wr-bg);position:relative}
  232.         .wr-section--tight{padding:48px 32px}
  233.         @media(max-width:768px){.wr-section{padding:56px 20px}.wr-section--tight{padding:36px 20px}}
  234.         .wr-section + .wr-section::before{
  235.             content:\"\";position:absolute;top:0;left:50%;transform:translateX(-50%);
  236.             width:80px;height:1px;
  237.             background:linear-gradient(90deg,transparent,var(--wr-line-2),transparent);
  238.         }
  239.         .wr-container{max-width:1200px;margin:0 auto;position:relative}
  241.         .wr-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;background:var(--wr-violet-soft);color:var(--wr-violet-dark);font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;margin-bottom:22px}
  242.         .wr-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--wr-violet);animation:wrPulse 2.4s ease-in-out infinite}
  243.         @keyframes wrPulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}
  245.         .wr-title{font-family:inherit !important;font-weight:700 !important;font-size:28px;line-height:1.15;letter-spacing:-0.025em;color:var(--wr-ink) !important;margin:0 auto 16px;max-width:1200px;text-align:center}
  246.         @media(min-width:768px){.wr-title{font-size:34px}}
  247.         @media(min-width:1024px){.wr-title{font-size:40px}}
  248.         .wr-title--sm{font-size:24px}
  249.         @media(min-width:768px){.wr-title--sm{font-size:30px}}
  250.         .wr-title em{font-style:normal;font-weight:700 !important;color:var(--wr-violet) !important}
  251.         .wr-lede{font-size:17px;line-height:1.55;font-weight:400;color:var(--wr-ink-2) !important;margin:0 auto;max-width:680px}
  252.         .wr-section-head{text-align:center;margin-bottom:56px}
  254.         @keyframes wrFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
  255.         @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)}}
  257.         .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
  258.         .reveal.is-revealed{opacity:1;transform:translateY(0)}
  259.         .reveal--left{transform:translateX(-32px) translateY(0)}
  260.         .reveal--left.is-revealed{transform:translateX(0)}
  261.         .reveal--right{transform:translateX(32px) translateY(0)}
  262.         .reveal--right.is-revealed{transform:translateX(0)}
  263.         .reveal--scale{transform:scale(.96);opacity:0}
  264.         .reveal--scale.is-revealed{transform:scale(1);opacity:1}
  265.         .reveal[data-reveal-delay=\"1\"]{transition-delay:.08s}
  266.         .reveal[data-reveal-delay=\"2\"]{transition-delay:.16s}
  267.         .reveal[data-reveal-delay=\"3\"]{transition-delay:.24s}
  268.         .reveal[data-reveal-delay=\"4\"]{transition-delay:.32s}
  269.         @media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}}
  271.         /* ═══ HERO ═══ */
  272.         .hero{position:relative;background:var(--wr-bg);padding:24px 32px 0;overflow:hidden}
  273.         @media(max-width:768px){.hero{padding:18px 18px 0}}
  274.         .hero::before{content:\"\";position:absolute;top:-260px;right:-180px;width:560px;height:560px;background:radial-gradient(circle,rgba(138,99,192,.14) 0%,transparent 65%);pointer-events:none;filter:blur(50px)}
  275.         .hero::after{content:\"\";position:absolute;top:120px;left:-180px;width:480px;height:480px;background:radial-gradient(circle,rgba(138,99,192,.09) 0%,transparent 65%);pointer-events:none;filter:blur(50px)}
  276.         .hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;text-align:center}
  278.         .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:100px;background:var(--wr-violet-soft);color:var(--wr-violet-dark);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;opacity:0;transform:translateY(8px);animation:wrFadeUp .8s ease forwards}
  279.         .hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--wr-violet);animation:wrPulse2 2s ease infinite}
  281.         /* H1 — on force la couleur et la taille pour battre les styles globaux du layout social */
  282.         .wr .hero-title{font-family:inherit !important;font-weight:700 !important;font-size:32px;line-height:1.05;letter-spacing:-0.04em;color:var(--wr-ink) !important;margin:0 auto 12px;width:100%;max-width:1200px;opacity:0;transform:translateY(12px);animation:wrFadeUp .9s cubic-bezier(.2,.7,.2,1) .15s forwards;text-align:center}
  283.         @media(min-width:768px){.wr .hero-title{font-size:48px;letter-spacing:-0.045em}}
  284.         @media(min-width:1100px){.wr .hero-title{font-size:57px;letter-spacing:-0.045em}}
  285.         .wr .hero-title-accent{color:var(--wr-violet) !important;font-weight:700 !important}
  287.         .wr .hero-lede{font-size:16px;line-height:1.5;color:var(--wr-ink-2) !important;font-weight:400;margin:0 auto 16px;max-width:680px;opacity:0;animation:wrFadeUp .9s ease .4s forwards;text-align:center}
  288.         @media(min-width:768px){.wr .hero-lede{font-size:18px}}
  289.         .wr .hero-lede-accent{color:var(--wr-violet) !important;font-weight:600}
  291.         .hero-search-wrap{max-width:1200px;margin:0 auto 12px;opacity:0;animation:wrFadeUp .9s ease .55s forwards;position:relative;z-index:5}
  292.         .hero-search{background:var(--wr-card);border-radius:14px;box-shadow:0 0 20px 0 rgba(0,0,0,0.05),0 16px 40px rgba(138,99,192,.06);padding:10px;position:relative}
  293.         .hero-search-inner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#F9FAFB;border:1px solid #E5E7EB;transition:border-color .2s,background .2s}
  294.         .hero-search-inner:focus-within{border-color:rgba(138,99,192,.4);background:#fff}
  295.         .hero-search-icon{color:var(--wr-muted-2);display:flex;flex-shrink:0}
  296.         .hero-search-icon svg{width:16px;height:16px}
  297.         .hero-search-input{flex:1;border:0;outline:0;background:transparent;font-size:14.5px;font-family:inherit;color:var(--wr-ink);padding:6px 0;min-width:0}
  298.         .hero-search-input::placeholder{color:var(--wr-muted-2)}
  299.         .hero-search-clear{background:none;border:0;color:var(--wr-muted-2);cursor:pointer;padding:4px;display:none;font-family:inherit;border-radius:6px;transition:background .15s,color .15s}
  300.         .hero-search-clear:hover{background:var(--wr-violet-soft);color:var(--wr-violet)}
  301.         .hero-search-clear.is-visible{display:flex;align-items:center}
  302.         .hero-search-clear svg{width:14px;height:14px}
  303.         .hero-search-kbd{display:none;align-items:center;padding:3px 8px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;font-size:10.5px;font-weight:600;color:var(--wr-muted);font-family:inherit;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}
  304.         .hero-search-inner:focus-within .hero-search-kbd{display:inline-flex}
  306.         .hero-jobs-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 22px 10px;border-bottom:1px solid var(--wr-line);margin-bottom:4px}
  307.         @media(max-width:540px){.hero-jobs-header{padding:12px 16px 8px}}
  308.         .hero-jobs-count{font-size:11.5px;color:var(--wr-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
  309.         .hero-jobs-count strong{color:var(--wr-violet);font-weight:800;font-size:13px;margin-right:4px}
  310.         .hero-jobs-link{font-size:11px;font-weight:700;color:var(--wr-violet);text-transform:uppercase;letter-spacing:.08em;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:color .15s,transform .15s}
  311.         .hero-jobs-link:hover{color:var(--wr-violet-dark);text-decoration:none;transform:translateX(2px)}
  312.         .hero-jobs-link svg{width:11px;height:11px}
  313.         .hero-jobs-empty{text-align:center;padding:48px 20px;color:var(--wr-muted)}
  314.         .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}
  315.         .hero-jobs-empty-icon svg{width:22px;height:22px}
  316.         .hero-jobs-empty-title{font-weight:600;font-size:14px;color:var(--wr-ink);margin:0 0 4px}
  317.         .hero-jobs-empty-hint{font-size:13px;margin:0;color:var(--wr-muted)}
  318.         .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}
  319.         .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}
  320.         @keyframes wrSpin{to{transform:rotate(360deg)}}
  322.         .hero-popular{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:18px;opacity:0;animation:wrFadeUp .9s ease .7s forwards}
  323.         .hero-popular-label{font-size:11px;font-weight:600;color:var(--wr-muted);text-transform:uppercase;letter-spacing:.06em;margin-right:4px}
  324.         .hero-popular-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:100px;background:var(--wr-violet-soft);color:var(--wr-violet);font-size:12.5px;font-weight:500;font-family:inherit;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,transform .15s,color .15s}
  325.         .hero-popular-pill:hover{background:#EDE9FE;border-color:rgba(138,99,192,.2);transform:translateY(-1px);color:var(--wr-violet);text-decoration:none}
  326.         .hero-popular-pill.is-active{background:var(--wr-violet);color:#fff;border-color:var(--wr-violet)}
  327.         .hero-popular-pill.is-active:hover{background:var(--wr-violet-dark);color:#fff}
  328.         .hero-popular-pill-icon{font-size:13px;line-height:1}
  330.         .hero-cta{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0 8px;opacity:0;animation:wrFadeUp .9s ease 1.1s forwards}
  331.         .hero-cta-btn,.hero-cta-btn:link,.hero-cta-btn:visited,.hero-cta-btn:hover,.hero-cta-btn:focus,.hero-cta-btn:active{color:#fff !important;text-decoration:none !important}
  332.         .hero-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:11px;font-size:13.5px;font-weight:700;font-family:inherit;line-height:1;background:var(--wr-violet);border:1px solid var(--wr-violet);box-shadow:0 4px 14px rgba(138,99,193,.32);transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}
  333.         .hero-cta-btn:hover{background:var(--wr-violet-dark);border-color:var(--wr-violet-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgba(138,99,193,.4)}
  334.         .hero-cta-btn svg{width:15px;height:15px;flex-shrink:0;stroke:#fff !important;color:#fff !important}
  335.         .hero-cta-btn span{color:#fff !important}
  336.         @media(max-width:540px){.hero-cta{flex-direction:column;align-items:stretch}.hero-cta-btn{justify-content:center}}
  338.         .hero-default-jobs{position:relative;z-index:2;max-width:1200px;margin:0 auto;background:var(--wr-card);border:1px solid var(--wr-line);border-radius:18px;padding:8px 0;box-shadow:var(--wr-shadow);opacity:0;animation:wrFadeUp .9s ease 1s forwards;text-align:left}
  339.         .hero-default-job{display:flex;align-items:center;gap:16px;padding:14px 22px;text-decoration:none;color:inherit;border-bottom:1px solid var(--wr-line);transition:background .15s}
  340.         .hero-default-job:last-child{border-bottom:0}
  341.         .hero-default-job:hover{background:var(--wr-violet-softer);text-decoration:none;color:inherit}
  342.         .hero-default-job-logo{width:42px;height:42px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;overflow:hidden}
  343.         .hero-default-job-logo img{width:100%;height:100%;object-fit:cover}
  344.         .hero-default-job:nth-child(7n+1) .hero-default-job-logo{background:var(--wr-acc-yellow);color:var(--wr-acc-yellow-fg)}
  345.         .hero-default-job:nth-child(7n+2) .hero-default-job-logo{background:var(--wr-acc-green);color:var(--wr-acc-green-fg)}
  346.         .hero-default-job:nth-child(7n+3) .hero-default-job-logo{background:var(--wr-acc-pink);color:var(--wr-acc-pink-fg)}
  347.         .hero-default-job:nth-child(7n+4) .hero-default-job-logo{background:var(--wr-acc-blue);color:var(--wr-acc-blue-fg)}
  348.         .hero-default-job:nth-child(7n+5) .hero-default-job-logo{background:var(--wr-acc-orange);color:var(--wr-acc-orange-fg)}
  349.         .hero-default-job:nth-child(7n+6) .hero-default-job-logo{background:var(--wr-acc-violet);color:var(--wr-acc-violet-fg)}
  350.         .hero-default-job:nth-child(7n+7) .hero-default-job-logo{background:var(--wr-acc-cyan);color:var(--wr-acc-cyan-fg)}
  351.         .hero-default-job-info{flex:1;min-width:0}
  352.         .hero-default-job-title{font-weight:600 !important;font-size:14.5px;color:var(--wr-ink) !important;margin:0 0 2px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  353.         .hero-default-job-meta{font-size:12.5px;color:var(--wr-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px}
  354.         .hero-default-job-meta-sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--wr-muted-2);flex-shrink:0}
  355.         .hero-default-job-arrow{flex-shrink:0;color:var(--wr-muted-2);transition:color .15s,transform .15s}
  356.         .hero-default-job-arrow svg{width:15px;height:15px}
  357.         .hero-default-job:hover .hero-default-job-arrow{color:var(--wr-violet);transform:translateX(3px)}
  358.         @media(max-width:768px){.hero-default-jobs{margin:0 -18px;border-radius:14px}.hero-default-job{padding:12px 16px;gap:12px}.hero-default-job-logo{width:36px;height:36px;font-size:13px}.hero-default-job-title{font-size:13.5px}.hero-default-job-meta{font-size:11.5px;gap:6px;flex-wrap:wrap;white-space:normal}}
  360.         /* ═══ HOW IT WORKS ═══ */
  361.         .how-card{background:#F4ECE1;border-radius:24px;padding:32px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}
  362.         @media(max-width:991px){.how-card{grid-template-columns:1fr;gap:8px;padding:24px 16px}}
  363.         @media(min-width:992px){.how-card .how-step + .how-step{border-left:1px solid rgba(28,25,22,.08)}}
  364.         .how-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 20px;gap:16px}
  365.         .how-step-illu{width:100%;max-width:280px;aspect-ratio:1/1;border-radius:16px;background:rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;margin-bottom:4px;overflow:hidden}
  366.         .how-step-illu img{width:100%;height:100%;object-fit:contain;display:block}
  367.         .how-step-title{font-weight:700 !important;font-size:18px;line-height:1.3;letter-spacing:-0.01em;color:var(--wr-ink) !important;margin:0}
  368.         @media(min-width:992px){.how-step-title{font-size:20px}}
  369.         .how-step-desc{font-size:14px;line-height:1.55;color:var(--wr-ink-2) !important;margin:0;max-width:320px}
  371.         /* ═══ FEATURES 01-04 ═══ */
  372.         .feat-block{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:64px}
  373.         .feat-block:last-child{margin-bottom:0}
  374.         @media(max-width:991px){.feat-block{grid-template-columns:1fr;gap:24px;margin-bottom:48px}}
  375.         .feat-block:nth-child(odd) .feat-illu{order:2}
  376.         .feat-block:nth-child(odd) .feat-content{order:1}
  377.         .feat-block:nth-child(even) .feat-illu{order:1}
  378.         .feat-block:nth-child(even) .feat-content{order:2}
  379.         @media(max-width:991px){.feat-block .feat-illu{order:1}.feat-block .feat-content{order:2}}
  380.         .feat-illu{background:#F5EDE3;border-radius:20px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;color:var(--wr-violet);overflow:hidden;position:relative}
  381.         .feat-illu img{width:100%;height:100%;object-fit:contain;display:block}
  382.         .feat-content{display:flex;flex-direction:column;gap:18px}
  383.         .feat-label{font-size:30px;font-weight:800 !important;color:var(--wr-ink) !important;letter-spacing:-0.02em;margin:0;line-height:1}
  384.         .feat-title{font-weight:700 !important;font-size:24px;line-height:1.2;letter-spacing:-0.02em;color:var(--wr-ink) !important;margin:0}
  385.         @media(min-width:768px){.feat-title{font-size:28px}}
  386.         @media(min-width:1100px){.feat-title{font-size:30px}}
  387.         .feat-desc{display:flex;flex-direction:column;gap:14px}
  388.         .feat-desc p,.feat-desc li,.feat-desc span,.feat-desc div,.feat-desc strong,.feat-desc em{font-size:16px;line-height:1.6;color:var(--wr-ink-2);margin:0;opacity:.85}
  389.         .feat-desc p{margin:0 0 8px}
  390.         .feat-desc p:last-child{margin-bottom:0}
  391.         /* Bloc HTML riche descriptionPage2/3 — forcer 16px sur tout le contenu */
  392.         .wr-rich-description{margin-top:18px;text-align:center;color:var(--wr-muted)}
  393.         .wr-rich-description,
  394.         .wr-rich-description p,
  395.         .wr-rich-description li,
  396.         .wr-rich-description span,
  397.         .wr-rich-description div,
  398.         .wr-rich-description strong,
  399.         .wr-rich-description em,
  400.         .wr-rich-description a{font-size:16px;line-height:1.6}
  401.         .wr-rich-description p{margin:0 0 10px}
  402.         .wr-rich-description p:last-child{margin-bottom:0}
  403.         .feat-desc strong{color:var(--wr-ink);font-weight:700;opacity:1}
  404.         .feat-quote{background:var(--wr-card);border:1px solid var(--wr-line);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:10px;margin-top:8px}
  405.         .feat-quote-text{font-size:14px;line-height:1.55;color:var(--wr-ink-2);margin:0;font-style:italic}
  406.         .feat-quote-author{display:flex;flex-direction:column}
  407.         .feat-quote-name{font-size:13px;font-weight:700;color:var(--wr-ink);margin:0}
  408.         .feat-quote-role{font-size:12px;color:var(--wr-muted);margin:0}
  410.         /* ═══ APPS ═══ */
  411.         .apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  412.         @media(max-width:768px){.apps-grid{grid-template-columns:1fr}}
  413.         .app-card{background:var(--wr-card);border:1px solid var(--wr-line);border-radius:18px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,border-color .2s,box-shadow .2s}
  414.         .app-card:hover{transform:translateY(-3px);border-color:var(--wr-violet-2);box-shadow:var(--wr-shadow-hover);color:inherit;text-decoration:none}
  415.         .app-card-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:18px}
  416.         .app-card-icon svg{width:22px;height:22px}
  417.         .app-card-name{font-weight:500 !important;font-size:18px;letter-spacing:-0.01em;color:var(--wr-ink) !important;margin:0 0 6px}
  418.         .app-card-desc{font-size:13px;line-height:1.5;color:var(--wr-muted);margin:0 0 16px;flex:1}
  419.         .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}
  420.         .app-card-cta svg{width:11px;height:11px;transition:transform .15s}
  421.         .app-card:hover .app-card-cta svg{transform:translateX(3px)}
  423.         /* ═══ ARTICLES ═══ */
  424.         .articles-list{display:flex;flex-direction:column;gap:10px;max-width:1200px;margin:0 auto}
  425.         .wr-article{background:var(--wr-card);border-radius:14px;padding:14px;box-shadow:0 0 16px 0 rgba(0,0,0,0.04);display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .2s}
  426.         .wr-article:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(138,99,192,.1);color:inherit;text-decoration:none}
  427.         .wr-article-logo{width:50px;height:50px;border-radius:12px;flex-shrink:0;background:linear-gradient(135deg,#EDE9FE,#DDD6FE);display:flex;align-items:center;justify-content:center;color:var(--wr-violet);overflow:hidden}
  428.         .wr-article-logo svg{width:24px;height:24px;opacity:.9}
  429.         .wr-article-info{flex:1;min-width:0}
  430.         .wr-article-title{font-size:14px;font-weight:700 !important;color:var(--wr-ink) !important;line-height:1.3;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  431.         .wr-article-meta{font-size:12px;color:var(--wr-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px;margin:0}
  432.         .wr-article-meta-sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:#D1D5DB;flex-shrink:0}
  433.         .wr-article-badge{font-size:11px;font-weight:600;color:var(--wr-violet);background:var(--wr-violet-soft);padding:3px 9px;border-radius:100px;white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.04em}
  434.         .wr-article-arrow{flex-shrink:0;color:var(--wr-muted-2);transition:color .15s,transform .15s}
  435.         .wr-article:hover .wr-article-arrow{color:var(--wr-violet);transform:translateX(2px)}
  436.         .wr-article-arrow svg{width:18px;height:18px}
  437.         @media(max-width:540px){.wr-article{padding:12px;gap:10px}.wr-article-logo{width:42px;height:42px}.wr-article-logo svg{width:20px;height:20px}.wr-article-title{font-size:13px}.wr-article-meta{font-size:11px;gap:6px;flex-wrap:wrap;white-space:normal}.wr-article-badge{display:none}}
  438.         .articles-cta{text-align:center;margin-top:36px}
  439.         .articles-cta a{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:11px;background:var(--wr-violet);color:#fff;font-size:13px;font-weight:600;text-decoration:none;box-shadow:0 4px 12px rgba(138,99,192,.3);transition:background .15s,transform .15s,box-shadow .15s}
  440.         .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}
  441.         .articles-cta svg{width:12px;height:12px;transition:transform .15s}
  442.         .articles-cta a:hover svg{transform:translateX(3px)}
  444.         /* ═══ CTA FINAL ═══ */
  445.         .final-card{position:relative;background:linear-gradient(135deg,#8A63C0 0%,#9D7BCC 100%);border-radius:28px;padding:48px 40px;color:#fff;overflow:hidden;box-shadow:0 20px 60px -12px rgba(138,99,192,.4)}
  446.         @media(max-width:768px){.final-card{padding:32px 22px;border-radius:22px}}
  447.         .final-title{font-weight:800 !important;font-size:28px;line-height:1.15;letter-spacing:-0.02em;color:#fff !important;margin:0 0 36px;max-width:780px}
  448.         @media(min-width:768px){.final-title{font-size:38px}}
  449.         .final-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  450.         @media(max-width:768px){.final-grid{grid-template-columns:1fr;gap:14px}}
  451.         .final-sub{background:#fff;border-radius:18px;padding:28px;display:flex;flex-direction:column}
  452.         @media(max-width:768px){.final-sub{padding:22px}}
  453.         .final-sub-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
  454.         .final-sub-icon{width:44px;height:44px;border-radius:11px;background:var(--wr-violet-soft);color:var(--wr-violet);display:flex;align-items:center;justify-content:center;flex-shrink:0}
  455.         .final-sub-icon svg{width:22px;height:22px}
  456.         .final-sub-label{font-size:12.5px;font-weight:700;color:var(--wr-violet);text-transform:uppercase;letter-spacing:.1em}
  457.         .final-sub-title{font-weight:800 !important;font-size:18px;line-height:1.3;letter-spacing:-0.01em;color:var(--wr-ink) !important;margin:0 0 10px}
  458.         .final-sub-desc{font-size:14px;line-height:1.55;color:var(--wr-muted);margin:0 0 24px;flex:1}
  459.         .final-sub-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--wr-violet);color:#fff;padding:14px 18px;border-radius:11px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 4px 12px rgba(138,99,192,.3)}
  460.         .final-sub-btn:hover{background:var(--wr-violet-dark);color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px rgba(138,99,192,.4);text-decoration:none}
  461.         .final-sub-btn svg{width:14px;height:14px;transition:transform .15s}
  462.         .final-sub-btn:hover svg{transform:translateX(3px)}
  463.     </style>
  464. ";
  465.         
  466.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  468.         
  469.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  471.         yield from [];
  472.     }
  474.     // line 303
  475.     /**
  476.      * @return iterable<null|scalar|\Stringable>
  477.      */
  478.     public function block_body(array $context, array $blocks = []): iterable
  479.     {
  480.         $macros = $this->macros;
  481.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  482.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  484.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  485.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  487.         // line 304
  488.         yield "    <div class=\"wr\">
  490.         ";
  491.         // line 307
  492.         yield "        <section class=\"hero\" style=\"padding-top:60px;\">
  493.             <div class=\"hero-inner\">
  495.                 <h1 class=\"hero-title\">";
  496.         // line 310
  497.         yield CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 310, $this->source); })()), "titlePage", [], "any", false, false, false, 310);
  498.         yield "</h1>
  500.                 <p class=\"hero-lede\">";
  501.         // line 312
  502.         yield CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 312, $this->source); })()), "descriptionPage", [], "any", false, false, false, 312);
  503.         yield "</p>
  505.                 ";
  506.         // line 316
  507.         yield "                ";
  508.         $context["_firstKeyword"] = "";
  509.         // line 317
  510.         yield "                ";
  511.         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.', 317, $this->source); })())) > 0))) {
  512.             // line 318
  513.             yield "                    ";
  514.             $context["_firstKw"] = Twig\Extension\CoreExtension::first($this->env->getCharset(), (isset($context["popularKeywords"]) || array_key_exists("popularKeywords", $context) ? $context["popularKeywords"] : (function () { throw new RuntimeError('Variable "popularKeywords" does not exist.', 318, $this->source); })()));
  515.             // line 319
  516.             yield "                    ";
  517.             $context["_firstKeyword"] = (((CoreExtension::getAttribute($this->env, $this->source, ($context["_firstKw"] ?? null), "keyword", [], "any", true, true, false, 319) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, (isset($context["_firstKw"]) || array_key_exists("_firstKw", $context) ? $context["_firstKw"] : (function () { throw new RuntimeError('Variable "_firstKw" does not exist.', 319, $this->source); })()), "keyword", [], "any", false, false, false, 319)))) ? (CoreExtension::getAttribute($this->env, $this->source, (isset($context["_firstKw"]) || array_key_exists("_firstKw", $context) ? $context["_firstKw"] : (function () { throw new RuntimeError('Variable "_firstKw" does not exist.', 319, $this->source); })()), "keyword", [], "any", false, false, false, 319)) : ((((CoreExtension::getAttribute($this->env, $this->source, ($context["_firstKw"] ?? null), "searchKeyword", [], "any", true, true, false, 319) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, (isset($context["_firstKw"]) || array_key_exists("_firstKw", $context) ? $context["_firstKw"] : (function () { throw new RuntimeError('Variable "_firstKw" does not exist.', 319, $this->source); })()), "searchKeyword", [], "any", false, false, false, 319)))) ? (CoreExtension::getAttribute($this->env, $this->source, (isset($context["_firstKw"]) || array_key_exists("_firstKw", $context) ? $context["_firstKw"] : (function () { throw new RuntimeError('Variable "_firstKw" does not exist.', 319, $this->source); })()), "searchKeyword", [], "any", false, false, false, 319)) : ((((CoreExtension::getAttribute($this->env, $this->source, ($context["_firstKw"] ?? null), "label", [], "any", true, true, false, 319) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, (isset($context["_firstKw"]) || array_key_exists("_firstKw", $context) ? $context["_firstKw"] : (function () { throw new RuntimeError('Variable "_firstKw" does not exist.', 319, $this->source); })()), "label", [], "any", false, false, false, 319)))) ? (CoreExtension::getAttribute($this->env, $this->source, (isset($context["_firstKw"]) || array_key_exists("_firstKw", $context) ? $context["_firstKw"] : (function () { throw new RuntimeError('Variable "_firstKw" does not exist.', 319, $this->source); })()), "label", [], "any", false, false, false, 319)) : (""))))));
  518.             // line 320
  519.             yield "                    <div class=\"hero-popular\">
  520.                         <span class=\"hero-popular-label\">";
  521.             // line 321
  522.             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.', 321, $this->source); })()), "hero_popular_label", [], "any", false, false, false, 321), "html", null, true);
  523.             yield "</span>
  524.                         ";
  525.             // line 322
  526.             $context['_parent'] = $context;
  527.             $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.', 322, $this->source); })()), 0, 5));
  528.             $context['loop'] = [
  529.               'parent' => $context['_parent'],
  530.               'index0' => 0,
  531.               'index'  => 1,
  532.               'first'  => true,
  533.             ];
  534.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  535.                 $length = count($context['_seq']);
  536.                 $context['loop']['revindex0'] = $length - 1;
  537.                 $context['loop']['revindex'] = $length;
  538.                 $context['loop']['length'] = $length;
  539.                 $context['loop']['last'] = 1 === $length;
  540.             }
  541.             foreach ($context['_seq'] as $context["_key"] => $context["kw"]) {
  542.                 // line 323
  543.                 yield "                            <button type=\"button\" class=\"hero-popular-pill";
  544.                 if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 323)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  545.                     yield " is-active";
  546.                 }
  547.                 yield "\"
  548.                                     data-keyword=\"";
  549.                 // line 324
  550.                 yield (((CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "keyword", [], "any", true, true, false, 324) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "keyword", [], "any", false, false, false, 324)))) ? ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "keyword", [], "any", false, false, false, 324), "html", null, true)) : ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "searchKeyword", [], "any", false, false, false, 324), "html", null, true)));
  551.                 yield "\"
  552.                                     data-label=\"";
  553.                 // line 325
  554.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "label", [], "any", false, false, false, 325), "html", null, true);
  555.                 yield "\">
  556.                                 ";
  557.                 // line 326
  558.                 if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "icon", [], "any", false, false, false, 326)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  559.                     yield "<span class=\"hero-popular-pill-icon\">";
  560.                     yield CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "icon", [], "any", false, false, false, 326);
  561.                     yield "</span>";
  562.                 }
  563.                 // line 327
  564.                 yield "                                <span>";
  565.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "label", [], "any", false, false, false, 327), "html", null, true);
  566.                 yield "</span>
  567.                             </button>
  568.                         ";
  569.                 ++$context['loop']['index0'];
  570.                 ++$context['loop']['index'];
  571.                 $context['loop']['first'] = false;
  572.                 if (isset($context['loop']['revindex0'], $context['loop']['revindex'])) {
  573.                     --$context['loop']['revindex0'];
  574.                     --$context['loop']['revindex'];
  575.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  576.                 }
  577.             }
  578.             $_parent = $context['_parent'];
  579.             unset($context['_seq'], $context['_key'], $context['kw'], $context['_parent'], $context['loop']);
  580.             $context = array_intersect_key($context, $_parent) + $_parent;
  581.             // line 330
  582.             yield "                    </div>
  583.                 ";
  584.         }
  585.         // line 332
  586.         yield "
  587.                 ";
  588.         // line 334
  589.         yield "                <div class=\"hero-search-wrap\">
  590.                     <div class=\"hero-search\" id=\"wrHeroSearch\"
  591.                          data-search-url=\"";
  592.         // line 336
  593.         if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 336, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  594.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_api_jobs_search", ["_locale" => "fr"]);
  595.         } else {
  596.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("api_jobs_search");
  597.         }
  598.         yield "\"
  599.                          data-jobs-list-url=\"";
  600.         // line 337
  601.         if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 337, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  602.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_whileresume_jobs_list", ["_locale" => "fr"]);
  603.         } else {
  604.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("whileresume_jobs_list");
  605.         }
  606.         yield "\">
  607.                         <div class=\"hero-search-inner\">
  608.                             <span class=\"hero-search-icon\">
  609.                                 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  610.                                     <circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"M21 21l-4.35-4.35\"/>
  611.                                 </svg>
  612.                             </span>
  613.                             <input type=\"text\" name=\"q\" id=\"wrHeroSearchInput\" class=\"hero-search-input\"
  614.                                    placeholder=\"";
  615.         // line 345
  616.         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.', 345, $this->source); })()), "hero_search_placeholder", [], "any", false, false, false, 345), "html", null, true);
  617.         yield "\"
  618.                                    value=\"";
  619.         // line 346
  620.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["_firstKeyword"]) || array_key_exists("_firstKeyword", $context) ? $context["_firstKeyword"] : (function () { throw new RuntimeError('Variable "_firstKeyword" does not exist.', 346, $this->source); })()), "html", null, true);
  621.         yield "\"
  622.                                    autocomplete=\"off\" />
  623.                             <span class=\"hero-search-kbd\">↵ ";
  624.         // line 348
  625.         yield (((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 348, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Entrée") : ("Enter"));
  626.         yield "</span>
  627.                             <button type=\"button\" class=\"hero-search-clear\" id=\"wrHeroSearchClear\" aria-label=\"";
  628.         // line 349
  629.         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.', 349, $this->source); })()), "search_clear", [], "any", false, false, false, 349), "html", null, true);
  630.         yield "\">
  631.                                 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  632.                                     <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/>
  633.                                 </svg>
  634.                             </button>
  635.                         </div>
  636.                     </div>
  637.                 </div>
  639.                 ";
  640.         // line 359
  641.         yield "                ";
  642.         $context["_heroCount"] = 0;
  643.         // line 360
  644.         yield "                ";
  645.         $context["_heroTotal"] = 0;
  646.         // line 361
  647.         yield "                ";
  648.         if (array_key_exists("popularJobsForVisitor", $context)) {
  649.             // line 362
  650.             yield "                    ";
  651.             $context['_parent'] = $context;
  652.             $context['_seq'] = CoreExtension::ensureTraversable((isset($context["popularJobsForVisitor"]) || array_key_exists("popularJobsForVisitor", $context) ? $context["popularJobsForVisitor"] : (function () { throw new RuntimeError('Variable "popularJobsForVisitor" does not exist.', 362, $this->source); })()));
  653.             foreach ($context['_seq'] as $context["_key"] => $context["block"]) {
  654.                 // line 363
  655.                 yield "                        ";
  656.                 if (CoreExtension::getAttribute($this->env, $this->source, $context["block"], "jobs", [], "any", true, true, false, 363)) {
  657.                     $context["_heroTotal"] = ((isset($context["_heroTotal"]) || array_key_exists("_heroTotal", $context) ? $context["_heroTotal"] : (function () { throw new RuntimeError('Variable "_heroTotal" does not exist.', 363, $this->source); })()) + Twig\Extension\CoreExtension::length($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, $context["block"], "jobs", [], "any", false, false, false, 363)));
  658.                 }
  659.                 // line 364
  660.                 yield "                    ";
  661.             }
  662.             $_parent = $context['_parent'];
  663.             unset($context['_seq'], $context['_key'], $context['block'], $context['_parent']);
  664.             $context = array_intersect_key($context, $_parent) + $_parent;
  665.             // line 365
  666.             yield "                ";
  667.         }
  668.         // line 366
  669.         yield "
  670.                 <div class=\"hero-default-jobs\" id=\"wrHeroJobsList\">
  671.                     <div class=\"hero-jobs-header\" id=\"wrHeroJobsHeader\">
  672.                         <span class=\"hero-jobs-count\" id=\"wrHeroJobsCount\">
  673.                             <strong>";
  674.         // line 370
  675.         yield (((isset($context["_heroTotal"]) || array_key_exists("_heroTotal", $context) ? $context["_heroTotal"] : (function () { throw new RuntimeError('Variable "_heroTotal" does not exist.', 370, $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)) : (""))));
  676.         yield "</strong>";
  677.         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.', 370, $this->source); })()), "search_results_count", [], "any", false, false, false, 370), "html", null, true);
  678.         yield "
  679.                         </span>
  680.                         <a href=\"";
  681.         // line 372
  682.         if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 372, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  683.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_whileresume_jobs_list", ["_locale" => "fr"]);
  684.         } else {
  685.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("whileresume_jobs_list");
  686.         }
  687.         yield "\" class=\"hero-jobs-link\" id=\"wrHeroJobsLink\">
  688.                             ";
  689.         // line 373
  690.         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.', 373, $this->source); })()), "search_view_all", [], "any", false, false, false, 373), "html", null, true);
  691.         yield "
  692.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  693.                                 <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/>
  694.                             </svg>
  695.                         </a>
  696.                     </div>
  698.                     <div id=\"wrHeroJobsBody\">
  699.                         ";
  700.         // line 381
  701.         if ((array_key_exists("popularJobsForVisitor", $context) && (Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["popularJobsForVisitor"]) || array_key_exists("popularJobsForVisitor", $context) ? $context["popularJobsForVisitor"] : (function () { throw new RuntimeError('Variable "popularJobsForVisitor" does not exist.', 381, $this->source); })())) > 0))) {
  702.             // line 382
  703.             yield "                            ";
  704.             $context['_parent'] = $context;
  705.             $context['_seq'] = CoreExtension::ensureTraversable((isset($context["popularJobsForVisitor"]) || array_key_exists("popularJobsForVisitor", $context) ? $context["popularJobsForVisitor"] : (function () { throw new RuntimeError('Variable "popularJobsForVisitor" does not exist.', 382, $this->source); })()));
  706.             foreach ($context['_seq'] as $context["_key"] => $context["block"]) {
  707.                 // line 383
  708.                 yield "                                ";
  709.                 if ((CoreExtension::getAttribute($this->env, $this->source, $context["block"], "jobs", [], "any", true, true, false, 383) && (Twig\Extension\CoreExtension::length($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, $context["block"], "jobs", [], "any", false, false, false, 383)) > 0))) {
  710.                     // line 384
  711.                     yield "                                    ";
  712.                     $context['_parent'] = $context;
  713.                     $context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, $context["block"], "jobs", [], "any", false, false, false, 384));
  714.                     foreach ($context['_seq'] as $context["_key"] => $context["j"]) {
  715.                         // line 385
  716.                         yield "                                        ";
  717.                         if (((isset($context["_heroCount"]) || array_key_exists("_heroCount", $context) ? $context["_heroCount"] : (function () { throw new RuntimeError('Variable "_heroCount" does not exist.', 385, $this->source); })()) < 6)) {
  718.                             // line 386
  719.                             yield "                                            <a href=\"#\" class=\"hero-default-job\">
  720.                                                 <div class=\"hero-default-job-logo\">
  721.                                                     ";
  722.                             // line 388
  723.                             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"], "jobTitle", [], "any", true, true, false, 388) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, $context["j"], "jobTitle", [], "any", false, false, false, 388)))) ? (CoreExtension::getAttribute($this->env, $this->source, $context["j"], "jobTitle", [], "any", false, false, false, 388)) : ("?")), 0, 1)), "html", null, true);
  724.                             yield "
  725.                                                 </div>
  726.                                                 <div class=\"hero-default-job-info\">
  727.                                                     <h3 class=\"hero-default-job-title\">";
  728.                             // line 391
  729.                             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["j"], "jobTitle", [], "any", false, false, false, 391), "html", null, true);
  730.                             yield "</h3>
  731.                                                     <p class=\"hero-default-job-meta\">
  732.                                                         ";
  733.                             // line 393
  734.                             if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["j"], "city", [], "any", false, false, false, 393)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  735.                                 yield "<span>";
  736.                                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["j"], "city", [], "any", false, false, false, 393), "html", null, true);
  737.                                 yield "</span>";
  738.                             }
  739.                             // line 394
  740.                             yield "                                                        ";
  741.                             if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["j"], "employmentType", [], "any", false, false, false, 394)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  742.                                 // line 395
  743.                                 yield "                                                            <span class=\"hero-default-job-meta-sep\"></span>
  744.                                                             <span>";
  745.                                 // line 396
  746.                                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["j"], "employmentType", [], "any", false, false, false, 396), "html", null, true);
  747.                                 yield "</span>
  748.                                                         ";
  749.                             }
  750.                             // line 398
  751.                             yield "                                                    </p>
  752.                                                 </div>
  753.                                                 <span class=\"hero-default-job-arrow\">
  754.                                                     <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>
  755.                                                 </span>
  756.                                             </a>
  757.                                             ";
  758.                             // line 404
  759.                             $context["_heroCount"] = ((isset($context["_heroCount"]) || array_key_exists("_heroCount", $context) ? $context["_heroCount"] : (function () { throw new RuntimeError('Variable "_heroCount" does not exist.', 404, $this->source); })()) + 1);
  760.                             // line 405
  761.                             yield "                                        ";
  762.                         }
  763.                         // line 406
  764.                         yield "                                    ";
  765.                     }
  766.                     $_parent = $context['_parent'];
  767.                     unset($context['_seq'], $context['_key'], $context['j'], $context['_parent']);
  768.                     $context = array_intersect_key($context, $_parent) + $_parent;
  769.                     // line 407
  770.                     yield "                                ";
  771.                 }
  772.                 // line 408
  773.                 yield "                            ";
  774.             }
  775.             $_parent = $context['_parent'];
  776.             unset($context['_seq'], $context['_key'], $context['block'], $context['_parent']);
  777.             $context = array_intersect_key($context, $_parent) + $_parent;
  778.             // line 409
  779.             yield "                        ";
  780.         }
  781.         // line 410
  782.         yield "                    </div>
  783.                 </div>
  785.                 ";
  786.         // line 414
  787.         yield "                ";
  788.         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.', 414, $this->source); })()), "user", [], "any", false, false, false, 414))) {
  789.             // line 415
  790.             yield "                    <div class=\"hero-cta\">
  791.                         <a href=\"";
  792.             // line 416
  793.             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.', 416, $this->source); })()), "request", [], "any", false, false, false, 416), "locale", [], "any", false, false, false, 416)));
  794.             yield "\" class=\"hero-cta-btn\">
  795.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  796.                                 <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\"/>
  797.                             </svg>
  798.                             ";
  799.             // line 420
  800.             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.', 420, $this->source); })()), "hero_cta_signup", [], "any", false, false, false, 420), "html", null, true);
  801.             yield "
  802.                         </a>
  803.                         <a href=\"";
  804.             // line 422
  805.             if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 422, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  806.                 yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_app_login", ["_locale" => "fr"]);
  807.             } else {
  808.                 yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_login");
  809.             }
  810.             yield "\" class=\"hero-cta-btn\">
  811.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  812.                                 <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\"/>
  813.                             </svg>
  814.                             ";
  815.             // line 426
  816.             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.', 426, $this->source); })()), "hero_cta_login", [], "any", false, false, false, 426), "html", null, true);
  817.             yield "
  818.                         </a>
  819.                     </div>
  820.                 ";
  821.         }
  822.         // line 430
  823.         yield "
  824.                 ";
  825.         // line 431
  826.         if ((CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 431, $this->source); })()), "descriptionPage2", [], "any", false, false, false, 431) || CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 431, $this->source); })()), "descriptionPage3", [], "any", false, false, false, 431))) {
  827.             // line 432
  828.             yield "                    <div class=\"wr-rich-description\">
  829.                         ";
  830.             // line 433
  831.             if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 433, $this->source); })()), "descriptionPage2", [], "any", false, false, false, 433)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  832.                 yield "<div>";
  833.                 yield CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 433, $this->source); })()), "descriptionPage2", [], "any", false, false, false, 433);
  834.                 yield "</div>";
  835.             }
  836.             // line 434
  837.             yield "                        ";
  838.             if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 434, $this->source); })()), "descriptionPage3", [], "any", false, false, false, 434)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  839.                 yield "<div>";
  840.                 yield CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 434, $this->source); })()), "descriptionPage3", [], "any", false, false, false, 434);
  841.                 yield "</div>";
  842.             }
  843.             // line 435
  844.             yield "                    </div>
  845.                 ";
  846.         }
  847.         // line 437
  848.         yield "
  849.             </div>
  850.         </section>
  852.         ";
  853.         // line 442
  854.         yield "        <section class=\"wr-section\">
  855.             <div class=\"wr-container\">
  856.                 <div class=\"wr-section-head\">
  857.                     <h2 class=\"wr-title\">";
  858.         // line 445
  859.         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.', 445, $this->source); })()), "how_title", [], "any", false, false, false, 445), "html", null, true);
  860.         yield "</h2>
  861.                 </div>
  863.                 <div class=\"how-card\">
  864.                     <div class=\"how-step reveal\" data-reveal-delay=\"1\">
  865.                         <div class=\"how-step-illu\">
  866.                             <img src=\"/uploads/rh/mascotte_register.png\" alt=\"";
  867.         // line 451
  868.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 451, $this->source); })()), "titleWork1", [], "any", false, false, false, 451), "html", null, true);
  869.         yield "\" loading=\"lazy\">
  870.                         </div>
  871.                         <h3 class=\"how-step-title\">";
  872.         // line 453
  873.         yield CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 453, $this->source); })()), "titleWork1", [], "any", false, false, false, 453);
  874.         yield "</h3>
  875.                         <p class=\"how-step-desc\">";
  876.         // line 454
  877.         yield CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 454, $this->source); })()), "descriptionWork1", [], "any", false, false, false, 454);
  878.         yield "</p>
  879.                     </div>
  881.                     <div class=\"how-step reveal\" data-reveal-delay=\"2\">
  882.                         <div class=\"how-step-illu\">
  883.                             <img src=\"/uploads/rh/mascotte_upload2.png\" alt=\"";
  884.         // line 459
  885.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 459, $this->source); })()), "titleWork2", [], "any", false, false, false, 459), "html", null, true);
  886.         yield "\" loading=\"lazy\">
  887.                         </div>
  888.                         <h3 class=\"how-step-title\">";
  889.         // line 461
  890.         yield CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 461, $this->source); })()), "titleWork2", [], "any", false, false, false, 461);
  891.         yield "</h3>
  892.                         <p class=\"how-step-desc\">";
  893.         // line 462
  894.         yield CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 462, $this->source); })()), "descriptionWork2", [], "any", false, false, false, 462);
  895.         yield "</p>
  896.                     </div>
  898.                     <div class=\"how-step reveal\" data-reveal-delay=\"3\">
  899.                         <div class=\"how-step-illu\">
  900.                             <img src=\"/uploads/rh/mascotte_reunion.png\" alt=\"";
  901.         // line 467
  902.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 467, $this->source); })()), "titleWork3", [], "any", false, false, false, 467), "html", null, true);
  903.         yield "\" loading=\"lazy\">
  904.                         </div>
  905.                         <h3 class=\"how-step-title\">";
  906.         // line 469
  907.         yield CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 469, $this->source); })()), "titleWork3", [], "any", false, false, false, 469);
  908.         yield "</h3>
  909.                         <p class=\"how-step-desc\">";
  910.         // line 470
  911.         yield CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 470, $this->source); })()), "descriptionWork3", [], "any", false, false, false, 470);
  912.         yield "</p>
  913.                     </div>
  914.                 </div>
  915.             </div>
  916.         </section>
  918.         ";
  919.         // line 477
  920.         yield "        <section class=\"wr-section\">
  921.             <div class=\"wr-container\">
  923.                 ";
  924.         // line 480
  925.         $context["_featImages"] = ["/uploads/rh/mascotte_filtrage3.png", "/uploads/rh/mascotte_upload.png", "/uploads/rh/mascotte_register.png", "/uploads/rh/mascotte_reunion.png"];
  926.         // line 486
  927.         yield "
  928.                 ";
  929.         // line 487
  930.         $context['_parent'] = $context;
  931.         $context['_seq'] = CoreExtension::ensureTraversable(range(1, 4));
  932.         foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
  933.             // line 488
  934.             yield "                    ";
  935.             $context["_label"] = ((CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 488, $this->source); })()), ("labelPresentation" . $context["i"]), [], "any", false, false, false, 488)) ? (CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 488, $this->source); })()), ("labelPresentation" . $context["i"]), [], "any", false, false, false, 488)) : ((("0" . $context["i"]) . ".")));
  936.             // line 489
  937.             yield "                    ";
  938.             $context["_title"] = CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 489, $this->source); })()), ("titlePresentation" . $context["i"]), [], "any", false, false, false, 489);
  939.             // line 490
  940.             yield "                    ";
  941.             $context["_desc"] = CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 490, $this->source); })()), ("descriptionPresentation" . $context["i"]), [], "any", false, false, false, 490);
  942.             // line 491
  943.             yield "                    ";
  944.             $context["_quote"] = CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 491, $this->source); })()), ("citationPresentation" . $context["i"]), [], "any", false, false, false, 491);
  945.             // line 492
  946.             yield "                    ";
  947.             $context["_author"] = CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 492, $this->source); })()), ("authorPresentation" . $context["i"]), [], "any", false, false, false, 492);
  948.             // line 493
  949.             yield "                    ";
  950.             $context["_role"] = CoreExtension::getAttribute($this->env, $this->source, (isset($context["landing"]) || array_key_exists("landing", $context) ? $context["landing"] : (function () { throw new RuntimeError('Variable "landing" does not exist.', 493, $this->source); })()), ("rolePresentation" . $context["i"]), [], "any", false, false, false, 493);
  951.             // line 494
  952.             yield "
  953.                     ";
  954.             // line 495
  955.             if ((((isset($context["_title"]) || array_key_exists("_title", $context) ? $context["_title"] : (function () { throw new RuntimeError('Variable "_title" does not exist.', 495, $this->source); })()) || (isset($context["_desc"]) || array_key_exists("_desc", $context) ? $context["_desc"] : (function () { throw new RuntimeError('Variable "_desc" does not exist.', 495, $this->source); })())) || (isset($context["_quote"]) || array_key_exists("_quote", $context) ? $context["_quote"] : (function () { throw new RuntimeError('Variable "_quote" does not exist.', 495, $this->source); })()))) {
  956.                 // line 496
  957.                 yield "                        <div class=\"feat-block reveal\">
  958.                             <div class=\"feat-illu\">
  959.                                 <img src=\"";
  960.                 // line 498
  961.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["_featImages"]) || array_key_exists("_featImages", $context) ? $context["_featImages"] : (function () { throw new RuntimeError('Variable "_featImages" does not exist.', 498, $this->source); })()), ($context["i"] - 1), [], "array", false, false, false, 498), "html", null, true);
  962.                 yield "\" alt=\"";
  963.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["_title"]) || array_key_exists("_title", $context) ? $context["_title"] : (function () { throw new RuntimeError('Variable "_title" does not exist.', 498, $this->source); })()), "html", null, true);
  964.                 yield "\" loading=\"lazy\">
  965.                             </div>
  966.                             <div class=\"feat-content\">
  967.                                 ";
  968.                 // line 501
  969.                 if ((($tmp = (isset($context["_label"]) || array_key_exists("_label", $context) ? $context["_label"] : (function () { throw new RuntimeError('Variable "_label" does not exist.', 501, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  970.                     yield "<span class=\"feat-label\">";
  971.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["_label"]) || array_key_exists("_label", $context) ? $context["_label"] : (function () { throw new RuntimeError('Variable "_label" does not exist.', 501, $this->source); })()), "html", null, true);
  972.                     yield "</span>";
  973.                 }
  974.                 // line 502
  975.                 yield "                                ";
  976.                 if ((($tmp = (isset($context["_title"]) || array_key_exists("_title", $context) ? $context["_title"] : (function () { throw new RuntimeError('Variable "_title" does not exist.', 502, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  977.                     yield "<h3 class=\"feat-title\">";
  978.                     yield (isset($context["_title"]) || array_key_exists("_title", $context) ? $context["_title"] : (function () { throw new RuntimeError('Variable "_title" does not exist.', 502, $this->source); })());
  979.                     yield "</h3>";
  980.                 }
  981.                 // line 503
  982.                 yield "                                ";
  983.                 if ((($tmp = (isset($context["_desc"]) || array_key_exists("_desc", $context) ? $context["_desc"] : (function () { throw new RuntimeError('Variable "_desc" does not exist.', 503, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  984.                     // line 504
  985.                     yield "                                    <div class=\"feat-desc\">
  986.                                         <p>";
  987.                     // line 505
  988.                     yield (isset($context["_desc"]) || array_key_exists("_desc", $context) ? $context["_desc"] : (function () { throw new RuntimeError('Variable "_desc" does not exist.', 505, $this->source); })());
  989.                     yield "</p>
  990.                                     </div>
  991.                                 ";
  992.                 }
  993.                 // line 508
  994.                 yield "                                ";
  995.                 if ((($tmp = (isset($context["_quote"]) || array_key_exists("_quote", $context) ? $context["_quote"] : (function () { throw new RuntimeError('Variable "_quote" does not exist.', 508, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  996.                     // line 509
  997.                     yield "                                    <div class=\"feat-quote\">
  998.                                         <p class=\"feat-quote-text\">";
  999.                     // line 510
  1000.                     yield (isset($context["_quote"]) || array_key_exists("_quote", $context) ? $context["_quote"] : (function () { throw new RuntimeError('Variable "_quote" does not exist.', 510, $this->source); })());
  1001.                     yield "</p>
  1002.                                         ";
  1003.                     // line 511
  1004.                     if (((isset($context["_author"]) || array_key_exists("_author", $context) ? $context["_author"] : (function () { throw new RuntimeError('Variable "_author" does not exist.', 511, $this->source); })()) || (isset($context["_role"]) || array_key_exists("_role", $context) ? $context["_role"] : (function () { throw new RuntimeError('Variable "_role" does not exist.', 511, $this->source); })()))) {
  1005.                         // line 512
  1006.                         yield "                                            <div class=\"feat-quote-author\">
  1007.                                                 ";
  1008.                         // line 513
  1009.                         if ((($tmp = (isset($context["_author"]) || array_key_exists("_author", $context) ? $context["_author"] : (function () { throw new RuntimeError('Variable "_author" does not exist.', 513, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1010.                             yield "<p class=\"feat-quote-name\">";
  1011.                             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["_author"]) || array_key_exists("_author", $context) ? $context["_author"] : (function () { throw new RuntimeError('Variable "_author" does not exist.', 513, $this->source); })()), "html", null, true);
  1012.                             yield "</p>";
  1013.                         }
  1014.                         // line 514
  1015.                         yield "                                                ";
  1016.                         if ((($tmp = (isset($context["_role"]) || array_key_exists("_role", $context) ? $context["_role"] : (function () { throw new RuntimeError('Variable "_role" does not exist.', 514, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1017.                             yield "<p class=\"feat-quote-role\">";
  1018.                             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["_role"]) || array_key_exists("_role", $context) ? $context["_role"] : (function () { throw new RuntimeError('Variable "_role" does not exist.', 514, $this->source); })()), "html", null, true);
  1019.                             yield "</p>";
  1020.                         }
  1021.                         // line 515
  1022.                         yield "                                            </div>
  1023.                                         ";
  1024.                     }
  1025.                     // line 517
  1026.                     yield "                                    </div>
  1027.                                 ";
  1028.                 }
  1029.                 // line 519
  1030.                 yield "                            </div>
  1031.                         </div>
  1032.                     ";
  1033.             }
  1034.             // line 522
  1035.             yield "                ";
  1036.         }
  1037.         $_parent = $context['_parent'];
  1038.         unset($context['_seq'], $context['_key'], $context['i'], $context['_parent']);
  1039.         $context = array_intersect_key($context, $_parent) + $_parent;
  1040.         // line 523
  1041.         yield "
  1042.             </div>
  1043.         </section>
  1045.         ";
  1046.         // line 528
  1047.         yield "        <section class=\"wr-section\">
  1048.             <div class=\"wr-container\">
  1049.                 <div class=\"apps-grid\">
  1050.                     <a href=\"";
  1051.         // line 531
  1052.         yield (((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 531, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(((array_key_exists("ios_fr", $context)) ? (Twig\Extension\CoreExtension::default((isset($context["ios_fr"]) || array_key_exists("ios_fr", $context) ? $context["ios_fr"] : (function () { throw new RuntimeError('Variable "ios_fr" does not exist.', 531, $this->source); })()), "#")) : ("#")), "html", null, true)) : ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(((array_key_exists("ios_us", $context)) ? (Twig\Extension\CoreExtension::default((isset($context["ios_us"]) || array_key_exists("ios_us", $context) ? $context["ios_us"] : (function () { throw new RuntimeError('Variable "ios_us" does not exist.', 531, $this->source); })()), "#")) : ("#")), "html", null, true)));
  1053.         yield "\" class=\"app-card\">
  1054.                         <span class=\"app-card-icon\">
  1055.                             <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>
  1056.                         </span>
  1057.                         <h3 class=\"app-card-name\">";
  1058.         // line 535
  1059.         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.', 535, $this->source); })()), "apps_ios", [], "any", false, false, false, 535), "html", null, true);
  1060.         yield "</h3>
  1061.                         <p class=\"app-card-desc\">";
  1062.         // line 536
  1063.         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.', 536, $this->source); })()), "apps_ios_desc", [], "any", false, false, false, 536), "html", null, true);
  1064.         yield "</p>
  1065.                         <span class=\"app-card-cta\">App Store
  1066.                             <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>
  1067.                         </span>
  1068.                     </a>
  1069.                     <a href=\"";
  1070.         // line 541
  1071.         yield (((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 541, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(((array_key_exists("android_fr", $context)) ? (Twig\Extension\CoreExtension::default((isset($context["android_fr"]) || array_key_exists("android_fr", $context) ? $context["android_fr"] : (function () { throw new RuntimeError('Variable "android_fr" does not exist.', 541, $this->source); })()), "#")) : ("#")), "html", null, true)) : ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(((array_key_exists("android_us", $context)) ? (Twig\Extension\CoreExtension::default((isset($context["android_us"]) || array_key_exists("android_us", $context) ? $context["android_us"] : (function () { throw new RuntimeError('Variable "android_us" does not exist.', 541, $this->source); })()), "#")) : ("#")), "html", null, true)));
  1072.         yield "\" class=\"app-card\">
  1073.                         <span class=\"app-card-icon\">
  1074.                             <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>
  1075.                         </span>
  1076.                         <h3 class=\"app-card-name\">";
  1077.         // line 545
  1078.         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.', 545, $this->source); })()), "apps_android", [], "any", false, false, false, 545), "html", null, true);
  1079.         yield "</h3>
  1080.                         <p class=\"app-card-desc\">";
  1081.         // line 546
  1082.         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.', 546, $this->source); })()), "apps_android_desc", [], "any", false, false, false, 546), "html", null, true);
  1083.         yield "</p>
  1084.                         <span class=\"app-card-cta\">Google Play
  1085.                             <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>
  1086.                         </span>
  1087.                     </a>
  1088.                     <a href=\"";
  1089.         // line 551
  1090.         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.', 551, $this->source); })()), "request", [], "any", false, false, false, 551), "locale", [], "any", false, false, false, 551) == "en")) {
  1091.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("whileresume_homepage");
  1092.         } else {
  1093.             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.', 551, $this->source); })()), "request", [], "any", false, false, false, 551), "locale", [], "any", false, false, false, 551)]), "html", null, true);
  1094.         }
  1095.         yield "#register\" class=\"app-card\">
  1096.                         <span class=\"app-card-icon\">
  1097.                             <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>
  1098.                         </span>
  1099.                         <h3 class=\"app-card-name\">";
  1100.         // line 555
  1101.         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.', 555, $this->source); })()), "apps_web", [], "any", false, false, false, 555), "html", null, true);
  1102.         yield "</h3>
  1103.                         <p class=\"app-card-desc\">";
  1104.         // line 556
  1105.         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.', 556, $this->source); })()), "apps_web_desc", [], "any", false, false, false, 556), "html", null, true);
  1106.         yield "</p>
  1107.                         <span class=\"app-card-cta\">whileresume.com
  1108.                             <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>
  1109.                         </span>
  1110.                     </a>
  1111.                 </div>
  1112.             </div>
  1113.         </section>
  1115.         ";
  1116.         // line 566
  1117.         yield "        ";
  1118.         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.', 566, $this->source); })())) > 0))) {
  1119.             // line 567
  1120.             yield "            <section class=\"wr-section\">
  1121.                 <div class=\"wr-container\">
  1122.                     <div class=\"wr-section-head\">
  1123.                         <h2 class=\"wr-title wr-title--sm\">";
  1124.             // line 570
  1125.             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.', 570, $this->source); })()), "articles_title", [], "any", false, false, false, 570), "html", null, true);
  1126.             yield "</h2>
  1127.                     </div>
  1129.                     <div class=\"articles-list\">
  1130.                         ";
  1131.             // line 574
  1132.             $context['_parent'] = $context;
  1133.             $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.', 574, $this->source); })()), 0, 6));
  1134.             foreach ($context['_seq'] as $context["_key"] => $context["a"]) {
  1135.                 // line 575
  1136.                 yield "                            ";
  1137.                 $context["prefix"] = "";
  1138.                 // line 576
  1139.                 yield "                            ";
  1140.                 $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, 576)]);
  1141.                 // line 577
  1142.                 yield "                            ";
  1143.                 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.', 577, $this->source); })()), "request", [], "any", false, false, false, 577), "locale", [], "any", false, false, false, 577) != (isset($context["default_locale"]) || array_key_exists("default_locale", $context) ? $context["default_locale"] : (function () { throw new RuntimeError('Variable "default_locale" does not exist.', 577, $this->source); })()))) {
  1144.                     // line 578
  1145.                     yield "                                ";
  1146.                     $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.', 578, $this->source); })()), "request", [], "any", false, false, false, 578), "locale", [], "any", false, false, false, 578), "slug" => CoreExtension::getAttribute($this->env, $this->source, $context["a"], "slug", [], "any", false, false, false, 578)]);
  1147.                     // line 579
  1148.                     yield "                                ";
  1149.                     $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.', 579, $this->source); })()), "request", [], "any", false, false, false, 579), "locale", [], "any", false, false, false, 579));
  1150.                     // line 580
  1151.                     yield "                            ";
  1152.                 }
  1153.                 // line 581
  1154.                 yield "                            ";
  1155.                 if ((($tmp =  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug3", [], "any", false, false, false, 581))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1156.                     // line 582
  1157.                     yield "                                ";
  1158.                     $context["urlA"] = (((((((isset($context["prefix"]) || array_key_exists("prefix", $context) ? $context["prefix"] : (function () { throw new RuntimeError('Variable "prefix" does not exist.', 582, $this->source); })()) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug", [], "any", false, false, false, 582)) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug2", [], "any", false, false, false, 582)) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug3", [], "any", false, false, false, 582));
  1159.                     // line 583
  1160.                     yield "                            ";
  1161.                 } elseif ((($tmp =  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug2", [], "any", false, false, false, 583))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1162.                     // line 584
  1163.                     yield "                                ";
  1164.                     $context["urlA"] = (((((isset($context["prefix"]) || array_key_exists("prefix", $context) ? $context["prefix"] : (function () { throw new RuntimeError('Variable "prefix" does not exist.', 584, $this->source); })()) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug", [], "any", false, false, false, 584)) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug2", [], "any", false, false, false, 584));
  1165.                     // line 585
  1166.                     yield "                            ";
  1167.                 } elseif ((($tmp =  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug", [], "any", false, false, false, 585))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1168.                     // line 586
  1169.                     yield "                                ";
  1170.                     $context["urlA"] = (((isset($context["prefix"]) || array_key_exists("prefix", $context) ? $context["prefix"] : (function () { throw new RuntimeError('Variable "prefix" does not exist.', 586, $this->source); })()) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug", [], "any", false, false, false, 586));
  1171.                     // line 587
  1172.                     yield "                            ";
  1173.                 }
  1174.                 // line 588
  1175.                 yield "
  1176.                             <a href=\"";
  1177.                 // line 589
  1178.                 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.', 589, $this->source); })()), "html", null, true);
  1179.                 yield "\" class=\"wr-article\">
  1180.                                 <div class=\"wr-article-logo\">
  1181.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  1182.                                         <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"/>
  1183.                                         <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"/>
  1184.                                     </svg>
  1185.                                 </div>
  1186.                                 <div class=\"wr-article-info\">
  1187.                                     <h3 class=\"wr-article-title\">";
  1188.                 // line 597
  1189.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "title", [], "any", false, false, false, 597), "html", null, true);
  1190.                 yield "</h3>
  1191.                                     <div class=\"wr-article-meta\">
  1192.                                         ";
  1193.                 // line 599
  1194.                 if ((($tmp =  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "subtitle", [], "any", false, false, false, 599))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1195.                     // line 600
  1196.                     yield "                                            <span>";
  1197.                     yield (((Twig\Extension\CoreExtension::length($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, $context["a"], "subtitle", [], "any", false, false, false, 600)) > 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, 600), 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, 600), "html", null, true)));
  1198.                     yield "</span>
  1199.                                         ";
  1200.                 }
  1201.                 // line 602
  1202.                 yield "                                    </div>
  1203.                                 </div>
  1204.                                 <span class=\"wr-article-badge\">";
  1205.                 // line 604
  1206.                 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.', 604, $this->source); })()), "read_article", [], "any", false, false, false, 604), "html", null, true);
  1207.                 yield "</span>
  1208.                                 <span class=\"wr-article-arrow\">
  1209.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  1210.                                         <polyline points=\"9 18 15 12 9 6\"/>
  1211.                                     </svg>
  1212.                                 </span>
  1213.                             </a>
  1214.                         ";
  1215.             }
  1216.             $_parent = $context['_parent'];
  1217.             unset($context['_seq'], $context['_key'], $context['a'], $context['_parent']);
  1218.             $context = array_intersect_key($context, $_parent) + $_parent;
  1219.             // line 612
  1220.             yield "                    </div>
  1222.                     <div class=\"articles-cta\">
  1223.                         <a href=\"";
  1224.             // line 615
  1225.             if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 615, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1226.                 yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_cvs_website_articles", ["_locale" => "fr"]);
  1227.             } else {
  1228.                 yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cvs_website_articles");
  1229.             }
  1230.             yield "\">
  1231.                             ";
  1232.             // line 616
  1233.             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.', 616, $this->source); })()), "articles_view_all", [], "any", false, false, false, 616), "html", null, true);
  1234.             yield "
  1235.                             <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>
  1236.                         </a>
  1237.                     </div>
  1238.                 </div>
  1239.             </section>
  1240.         ";
  1241.         }
  1242.         // line 623
  1243.         yield "
  1244.         ";
  1245.         // line 625
  1246.         yield "        ";
  1247.         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.', 625, $this->source); })()), "user", [], "any", false, false, false, 625))) {
  1248.             // line 626
  1249.             yield "            <section class=\"wr-section\">
  1250.                 <div class=\"wr-container\">
  1251.                     <div class=\"final-card\">
  1253.                         <h2 class=\"final-title\">";
  1254.             // line 630
  1255.             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.', 630, $this->source); })()), "final_title", [], "any", false, false, false, 630), "html", null, true);
  1256.             yield "</h2>
  1258.                         <div class=\"final-grid\">
  1259.                             ";
  1260.             // line 634
  1261.             yield "                            <div class=\"final-sub\">
  1262.                                 <div class=\"final-sub-head\">
  1263.                                 <span class=\"final-sub-icon\">
  1264.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  1265.                                         <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"/>
  1266.                                         <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"/>
  1267.                                     </svg>
  1268.                                 </span>
  1269.                                     <span class=\"final-sub-label\">";
  1270.             // line 642
  1271.             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.', 642, $this->source); })()), "final_recruiter_label", [], "any", false, false, false, 642), "html", null, true);
  1272.             yield "</span>
  1273.                                 </div>
  1274.                                 <h3 class=\"final-sub-title\">";
  1275.             // line 644
  1276.             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.', 644, $this->source); })()), "final_recruiter_title", [], "any", false, false, false, 644), "html", null, true);
  1277.             yield "</h3>
  1278.                                 <p class=\"final-sub-desc\">";
  1279.             // line 645
  1280.             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.', 645, $this->source); })()), "final_recruiter_desc", [], "any", false, false, false, 645), "html", null, true);
  1281.             yield "</p>
  1282.                                 <a href=\"";
  1283.             // line 646
  1284.             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.', 646, $this->source); })()), "request", [], "any", false, false, false, 646), "locale", [], "any", false, false, false, 646)));
  1285.             yield "\" class=\"final-sub-btn\">
  1286.                                     ";
  1287.             // line 647
  1288.             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.', 647, $this->source); })()), "final_recruiter", [], "any", false, false, false, 647), "html", null, true);
  1289.             yield "
  1290.                                     <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>
  1291.                                 </a>
  1292.                             </div>
  1294.                             ";
  1295.             // line 653
  1296.             yield "                            <div class=\"final-sub\">
  1297.                                 <div class=\"final-sub-head\">
  1298.                                 <span class=\"final-sub-icon\">
  1299.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  1300.                                         <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"/>
  1301.                                         <circle cx=\"12\" cy=\"7\" r=\"4\"/>
  1302.                                     </svg>
  1303.                                 </span>
  1304.                                     <span class=\"final-sub-label\">";
  1305.             // line 661
  1306.             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.', 661, $this->source); })()), "final_candidate_label", [], "any", false, false, false, 661), "html", null, true);
  1307.             yield "</span>
  1308.                                 </div>
  1309.                                 <h3 class=\"final-sub-title\">";
  1310.             // line 663
  1311.             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.', 663, $this->source); })()), "final_candidate_title", [], "any", false, false, false, 663), "html", null, true);
  1312.             yield "</h3>
  1313.                                 <p class=\"final-sub-desc\">";
  1314.             // line 664
  1315.             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.', 664, $this->source); })()), "final_candidate_desc", [], "any", false, false, false, 664), "html", null, true);
  1316.             yield "</p>
  1317.                                 <a href=\"";
  1318.             // line 665
  1319.             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.', 665, $this->source); })()), "request", [], "any", false, false, false, 665), "locale", [], "any", false, false, false, 665)));
  1320.             yield "\" class=\"final-sub-btn\">
  1321.                                     ";
  1322.             // line 666
  1323.             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.', 666, $this->source); })()), "final_candidate", [], "any", false, false, false, 666), "html", null, true);
  1324.             yield "
  1325.                                     <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>
  1326.                                 </a>
  1327.                             </div>
  1328.                         </div>
  1329.                     </div>
  1330.                 </div>
  1331.             </section>
  1332.         ";
  1333.         }
  1334.         // line 675
  1335.         yield "
  1336.     </div>
  1337. ";
  1338.         
  1339.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1341.         
  1342.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1344.         yield from [];
  1345.     }
  1347.     // line 679
  1348.     /**
  1349.      * @return iterable<null|scalar|\Stringable>
  1350.      */
  1351.     public function block_footer_js(array $context, array $blocks = []): iterable
  1352.     {
  1353.         $macros = $this->macros;
  1354.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1355.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footer_js"));
  1357.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1358.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footer_js"));
  1360.         // line 680
  1361.         yield "    ";
  1362.         yield from $this->yieldParentBlock("footer_js", $context, $blocks);
  1363.         yield "
  1364.     <script>
  1365.         (function(){
  1366.             var search   = document.getElementById('wrHeroSearch');
  1367.             var input    = document.getElementById('wrHeroSearchInput');
  1368.             var clearBtn = document.getElementById('wrHeroSearchClear');
  1369.             var jobsBody = document.getElementById('wrHeroJobsBody');
  1370.             var countEl  = document.getElementById('wrHeroJobsCount');
  1371.             var linkEl   = document.getElementById('wrHeroJobsLink');
  1372.             if (!search || !input || !jobsBody) return;
  1374.             var searchUrl   = search.dataset.searchUrl;
  1375.             var jobsListUrl = search.dataset.jobsListUrl;
  1377.             var defaultBodyHtml  = jobsBody.innerHTML;
  1378.             var defaultCountHtml = countEl ? countEl.innerHTML : '';
  1379.             var defaultLinkHref  = linkEl ? linkEl.getAttribute('href') : jobsListUrl;
  1381.             var debounceTimer = null;
  1382.             var currentRequest = null;
  1383.             var lastQuery = '';
  1385.             var T = {
  1386.                 loading:      '";
  1387.         // line 703
  1388.         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.', 703, $this->source); })()), "search_loading", [], "any", false, false, false, 703), "js"), "html", null, true);
  1389.         yield "',
  1390.                 empty:        '";
  1391.         // line 704
  1392.         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.', 704, $this->source); })()), "search_no_results", [], "any", false, false, false, 704), "js"), "html", null, true);
  1393.         yield "',
  1394.                 emptyHint:    '";
  1395.         // line 705
  1396.         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.', 705, $this->source); })()), "search_no_results_hint", [], "any", false, false, false, 705), "js"), "html", null, true);
  1397.         yield "',
  1398.                 count:        '";
  1399.         // line 706
  1400.         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.', 706, $this->source); })()), "search_results_count", [], "any", false, false, false, 706), "js"), "html", null, true);
  1401.         yield "',
  1402.                 viewAll:      '";
  1403.         // line 707
  1404.         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.', 707, $this->source); })()), "search_view_all", [], "any", false, false, false, 707), "js"), "html", null, true);
  1405.         yield "',
  1406.                 view:         '";
  1407.         // line 708
  1408.         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.', 708, $this->source); })()), "search_view_offer", [], "any", false, false, false, 708), "js"), "html", null, true);
  1409.         yield "'
  1410.             };
  1412.             function escHtml(s){
  1413.                 if (s == null) return '';
  1414.                 return String(s).replace(/[&<>\"']/g, function(c){
  1415.                     return {'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c];
  1416.                 });
  1417.             }
  1418.             function setHeaderCount(total){
  1419.                 if (!countEl) return;
  1420.                 countEl.innerHTML = '<strong>' + total + '</strong>' + escHtml(T.count);
  1421.             }
  1422.             function setHeaderLink(href){ if (!linkEl) return; linkEl.setAttribute('href', href); }
  1423.             function setLoading(){
  1424.                 jobsBody.innerHTML = '<div class=\"hero-jobs-loading\"><span class=\"hero-jobs-spinner\"></span><span>' + escHtml(T.loading) + '</span></div>';
  1425.             }
  1426.             function setEmpty(){
  1427.                 jobsBody.innerHTML =
  1428.                     '<div class=\"hero-jobs-empty\">' +
  1429.                     '<div class=\"hero-jobs-empty-icon\">' +
  1430.                     '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">' +
  1431.                     '<circle cx=\"11\" cy=\"11\" r=\"8\"/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/>' +
  1432.                     '</svg></div>' +
  1433.                     '<p class=\"hero-jobs-empty-title\">' + escHtml(T.empty) + '</p>' +
  1434.                     '<p class=\"hero-jobs-empty-hint\">' + escHtml(T.emptyHint) + '</p>' +
  1435.                     '</div>';
  1436.             }
  1437.             function restoreDefault(){
  1438.                 jobsBody.innerHTML = defaultBodyHtml;
  1439.                 if (countEl) countEl.innerHTML = defaultCountHtml;
  1440.                 if (linkEl) linkEl.setAttribute('href', defaultLinkHref);
  1441.             }
  1442.             function renderResults(payload, query){
  1443.                 var jobs  = (payload && payload.jobs)  || [];
  1444.                 var total = (payload && typeof payload.total === 'number') ? payload.total : jobs.length;
  1445.                 setHeaderCount(total);
  1446.                 setHeaderLink(jobsListUrl + '?q=' + encodeURIComponent(query));
  1447.                 if (!jobs.length){ setEmpty(); return; }
  1449.                 var html = '';
  1450.                 jobs.slice(0, 6).forEach(function(j){
  1451.                     var title   = j.jobTitle || j.title || '';
  1452.                     var company = j.companyName || j.company || '';
  1453.                     var city    = j.city || '';
  1454.                     var country = j.country || '';
  1455.                     var et      = j.employmentType || '';
  1456.                     var img     = j.image || j.imageUrl || '';
  1457.                     var url     = j.url || (jobsListUrl + '?q=' + encodeURIComponent(query));
  1458.                     var initial = (company || title || '?').charAt(0).toUpperCase();
  1459.                     var location = city + (country ? ', ' + country : '');
  1460.                     var metaParts = [];
  1461.                     if (company)  metaParts.push('<span>' + escHtml(company) + '</span>');
  1462.                     if (location) metaParts.push('<span class=\"hero-default-job-meta-sep\"></span><span>' + escHtml(location) + '</span>');
  1463.                     if (et)       metaParts.push('<span class=\"hero-default-job-meta-sep\"></span><span>' + escHtml(et) + '</span>');
  1464.                     html +=
  1465.                         '<a href=\"' + escHtml(url) + '\" class=\"hero-default-job\">' +
  1466.                         '<div class=\"hero-default-job-logo\">' +
  1467.                         (img ? '<img src=\"' + escHtml(img) + '\" alt=\"\">' : escHtml(initial)) +
  1468.                         '</div>' +
  1469.                         '<div class=\"hero-default-job-info\">' +
  1470.                         '<h3 class=\"hero-default-job-title\">' + escHtml(title) + '</h3>' +
  1471.                         '<p class=\"hero-default-job-meta\">' + metaParts.join('') + '</p>' +
  1472.                         '</div>' +
  1473.                         '<span class=\"hero-default-job-arrow\">' +
  1474.                         '<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>' +
  1475.                         '</span>' +
  1476.                         '</a>';
  1477.                 });
  1478.                 jobsBody.innerHTML = html;
  1479.             }
  1480.             function doSearch(query){
  1481.                 if (currentRequest && currentRequest.abort) { try { currentRequest.abort(); } catch(e){} }
  1482.                 setLoading();
  1483.                 var url = searchUrl + (searchUrl.indexOf('?') > -1 ? '&' : '?') + 'q=' + encodeURIComponent(query);
  1484.                 var ctrl = (typeof AbortController !== 'undefined') ? new AbortController() : null;
  1485.                 currentRequest = ctrl;
  1486.                 fetch(url, { headers: { 'Accept': 'application/json' }, signal: ctrl ? ctrl.signal : undefined })
  1487.                     .then(function(r){ return r.ok ? r.json() : Promise.reject(r.status); })
  1488.                     .then(function(data){ renderResults(data, query); })
  1489.                     .catch(function(err){
  1490.                         if (err && err.name === 'AbortError') return;
  1491.                         setEmpty();
  1492.                     });
  1493.             }
  1495.             input.addEventListener('input', function(){
  1496.                 var q = input.value.trim();
  1497.                 clearBtn.classList.toggle('is-visible', q.length > 0);
  1498.                 if (debounceTimer) clearTimeout(debounceTimer);
  1499.                 if (q.length < 2){ restoreDefault(); lastQuery = ''; return; }
  1500.                 if (q === lastQuery) return;
  1501.                 debounceTimer = setTimeout(function(){ lastQuery = q; doSearch(q); }, 280);
  1502.             });
  1503.             input.addEventListener('keydown', function(e){
  1504.                 if (e.key === 'Enter'){
  1505.                     e.preventDefault();
  1506.                     var q = input.value.trim();
  1507.                     if (!q) return;
  1508.                     window.location.href = jobsListUrl + '?q=' + encodeURIComponent(q);
  1509.                 }
  1510.                 if (e.key === 'Escape'){
  1511.                     input.value = ''; clearBtn.classList.remove('is-visible'); restoreDefault(); lastQuery = ''; input.blur();
  1512.                 }
  1513.             });
  1514.             clearBtn.addEventListener('click', function(){
  1515.                 input.value = ''; clearBtn.classList.remove('is-visible'); restoreDefault(); lastQuery = ''; input.focus();
  1516.             });
  1517.             document.querySelectorAll('.hero-popular-pill').forEach(function(pill){
  1518.                 pill.addEventListener('click', function(){
  1519.                     var keyword = pill.dataset.keyword || pill.dataset.label || '';
  1520.                     if (!keyword) return;
  1521.                     document.querySelectorAll('.hero-popular-pill').forEach(function(p){ p.classList.remove('is-active'); });
  1522.                     pill.classList.add('is-active');
  1523.                     input.value = keyword;
  1524.                     clearBtn.classList.add('is-visible');
  1525.                     lastQuery = keyword;
  1526.                     doSearch(keyword);
  1527.                     input.focus();
  1528.                 });
  1529.             });
  1531.             // Si l'input est pré-rempli (1er keyword populaire), on lance la recherche automatiquement
  1532.             var initialQuery = input.value.trim();
  1533.             if (initialQuery.length >= 2) {
  1534.                 clearBtn.classList.add('is-visible');
  1535.                 lastQuery = initialQuery;
  1536.                 doSearch(initialQuery);
  1537.             }
  1538.         })();
  1540.         (function(){
  1541.             var els = document.querySelectorAll('.reveal');
  1542.             if (!els.length) return;
  1543.             if (!('IntersectionObserver' in window)){
  1544.                 els.forEach(function(el){ el.classList.add('is-revealed'); });
  1545.                 return;
  1546.             }
  1547.             var io = new IntersectionObserver(function(entries){
  1548.                 entries.forEach(function(entry){
  1549.                     if (entry.isIntersecting){
  1550.                         entry.target.classList.add('is-revealed');
  1551.                         io.unobserve(entry.target);
  1552.                     }
  1553.                 });
  1554.             }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' });
  1555.             els.forEach(function(el){ io.observe(el); });
  1556.         })();
  1557.     </script>
  1558. ";
  1559.         
  1560.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1562.         
  1563.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1565.         yield from [];
  1566.     }
  1568.     /**
  1569.      * @codeCoverageIgnore
  1570.      */
  1571.     public function getTemplateName(): string
  1572.     {
  1573.         return "application/whileresume/website/candidates/landing.html.twig";
  1574.     }
  1576.     /**
  1577.      * @codeCoverageIgnore
  1578.      */
  1579.     public function isTraitable(): bool
  1580.     {
  1581.         return false;
  1582.     }
  1584.     /**
  1585.      * @codeCoverageIgnore
  1586.      */
  1587.     public function getDebugInfo(): array
  1588.     {
  1589.         return array (  1408 => 708,  1404 => 707,  1400 => 706,  1396 => 705,  1392 => 704,  1388 => 703,  1361 => 680,  1348 => 679,  1335 => 675,  1323 => 666,  1319 => 665,  1315 => 664,  1311 => 663,  1306 => 661,  1296 => 653,  1288 => 647,  1284 => 646,  1280 => 645,  1276 => 644,  1271 => 642,  1261 => 634,  1255 => 630,  1249 => 626,  1246 => 625,  1243 => 623,  1233 => 616,  1225 => 615,  1220 => 612,  1206 => 604,  1202 => 602,  1196 => 600,  1194 => 599,  1189 => 597,  1178 => 589,  1175 => 588,  1172 => 587,  1169 => 586,  1166 => 585,  1163 => 584,  1160 => 583,  1157 => 582,  1154 => 581,  1151 => 580,  1148 => 579,  1145 => 578,  1142 => 577,  1139 => 576,  1136 => 575,  1132 => 574,  1125 => 570,  1120 => 567,  1117 => 566,  1105 => 556,  1101 => 555,  1090 => 551,  1082 => 546,  1078 => 545,  1071 => 541,  1063 => 536,  1059 => 535,  1052 => 531,  1047 => 528,  1041 => 523,  1035 => 522,  1030 => 519,  1026 => 517,  1022 => 515,  1015 => 514,  1009 => 513,  1006 => 512,  1004 => 511,  1000 => 510,  997 => 509,  994 => 508,  988 => 505,  985 => 504,  982 => 503,  975 => 502,  969 => 501,  961 => 498,  957 => 496,  955 => 495,  952 => 494,  949 => 493,  946 => 492,  943 => 491,  940 => 490,  937 => 489,  934 => 488,  930 => 487,  927 => 486,  925 => 480,  920 => 477,  911 => 470,  907 => 469,  902 => 467,  894 => 462,  890 => 461,  885 => 459,  877 => 454,  873 => 453,  868 => 451,  859 => 445,  854 => 442,  848 => 437,  844 => 435,  837 => 434,  831 => 433,  828 => 432,  826 => 431,  823 => 430,  816 => 426,  805 => 422,  800 => 420,  793 => 416,  790 => 415,  787 => 414,  782 => 410,  779 => 409,  773 => 408,  770 => 407,  764 => 406,  761 => 405,  759 => 404,  751 => 398,  746 => 396,  743 => 395,  740 => 394,  734 => 393,  729 => 391,  723 => 388,  719 => 386,  716 => 385,  711 => 384,  708 => 383,  703 => 382,  701 => 381,  690 => 373,  682 => 372,  675 => 370,  669 => 366,  666 => 365,  660 => 364,  655 => 363,  650 => 362,  647 => 361,  644 => 360,  641 => 359,  629 => 349,  625 => 348,  620 => 346,  616 => 345,  601 => 337,  593 => 336,  589 => 334,  586 => 332,  582 => 330,  564 => 327,  558 => 326,  554 => 325,  550 => 324,  543 => 323,  526 => 322,  522 => 321,  519 => 320,  516 => 319,  513 => 318,  510 => 317,  507 => 316,  502 => 312,  497 => 310,  492 => 307,  488 => 304,  475 => 303,  190 => 29,  177 => 28,  155 => 26,  132 => 25,  109 => 24,  86 => 23,  75 => 1,  69 => 20,  65 => 19,  63 => 18,  61 => 5,  59 => 3,  46 => 1,);
  1590.     }
  1592.     public function getSourceContext(): Source
  1593.     {
  1594.         return new Source("{% extends 'application/whileresume/website/layout-social.html.twig' %}
  1596. {% set isFR = app.request.locale == 'fr' %}
  1598. {% set _keys = [
  1599.     'hero_search_placeholder','hero_popular_label',
  1600.     'hero_byline_jobs','hero_byline_apps','hero_byline_free','hero_kbd_enter',
  1601.     'hero_cta_signup','hero_cta_login',
  1602.     'search_loading','search_no_results','search_no_results_hint','search_results_count','search_view_all','search_view_offer','search_clear',
  1603.     'how_title',
  1604.     'apps_ios','apps_android','apps_web','apps_ios_desc','apps_android_desc','apps_web_desc',
  1605.     'articles_title','articles_view_all','read_article',
  1606.     'final_title',
  1607.     'final_recruiter_label','final_recruiter_title','final_recruiter_desc',
  1608.     'final_candidate_label','final_candidate_title','final_candidate_desc',
  1609.     'final_candidate','final_recruiter'
  1610. ] %}
  1611. {% set t = {} %}
  1612. {% for k in _keys %}
  1613.     {% set t = t|merge({(k): ('homepage.' ~ k)|trans({}, 'whr-public')}) %}
  1614. {% endfor %}
  1616. {% block title %}{{ landing.shortTitle }}{% endblock %}
  1617. {% block description %}{{ landing.shortDescription }}{% endblock %}
  1618. {% block robots %}index,follow{% endblock %}
  1619. {% block canonical %}{#% include \"/vitrine/lexend/components/languages/canonical_classic.html.twig\" %#}{% endblock %}
  1621. {% block css %}
  1622.     {{ parent() }}
  1623.     <style>
  1624.         :root{
  1625.             --wr-bg:#FBFCFE;
  1626.             --wr-bg-2:#F4F6FB;
  1627.             --wr-card:#FFFFFF;
  1628.             --wr-violet:#8A63C1;
  1629.             --wr-violet-2:#A98AD3;
  1630.             --wr-violet-soft:#F2EDFA;
  1631.             --wr-violet-softer:#F8F4FD;
  1632.             --wr-violet-dark:#6B47A6;
  1633.             --wr-ink:#1E1B2E;
  1634.             --wr-ink-2:#374151;
  1635.             --wr-muted:#6B7280;
  1636.             --wr-muted-2:#9CA3AF;
  1637.             --wr-line:#EEF1F7;
  1638.             --wr-line-2:#E5E9F0;
  1639.             --wr-shadow:0 1px 2px rgba(30,27,46,.04),0 4px 16px rgba(30,27,46,.04);
  1640.             --wr-shadow-hover:0 4px 8px rgba(138,99,192,.08),0 12px 32px rgba(138,99,192,.1);
  1641.             --wr-acc-yellow:#FEF3C7;  --wr-acc-yellow-fg:#B45309;
  1642.             --wr-acc-green:#D1FAE5;   --wr-acc-green-fg:#047857;
  1643.             --wr-acc-pink:#FCE7F3;    --wr-acc-pink-fg:#BE185D;
  1644.             --wr-acc-blue:#DBEAFE;    --wr-acc-blue-fg:#1E40AF;
  1645.             --wr-acc-orange:#FED7AA;  --wr-acc-orange-fg:#C2410C;
  1646.             --wr-acc-violet:#EDE9FE;  --wr-acc-violet-fg:#6D28D9;
  1647.             --wr-acc-cyan:#CFFAFE;    --wr-acc-cyan-fg:#0E7490;
  1648.         }
  1650.         body .main-content.right-chat-active{padding-right:0!important}
  1651.         body .main-content{padding-right:0!important}
  1652.         body .right-chat{display:none!important}
  1653.         body .middle-sidebar-bottom .middle-sidebar-left{padding-right:0!important;max-width:none!important;width:100%!important}
  1654.         body .middle-sidebar-bottom{max-width:none!important}
  1656.         .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}
  1657.         @media(max-width:991px){.wr{margin:0 -15px}}
  1658.         .wr *{box-sizing:border-box}
  1659.         .wr a{color:inherit;text-decoration:none}
  1661.         .wr-section{padding:80px 32px;background:var(--wr-bg);position:relative}
  1662.         .wr-section--tight{padding:48px 32px}
  1663.         @media(max-width:768px){.wr-section{padding:56px 20px}.wr-section--tight{padding:36px 20px}}
  1664.         .wr-section + .wr-section::before{
  1665.             content:\"\";position:absolute;top:0;left:50%;transform:translateX(-50%);
  1666.             width:80px;height:1px;
  1667.             background:linear-gradient(90deg,transparent,var(--wr-line-2),transparent);
  1668.         }
  1669.         .wr-container{max-width:1200px;margin:0 auto;position:relative}
  1671.         .wr-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;background:var(--wr-violet-soft);color:var(--wr-violet-dark);font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;margin-bottom:22px}
  1672.         .wr-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--wr-violet);animation:wrPulse 2.4s ease-in-out infinite}
  1673.         @keyframes wrPulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}
  1675.         .wr-title{font-family:inherit !important;font-weight:700 !important;font-size:28px;line-height:1.15;letter-spacing:-0.025em;color:var(--wr-ink) !important;margin:0 auto 16px;max-width:1200px;text-align:center}
  1676.         @media(min-width:768px){.wr-title{font-size:34px}}
  1677.         @media(min-width:1024px){.wr-title{font-size:40px}}
  1678.         .wr-title--sm{font-size:24px}
  1679.         @media(min-width:768px){.wr-title--sm{font-size:30px}}
  1680.         .wr-title em{font-style:normal;font-weight:700 !important;color:var(--wr-violet) !important}
  1681.         .wr-lede{font-size:17px;line-height:1.55;font-weight:400;color:var(--wr-ink-2) !important;margin:0 auto;max-width:680px}
  1682.         .wr-section-head{text-align:center;margin-bottom:56px}
  1684.         @keyframes wrFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
  1685.         @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)}}
  1687.         .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
  1688.         .reveal.is-revealed{opacity:1;transform:translateY(0)}
  1689.         .reveal--left{transform:translateX(-32px) translateY(0)}
  1690.         .reveal--left.is-revealed{transform:translateX(0)}
  1691.         .reveal--right{transform:translateX(32px) translateY(0)}
  1692.         .reveal--right.is-revealed{transform:translateX(0)}
  1693.         .reveal--scale{transform:scale(.96);opacity:0}
  1694.         .reveal--scale.is-revealed{transform:scale(1);opacity:1}
  1695.         .reveal[data-reveal-delay=\"1\"]{transition-delay:.08s}
  1696.         .reveal[data-reveal-delay=\"2\"]{transition-delay:.16s}
  1697.         .reveal[data-reveal-delay=\"3\"]{transition-delay:.24s}
  1698.         .reveal[data-reveal-delay=\"4\"]{transition-delay:.32s}
  1699.         @media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}}
  1701.         /* ═══ HERO ═══ */
  1702.         .hero{position:relative;background:var(--wr-bg);padding:24px 32px 0;overflow:hidden}
  1703.         @media(max-width:768px){.hero{padding:18px 18px 0}}
  1704.         .hero::before{content:\"\";position:absolute;top:-260px;right:-180px;width:560px;height:560px;background:radial-gradient(circle,rgba(138,99,192,.14) 0%,transparent 65%);pointer-events:none;filter:blur(50px)}
  1705.         .hero::after{content:\"\";position:absolute;top:120px;left:-180px;width:480px;height:480px;background:radial-gradient(circle,rgba(138,99,192,.09) 0%,transparent 65%);pointer-events:none;filter:blur(50px)}
  1706.         .hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;text-align:center}
  1708.         .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:100px;background:var(--wr-violet-soft);color:var(--wr-violet-dark);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;opacity:0;transform:translateY(8px);animation:wrFadeUp .8s ease forwards}
  1709.         .hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--wr-violet);animation:wrPulse2 2s ease infinite}
  1711.         /* H1 — on force la couleur et la taille pour battre les styles globaux du layout social */
  1712.         .wr .hero-title{font-family:inherit !important;font-weight:700 !important;font-size:32px;line-height:1.05;letter-spacing:-0.04em;color:var(--wr-ink) !important;margin:0 auto 12px;width:100%;max-width:1200px;opacity:0;transform:translateY(12px);animation:wrFadeUp .9s cubic-bezier(.2,.7,.2,1) .15s forwards;text-align:center}
  1713.         @media(min-width:768px){.wr .hero-title{font-size:48px;letter-spacing:-0.045em}}
  1714.         @media(min-width:1100px){.wr .hero-title{font-size:57px;letter-spacing:-0.045em}}
  1715.         .wr .hero-title-accent{color:var(--wr-violet) !important;font-weight:700 !important}
  1717.         .wr .hero-lede{font-size:16px;line-height:1.5;color:var(--wr-ink-2) !important;font-weight:400;margin:0 auto 16px;max-width:680px;opacity:0;animation:wrFadeUp .9s ease .4s forwards;text-align:center}
  1718.         @media(min-width:768px){.wr .hero-lede{font-size:18px}}
  1719.         .wr .hero-lede-accent{color:var(--wr-violet) !important;font-weight:600}
  1721.         .hero-search-wrap{max-width:1200px;margin:0 auto 12px;opacity:0;animation:wrFadeUp .9s ease .55s forwards;position:relative;z-index:5}
  1722.         .hero-search{background:var(--wr-card);border-radius:14px;box-shadow:0 0 20px 0 rgba(0,0,0,0.05),0 16px 40px rgba(138,99,192,.06);padding:10px;position:relative}
  1723.         .hero-search-inner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#F9FAFB;border:1px solid #E5E7EB;transition:border-color .2s,background .2s}
  1724.         .hero-search-inner:focus-within{border-color:rgba(138,99,192,.4);background:#fff}
  1725.         .hero-search-icon{color:var(--wr-muted-2);display:flex;flex-shrink:0}
  1726.         .hero-search-icon svg{width:16px;height:16px}
  1727.         .hero-search-input{flex:1;border:0;outline:0;background:transparent;font-size:14.5px;font-family:inherit;color:var(--wr-ink);padding:6px 0;min-width:0}
  1728.         .hero-search-input::placeholder{color:var(--wr-muted-2)}
  1729.         .hero-search-clear{background:none;border:0;color:var(--wr-muted-2);cursor:pointer;padding:4px;display:none;font-family:inherit;border-radius:6px;transition:background .15s,color .15s}
  1730.         .hero-search-clear:hover{background:var(--wr-violet-soft);color:var(--wr-violet)}
  1731.         .hero-search-clear.is-visible{display:flex;align-items:center}
  1732.         .hero-search-clear svg{width:14px;height:14px}
  1733.         .hero-search-kbd{display:none;align-items:center;padding:3px 8px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;font-size:10.5px;font-weight:600;color:var(--wr-muted);font-family:inherit;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}
  1734.         .hero-search-inner:focus-within .hero-search-kbd{display:inline-flex}
  1736.         .hero-jobs-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 22px 10px;border-bottom:1px solid var(--wr-line);margin-bottom:4px}
  1737.         @media(max-width:540px){.hero-jobs-header{padding:12px 16px 8px}}
  1738.         .hero-jobs-count{font-size:11.5px;color:var(--wr-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
  1739.         .hero-jobs-count strong{color:var(--wr-violet);font-weight:800;font-size:13px;margin-right:4px}
  1740.         .hero-jobs-link{font-size:11px;font-weight:700;color:var(--wr-violet);text-transform:uppercase;letter-spacing:.08em;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:color .15s,transform .15s}
  1741.         .hero-jobs-link:hover{color:var(--wr-violet-dark);text-decoration:none;transform:translateX(2px)}
  1742.         .hero-jobs-link svg{width:11px;height:11px}
  1743.         .hero-jobs-empty{text-align:center;padding:48px 20px;color:var(--wr-muted)}
  1744.         .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}
  1745.         .hero-jobs-empty-icon svg{width:22px;height:22px}
  1746.         .hero-jobs-empty-title{font-weight:600;font-size:14px;color:var(--wr-ink);margin:0 0 4px}
  1747.         .hero-jobs-empty-hint{font-size:13px;margin:0;color:var(--wr-muted)}
  1748.         .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}
  1749.         .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}
  1750.         @keyframes wrSpin{to{transform:rotate(360deg)}}
  1752.         .hero-popular{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:18px;opacity:0;animation:wrFadeUp .9s ease .7s forwards}
  1753.         .hero-popular-label{font-size:11px;font-weight:600;color:var(--wr-muted);text-transform:uppercase;letter-spacing:.06em;margin-right:4px}
  1754.         .hero-popular-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:100px;background:var(--wr-violet-soft);color:var(--wr-violet);font-size:12.5px;font-weight:500;font-family:inherit;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,transform .15s,color .15s}
  1755.         .hero-popular-pill:hover{background:#EDE9FE;border-color:rgba(138,99,192,.2);transform:translateY(-1px);color:var(--wr-violet);text-decoration:none}
  1756.         .hero-popular-pill.is-active{background:var(--wr-violet);color:#fff;border-color:var(--wr-violet)}
  1757.         .hero-popular-pill.is-active:hover{background:var(--wr-violet-dark);color:#fff}
  1758.         .hero-popular-pill-icon{font-size:13px;line-height:1}
  1760.         .hero-cta{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0 8px;opacity:0;animation:wrFadeUp .9s ease 1.1s forwards}
  1761.         .hero-cta-btn,.hero-cta-btn:link,.hero-cta-btn:visited,.hero-cta-btn:hover,.hero-cta-btn:focus,.hero-cta-btn:active{color:#fff !important;text-decoration:none !important}
  1762.         .hero-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:11px;font-size:13.5px;font-weight:700;font-family:inherit;line-height:1;background:var(--wr-violet);border:1px solid var(--wr-violet);box-shadow:0 4px 14px rgba(138,99,193,.32);transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}
  1763.         .hero-cta-btn:hover{background:var(--wr-violet-dark);border-color:var(--wr-violet-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgba(138,99,193,.4)}
  1764.         .hero-cta-btn svg{width:15px;height:15px;flex-shrink:0;stroke:#fff !important;color:#fff !important}
  1765.         .hero-cta-btn span{color:#fff !important}
  1766.         @media(max-width:540px){.hero-cta{flex-direction:column;align-items:stretch}.hero-cta-btn{justify-content:center}}
  1768.         .hero-default-jobs{position:relative;z-index:2;max-width:1200px;margin:0 auto;background:var(--wr-card);border:1px solid var(--wr-line);border-radius:18px;padding:8px 0;box-shadow:var(--wr-shadow);opacity:0;animation:wrFadeUp .9s ease 1s forwards;text-align:left}
  1769.         .hero-default-job{display:flex;align-items:center;gap:16px;padding:14px 22px;text-decoration:none;color:inherit;border-bottom:1px solid var(--wr-line);transition:background .15s}
  1770.         .hero-default-job:last-child{border-bottom:0}
  1771.         .hero-default-job:hover{background:var(--wr-violet-softer);text-decoration:none;color:inherit}
  1772.         .hero-default-job-logo{width:42px;height:42px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;overflow:hidden}
  1773.         .hero-default-job-logo img{width:100%;height:100%;object-fit:cover}
  1774.         .hero-default-job:nth-child(7n+1) .hero-default-job-logo{background:var(--wr-acc-yellow);color:var(--wr-acc-yellow-fg)}
  1775.         .hero-default-job:nth-child(7n+2) .hero-default-job-logo{background:var(--wr-acc-green);color:var(--wr-acc-green-fg)}
  1776.         .hero-default-job:nth-child(7n+3) .hero-default-job-logo{background:var(--wr-acc-pink);color:var(--wr-acc-pink-fg)}
  1777.         .hero-default-job:nth-child(7n+4) .hero-default-job-logo{background:var(--wr-acc-blue);color:var(--wr-acc-blue-fg)}
  1778.         .hero-default-job:nth-child(7n+5) .hero-default-job-logo{background:var(--wr-acc-orange);color:var(--wr-acc-orange-fg)}
  1779.         .hero-default-job:nth-child(7n+6) .hero-default-job-logo{background:var(--wr-acc-violet);color:var(--wr-acc-violet-fg)}
  1780.         .hero-default-job:nth-child(7n+7) .hero-default-job-logo{background:var(--wr-acc-cyan);color:var(--wr-acc-cyan-fg)}
  1781.         .hero-default-job-info{flex:1;min-width:0}
  1782.         .hero-default-job-title{font-weight:600 !important;font-size:14.5px;color:var(--wr-ink) !important;margin:0 0 2px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  1783.         .hero-default-job-meta{font-size:12.5px;color:var(--wr-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px}
  1784.         .hero-default-job-meta-sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--wr-muted-2);flex-shrink:0}
  1785.         .hero-default-job-arrow{flex-shrink:0;color:var(--wr-muted-2);transition:color .15s,transform .15s}
  1786.         .hero-default-job-arrow svg{width:15px;height:15px}
  1787.         .hero-default-job:hover .hero-default-job-arrow{color:var(--wr-violet);transform:translateX(3px)}
  1788.         @media(max-width:768px){.hero-default-jobs{margin:0 -18px;border-radius:14px}.hero-default-job{padding:12px 16px;gap:12px}.hero-default-job-logo{width:36px;height:36px;font-size:13px}.hero-default-job-title{font-size:13.5px}.hero-default-job-meta{font-size:11.5px;gap:6px;flex-wrap:wrap;white-space:normal}}
  1790.         /* ═══ HOW IT WORKS ═══ */
  1791.         .how-card{background:#F4ECE1;border-radius:24px;padding:32px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}
  1792.         @media(max-width:991px){.how-card{grid-template-columns:1fr;gap:8px;padding:24px 16px}}
  1793.         @media(min-width:992px){.how-card .how-step + .how-step{border-left:1px solid rgba(28,25,22,.08)}}
  1794.         .how-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 20px;gap:16px}
  1795.         .how-step-illu{width:100%;max-width:280px;aspect-ratio:1/1;border-radius:16px;background:rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;margin-bottom:4px;overflow:hidden}
  1796.         .how-step-illu img{width:100%;height:100%;object-fit:contain;display:block}
  1797.         .how-step-title{font-weight:700 !important;font-size:18px;line-height:1.3;letter-spacing:-0.01em;color:var(--wr-ink) !important;margin:0}
  1798.         @media(min-width:992px){.how-step-title{font-size:20px}}
  1799.         .how-step-desc{font-size:14px;line-height:1.55;color:var(--wr-ink-2) !important;margin:0;max-width:320px}
  1801.         /* ═══ FEATURES 01-04 ═══ */
  1802.         .feat-block{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:64px}
  1803.         .feat-block:last-child{margin-bottom:0}
  1804.         @media(max-width:991px){.feat-block{grid-template-columns:1fr;gap:24px;margin-bottom:48px}}
  1805.         .feat-block:nth-child(odd) .feat-illu{order:2}
  1806.         .feat-block:nth-child(odd) .feat-content{order:1}
  1807.         .feat-block:nth-child(even) .feat-illu{order:1}
  1808.         .feat-block:nth-child(even) .feat-content{order:2}
  1809.         @media(max-width:991px){.feat-block .feat-illu{order:1}.feat-block .feat-content{order:2}}
  1810.         .feat-illu{background:#F5EDE3;border-radius:20px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;color:var(--wr-violet);overflow:hidden;position:relative}
  1811.         .feat-illu img{width:100%;height:100%;object-fit:contain;display:block}
  1812.         .feat-content{display:flex;flex-direction:column;gap:18px}
  1813.         .feat-label{font-size:30px;font-weight:800 !important;color:var(--wr-ink) !important;letter-spacing:-0.02em;margin:0;line-height:1}
  1814.         .feat-title{font-weight:700 !important;font-size:24px;line-height:1.2;letter-spacing:-0.02em;color:var(--wr-ink) !important;margin:0}
  1815.         @media(min-width:768px){.feat-title{font-size:28px}}
  1816.         @media(min-width:1100px){.feat-title{font-size:30px}}
  1817.         .feat-desc{display:flex;flex-direction:column;gap:14px}
  1818.         .feat-desc p,.feat-desc li,.feat-desc span,.feat-desc div,.feat-desc strong,.feat-desc em{font-size:16px;line-height:1.6;color:var(--wr-ink-2);margin:0;opacity:.85}
  1819.         .feat-desc p{margin:0 0 8px}
  1820.         .feat-desc p:last-child{margin-bottom:0}
  1821.         /* Bloc HTML riche descriptionPage2/3 — forcer 16px sur tout le contenu */
  1822.         .wr-rich-description{margin-top:18px;text-align:center;color:var(--wr-muted)}
  1823.         .wr-rich-description,
  1824.         .wr-rich-description p,
  1825.         .wr-rich-description li,
  1826.         .wr-rich-description span,
  1827.         .wr-rich-description div,
  1828.         .wr-rich-description strong,
  1829.         .wr-rich-description em,
  1830.         .wr-rich-description a{font-size:16px;line-height:1.6}
  1831.         .wr-rich-description p{margin:0 0 10px}
  1832.         .wr-rich-description p:last-child{margin-bottom:0}
  1833.         .feat-desc strong{color:var(--wr-ink);font-weight:700;opacity:1}
  1834.         .feat-quote{background:var(--wr-card);border:1px solid var(--wr-line);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:10px;margin-top:8px}
  1835.         .feat-quote-text{font-size:14px;line-height:1.55;color:var(--wr-ink-2);margin:0;font-style:italic}
  1836.         .feat-quote-author{display:flex;flex-direction:column}
  1837.         .feat-quote-name{font-size:13px;font-weight:700;color:var(--wr-ink);margin:0}
  1838.         .feat-quote-role{font-size:12px;color:var(--wr-muted);margin:0}
  1840.         /* ═══ APPS ═══ */
  1841.         .apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  1842.         @media(max-width:768px){.apps-grid{grid-template-columns:1fr}}
  1843.         .app-card{background:var(--wr-card);border:1px solid var(--wr-line);border-radius:18px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,border-color .2s,box-shadow .2s}
  1844.         .app-card:hover{transform:translateY(-3px);border-color:var(--wr-violet-2);box-shadow:var(--wr-shadow-hover);color:inherit;text-decoration:none}
  1845.         .app-card-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:18px}
  1846.         .app-card-icon svg{width:22px;height:22px}
  1847.         .app-card-name{font-weight:500 !important;font-size:18px;letter-spacing:-0.01em;color:var(--wr-ink) !important;margin:0 0 6px}
  1848.         .app-card-desc{font-size:13px;line-height:1.5;color:var(--wr-muted);margin:0 0 16px;flex:1}
  1849.         .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}
  1850.         .app-card-cta svg{width:11px;height:11px;transition:transform .15s}
  1851.         .app-card:hover .app-card-cta svg{transform:translateX(3px)}
  1853.         /* ═══ ARTICLES ═══ */
  1854.         .articles-list{display:flex;flex-direction:column;gap:10px;max-width:1200px;margin:0 auto}
  1855.         .wr-article{background:var(--wr-card);border-radius:14px;padding:14px;box-shadow:0 0 16px 0 rgba(0,0,0,0.04);display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .2s}
  1856.         .wr-article:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(138,99,192,.1);color:inherit;text-decoration:none}
  1857.         .wr-article-logo{width:50px;height:50px;border-radius:12px;flex-shrink:0;background:linear-gradient(135deg,#EDE9FE,#DDD6FE);display:flex;align-items:center;justify-content:center;color:var(--wr-violet);overflow:hidden}
  1858.         .wr-article-logo svg{width:24px;height:24px;opacity:.9}
  1859.         .wr-article-info{flex:1;min-width:0}
  1860.         .wr-article-title{font-size:14px;font-weight:700 !important;color:var(--wr-ink) !important;line-height:1.3;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  1861.         .wr-article-meta{font-size:12px;color:var(--wr-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px;margin:0}
  1862.         .wr-article-meta-sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:#D1D5DB;flex-shrink:0}
  1863.         .wr-article-badge{font-size:11px;font-weight:600;color:var(--wr-violet);background:var(--wr-violet-soft);padding:3px 9px;border-radius:100px;white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.04em}
  1864.         .wr-article-arrow{flex-shrink:0;color:var(--wr-muted-2);transition:color .15s,transform .15s}
  1865.         .wr-article:hover .wr-article-arrow{color:var(--wr-violet);transform:translateX(2px)}
  1866.         .wr-article-arrow svg{width:18px;height:18px}
  1867.         @media(max-width:540px){.wr-article{padding:12px;gap:10px}.wr-article-logo{width:42px;height:42px}.wr-article-logo svg{width:20px;height:20px}.wr-article-title{font-size:13px}.wr-article-meta{font-size:11px;gap:6px;flex-wrap:wrap;white-space:normal}.wr-article-badge{display:none}}
  1868.         .articles-cta{text-align:center;margin-top:36px}
  1869.         .articles-cta a{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:11px;background:var(--wr-violet);color:#fff;font-size:13px;font-weight:600;text-decoration:none;box-shadow:0 4px 12px rgba(138,99,192,.3);transition:background .15s,transform .15s,box-shadow .15s}
  1870.         .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}
  1871.         .articles-cta svg{width:12px;height:12px;transition:transform .15s}
  1872.         .articles-cta a:hover svg{transform:translateX(3px)}
  1874.         /* ═══ CTA FINAL ═══ */
  1875.         .final-card{position:relative;background:linear-gradient(135deg,#8A63C0 0%,#9D7BCC 100%);border-radius:28px;padding:48px 40px;color:#fff;overflow:hidden;box-shadow:0 20px 60px -12px rgba(138,99,192,.4)}
  1876.         @media(max-width:768px){.final-card{padding:32px 22px;border-radius:22px}}
  1877.         .final-title{font-weight:800 !important;font-size:28px;line-height:1.15;letter-spacing:-0.02em;color:#fff !important;margin:0 0 36px;max-width:780px}
  1878.         @media(min-width:768px){.final-title{font-size:38px}}
  1879.         .final-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  1880.         @media(max-width:768px){.final-grid{grid-template-columns:1fr;gap:14px}}
  1881.         .final-sub{background:#fff;border-radius:18px;padding:28px;display:flex;flex-direction:column}
  1882.         @media(max-width:768px){.final-sub{padding:22px}}
  1883.         .final-sub-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
  1884.         .final-sub-icon{width:44px;height:44px;border-radius:11px;background:var(--wr-violet-soft);color:var(--wr-violet);display:flex;align-items:center;justify-content:center;flex-shrink:0}
  1885.         .final-sub-icon svg{width:22px;height:22px}
  1886.         .final-sub-label{font-size:12.5px;font-weight:700;color:var(--wr-violet);text-transform:uppercase;letter-spacing:.1em}
  1887.         .final-sub-title{font-weight:800 !important;font-size:18px;line-height:1.3;letter-spacing:-0.01em;color:var(--wr-ink) !important;margin:0 0 10px}
  1888.         .final-sub-desc{font-size:14px;line-height:1.55;color:var(--wr-muted);margin:0 0 24px;flex:1}
  1889.         .final-sub-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--wr-violet);color:#fff;padding:14px 18px;border-radius:11px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 4px 12px rgba(138,99,192,.3)}
  1890.         .final-sub-btn:hover{background:var(--wr-violet-dark);color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px rgba(138,99,192,.4);text-decoration:none}
  1891.         .final-sub-btn svg{width:14px;height:14px;transition:transform .15s}
  1892.         .final-sub-btn:hover svg{transform:translateX(3px)}
  1893.     </style>
  1894. {% endblock css %}
  1896. {% block body %}
  1897.     <div class=\"wr\">
  1899.         {# ═══════════════ HERO ═══════════════ #}
  1900.         <section class=\"hero\" style=\"padding-top:60px;\">
  1901.             <div class=\"hero-inner\">
  1903.                 <h1 class=\"hero-title\">{{ landing.titlePage|raw }}</h1>
  1905.                 <p class=\"hero-lede\">{{ landing.descriptionPage|raw }}</p>
  1907.                 {# Pills \"Populaire\" — au-dessus de la recherche.
  1908.                    Le 1er keyword est utilisé comme valeur par défaut du champ de recherche. #}
  1909.                 {% set _firstKeyword = '' %}
  1910.                 {% if popularKeywords is defined and popularKeywords|length > 0 %}
  1911.                     {% set _firstKw = popularKeywords|first %}
  1912.                     {% set _firstKeyword = _firstKw.keyword ?? _firstKw.searchKeyword ?? _firstKw.label ?? '' %}
  1913.                     <div class=\"hero-popular\">
  1914.                         <span class=\"hero-popular-label\">{{ t.hero_popular_label }}</span>
  1915.                         {% for kw in popularKeywords|slice(0, 5) %}
  1916.                             <button type=\"button\" class=\"hero-popular-pill{% if loop.first %} is-active{% endif %}\"
  1917.                                     data-keyword=\"{{ kw.keyword ?? kw.searchKeyword }}\"
  1918.                                     data-label=\"{{ kw.label }}\">
  1919.                                 {% if kw.icon %}<span class=\"hero-popular-pill-icon\">{{ kw.icon|raw }}</span>{% endif %}
  1920.                                 <span>{{ kw.label }}</span>
  1921.                             </button>
  1922.                         {% endfor %}
  1923.                     </div>
  1924.                 {% endif %}
  1926.                 {# Recherche inline AJAX #}
  1927.                 <div class=\"hero-search-wrap\">
  1928.                     <div class=\"hero-search\" id=\"wrHeroSearch\"
  1929.                          data-search-url=\"{% if isFR %}{{ path('locale_api_jobs_search',{'_locale':'fr'}) }}{% else %}{{ path('api_jobs_search') }}{% endif %}\"
  1930.                          data-jobs-list-url=\"{% if isFR %}{{ path('locale_whileresume_jobs_list',{'_locale':'fr'}) }}{% else %}{{ path('whileresume_jobs_list') }}{% endif %}\">
  1931.                         <div class=\"hero-search-inner\">
  1932.                             <span class=\"hero-search-icon\">
  1933.                                 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  1934.                                     <circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"M21 21l-4.35-4.35\"/>
  1935.                                 </svg>
  1936.                             </span>
  1937.                             <input type=\"text\" name=\"q\" id=\"wrHeroSearchInput\" class=\"hero-search-input\"
  1938.                                    placeholder=\"{{ t.hero_search_placeholder }}\"
  1939.                                    value=\"{{ _firstKeyword }}\"
  1940.                                    autocomplete=\"off\" />
  1941.                             <span class=\"hero-search-kbd\">↵ {{ isFR ? 'Entrée' : 'Enter' }}</span>
  1942.                             <button type=\"button\" class=\"hero-search-clear\" id=\"wrHeroSearchClear\" aria-label=\"{{ t.search_clear }}\">
  1943.                                 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  1944.                                     <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/>
  1945.                                 </svg>
  1946.                             </button>
  1947.                         </div>
  1948.                     </div>
  1949.                 </div>
  1951.                 {# Liste de jobs — par défaut popularJobsForVisitor #}
  1952.                 {% set _heroCount = 0 %}
  1953.                 {% set _heroTotal = 0 %}
  1954.                 {% if popularJobsForVisitor is defined %}
  1955.                     {% for block in popularJobsForVisitor %}
  1956.                         {% if block.jobs is defined %}{% set _heroTotal = _heroTotal + block.jobs|length %}{% endif %}
  1957.                     {% endfor %}
  1958.                 {% endif %}
  1960.                 <div class=\"hero-default-jobs\" id=\"wrHeroJobsList\">
  1961.                     <div class=\"hero-jobs-header\" id=\"wrHeroJobsHeader\">
  1962.                         <span class=\"hero-jobs-count\" id=\"wrHeroJobsCount\">
  1963.                             <strong>{{ _heroTotal ?: (totalJobs ?? '') }}</strong>{{ t.search_results_count }}
  1964.                         </span>
  1965.                         <a href=\"{% if isFR %}{{ path('locale_whileresume_jobs_list',{'_locale':'fr'}) }}{% else %}{{ path('whileresume_jobs_list') }}{% endif %}\" class=\"hero-jobs-link\" id=\"wrHeroJobsLink\">
  1966.                             {{ t.search_view_all }}
  1967.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  1968.                                 <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/>
  1969.                             </svg>
  1970.                         </a>
  1971.                     </div>
  1973.                     <div id=\"wrHeroJobsBody\">
  1974.                         {% if popularJobsForVisitor is defined and popularJobsForVisitor|length > 0 %}
  1975.                             {% for block in popularJobsForVisitor %}
  1976.                                 {% if block.jobs is defined and block.jobs|length > 0 %}
  1977.                                     {% for j in block.jobs %}
  1978.                                         {% if _heroCount < 6 %}
  1979.                                             <a href=\"#\" class=\"hero-default-job\">
  1980.                                                 <div class=\"hero-default-job-logo\">
  1981.                                                     {{ (j.jobTitle ?? '?')|slice(0,1)|upper }}
  1982.                                                 </div>
  1983.                                                 <div class=\"hero-default-job-info\">
  1984.                                                     <h3 class=\"hero-default-job-title\">{{ j.jobTitle }}</h3>
  1985.                                                     <p class=\"hero-default-job-meta\">
  1986.                                                         {% if j.city %}<span>{{ j.city }}</span>{% endif %}
  1987.                                                         {% if j.employmentType %}
  1988.                                                             <span class=\"hero-default-job-meta-sep\"></span>
  1989.                                                             <span>{{ j.employmentType }}</span>
  1990.                                                         {% endif %}
  1991.                                                     </p>
  1992.                                                 </div>
  1993.                                                 <span class=\"hero-default-job-arrow\">
  1994.                                                     <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>
  1995.                                                 </span>
  1996.                                             </a>
  1997.                                             {% set _heroCount = _heroCount + 1 %}
  1998.                                         {% endif %}
  1999.                                     {% endfor %}
  2000.                                 {% endif %}
  2001.                             {% endfor %}
  2002.                         {% endif %}
  2003.                     </div>
  2004.                 </div>
  2006.                 {# CTA pour utilisateurs non connectés #}
  2007.                 {% if app.user is null %}
  2008.                     <div class=\"hero-cta\">
  2009.                         <a href=\"{{ path('whileresume_resume_' ~ app.request.locale) }}\" class=\"hero-cta-btn\">
  2010.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  2011.                                 <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\"/>
  2012.                             </svg>
  2013.                             {{ t.hero_cta_signup }}
  2014.                         </a>
  2015.                         <a href=\"{% if isFR %}{{ path('locale_app_login',{'_locale':'fr'}) }}{% else %}{{ path('app_login') }}{% endif %}\" class=\"hero-cta-btn\">
  2016.                             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  2017.                                 <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\"/>
  2018.                             </svg>
  2019.                             {{ t.hero_cta_login }}
  2020.                         </a>
  2021.                     </div>
  2022.                 {% endif %}
  2024.                 {% if landing.descriptionPage2 or landing.descriptionPage3 %}
  2025.                     <div class=\"wr-rich-description\">
  2026.                         {% if landing.descriptionPage2 %}<div>{{ landing.descriptionPage2|raw }}</div>{% endif %}
  2027.                         {% if landing.descriptionPage3 %}<div>{{ landing.descriptionPage3|raw }}</div>{% endif %}
  2028.                     </div>
  2029.                 {% endif %}
  2031.             </div>
  2032.         </section>
  2034.         {# ═══════════════ COMMENT ÇA MARCHE ═══════════════ #}
  2035.         <section class=\"wr-section\">
  2036.             <div class=\"wr-container\">
  2037.                 <div class=\"wr-section-head\">
  2038.                     <h2 class=\"wr-title\">{{ t.how_title }}</h2>
  2039.                 </div>
  2041.                 <div class=\"how-card\">
  2042.                     <div class=\"how-step reveal\" data-reveal-delay=\"1\">
  2043.                         <div class=\"how-step-illu\">
  2044.                             <img src=\"/uploads/rh/mascotte_register.png\" alt=\"{{ landing.titleWork1 }}\" loading=\"lazy\">
  2045.                         </div>
  2046.                         <h3 class=\"how-step-title\">{{ landing.titleWork1|raw }}</h3>
  2047.                         <p class=\"how-step-desc\">{{ landing.descriptionWork1|raw }}</p>
  2048.                     </div>
  2050.                     <div class=\"how-step reveal\" data-reveal-delay=\"2\">
  2051.                         <div class=\"how-step-illu\">
  2052.                             <img src=\"/uploads/rh/mascotte_upload2.png\" alt=\"{{ landing.titleWork2 }}\" loading=\"lazy\">
  2053.                         </div>
  2054.                         <h3 class=\"how-step-title\">{{ landing.titleWork2|raw }}</h3>
  2055.                         <p class=\"how-step-desc\">{{ landing.descriptionWork2|raw }}</p>
  2056.                     </div>
  2058.                     <div class=\"how-step reveal\" data-reveal-delay=\"3\">
  2059.                         <div class=\"how-step-illu\">
  2060.                             <img src=\"/uploads/rh/mascotte_reunion.png\" alt=\"{{ landing.titleWork3 }}\" loading=\"lazy\">
  2061.                         </div>
  2062.                         <h3 class=\"how-step-title\">{{ landing.titleWork3|raw }}</h3>
  2063.                         <p class=\"how-step-desc\">{{ landing.descriptionWork3|raw }}</p>
  2064.                     </div>
  2065.                 </div>
  2066.             </div>
  2067.         </section>
  2069.         {# ═══════════════ FEATURES 01-04 ═══════════════ #}
  2070.         <section class=\"wr-section\">
  2071.             <div class=\"wr-container\">
  2073.                 {% set _featImages = [
  2074.                     '/uploads/rh/mascotte_filtrage3.png',
  2075.                     '/uploads/rh/mascotte_upload.png',
  2076.                     '/uploads/rh/mascotte_register.png',
  2077.                     '/uploads/rh/mascotte_reunion.png'
  2078.                 ] %}
  2080.                 {% for i in 1..4 %}
  2081.                     {% set _label = attribute(landing, 'labelPresentation' ~ i) ?: ('0' ~ i ~ '.') %}
  2082.                     {% set _title = attribute(landing, 'titlePresentation' ~ i) %}
  2083.                     {% set _desc = attribute(landing, 'descriptionPresentation' ~ i) %}
  2084.                     {% set _quote = attribute(landing, 'citationPresentation' ~ i) %}
  2085.                     {% set _author = attribute(landing, 'authorPresentation' ~ i) %}
  2086.                     {% set _role = attribute(landing, 'rolePresentation' ~ i) %}
  2088.                     {% if _title or _desc or _quote %}
  2089.                         <div class=\"feat-block reveal\">
  2090.                             <div class=\"feat-illu\">
  2091.                                 <img src=\"{{ _featImages[i-1] }}\" alt=\"{{ _title }}\" loading=\"lazy\">
  2092.                             </div>
  2093.                             <div class=\"feat-content\">
  2094.                                 {% if _label %}<span class=\"feat-label\">{{ _label }}</span>{% endif %}
  2095.                                 {% if _title %}<h3 class=\"feat-title\">{{ _title|raw }}</h3>{% endif %}
  2096.                                 {% if _desc %}
  2097.                                     <div class=\"feat-desc\">
  2098.                                         <p>{{ _desc|raw }}</p>
  2099.                                     </div>
  2100.                                 {% endif %}
  2101.                                 {% if _quote %}
  2102.                                     <div class=\"feat-quote\">
  2103.                                         <p class=\"feat-quote-text\">{{ _quote|raw }}</p>
  2104.                                         {% if _author or _role %}
  2105.                                             <div class=\"feat-quote-author\">
  2106.                                                 {% if _author %}<p class=\"feat-quote-name\">{{ _author }}</p>{% endif %}
  2107.                                                 {% if _role %}<p class=\"feat-quote-role\">{{ _role }}</p>{% endif %}
  2108.                                             </div>
  2109.                                         {% endif %}
  2110.                                     </div>
  2111.                                 {% endif %}
  2112.                             </div>
  2113.                         </div>
  2114.                     {% endif %}
  2115.                 {% endfor %}
  2117.             </div>
  2118.         </section>
  2120.         {# ═══════════════ APPS ═══════════════ #}
  2121.         <section class=\"wr-section\">
  2122.             <div class=\"wr-container\">
  2123.                 <div class=\"apps-grid\">
  2124.                     <a href=\"{{ isFR ? (ios_fr|default('#')) : (ios_us|default('#')) }}\" class=\"app-card\">
  2125.                         <span class=\"app-card-icon\">
  2126.                             <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>
  2127.                         </span>
  2128.                         <h3 class=\"app-card-name\">{{ t.apps_ios }}</h3>
  2129.                         <p class=\"app-card-desc\">{{ t.apps_ios_desc }}</p>
  2130.                         <span class=\"app-card-cta\">App Store
  2131.                             <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>
  2132.                         </span>
  2133.                     </a>
  2134.                     <a href=\"{{ isFR ? (android_fr|default('#')) : (android_us|default('#')) }}\" class=\"app-card\">
  2135.                         <span class=\"app-card-icon\">
  2136.                             <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>
  2137.                         </span>
  2138.                         <h3 class=\"app-card-name\">{{ t.apps_android }}</h3>
  2139.                         <p class=\"app-card-desc\">{{ t.apps_android_desc }}</p>
  2140.                         <span class=\"app-card-cta\">Google Play
  2141.                             <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>
  2142.                         </span>
  2143.                     </a>
  2144.                     <a href=\"{% if app.request.locale == 'en' %}{{ path('whileresume_homepage') }}{% else %}{{ path('locale_whileresume_homepage',{'_locale':app.request.locale}) }}{% endif %}#register\" class=\"app-card\">
  2145.                         <span class=\"app-card-icon\">
  2146.                             <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>
  2147.                         </span>
  2148.                         <h3 class=\"app-card-name\">{{ t.apps_web }}</h3>
  2149.                         <p class=\"app-card-desc\">{{ t.apps_web_desc }}</p>
  2150.                         <span class=\"app-card-cta\">whileresume.com
  2151.                             <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>
  2152.                         </span>
  2153.                     </a>
  2154.                 </div>
  2155.             </div>
  2156.         </section>
  2158.         {# ═══════════════ ARTICLES ═══════════════ #}
  2159.         {% if articles is defined and articles|length > 0 %}
  2160.             <section class=\"wr-section\">
  2161.                 <div class=\"wr-container\">
  2162.                     <div class=\"wr-section-head\">
  2163.                         <h2 class=\"wr-title wr-title--sm\">{{ t.articles_title }}</h2>
  2164.                     </div>
  2166.                     <div class=\"articles-list\">
  2167.                         {% for a in articles|slice(0,6) %}
  2168.                             {% set prefix = \"\" %}
  2169.                             {% set urlA = path('cvs_website_article',{'slug': a.slug}) %}
  2170.                             {% if app.request.locale != default_locale %}
  2171.                                 {% set urlA = path('locale_cvs_website_article',{'_locale':app.request.locale,'slug': a.slug}) %}
  2172.                                 {% set prefix = \"/\" ~ app.request.locale %}
  2173.                             {% endif %}
  2174.                             {% if a.pageslug3 is not empty %}
  2175.                                 {% set urlA = prefix ~ '/' ~ a.pageslug ~ '/' ~ a.pageslug2 ~ '/' ~ a.pageslug3 %}
  2176.                             {% elseif a.pageslug2 is not empty %}
  2177.                                 {% set urlA = prefix ~ '/' ~ a.pageslug ~ '/' ~ a.pageslug2 %}
  2178.                             {% elseif a.pageslug is not empty %}
  2179.                                 {% set urlA = prefix ~ '/' ~ a.pageslug %}
  2180.                             {% endif %}
  2182.                             <a href=\"{{ urlA }}\" class=\"wr-article\">
  2183.                                 <div class=\"wr-article-logo\">
  2184.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  2185.                                         <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"/>
  2186.                                         <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"/>
  2187.                                     </svg>
  2188.                                 </div>
  2189.                                 <div class=\"wr-article-info\">
  2190.                                     <h3 class=\"wr-article-title\">{{ a.title }}</h3>
  2191.                                     <div class=\"wr-article-meta\">
  2192.                                         {% if a.subtitle is not empty %}
  2193.                                             <span>{{ a.subtitle|length > 60 ? a.subtitle|slice(0,60) ~ '…' : a.subtitle }}</span>
  2194.                                         {% endif %}
  2195.                                     </div>
  2196.                                 </div>
  2197.                                 <span class=\"wr-article-badge\">{{ t.read_article }}</span>
  2198.                                 <span class=\"wr-article-arrow\">
  2199.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  2200.                                         <polyline points=\"9 18 15 12 9 6\"/>
  2201.                                     </svg>
  2202.                                 </span>
  2203.                             </a>
  2204.                         {% endfor %}
  2205.                     </div>
  2207.                     <div class=\"articles-cta\">
  2208.                         <a href=\"{% if isFR %}{{ path('locale_cvs_website_articles',{'_locale':'fr'}) }}{% else %}{{ path('cvs_website_articles') }}{% endif %}\">
  2209.                             {{ t.articles_view_all }}
  2210.                             <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>
  2211.                         </a>
  2212.                     </div>
  2213.                 </div>
  2214.             </section>
  2215.         {% endif %}
  2217.         {# ═══════════════ CTA FINAL (visiteurs anonymes uniquement) ═══════════════ #}
  2218.         {% if app.user is null %}
  2219.             <section class=\"wr-section\">
  2220.                 <div class=\"wr-container\">
  2221.                     <div class=\"final-card\">
  2223.                         <h2 class=\"final-title\">{{ t.final_title }}</h2>
  2225.                         <div class=\"final-grid\">
  2226.                             {# Recruteur #}
  2227.                             <div class=\"final-sub\">
  2228.                                 <div class=\"final-sub-head\">
  2229.                                 <span class=\"final-sub-icon\">
  2230.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  2231.                                         <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"/>
  2232.                                         <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"/>
  2233.                                     </svg>
  2234.                                 </span>
  2235.                                     <span class=\"final-sub-label\">{{ t.final_recruiter_label }}</span>
  2236.                                 </div>
  2237.                                 <h3 class=\"final-sub-title\">{{ t.final_recruiter_title }}</h3>
  2238.                                 <p class=\"final-sub-desc\">{{ t.final_recruiter_desc }}</p>
  2239.                                 <a href=\"{{ path('whileresume_business_' ~ app.request.locale) }}\" class=\"final-sub-btn\">
  2240.                                     {{ t.final_recruiter }}
  2241.                                     <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>
  2242.                                 </a>
  2243.                             </div>
  2245.                             {# Candidat #}
  2246.                             <div class=\"final-sub\">
  2247.                                 <div class=\"final-sub-head\">
  2248.                                 <span class=\"final-sub-icon\">
  2249.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  2250.                                         <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"/>
  2251.                                         <circle cx=\"12\" cy=\"7\" r=\"4\"/>
  2252.                                     </svg>
  2253.                                 </span>
  2254.                                     <span class=\"final-sub-label\">{{ t.final_candidate_label }}</span>
  2255.                                 </div>
  2256.                                 <h3 class=\"final-sub-title\">{{ t.final_candidate_title }}</h3>
  2257.                                 <p class=\"final-sub-desc\">{{ t.final_candidate_desc }}</p>
  2258.                                 <a href=\"{{ path('whileresume_resume_' ~ app.request.locale) }}\" class=\"final-sub-btn\">
  2259.                                     {{ t.final_candidate }}
  2260.                                     <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>
  2261.                                 </a>
  2262.                             </div>
  2263.                         </div>
  2264.                     </div>
  2265.                 </div>
  2266.             </section>
  2267.         {% endif %}
  2269.     </div>
  2270. {% endblock body %}
  2272. {% block footer_js %}
  2273.     {{ parent() }}
  2274.     <script>
  2275.         (function(){
  2276.             var search   = document.getElementById('wrHeroSearch');
  2277.             var input    = document.getElementById('wrHeroSearchInput');
  2278.             var clearBtn = document.getElementById('wrHeroSearchClear');
  2279.             var jobsBody = document.getElementById('wrHeroJobsBody');
  2280.             var countEl  = document.getElementById('wrHeroJobsCount');
  2281.             var linkEl   = document.getElementById('wrHeroJobsLink');
  2282.             if (!search || !input || !jobsBody) return;
  2284.             var searchUrl   = search.dataset.searchUrl;
  2285.             var jobsListUrl = search.dataset.jobsListUrl;
  2287.             var defaultBodyHtml  = jobsBody.innerHTML;
  2288.             var defaultCountHtml = countEl ? countEl.innerHTML : '';
  2289.             var defaultLinkHref  = linkEl ? linkEl.getAttribute('href') : jobsListUrl;
  2291.             var debounceTimer = null;
  2292.             var currentRequest = null;
  2293.             var lastQuery = '';
  2295.             var T = {
  2296.                 loading:      '{{ t.search_loading|escape('js') }}',
  2297.                 empty:        '{{ t.search_no_results|escape('js') }}',
  2298.                 emptyHint:    '{{ t.search_no_results_hint|escape('js') }}',
  2299.                 count:        '{{ t.search_results_count|escape('js') }}',
  2300.                 viewAll:      '{{ t.search_view_all|escape('js') }}',
  2301.                 view:         '{{ t.search_view_offer|escape('js') }}'
  2302.             };
  2304.             function escHtml(s){
  2305.                 if (s == null) return '';
  2306.                 return String(s).replace(/[&<>\"']/g, function(c){
  2307.                     return {'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c];
  2308.                 });
  2309.             }
  2310.             function setHeaderCount(total){
  2311.                 if (!countEl) return;
  2312.                 countEl.innerHTML = '<strong>' + total + '</strong>' + escHtml(T.count);
  2313.             }
  2314.             function setHeaderLink(href){ if (!linkEl) return; linkEl.setAttribute('href', href); }
  2315.             function setLoading(){
  2316.                 jobsBody.innerHTML = '<div class=\"hero-jobs-loading\"><span class=\"hero-jobs-spinner\"></span><span>' + escHtml(T.loading) + '</span></div>';
  2317.             }
  2318.             function setEmpty(){
  2319.                 jobsBody.innerHTML =
  2320.                     '<div class=\"hero-jobs-empty\">' +
  2321.                     '<div class=\"hero-jobs-empty-icon\">' +
  2322.                     '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">' +
  2323.                     '<circle cx=\"11\" cy=\"11\" r=\"8\"/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/>' +
  2324.                     '</svg></div>' +
  2325.                     '<p class=\"hero-jobs-empty-title\">' + escHtml(T.empty) + '</p>' +
  2326.                     '<p class=\"hero-jobs-empty-hint\">' + escHtml(T.emptyHint) + '</p>' +
  2327.                     '</div>';
  2328.             }
  2329.             function restoreDefault(){
  2330.                 jobsBody.innerHTML = defaultBodyHtml;
  2331.                 if (countEl) countEl.innerHTML = defaultCountHtml;
  2332.                 if (linkEl) linkEl.setAttribute('href', defaultLinkHref);
  2333.             }
  2334.             function renderResults(payload, query){
  2335.                 var jobs  = (payload && payload.jobs)  || [];
  2336.                 var total = (payload && typeof payload.total === 'number') ? payload.total : jobs.length;
  2337.                 setHeaderCount(total);
  2338.                 setHeaderLink(jobsListUrl + '?q=' + encodeURIComponent(query));
  2339.                 if (!jobs.length){ setEmpty(); return; }
  2341.                 var html = '';
  2342.                 jobs.slice(0, 6).forEach(function(j){
  2343.                     var title   = j.jobTitle || j.title || '';
  2344.                     var company = j.companyName || j.company || '';
  2345.                     var city    = j.city || '';
  2346.                     var country = j.country || '';
  2347.                     var et      = j.employmentType || '';
  2348.                     var img     = j.image || j.imageUrl || '';
  2349.                     var url     = j.url || (jobsListUrl + '?q=' + encodeURIComponent(query));
  2350.                     var initial = (company || title || '?').charAt(0).toUpperCase();
  2351.                     var location = city + (country ? ', ' + country : '');
  2352.                     var metaParts = [];
  2353.                     if (company)  metaParts.push('<span>' + escHtml(company) + '</span>');
  2354.                     if (location) metaParts.push('<span class=\"hero-default-job-meta-sep\"></span><span>' + escHtml(location) + '</span>');
  2355.                     if (et)       metaParts.push('<span class=\"hero-default-job-meta-sep\"></span><span>' + escHtml(et) + '</span>');
  2356.                     html +=
  2357.                         '<a href=\"' + escHtml(url) + '\" class=\"hero-default-job\">' +
  2358.                         '<div class=\"hero-default-job-logo\">' +
  2359.                         (img ? '<img src=\"' + escHtml(img) + '\" alt=\"\">' : escHtml(initial)) +
  2360.                         '</div>' +
  2361.                         '<div class=\"hero-default-job-info\">' +
  2362.                         '<h3 class=\"hero-default-job-title\">' + escHtml(title) + '</h3>' +
  2363.                         '<p class=\"hero-default-job-meta\">' + metaParts.join('') + '</p>' +
  2364.                         '</div>' +
  2365.                         '<span class=\"hero-default-job-arrow\">' +
  2366.                         '<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>' +
  2367.                         '</span>' +
  2368.                         '</a>';
  2369.                 });
  2370.                 jobsBody.innerHTML = html;
  2371.             }
  2372.             function doSearch(query){
  2373.                 if (currentRequest && currentRequest.abort) { try { currentRequest.abort(); } catch(e){} }
  2374.                 setLoading();
  2375.                 var url = searchUrl + (searchUrl.indexOf('?') > -1 ? '&' : '?') + 'q=' + encodeURIComponent(query);
  2376.                 var ctrl = (typeof AbortController !== 'undefined') ? new AbortController() : null;
  2377.                 currentRequest = ctrl;
  2378.                 fetch(url, { headers: { 'Accept': 'application/json' }, signal: ctrl ? ctrl.signal : undefined })
  2379.                     .then(function(r){ return r.ok ? r.json() : Promise.reject(r.status); })
  2380.                     .then(function(data){ renderResults(data, query); })
  2381.                     .catch(function(err){
  2382.                         if (err && err.name === 'AbortError') return;
  2383.                         setEmpty();
  2384.                     });
  2385.             }
  2387.             input.addEventListener('input', function(){
  2388.                 var q = input.value.trim();
  2389.                 clearBtn.classList.toggle('is-visible', q.length > 0);
  2390.                 if (debounceTimer) clearTimeout(debounceTimer);
  2391.                 if (q.length < 2){ restoreDefault(); lastQuery = ''; return; }
  2392.                 if (q === lastQuery) return;
  2393.                 debounceTimer = setTimeout(function(){ lastQuery = q; doSearch(q); }, 280);
  2394.             });
  2395.             input.addEventListener('keydown', function(e){
  2396.                 if (e.key === 'Enter'){
  2397.                     e.preventDefault();
  2398.                     var q = input.value.trim();
  2399.                     if (!q) return;
  2400.                     window.location.href = jobsListUrl + '?q=' + encodeURIComponent(q);
  2401.                 }
  2402.                 if (e.key === 'Escape'){
  2403.                     input.value = ''; clearBtn.classList.remove('is-visible'); restoreDefault(); lastQuery = ''; input.blur();
  2404.                 }
  2405.             });
  2406.             clearBtn.addEventListener('click', function(){
  2407.                 input.value = ''; clearBtn.classList.remove('is-visible'); restoreDefault(); lastQuery = ''; input.focus();
  2408.             });
  2409.             document.querySelectorAll('.hero-popular-pill').forEach(function(pill){
  2410.                 pill.addEventListener('click', function(){
  2411.                     var keyword = pill.dataset.keyword || pill.dataset.label || '';
  2412.                     if (!keyword) return;
  2413.                     document.querySelectorAll('.hero-popular-pill').forEach(function(p){ p.classList.remove('is-active'); });
  2414.                     pill.classList.add('is-active');
  2415.                     input.value = keyword;
  2416.                     clearBtn.classList.add('is-visible');
  2417.                     lastQuery = keyword;
  2418.                     doSearch(keyword);
  2419.                     input.focus();
  2420.                 });
  2421.             });
  2423.             // Si l'input est pré-rempli (1er keyword populaire), on lance la recherche automatiquement
  2424.             var initialQuery = input.value.trim();
  2425.             if (initialQuery.length >= 2) {
  2426.                 clearBtn.classList.add('is-visible');
  2427.                 lastQuery = initialQuery;
  2428.                 doSearch(initialQuery);
  2429.             }
  2430.         })();
  2432.         (function(){
  2433.             var els = document.querySelectorAll('.reveal');
  2434.             if (!els.length) return;
  2435.             if (!('IntersectionObserver' in window)){
  2436.                 els.forEach(function(el){ el.classList.add('is-revealed'); });
  2437.                 return;
  2438.             }
  2439.             var io = new IntersectionObserver(function(entries){
  2440.                 entries.forEach(function(entry){
  2441.                     if (entry.isIntersecting){
  2442.                         entry.target.classList.add('is-revealed');
  2443.                         io.unobserve(entry.target);
  2444.                     }
  2445.                 });
  2446.             }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' });
  2447.             els.forEach(function(el){ io.observe(el); });
  2448.         })();
  2449.     </script>
  2450. {% endblock footer_js %}
  2451. ", "application/whileresume/website/candidates/landing.html.twig", "/var/www/vhosts/mirtillostudio.fr/b1.mirtillostudio.fr/version-1/templates/application/whileresume/website/candidates/landing.html.twig");
  2452.     }
  2453. }