{"id":82098,"date":"2026-08-03T06:24:31","date_gmt":"2026-08-03T10:24:31","guid":{"rendered":"https:\/\/preprod.complx.ca\/accueil-complx\/"},"modified":"2026-08-03T06:24:31","modified_gmt":"2026-08-03T10:24:31","slug":"accueil-complx","status":"publish","type":"page","link":"https:\/\/preprod.complx.ca\/en\/","title":{"rendered":"Accueil Complx"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"82098\" class=\"elementor elementor-82098\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-174e428e elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"174e428e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1f197242\" data-id=\"1f197242\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-41a3a42d elementor-widget elementor-widget-shortcode\" data-id=\"41a3a42d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"complx-landing\" data-complx-landing=\"1\">\n<main class=\"min-h-screen bg-ivory dark:bg-[#0A152E] text-ink dark:text-white font-sans transition-colors duration-500\" data-testid=\"home-page\">\n\n<!-- Header -->\n<header id=\"site-header\" data-testid=\"site-header\" class=\"fixed left-0 right-0 z-50 transition-all duration-300 bg-transparent\">\n  <div class=\"complx-header-inner mx-auto px-4 sm:px-6 xl:px-8\">\n    <div class=\"flex items-center justify-between gap-4 h-20\">\n      <a href=\"https:\/\/preprod.complx.ca\/en\/\" data-testid=\"logo-link\" class=\"complx-logo-link flex items-center group shrink-0\" aria-label=\"Complex X Academy\">\n        <span class=\"complx-logo-shell inline-flex items-center rounded-xl px-2.5 py-1.5 bg-[#073B66] dark:bg-transparent\">\n          <img src=\"https:\/\/preprod.complx.ca\/wp-content\/uploads\/2022\/10\/ComplexeX_Logo-Primaire_Fonds-colores_VERT.png\" alt=\"Complexe X Acad\u00e9mie\" class=\"complx-logo-img h-12 sm:h-14 w-auto object-contain\" width=\"240\" height=\"80\" decoding=\"async\">\n        <\/span>\n      <\/a>\n      <nav class=\"hidden lg:flex flex-1 justify-center min-w-0\" aria-label=\"Principal\">\n        <ul id=\"complx-header-menu\" class=\"complx-header-nav flex flex-nowrap items-center justify-center gap-5 xl:gap-7\"><li id=\"menu-item-82100\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-82100 complx-nav-item\"><a href=\"https:\/\/preprod.complx.ca\/en\/developpement-organisationnel\/\" class=\"link-sweep text-[15px] font-medium whitespace-nowrap text-ink dark:text-white\/80 hover:text-[#073B66] dark:hover:text-white transition-colors menu-link\" data-testid=\"nav-developpement-organisationnel\">Organisational development<\/a><\/li>\n<li id=\"menu-item-82101\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-82101 complx-nav-item\"><a href=\"https:\/\/preprod.complx.ca\/en\/boutique\/\" class=\"link-sweep text-[15px] font-medium whitespace-nowrap text-ink dark:text-white\/80 hover:text-[#073B66] dark:hover:text-white transition-colors menu-link\" data-testid=\"nav-catalogue\">Catalogue<\/a><\/li>\n<li id=\"menu-item-82102\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-82102 complx-nav-item\"><a href=\"https:\/\/preprod.complx.ca\/en\/developpement-personnel\/\" class=\"link-sweep text-[15px] font-medium whitespace-nowrap text-ink dark:text-white\/80 hover:text-[#073B66] dark:hover:text-white transition-colors menu-link\" data-testid=\"nav-developpement-personnel\">Personal development<\/a><\/li>\n<li id=\"menu-item-82103\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-82103 complx-nav-item has-children\"><a aria-expanded=\"false\" href=\"https:\/\/preprod.complx.ca\/en\/a-propos\/\" class=\"link-sweep text-[15px] font-medium whitespace-nowrap text-ink dark:text-white\/80 hover:text-[#073B66] dark:hover:text-white transition-colors menu-link\" data-testid=\"nav-a-propos\">About us<\/a>\n<ul class=\"sub-menu complx-submenu complx-submenu--desktop\">\n\t<li id=\"menu-item-82104\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-82104 complx-nav-item complx-nav-item--child\"><a href=\"https:\/\/preprod.complx.ca\/en\/programme-ambassadeurs-et-ambassadrices\/\" class=\"complx-submenu-link block px-4 py-2.5 text-sm font-medium text-ink dark:text-white\/90 hover:bg-[#F5F7FA] dark:hover:bg-white\/10 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap menu-link\" data-testid=\"nav-programme-ambassadeurs-et-ambassadrices\">Ambassadors programme<\/a><\/li>\n\t<li id=\"menu-item-82105\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-82105 complx-nav-item complx-nav-item--child\"><a href=\"https:\/\/preprod.complx.ca\/en\/blogue\/\" class=\"complx-submenu-link block px-4 py-2.5 text-sm font-medium text-ink dark:text-white\/90 hover:bg-[#F5F7FA] dark:hover:bg-white\/10 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap menu-link\" data-testid=\"nav-blogue\">Blog<\/a><\/li>\n\t<li id=\"menu-item-82106\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-82106 complx-nav-item complx-nav-item--child\"><a href=\"https:\/\/preprod.complx.ca\/en\/nos-outils\/\" class=\"complx-submenu-link block px-4 py-2.5 text-sm font-medium text-ink dark:text-white\/90 hover:bg-[#F5F7FA] dark:hover:bg-white\/10 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap menu-link\" data-testid=\"nav-nos-outils\">Our tools<\/a><\/li>\n\t<li id=\"menu-item-82107\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-82107 complx-nav-item complx-nav-item--child\"><a href=\"https:\/\/preprod.complx.ca\/en\/contactez-nous\/\" class=\"complx-submenu-link block px-4 py-2.5 text-sm font-medium text-ink dark:text-white\/90 hover:bg-[#F5F7FA] dark:hover:bg-white\/10 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap menu-link\" data-testid=\"nav-contactez-nous\">Contact us<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-82108\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-82108 complx-nav-item has-children\"><a aria-expanded=\"false\" href=\"https:\/\/preprod.complx.ca\/en\/tcf\/\" class=\"link-sweep text-[15px] font-medium whitespace-nowrap text-ink dark:text-white\/80 hover:text-[#073B66] dark:hover:text-white transition-colors menu-link\" data-testid=\"nav-examens-tcf\">Examens TCF<\/a>\n<ul class=\"sub-menu complx-submenu complx-submenu--desktop\">\n\t<li id=\"menu-item-82109\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-82109 complx-nav-item complx-nav-item--child\"><a href=\"https:\/\/preprod.complx.ca\/en\/tcf-quebec\/\" class=\"complx-submenu-link block px-4 py-2.5 text-sm font-medium text-ink dark:text-white\/90 hover:bg-[#F5F7FA] dark:hover:bg-white\/10 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap menu-link\" data-testid=\"nav-examen-tcf-quebec\">Examen TCF Qu\u00e9bec<\/a><\/li>\n\t<li id=\"menu-item-82110\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-82110 complx-nav-item complx-nav-item--child\"><a href=\"https:\/\/preprod.complx.ca\/en\/tcf-canada\/\" class=\"complx-submenu-link block px-4 py-2.5 text-sm font-medium text-ink dark:text-white\/90 hover:bg-[#F5F7FA] dark:hover:bg-white\/10 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap menu-link\" data-testid=\"nav-examen-tcf-canada\">Examen TCF Canada<\/a><\/li>\n\t<li id=\"menu-item-82111\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-82111 complx-nav-item complx-nav-item--child\"><a aria-expanded=\"false\" href=\"https:\/\/preprod.complx.ca\/en\/preparation-tcf\/\" class=\"complx-submenu-link block px-4 py-2.5 text-sm font-medium text-ink dark:text-white\/90 hover:bg-[#F5F7FA] dark:hover:bg-white\/10 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap menu-link\" data-testid=\"nav-preparation-tcf\">Pr\u00e9paration TCF<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>      <\/nav>\n      <div class=\"hidden lg:flex items-center gap-1.5 xl:gap-2 shrink-0\">\n        <button type=\"button\" id=\"theme-toggle\" data-testid=\"theme-toggle\" aria-label=\"Activer le mode sombre\" class=\"relative inline-flex items-center justify-center rounded-full border h-10 w-10 border-line dark:border-white\/15 bg-white dark:bg-white\/5 hover:border-[#073B66] dark:hover:border-white\/30 transition-all duration-300 text-[#073B66] dark:text-white\">\n          <i data-lucide=\"sun\" class=\"theme-icon theme-sun absolute h-4 w-4\" stroke-width=\"1.75\"><\/i>\n          <i data-lucide=\"moon\" class=\"theme-icon theme-moon absolute h-4 w-4\" stroke-width=\"1.75\"><\/i>\n        <\/button>\n        <a href=\"https:\/\/preprod.complx.ca\/en\/mon-compte\/\" data-testid=\"header-login-link\" class=\"text-[15px] font-medium text-ink dark:text-white\/80 hover:text-[#073B66] dark:hover:text-white transition-colors px-3\">Connection<\/a>        <a href=\"https:\/\/preprod.complx.ca\/en\/boutique\/\" data-testid=\"header-cta-button\" class=\"group inline-flex items-center gap-2 rounded-full bg-[#073B66] hover:bg-[#062F52] dark:bg-white dark:hover:bg-ivory-warm dark:text-[#073B66] text-white px-4 xl:px-5 py-2.5 text-sm font-semibold whitespace-nowrap transition-all duration-300 hover:shadow-[0_10px_30px_rgba(7,59,102,0.35)] active:scale-[0.97]\">\n          See the catalogue\n          <i data-lucide=\"arrow-up-right\" class=\"h-4 w-4 transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5\" stroke-width=\"2\"><\/i>\n        <\/a>\n      <\/div>\n      <div class=\"lg:hidden flex items-center gap-2\">\n        <button type=\"button\" id=\"theme-toggle-mobile\" aria-label=\"Activer le mode sombre\" class=\"relative inline-flex items-center justify-center rounded-full border h-10 w-10 border-line dark:border-white\/15 bg-white dark:bg-white\/5 hover:border-[#073B66] dark:hover:border-white\/30 transition-all duration-300 text-[#073B66] dark:text-white\">\n          <i data-lucide=\"sun\" class=\"theme-icon theme-sun absolute h-4 w-4\" stroke-width=\"1.75\"><\/i>\n          <i data-lucide=\"moon\" class=\"theme-icon theme-moon absolute h-4 w-4\" stroke-width=\"1.75\"><\/i>\n        <\/button>\n        <button type=\"button\" id=\"mobile-menu-toggle\" data-testid=\"mobile-menu-toggle\" aria-label=\"Menu\" class=\"inline-flex items-center justify-center h-10 w-10 rounded-lg border border-line dark:border-white\/15 bg-white dark:bg-white\/5 text-ink dark:text-white hover:border-[#073B66] hover:text-[#073B66] dark:hover:border-white transition\">\n          <i data-lucide=\"menu\" id=\"menu-icon-open\" class=\"h-5 w-5\" stroke-width=\"2\"><\/i>\n          <i data-lucide=\"x\" id=\"menu-icon-close\" class=\"h-5 w-5 hidden\" stroke-width=\"2\"><\/i>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div id=\"mobile-menu\" data-testid=\"mobile-menu\" class=\"lg:hidden bg-white dark:bg-[#0A152E] border-t border-line\/70 dark:border-white\/10\">\n    <div class=\"max-w-7xl mx-auto px-6 py-6 flex flex-col gap-1\">\n      <ul id=\"complx-header-menu-mobile\" class=\"complx-header-nav-mobile flex flex-col gap-1\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-82100 complx-nav-item\"><a href=\"https:\/\/preprod.complx.ca\/en\/developpement-organisationnel\/\" class=\"mobile-nav-link py-3 text-base font-medium text-ink dark:text-white\/90 hover:text-[#073B66] dark:hover:text-white border-b border-line\/70 dark:border-white\/10 block menu-link\" data-testid=\"nav-developpement-organisationnel\">Organisational development<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-82101 complx-nav-item\"><a href=\"https:\/\/preprod.complx.ca\/en\/boutique\/\" class=\"mobile-nav-link py-3 text-base font-medium text-ink dark:text-white\/90 hover:text-[#073B66] dark:hover:text-white border-b border-line\/70 dark:border-white\/10 block menu-link\" data-testid=\"nav-catalogue\">Catalogue<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-82102 complx-nav-item\"><a href=\"https:\/\/preprod.complx.ca\/en\/developpement-personnel\/\" class=\"mobile-nav-link py-3 text-base font-medium text-ink dark:text-white\/90 hover:text-[#073B66] dark:hover:text-white border-b border-line\/70 dark:border-white\/10 block menu-link\" data-testid=\"nav-developpement-personnel\">Personal development<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-82103 complx-nav-item has-children\"><a aria-expanded=\"false\" href=\"https:\/\/preprod.complx.ca\/en\/a-propos\/\" class=\"mobile-nav-link py-3 text-base font-medium text-ink dark:text-white\/90 hover:text-[#073B66] dark:hover:text-white border-b border-line\/70 dark:border-white\/10 block menu-link\" data-testid=\"nav-a-propos\">About us<\/a>\n<ul class=\"sub-menu complx-submenu complx-submenu--mobile\">\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-82104 complx-nav-item complx-nav-item--child\"><a href=\"https:\/\/preprod.complx.ca\/en\/programme-ambassadeurs-et-ambassadrices\/\" class=\"mobile-nav-link pl-4 py-2.5 text-[15px] font-medium text-ink\/80 dark:text-white\/75 hover:text-[#073B66] dark:hover:text-white block menu-link\" data-testid=\"nav-programme-ambassadeurs-et-ambassadrices\">Ambassadors programme<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-82105 complx-nav-item complx-nav-item--child\"><a href=\"https:\/\/preprod.complx.ca\/en\/blogue\/\" class=\"mobile-nav-link pl-4 py-2.5 text-[15px] font-medium text-ink\/80 dark:text-white\/75 hover:text-[#073B66] dark:hover:text-white block menu-link\" data-testid=\"nav-blogue\">Blog<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-82106 complx-nav-item complx-nav-item--child\"><a href=\"https:\/\/preprod.complx.ca\/en\/nos-outils\/\" class=\"mobile-nav-link pl-4 py-2.5 text-[15px] font-medium text-ink\/80 dark:text-white\/75 hover:text-[#073B66] dark:hover:text-white block menu-link\" data-testid=\"nav-nos-outils\">Our tools<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-82107 complx-nav-item complx-nav-item--child\"><a href=\"https:\/\/preprod.complx.ca\/en\/contactez-nous\/\" class=\"mobile-nav-link pl-4 py-2.5 text-[15px] font-medium text-ink\/80 dark:text-white\/75 hover:text-[#073B66] dark:hover:text-white block menu-link\" data-testid=\"nav-contactez-nous\">Contact us<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-82108 complx-nav-item has-children\"><a aria-expanded=\"false\" href=\"https:\/\/preprod.complx.ca\/en\/tcf\/\" class=\"mobile-nav-link py-3 text-base font-medium text-ink dark:text-white\/90 hover:text-[#073B66] dark:hover:text-white border-b border-line\/70 dark:border-white\/10 block menu-link\" data-testid=\"nav-examens-tcf\">Examens TCF<\/a>\n<ul class=\"sub-menu complx-submenu complx-submenu--mobile\">\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-82109 complx-nav-item complx-nav-item--child\"><a href=\"https:\/\/preprod.complx.ca\/en\/tcf-quebec\/\" class=\"mobile-nav-link pl-4 py-2.5 text-[15px] font-medium text-ink\/80 dark:text-white\/75 hover:text-[#073B66] dark:hover:text-white block menu-link\" data-testid=\"nav-examen-tcf-quebec\">Examen TCF Qu\u00e9bec<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-82110 complx-nav-item complx-nav-item--child\"><a href=\"https:\/\/preprod.complx.ca\/en\/tcf-canada\/\" class=\"mobile-nav-link pl-4 py-2.5 text-[15px] font-medium text-ink\/80 dark:text-white\/75 hover:text-[#073B66] dark:hover:text-white block menu-link\" data-testid=\"nav-examen-tcf-canada\">Examen TCF Canada<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-82111 complx-nav-item complx-nav-item--child\"><a aria-expanded=\"false\" href=\"https:\/\/preprod.complx.ca\/en\/preparation-tcf\/\" class=\"mobile-nav-link pl-4 py-2.5 text-[15px] font-medium text-ink\/80 dark:text-white\/75 hover:text-[#073B66] dark:hover:text-white block menu-link\" data-testid=\"nav-preparation-tcf\">Pr\u00e9paration TCF<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>      <a href=\"https:\/\/preprod.complx.ca\/en\/mon-compte\/\" data-testid=\"header-login-link-mobile\" class=\"mobile-nav-link py-3 text-base font-medium text-ink dark:text-white\/90 hover:text-[#073B66] dark:hover:text-white border-b border-line\/70 dark:border-white\/10 block\">Connection<\/a>      <a href=\"https:\/\/preprod.complx.ca\/en\/boutique\/\" class=\"mobile-nav-link mt-4 inline-flex items-center justify-center gap-2 rounded-full bg-[#073B66] dark:bg-white dark:text-[#073B66] text-white px-5 py-3 text-sm font-semibold\">\n        See the catalogue\n        <i data-lucide=\"arrow-up-right\" class=\"h-4 w-4\" stroke-width=\"2\"><\/i>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/header>\n\n<!-- Hero -->\n<section data-testid=\"hero-section\" class=\"relative pt-32 sm:pt-40 pb-24 sm:pb-32 overflow-hidden\">\n  <div class=\"hero-glow\" aria-hidden=\"true\"><\/div>\n  <div aria-hidden=\"true\" class=\"absolute inset-0 opacity-[0.035] dark:opacity-[0.05] pointer-events-none\" style=\"background-image:linear-gradient(to right, currentColor 1px, transparent 1px), linear-gradient(to bottom, currentColor 1px, transparent 1px);background-size:60px 60px;color:#073B66;mask-image:radial-gradient(ellipse at center, black 40%, transparent 80%);\"><\/div>\n  <div class=\"relative max-w-7xl mx-auto px-6 sm:px-8 grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-10 items-center\">\n    <div class=\"lg:col-span-7 reveal\">\n      <div class=\"inline-flex items-center gap-2 rounded-full border border-[#073B66]\/15 dark:border-white\/15 bg-white dark:bg-white\/5 px-3.5 py-1.5 text-[11px] sm:text-xs font-semibold tracking-[0.18em] uppercase text-[#073B66] dark:text-white\/90 shadow-[0_2px_10px_rgba(7,59,102,0.06)]\">\n        <i data-lucide=\"sparkles\" class=\"h-3.5 w-3.5\" stroke-width=\"2\"><\/i>\n        Cabinet conseil &amp; centre de formation\n      <\/div>\n      <h1 data-testid=\"hero-headline\" class=\"mt-6 font-display font-bold text-4xl sm:text-5xl lg:text-[64px] leading-[1.03] tracking-[-0.02em] text-ink dark:text-white\">\n        \u00c9levez vos comp\u00e9tences.\n        <span class=\"block mt-2\"><span class=\"text-[#073B66] dark:text-[#F4A261]\">Validez<\/span> votre expertise.<\/span>\n      <\/h1>\n      <p data-testid=\"hero-subheadline\" class=\"mt-6 text-lg sm:text-xl leading-relaxed text-muted dark:text-white\/70 max-w-xl\">Des formations orient\u00e9es sur l\u2019action en management, gestion, sant\u00e9 et bien-\u00eatre, structur\u00e9es pour faire progresser et d\u00e9livrer des certifications reconnues.<\/p>\n      <div class=\"mt-9 flex flex-col sm:flex-row items-start sm:items-center gap-4\">\n        <a href=\"#programmes\" data-testid=\"hero-primary-cta\" class=\"group inline-flex items-center gap-2 rounded-full bg-[#073B66] hover:bg-[#062F52] dark:bg-white dark:text-[#073B66] dark:hover:bg-ivory-warm text-white px-6 py-3.5 text-sm font-semibold transition-all duration-300 shadow-[0_10px_30px_rgba(7,59,102,0.25)] hover:shadow-[0_16px_40px_rgba(7,59,102,0.35)] active:scale-[0.97]\">\n          Explorer les programmes\n          <i data-lucide=\"arrow-right\" class=\"h-4 w-4 transition-transform group-hover:translate-x-1\" stroke-width=\"2\"><\/i>\n        <\/a>\n        <a href=\"#parcours\" data-testid=\"hero-secondary-cta\" class=\"group inline-flex items-center gap-2 text-[#073B66] dark:text-white hover:text-[#062F52] dark:hover:text-[#F4A261] px-2 py-2 text-sm font-semibold transition-colors\">\n          <i data-lucide=\"play-circle\" class=\"h-5 w-5\" stroke-width=\"1.75\"><\/i>\n          <span class=\"link-sweep\">Voir comment \u00e7a fonctionne<\/span>\n        <\/a>\n      <\/div>\n      <div class=\"mt-10 flex flex-wrap gap-x-6 gap-y-3\">\n        <div class=\"inline-flex items-center gap-2 text-[13px] font-medium text-muted dark:text-white\/70\"><i data-lucide=\"check-circle-2\" class=\"h-4 w-4 text-success\" stroke-width=\"2\"><\/i>Certifications reconnues<\/div>\n        <div class=\"inline-flex items-center gap-2 text-[13px] font-medium text-muted dark:text-white\/70\"><i data-lucide=\"check-circle-2\" class=\"h-4 w-4 text-success\" stroke-width=\"2\"><\/i>Accompagnement structur\u00e9<\/div>\n        <div class=\"inline-flex items-center gap-2 text-[13px] font-medium text-muted dark:text-white\/70\"><i data-lucide=\"check-circle-2\" class=\"h-4 w-4 text-success\" stroke-width=\"2\"><\/i>+5 000 apprenant(e)s<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"lg:col-span-5 relative reveal\" style=\"transition-delay:150ms\">\n      <div class=\"relative float-y\">\n        <div class=\"orbit-border breathe-shadow relative hero-media\">\n          <div class=\"orbit-border-inner relative\">\n            <img fetchpriority=\"high\" src=\"https:\/\/preprod.complx.ca\/wp-content\/themes\/complx-child\/assets\/images\/ACCUEIL-900x1200.jpg\" alt=\"Professionnelle en formation chez Complexe X Acad\u00e9mie\" class=\"hero-portrait-img w-full object-cover\" width=\"900\" height=\"1200\" loading=\"eager\" decoding=\"async\">\n            <div class=\"absolute inset-0 bg-gradient-to-t from-[#073B66]\/50 via-transparent to-transparent\"><\/div>\n            <svg aria-hidden=\"true\" viewbox=\"0 0 100 100\" preserveaspectratio=\"none\" class=\"absolute inset-0 w-full h-full pointer-events-none\">\n              <defs>\n                <radialgradient id=\"dotGlow\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n                  <stop offset=\"0%\" stop-color=\"#FFFFFF\" stop-opacity=\"1\"><\/stop>\n                  <stop offset=\"40%\" stop-color=\"#FFD687\" stop-opacity=\"0.9\"><\/stop>\n                  <stop offset=\"100%\" stop-color=\"#F4A261\" stop-opacity=\"0\"><\/stop>\n                <\/radialgradient>\n              <\/defs>\n              <rect x=\"0.6\" y=\"0.6\" width=\"98.8\" height=\"98.8\" rx=\"6\" ry=\"6\" fill=\"none\" stroke=\"transparent\"><\/rect>\n              <circle r=\"1.6\" fill=\"url(#dotGlow)\">\n                <animatemotion dur=\"7s\" repeatcount=\"indefinite\" rotate=\"auto\" path=\"M 6 0.6 L 93.4 0.6 A 6 6 0 0 1 99.4 6 L 99.4 94 A 6 6 0 0 1 93.4 99.4 L 6.6 99.4 A 6 6 0 0 1 0.6 94 L 0.6 6 A 6 6 0 0 1 6.6 0.6 Z\"><\/animatemotion>\n              <\/circle>\n              <circle r=\"1\" fill=\"#7FC6D9\" opacity=\"0.8\">\n                <animatemotion dur=\"7s\" begin=\"-3.5s\" repeatcount=\"indefinite\" rotate=\"auto\" path=\"M 6 0.6 L 93.4 0.6 A 6 6 0 0 1 99.4 6 L 99.4 94 A 6 6 0 0 1 93.4 99.4 L 6.6 99.4 A 6 6 0 0 1 0.6 94 L 0.6 6 A 6 6 0 0 1 6.6 0.6 Z\"><\/animatemotion>\n              <\/circle>\n            <\/svg>\n          <\/div>\n        <\/div>\n        <div data-testid=\"hero-stat-card-1\" class=\"absolute -top-6 -left-6 sm:-left-10 premium-card p-5 w-[230px] hidden sm:block\" style=\"animation:softFloat 7s ease-in-out infinite;animation-delay:-2s\">\n          <div class=\"flex items-center gap-3\">\n            <div class=\"h-10 w-10 rounded-xl bg-[#073B66] text-white grid place-items-center\"><i data-lucide=\"trending-up\" class=\"h-5 w-5\" stroke-width=\"2\"><\/i><\/div>\n            <div>\n              <div class=\"text-2xl font-display font-bold text-ink dark:text-white leading-none\">98%<\/div>\n              <div class=\"text-xs text-muted dark:text-white\/60 mt-1\">Taux de r\u00e9ussite<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"mt-4 h-1.5 w-full rounded-full bg-ivory dark:bg-white\/10 overflow-hidden\">\n            <div class=\"h-full w-[98%] bg-gradient-to-r from-[#073B66] to-[#0B4F7A] dark:from-[#7FC6D9] dark:to-[#F4A261]\"><\/div>\n          <\/div>\n        <\/div>\n        <div data-testid=\"hero-cert-card\" class=\"absolute -bottom-10 -right-4 sm:-right-10 premium-card p-5 w-[280px]\" style=\"animation:softFloat 7s ease-in-out infinite;animation-delay:-4s\">\n          <div class=\"flex items-start gap-3\">\n            <div class=\"h-11 w-11 rounded-xl bg-accent\/10 dark:bg-[#F4A261]\/15 border border-accent\/30 dark:border-[#F4A261]\/30 grid place-items-center\">\n              <i data-lucide=\"award\" class=\"h-5 w-5 text-accent dark:text-[#F4A261]\" stroke-width=\"2\"><\/i>\n            <\/div>\n            <div class=\"flex-1\">\n              <div class=\"text-[11px] tracking-[0.18em] font-bold uppercase text-accent dark:text-[#F4A261]\">Certificat obtenu<\/div>\n              <div class=\"font-display font-semibold text-ink dark:text-white text-[15px] leading-snug mt-1\">Certification en gestion - Leader 360<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"absolute -z-10 -top-12 -right-8 h-40 w-40 rounded-full bg-[#073B66]\/10 dark:bg-[#7FC6D9]\/15 blur-3xl\"><\/div>\n        <div class=\"absolute -z-10 -bottom-16 -left-10 h-44 w-44 rounded-full bg-accent\/20 dark:bg-[#F4A261]\/15 blur-3xl\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- TrustStrip -->\n<section data-testid=\"trust-section\" class=\"relative py-16 sm:py-20 bg-white dark:bg-[#0F1E40] border-y border-line\/70 dark:border-white\/10\">\n  <div class=\"max-w-7xl mx-auto px-6 sm:px-8\">\n    <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-10\">\n      <div data-testid=\"metric-5 000+\" class=\"group flex flex-col items-start gap-3 p-6 rounded-2xl border border-transparent hover:border-line dark:hover:border-white\/10 hover:bg-ivory\/60 dark:hover:bg-white\/5 transition-all duration-300\">\n        <div class=\"h-11 w-11 rounded-xl bg-[#073B66]\/5 text-[#073B66] dark:bg-white\/10 dark:text-white grid place-items-center group-hover:bg-[#073B66] group-hover:text-white dark:group-hover:bg-[#F4A261] dark:group-hover:text-[#073B66] transition-colors\"><i data-lucide=\"users\" class=\"h-5 w-5\" stroke-width=\"1.75\"><\/i><\/div>\n        <div><div class=\"font-display font-bold text-3xl sm:text-4xl text-ink dark:text-white tracking-tight\">5 000+<\/div><div class=\"mt-1 text-sm text-muted dark:text-white\/60 font-medium\">Apprenant(e)s form\u00e9(e)s<\/div><\/div>\n      <\/div>\n      <div data-testid=\"metric-98%\" class=\"group flex flex-col items-start gap-3 p-6 rounded-2xl border border-transparent hover:border-line dark:hover:border-white\/10 hover:bg-ivory\/60 dark:hover:bg-white\/5 transition-all duration-300\">\n        <div class=\"h-11 w-11 rounded-xl bg-[#073B66]\/5 text-[#073B66] dark:bg-white\/10 dark:text-white grid place-items-center group-hover:bg-[#073B66] group-hover:text-white dark:group-hover:bg-[#F4A261] dark:group-hover:text-[#073B66] transition-colors\"><i data-lucide=\"graduation-cap\" class=\"h-5 w-5\" stroke-width=\"1.75\"><\/i><\/div>\n        <div><div class=\"font-display font-bold text-3xl sm:text-4xl text-ink dark:text-white tracking-tight\">98%<\/div><div class=\"mt-1 text-sm text-muted dark:text-white\/60 font-medium\">Taux de compl\u00e9tion<\/div><\/div>\n      <\/div>\n      <div data-testid=\"metric-1000+\" class=\"group flex flex-col items-start gap-3 p-6 rounded-2xl border border-transparent hover:border-line dark:hover:border-white\/10 hover:bg-ivory\/60 dark:hover:bg-white\/5 transition-all duration-300\">\n        <div class=\"h-11 w-11 rounded-xl bg-[#073B66]\/5 text-[#073B66] dark:bg-white\/10 dark:text-white grid place-items-center group-hover:bg-[#073B66] group-hover:text-white dark:group-hover:bg-[#F4A261] dark:group-hover:text-[#073B66] transition-colors\"><i data-lucide=\"trophy\" class=\"h-5 w-5\" stroke-width=\"1.75\"><\/i><\/div>\n        <div><div class=\"font-display font-bold text-3xl sm:text-4xl text-ink dark:text-white tracking-tight\">1000+<\/div><div class=\"mt-1 text-sm text-muted dark:text-white\/60 font-medium\">Certifications d\u00e9livr\u00e9es par an<\/div><\/div>\n      <\/div>\n      <div data-testid=\"metric-expertise\" class=\"group flex flex-col items-start gap-3 p-6 rounded-2xl border border-transparent hover:border-line dark:hover:border-white\/10 hover:bg-ivory\/60 dark:hover:bg-white\/5 transition-all duration-300\">\n        <div class=\"h-11 w-11 rounded-xl bg-[#073B66]\/5 text-[#073B66] dark:bg-white\/10 dark:text-white grid place-items-center group-hover:bg-[#073B66] group-hover:text-white dark:group-hover:bg-[#F4A261] dark:group-hover:text-[#073B66] transition-colors\"><i data-lucide=\"building-2\" class=\"h-5 w-5\" stroke-width=\"1.75\"><\/i><\/div>\n        <div>\n          <div class=\"font-display font-bold text-xl sm:text-2xl lg:text-[1.75rem] text-ink dark:text-white tracking-tight leading-snug\">Pr\u00e8s de 10&nbsp;ans d&rsquo;expertise<\/div>\n          <div class=\"mt-1 text-sm text-muted dark:text-white\/60 font-medium\">au Canada et \u00c9tats-Unis<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"mt-14 pt-10 border-t border-line\/70 dark:border-white\/10\">\n      <div class=\"text-center mb-6 text-[11px] tracking-[0.22em] uppercase font-bold text-muted\/70 dark:text-white\/50\">Ils nous font confiance<\/div>\n      <div class=\"relative overflow-hidden mask-fade\">\n        <div class=\"flex w-max marquee-track gap-12 items-center\">\n                    <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Bridgestone<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Metro<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">La Vie en Rose<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Desjardins<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">General Dynamics<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Camions Avantage<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Decathlon<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">C\u00e9gep de Lanaudi\u00e8re<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">HNA<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Soci\u00e9t\u00e9 des traversiers du Qu\u00e9bec<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Ordre des technologistes m\u00e9dicaux du Qu\u00e9bec<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Indero<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Delpharm<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Corflex<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Cosior<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Harnois \u00c9nergies<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Industries Major<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Ville de Longueuil<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">3P Construction<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">PNR Railworks<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Bridgestone<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Metro<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">La Vie en Rose<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Desjardins<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">General Dynamics<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Camions Avantage<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Decathlon<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">C\u00e9gep de Lanaudi\u00e8re<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">HNA<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Soci\u00e9t\u00e9 des traversiers du Qu\u00e9bec<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Ordre des technologistes m\u00e9dicaux du Qu\u00e9bec<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Indero<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Delpharm<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Corflex<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Cosior<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Harnois \u00c9nergies<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Industries Major<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Ville de Longueuil<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">3P Construction<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">PNR Railworks<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Bridgestone<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Metro<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">La Vie en Rose<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Desjardins<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">General Dynamics<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Camions Avantage<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Decathlon<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">C\u00e9gep de Lanaudi\u00e8re<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">HNA<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Soci\u00e9t\u00e9 des traversiers du Qu\u00e9bec<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Ordre des technologistes m\u00e9dicaux du Qu\u00e9bec<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Indero<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Delpharm<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Corflex<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Cosior<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Harnois \u00c9nergies<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Industries Major<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">Ville de Longueuil<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">3P Construction<\/div>\n\t\t\t\t          <div class=\"text-lg sm:text-xl font-display font-semibold text-muted\/70 dark:text-white\/40 hover:text-[#073B66] dark:hover:text-white transition-colors whitespace-nowrap\">PNR Railworks<\/div>\n\t\t\t\t        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ValueProposition -->\n<section id=\"pourquoi\" data-testid=\"value-proposition-section\" class=\"py-24 sm:py-32 bg-ivory dark:bg-[#0A152E]\">\n  <div class=\"max-w-7xl mx-auto px-6 sm:px-8\">\n    <div class=\"flex flex-col lg:flex-row lg:items-end lg:justify-between gap-6 mb-14\">\n      <div class=\"max-w-2xl\">\n        <div class=\"text-xs font-bold tracking-[0.22em] uppercase text-[#073B66] dark:text-[#F4A261]\">Pourquoi Complexe X<\/div>\n        <h2 class=\"mt-4 font-display font-bold text-4xl sm:text-5xl tracking-[-0.02em] text-ink dark:text-white leading-[1.05]\">Une approche concr\u00e8te et dynamique<\/h2>\n      <\/div>\n      <p class=\"max-w-sm text-base text-muted dark:text-white\/70\">Nous d\u00e9veloppons des formations claires, applicables, avec des jalons concrets et une reconnaissance tangible.<\/p>\n    <\/div>\n    <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-6\">\n      <div class=\"lg:col-span-7 premium-card bg-ivory-warm dark:bg-white\/5 text-ink dark:text-white dark:border dark:border-white\/10 relative overflow-hidden p-8 sm:p-10 min-h-[280px] reveal\">\n        <div class=\"relative flex flex-col h-full\">\n          <div class=\"h-[4.5rem] w-[9.5rem] rounded-xl border grid place-items-center bg-[#073B66] border-[#073B66]\/20 overflow-hidden px-2.5\">\n            <img src=\"https:\/\/preprod.complx.ca\/wp-content\/uploads\/2022\/10\/ComplexeX_Logo-Primaire_Fonds-colores_VERT.png\" alt=\"Complexe X\" class=\"h-[3.125rem] w-auto max-w-full object-contain\" width=\"120\" height=\"50\" decoding=\"async\">\n          <\/div>\n          <h3 class=\"mt-6 font-display font-bold text-2xl sm:text-[28px] tracking-tight text-ink dark:text-white\">Programmes structur\u00e9s<\/h3>\n          <p class=\"mt-3 text-[15px] leading-relaxed text-muted dark:text-white\/70 max-w-md\">Des parcours con\u00e7us sur mesure par nos expert(e)s comptant plus de 100 ans d'exp\u00e9rience de gestion combin\u00e9es et un parcours acad\u00e9mique riche et diversifi\u00e9.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"lg:col-span-5 premium-card value-card--navy bg-[#073B66] text-white relative overflow-hidden p-8 sm:p-10 min-h-[280px] reveal\">\n        <div aria-hidden=\"true\" class=\"absolute inset-0 opacity-30 pointer-events-none\" style=\"background-image:radial-gradient(circle at 80% 0%,rgba(255,255,255,0.08),transparent 50%);\"><\/div>\n        <div class=\"relative flex flex-col h-full\">\n          <div class=\"h-[4.5rem] w-[9.5rem] rounded-xl border grid place-items-center bg-white border-line\/80 dark:border-white\/15 overflow-hidden px-2.5\">\n            <img src=\"https:\/\/preprod.complx.ca\/wp-content\/themes\/complx-child\/assets\/images\/FEI_TCF.png\" alt=\"FEI TCF\" class=\"h-[3.125rem] w-auto max-w-full object-contain\" width=\"120\" height=\"50\" decoding=\"async\">\n          <\/div>\n          <h3 class=\"mt-6 font-display font-bold text-2xl sm:text-[28px] tracking-tight text-white\">Centre d&rsquo;examen<br>officiel<\/h3>\n          <p class=\"mt-3 text-[15px] leading-relaxed text-white\/75 max-w-md\">Passation des examens TCF Canada, Qu\u00e9bec et tout public dans un environnement propice \u00e0 la r\u00e9ussite.<\/p>\n          <a href=\"https:\/\/preprod.complx.ca\/en\/tcf\/\" class=\"mt-5 inline-flex items-center gap-2 text-sm font-semibold text-white\/90 hover:text-white\">\n            D\u00e9couvrir le TCF\n            <i data-lucide=\"arrow-up-right\" class=\"h-4 w-4\" stroke-width=\"2\"><\/i>\n          <\/a>\n        <\/div>\n      <\/div>\n      <div class=\"lg:col-span-5 premium-card bg-white dark:bg-[#15264A] text-ink dark:text-white relative overflow-hidden p-8 sm:p-10 min-h-[280px] reveal\">\n        <div class=\"relative flex flex-col sm:flex-row sm:items-start gap-5 sm:gap-6 h-full\">\n          <div class=\"shrink-0 w-[7.5rem] sm:w-[8.5rem] rounded-xl border grid place-items-center bg-white border-line\/80 dark:border-white\/15 overflow-hidden p-2.5 self-start\">\n            <img loading=\"lazy\" src=\"https:\/\/preprod.complx.ca\/wp-content\/themes\/complx-child\/assets\/images\/badge-membre-accredite-fr.png\" alt=\"Membre accr\u00e9dit\u00e9\" class=\"w-full h-auto object-contain\" width=\"136\" height=\"136\" decoding=\"async\">\n          <\/div>\n          <div class=\"flex flex-col min-w-0 flex-1\">\n            <h3 class=\"font-display font-bold text-2xl sm:text-[28px] tracking-tight text-ink dark:text-white\">Certifications valoris\u00e9es<\/h3>\n            <p class=\"mt-3 text-[15px] leading-relaxed text-muted dark:text-white\/70\">Attestations de formation reconnues et valid\u00e9es par l'obtention d'unit\u00e9s d'\u00e9ducation continue (UEC). Organisation accr\u00e9dit\u00e9e par la Sofeduc.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"lg:col-span-7 premium-card bg-white dark:bg-[#15264A] text-ink dark:text-white relative overflow-hidden p-8 sm:p-10 min-h-[280px] reveal\">\n        <div class=\"relative flex flex-col h-full\">\n          <div class=\"h-[4.5rem] w-[9.5rem] rounded-xl border grid place-items-center bg-black border-black\/20 dark:border-white\/20 overflow-hidden px-2.5\">\n            <img loading=\"lazy\" src=\"https:\/\/preprod.complx.ca\/wp-content\/themes\/complx-child\/assets\/images\/LOGO-LEADER360-ACCELERATION_20260721_061159_0000.png\" alt=\"Leader360\" class=\"h-[3.125rem] w-auto max-w-full object-contain\" width=\"120\" height=\"50\" decoding=\"async\">\n          <\/div>\n          <h3 class=\"mt-6 font-display font-bold text-2xl sm:text-[28px] tracking-tight text-ink dark:text-white\">Apprentissage appliqu\u00e9<\/h3>\n          <p class=\"mt-3 text-[15px] leading-relaxed text-muted dark:text-white\/70 max-w-md\">Programme de certification en gestion modulaire et par niveaux, bas\u00e9 sur des \u00e9tudes de cas, des mises en situation et accompagnements personnalis\u00e9s incluant du coaching de gestion.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"complx-tcf-home\" id=\"tcf-accueil\" data-complx-tcf-home=\"1\">\n\t<section class=\"complx-hero complx-hero--muted\">\n\t\t<div class=\"complx-container\">\n\t\t\t<div class=\"complx-hero__grid\">\n\t\t\t\t<div class=\"complx-hero__copy\">\n\t\t\t\t\t<h2 class=\"complx-h1\" style=\"font-size:clamp(34px,4vw,48px)\">Passez votre examen TCF dans un centre \u00e0 taille humaine<\/h2>\n\t\t\t\t\t<p class=\"complx-lead\">Notre centre TCF, situ\u00e9 \u00e0 Saint-Constant sur la Rive-Sud de Montr\u00e9al, offre des sessions limit\u00e9es \u00e0 16 candidat(e)s par session dans un environnement calme et chaleureux.<\/p>\n\t\t\t\t\t<div class=\"complx-icon-row complx-icon-row--4\">\n\t\t\t\t\t\t<div class=\"complx-icon-label\"><span class=\"complx-icon-label__icon\"><svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/span><span class=\"complx-icon-label__text\">Max. 16 candidats<\/span><\/div><div class=\"complx-icon-label\"><span class=\"complx-icon-label__icon\"><svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/span><span class=\"complx-icon-label__text\">Accueil personnalis\u00e9<\/span><\/div><div class=\"complx-icon-label\"><span class=\"complx-icon-label__icon\"><svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M10 2v2\"\/><path d=\"M14 2v2\"\/><path d=\"M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h12a4 4 0 1 1 0 8h-1\"\/><path d=\"M6 2v2\"\/><\/svg><\/span><span class=\"complx-icon-label__text\">Caf\u00e9 et collations offerts<\/span><\/div><div class=\"complx-icon-label\"><span class=\"complx-icon-label__icon\"><svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/span><span class=\"complx-icon-label__text\">Stationnement gratuit<\/span><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"complx-hero__media\">\n\t\t\t\t\t<img loading=\"lazy\" src=\"https:\/\/preprod.complx.ca\/wp-content\/themes\/complx-child\/assets\/images\/salledecours.jpg\" alt=\"Centre Complexe X \u00e0 Saint-Constant\" width=\"900\" height=\"560\" decoding=\"async\">\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/section>\n\n\t<section class=\"complx-section complx-section--choice\" id=\"choix-examen-accueil\">\n\t\t<div class=\"complx-container\">\n\t\t\t<div class=\"complx-section-title\">\n\t\t\t\t<h2 class=\"complx-h2\">Quel examen TCF vous concerne ?<\/h2>\n\t\t\t\t<p class=\"complx-lead\">Choisissez l\u2019examen correspondant \u00e0 votre projet.<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"complx-choice-grid\">\n\t\t\t\t<article class=\"complx-card complx-card--choice\">\n\t\t\t\t\t<span class=\"complx-symbol complx-symbol--canada\" aria-hidden=\"true\"><img loading=\"lazy\" src=\"https:\/\/preprod.complx.ca\/wp-content\/plugins\/complx-tcf\/assets\/images\/symbol-canada.png\" alt=\"\" width=\"40\" height=\"40\" decoding=\"async\"><\/span>\t\t\t\t\t<div>\n\t\t\t\t\t\t<h3>TCF Canada<\/h3>\n\t\t\t\t\t\t<p>L\u2019examen adapt\u00e9 \u00e0 certaines d\u00e9marches d\u2019immigration \u00e9conomique au Canada.<\/p>\n\t\t\t\t\t\t<a class=\"complx-button complx-button--outline\" href=\"https:\/\/preprod.complx.ca\/en\/tcf-canada\/\">Find out more<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"complx-card complx-card--choice\">\n\t\t\t\t\t<span class=\"complx-symbol complx-symbol--quebec\" aria-hidden=\"true\"><img loading=\"lazy\" src=\"https:\/\/preprod.complx.ca\/wp-content\/plugins\/complx-tcf\/assets\/images\/symbol-quebec.png\" alt=\"\" width=\"40\" height=\"40\" decoding=\"async\"><\/span>\t\t\t\t\t<div>\n\t\t\t\t\t\t<h3>TCF Quebec<\/h3>\n\t\t\t\t\t\t<p>S\u00e9lectionnez les \u00e9preuves correspondant \u00e0 votre d\u00e9marche au Qu\u00e9bec.<\/p>\n\t\t\t\t\t\t<a class=\"complx-button complx-button--outline\" href=\"https:\/\/preprod.complx.ca\/en\/tcf-quebec\/\">Find out more<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"complx-card complx-card--choice\">\n\t\t\t\t\t<span class=\"complx-symbol complx-symbol--prep\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 3 1 9l11 6 9-4.91V17h2V9L12 3zm-7 10.18v3.32c0 1.66 3.13 3 7 3s7-1.34 7-3v-3.32l-7 3.82-7-3.82z\"\/><\/svg><\/span>\t\t\t\t\t<div>\n\t\t\t\t\t\t<h3>Pr\u00e9paration TCF<\/h3>\n\t\t\t\t\t\t<p>Simulations et outils pour mieux comprendre les attentes des \u00e9preuves.<\/p>\n\t\t\t\t\t\t<a class=\"complx-button complx-button--outline\" href=\"https:\/\/preprod.complx.ca\/en\/preparation-tcf\/\">D\u00e9couvrir nos formations<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/section>\n<\/section>\n\n<!-- FeaturedPrograms -->\n<section id=\"programmes\" class=\"py-24 sm:py-32 bg-white dark:bg-[#0F1E40]\">\n  <div class=\"max-w-7xl mx-auto px-6 sm:px-8\">\n    <div class=\"flex flex-col lg:flex-row lg:items-end lg:justify-between gap-6 mb-14 reveal\">\n      <div class=\"max-w-2xl\">\n        <div class=\"text-xs font-bold tracking-[0.22em] uppercase text-[#073B66] dark:text-[#F4A261]\">Formations en vedette<\/div>\n        <h2 class=\"mt-4 font-display font-bold text-4xl sm:text-5xl tracking-[-0.02em] text-ink dark:text-white leading-[1.05]\">Des parcours cibl\u00e9s pour des comp\u00e9tences r\u00e9elles.<\/h2>\n      <\/div>\n      <a href=\"https:\/\/preprod.complx.ca\/en\/boutique\/\" class=\"inline-flex items-center gap-2 text-sm font-semibold text-[#073B66] dark:text-[#F4A261] link-sweep\">Voir tout le catalogue <i data-lucide=\"arrow-up-right\" class=\"h-4 w-4\" stroke-width=\"2\"><\/i><\/a>\n    <\/div>\n    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8\">\n      <article class=\"group premium-card overflow-hidden flex flex-col reveal\">\n  <div class=\"relative h-56 overflow-hidden\">\n    <img decoding=\"async\" src=\"https:\/\/preprod.complx.ca\/wp-content\/uploads\/2025\/12\/169-LAF-20-AUTOPORTANT-1024x576.avif\" alt=\"Leadership au f\u00e9minin 2.0\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.05]\" loading=\"lazy\">\n    <div class=\"absolute inset-0 bg-gradient-to-t from-slate-900\/50 via-transparent to-transparent\"><\/div>\n      <\/div>\n  <div class=\"p-7 flex flex-col flex-1\">\n          <div class=\"text-[11px] tracking-[0.2em] font-bold uppercase text-muted\/70 dark:text-white\/50\">Training<\/div>\n        <h3 class=\"mt-3 font-display font-bold text-xl sm:text-[22px] leading-snug text-ink dark:text-white group-hover:text-[#073B66] dark:group-hover:text-[#F4A261] transition-colors\">Women's leadership 2.0<\/h3>\n          <p class=\"mt-3 text-[14.5px] leading-relaxed text-muted dark:text-white\/70 flex-1\">La formation \u201cLeadership au f\u00e9minin\u201d vise \u00e0 renforcer la confiance et l\u2019efficacit\u00e9 des femmes leaders en leur proposant des outils pour d\u00e9velopper leur leadership transformationnel. Elle aborde des\u2026<\/p>\n              <div class=\"mt-5 flex flex-wrap gap-x-4 gap-y-2 text-[12.5px] text-muted dark:text-white\/60\">\n                  <span class=\"inline-flex items-center gap-1.5\"><i data-lucide=\"clock\" class=\"h-3.5 w-3.5\" stroke-width=\"1.75\"><\/i>18 heures<\/span>\n                              <\/div>\n        <div class=\"mt-6 pt-5 border-t border-line\/70 dark:border-white\/10 flex items-center justify-between\">\n      <a href=\"https:\/\/preprod.complx.ca\/en\/boutique\/aut25-leadership-au-feminin-2-0\/\" class=\"inline-flex items-center gap-1.5 text-[#073B66] dark:text-[#F4A261] text-sm font-semibold link-sweep\">D\u00e9couvrir le programme<\/a>\n      <a href=\"https:\/\/preprod.complx.ca\/en\/boutique\/aut25-leadership-au-feminin-2-0\/\" class=\"h-9 w-9 rounded-full bg-[#073B66]\/5 dark:bg-white\/10 grid place-items-center text-[#073B66] dark:text-white group-hover:bg-[#073B66] dark:group-hover:bg-[#F4A261] group-hover:text-white transition-colors\" aria-label=\"D\u00e9couvrir Leadership au f\u00e9minin 2.0\"><i data-lucide=\"arrow-up-right\" class=\"h-4 w-4\" stroke-width=\"2\"><\/i><\/a>\n    <\/div>\n  <\/div>\n<\/article>\n<article class=\"group premium-card overflow-hidden flex flex-col reveal\">\n  <div class=\"relative h-56 overflow-hidden\">\n    <img decoding=\"async\" src=\"https:\/\/preprod.complx.ca\/wp-content\/uploads\/2025\/10\/AFFICHE-MASTERCLASS-SUPERVISEUR-POURCOURS.webp\" alt=\"Masterclass Superviseur.es\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.05]\" loading=\"lazy\">\n    <div class=\"absolute inset-0 bg-gradient-to-t from-slate-900\/50 via-transparent to-transparent\"><\/div>\n      <\/div>\n  <div class=\"p-7 flex flex-col flex-1\">\n          <div class=\"text-[11px] tracking-[0.2em] font-bold uppercase text-muted\/70 dark:text-white\/50\">Training<\/div>\n        <h3 class=\"mt-3 font-display font-bold text-xl sm:text-[22px] leading-snug text-ink dark:text-white group-hover:text-[#073B66] dark:group-hover:text-[#F4A261] transition-colors\">Masterclass Superviseur.es<\/h3>\n          <p class=\"mt-3 text-[14.5px] leading-relaxed text-muted dark:text-white\/70 flex-1\">Mieux superviser pour mobiliser, performer et inspirer Dans un contexte marqu\u00e9 par la raret\u00e9 de main-d\u2019\u0153uvre, la pression accrue sur la performance et des attentes de plus en\u2026<\/p>\n            <div class=\"mt-6 pt-5 border-t border-line\/70 dark:border-white\/10 flex items-center justify-between\">\n      <a href=\"https:\/\/preprod.complx.ca\/en\/boutique\/mcg25-masterclass-superviseurs\/\" class=\"inline-flex items-center gap-1.5 text-[#073B66] dark:text-[#F4A261] text-sm font-semibold link-sweep\">D\u00e9couvrir le programme<\/a>\n      <a href=\"https:\/\/preprod.complx.ca\/en\/boutique\/mcg25-masterclass-superviseurs\/\" class=\"h-9 w-9 rounded-full bg-[#073B66]\/5 dark:bg-white\/10 grid place-items-center text-[#073B66] dark:text-white group-hover:bg-[#073B66] dark:group-hover:bg-[#F4A261] group-hover:text-white transition-colors\" aria-label=\"D\u00e9couvrir Masterclass Superviseur.es\"><i data-lucide=\"arrow-up-right\" class=\"h-4 w-4\" stroke-width=\"2\"><\/i><\/a>\n    <\/div>\n  <\/div>\n<\/article>\n<article class=\"group premium-card overflow-hidden flex flex-col reveal\">\n  <div class=\"relative h-56 overflow-hidden\">\n    <img decoding=\"async\" src=\"https:\/\/preprod.complx.ca\/wp-content\/uploads\/2025\/09\/SLIDE1-CPLX-2030-1024x576.webp\" alt=\"Masterclass Comp\u00e9tences professionnelles requises en 2030\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.05]\" loading=\"lazy\">\n    <div class=\"absolute inset-0 bg-gradient-to-t from-slate-900\/50 via-transparent to-transparent\"><\/div>\n      <\/div>\n  <div class=\"p-7 flex flex-col flex-1\">\n          <div class=\"text-[11px] tracking-[0.2em] font-bold uppercase text-muted\/70 dark:text-white\/50\">Training<\/div>\n        <h3 class=\"mt-3 font-display font-bold text-xl sm:text-[22px] leading-snug text-ink dark:text-white group-hover:text-[#073B66] dark:group-hover:text-[#F4A261] transition-colors\">Masterclass Comp\u00e9tences professionnelles requises en 2030<\/h3>\n            <div class=\"mt-6 pt-5 border-t border-line\/70 dark:border-white\/10 flex items-center justify-between\">\n      <a href=\"https:\/\/preprod.complx.ca\/en\/boutique\/mcg25-masterclass-competences-professionnelles-requises-en-2030\/\" class=\"inline-flex items-center gap-1.5 text-[#073B66] dark:text-[#F4A261] text-sm font-semibold link-sweep\">D\u00e9couvrir le programme<\/a>\n      <a href=\"https:\/\/preprod.complx.ca\/en\/boutique\/mcg25-masterclass-competences-professionnelles-requises-en-2030\/\" class=\"h-9 w-9 rounded-full bg-[#073B66]\/5 dark:bg-white\/10 grid place-items-center text-[#073B66] dark:text-white group-hover:bg-[#073B66] dark:group-hover:bg-[#F4A261] group-hover:text-white transition-colors\" aria-label=\"D\u00e9couvrir Masterclass Comp\u00e9tences professionnelles requises en 2030\"><i data-lucide=\"arrow-up-right\" class=\"h-4 w-4\" stroke-width=\"2\"><\/i><\/a>\n    <\/div>\n  <\/div>\n<\/article>\n<article class=\"group premium-card overflow-hidden flex flex-col reveal\">\n  <div class=\"relative h-56 overflow-hidden\">\n    <img decoding=\"async\" src=\"https:\/\/preprod.complx.ca\/wp-content\/uploads\/2025\/09\/FICHECOURS-CPLX-DEVELLOPERSESHABILETESDECOACHING-COHORTE-JULIESEULEMENT-1024x768.webp\" alt=\"CMH26 &#8211; D\u00e9velopper ses habilet\u00e9s de coaching au travail\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.05]\" loading=\"lazy\">\n    <div class=\"absolute inset-0 bg-gradient-to-t from-slate-900\/50 via-transparent to-transparent\"><\/div>\n      <\/div>\n  <div class=\"p-7 flex flex-col flex-1\">\n          <div class=\"text-[11px] tracking-[0.2em] font-bold uppercase text-muted\/70 dark:text-white\/50\">Training<\/div>\n        <h3 class=\"mt-3 font-display font-bold text-xl sm:text-[22px] leading-snug text-ink dark:text-white group-hover:text-[#073B66] dark:group-hover:text-[#F4A261] transition-colors\">CMH26 - Developing coaching skills in the workplace<\/h3>\n          <p class=\"mt-3 text-[14.5px] leading-relaxed text-muted dark:text-white\/70 flex-1\">Description de la formation sur le coaching : Cette formation en six modules a pour objectif de d\u00e9velopper les comp\u00e9tences essentielles en coaching pour le milieu professionnel. Nous\u2026<\/p>\n              <div class=\"mt-5 flex flex-wrap gap-x-4 gap-y-2 text-[12.5px] text-muted dark:text-white\/60\">\n                  <span class=\"inline-flex items-center gap-1.5\"><i data-lucide=\"clock\" class=\"h-3.5 w-3.5\" stroke-width=\"1.75\"><\/i>9 heures<\/span>\n                              <\/div>\n        <div class=\"mt-6 pt-5 border-t border-line\/70 dark:border-white\/10 flex items-center justify-between\">\n      <a href=\"https:\/\/preprod.complx.ca\/en\/boutique\/cmh26-coaching-au-travail\/\" class=\"inline-flex items-center gap-1.5 text-[#073B66] dark:text-[#F4A261] text-sm font-semibold link-sweep\">D\u00e9couvrir le programme<\/a>\n      <a href=\"https:\/\/preprod.complx.ca\/en\/boutique\/cmh26-coaching-au-travail\/\" class=\"h-9 w-9 rounded-full bg-[#073B66]\/5 dark:bg-white\/10 grid place-items-center text-[#073B66] dark:text-white group-hover:bg-[#073B66] dark:group-hover:bg-[#F4A261] group-hover:text-white transition-colors\" aria-label=\"D\u00e9couvrir CMH26 &#8211; D\u00e9velopper ses habilet\u00e9s de coaching au travail\"><i data-lucide=\"arrow-up-right\" class=\"h-4 w-4\" stroke-width=\"2\"><\/i><\/a>\n    <\/div>\n  <\/div>\n<\/article>\n<article class=\"group premium-card overflow-hidden flex flex-col reveal\">\n  <div class=\"relative h-56 overflow-hidden\">\n    <img decoding=\"async\" src=\"https:\/\/preprod.complx.ca\/wp-content\/themes\/complx-child\/assets\/images\/hero-portrait.jpg\" alt=\"LEVITTS &#8211; La gestion pour superviseurs et chefs d\u2019\u00e9quipe &#8211; niveau I\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.05]\" loading=\"lazy\">\n    <div class=\"absolute inset-0 bg-gradient-to-t from-slate-900\/50 via-transparent to-transparent\"><\/div>\n      <\/div>\n  <div class=\"p-7 flex flex-col flex-1\">\n          <div class=\"text-[11px] tracking-[0.2em] font-bold uppercase text-muted\/70 dark:text-white\/50\">Training<\/div>\n        <h3 class=\"mt-3 font-display font-bold text-xl sm:text-[22px] leading-snug text-ink dark:text-white group-hover:text-[#073B66] dark:group-hover:text-[#F4A261] transition-colors\">LEVITTS - Management for supervisors and team leaders - Level I<\/h3>\n          <p class=\"mt-3 text-[14.5px] leading-relaxed text-muted dark:text-white\/70 flex-1\">Formation autoportante pratique et concr\u00e8te assurant l\u2019efficacit\u00e9 et un leadership en contexte de supervision. Objectif: D\u00e9velopper les comp\u00e9tences de base d\u2019un superviseur de premier niveau afin qu\u2019il soit\u2026<\/p>\n              <div class=\"mt-5 flex flex-wrap gap-x-4 gap-y-2 text-[12.5px] text-muted dark:text-white\/60\">\n                  <span class=\"inline-flex items-center gap-1.5\"><i data-lucide=\"clock\" class=\"h-3.5 w-3.5\" stroke-width=\"1.75\"><\/i>18 heures<\/span>\n                              <\/div>\n        <div class=\"mt-6 pt-5 border-t border-line\/70 dark:border-white\/10 flex items-center justify-between\">\n      <a href=\"https:\/\/preprod.complx.ca\/en\/cours\/levitts-la-gestion-pour-superviseurs-et-chefs-dequipe-niveau-i\/\" class=\"inline-flex items-center gap-1.5 text-[#073B66] dark:text-[#F4A261] text-sm font-semibold link-sweep\">D\u00e9couvrir le programme<\/a>\n      <a href=\"https:\/\/preprod.complx.ca\/en\/cours\/levitts-la-gestion-pour-superviseurs-et-chefs-dequipe-niveau-i\/\" class=\"h-9 w-9 rounded-full bg-[#073B66]\/5 dark:bg-white\/10 grid place-items-center text-[#073B66] dark:text-white group-hover:bg-[#073B66] dark:group-hover:bg-[#F4A261] group-hover:text-white transition-colors\" aria-label=\"D\u00e9couvrir LEVITTS &#8211; La gestion pour superviseurs et chefs d\u2019\u00e9quipe &#8211; niveau I\"><i data-lucide=\"arrow-up-right\" class=\"h-4 w-4\" stroke-width=\"2\"><\/i><\/a>\n    <\/div>\n  <\/div>\n<\/article>\n<article class=\"group premium-card overflow-hidden flex flex-col reveal\">\n  <div class=\"relative h-56 overflow-hidden\">\n    <img decoding=\"async\" src=\"https:\/\/preprod.complx.ca\/wp-content\/uploads\/2023\/11\/FICHECOURS-CPLX-12-COMPETENCES-1024x768.png\" alt=\"AUT24 &#8211; 12 formations d&#8217;impact\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.05]\" loading=\"lazy\">\n    <div class=\"absolute inset-0 bg-gradient-to-t from-slate-900\/50 via-transparent to-transparent\"><\/div>\n      <\/div>\n  <div class=\"p-7 flex flex-col flex-1\">\n          <div class=\"text-[11px] tracking-[0.2em] font-bold uppercase text-muted\/70 dark:text-white\/50\">Training<\/div>\n        <h3 class=\"mt-3 font-display font-bold text-xl sm:text-[22px] leading-snug text-ink dark:text-white group-hover:text-[#073B66] dark:group-hover:text-[#F4A261] transition-colors\">AUT24 - 12 impact training courses<\/h3>\n          <p class=\"mt-3 text-[14.5px] leading-relaxed text-muted dark:text-white\/70 flex-1\">Cher(\u00e8re)s professionnel(le)s ambitieux(euses), Nous avons une opportunit\u00e9 que vous ne pouvez pas vous permettre de manquer ! Notre formation en d\u00e9veloppement de comp\u00e9tences personnelles et professionnelles, intitul\u00e9e \u201cConstruire\u2026<\/p>\n              <div class=\"mt-5 flex flex-wrap gap-x-4 gap-y-2 text-[12.5px] text-muted dark:text-white\/60\">\n                  <span class=\"inline-flex items-center gap-1.5\"><i data-lucide=\"clock\" class=\"h-3.5 w-3.5\" stroke-width=\"1.75\"><\/i>12 heures<\/span>\n                              <\/div>\n        <div class=\"mt-6 pt-5 border-t border-line\/70 dark:border-white\/10 flex items-center justify-between\">\n      <a href=\"https:\/\/preprod.complx.ca\/en\/boutique\/aut24-12-formations-dimpact\/\" class=\"inline-flex items-center gap-1.5 text-[#073B66] dark:text-[#F4A261] text-sm font-semibold link-sweep\">D\u00e9couvrir le programme<\/a>\n      <a href=\"https:\/\/preprod.complx.ca\/en\/boutique\/aut24-12-formations-dimpact\/\" class=\"h-9 w-9 rounded-full bg-[#073B66]\/5 dark:bg-white\/10 grid place-items-center text-[#073B66] dark:text-white group-hover:bg-[#073B66] dark:group-hover:bg-[#F4A261] group-hover:text-white transition-colors\" aria-label=\"D\u00e9couvrir AUT24 &#8211; 12 formations d&#8217;impact\"><i data-lucide=\"arrow-up-right\" class=\"h-4 w-4\" stroke-width=\"2\"><\/i><\/a>\n    <\/div>\n  <\/div>\n<\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Certification -->\n<section id=\"certifications\" data-testid=\"certification-section\" class=\"relative py-24 sm:py-32 bg-[#073B66] text-white overflow-hidden\">\n  <div class=\"noise-overlay\" aria-hidden=\"true\"><\/div>\n  <div aria-hidden=\"true\" class=\"absolute -top-24 -right-24 h-[500px] w-[500px] rounded-full blur-[120px]\" style=\"background:radial-gradient(circle, rgba(255,255,255,0.10), transparent 60%);\"><\/div>\n  <div aria-hidden=\"true\" class=\"absolute -bottom-40 -left-24 h-[500px] w-[500px] rounded-full blur-[120px]\" style=\"background:radial-gradient(circle, rgba(47,79,158,0.5), transparent 60%);\"><\/div>\n  <div class=\"relative max-w-7xl mx-auto px-6 sm:px-8 grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n    <div class=\"lg:col-span-6\">\n      <div class=\"inline-flex items-center gap-2 rounded-full bg-white\/10 border border-white\/20 px-3.5 py-1.5 text-[11px] font-semibold tracking-[0.18em] uppercase\">\n        <i data-lucide=\"shield-check\" class=\"h-3.5 w-3.5\" stroke-width=\"2\"><\/i>\n        Certifications reconnues\n      <\/div>\n      <h2 class=\"mt-6 font-display font-bold text-4xl sm:text-5xl tracking-[-0.02em] leading-[1.05] text-white\">La preuve tangible que vos comp\u00e9tences sont reconnues pour la suite.<\/h2>\n      <p class=\"mt-5 text-lg text-white\/75 max-w-lg leading-relaxed\">Nos certifications valident des acquis mesurables. Elles s'appuient sur des \u00e9valuations de fin de formation et procurent une cr\u00e9dibilit\u00e9 aupr\u00e8s des ordres professionnels par l'\u00e9mission d'UEC \u2014 pour faire \u00e9voluer votre carri\u00e8re avec confiance.<\/p>\n      <ul class=\"mt-8 space-y-3\">\n        <li class=\"flex items-start gap-3\"><i data-lucide=\"check-circle-2\" class=\"h-5 w-5 mt-0.5 text-success-soft shrink-0\" stroke-width=\"2\"><\/i><span class=\"text-[15px] text-white\/90\">\u00c9valuations en fin de parcours<\/span><\/li>\n        <li class=\"flex items-start gap-3\"><i data-lucide=\"check-circle-2\" class=\"h-5 w-5 mt-0.5 text-success-soft shrink-0\" stroke-width=\"2\"><\/i><span class=\"text-[15px] text-white\/90\">Attestations officielles et badges num\u00e9riques v\u00e9rifiables<\/span><\/li>\n        <li class=\"flex items-start gap-3\"><i data-lucide=\"check-circle-2\" class=\"h-5 w-5 mt-0.5 text-success-soft shrink-0\" stroke-width=\"2\"><\/i><span class=\"text-[15px] text-white\/90\">Reconnues par nos partenaires institutionnels et corporatifs<\/span><\/li>\n      <\/ul>\n      <div class=\"mt-10 flex flex-col sm:flex-row gap-4\">\n        <a href=\"#programmes\" data-testid=\"certification-cta\" class=\"group inline-flex items-center gap-2 rounded-full bg-white text-[#073B66] hover:bg-ivory-warm px-6 py-3.5 text-sm font-semibold transition-all duration-300 hover:shadow-[0_10px_40px_rgba(0,0,0,0.2)]\">\n          Voir les certifications\n          <i data-lucide=\"arrow-right\" class=\"h-4 w-4 transition-transform group-hover:translate-x-1\" stroke-width=\"2\"><\/i>\n        <\/a>\n        <a href=\"#parcours\" class=\"inline-flex items-center gap-2 rounded-full border border-white\/20 hover:border-white\/50 text-white px-6 py-3.5 text-sm font-semibold transition-all\">Comprendre le processus<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"lg:col-span-6 relative\">\n      <div class=\"relative\">\n        <div data-testid=\"certificate-mockup\" class=\"complx-cert-float reveal relative\">\n          <div class=\"complx-cert-frame\">\n            <img\n              src=\"https:\/\/preprod.complx.ca\/wp-content\/themes\/complx-child\/assets\/images\/certificat-complx.png\"\n              alt=\"Attestation de r\u00e9ussite Compl'X \u2014 exemple de certificat d\u00e9livr\u00e9\"\n              class=\"complx-cert-img w-full h-auto bg-white\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n          <\/div>\n        <\/div>\n        <div class=\"complx-cert-badges mt-6\">\n          <div class=\"glass-panel complx-cert-badge\"><div class=\"font-display font-bold text-white leading-snug\">Organisational development<\/div><\/div>\n          <div class=\"glass-panel complx-cert-badge\"><div class=\"font-display font-bold text-white leading-snug\">Analyses psychom\u00e9triques<\/div><\/div>\n          <div class=\"glass-panel complx-cert-badge\"><div class=\"font-display font-bold text-white leading-snug\">Coaching personnel et professionnel<\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- HowItWorks -->\n<section id=\"parcours\" data-testid=\"how-it-works-section\" class=\"py-24 sm:py-32 bg-ivory dark:bg-[#0A152E] relative overflow-hidden\">\n  <div class=\"max-w-7xl mx-auto px-6 sm:px-8\">\n    <div class=\"max-w-2xl\">\n      <div class=\"text-xs font-bold tracking-[0.22em] uppercase text-[#073B66] dark:text-[#F4A261]\">Comment \u00e7a fonctionne<\/div>\n      <h2 class=\"mt-4 font-display font-bold text-4xl sm:text-5xl tracking-[-0.02em] text-ink dark:text-white leading-[1.05]\">Un cheminement clair, du premier cours \u00e0 la certification.<\/h2>\n      <p class=\"mt-5 text-lg text-muted dark:text-white\/70\">Une m\u00e9thodologie \u00e9prouv\u00e9e, pens\u00e9e pour que chaque \u00e9tape fasse progresser votre expertise de fa\u00e7on mesurable.<\/p>\n    <\/div>\n    <div class=\"mt-16 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 relative\">\n      <div aria-hidden=\"true\" class=\"hidden lg:block absolute top-12 left-[12%] right-[12%] h-px bg-gradient-to-r from-transparent via-[#073B66]\/30 to-transparent\"><\/div>\n      <div data-testid=\"how-step-01\" class=\"relative group\">\n        <div class=\"relative flex flex-col\">\n          <div class=\"relative h-24 w-24 rounded-2xl bg-white dark:bg-[#15264A] border border-line dark:border-white\/10 shadow-[0_10px_40px_rgba(7,59,102,0.08)] dark:shadow-[0_10px_40px_rgba(0,0,0,0.4)] grid place-items-center group-hover:border-[#073B66] dark:group-hover:border-[#F4A261] transition-colors\">\n            <i data-lucide=\"compass\" class=\"h-9 w-9 text-[#073B66] dark:text-[#F4A261]\" stroke-width=\"1.5\"><\/i>\n            <span class=\"absolute -top-3 -right-3 h-8 w-8 rounded-full bg-[#073B66] dark:bg-[#F4A261] dark:text-[#073B66] text-white text-xs font-display font-bold grid place-items-center shadow-[0_6px_20px_rgba(7,59,102,0.35)]\">01<\/span>\n          <\/div>\n          <h3 class=\"mt-8 font-display font-bold text-xl text-ink dark:text-white tracking-tight\">Choisissez votre parcours<\/h3>\n          <p class=\"mt-3 text-[15px] text-muted dark:text-white\/70 leading-relaxed\">Management, gestion, langues ou bien-\u00eatre : identifiez le programme qui correspond \u00e0 votre objectif personnel ou professionnel.<\/p>\n        <\/div>\n      <\/div>\n      <div data-testid=\"how-step-02\" class=\"relative group\">\n        <div class=\"relative flex flex-col\">\n          <div class=\"relative h-24 w-24 rounded-2xl bg-white dark:bg-[#15264A] border border-line dark:border-white\/10 shadow-[0_10px_40px_rgba(7,59,102,0.08)] dark:shadow-[0_10px_40px_rgba(0,0,0,0.4)] grid place-items-center group-hover:border-[#073B66] dark:group-hover:border-[#F4A261] transition-colors\">\n            <i data-lucide=\"book-open-check\" class=\"h-9 w-9 text-[#073B66] dark:text-[#F4A261]\" stroke-width=\"1.5\"><\/i>\n            <span class=\"absolute -top-3 -right-3 h-8 w-8 rounded-full bg-[#073B66] dark:bg-[#F4A261] dark:text-[#073B66] text-white text-xs font-display font-bold grid place-items-center shadow-[0_6px_20px_rgba(7,59,102,0.35)]\">02<\/span>\n          <\/div>\n          <h3 class=\"mt-8 font-display font-bold text-xl text-ink dark:text-white tracking-tight\">Suivez les modules<\/h3>\n          <p class=\"mt-3 text-[15px] text-muted dark:text-white\/70 leading-relaxed\">Contenus structur\u00e9s, exercices pratiques, accompagnement par des formateur(trice)s expert(e)s.<\/p>\n        <\/div>\n      <\/div>\n      <div data-testid=\"how-step-03\" class=\"relative group\">\n        <div class=\"relative flex flex-col\">\n          <div class=\"relative h-24 w-24 rounded-2xl bg-white dark:bg-[#15264A] border border-line dark:border-white\/10 shadow-[0_10px_40px_rgba(7,59,102,0.08)] dark:shadow-[0_10px_40px_rgba(0,0,0,0.4)] grid place-items-center group-hover:border-[#073B66] dark:group-hover:border-[#F4A261] transition-colors\">\n            <i data-lucide=\"clipboard-check\" class=\"h-9 w-9 text-[#073B66] dark:text-[#F4A261]\" stroke-width=\"1.5\"><\/i>\n            <span class=\"absolute -top-3 -right-3 h-8 w-8 rounded-full bg-[#073B66] dark:bg-[#F4A261] dark:text-[#073B66] text-white text-xs font-display font-bold grid place-items-center shadow-[0_6px_20px_rgba(7,59,102,0.35)]\">03<\/span>\n          <\/div>\n          <h3 class=\"mt-8 font-display font-bold text-xl text-ink dark:text-white tracking-tight\">Validez vos acquis<\/h3>\n          <p class=\"mt-3 text-[15px] text-muted dark:text-white\/70 leading-relaxed\">\u00c9valuations progressives, mises en situation et feedback personnalis\u00e9 pour ancrer durablement vos comp\u00e9tences.<\/p>\n        <\/div>\n      <\/div>\n      <div data-testid=\"how-step-04\" class=\"relative group\">\n        <div class=\"relative flex flex-col\">\n          <div class=\"relative h-24 w-24 rounded-2xl bg-white dark:bg-[#15264A] border border-line dark:border-white\/10 shadow-[0_10px_40px_rgba(7,59,102,0.08)] dark:shadow-[0_10px_40px_rgba(0,0,0,0.4)] grid place-items-center group-hover:border-[#073B66] dark:group-hover:border-[#F4A261] transition-colors\">\n            <i data-lucide=\"award\" class=\"h-9 w-9 text-[#073B66] dark:text-[#F4A261]\" stroke-width=\"1.5\"><\/i>\n            <span class=\"absolute -top-3 -right-3 h-8 w-8 rounded-full bg-[#073B66] dark:bg-[#F4A261] dark:text-[#073B66] text-white text-xs font-display font-bold grid place-items-center shadow-[0_6px_20px_rgba(7,59,102,0.35)]\">04<\/span>\n          <\/div>\n          <h3 class=\"mt-8 font-display font-bold text-xl text-ink dark:text-white tracking-tight\">Obtenez votre certification<\/h3>\n          <p class=\"mt-3 text-[15px] text-muted dark:text-white\/70 leading-relaxed\">Recevez un certificat officiel v\u00e9rifiable, pr\u00eat \u00e0 \u00eatre ajout\u00e9 \u00e0 votre profil professionnel.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PlatformExperience -->\n<section id=\"plateforme\" data-testid=\"platform-experience-section\" class=\"py-24 sm:py-32 bg-white dark:bg-[#0F1E40] relative overflow-hidden\">\n  <div class=\"max-w-7xl mx-auto px-6 sm:px-8\">\n    <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16 items-center\">\n      <div class=\"lg:col-span-5 order-2 lg:order-1\">\n        <div class=\"text-xs font-bold tracking-[0.22em] uppercase text-[#073B66] dark:text-[#F4A261]\">Exp\u00e9rience plateforme<\/div>\n        <h2 class=\"mt-4 font-display font-bold text-4xl sm:text-5xl tracking-[-0.02em] text-ink dark:text-white leading-[1.05]\">Un espace d'apprentissage clair, pens\u00e9 pour durer.<\/h2>\n        <p class=\"mt-5 text-lg text-muted dark:text-white\/70 leading-relaxed\">Suivez votre progression, acc\u00e9dez \u00e0 vos modules, validez vos jalons et r\u00e9cup\u00e9rez vos certificats depuis une interface moderne, accessible partout.<\/p>\n        <ul class=\"mt-8 space-y-3\">\n          <li class=\"flex items-start gap-3\"><i data-lucide=\"check-circle-2\" class=\"h-5 w-5 mt-0.5 text-[#073B66] dark:text-[#F4A261] shrink-0\" stroke-width=\"2\"><\/i><span class=\"text-[15px] text-ink dark:text-white\/80\">Tableau de bord personnel et progression en temps r\u00e9el<\/span><\/li>\n          <li class=\"flex items-start gap-3\"><i data-lucide=\"check-circle-2\" class=\"h-5 w-5 mt-0.5 text-[#073B66] dark:text-[#F4A261] shrink-0\" stroke-width=\"2\"><\/i><span class=\"text-[15px] text-ink dark:text-white\/80\">Modules vid\u00e9o, lectures et ateliers interactifs<\/span><\/li>\n          <li class=\"flex items-start gap-3\"><i data-lucide=\"check-circle-2\" class=\"h-5 w-5 mt-0.5 text-[#073B66] dark:text-[#F4A261] shrink-0\" stroke-width=\"2\"><\/i><span class=\"text-[15px] text-ink dark:text-white\/80\">Certificats num\u00e9riques v\u00e9rifiables en un clic<\/span><\/li>\n          <li class=\"flex items-start gap-3\"><i data-lucide=\"check-circle-2\" class=\"h-5 w-5 mt-0.5 text-[#073B66] dark:text-[#F4A261] shrink-0\" stroke-width=\"2\"><\/i><span class=\"text-[15px] text-ink dark:text-white\/80\">Application mobile, tablette et ordinateur<\/span><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"lg:col-span-7 order-1 lg:order-2 relative\">\n        <div class=\"relative\">\n          <div aria-hidden=\"true\" class=\"absolute -inset-6 rounded-[40px] bg-gradient-to-br from-[#073B66]\/12 via-transparent to-accent\/20 blur-2xl\"><\/div>\n          <div data-testid=\"platform-mockup\" class=\"complx-platform-float reveal relative\">\n            <div class=\"complx-platform-frame\">\n              <img loading=\"lazy\"\n                src=\"https:\/\/preprod.complx.ca\/wp-content\/themes\/complx-child\/assets\/images\/dashboard3.png\"\n                alt=\"Tableau de bord Complx \u2014 suivi de progression, certificats et modules\"\n                class=\"complx-platform-img w-full h-auto\"\n                decoding=\"async\"\n                width=\"1200\"\n                height=\"900\"\n              >\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- EventsBanner -->\n\t\t<div data-elementor-type=\"section\" data-elementor-id=\"82077\" class=\"elementor elementor-82077\" data-elementor-post-type=\"elementor_library\">\n\t\t\t<div class=\"elementor-element elementor-element-f3a9628 e-con-full e-flex e-con e-parent\" data-id=\"f3a9628\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-670f9ef elementor-widget elementor-widget-complx-events-section\" data-id=\"670f9ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"complx-events-section.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t<section id=\"evenements\" data-testid=\"events-section\" class=\"complx-events-section py-24 sm:py-32 bg-ivory-warm dark:bg-[#0A152E]\">\n\t\t<div class=\"max-w-7xl mx-auto px-6 sm:px-8\">\n\t\t\t<div class=\"flex flex-col lg:flex-row lg:items-end lg:justify-between gap-6 mb-14\">\n\t\t\t\t<div class=\"max-w-2xl\">\n\t\t\t\t\t<div class=\"text-xs font-bold tracking-[0.22em] uppercase text-[#073B66] dark:text-[#F4A261]\">\u00c9v\u00e9nements &amp; Sommets<\/div>\n\t\t\t\t\t<h2 class=\"mt-4 font-display font-bold text-4xl sm:text-5xl tracking-[-0.02em] text-ink dark:text-white leading-[1.05]\">Des rendez-vous qui rassemblent, inspirent et font bouger les choses.<\/h2>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"complx-events-grid grid grid-cols-1 lg:grid-cols-12 gap-5 lg:gap-6 items-start\">\n\t\t\t\t\t\t<a href=\"https:\/\/share.hsforms.com\/1TrqECJ-GRMmict9eRA1uuwd3hqz\" rel=\"noopener noreferrer\" target=\"_blank\" data-testid=\"event-card-0\" aria-label=\"L&#039;illusion de la motivation \u2014 1er octobre \u00b7 9h \u00e0 11h\" class=\"complx-event-poster group relative overflow-hidden rounded-2xl border border-line\/80 dark:border-white\/10 lg:col-span-7 bg-[#0A152E] shadow-[0_20px_50px_rgba(15,23,42,0.12)] transition-all duration-300 hover:shadow-[0_28px_70px_rgba(15,23,42,0.2)] hover:-translate-y-0.5\">\n\t\t\t<img\n\t\t\t\tsrc=\"https:\/\/preprod.complx.ca\/wp-content\/themes\/complx-child\/assets\/images\/AFFICHE-ILLUSION-FORMULAIRE-2.png\"\n\t\t\t\talt=\"L&#039;illusion de la motivation\"\n\t\t\t\tclass=\"complx-event-poster__img block w-full h-full object-cover\"\n\t\t\t\tloading=\"lazy\"\n\t\t\t\tdecoding=\"async\"\n\t\t\t>\n\t\t\t<span class=\"complx-event-poster__cta absolute top-5 right-5 inline-flex items-center gap-2 rounded-full bg-white text-[#073B66] px-4 py-2.5 text-sm font-semibold shadow-[0_10px_30px_rgba(0,0,0,0.25)] transition-transform duration-300 group-hover:translate-x-0.5\">\n\t\t\t\tS&#039;inscrire\t\t\t\t<i data-lucide=\"arrow-up-right\" class=\"h-4 w-4\" stroke-width=\"2\"><\/i>\n\t\t\t<\/span>\n\t\t<\/a>\n\t\t\t\t\t\t<div class=\"lg:col-span-5 flex flex-col gap-5 lg:gap-6\">\n\t\t\t\t\t\t<a href=\"https:\/\/complx.ca\/boutique\/mcg26-masterclass-former-autrement\/\" target=\"_self\" data-testid=\"event-card-1\" class=\"group relative overflow-hidden rounded-2xl p-8 sm:p-10 border transition-all duration-300 hover:-translate-y-0.5  bg-white dark:bg-[#15264A] border-line dark:border-white\/10 hover:border-[#073B66]\/30 dark:hover:border-white\/25 hover:shadow-[0_20px_50px_rgba(7,59,102,0.1)] dark:hover:shadow-[0_20px_50px_rgba(0,0,0,0.35)]\" rel=\"noopener\">\n\t\t\n\t\t<div class=\"relative z-[1] flex flex-col h-full min-h-0\">\n\t\t\t<div class=\"text-[11px] font-bold tracking-[0.2em] uppercase text-[#073B66] dark:text-[#F4A261]\">\n\t\t\t\tMasterclass\t\t\t<\/div>\n\t\t\t<h3 class=\"mt-3 font-display font-bold leading-tight tracking-[-0.01em] text-xl sm:text-[22px] text-ink dark:text-white\">\n\t\t\t\tFormer autrement\t\t\t<\/h3>\n\t\t\t<p class=\"mt-2.5 text-muted dark:text-white\/70 text-[14.5px] leading-relaxed\">\n\t\t\t\tTransformez la formation de vos \u00e9quipes en un syst\u00e8me agile, rentable et continu.\t\t\t<\/p>\n\t\t\t<div class=\"mt-5 flex flex-wrap items-center gap-x-5 gap-y-2 text-[13px] text-muted dark:text-white\/60\">\n\t\t\t\t\t\t\t\t\t<span class=\"inline-flex items-center gap-1.5\"><i data-lucide=\"calendar\" class=\"h-3.5 w-3.5\" stroke-width=\"1.75\"><\/i>2 heures<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex items-center gap-1.5\"><i data-lucide=\"map-pin\" class=\"h-3.5 w-3.5\" stroke-width=\"1.75\"><\/i>On line<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"absolute top-6 right-6 z-[1] h-10 w-10 rounded-full grid place-items-center transition-transform group-hover:rotate-45 bg-[#073B66]\/5 dark:bg-white\/10 text-[#073B66] dark:text-white\">\n\t\t\t<i data-lucide=\"arrow-up-right\" class=\"h-4 w-4\" stroke-width=\"2\"><\/i>\n\t\t<\/div>\n\t<\/a>\n\t\t<a href=\"https:\/\/preprod.complx.ca\/en\/cours\/mcg25-masterclass-superviseur-es\/\" target=\"_self\" data-testid=\"event-card-2\" class=\"group relative overflow-hidden rounded-2xl p-8 sm:p-10 border transition-all duration-300 hover:-translate-y-0.5  bg-white dark:bg-[#15264A] border-line dark:border-white\/10 hover:border-[#073B66]\/30 dark:hover:border-white\/25 hover:shadow-[0_20px_50px_rgba(7,59,102,0.1)] dark:hover:shadow-[0_20px_50px_rgba(0,0,0,0.35)]\">\n\t\t\n\t\t<div class=\"relative z-[1] flex flex-col h-full min-h-0\">\n\t\t\t<div class=\"text-[11px] font-bold tracking-[0.2em] uppercase text-[#073B66] dark:text-[#F4A261]\">\n\t\t\t\tMasterclass\t\t\t<\/div>\n\t\t\t<h3 class=\"mt-3 font-display font-bold leading-tight tracking-[-0.01em] text-xl sm:text-[22px] text-ink dark:text-white\">\n\t\t\t\tMasterclass Superviseurs\t\t\t<\/h3>\n\t\t\t<p class=\"mt-2.5 text-muted dark:text-white\/70 text-[14.5px] leading-relaxed\">\n\t\t\t\tPropulsez vos comp\u00e9tences de supervision : communication, mobilisation et leadership.\t\t\t<\/p>\n\t\t\t<div class=\"mt-5 flex flex-wrap items-center gap-x-5 gap-y-2 text-[13px] text-muted dark:text-white\/60\">\n\t\t\t\t\t\t\t\t\t<span class=\"inline-flex items-center gap-1.5\"><i data-lucide=\"calendar\" class=\"h-3.5 w-3.5\" stroke-width=\"1.75\"><\/i>2 heures<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex items-center gap-1.5\"><i data-lucide=\"map-pin\" class=\"h-3.5 w-3.5\" stroke-width=\"1.75\"><\/i>On line<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"absolute top-6 right-6 z-[1] h-10 w-10 rounded-full grid place-items-center transition-transform group-hover:rotate-45 bg-[#073B66]\/5 dark:bg-white\/10 text-[#073B66] dark:text-white\">\n\t\t\t<i data-lucide=\"arrow-up-right\" class=\"h-4 w-4\" stroke-width=\"2\"><\/i>\n\t\t<\/div>\n\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<!-- Testimonials -->\n<section id=\"temoignages\" data-testid=\"testimonials-section\" class=\"py-24 sm:py-32 bg-ivory dark:bg-[#0A152E] relative\">\n  <div class=\"max-w-7xl mx-auto px-6 sm:px-8\">\n    <div class=\"flex flex-col lg:flex-row lg:items-end lg:justify-between gap-6 mb-14\">\n      <div class=\"max-w-2xl\">\n        <div class=\"text-xs font-bold tracking-[0.22em] uppercase text-[#073B66] dark:text-[#F4A261]\">T\u00e9moignages<\/div>\n        <h2 class=\"mt-4 font-display font-bold text-4xl sm:text-5xl tracking-[-0.02em] text-ink dark:text-white leading-[1.05]\">Des apprenant(e)s qui ont transform\u00e9 leur trajectoire.<\/h2>\n      <\/div>\n      <div class=\"flex items-center gap-4 text-sm text-muted dark:text-white\/60\">\n        <div class=\"flex items-center gap-0.5 text-accent\">\n          <i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i>\n          <i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i>\n          <i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i>\n          <i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i>\n          <i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i>\n        <\/div>\n        <span class=\"font-semibold text-ink dark:text-white\/80\">4,9 \/ 5<\/span>\n        <span>Bas\u00e9 sur plus de 150 avis Google<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8\">\n      <article data-testid=\"testimonial-md\" class=\"premium-card p-8 sm:p-10 flex flex-col h-full\">\n        <div class=\"flex items-center justify-between\">\n          <i data-lucide=\"quote\" class=\"h-8 w-8 text-[#073B66]\/30 dark:text-[#F4A261]\/50\" stroke-width=\"1.5\"><\/i>\n          <div class=\"flex items-center gap-0.5 text-accent\">\n            <i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i><i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i><i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i><i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i><i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i>\n          <\/div>\n        <\/div>\n        <p class=\"mt-6 text-[16px] sm:text-[17px] text-ink dark:text-white\/90 leading-relaxed flex-1 font-display font-medium\">\u00ab La structure des parcours est remarquable. J'ai gagn\u00e9 une clart\u00e9 que je ne soup\u00e7onnais pas et une reconnaissance concr\u00e8te dans mon poste. \u00bb<\/p>\n        <div class=\"mt-8 flex items-center gap-3 pt-6 border-t border-line\/70 dark:border-white\/10\">\n          <div class=\"h-11 w-11 rounded-full bg-[#073B66] dark:bg-[#F4A261] dark:text-[#073B66] text-white font-display font-bold grid place-items-center\">MD<\/div>\n          <div><div class=\"font-display font-semibold text-ink dark:text-white text-sm\">Marie-Claude D.<\/div><div class=\"text-xs text-muted dark:text-white\/60\">Directrice des op\u00e9rations \u00b7 Secteur municipal<\/div><\/div>\n        <\/div>\n      <\/article>\n      <article data-testid=\"testimonial-as\" class=\"premium-card p-8 sm:p-10 flex flex-col h-full\">\n        <div class=\"flex items-center justify-between\">\n          <i data-lucide=\"quote\" class=\"h-8 w-8 text-[#073B66]\/30 dark:text-[#F4A261]\/50\" stroke-width=\"1.5\"><\/i>\n          <div class=\"flex items-center gap-0.5 text-accent\">\n            <i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i><i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i><i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i><i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i><i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i>\n          <\/div>\n        <\/div>\n        <p class=\"mt-6 text-[16px] sm:text-[17px] text-ink dark:text-white\/90 leading-relaxed flex-1 font-display font-medium\">\u00ab Un accompagnement humain et exigeant. La certification m'a ouvert des portes lors de mon immigration et m'a redonn\u00e9 confiance professionnellement. \u00bb<\/p>\n        <div class=\"mt-8 flex items-center gap-3 pt-6 border-t border-line\/70 dark:border-white\/10\">\n          <div class=\"h-11 w-11 rounded-full bg-[#073B66] dark:bg-[#F4A261] dark:text-[#073B66] text-white font-display font-bold grid place-items-center\">AS<\/div>\n          <div><div class=\"font-display font-semibold text-ink dark:text-white text-sm\">Amadou S.<\/div><div class=\"text-xs text-muted dark:text-white\/60\">Ing\u00e9nieur \u2014 TCFQ obtenu \u00b7 Montr\u00e9al, QC<\/div><\/div>\n        <\/div>\n      <\/article>\n      <article data-testid=\"testimonial-jp\" class=\"premium-card p-8 sm:p-10 flex flex-col h-full\">\n        <div class=\"flex items-center justify-between\">\n          <i data-lucide=\"quote\" class=\"h-8 w-8 text-[#073B66]\/30 dark:text-[#F4A261]\/50\" stroke-width=\"1.5\"><\/i>\n          <div class=\"flex items-center gap-0.5 text-accent\">\n            <i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i><i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i><i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i><i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i><i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i>\n          <\/div>\n        <\/div>\n        <p class=\"mt-6 text-[16px] sm:text-[17px] text-ink dark:text-white\/90 leading-relaxed flex-1 font-display font-medium\">\u00ab Le Sommet du leadership au f\u00e9minin a \u00e9t\u00e9 un vrai tournant. Depuis, je pilote mon \u00e9quipe avec une toute autre posture. \u00bb<\/p>\n        <div class=\"mt-8 flex items-center gap-3 pt-6 border-t border-line\/70 dark:border-white\/10\">\n          <div class=\"h-11 w-11 rounded-full bg-[#073B66] dark:bg-[#F4A261] dark:text-[#073B66] text-white font-display font-bold grid place-items-center\">JP<\/div>\n          <div><div class=\"font-display font-semibold text-ink dark:text-white text-sm\">Julie P.<\/div><div class=\"text-xs text-muted dark:text-white\/60\">Gestionnaire RH \u00b7 Grande entreprise<\/div><\/div>\n        <\/div>\n      <\/article>\n      <article data-testid=\"testimonial-sl\" class=\"premium-card p-8 sm:p-10 flex flex-col h-full\">\n        <div class=\"flex items-center justify-between\">\n          <i data-lucide=\"quote\" class=\"h-8 w-8 text-[#073B66]\/30 dark:text-[#F4A261]\/50\" stroke-width=\"1.5\"><\/i>\n          <div class=\"flex items-center gap-0.5 text-accent\">\n            <i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i><i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i><i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i><i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i><i data-lucide=\"star\" class=\"h-4 w-4 fill-accent\" stroke-width=\"0\"><\/i>\n          <\/div>\n        <\/div>\n        <p class=\"mt-6 text-[16px] sm:text-[17px] text-ink dark:text-white\/90 leading-relaxed flex-1 font-display font-medium\">\u00ab Enfin une acad\u00e9mie qui ne sert pas du contenu g\u00e9n\u00e9rique. Chaque module est pens\u00e9 pour \u00eatre appliqu\u00e9 d\u00e8s le lundi matin. \u00bb<\/p>\n        <div class=\"mt-8 flex items-center gap-3 pt-6 border-t border-line\/70 dark:border-white\/10\">\n          <div class=\"h-11 w-11 rounded-full bg-[#073B66] dark:bg-[#F4A261] dark:text-[#073B66] text-white font-display font-bold grid place-items-center\">SL<\/div>\n          <div><div class=\"font-display font-semibold text-ink dark:text-white text-sm\">S\u00e9bastien L.<\/div><div class=\"text-xs text-muted dark:text-white\/60\">Chef d'\u00e9quipe \u00b7 Sant\u00e9 &amp; services sociaux<\/div><\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FinalCTA -->\n<section id=\"commencer\" data-testid=\"final-cta-section\" class=\"relative py-24 sm:py-32 bg-white dark:bg-[#0F1E40] overflow-hidden\">\n  <div class=\"max-w-6xl mx-auto px-6 sm:px-8\">\n    <div class=\"relative rounded-[32px] overflow-hidden bg-[#073B66] text-white px-8 sm:px-16 py-16 sm:py-24 text-center\">\n      <div class=\"noise-overlay\" aria-hidden=\"true\"><\/div>\n      <div aria-hidden=\"true\" class=\"absolute -top-32 -right-32 h-[500px] w-[500px] rounded-full blur-[120px]\" style=\"background:radial-gradient(circle, rgba(255,255,255,0.12), transparent 60%);\"><\/div>\n      <div aria-hidden=\"true\" class=\"absolute -bottom-32 -left-32 h-[500px] w-[500px] rounded-full blur-[120px]\" style=\"background:radial-gradient(circle, rgba(255,200,100,0.18), transparent 60%);\"><\/div>\n      <div class=\"relative\">\n        <h2 data-testid=\"final-cta-headline\" class=\"font-display font-bold text-4xl sm:text-5xl lg:text-[60px] leading-[1.02] tracking-[-0.02em] max-w-3xl mx-auto text-white\">Pr\u00eat(e) \u00e0 transformer votre parcours personnel et professionnel&nbsp;?<\/h2>\n        <p class=\"mt-6 text-lg text-white\/80 max-w-2xl mx-auto leading-relaxed\">Rejoignez les milliers d'apprenant(e)s qui ont choisi Complexe X pour b\u00e2tir des comp\u00e9tences solide et obtenir des certifications qui comptent.<\/p>\n        <div class=\"mt-10 flex flex-col sm:flex-row gap-4 items-center justify-center\">\n          <a href=\"https:\/\/complx.ca\/boutique\/\" data-testid=\"final-cta-primary\" class=\"group inline-flex items-center gap-2 rounded-full bg-white text-[#073B66] hover:bg-ivory-warm px-7 py-4 text-sm font-semibold transition-all duration-300 shadow-[0_10px_40px_rgba(0,0,0,0.25)] hover:shadow-[0_20px_60px_rgba(0,0,0,0.35)]\" target=\"_blank\" rel=\"noopener\">\n            Explorer les formations\n            <i data-lucide=\"arrow-right\" class=\"h-4 w-4 transition-transform group-hover:translate-x-1\" stroke-width=\"2\"><\/i>\n          <\/a>\n          <a href=\"https:\/\/preprod.complx.ca\/en\/contactez-nous\/\" data-testid=\"final-cta-secondary\" class=\"inline-flex items-center gap-2 rounded-full border border-white\/25 hover:border-white\/60 px-7 py-4 text-sm font-semibold text-white transition-all\">Parler \u00e0 un conseiller<\/a>\n        <\/div>\n        <div class=\"mt-6 text-xs text-white\/60\">Sans engagement \u00b7 R\u00e9ponse sous 24h ouvr\u00e9es<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Footer -->\n<footer id=\"apropos\" data-testid=\"site-footer\" class=\"relative bg-[#0F1E40] text-white pt-24 pb-10 overflow-hidden\">\n  <div class=\"noise-overlay\" aria-hidden=\"true\"><\/div>\n  <div aria-hidden=\"true\" class=\"absolute top-0 left-1\/2 -translate-x-1\/2 h-[400px] w-[800px] rounded-full blur-[140px]\" style=\"background:radial-gradient(ellipse, rgba(7,59,102,0.6), transparent 60%);\"><\/div>\n  <div class=\"relative max-w-7xl mx-auto px-6 sm:px-8\">\n    <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 pb-16 border-b border-white\/10\">\n      <div class=\"lg:col-span-6\">\n        <div class=\"flex items-center gap-2\">\n          <img src=\"https:\/\/preprod.complx.ca\/wp-content\/uploads\/2022\/10\/ComplexeX_Logo-Primaire_Fonds-colores_VERT.png\" alt=\"Complexe X Acad\u00e9mie\" class=\"complx-logo-img h-12 sm:h-14 w-auto object-contain\" width=\"240\" height=\"80\" decoding=\"async\">\n        <\/div>\n        <h3 class=\"mt-6 font-display font-bold text-3xl sm:text-4xl leading-tight tracking-[-0.015em] max-w-lg text-white\">Restez inform\u00e9(e), connect\u00e9(e) et inspir\u00e9(e) en vous abonnant \u00e0 notre infolettre.<\/h3>\n        <p class=\"mt-4 text-white\/70 max-w-md\">Actualit\u00e9s, nouvelles formations, \u00e9v\u00e9nements et contenus exclusifs \u2014 directement dans votre bo\u00eete courriel.<\/p>\n        <form id=\"newsletter-form\" data-testid=\"newsletter-form\" class=\"mt-6 flex flex-col sm:flex-row gap-3 max-w-lg\" action=\"\">\n          <div class=\"relative flex-1\">\n            <i data-lucide=\"mail\" class=\"absolute left-4 top-1\/2 -translate-y-1\/2 h-4 w-4 text-white\/50 pointer-events-none\" stroke-width=\"1.75\"><\/i>\n            <input type=\"email\" required id=\"newsletter-input\" data-testid=\"newsletter-input\" placeholder=\"votre.courriel@exemple.ca\" class=\"w-full rounded-full bg-white\/10 border border-white\/15 pl-11 pr-5 py-3.5 text-sm placeholder:text-white\/40 focus:outline-none focus:border-white\/40 transition\">\n          <\/div>\n          <button type=\"submit\" data-testid=\"newsletter-submit\" class=\"inline-flex items-center justify-center gap-2 rounded-full bg-white text-[#073B66] hover:bg-ivory-warm px-6 py-3.5 text-sm font-semibold transition\">\n            <span id=\"newsletter-btn-text\">S'inscrire<\/span>\n            <i data-lucide=\"arrow-up-right\" id=\"newsletter-btn-icon\" class=\"h-4 w-4\" stroke-width=\"2\"><\/i>\n          <\/button>\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n        <p class=\"mt-3 text-xs text-white\/40\">En vous inscrivant, vous acceptez de recevoir des communications de Complexe X.<\/p>\n      <\/div>\n      <div class=\"lg:col-span-6 grid grid-cols-2 sm:grid-cols-3 gap-8\">\n        <div>\n          <div class=\"text-[11px] tracking-[0.22em] uppercase font-bold text-white\/50\">Programmes<\/div>\n          <ul class=\"mt-5 space-y-3\">\n            <li><a href=\"https:\/\/preprod.complx.ca\/en\/formation-leadership-de-performance\/\" class=\"text-[14px] text-white\/80 hover:text-white transition-colors\">Management &amp; Leadership<\/a><\/li>\n            <li><a href=\"https:\/\/preprod.complx.ca\/en\/boutique\/categorie-produit\/leadership\/\" class=\"text-[14px] text-white\/80 hover:text-white transition-colors\">Comp\u00e9tences de gestion<\/a><\/li>\n            <li><a href=\"https:\/\/preprod.complx.ca\/en\/bien-etre-et-ressourcement\/\" class=\"text-[14px] text-white\/80 hover:text-white transition-colors\">Sant\u00e9 &amp; bien-\u00eatre<\/a><\/li>\n            <li><a href=\"https:\/\/preprod.complx.ca\/en\/tcf\/\" class=\"text-[14px] text-white\/80 hover:text-white transition-colors\">Langues (TCF\/TCFQ)<\/a><\/li>\n            <li><a href=\"https:\/\/preprod.complx.ca\/en\/serie-master-class\/\" class=\"text-[14px] text-white\/80 hover:text-white transition-colors\">Masterclass<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div>\n          <div class=\"text-[11px] tracking-[0.22em] uppercase font-bold text-white\/50\">Acad\u00e9mie<\/div>\n          <ul class=\"mt-5 space-y-3\">\n            <li><a href=\"https:\/\/preprod.complx.ca\/en\/boutique\/\" class=\"text-[14px] text-white\/80 hover:text-white transition-colors\">Abonnement annuel<\/a><\/li>\n            <li><a href=\"#certifications\" class=\"text-[14px] text-white\/80 hover:text-white transition-colors\">Certifications<\/a><\/li>\n            <li><a href=\"https:\/\/preprod.complx.ca\/en\/nos-programmes\/\" class=\"text-[14px] text-white\/80 hover:text-white transition-colors\">Parcours guid\u00e9s<\/a><\/li>\n            <li><a href=\"https:\/\/preprod.complx.ca\/en\/sommet-du-leadership-au-feminin-virtuel-2026\/\" class=\"text-[14px] text-white\/80 hover:text-white transition-colors\">Sommets &amp; \u00e9v\u00e9nements<\/a><\/li>\n            <li><a href=\"https:\/\/preprod.complx.ca\/en\/blogue\/\" class=\"text-[14px] text-white\/80 hover:text-white transition-colors\">Blog<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div>\n          <div class=\"text-[11px] tracking-[0.22em] uppercase font-bold text-white\/50\">Company<\/div>\n          <ul class=\"mt-5 space-y-3\">\n            <li><a href=\"https:\/\/preprod.complx.ca\/en\/a-propos\/\" class=\"text-[14px] text-white\/80 hover:text-white transition-colors\">About us<\/a><\/li>\n            <li><a href=\"https:\/\/preprod.complx.ca\/en\/a-propos\/\" class=\"text-[14px] text-white\/80 hover:text-white transition-colors\">\u00c9quipe<\/a><\/li>\n            <li><a href=\"https:\/\/preprod.complx.ca\/en\/contactez-nous\/\" class=\"text-[14px] text-white\/80 hover:text-white transition-colors\">Nous contacter<\/a><\/li>\n            <li><a href=\"https:\/\/complx-immigration.ca\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-[14px] text-white\/80 hover:text-white transition-colors\">Complexe X Immigration<\/a><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"pt-8 flex flex-col lg:flex-row items-start lg:items-center justify-between gap-6\">\n      <div class=\"flex flex-wrap items-center gap-x-6 gap-y-3 text-sm text-white\/60\">\n        <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=247-D+rue+Sainte-Catherine%2C+Saint-Constant%2C+Qc%2C+J5A+2J6\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-2 hover:text-white\"><i data-lucide=\"map-pin\" class=\"h-4 w-4\" stroke-width=\"1.75\"><\/i>247-D rue Sainte-Catherine, Saint-Constant, Qc, J5A 2J6<\/a>\n        <a href=\"mailto:info@complx.ca\" class=\"inline-flex items-center gap-2 hover:text-white\"><i data-lucide=\"mail\" class=\"h-4 w-4\" stroke-width=\"1.75\"><\/i>info@complx.ca<\/a>\n      <\/div>\n      <div class=\"flex items-center gap-3\">\n        <a href=\"https:\/\/complx.ca\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"LinkedIn\" class=\"h-10 w-10 rounded-full bg-white\/10 hover:bg-white hover:text-[#073B66] border border-white\/15 grid place-items-center transition\"><i data-lucide=\"linkedin\" class=\"h-4 w-4\" stroke-width=\"1.75\"><\/i><\/a>\n        <a href=\"https:\/\/complx.ca\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Facebook\" class=\"h-10 w-10 rounded-full bg-white\/10 hover:bg-white hover:text-[#073B66] border border-white\/15 grid place-items-center transition\"><i data-lucide=\"facebook\" class=\"h-4 w-4\" stroke-width=\"1.75\"><\/i><\/a>\n        <a href=\"https:\/\/www.youtube.com\/channel\/UCioOggFYgWqbHzLtd2MfVKQ\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"YouTube\" class=\"h-10 w-10 rounded-full bg-white\/10 hover:bg-white hover:text-[#073B66] border border-white\/15 grid place-items-center transition\"><i data-lucide=\"youtube\" class=\"h-4 w-4\" stroke-width=\"1.75\"><\/i><\/a>\n      <\/div>\n    <\/div>\n    <div class=\"mt-10 flex flex-col md:flex-row items-start md:items-center justify-between gap-4 pt-6 border-t border-white\/10 text-xs text-white\/40\">\n      <div>&copy; 2026 Complexe X \u2014 Acad\u00e9mie. Tous droits r\u00e9serv\u00e9s.<\/div>\n      <div class=\"flex gap-6\">\n        <a href=\"https:\/\/preprod.complx.ca\/en\/politique-de-confidentialite\/\" class=\"hover:text-white\">Privacy policy<\/a>\n        <a href=\"https:\/\/preprod.complx.ca\/en\/termes-et-conditions\/\" class=\"hover:text-white\">Terms and conditions<\/a>\n        <a href=\"https:\/\/preprod.complx.ca\/en\/contactez-nous\/\" class=\"hover:text-white\">Contact<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<\/main>\n<style id=\"complx-landing-styles\">\n\/**\n * Complx landing \u2014 preview.css + WP overrides (scoped via .complx-landing where needed).\n *\/\n\n.complx-landing {\n  background: #F5F7FA;\n  color: #101828;\n  font-family: \"Satoshi\", \"Inter\", system-ui, sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\n.dark .complx-landing,\nhtml.dark .complx-landing {\n  background: #0A152E;\n  color: #E8EEFB;\n}\n.complx-landing .complx-logo-img {\n  display: block;\n  height: 2.5rem;\n  width: auto;\n  max-width: 220px;\n}\n@media (min-width: 640px) {\n  .complx-landing .complx-logo-img {\n    height: 2.75rem;\n    max-width: 240px;\n  }\n}\n.complx-landing #site-header .complx-logo-img {\n  height: 3.15rem;\n  max-width: 280px;\n}\n@media (min-width: 640px) {\n  .complx-landing #site-header .complx-logo-img {\n    height: 3.5rem;\n    max-width: 300px;\n  }\n}\n.complx-landing #apropos .complx-logo-img,\n.complx-landing [data-testid=\"site-footer\"] .complx-logo-img {\n  height: 3.15rem;\n  max-width: 280px;\n}\n@media (min-width: 640px) {\n  .complx-landing #apropos .complx-logo-img,\n  .complx-landing [data-testid=\"site-footer\"] .complx-logo-img {\n    height: 3.5rem;\n    max-width: 300px;\n  }\n}\nbody.admin-bar #site-header { top: 32px; }\n@media screen and (max-width: 782px) {\n  body.admin-bar #site-header { top: 46px; }\n}\n.complx-landing #pourquoi .premium-card:not(.value-card--navy) h3 {\n  color: #101828 !important;\n}\nhtml.dark .complx-landing #pourquoi .premium-card:not(.value-card--navy) h3,\n.dark .complx-landing #pourquoi .premium-card:not(.value-card--navy) h3 {\n  color: #ffffff !important;\n}\n.complx-landing #pourquoi .value-card--navy h3 {\n  color: #ffffff !important;\n}\n\nhtml {\n    scroll-behavior: smooth;\n}\n\nbody {\n    margin: 0;\n    font-family: \"Satoshi\", \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    background: #F5F7FA;\n    color: #101828;\n    transition: background-color 0.4s ease, color 0.4s ease;\n}\n\n.dark body {\n    background: #0A152E;\n    color: #E8EEFB;\n}\n\nh1, h2, h3, h4, h5, h6 {\n    font-family: \"General Sans\", \"Satoshi\", \"Inter\", sans-serif;\n    letter-spacing: -0.015em;\n}\n\n.font-display { font-family: \"General Sans\", \"Satoshi\", \"Inter\", sans-serif; }\n\n.premium-card {\n    background: #FFFFFF;\n    border-radius: 1.25rem;\n    border: 1px solid rgba(226, 232, 240, 0.8);\n    box-shadow: 0 8px 30px rgba(15, 23, 42, 0.04);\n    transition: transform 400ms cubic-bezier(0.22, 1, 0.36, 1),\n        box-shadow 400ms cubic-bezier(0.22, 1, 0.36, 1),\n        border-color 400ms ease,\n        background-color 400ms ease;\n}\n.premium-card:hover {\n    transform: translateY(-4px);\n    border-color: rgba(7, 59, 102, 0.15);\n    box-shadow: 0 24px 50px rgba(7, 59, 102, 0.10);\n}\n.dark .premium-card {\n    background: rgba(21, 40, 83, 0.55);\n    border-color: rgba(255, 255, 255, 0.08);\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n}\n.dark .premium-card:hover {\n    border-color: rgba(255, 255, 255, 0.18);\n    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.4);\n}\n\n.glass-panel {\n    background: rgba(255, 255, 255, 0.08);\n    backdrop-filter: blur(14px);\n    -webkit-backdrop-filter: blur(14px);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 1.25rem;\n}\n\n.hero-glow {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    overflow: hidden;\n}\n.hero-glow::before,\n.hero-glow::after {\n    content: \"\";\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(90px);\n    opacity: 0.6;\n    animation: glowDrift 14s ease-in-out infinite;\n}\n.hero-glow::before {\n    width: 540px;\n    height: 540px;\n    top: -140px;\n    right: -80px;\n    background: radial-gradient(circle, rgba(7, 59, 102, 0.22), transparent 70%);\n}\n.hero-glow::after {\n    width: 500px;\n    height: 500px;\n    bottom: -160px;\n    left: -80px;\n    background: radial-gradient(circle, rgba(244, 162, 97, 0.25), transparent 70%);\n    animation-delay: -7s;\n}\n.dark .hero-glow::before {\n    background: radial-gradient(circle, rgba(99, 139, 220, 0.35), transparent 70%);\n    opacity: 0.85;\n}\n.dark .hero-glow::after {\n    background: radial-gradient(circle, rgba(244, 162, 97, 0.22), transparent 70%);\n    opacity: 0.6;\n}\n\n@keyframes glowDrift {\n    0%, 100%   { transform: translate3d(0, 0, 0) scale(1); }\n    33%        { transform: translate3d(40px, -30px, 0) scale(1.1); }\n    66%        { transform: translate3d(-30px, 20px, 0) scale(0.95); }\n}\n\n@property --ang { syntax: \"<angle>\"; initial-value: 0deg; inherits: false; }\n\n.orbit-border {\n    position: relative;\n    border-radius: 28px;\n    padding: 2px;\n    background:\n        conic-gradient(\n            from var(--ang),\n            transparent 0deg,\n            transparent 260deg,\n            rgba(7, 59, 102, 0.0) 270deg,\n            #F4A261 285deg,\n            #FFD687 295deg,\n            transparent 320deg,\n            transparent 360deg\n        );\n    animation: spinBorder 6s linear infinite;\n}\n.dark .orbit-border {\n    background:\n        conic-gradient(\n            from var(--ang),\n            transparent 0deg,\n            transparent 260deg,\n            #F4A261 285deg,\n            #7FC6D9 300deg,\n            #86C06C 315deg,\n            transparent 340deg,\n            transparent 360deg\n        );\n}\n@keyframes spinBorder {\n    to { --ang: 360deg; }\n}\n@supports not (background: conic-gradient(from 0deg, red, blue)) {\n    .orbit-border { background: linear-gradient(135deg, #073B66, #F4A261); }\n}\n\n.orbit-border-inner {\n    border-radius: 26px;\n    overflow: hidden;\n    background: #FFFFFF;\n    position: relative;\n}\n.dark .orbit-border-inner { background: #0F1E40; }\n\n.noise-overlay {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    opacity: 0.28;\n    background-image:\n        radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px);\n    background-size: 28px 28px;\n}\n\n.reveal {\n    opacity: 0;\n    transform: translateY(22px);\n    transition: opacity 900ms cubic-bezier(0.22, 1, 0.36, 1),\n                transform 900ms cubic-bezier(0.22, 1, 0.36, 1);\n    will-change: opacity, transform;\n}\n.reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n@keyframes softFloat {\n    0%, 100% { transform: translateY(0px); }\n    50% { transform: translateY(-10px); }\n}\n.float-y { animation: softFloat 7s ease-in-out infinite; }\n\n@keyframes shadowBreathe {\n    0%, 100% { box-shadow: 0 30px 80px rgba(7, 59, 102, 0.22); }\n    50%      { box-shadow: 0 40px 110px rgba(7, 59, 102, 0.35); }\n}\n.breathe-shadow { animation: shadowBreathe 6s ease-in-out infinite; }\n.dark .breathe-shadow { animation-name: shadowBreatheDark; }\n@keyframes shadowBreatheDark {\n    0%, 100% { box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55); }\n    50%      { box-shadow: 0 40px 110px rgba(47, 79, 158, 0.45); }\n}\n\n@keyframes marqueeX {\n    from { transform: translateX(0); }\n    to { transform: translateX(-50%); }\n}\n.marquee-track { animation: marqueeX 36s linear infinite; }\n.mask-fade {\n    mask-image: linear-gradient(to right, transparent, black 12%, black 88%, transparent);\n    -webkit-mask-image: linear-gradient(to right, transparent, black 12%, black 88%, transparent);\n}\n\n.link-sweep { position: relative; display: inline-block; }\n.link-sweep::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: -3px;\n    height: 1.5px;\n    width: 0;\n    background-color: currentColor;\n    transition: width 300ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n.link-sweep:hover::after { width: 100%; }\n\n::selection { background: #073B66; color: #FFFFFF; }\n.dark ::selection { background: #F4A261; color: #0A152E; }\n\n.divider-dashed {\n    background-image: linear-gradient(to right, #C9C2B4 50%, transparent 0%);\n    background-position: top;\n    background-size: 10px 1px;\n    background-repeat: repeat-x;\n    height: 1px;\n}\n\n.theme-icon { transition: transform 400ms cubic-bezier(0.22, 1, 0.36, 1), opacity 300ms ease; }\n\n#site-header { top: 0; }\n#site-header.header-scrolled {\n    background: rgba(255, 255, 255, 0.85);\n    backdrop-filter: blur(24px);\n    -webkit-backdrop-filter: blur(24px);\n    border-bottom: 1px solid rgba(226, 232, 240, 0.6);\n    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);\n}\n.dark #site-header.header-scrolled {\n    background: rgba(10, 21, 46, 0.8);\n    border-bottom-color: rgba(255, 255, 255, 0.1);\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n}\n\n#mobile-menu { display: none; }\n#mobile-menu.is-open { display: block; }\n\n.theme-sun { opacity: 0; transform: scale(0.5) rotate(90deg); pointer-events: none; }\n.theme-moon { opacity: 1; transform: scale(1) rotate(0deg); }\n.dark .theme-sun { opacity: 1; transform: scale(1) rotate(0deg); pointer-events: auto; }\n.dark .theme-moon { opacity: 0; transform: scale(0.5) rotate(-90deg); pointer-events: none; }\n\n\/* Hero \u2014 same as WP landing *\/\n.hero-media { width:100%; max-width:480px; margin-left:auto; margin-right:auto; }\n.hero-portrait-img {\n  display:block!important; width:100%!important; height:480px!important; min-height:480px!important;\n  object-fit:cover!important; object-position:center top!important; aspect-ratio:auto!important;\n}\n@media (min-width:640px){\n  .hero-portrait-img { height:520px!important; min-height:520px!important; }\n}\n@media (min-width:1024px){\n  .hero-media { max-width:100%; margin-right:0; margin-left:auto; }\n}\n\n<\/style>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/page-landing.php","meta":{"_acf_changed":false,"content-type":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"disabled","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-82098","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/preprod.complx.ca\/en\/wp-json\/wp\/v2\/pages\/82098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preprod.complx.ca\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/preprod.complx.ca\/en\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/preprod.complx.ca\/en\/wp-json\/wp\/v2\/comments?post=82098"}],"version-history":[{"count":1,"href":"https:\/\/preprod.complx.ca\/en\/wp-json\/wp\/v2\/pages\/82098\/revisions"}],"predecessor-version":[{"id":82099,"href":"https:\/\/preprod.complx.ca\/en\/wp-json\/wp\/v2\/pages\/82098\/revisions\/82099"}],"wp:attachment":[{"href":"https:\/\/preprod.complx.ca\/en\/wp-json\/wp\/v2\/media?parent=82098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}