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