{"id":11711,"date":"2026-08-11T18:48:36","date_gmt":"2026-08-11T16:48:36","guid":{"rendered":"https:\/\/inrcy.com\/?page_id=11711"},"modified":"2026-08-18T11:07:50","modified_gmt":"2026-08-18T09:07:50","slug":"accueil","status":"publish","type":"page","link":"https:\/\/inrcy.com\/es\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11711\" class=\"elementor elementor-11711\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ac0aec e-flex e-con-boxed e-con e-parent\" data-id=\"3ac0aec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64dd825 elementor-widget elementor-widget-html\" data-id=\"64dd825\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"inrcyHeroSteps\">\r\n\r\n  <div class=\"hs-inner\">\r\n\r\n\r\n    <!-- =====================================================\r\n         TITRE GLOBAL\r\n         ===================================================== -->\r\n\r\n    <div class=\"hs-hero-heading\">\r\n\r\n      <h1>\r\n\r\n        <span class=\"hs-title-line hs-title-line--white\">\r\n          1 id\u00e9e. 12 contenus.\r\n        <\/span>\r\n\r\n        <span class=\"hs-title-line hs-title-line--shine\">\r\n          Diffus\u00e9s partout en quelques minutes.\r\n        <\/span>\r\n\r\n      <\/h1>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         INTRO MOBILE UNIQUEMENT\r\n         ===================================================== -->\r\n\r\n    <p class=\"hs-mobile-intro\">\r\n      Cr\u00e9ez, adaptez et diffusez vos contenus sur tous vos canaux depuis un seul espace.\r\n    <\/p>\r\n\r\n    <!-- =====================================================\r\n         LES 4 \u00c9TAPES\r\n         ===================================================== -->\r\n\r\n    <div class=\"hs-flow\" id=\"hsFlow\">\r\n\r\n      <svg\r\n        class=\"hs-connections\"\r\n        id=\"hsConnections\"\r\n        aria-hidden=\"true\">\r\n      <\/svg>\r\n\r\n\r\n\r\n      <!-- =====================================================\r\n           1. GUIDE\r\n           ===================================================== -->\r\n\r\n      <div\r\n        class=\"hs-step hs-source-wrap\"\r\n        id=\"hsStep1\"\r\n      >\r\n\r\n        <div class=\"hs-step-head\">\r\n\r\n          <span class=\"hs-step-num\">\r\n            1.\r\n          <\/span>\r\n\r\n          <div class=\"hs-step-title\">\r\n\r\n            <strong>\r\n              Guidez iNrCy\r\n            <\/strong>\r\n\r\n            <span class=\"hs-step-sub\">\r\n              Une photo, une vid\u00e9o ou quelques mots suffisent pour commencer.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"hs-source\">\r\n\r\n          <div class=\"hs-source-media\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2026\/08\/luxury-holiday-home-scaled.jpg\"\r\n              alt=\"Exemple de contenu cr\u00e9\u00e9 dans iNrCy\"\r\n            >\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"hs-source-copy\">\r\n\r\n            <strong>\r\n              Une nouvelle r\u00e9alisation \u00e0 partager \u2728\r\n            <\/strong>\r\n\r\n            <span>\r\n              Ajoutez votre id\u00e9e, votre texte et votre visuel.\r\n              iNrCy s'occupe de la suite.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =====================================================\r\n           2. INR CY ADAPTE\r\n           ===================================================== -->\r\n\r\n      <div\r\n        class=\"hs-step hs-phone-wrap\"\r\n        id=\"hsStep2\"\r\n      >\r\n\r\n        <div class=\"hs-step-head\">\r\n\r\n          <span class=\"hs-step-num\">\r\n            2.\r\n          <\/span>\r\n\r\n          <div class=\"hs-step-title\">\r\n\r\n            <strong>\r\n              iNrCy adapte les contenus \u00e0 chaque canal\r\n            <\/strong>\r\n\r\n            <span class=\"hs-step-sub\">\r\n              12 contenus uniques et intelligents, pens\u00e9s pour chaque support.\r\n             \r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div\r\n          class=\"hs-phone\"\r\n          id=\"hsPhone\"\r\n        >\r\n\r\n          <div class=\"hs-screen\">\r\n\r\n\r\n            <div class=\"hs-island\"><\/div>\r\n\r\n\r\n\r\n            <!-- HEADER T\u00c9L\u00c9PHONE -->\r\n\r\n            <div class=\"hs-phone-head\">\r\n\r\n              <div class=\"hs-brand\">\r\n\r\n                <span\r\n                  class=\"hs-brand-mark\"\r\n                  style=\"\r\n                    background:transparent!important;\r\n                    overflow:hidden!important;\r\n                    padding:0!important;\r\n                  \"\r\n                >\r\n\r\n                  <img decoding=\"async\"\r\n                    src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2025\/09\/cropped-cropped-Design-sans-titre-26-178x59.png\"\r\n                    alt=\"Logo iNrCy\"\r\n                    style=\"\r\n                      display:block;\r\n                      width:100%;\r\n                      height:100%;\r\n                      object-fit:contain;\r\n                    \"\r\n                  >\r\n\r\n                <\/span>\r\n\r\n\r\n                <span class=\"hs-brand-name\">\r\n                  iNrCy\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <span class=\"hs-phone-menu\">\r\n                \u2022\u2022\u2022\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- PHOTO -->\r\n\r\n            <div class=\"hs-phone-media\">\r\n\r\n              <img decoding=\"async\"\r\n                class=\"hs-phone-photo\"\r\n                src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2026\/08\/luxury-holiday-home-scaled.jpg\"\r\n                alt=\"Contenu adapt\u00e9 par iNrCy\"\r\n              >\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- TITRE -->\r\n\r\n            <div class=\"hs-field\">\r\n\r\n              <small>\r\n                TITRE ADAPT\u00c9\r\n              <\/small>\r\n\r\n              <strong>\r\n                D\u00e9couvrez notre derni\u00e8re r\u00e9alisation \u2728\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- CONTENU -->\r\n\r\n            <div class=\"hs-field\">\r\n\r\n              <small>\r\n                CONTENU PERSONNALIS\u00c9\r\n              <\/small>\r\n\r\n              <strong>\r\n                Le ton, le format et le message sont automatiquement\r\n                ajust\u00e9s selon chaque canal.\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- FORMATS -->\r\n\r\n            <div class=\"hs-format-grid\">\r\n\r\n              <div class=\"hs-format\">\r\n                <b>\u25a7<\/b>\r\n                <span>Image<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"hs-format\">\r\n                <b>\u25a4<\/b>\r\n                <span>Carrousel<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"hs-format\">\r\n                <b>\u25b6<\/b>\r\n                <span>Vid\u00e9o<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"hs-format\">\r\n                <b>Aa<\/b>\r\n                <span>Texte<\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"hs-publish\">\r\n              12 contenus pr\u00eats\r\n              <span>\u26a1<\/span>\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"hs-floor\"><\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n    <div class=\"hs-ai-pill hs-ai-pill--combined\">\r\n\r\n  <span>\u2726<\/span>\r\n\r\n  <strong>12 contenus uniques g\u00e9n\u00e9r\u00e9s<\/strong>\r\n\r\n  <span class=\"hs-ai-separator\">\u2022<\/span>\r\n\r\n  Programmation automatique avec iNr\u2019Agent IA\r\n\r\n<\/div>\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =====================================================\r\n           3. DIFFUSION SUR 12 CANAUX\r\n           ===================================================== -->\r\n\r\n      <div\r\n        class=\"hs-step hs-channels-wrap\"\r\n        id=\"hsStep3\"\r\n      >\r\n\r\n        <div class=\"hs-step-head\">\r\n\r\n          <span class=\"hs-step-num\">\r\n            3.\r\n          <\/span>\r\n\r\n          <div class=\"hs-step-title\">\r\n\r\n            <strong>\r\n              Diffus\u00e9 partout sur 12 canaux\r\n            <\/strong>\r\n\r\n            <span class=\"hs-step-sub\">\r\n              Publiez vos contenus sur tous les supports s\u00e9lectionn\u00e9s.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"hs-channel-list\">\r\n\r\n\r\n          <!-- FACEBOOK -->\r\n\r\n          <div class=\"hs-channel\">\r\n\r\n            <div class=\"hs-thumb\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2026\/08\/luxury-holiday-home-scaled.jpg\"\r\n                alt=\"\"\r\n              >\r\n            <\/div>\r\n\r\n            <div class=\"hs-channel-copy\">\r\n              <strong>Facebook<\/strong>\r\n              <span>Publication en cours<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"hs-logo hs-facebook\">\r\n\r\n              <svg\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n                aria-hidden=\"true\"\r\n              >\r\n\r\n                <rect\r\n                  width=\"24\"\r\n                  height=\"24\"\r\n                  rx=\"7\"\r\n                  fill=\"#1877F2\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M13.4 20v-6.1h2.1l.4-2.5h-2.5V9.8c0-.7.2-1.2 1.2-1.2H16V6.4c-.2 0-1-.1-2-.1-2 0-3.3 1.2-3.3 3.5v1.6H8.6v2.5h2.1V20h2.7z\"\r\n                  fill=\"#fff\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hs-status\">\r\n              \u2713\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- INSTAGRAM -->\r\n\r\n          <div class=\"hs-channel\">\r\n\r\n            <div class=\"hs-thumb\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2026\/08\/luxury-holiday-home-scaled.jpg\"\r\n                alt=\"\"\r\n              >\r\n            <\/div>\r\n\r\n            <div class=\"hs-channel-copy\">\r\n              <strong>Instagram<\/strong>\r\n              <span>Publication en cours<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"hs-logo hs-instagram\">\r\n\r\n              <svg\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n                aria-hidden=\"true\"\r\n              >\r\n\r\n                <defs>\r\n\r\n                  <linearGradient\r\n                    id=\"hsIgGrad\"\r\n                    x1=\"0\"\r\n                    y1=\"1\"\r\n                    x2=\"1\"\r\n                    y2=\"0\"\r\n                  >\r\n\r\n                    <stop\r\n                      offset=\"0%\"\r\n                      stop-color=\"#FF8A39\"\r\n                    \/>\r\n\r\n                    <stop\r\n                      offset=\"50%\"\r\n                      stop-color=\"#EF2B91\"\r\n                    \/>\r\n\r\n                    <stop\r\n                      offset=\"100%\"\r\n                      stop-color=\"#7B42FF\"\r\n                    \/>\r\n\r\n                  <\/linearGradient>\r\n\r\n                <\/defs>\r\n\r\n\r\n                <rect\r\n                  width=\"24\"\r\n                  height=\"24\"\r\n                  rx=\"7\"\r\n                  fill=\"url(#hsIgGrad)\"\r\n                \/>\r\n\r\n                <rect\r\n                  x=\"6\"\r\n                  y=\"6\"\r\n                  width=\"12\"\r\n                  height=\"12\"\r\n                  rx=\"4\"\r\n                  fill=\"none\"\r\n                  stroke=\"#fff\"\r\n                  stroke-width=\"1.6\"\r\n                \/>\r\n\r\n                <circle\r\n                  cx=\"12\"\r\n                  cy=\"12\"\r\n                  r=\"3.2\"\r\n                  fill=\"none\"\r\n                  stroke=\"#fff\"\r\n                  stroke-width=\"1.6\"\r\n                \/>\r\n\r\n                <circle\r\n                  cx=\"16.5\"\r\n                  cy=\"7.8\"\r\n                  r=\"1\"\r\n                  fill=\"#fff\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hs-status\">\r\n              \u2713\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- LINKEDIN -->\r\n\r\n          <div class=\"hs-channel\">\r\n\r\n            <div class=\"hs-thumb\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2026\/08\/luxury-holiday-home-scaled.jpg\"\r\n                alt=\"\"\r\n              >\r\n            <\/div>\r\n\r\n            <div class=\"hs-channel-copy\">\r\n              <strong>LinkedIn<\/strong>\r\n              <span>Publication en cours<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"hs-logo hs-linkedin\">\r\n\r\n              <svg\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n                aria-hidden=\"true\"\r\n              >\r\n\r\n                <rect\r\n                  width=\"24\"\r\n                  height=\"24\"\r\n                  rx=\"7\"\r\n                  fill=\"#0A66C2\"\r\n                \/>\r\n\r\n                <circle\r\n                  cx=\"7.2\"\r\n                  cy=\"8\"\r\n                  r=\"1.4\"\r\n                  fill=\"#fff\"\r\n                \/>\r\n\r\n                <rect\r\n                  x=\"5.9\"\r\n                  y=\"10\"\r\n                  width=\"2.6\"\r\n                  height=\"8\"\r\n                  fill=\"#fff\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M11 10h2.5v1.1c.5-.8 1.4-1.5 3-1.5 2.4 0 3.5 1.5 3.5 4.1V18h-2.7v-3.8c0-1.2-.4-2-1.5-2-1 0-1.7.7-1.7 2V18H11z\"\r\n                  fill=\"#fff\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hs-status\">\r\n              \u2713\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- TIKTOK -->\r\n\r\n          <div class=\"hs-channel\">\r\n\r\n            <div class=\"hs-thumb\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2026\/08\/luxury-holiday-home-scaled.jpg\"\r\n                alt=\"\"\r\n              >\r\n            <\/div>\r\n\r\n            <div class=\"hs-channel-copy\">\r\n              <strong>TikTok<\/strong>\r\n              <span>Publication en cours<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"hs-logo hs-tiktok\">\r\n\r\n              <svg\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n                aria-hidden=\"true\"\r\n              >\r\n\r\n                <rect\r\n                  width=\"24\"\r\n                  height=\"24\"\r\n                  rx=\"7\"\r\n                  fill=\"#050505\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M14.8 6.2c.6 1.3 1.5 2.1 2.9 2.3v2.1c-1.1 0-2.1-.3-2.9-.9v4c0 2.2-1.7 4-4 4-1.8 0-3.3-1.5-3.3-3.3 0-1.9 1.5-3.3 3.4-3.3.3 0 .5 0 .8.1v2.2c-.2-.1-.4-.1-.6-.1-.8 0-1.4.6-1.4 1.4s.6 1.4 1.4 1.4c1 0 1.4-.8 1.4-1.7V6.2z\"\r\n                  fill=\"#fff\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hs-status\">\r\n              \u2713\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- YOUTUBE -->\r\n\r\n          <div class=\"hs-channel\">\r\n\r\n            <div class=\"hs-thumb\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2026\/08\/luxury-holiday-home-scaled.jpg\"\r\n                alt=\"\"\r\n              >\r\n            <\/div>\r\n\r\n            <div class=\"hs-channel-copy\">\r\n              <strong>YouTube<\/strong>\r\n              <span>Publication en cours<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"hs-logo hs-youtube\">\r\n\r\n              <svg\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n                aria-hidden=\"true\"\r\n              >\r\n\r\n                <rect\r\n                  x=\"2.5\"\r\n                  y=\"5.5\"\r\n                  width=\"19\"\r\n                  height=\"13\"\r\n                  rx=\"4.5\"\r\n                  fill=\"#FF0000\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M10 9.2l5 2.8-5 2.8z\"\r\n                  fill=\"#fff\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hs-status\">\r\n              \u2713\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- GOOGLE BUSINESS -->\r\n\r\n          <div class=\"hs-channel\">\r\n\r\n            <div class=\"hs-thumb\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2026\/08\/luxury-holiday-home-scaled.jpg\"\r\n                alt=\"\"\r\n              >\r\n            <\/div>\r\n\r\n            <div class=\"hs-channel-copy\">\r\n              <strong>Google Business<\/strong>\r\n              <span>Publication en cours<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"hs-logo hs-google\">\r\n\r\n              <svg\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n                aria-hidden=\"true\"\r\n              >\r\n\r\n                <rect\r\n                  width=\"24\"\r\n                  height=\"24\"\r\n                  rx=\"7\"\r\n                  fill=\"#fff\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M17.8 12.2c0-.5 0-.8-.1-1.2H12v2.2h3.3c-.1.7-.6 1.7-1.5 2.3l2 1.5c1.2-1.1 2-2.8 2-4.8z\"\r\n                  fill=\"#4285F4\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M12 18c1.6 0 2.9-.5 3.9-1.4l-2-1.5c-.5.4-1.2.7-1.9.7-1.5 0-2.8-1-3.2-2.3H6.7V15c1 1.9 3 3 5.3 3z\"\r\n                  fill=\"#34A853\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M8.8 13.5c-.1-.4-.2-.8-.2-1.3s.1-.9.2-1.3V9.4H6.7C6.3 10.2 6 11.1 6 12.2s.3 2 .7 2.8z\"\r\n                  fill=\"#FBBC05\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M12 8.5c.9 0 1.8.3 2.4.9l1.8-1.8C14.9 6.4 13.6 6 12 6 9.7 6 7.7 7.3 6.7 9.4l2.1 1.6c.4-1.4 1.7-2.5 3.2-2.5z\"\r\n                  fill=\"#EA4335\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hs-status\">\r\n              \u2713\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- SITE INTERNET -->\r\n\r\n          <div class=\"hs-channel\">\r\n\r\n            <div class=\"hs-thumb\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2026\/08\/luxury-holiday-home-scaled.jpg\"\r\n                alt=\"\"\r\n              >\r\n            <\/div>\r\n\r\n            <div class=\"hs-channel-copy\">\r\n              <strong>Site internet<\/strong>\r\n              <span>Publication en cours<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"hs-logo hs-web\">\r\n\r\n              <svg\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n                aria-hidden=\"true\"\r\n              >\r\n\r\n                <circle\r\n                  cx=\"12\"\r\n                  cy=\"12\"\r\n                  r=\"10\"\r\n                  fill=\"#287BFF\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M4.5 12h15M12 4.2c2 2.2 3.1 4.9 3.1 7.8S14 17.6 12 19.8M12 4.2C10 6.4 8.9 9.1 8.9 12S10 17.6 12 19.8\"\r\n                  fill=\"none\"\r\n                  stroke=\"#fff\"\r\n                  stroke-width=\"1.4\"\r\n                  stroke-linecap=\"round\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hs-status\">\r\n              \u2713\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- MAIL -->\r\n\r\n          <div class=\"hs-channel\">\r\n\r\n            <div class=\"hs-thumb\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2026\/08\/luxury-holiday-home-scaled.jpg\"\r\n                alt=\"\"\r\n              >\r\n            <\/div>\r\n\r\n            <div class=\"hs-channel-copy\">\r\n              <strong>Mail<\/strong>\r\n              <span>Envoi en cours<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"hs-logo hs-mail\">\r\n\r\n              <svg\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n                aria-hidden=\"true\"\r\n              >\r\n\r\n                <rect\r\n                  width=\"24\"\r\n                  height=\"24\"\r\n                  rx=\"7\"\r\n                  fill=\"#258BFF\"\r\n                \/>\r\n\r\n                <rect\r\n                  x=\"5\"\r\n                  y=\"7\"\r\n                  width=\"14\"\r\n                  height=\"10\"\r\n                  rx=\"2\"\r\n                  fill=\"none\"\r\n                  stroke=\"#fff\"\r\n                  stroke-width=\"1.5\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M6 8l6 4.8L18 8\"\r\n                  fill=\"none\"\r\n                  stroke=\"#fff\"\r\n                  stroke-width=\"1.5\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hs-status\">\r\n              \u2713\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- PINTEREST -->\r\n\r\n          <div class=\"hs-channel\">\r\n\r\n            <div class=\"hs-thumb\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2026\/08\/luxury-holiday-home-scaled.jpg\"\r\n                alt=\"\"\r\n              >\r\n            <\/div>\r\n\r\n            <div class=\"hs-channel-copy\">\r\n              <strong>Pinterest<\/strong>\r\n              <span>Publication en cours<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"hs-logo hs-pinterest\">\r\n\r\n              <svg\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n                aria-hidden=\"true\"\r\n              >\r\n\r\n                <circle\r\n                  cx=\"12\"\r\n                  cy=\"12\"\r\n                  r=\"11\"\r\n                  fill=\"#E60023\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M12.5 6.5c-3 0-4.6 2.2-4.6 4.5 0 1.1.4 2.1 1.3 2.4.1 0 .2 0 .2-.1l.4-1.4v-.2c-.3-.4-.5-1-.5-1.7 0-1.6 1.2-3.1 3.2-3.1 1.7 0 2.7 1 2.7 2.4 0 1.8-.8 3.3-2 3.3-.7 0-1.2-.6-1-1.3.2-.8.6-1.7.6-2.3 0-.5-.3-.9-.8-.9-.7 0-1.2.7-1.2 1.6 0 .6.2 1 .2 1l-.9 3.8c-.3 1.2 0 2.6.1 2.8 0 .1.1.1.2 0 .1-.1 1-1.3 1.3-2.5l.3-1.2c.2.4.9.8 1.7.8 2.3 0 3.8-2.1 3.8-4.9 0-2.1-1.8-4.1-4.6-4.1z\"\r\n                  fill=\"#fff\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hs-status\">\r\n              \u2713\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- CARTE DE VISITE -->\r\n\r\n          <div class=\"hs-channel\">\r\n\r\n            <div class=\"hs-thumb\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2026\/08\/luxury-holiday-home-scaled.jpg\"\r\n                alt=\"\"\r\n              >\r\n            <\/div>\r\n\r\n            <div class=\"hs-channel-copy\">\r\n              <strong>Carte de visite<\/strong>\r\n              <span>Mise \u00e0 jour en cours<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"hs-logo hs-card\">\r\n\r\n              <svg\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n                aria-hidden=\"true\"\r\n              >\r\n\r\n                <rect\r\n                  x=\"3\"\r\n                  y=\"5.5\"\r\n                  width=\"18\"\r\n                  height=\"13\"\r\n                  rx=\"3\"\r\n                  fill=\"#EEF2F8\"\r\n                \/>\r\n\r\n                <circle\r\n                  cx=\"8\"\r\n                  cy=\"10.2\"\r\n                  r=\"2\"\r\n                  fill=\"#07142B\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M5.8 15c.7-1.7 3.7-1.7 4.4 0\"\r\n                  fill=\"none\"\r\n                  stroke=\"#07142B\"\r\n                  stroke-width=\"1.2\"\r\n                  stroke-linecap=\"round\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M13 9.3h4.6M13 12h4.6M13 14.7h3.2\"\r\n                  fill=\"none\"\r\n                  stroke=\"#07142B\"\r\n                  stroke-width=\"1.2\"\r\n                  stroke-linecap=\"round\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hs-status\">\r\n              \u2713\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- SITE INR CY -->\r\n\r\n          <div class=\"hs-channel\">\r\n\r\n            <div class=\"hs-thumb\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2026\/08\/luxury-holiday-home-scaled.jpg\"\r\n                alt=\"\"\r\n              >\r\n            <\/div>\r\n\r\n            <div class=\"hs-channel-copy\">\r\n              <strong>Site iNrCy<\/strong>\r\n              <span>Publication en cours<\/span>\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"hs-logo hs-inrcy\"\r\n              style=\"\r\n                background:transparent!important;\r\n                padding:0!important;\r\n                overflow:hidden!important;\r\n              \"\r\n            >\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2025\/09\/cropped-cropped-Design-sans-titre-26-178x59.png\"\r\n                alt=\"Logo iNrCy\"\r\n                style=\"\r\n                  display:block;\r\n                  width:100%;\r\n                  height:100%;\r\n                  object-fit:contain;\r\n                \"\r\n              >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hs-status\">\r\n              \u2713\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- INR SEARCH -->\r\n\r\n          <div class=\"hs-channel\">\r\n\r\n            <div class=\"hs-thumb\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2026\/08\/luxury-holiday-home-scaled.jpg\"\r\n                alt=\"\"\r\n              >\r\n            <\/div>\r\n\r\n            <div class=\"hs-channel-copy\">\r\n              <strong>iNr'Search<\/strong>\r\n              <span>Publication en cours<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"hs-logo hs-search\">\r\n\r\n              <svg\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n                aria-hidden=\"true\"\r\n              >\r\n\r\n                <defs>\r\n\r\n                  <linearGradient\r\n                    id=\"hsSearchGrad\"\r\n                    x1=\"0\"\r\n                    y1=\"1\"\r\n                    x2=\"1\"\r\n                    y2=\"0\"\r\n                  >\r\n\r\n                    <stop\r\n                      offset=\"0%\"\r\n                      stop-color=\"#FF7437\"\r\n                    \/>\r\n\r\n                    <stop\r\n                      offset=\"35%\"\r\n                      stop-color=\"#FF2F91\"\r\n                    \/>\r\n\r\n                    <stop\r\n                      offset=\"68%\"\r\n                      stop-color=\"#A62FFF\"\r\n                    \/>\r\n\r\n                    <stop\r\n                      offset=\"100%\"\r\n                      stop-color=\"#178CFF\"\r\n                    \/>\r\n\r\n                  <\/linearGradient>\r\n\r\n                <\/defs>\r\n\r\n\r\n                <rect\r\n                  width=\"24\"\r\n                  height=\"24\"\r\n                  rx=\"7\"\r\n                  fill=\"url(#hsSearchGrad)\"\r\n                \/>\r\n\r\n                <circle\r\n                  cx=\"10.3\"\r\n                  cy=\"10.3\"\r\n                  r=\"4.2\"\r\n                  fill=\"none\"\r\n                  stroke=\"#fff\"\r\n                  stroke-width=\"1.7\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M13.5 13.5l4 4\"\r\n                  fill=\"none\"\r\n                  stroke=\"#fff\"\r\n                  stroke-width=\"1.7\"\r\n                  stroke-linecap=\"round\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hs-status\">\r\n              \u2713\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- PROGRESSION -->\r\n\r\n        <div class=\"hs-progress\">\r\n\r\n          <div class=\"hs-progress-row\">\r\n\r\n            <strong>\r\n              Diffusion multicanale\r\n            <\/strong>\r\n\r\n            <span\r\n              class=\"hs-percent\"\r\n              id=\"hsPercent\"\r\n            >\r\n              0%\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"hs-progress-track\">\r\n\r\n            <div\r\n              class=\"hs-progress-fill\"\r\n              id=\"hsProgressFill\"\r\n            ><\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =====================================================\r\n           4. GESTION + PERFORMANCES\r\n           ===================================================== -->\r\n\r\n      <div\r\n        class=\"hs-step hs-performance-wrap\"\r\n        id=\"hsStep4\"\r\n      >\r\n\r\n        <div class=\"hs-step-head\">\r\n\r\n          <span class=\"hs-step-num\">\r\n            4.\r\n          <\/span>\r\n\r\n          <div class=\"hs-step-title\">\r\n\r\n            <strong>\r\n              Suivez les performances et modifiez vos contenus \u00e0 tout moment\r\n            <\/strong>\r\n\r\n            <span class=\"hs-step-sub\">\r\n              Analysez vos r\u00e9sultats et g\u00e9rez vos publications directement depuis iNrCy.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             CARD 1 \u2014 MES PUBLICATIONS\r\n             ================================================= -->\r\n\r\n        <div class=\"hs-manage-card\">\r\n\r\n          <div class=\"hs-panel-head\">\r\n\r\n            <div class=\"hs-panel-title\">\r\n\r\n              <strong>\r\n                Mes publications\r\n              <\/strong>\r\n\r\n              <span>\r\n                Modifiez ou supprimez vos contenus en quelques clics\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"hs-post-list\">\r\n\r\n\r\n            <!-- PUBLICATION 1 -->\r\n\r\n            <div class=\"hs-post-row\">\r\n\r\n              <div class=\"hs-post-thumb\">\r\n\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2026\/08\/luxury-holiday-home-scaled.jpg\"\r\n                  alt=\"Publication iNrCy\"\r\n                >\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"hs-post-copy\">\r\n\r\n                <strong>\r\n                  Une nouvelle r\u00e9alisation \u00e0 partager \u2728\r\n                <\/strong>\r\n\r\n                <span>\r\n                  Facebook \u00b7 Instagram \u00b7 LinkedIn \/ Le 10\/08\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"hs-post-actions\">\r\n\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"hs-post-btn hs-post-btn--edit\"\r\n                >\r\n                  Modifier\r\n                <\/button>\r\n\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"hs-post-btn hs-post-btn--delete\"\r\n                >\r\n                  Supprimer\r\n                <\/button>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- PUBLICATION 2 -->\r\n\r\n            <div class=\"hs-post-row\">\r\n\r\n              <div class=\"hs-post-thumb\">\r\n\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2026\/08\/use-recycled-materials-like-bottles-cans-plastic-material-create-unique-ecofriendly-decorations-scaled.jpg\"\r\n                  alt=\"Publication iNrCy\"\r\n                >\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"hs-post-copy\">\r\n\r\n                <strong>\r\n                  Maison d'h\u00f4tes avec vue\r\n                <\/strong>\r\n\r\n                <span>\r\n                  Site internet \u00b7 Google Business \/ Le 17\/07\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"hs-post-actions\">\r\n\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"hs-post-btn hs-post-btn--edit\"\r\n                >\r\n                  Modifier\r\n                <\/button>\r\n\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"hs-post-btn hs-post-btn--delete\"\r\n                >\r\n                  Supprimer\r\n                <\/button>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n\r\n\r\n            <!-- PUBLICATION 3 -->\r\n\r\n            <div class=\"hs-post-row\">\r\n\r\n              <div class=\"hs-post-thumb\">\r\n\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2026\/08\/backyard-villa-with-dining-room-with-matching-table-chairs-scaled.jpg\"\r\n                  alt=\"Publication iNrCy\"\r\n                >\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"hs-post-copy\">\r\n\r\n                <strong>\r\n                  Notre maison d'h\u00f4tes en vid\u00e9o\r\n                <\/strong>\r\n\r\n                <span>\r\n                  YouTube \u00b7 TikTok \u00b7 Facebook \/ Le 08\/07\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"hs-post-actions\">\r\n\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"hs-post-btn hs-post-btn--edit\"\r\n                >\r\n                  Modifier\r\n                <\/button>\r\n\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"hs-post-btn hs-post-btn--delete\"\r\n                >\r\n                  Supprimer\r\n                <\/button>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             CARD 2 \u2014 PERFORMANCES\r\n             ================================================= -->\r\n\r\n        <div class=\"hs-analytics-card\">\r\n\r\n          <div class=\"hs-dash-head\">\r\n\r\n            <div class=\"hs-dash-title\">\r\n\r\n              <strong>\r\n                Performance globale\r\n              <\/strong>\r\n\r\n              <span>\r\n                Tous vos canaux r\u00e9unis dans un seul tableau de bord\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hs-live\">\r\n              \u25cf EN DIRECT\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"hs-kpis\">\r\n\r\n\r\n            <div class=\"hs-kpi\">\r\n\r\n              <span>\r\n                VUES\r\n              <\/span>\r\n\r\n              <strong>\r\n                24,8k\r\n              <\/strong>\r\n\r\n              <em>\r\n                \u2197 +18%\r\n              <\/em>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"hs-kpi\">\r\n\r\n              <span>\r\n                INTERACTIONS\r\n              <\/span>\r\n\r\n              <strong>\r\n                1 842\r\n              <\/strong>\r\n\r\n              <em>\r\n                \u2197 +12%\r\n              <\/em>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"hs-kpi\">\r\n\r\n              <span>\r\n                CLICS\r\n              <\/span>\r\n\r\n              <strong>\r\n                768\r\n              <\/strong>\r\n\r\n              <em>\r\n                \u2197 +9%\r\n              <\/em>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- GRAPHIQUE -->\r\n\r\n          <div class=\"hs-chart\">\r\n\r\n            <div class=\"hs-chart-grid\"><\/div>\r\n\r\n\r\n            <svg\r\n              viewBox=\"0 0 260 110\"\r\n              preserveAspectRatio=\"none\"\r\n              aria-hidden=\"true\"\r\n            >\r\n\r\n              <defs>\r\n\r\n                <linearGradient\r\n                  id=\"hsChartGrad\"\r\n                  x1=\"0\"\r\n                  y1=\"0\"\r\n                  x2=\"1\"\r\n                  y2=\"0\"\r\n                >\r\n\r\n                  <stop\r\n                    offset=\"0%\"\r\n                    stop-color=\"#FF7437\"\r\n                  \/>\r\n\r\n                  <stop\r\n                    offset=\"34%\"\r\n                    stop-color=\"#FF2F91\"\r\n                  \/>\r\n\r\n                  <stop\r\n                    offset=\"67%\"\r\n                    stop-color=\"#A62FFF\"\r\n                  \/>\r\n\r\n                  <stop\r\n                    offset=\"100%\"\r\n                    stop-color=\"#178CFF\"\r\n                  \/>\r\n\r\n                <\/linearGradient>\r\n\r\n              <\/defs>\r\n\r\n\r\n              <path\r\n                d=\"\r\n                  M4,92\r\n                  C26,84 34,70 51,73\r\n                  C70,76 75,54 93,56\r\n                  C111,58 116,40 132,45\r\n                  C151,51 161,27 180,32\r\n                  C200,37 208,18 229,20\r\n                  C242,21 248,15 256,9\r\n                \"\r\n                fill=\"none\"\r\n                stroke=\"url(#hsChartGrad)\"\r\n                stroke-width=\"4\"\r\n                stroke-linecap=\"round\"\r\n              \/>\r\n\r\n\r\n              <circle\r\n                cx=\"256\"\r\n                cy=\"9\"\r\n                r=\"5\"\r\n                fill=\"#178CFF\"\r\n              \/>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"hs-bottom-note\">\r\n\r\n            Un seul espace pour\r\n            <strong>\r\n              cr\u00e9er, diffuser, analyser et faire \u00e9voluer\r\n            <\/strong>\r\n            votre communication.\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n    <!-- FIN .hs-flow -->\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         OFFRE \/ PRIX\r\n         UNIQUE \u2014 SOUS LES 4 \u00c9TAPES\r\n         ===================================================== -->\r\n\r\n   <div class=\"hs-offer-bar\">\r\n\r\n  <div class=\"hs-offer-main\">\r\n\r\n    <div class=\"hs-offer-price-wrap\">\r\n\r\n      <span class=\"hs-offer-only\">\r\n        Seulement\r\n      <\/span>\r\n\r\n      <div class=\"hs-offer-price\">\r\n\r\n        <strong>\r\n          69\u20ac\r\n        <\/strong>\r\n\r\n        <span>\r\n          TTC \/ mois\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"hs-offer-separator\"><\/div>\r\n\r\n\r\n    <div class=\"hs-offer-info\">\r\n\r\n      <strong>\r\n        21 jours gratuits\r\n      <\/strong>\r\n\r\n      <span>\r\n        Testez iNrCy sans engagement\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <div class=\"hs-offer-benefits\">\r\n\r\n    <div class=\"hs-offer-benefit\">\r\n      <span>\u2713<\/span>\r\n      Sans engagement\r\n    <\/div>\r\n\r\n    <div class=\"hs-offer-benefit\">\r\n      <span>\u2713<\/span>\r\n      Jusqu'\u00e0 12 canaux\r\n    <\/div>\r\n\r\n    <div class=\"hs-offer-benefit\">\r\n      <span>\u2713<\/span>\r\n      21 jours d'essai\r\n    <\/div>\r\n\r\n    <div class=\"hs-offer-benefit hs-offer-benefit--gift\">\r\n      <span>\u2713<\/span>\r\n      Cr\u00e9ation des canaux manquants offerte\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  \/* =========================================================\r\n     INR CY \u2014 HERO PREMIUM V2\r\n     ========================================================= *\/\r\n\r\n  const hero =\r\n    document.getElementById('inrcyHeroSteps');\r\n\r\n  if(!hero) return;\r\n\r\n  if(hero.dataset.heroPremium === 'true'){\r\n    return;\r\n  }\r\n\r\n  hero.dataset.heroPremium = 'true';\r\n\r\n\r\n  \/* =========================================================\r\n     \u00c9L\u00c9MENTS\r\n     ========================================================= *\/\r\n\r\n  const flow =\r\n    hero.querySelector('#hsFlow');\r\n\r\n  const svg =\r\n    hero.querySelector('#hsConnections');\r\n\r\n  const phone =\r\n    hero.querySelector('#hsPhone');\r\n\r\n  const percent =\r\n    hero.querySelector('#hsPercent');\r\n\r\n  const progressFill =\r\n    hero.querySelector('#hsProgressFill');\r\n\r\n  const title =\r\n    hero.querySelector('.hs-hero-heading');\r\n\r\n  const titleLines =\r\n    Array.from(\r\n      hero.querySelectorAll('.hs-title-line')\r\n    );\r\n\r\n  const steps = [\r\n    hero.querySelector('#hsStep1'),\r\n    hero.querySelector('#hsStep2'),\r\n    hero.querySelector('#hsStep3'),\r\n    hero.querySelector('#hsStep4')\r\n  ].filter(Boolean);\r\n\r\n  const channels =\r\n    Array.from(\r\n      hero.querySelectorAll('.hs-channel')\r\n    );\r\n\r\n  const phoneFields =\r\n    Array.from(\r\n      hero.querySelectorAll(\r\n        '.hs-phone .hs-field, .hs-phone .hs-format, .hs-phone .hs-publish'\r\n      )\r\n    );\r\n\r\n  const postRows =\r\n    Array.from(\r\n      hero.querySelectorAll('.hs-post-row')\r\n    );\r\n\r\n  const kpis =\r\n    Array.from(\r\n      hero.querySelectorAll('.hs-kpi')\r\n    );\r\n\r\n  const chart =\r\n    hero.querySelector('.hs-chart');\r\n\r\n  const chartPath =\r\n    chart?.querySelector('svg path');\r\n\r\n  const chartDot =\r\n    chart?.querySelector('svg circle');\r\n\r\n  const offer =\r\n    hero.querySelector('.hs-offer-bar');\r\n\r\n  const offerCTA =\r\n    hero.querySelector('.hs-offer-cta');\r\n\r\n\r\n  \/* =========================================================\r\n     CONFIG\r\n     ========================================================= *\/\r\n\r\n  const reduceMotion =\r\n    window.matchMedia(\r\n      '(prefers-reduced-motion: reduce)'\r\n    );\r\n\r\n  const desktop =\r\n    window.matchMedia(\r\n      '(min-width: 1161px)'\r\n    );\r\n\r\n  const tablet =\r\n    window.matchMedia(\r\n      '(min-width: 761px) and (max-width: 1160px)'\r\n    );\r\n\r\n  const mobile =\r\n    window.matchMedia(\r\n      '(max-width: 760px)'\r\n    );\r\n\r\n\r\n  let heroVisible = false;\r\n\r\n  let masterTimer = null;\r\n\r\n  let channelTimer = null;\r\n\r\n  let restartTimer = null;\r\n\r\n  let resizeTimer = null;\r\n\r\n  let activeStep = -1;\r\n\r\n  let animationStarted = false;\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     CSS PREMIUM INJECT\u00c9 PAR LE JS\r\n     ========================================================= *\/\r\n\r\n  const style =\r\n    document.createElement('style');\r\n\r\n  style.textContent = `\r\n\r\n    \/* =======================================================\r\n       HERO PREMIUM \u2014 STATES\r\n       ======================================================= *\/\r\n\r\n    #inrcyHeroSteps{\r\n      isolation:isolate;\r\n    }\r\n\r\n\r\n    \/* -------------------------------------------------------\r\n       ENTR\u00c9E G\u00c9N\u00c9RALE\r\n       ------------------------------------------------------- *\/\r\n\r\n    #inrcyHeroSteps .hs-hero-heading,\r\n    #inrcyHeroSteps .hs-step,\r\n    #inrcyHeroSteps .hs-offer-bar{\r\n\r\n      will-change:\r\n        transform,\r\n        opacity;\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps.hs-js-ready\r\n    .hs-hero-heading{\r\n\r\n      opacity:0;\r\n\r\n      transform:\r\n        translateY(20px);\r\n\r\n      transition:\r\n        opacity .75s ease,\r\n        transform .75s cubic-bezier(.2,.8,.2,1);\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps.hs-js-ready\r\n    .hs-step{\r\n\r\n      opacity:.30;\r\n\r\n      transform:\r\n        translateY(16px)\r\n        scale(.985);\r\n\r\n      transition:\r\n        opacity .55s ease,\r\n        transform .55s cubic-bezier(.2,.8,.2,1),\r\n        filter .55s ease;\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps.hs-js-ready\r\n    .hs-offer-bar{\r\n\r\n      opacity:0;\r\n\r\n      transform:\r\n        translateY(18px)\r\n        scale(.985);\r\n\r\n      transition:\r\n        opacity .65s ease,\r\n        transform .65s cubic-bezier(.2,.8,.2,1),\r\n        box-shadow .65s ease;\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps.hs-visible\r\n    .hs-hero-heading{\r\n\r\n      opacity:1;\r\n\r\n      transform:\r\n        translateY(0);\r\n\r\n    }\r\n\r\n\r\n    \/* -------------------------------------------------------\r\n       \u00c9TAPE ACTIVE\r\n       ------------------------------------------------------- *\/\r\n\r\n    #inrcyHeroSteps .hs-step.hs-stage-active{\r\n\r\n      opacity:1 !important;\r\n\r\n      transform:\r\n        translateY(-4px)\r\n        scale(1.015) !important;\r\n\r\n      filter:\r\n        brightness(1.06);\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps .hs-step.hs-stage-past{\r\n\r\n      opacity:.88 !important;\r\n\r\n      transform:\r\n        translateY(0)\r\n        scale(1) !important;\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps .hs-step-head{\r\n\r\n      transition:\r\n        transform .45s ease;\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps\r\n    .hs-stage-active\r\n    .hs-step-head{\r\n\r\n      transform:\r\n        translateY(-2px);\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps .hs-step-num{\r\n\r\n      transition:\r\n        transform .4s ease,\r\n        filter .4s ease;\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps\r\n    .hs-stage-active\r\n    .hs-step-num{\r\n\r\n      transform:\r\n        scale(1.14);\r\n\r\n      filter:\r\n        drop-shadow(\r\n          0 0 9px\r\n          rgba(255,47,145,.5)\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* -------------------------------------------------------\r\n       HALO \u00c9TAPE ACTIVE\r\n       ------------------------------------------------------- *\/\r\n\r\n    #inrcyHeroSteps .hs-step::after{\r\n\r\n      content:\"\";\r\n\r\n      position:absolute;\r\n\r\n      inset:-15px;\r\n\r\n      z-index:-1;\r\n\r\n      border-radius:30px;\r\n\r\n      opacity:0;\r\n\r\n      pointer-events:none;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 50% 50%,\r\n          rgba(166,47,255,.12),\r\n          transparent 68%\r\n        );\r\n\r\n      filter:\r\n        blur(18px);\r\n\r\n      transition:\r\n        opacity .5s ease;\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps\r\n    .hs-stage-active::after{\r\n\r\n      opacity:1;\r\n\r\n    }\r\n\r\n\r\n    \/* -------------------------------------------------------\r\n       TITRE \u2014 IMPULSION\r\n       ------------------------------------------------------- *\/\r\n\r\n    #inrcyHeroSteps\r\n    .hs-title-line{\r\n\r\n      transition:\r\n        filter .6s ease;\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps.hs-title-boost\r\n    .hs-title-line--shine{\r\n\r\n      filter:\r\n        drop-shadow(\r\n          0 0 16px\r\n          rgba(166,47,255,.28)\r\n        )\r\n        drop-shadow(\r\n          0 0 30px\r\n          rgba(23,140,255,.12)\r\n        ) !important;\r\n\r\n    }\r\n\r\n\r\n    \/* -------------------------------------------------------\r\n       T\u00c9L\u00c9PHONE\r\n       ------------------------------------------------------- *\/\r\n\r\n    #inrcyHeroSteps .hs-phone{\r\n\r\n      will-change:transform;\r\n\r\n      transition:\r\n        transform .20s ease-out,\r\n        box-shadow .45s ease !important;\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps\r\n    .hs-stage-active\r\n    .hs-phone{\r\n\r\n      box-shadow:\r\n        0 38px 75px rgba(0,0,0,.52),\r\n        0 0 42px rgba(166,47,255,.16),\r\n        0 0 72px rgba(23,140,255,.08) !important;\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps\r\n    .hs-phone\r\n    .hs-field,\r\n\r\n    #inrcyHeroSteps\r\n    .hs-phone\r\n    .hs-format{\r\n\r\n      transition:\r\n        opacity .45s ease,\r\n        transform .45s ease,\r\n        background .45s ease,\r\n        border-color .45s ease;\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps\r\n    .hs-phone\r\n    .hs-phone-animate{\r\n\r\n      animation:\r\n        hsPhoneContentPulse\r\n        .6s ease both;\r\n\r\n    }\r\n\r\n\r\n    @keyframes hsPhoneContentPulse{\r\n\r\n      0%{\r\n        opacity:.4;\r\n        transform:translateY(5px);\r\n      }\r\n\r\n      100%{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* -------------------------------------------------------\r\n       CANAUX\r\n       ------------------------------------------------------- *\/\r\n\r\n    #inrcyHeroSteps .hs-channel{\r\n\r\n      will-change:\r\n        transform,\r\n        opacity;\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps .hs-channel.active{\r\n\r\n      animation:\r\n        hsChannelArrival\r\n        .42s cubic-bezier(.2,.8,.2,1) both;\r\n\r\n    }\r\n\r\n\r\n    @keyframes hsChannelArrival{\r\n\r\n      0%{\r\n        opacity:.22;\r\n        transform:\r\n          translateX(13px)\r\n          scale(.975);\r\n      }\r\n\r\n      60%{\r\n        transform:\r\n          translateX(-2px)\r\n          scale(1.01);\r\n      }\r\n\r\n      100%{\r\n        opacity:1;\r\n        transform:\r\n          translateX(0)\r\n          scale(1);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps\r\n    .hs-channel.active\r\n    .hs-logo{\r\n\r\n      animation:\r\n        hsLogoPulse\r\n        .5s ease;\r\n\r\n    }\r\n\r\n\r\n    @keyframes hsLogoPulse{\r\n\r\n      0%{\r\n        transform:scale(.78);\r\n      }\r\n\r\n      65%{\r\n        transform:scale(1.12);\r\n      }\r\n\r\n      100%{\r\n        transform:scale(1);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* -------------------------------------------------------\r\n       PROGRESSION\r\n       ------------------------------------------------------- *\/\r\n\r\n    #inrcyHeroSteps\r\n    .hs-progress-fill{\r\n\r\n      box-shadow:\r\n        0 0 10px\r\n        rgba(166,47,255,.38);\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps\r\n    .hs-percent{\r\n\r\n      transition:\r\n        transform .25s ease;\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps\r\n    .hs-percent.hs-percent-pop{\r\n\r\n      transform:scale(1.15);\r\n\r\n    }\r\n\r\n\r\n    \/* -------------------------------------------------------\r\n       \u00c9TAPE 4 \u2014 POSTS\r\n       ------------------------------------------------------- *\/\r\n\r\n    #inrcyHeroSteps\r\n    .hs-post-row{\r\n\r\n      transition:\r\n        opacity .45s ease,\r\n        transform .45s ease,\r\n        border-color .45s ease,\r\n        background .45s ease;\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps\r\n    .hs-post-row.hs-post-reveal{\r\n\r\n      animation:\r\n        hsPostReveal\r\n        .5s cubic-bezier(.2,.8,.2,1) both;\r\n\r\n    }\r\n\r\n\r\n    @keyframes hsPostReveal{\r\n\r\n      0%{\r\n        opacity:.25;\r\n        transform:\r\n          translateX(8px)\r\n          scale(.985);\r\n      }\r\n\r\n      100%{\r\n        opacity:1;\r\n        transform:\r\n          translateX(0)\r\n          scale(1);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* -------------------------------------------------------\r\n       KPI\r\n       ------------------------------------------------------- *\/\r\n\r\n    #inrcyHeroSteps\r\n    .hs-kpi{\r\n\r\n      transition:\r\n        transform .4s ease,\r\n        border-color .4s ease,\r\n        box-shadow .4s ease;\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps\r\n    .hs-kpi.hs-kpi-active{\r\n\r\n      transform:\r\n        translateY(-3px);\r\n\r\n      border-color:\r\n        rgba(166,47,255,.26) !important;\r\n\r\n      box-shadow:\r\n        0 10px 22px\r\n        rgba(0,0,0,.12);\r\n\r\n    }\r\n\r\n\r\n    \/* -------------------------------------------------------\r\n       GRAPH\r\n       ------------------------------------------------------- *\/\r\n\r\n    #inrcyHeroSteps\r\n    .hs-chart\r\n    svg path{\r\n\r\n      transition:\r\n        filter .5s ease;\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps\r\n    .hs-chart.hs-chart-active\r\n    svg path{\r\n\r\n      filter:\r\n        drop-shadow(\r\n          0 0 6px\r\n          rgba(166,47,255,.42)\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* -------------------------------------------------------\r\n       OFFRE\r\n       ------------------------------------------------------- *\/\r\n\r\n    #inrcyHeroSteps\r\n    .hs-offer-bar.hs-offer-show{\r\n\r\n      opacity:1;\r\n\r\n      transform:\r\n        translateY(0)\r\n        scale(1);\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps\r\n    .hs-offer-bar.hs-offer-glow{\r\n\r\n      box-shadow:\r\n        0 25px 60px rgba(0,0,0,.24),\r\n        0 0 32px rgba(166,47,255,.14),\r\n        0 0 52px rgba(23,140,255,.07) !important;\r\n\r\n    }\r\n\r\n\r\n    #inrcyHeroSteps\r\n    .hs-offer-cta.hs-cta-pulse{\r\n\r\n      animation:\r\n        hsCtaPulse\r\n        1.7s ease-in-out\r\n        infinite;\r\n\r\n    }\r\n\r\n\r\n    @keyframes hsCtaPulse{\r\n\r\n      0%,\r\n      100%{\r\n\r\n        box-shadow:\r\n          0 16px 34px\r\n          rgba(126,46,255,.26);\r\n\r\n      }\r\n\r\n      50%{\r\n\r\n        box-shadow:\r\n          0 18px 38px\r\n          rgba(255,47,145,.25),\r\n          0 0 24px\r\n          rgba(166,47,255,.16);\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =======================================================\r\n       MOBILE\r\n       ======================================================= *\/\r\n\r\n    @media(max-width:760px){\r\n\r\n      #inrcyHeroSteps.hs-js-ready\r\n      .hs-step{\r\n\r\n        opacity:.32;\r\n\r\n        transform:\r\n          translateY(18px)\r\n          scale(.99);\r\n\r\n      }\r\n\r\n\r\n      #inrcyHeroSteps\r\n      .hs-step.hs-stage-active{\r\n\r\n        transform:\r\n          translateY(0)\r\n          scale(1) !important;\r\n\r\n      }\r\n\r\n\r\n      #inrcyHeroSteps\r\n      .hs-step::after{\r\n\r\n        inset:-8px;\r\n\r\n        filter:blur(12px);\r\n\r\n      }\r\n\r\n\r\n      #inrcyHeroSteps\r\n      .hs-phone{\r\n\r\n        transform:none !important;\r\n\r\n      }\r\n\r\n\r\n      #inrcyHeroSteps\r\n      .hs-channel.active{\r\n\r\n        animation:\r\n          hsChannelMobile\r\n          .38s ease both;\r\n\r\n      }\r\n\r\n\r\n      @keyframes hsChannelMobile{\r\n\r\n        from{\r\n          opacity:.3;\r\n          transform:translateY(7px);\r\n        }\r\n\r\n        to{\r\n          opacity:1;\r\n          transform:translateY(0);\r\n        }\r\n\r\n      }\r\n\r\n\r\n      #inrcyHeroSteps\r\n      .hs-offer-cta.hs-cta-pulse{\r\n\r\n        animation:\r\n          hsCtaPulseMobile\r\n          2s ease-in-out\r\n          infinite;\r\n\r\n      }\r\n\r\n\r\n      @keyframes hsCtaPulseMobile{\r\n\r\n        0%,\r\n        100%{\r\n          transform:scale(1);\r\n        }\r\n\r\n        50%{\r\n          transform:scale(1.018);\r\n        }\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =======================================================\r\n       REDUCED MOTION\r\n       ======================================================= *\/\r\n\r\n    @media(prefers-reduced-motion:reduce){\r\n\r\n      #inrcyHeroSteps *,\r\n      #inrcyHeroSteps *::before,\r\n      #inrcyHeroSteps *::after{\r\n\r\n        animation:none !important;\r\n\r\n        transition:none !important;\r\n\r\n      }\r\n\r\n    }\r\n\r\n  `;\r\n\r\n\r\n  document.head.appendChild(style);\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     RESPONSIVE CLASS\r\n     ========================================================= *\/\r\n\r\n  function updateDeviceClass(){\r\n\r\n    hero.classList.remove(\r\n      'hs-device-desktop',\r\n      'hs-device-tablet',\r\n      'hs-device-mobile'\r\n    );\r\n\r\n\r\n    if(desktop.matches){\r\n\r\n      hero.classList.add(\r\n        'hs-device-desktop'\r\n      );\r\n\r\n    }\r\n\r\n    else if(tablet.matches){\r\n\r\n      hero.classList.add(\r\n        'hs-device-tablet'\r\n      );\r\n\r\n    }\r\n\r\n    else{\r\n\r\n      hero.classList.add(\r\n        'hs-device-mobile'\r\n      );\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  updateDeviceClass();\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     SVG \u2014 CONNEXIONS ENTRE LES 4 \u00c9TAPES\r\n     ========================================================= *\/\r\n\r\n  function drawConnections(){\r\n\r\n    if(!flow || !svg){\r\n      return;\r\n    }\r\n\r\n\r\n    \/*\r\n     * Sur mobile :\r\n     * on supprime volontairement les lignes\r\n     * pour \u00e9viter le bazar visuel.\r\n     *\/\r\n\r\n    if(!desktop.matches){\r\n\r\n      svg.innerHTML = '';\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    const flowRect =\r\n      flow.getBoundingClientRect();\r\n\r\n\r\n    svg.innerHTML = `\r\n\r\n      <defs>\r\n\r\n        <linearGradient\r\n          id=\"hsGradientPremium\"\r\n          x1=\"0\"\r\n          y1=\"0\"\r\n          x2=\"1\"\r\n          y2=\"0\"\r\n        >\r\n\r\n          <stop\r\n            offset=\"0%\"\r\n            stop-color=\"#FF7437\"\r\n          \/>\r\n\r\n          <stop\r\n            offset=\"32%\"\r\n            stop-color=\"#FF2F91\"\r\n          \/>\r\n\r\n          <stop\r\n            offset=\"67%\"\r\n            stop-color=\"#A62FFF\"\r\n          \/>\r\n\r\n          <stop\r\n            offset=\"100%\"\r\n            stop-color=\"#178CFF\"\r\n          \/>\r\n\r\n        <\/linearGradient>\r\n\r\n      <\/defs>\r\n\r\n    `;\r\n\r\n\r\n    svg.setAttribute(\r\n      'viewBox',\r\n      `0 0 ${flowRect.width} ${flowRect.height}`\r\n    );\r\n\r\n\r\n    for(\r\n      let i = 0;\r\n      i < steps.length - 1;\r\n      i++\r\n    ){\r\n\r\n      const a =\r\n        steps[i].getBoundingClientRect();\r\n\r\n      const b =\r\n        steps[i + 1].getBoundingClientRect();\r\n\r\n\r\n      const x1 =\r\n        a.right -\r\n        flowRect.left +\r\n        5;\r\n\r\n\r\n      const y1 =\r\n        a.top -\r\n        flowRect.top +\r\n        a.height \/ 2;\r\n\r\n\r\n      const x2 =\r\n        b.left -\r\n        flowRect.left -\r\n        5;\r\n\r\n\r\n      const y2 =\r\n        b.top -\r\n        flowRect.top +\r\n        b.height \/ 2;\r\n\r\n\r\n      const distance =\r\n        Math.max(\r\n          50,\r\n          x2 - x1\r\n        );\r\n\r\n\r\n      const curve =\r\n        distance * .46;\r\n\r\n\r\n\r\n      \/* BACKGROUND LINE *\/\r\n\r\n      const bg =\r\n        document.createElementNS(\r\n          'http:\/\/www.w3.org\/2000\/svg',\r\n          'path'\r\n        );\r\n\r\n\r\n      bg.setAttribute(\r\n        'd',\r\n        `\r\n          M ${x1} ${y1}\r\n\r\n          C\r\n          ${x1 + curve} ${y1},\r\n          ${x2 - curve} ${y2},\r\n          ${x2} ${y2}\r\n        `\r\n      );\r\n\r\n\r\n      bg.setAttribute(\r\n        'fill',\r\n        'none'\r\n      );\r\n\r\n\r\n      bg.setAttribute(\r\n        'stroke',\r\n        'rgba(255,255,255,.045)'\r\n      );\r\n\r\n\r\n      bg.setAttribute(\r\n        'stroke-width',\r\n        '1.4'\r\n      );\r\n\r\n\r\n      svg.appendChild(bg);\r\n\r\n\r\n\r\n      \/* ACTIVE LINE *\/\r\n\r\n      const line =\r\n        document.createElementNS(\r\n          'http:\/\/www.w3.org\/2000\/svg',\r\n          'path'\r\n        );\r\n\r\n\r\n      line.setAttribute(\r\n        'class',\r\n        'hs-line hs-premium-line'\r\n      );\r\n\r\n\r\n      line.setAttribute(\r\n        'data-line-index',\r\n        i\r\n      );\r\n\r\n\r\n      line.setAttribute(\r\n        'd',\r\n        `\r\n          M ${x1} ${y1}\r\n\r\n          C\r\n          ${x1 + curve} ${y1},\r\n          ${x2 - curve} ${y2},\r\n          ${x2} ${y2}\r\n        `\r\n      );\r\n\r\n\r\n      line.setAttribute(\r\n        'fill',\r\n        'none'\r\n      );\r\n\r\n\r\n      line.setAttribute(\r\n        'stroke',\r\n        'url(#hsGradientPremium)'\r\n      );\r\n\r\n\r\n      line.setAttribute(\r\n        'stroke-width',\r\n        '2'\r\n      );\r\n\r\n\r\n      line.setAttribute(\r\n        'stroke-linecap',\r\n        'round'\r\n      );\r\n\r\n\r\n      line.style.opacity =\r\n        '.2';\r\n\r\n\r\n      svg.appendChild(line);\r\n\r\n\r\n\r\n      \/* DOT *\/\r\n\r\n      const dot =\r\n        document.createElementNS(\r\n          'http:\/\/www.w3.org\/2000\/svg',\r\n          'circle'\r\n        );\r\n\r\n\r\n      dot.setAttribute(\r\n        'cx',\r\n        x2\r\n      );\r\n\r\n\r\n      dot.setAttribute(\r\n        'cy',\r\n        y2\r\n      );\r\n\r\n\r\n      dot.setAttribute(\r\n        'r',\r\n        '3.2'\r\n      );\r\n\r\n\r\n      dot.setAttribute(\r\n        'fill',\r\n        i < 2\r\n          ? '#EF42FF'\r\n          : '#258CFF'\r\n      );\r\n\r\n\r\n      dot.style.filter =\r\n        'drop-shadow(0 0 6px rgba(166,47,255,.75))';\r\n\r\n\r\n      svg.appendChild(dot);\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     ACTIVE UNE \u00c9TAPE\r\n     ========================================================= *\/\r\n\r\n  function setActiveStep(index){\r\n\r\n    activeStep =\r\n      index;\r\n\r\n\r\n    steps.forEach(\r\n      (step,i)=>{\r\n\r\n        step.classList.remove(\r\n          'hs-stage-active',\r\n          'hs-stage-past'\r\n        );\r\n\r\n\r\n        if(i < index){\r\n\r\n          step.classList.add(\r\n            'hs-stage-past'\r\n          );\r\n\r\n        }\r\n\r\n\r\n        if(i === index){\r\n\r\n          step.classList.add(\r\n            'hs-stage-active'\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n    if(desktop.matches){\r\n\r\n      hero\r\n        .querySelectorAll(\r\n          '.hs-premium-line'\r\n        )\r\n        .forEach(\r\n          (line,i)=>{\r\n\r\n            line.style.opacity =\r\n              i < index\r\n                ? '.85'\r\n                : i === index - 1\r\n                  ? '1'\r\n                  : '.18';\r\n\r\n          }\r\n        );\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     ANIMATION T\u00c9L\u00c9PHONE\r\n     ========================================================= *\/\r\n\r\n  function animatePhoneContent(){\r\n\r\n    phoneFields.forEach(\r\n      field =>{\r\n\r\n        field.classList.remove(\r\n          'hs-phone-animate'\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    phoneFields.forEach(\r\n      (field,index)=>{\r\n\r\n        setTimeout(\r\n          ()=>{\r\n\r\n            field.classList.add(\r\n              'hs-phone-animate'\r\n            );\r\n\r\n          },\r\n          index * 90\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     RESET CANAUX\r\n     ========================================================= *\/\r\n\r\n  function resetChannels(){\r\n\r\n    clearInterval(\r\n      channelTimer\r\n    );\r\n\r\n\r\n    channels.forEach(\r\n      channel =>{\r\n\r\n        channel.classList.remove(\r\n          'active'\r\n        );\r\n\r\n\r\n        const name =\r\n          channel\r\n            .querySelector(\r\n              '.hs-channel-copy strong'\r\n            )\r\n            ?.textContent\r\n            .trim() || '';\r\n\r\n\r\n        const state =\r\n          channel.querySelector(\r\n            '.hs-channel-copy span'\r\n          );\r\n\r\n\r\n        if(!state) return;\r\n\r\n\r\n        if(name === 'Mail'){\r\n\r\n          state.textContent =\r\n            'Envoi en cours';\r\n\r\n        }\r\n\r\n        else if(\r\n          name ===\r\n          'Carte de visite'\r\n        ){\r\n\r\n          state.textContent =\r\n            'Mise \u00e0 jour en cours';\r\n\r\n        }\r\n\r\n        else{\r\n\r\n          state.textContent =\r\n            'Publication en cours';\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    if(percent){\r\n\r\n      percent.textContent =\r\n        '0%';\r\n\r\n    }\r\n\r\n\r\n    if(progressFill){\r\n\r\n      progressFill.style.width =\r\n        '0%';\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     DIFFUSION 12 CANAUX\r\n     ========================================================= *\/\r\n\r\n  function publishChannels(\r\n    onDone\r\n  ){\r\n\r\n    resetChannels();\r\n\r\n\r\n    let index =\r\n      0;\r\n\r\n\r\n    const speed =\r\n      mobile.matches\r\n        ? 220\r\n        : 290;\r\n\r\n\r\n    channelTimer =\r\n      setInterval(\r\n        ()=>{\r\n\r\n\r\n          if(index >= channels.length){\r\n\r\n            clearInterval(\r\n              channelTimer\r\n            );\r\n\r\n\r\n            if(percent){\r\n\r\n              percent.textContent =\r\n                '100%';\r\n\r\n            }\r\n\r\n\r\n            if(progressFill){\r\n\r\n              progressFill.style.width =\r\n                '100%';\r\n\r\n            }\r\n\r\n\r\n            if(typeof onDone === 'function'){\r\n\r\n              setTimeout(\r\n                onDone,\r\n                500\r\n              );\r\n\r\n            }\r\n\r\n\r\n            return;\r\n\r\n          }\r\n\r\n\r\n          const channel =\r\n            channels[index];\r\n\r\n\r\n          channel.classList.add(\r\n            'active'\r\n          );\r\n\r\n\r\n          const name =\r\n            channel\r\n              .querySelector(\r\n                '.hs-channel-copy strong'\r\n              )\r\n              ?.textContent\r\n              .trim() || '';\r\n\r\n\r\n          const state =\r\n            channel.querySelector(\r\n              '.hs-channel-copy span'\r\n            );\r\n\r\n\r\n          if(state){\r\n\r\n            if(name === 'Mail'){\r\n\r\n              state.textContent =\r\n                'Envoy\u00e9';\r\n\r\n            }\r\n\r\n            else if(\r\n              name ===\r\n              'Carte de visite'\r\n            ){\r\n\r\n              state.textContent =\r\n                'Mis \u00e0 jour';\r\n\r\n            }\r\n\r\n            else{\r\n\r\n              state.textContent =\r\n                'Publi\u00e9';\r\n\r\n            }\r\n\r\n          }\r\n\r\n\r\n          const value =\r\n            Math.round(\r\n              (\r\n                (index + 1)\r\n                \/\r\n                channels.length\r\n              )\r\n              *\r\n              100\r\n            );\r\n\r\n\r\n          if(percent){\r\n\r\n            percent.textContent =\r\n              value + '%';\r\n\r\n\r\n            percent.classList.add(\r\n              'hs-percent-pop'\r\n            );\r\n\r\n\r\n            setTimeout(\r\n              ()=>{\r\n\r\n                percent.classList.remove(\r\n                  'hs-percent-pop'\r\n                );\r\n\r\n              },\r\n              160\r\n            );\r\n\r\n          }\r\n\r\n\r\n          if(progressFill){\r\n\r\n            progressFill.style.width =\r\n              value + '%';\r\n\r\n          }\r\n\r\n\r\n          index++;\r\n\r\n        },\r\n        speed\r\n      );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     ANIMATION PUBLICATIONS\r\n     ========================================================= *\/\r\n\r\n  function animatePosts(){\r\n\r\n    postRows.forEach(\r\n      row =>{\r\n\r\n        row.classList.remove(\r\n          'hs-post-reveal'\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    postRows.forEach(\r\n      (row,index)=>{\r\n\r\n        setTimeout(\r\n          ()=>{\r\n\r\n            row.classList.add(\r\n              'hs-post-reveal'\r\n            );\r\n\r\n          },\r\n          index * 180\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     COUNTER KPI\r\n     ========================================================= *\/\r\n\r\n  function animateNumber(\r\n    element,\r\n    start,\r\n    end,\r\n    duration,\r\n    formatter\r\n  ){\r\n\r\n    if(\r\n      !element ||\r\n      reduceMotion.matches\r\n    ){\r\n\r\n      if(element){\r\n\r\n        element.textContent =\r\n          formatter(end);\r\n\r\n      }\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    const startTime =\r\n      performance.now();\r\n\r\n\r\n    function frame(now){\r\n\r\n      const progress =\r\n        Math.min(\r\n          1,\r\n          (\r\n            now - startTime\r\n          )\r\n          \/\r\n          duration\r\n        );\r\n\r\n\r\n      const eased =\r\n        1 -\r\n        Math.pow(\r\n          1 - progress,\r\n          3\r\n        );\r\n\r\n\r\n      const value =\r\n        start +\r\n        (\r\n          end - start\r\n        )\r\n        *\r\n        eased;\r\n\r\n\r\n      element.textContent =\r\n        formatter(value);\r\n\r\n\r\n      if(progress < 1){\r\n\r\n        requestAnimationFrame(\r\n          frame\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    requestAnimationFrame(\r\n      frame\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     KPI + GRAPH\r\n     ========================================================= *\/\r\n\r\n  function animateAnalytics(){\r\n\r\n    const values = [\r\n\r\n      {\r\n        value:24.8,\r\n        format:value =>\r\n          value\r\n            .toFixed(1)\r\n            .replace('.',',')\r\n          +\r\n          'k'\r\n      },\r\n\r\n      {\r\n        value:1842,\r\n        format:value =>\r\n          Math.round(value)\r\n            .toLocaleString(\r\n              'fr-FR'\r\n            )\r\n      },\r\n\r\n      {\r\n        value:768,\r\n        format:value =>\r\n          Math.round(value)\r\n            .toLocaleString(\r\n              'fr-FR'\r\n            )\r\n      }\r\n\r\n    ];\r\n\r\n\r\n    kpis.forEach(\r\n      (kpi,index)=>{\r\n\r\n        const number =\r\n          kpi.querySelector(\r\n            'strong'\r\n          );\r\n\r\n\r\n        kpi.classList.remove(\r\n          'hs-kpi-active'\r\n        );\r\n\r\n\r\n        setTimeout(\r\n          ()=>{\r\n\r\n            kpi.classList.add(\r\n              'hs-kpi-active'\r\n            );\r\n\r\n\r\n            animateNumber(\r\n              number,\r\n              0,\r\n              values[index].value,\r\n              950,\r\n              values[index].format\r\n            );\r\n\r\n          },\r\n          index * 170\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n    if(chartPath){\r\n\r\n      const length =\r\n        chartPath\r\n          .getTotalLength();\r\n\r\n\r\n      chartPath.style.strokeDasharray =\r\n        length;\r\n\r\n\r\n      chartPath.style.strokeDashoffset =\r\n        length;\r\n\r\n\r\n      chart?.classList.add(\r\n        'hs-chart-active'\r\n      );\r\n\r\n\r\n      requestAnimationFrame(\r\n        ()=>{\r\n\r\n          chartPath.style.transition =\r\n            'stroke-dashoffset 1.3s cubic-bezier(.2,.8,.2,1)';\r\n\r\n\r\n          chartPath.style.strokeDashoffset =\r\n            '0';\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n\r\n\r\n    if(chartDot){\r\n\r\n      chartDot.style.opacity =\r\n        '0';\r\n\r\n\r\n      setTimeout(\r\n        ()=>{\r\n\r\n          chartDot.style.transition =\r\n            'opacity .35s ease, transform .35s ease';\r\n\r\n\r\n          chartDot.style.opacity =\r\n            '1';\r\n\r\n\r\n          chartDot.style.transform =\r\n            'scale(1.08)';\r\n\r\n        },\r\n        1100\r\n      );\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     BANDEAU PRIX\r\n     ========================================================= *\/\r\n\r\n  function revealOffer(){\r\n\r\n    if(!offer) return;\r\n\r\n\r\n    offer.classList.add(\r\n      'hs-offer-show'\r\n    );\r\n\r\n\r\n    setTimeout(\r\n      ()=>{\r\n\r\n        offer.classList.add(\r\n          'hs-offer-glow'\r\n        );\r\n\r\n      },\r\n      250\r\n    );\r\n\r\n\r\n    setTimeout(\r\n      ()=>{\r\n\r\n        offerCTA?.classList.add(\r\n          'hs-cta-pulse'\r\n        );\r\n\r\n      },\r\n      700\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     MASTER SEQUENCE\r\n     ========================================================= *\/\r\n\r\n  function runSequence(){\r\n\r\n    if(\r\n      !heroVisible ||\r\n      reduceMotion.matches\r\n    ){\r\n      return;\r\n    }\r\n\r\n\r\n    clearTimeout(\r\n      masterTimer\r\n    );\r\n\r\n\r\n    \/* TITRE *\/\r\n\r\n    hero.classList.add(\r\n      'hs-title-boost'\r\n    );\r\n\r\n\r\n    setTimeout(\r\n      ()=>{\r\n\r\n        hero.classList.remove(\r\n          'hs-title-boost'\r\n        );\r\n\r\n      },\r\n      1200\r\n    );\r\n\r\n\r\n\r\n    \/* \u00c9TAPE 1 *\/\r\n\r\n    setActiveStep(0);\r\n\r\n\r\n\r\n    masterTimer =\r\n      setTimeout(\r\n        ()=>{\r\n\r\n\r\n          \/* \u00c9TAPE 2 *\/\r\n\r\n          setActiveStep(1);\r\n\r\n          animatePhoneContent();\r\n\r\n\r\n\r\n          masterTimer =\r\n            setTimeout(\r\n              ()=>{\r\n\r\n\r\n                \/* \u00c9TAPE 3 *\/\r\n\r\n                setActiveStep(2);\r\n\r\n\r\n                publishChannels(\r\n                  ()=>{\r\n\r\n\r\n                    \/* \u00c9TAPE 4 *\/\r\n\r\n                    setActiveStep(3);\r\n\r\n                    animatePosts();\r\n\r\n                    animateAnalytics();\r\n\r\n\r\n                    masterTimer =\r\n                      setTimeout(\r\n                        ()=>{\r\n\r\n                          revealOffer();\r\n\r\n                        },\r\n                        1300\r\n                      );\r\n\r\n                  }\r\n                );\r\n\r\n              },\r\n              1450\r\n            );\r\n\r\n        },\r\n        1300\r\n      );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     PHONE PARALLAX \u2014 UNIQUEMENT DESKTOP\r\n     ========================================================= *\/\r\n\r\n  function movePhone(event){\r\n\r\n    if(\r\n      !desktop.matches ||\r\n      !flow ||\r\n      !phone ||\r\n      reduceMotion.matches\r\n    ){\r\n      return;\r\n    }\r\n\r\n\r\n    const rect =\r\n      flow.getBoundingClientRect();\r\n\r\n\r\n    const x =\r\n      (\r\n        event.clientX -\r\n        rect.left\r\n      )\r\n      \/\r\n      rect.width\r\n      -\r\n      .5;\r\n\r\n\r\n    const y =\r\n      (\r\n        event.clientY -\r\n        rect.top\r\n      )\r\n      \/\r\n      rect.height\r\n      -\r\n      .5;\r\n\r\n\r\n    phone.style.transform = `\r\n\r\n      perspective(1150px)\r\n\r\n      rotateY(${x * 5 - 4}deg)\r\n\r\n      rotateX(${-y * 3}deg)\r\n\r\n      rotateZ(-1.5deg)\r\n\r\n      translate3d(\r\n        ${x * 2}px,\r\n        ${y * 3}px,\r\n        0\r\n      )\r\n\r\n    `;\r\n\r\n  }\r\n\r\n\r\n\r\n  function resetPhone(){\r\n\r\n    if(!phone) return;\r\n\r\n\r\n    if(!desktop.matches){\r\n\r\n      phone.style.transform =\r\n        'none';\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    phone.style.transform = `\r\n\r\n      perspective(1150px)\r\n\r\n      rotateY(-4deg)\r\n\r\n      rotateZ(-1.5deg)\r\n\r\n    `;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     HOVER CANAUX \u2014 DESKTOP\r\n     ========================================================= *\/\r\n\r\n  channels.forEach(\r\n    channel =>{\r\n\r\n      channel.addEventListener(\r\n        'mouseenter',\r\n        ()=>{\r\n\r\n          if(!desktop.matches){\r\n            return;\r\n          }\r\n\r\n\r\n          channel.style.transform =\r\n            'translateX(-3px) scale(1.018)';\r\n\r\n        }\r\n      );\r\n\r\n\r\n      channel.addEventListener(\r\n        'mouseleave',\r\n        ()=>{\r\n\r\n          channel.style.transform =\r\n            '';\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     BOUTONS MODIFIER\/SUPPRIMER\r\n     ========================================================= *\/\r\n\r\n  hero\r\n    .querySelectorAll(\r\n      '.hs-post-btn'\r\n    )\r\n    .forEach(\r\n      button =>{\r\n\r\n        button.addEventListener(\r\n          'click',\r\n          event =>{\r\n\r\n            event.preventDefault();\r\n\r\n            button.blur();\r\n\r\n          }\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     MODE REDUCED MOTION\r\n     ========================================================= *\/\r\n\r\n  function showEverything(){\r\n\r\n    hero.classList.add(\r\n      'hs-visible'\r\n    );\r\n\r\n\r\n    steps.forEach(\r\n      step =>{\r\n\r\n        step.classList.add(\r\n          'hs-stage-past'\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    channels.forEach(\r\n      channel =>{\r\n\r\n        channel.classList.add(\r\n          'active'\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    if(percent){\r\n\r\n      percent.textContent =\r\n        '100%';\r\n\r\n    }\r\n\r\n\r\n    if(progressFill){\r\n\r\n      progressFill.style.width =\r\n        '100%';\r\n\r\n    }\r\n\r\n\r\n    offer?.classList.add(\r\n      'hs-offer-show'\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     INTERSECTION OBSERVER\r\n     ========================================================= *\/\r\n\r\n  const visibilityObserver =\r\n    new IntersectionObserver(\r\n\r\n      entries =>{\r\n\r\n        const entry =\r\n          entries[0];\r\n\r\n\r\n        heroVisible =\r\n          entry.isIntersecting;\r\n\r\n\r\n        if(\r\n          heroVisible &&\r\n          !animationStarted\r\n        ){\r\n\r\n          animationStarted =\r\n            true;\r\n\r\n\r\n          hero.classList.add(\r\n            'hs-visible'\r\n          );\r\n\r\n\r\n          drawConnections();\r\n\r\n\r\n          if(reduceMotion.matches){\r\n\r\n            showEverything();\r\n\r\n          }\r\n\r\n          else{\r\n\r\n            setTimeout(\r\n              runSequence,\r\n              500\r\n            );\r\n\r\n          }\r\n\r\n        }\r\n\r\n      },\r\n\r\n      {\r\n        threshold:.10\r\n      }\r\n\r\n    );\r\n\r\n\r\n  \/* =========================================================\r\n     INITIALISATION\r\n     ========================================================= *\/\r\n\r\n  hero.classList.add(\r\n    'hs-js-ready'\r\n  );\r\n\r\n\r\n  resetChannels();\r\n\r\n  updateDeviceClass();\r\n\r\n  drawConnections();\r\n\r\n\r\n  visibilityObserver.observe(\r\n    hero\r\n  );\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     SOURIS\r\n     ========================================================= *\/\r\n\r\n  if(flow){\r\n\r\n    flow.addEventListener(\r\n      'mousemove',\r\n      movePhone\r\n    );\r\n\r\n\r\n    flow.addEventListener(\r\n      'mouseleave',\r\n      resetPhone\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     RESIZE\r\n     ========================================================= *\/\r\n\r\n  function handleResize(){\r\n\r\n    updateDeviceClass();\r\n\r\n    resetPhone();\r\n\r\n\r\n    clearTimeout(\r\n      resizeTimer\r\n    );\r\n\r\n\r\n    resizeTimer =\r\n      setTimeout(\r\n        ()=>{\r\n\r\n          drawConnections();\r\n\r\n        },\r\n        160\r\n      );\r\n\r\n  }\r\n\r\n\r\n  window.addEventListener(\r\n    'resize',\r\n    handleResize,\r\n    {\r\n      passive:true\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     RESIZE OBSERVER\r\n     Elementor peut modifier les dimensions apr\u00e8s chargement\r\n     ========================================================= *\/\r\n\r\n  if(\r\n    'ResizeObserver'\r\n    in window\r\n  ){\r\n\r\n    const resizeObserver =\r\n      new ResizeObserver(\r\n        ()=>{\r\n\r\n          clearTimeout(\r\n            resizeTimer\r\n          );\r\n\r\n\r\n          resizeTimer =\r\n            setTimeout(\r\n              drawConnections,\r\n              120\r\n            );\r\n\r\n        }\r\n      );\r\n\r\n\r\n    resizeObserver.observe(\r\n      flow || hero\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     LOAD\r\n     ========================================================= *\/\r\n\r\n  window.addEventListener(\r\n    'load',\r\n    ()=>{\r\n\r\n      setTimeout(\r\n        drawConnections,\r\n        250\r\n      );\r\n\r\n\r\n      setTimeout(\r\n        drawConnections,\r\n        700\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba73242 e-flex e-con-boxed e-con e-parent\" data-id=\"ba73242\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-030cbc4 elementor-widget elementor-widget-html\" data-id=\"030cbc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"inrcyAutonomy\">\r\n\r\n  <div class=\"ia-wrap\">\r\n\r\n    <!-- ===================================================== -->\r\n    <!-- BLOC 1 \u2014 INTRO                                        -->\r\n    <!-- ===================================================== -->\r\n    <div class=\"ia-block ia-hero\">\r\n      <div class=\"ia-badge\">Fonctionnement 100% autonome<\/div>\r\n\r\n      <h2>\r\n        Votre communication avance,\r\n        <span>m\u00eame quand vous \u00eates sur le terrain.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        iNrCy vous permet de centraliser votre communication, connecter vos canaux,\r\n        cr\u00e9er gratuitement ceux qui manquent et publier partout en quelques minutes,\r\n        sans complexit\u00e9 technique.\r\n      <\/p>\r\n\r\n      <div class=\"ia-hero-points\">\r\n        <span>Inscription rapide<\/span>\r\n        <span>Cr\u00e9ation du compte<\/span>\r\n        <span>Connexion des canaux<\/span>\r\n        <span>Canaux manquants offerts<\/span>\r\n        <span>Publication multicanale<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n    <!-- ===================================================== -->\r\n    <!-- BLOC 2 \u2014 DIAGRAMME + ETAPES                           -->\r\n    <!-- ===================================================== -->\r\n    <div class=\"ia-block ia-process-block\">\r\n\r\n      <div class=\"ia-section-head\">\r\n        <div class=\"ia-mini-title\">Comment \u00e7a fonctionne ?<\/div>\r\n\r\n        <h3>\r\n          Une mise en place simple,\r\n          <span>pens\u00e9e pour \u00eatre autonome de A \u00e0 Z.<\/span>\r\n        <\/h3>\r\n      <\/div>\r\n\r\n      <div class=\"ia-process-grid\">\r\n\r\n        <!-- DIAGRAMME CIRCULAIRE -->\r\n        <div class=\"ia-diagram-col\">\r\n\r\n          <div class=\"ia-diagram\">\r\n            <div class=\"ia-ring ring-1\"><\/div>\r\n            <div class=\"ia-ring ring-2\"><\/div>\r\n\r\n            <div class=\"ia-center\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2025\/09\/cropped-cropped-Design-sans-titre-26-178x59.png\"\r\n                alt=\"Logo iNrCy\"\r\n              >\r\n              <strong>iNrCy<\/strong>\r\n              <span>\r\n                Tout est centralis\u00e9\r\n                dans une seule plateforme\r\n              <\/span>\r\n            <\/div>\r\n\r\n            <div class=\"ia-node ia-node-1\">\r\n              <b>1<\/b>\r\n              <span>Inscription<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"ia-node ia-node-2\">\r\n              <b>2<\/b>\r\n              <span>Compte cr\u00e9\u00e9<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"ia-node ia-node-3\">\r\n              <b>3<\/b>\r\n              <span>Canaux connect\u00e9s<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"ia-node ia-node-4\">\r\n              <b>4<\/b>\r\n              <span>Canaux manquants offerts<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"ia-node ia-node-5\">\r\n              <b>5<\/b>\r\n              <span>Publication en quelques minutes<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ETAPES A DROITE -->\r\n        <div class=\"ia-steps-col\">\r\n\r\n          <div class=\"ia-step-card\">\r\n            <div class=\"ia-step-arrow\">\u2192<\/div>\r\n            <div class=\"ia-step-num\">1.<\/div>\r\n            <div class=\"ia-step-copy\">\r\n              <strong>Inscrivez-vous<\/strong>\r\n              <p>\r\n                Vous d\u00e9marrez simplement depuis la plateforme,\r\n                sans mise en place compliqu\u00e9e.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ia-step-card\">\r\n            <div class=\"ia-step-arrow\">\u2192<\/div>\r\n            <div class=\"ia-step-num\">2.<\/div>\r\n            <div class=\"ia-step-copy\">\r\n              <strong>Cr\u00e9ez votre compte<\/strong>\r\n              <p>\r\n                Votre espace est pr\u00eat \u00e0 accueillir vos contenus,\r\n                vos canaux et votre communication.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ia-step-card\">\r\n            <div class=\"ia-step-arrow\">\u2192<\/div>\r\n            <div class=\"ia-step-num\">3.<\/div>\r\n            <div class=\"ia-step-copy\">\r\n              <strong>Connectez tous vos canaux<\/strong>\r\n              <p>\r\n                Facebook, Instagram, LinkedIn, Google Business,\r\n                TikTok, YouTube, Mail, Site internet et plus encore.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ia-step-card ia-step-card--highlight\">\r\n            <div class=\"ia-step-arrow\">\u2192<\/div>\r\n            <div class=\"ia-step-num\">4.<\/div>\r\n            <div class=\"ia-step-copy\">\r\n              <strong>Cr\u00e9ation des canaux manquants offerte<\/strong>\r\n              <p>\r\n                Si certains canaux ne sont pas encore pr\u00eats,\r\n                iNrCy vous accompagne avec leur cr\u00e9ation offerte.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ia-step-card ia-step-card--final\">\r\n            <div class=\"ia-step-arrow\">\u2192<\/div>\r\n            <div class=\"ia-step-num\">5.<\/div>\r\n            <div class=\"ia-step-copy\">\r\n              <strong>Publiez partout en quelques minutes<\/strong>\r\n              <p>\r\n                Une seule action, plusieurs canaux diffus\u00e9s :\r\n                votre communication devient fluide, rapide et coh\u00e9rente.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n    <!-- ===================================================== -->\r\n    <!-- BLOC 3 \u2014 CITATION                                     -->\r\n    <!-- ===================================================== -->\r\n    <div class=\"ia-block ia-quote-block\">\r\n\r\n      <div class=\"ia-quote-mark\">\u201c<\/div>\r\n\r\n      <h3>\r\n        Une plateforme con\u00e7ue\r\n        <span>pour tous les professionnels.<\/span>\r\n      <\/h3>\r\n\r\n      <p class=\"ia-quote-sub\">\r\n        Votre m\u00e9tier, ce n\u2019est pas la com.\r\n        <strong>Le n\u00f4tre, c\u2019est de la rendre simple, rapide et efficace.<\/strong>\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<script>\r\n(function(){\r\n\r\n  const diagram = document.querySelector(\r\n    '#inrcyAutonomy .ia-diagram'\r\n  );\r\n\r\n  if(!diagram) return;\r\n\r\n  \/* Evite de lancer le script 2 fois *\/\r\n  if(diagram.dataset.premiumDiagram === 'true') return;\r\n  diagram.dataset.premiumDiagram = 'true';\r\n\r\n\r\n  \/* =========================================================\r\n     AJOUT DU CSS AUTOMATIQUEMENT\r\n     ========================================================= *\/\r\n\r\n  const style = document.createElement('style');\r\n\r\n  style.textContent = `\r\n\r\n    \/* =======================================================\r\n       DIAGRAMME PREMIUM INR CY\r\n       ======================================================= *\/\r\n\r\n    #inrcyAutonomy .ia-diagram{\r\n      isolation:isolate;\r\n    }\r\n\r\n\r\n    \/* -------------------------------------------------------\r\n       SVG CONNECTEURS\r\n       ------------------------------------------------------- *\/\r\n\r\n    #inrcyAutonomy .ia-js-connections{\r\n      position:absolute;\r\n\r\n      inset:0;\r\n\r\n      width:100%;\r\n      height:100%;\r\n\r\n      z-index:1;\r\n\r\n      pointer-events:none;\r\n\r\n      overflow:visible;\r\n    }\r\n\r\n\r\n    #inrcyAutonomy .ia-js-path-bg{\r\n      fill:none;\r\n\r\n      stroke:rgba(255,255,255,.055);\r\n\r\n      stroke-width:1.4;\r\n\r\n      stroke-linecap:round;\r\n    }\r\n\r\n\r\n    #inrcyAutonomy .ia-js-path{\r\n      fill:none;\r\n\r\n      stroke:url(#iaPremiumGradient);\r\n\r\n      stroke-width:2.2;\r\n\r\n      stroke-linecap:round;\r\n\r\n      filter:\r\n        drop-shadow(\r\n          0 0 7px\r\n          rgba(174,50,255,.75)\r\n        );\r\n\r\n      opacity:.12;\r\n\r\n      transition:\r\n        opacity .35s ease;\r\n    }\r\n\r\n\r\n    #inrcyAutonomy .ia-js-path.active{\r\n      opacity:1;\r\n    }\r\n\r\n\r\n    \/* -------------------------------------------------------\r\n       POINT MOBILE SUR LA LIGNE\r\n       ------------------------------------------------------- *\/\r\n\r\n    #inrcyAutonomy .ia-js-moving-dot{\r\n      fill:#ffffff;\r\n\r\n      filter:\r\n        drop-shadow(0 0 5px #FF2F92)\r\n        drop-shadow(0 0 10px #A62FFF);\r\n\r\n      opacity:0;\r\n    }\r\n\r\n\r\n    #inrcyAutonomy .ia-js-moving-dot.active{\r\n      opacity:1;\r\n    }\r\n\r\n\r\n    \/* -------------------------------------------------------\r\n       CARTES \u00c9TAPES\r\n       ------------------------------------------------------- *\/\r\n\r\n    #inrcyAutonomy .ia-node{\r\n      z-index:5;\r\n\r\n      transition:\r\n        transform .42s cubic-bezier(.2,.8,.2,1),\r\n        border-color .42s ease,\r\n        box-shadow .42s ease,\r\n        background .42s ease,\r\n        opacity .42s ease !important;\r\n    }\r\n\r\n\r\n    #inrcyAutonomy .ia-node::after{\r\n      content:\"\";\r\n\r\n      position:absolute;\r\n\r\n      inset:-1px;\r\n\r\n      z-index:-1;\r\n\r\n      border-radius:inherit;\r\n\r\n      opacity:0;\r\n\r\n      background:\r\n        linear-gradient(\r\n          110deg,\r\n          rgba(255,116,55,.32),\r\n          rgba(255,47,145,.26),\r\n          rgba(166,47,255,.25),\r\n          rgba(23,140,255,.28)\r\n        );\r\n\r\n      filter:blur(13px);\r\n\r\n      transition:\r\n        opacity .35s ease;\r\n    }\r\n\r\n\r\n    #inrcyAutonomy .ia-node.ia-js-active{\r\n      border-color:\r\n        rgba(184,83,255,.72) !important;\r\n\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          #152B52,\r\n          #0C1A36\r\n        ) !important;\r\n\r\n      box-shadow:\r\n        0 18px 40px rgba(0,0,0,.28),\r\n        0 0 22px rgba(166,47,255,.22),\r\n        inset 0 1px 0 rgba(255,255,255,.07) !important;\r\n    }\r\n\r\n\r\n    #inrcyAutonomy .ia-node.ia-js-active::after{\r\n      opacity:1;\r\n    }\r\n\r\n\r\n    \/* Les transformations particuli\u00e8res sont pr\u00e9serv\u00e9es *\/\r\n\r\n    #inrcyAutonomy .ia-node-1.ia-js-active{\r\n      transform:\r\n        translateX(-50%)\r\n        translateY(-5px)\r\n        scale(1.045) !important;\r\n    }\r\n\r\n\r\n    #inrcyAutonomy .ia-node-2.ia-js-active,\r\n    #inrcyAutonomy .ia-node-3.ia-js-active{\r\n      transform:\r\n        translateY(-5px)\r\n        scale(1.045) !important;\r\n    }\r\n\r\n\r\n    #inrcyAutonomy .ia-node-4.ia-js-active{\r\n      transform:\r\n        translateX(-50%)\r\n        translateY(-5px)\r\n        scale(1.045) !important;\r\n    }\r\n\r\n\r\n    #inrcyAutonomy .ia-node-5.ia-js-active{\r\n      transform:\r\n        translateY(-50%)\r\n        translateX(-5px)\r\n        scale(1.045) !important;\r\n    }\r\n\r\n\r\n    \/* Num\u00e9ro de l'\u00e9tape *\/\r\n\r\n    #inrcyAutonomy .ia-node b{\r\n      position:relative;\r\n\r\n      overflow:hidden;\r\n\r\n      transition:\r\n        transform .35s ease,\r\n        box-shadow .35s ease;\r\n    }\r\n\r\n\r\n    #inrcyAutonomy .ia-node.ia-js-active b{\r\n      transform:scale(1.13);\r\n\r\n      box-shadow:\r\n        0 0 0 6px rgba(255,47,145,.07),\r\n        0 0 18px rgba(166,47,255,.55);\r\n    }\r\n\r\n\r\n    #inrcyAutonomy .ia-node b::after{\r\n      content:\"\";\r\n\r\n      position:absolute;\r\n\r\n      top:-30%;\r\n      left:-80%;\r\n\r\n      width:45%;\r\n      height:160%;\r\n\r\n      transform:skewX(-24deg);\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          transparent,\r\n          rgba(255,255,255,.75),\r\n          transparent\r\n        );\r\n\r\n      opacity:0;\r\n    }\r\n\r\n\r\n    #inrcyAutonomy .ia-node.ia-js-active b::after{\r\n      animation:\r\n        iaNumberShine\r\n        .8s ease forwards;\r\n    }\r\n\r\n\r\n    @keyframes iaNumberShine{\r\n\r\n      0%{\r\n        left:-80%;\r\n        opacity:0;\r\n      }\r\n\r\n      20%{\r\n        opacity:1;\r\n      }\r\n\r\n      100%{\r\n        left:150%;\r\n        opacity:0;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* -------------------------------------------------------\r\n       CENTRE INR CY\r\n       ------------------------------------------------------- *\/\r\n\r\n    #inrcyAutonomy .ia-center{\r\n      z-index:6;\r\n\r\n      transition:\r\n        box-shadow .5s ease,\r\n        transform .5s ease,\r\n        border-color .5s ease !important;\r\n    }\r\n\r\n\r\n    #inrcyAutonomy .ia-center.ia-js-center-active{\r\n      border-color:\r\n        rgba(161,83,255,.40) !important;\r\n\r\n      box-shadow:\r\n        0 0 0 10px rgba(255,255,255,.018),\r\n        0 0 32px rgba(166,47,255,.22),\r\n        0 0 65px rgba(23,140,255,.09) !important;\r\n    }\r\n\r\n\r\n    \/* Anneau autour du centre *\/\r\n\r\n    #inrcyAutonomy .ia-js-center-ring{\r\n      position:absolute;\r\n\r\n      top:50%;\r\n      left:50%;\r\n\r\n      z-index:2;\r\n\r\n      width:270px;\r\n      height:270px;\r\n\r\n      transform:\r\n        translate(-50%,-50%);\r\n\r\n      border-radius:50%;\r\n\r\n      border:\r\n        1px solid\r\n        rgba(166,47,255,.20);\r\n\r\n      pointer-events:none;\r\n\r\n      animation:\r\n        iaCenterPulse\r\n        3s ease-in-out\r\n        infinite;\r\n    }\r\n\r\n\r\n    @keyframes iaCenterPulse{\r\n\r\n      0%,\r\n      100%{\r\n        transform:\r\n          translate(-50%,-50%)\r\n          scale(.93);\r\n\r\n        opacity:.15;\r\n      }\r\n\r\n      50%{\r\n        transform:\r\n          translate(-50%,-50%)\r\n          scale(1.08);\r\n\r\n        opacity:.58;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* -------------------------------------------------------\r\n       ORBITES LUMINEUSES\r\n       ------------------------------------------------------- *\/\r\n\r\n    #inrcyAutonomy .ia-js-orbit{\r\n      position:absolute;\r\n\r\n      inset:0;\r\n\r\n      z-index:3;\r\n\r\n      border-radius:50%;\r\n\r\n      pointer-events:none;\r\n\r\n      animation:\r\n        iaOrbitRotate\r\n        12s linear infinite;\r\n    }\r\n\r\n\r\n    #inrcyAutonomy .ia-js-orbit--2{\r\n      animation-duration:18s;\r\n\r\n      animation-direction:reverse;\r\n    }\r\n\r\n\r\n    #inrcyAutonomy .ia-js-orbit-dot{\r\n      position:absolute;\r\n\r\n      top:47px;\r\n      left:50%;\r\n\r\n      width:7px;\r\n      height:7px;\r\n\r\n      transform:\r\n        translateX(-50%);\r\n\r\n      border-radius:50%;\r\n\r\n      background:#FF43AA;\r\n\r\n      box-shadow:\r\n        0 0 5px #FF43AA,\r\n        0 0 13px rgba(255,67,170,.9),\r\n        0 0 25px rgba(166,47,255,.55);\r\n    }\r\n\r\n\r\n    #inrcyAutonomy\r\n    .ia-js-orbit--2\r\n    .ia-js-orbit-dot{\r\n\r\n      top:9px;\r\n\r\n      width:5px;\r\n      height:5px;\r\n\r\n      background:#258CFF;\r\n\r\n      box-shadow:\r\n        0 0 5px #258CFF,\r\n        0 0 14px rgba(37,140,255,.8);\r\n    }\r\n\r\n\r\n    @keyframes iaOrbitRotate{\r\n\r\n      to{\r\n        transform:rotate(360deg);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* -------------------------------------------------------\r\n       ANNEAUX EXISTANTS\r\n       ------------------------------------------------------- *\/\r\n\r\n    #inrcyAutonomy .ia-ring.ring-1{\r\n      box-shadow:\r\n        inset 0 0 30px rgba(23,140,255,.018);\r\n\r\n      transition:\r\n        border-color .4s ease;\r\n    }\r\n\r\n\r\n    #inrcyAutonomy .ia-ring.ring-2{\r\n      border-color:\r\n        rgba(166,44,255,.28) !important;\r\n\r\n      filter:\r\n        drop-shadow(\r\n          0 0 5px\r\n          rgba(166,44,255,.15)\r\n        );\r\n    }\r\n\r\n\r\n    \/* -------------------------------------------------------\r\n       MOBILE\r\n       ------------------------------------------------------- *\/\r\n\r\n    @media(max-width:640px){\r\n\r\n      #inrcyAutonomy .ia-js-center-ring{\r\n        width:178px;\r\n        height:178px;\r\n      }\r\n\r\n      #inrcyAutonomy .ia-js-orbit-dot{\r\n        top:27px;\r\n      }\r\n\r\n      #inrcyAutonomy\r\n      .ia-js-orbit--2\r\n      .ia-js-orbit-dot{\r\n        top:4px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @media(prefers-reduced-motion:reduce){\r\n\r\n      #inrcyAutonomy .ia-js-orbit,\r\n      #inrcyAutonomy .ia-js-center-ring{\r\n        animation:none !important;\r\n      }\r\n\r\n    }\r\n\r\n  `;\r\n\r\n  document.head.appendChild(style);\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     CR\u00c9ATION DU SVG\r\n     ========================================================= *\/\r\n\r\n  const svgNS =\r\n    'http:\/\/www.w3.org\/2000\/svg';\r\n\r\n\r\n  const svg =\r\n    document.createElementNS(\r\n      svgNS,\r\n      'svg'\r\n    );\r\n\r\n\r\n  svg.setAttribute(\r\n    'class',\r\n    'ia-js-connections'\r\n  );\r\n\r\n\r\n  svg.innerHTML = `\r\n\r\n    <defs>\r\n\r\n      <linearGradient\r\n        id=\"iaPremiumGradient\"\r\n        x1=\"0\"\r\n        y1=\"0\"\r\n        x2=\"1\"\r\n        y2=\"1\"\r\n      >\r\n\r\n        <stop\r\n          offset=\"0%\"\r\n          stop-color=\"#FF7437\"\r\n        \/>\r\n\r\n        <stop\r\n          offset=\"30%\"\r\n          stop-color=\"#FF2F91\"\r\n        \/>\r\n\r\n        <stop\r\n          offset=\"67%\"\r\n          stop-color=\"#A62FFF\"\r\n        \/>\r\n\r\n        <stop\r\n          offset=\"100%\"\r\n          stop-color=\"#178CFF\"\r\n        \/>\r\n\r\n      <\/linearGradient>\r\n\r\n    <\/defs>\r\n\r\n  `;\r\n\r\n\r\n  diagram.prepend(svg);\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     ORBITES\r\n     ========================================================= *\/\r\n\r\n  const orbit1 =\r\n    document.createElement('div');\r\n\r\n  orbit1.className =\r\n    'ia-js-orbit';\r\n\r\n\r\n  orbit1.innerHTML =\r\n    '<span class=\"ia-js-orbit-dot\"><\/span>';\r\n\r\n\r\n  diagram.appendChild(\r\n    orbit1\r\n  );\r\n\r\n\r\n\r\n  const orbit2 =\r\n    document.createElement('div');\r\n\r\n  orbit2.className =\r\n    'ia-js-orbit ia-js-orbit--2';\r\n\r\n\r\n  orbit2.innerHTML =\r\n    '<span class=\"ia-js-orbit-dot\"><\/span>';\r\n\r\n\r\n  diagram.appendChild(\r\n    orbit2\r\n  );\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     HALO CENTRE\r\n     ========================================================= *\/\r\n\r\n  const centerRing =\r\n    document.createElement('div');\r\n\r\n\r\n  centerRing.className =\r\n    'ia-js-center-ring';\r\n\r\n\r\n  diagram.appendChild(\r\n    centerRing\r\n  );\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     \u00c9L\u00c9MENTS\r\n     ========================================================= *\/\r\n\r\n  const center =\r\n    diagram.querySelector(\r\n      '.ia-center'\r\n    );\r\n\r\n\r\n  const nodes = [\r\n\r\n    diagram.querySelector(\r\n      '.ia-node-1'\r\n    ),\r\n\r\n    diagram.querySelector(\r\n      '.ia-node-2'\r\n    ),\r\n\r\n    diagram.querySelector(\r\n      '.ia-node-3'\r\n    ),\r\n\r\n    diagram.querySelector(\r\n      '.ia-node-4'\r\n    ),\r\n\r\n    diagram.querySelector(\r\n      '.ia-node-5'\r\n    )\r\n\r\n  ].filter(Boolean);\r\n\r\n\r\n\r\n  const paths = [];\r\n\r\n  const dots = [];\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     DESSIN DES CONNEXIONS\r\n     ========================================================= *\/\r\n\r\n  function drawConnections(){\r\n\r\n    paths.forEach(\r\n      item => item.remove()\r\n    );\r\n\r\n\r\n    dots.forEach(\r\n      item => item.remove()\r\n    );\r\n\r\n\r\n    paths.length = 0;\r\n\r\n    dots.length = 0;\r\n\r\n\r\n    if(!center) return;\r\n\r\n\r\n    const diagramRect =\r\n      diagram.getBoundingClientRect();\r\n\r\n\r\n    const centerRect =\r\n      center.getBoundingClientRect();\r\n\r\n\r\n    const cx =\r\n      centerRect.left\r\n      -\r\n      diagramRect.left\r\n      +\r\n      centerRect.width \/ 2;\r\n\r\n\r\n    const cy =\r\n      centerRect.top\r\n      -\r\n      diagramRect.top\r\n      +\r\n      centerRect.height \/ 2;\r\n\r\n\r\n    svg.setAttribute(\r\n      'viewBox',\r\n      `0 0 ${diagramRect.width} ${diagramRect.height}`\r\n    );\r\n\r\n\r\n\r\n    nodes.forEach(\r\n      (node,index)=>{\r\n\r\n\r\n        const rect =\r\n          node.getBoundingClientRect();\r\n\r\n\r\n        const nx =\r\n          rect.left\r\n          -\r\n          diagramRect.left\r\n          +\r\n          rect.width \/ 2;\r\n\r\n\r\n        const ny =\r\n          rect.top\r\n          -\r\n          diagramRect.top\r\n          +\r\n          rect.height \/ 2;\r\n\r\n\r\n\r\n        \/* Direction *\/\r\n\r\n        const dx =\r\n          nx - cx;\r\n\r\n        const dy =\r\n          ny - cy;\r\n\r\n\r\n        const distance =\r\n          Math.sqrt(\r\n            dx * dx\r\n            +\r\n            dy * dy\r\n          );\r\n\r\n\r\n        const ux =\r\n          dx \/ distance;\r\n\r\n        const uy =\r\n          dy \/ distance;\r\n\r\n\r\n\r\n        \/*\r\n         * On ne d\u00e9marre pas au milieu\r\n         * exact de la bulle centrale.\r\n         *\/\r\n\r\n        const centerRadius =\r\n          centerRect.width \/ 2 - 5;\r\n\r\n\r\n        const startX =\r\n          cx\r\n          +\r\n          ux * centerRadius;\r\n\r\n\r\n        const startY =\r\n          cy\r\n          +\r\n          uy * centerRadius;\r\n\r\n\r\n\r\n        \/*\r\n         * On termine juste avant\r\n         * la carte de l'\u00e9tape.\r\n         *\/\r\n\r\n        const endX =\r\n          nx\r\n          -\r\n          ux * Math.min(\r\n            rect.width,\r\n            rect.height\r\n          ) * .46;\r\n\r\n\r\n        const endY =\r\n          ny\r\n          -\r\n          uy * Math.min(\r\n            rect.width,\r\n            rect.height\r\n          ) * .46;\r\n\r\n\r\n\r\n        \/*\r\n         * Petit contr\u00f4le courbe.\r\n         *\/\r\n\r\n        const perpX =\r\n          -uy;\r\n\r\n        const perpY =\r\n          ux;\r\n\r\n\r\n        const curveDirection =\r\n          index % 2 === 0\r\n          ? 1\r\n          : -1;\r\n\r\n\r\n        const curveAmount =\r\n          18 * curveDirection;\r\n\r\n\r\n        const controlX =\r\n          (\r\n            startX\r\n            +\r\n            endX\r\n          )\r\n          \/ 2\r\n          +\r\n          perpX\r\n          *\r\n          curveAmount;\r\n\r\n\r\n        const controlY =\r\n          (\r\n            startY\r\n            +\r\n            endY\r\n          )\r\n          \/ 2\r\n          +\r\n          perpY\r\n          *\r\n          curveAmount;\r\n\r\n\r\n\r\n        const d = `\r\n\r\n          M\r\n          ${startX}\r\n          ${startY}\r\n\r\n          Q\r\n          ${controlX}\r\n          ${controlY}\r\n\r\n          ${endX}\r\n          ${endY}\r\n\r\n        `;\r\n\r\n\r\n\r\n        \/* Ligne discr\u00e8te *\/\r\n\r\n        const bg =\r\n          document.createElementNS(\r\n            svgNS,\r\n            'path'\r\n          );\r\n\r\n\r\n        bg.setAttribute(\r\n          'class',\r\n          'ia-js-path-bg'\r\n        );\r\n\r\n\r\n        bg.setAttribute(\r\n          'd',\r\n          d\r\n        );\r\n\r\n\r\n        svg.appendChild(\r\n          bg\r\n        );\r\n\r\n\r\n\r\n        \/* Ligne active *\/\r\n\r\n        const path =\r\n          document.createElementNS(\r\n            svgNS,\r\n            'path'\r\n          );\r\n\r\n\r\n        path.setAttribute(\r\n          'class',\r\n          'ia-js-path'\r\n        );\r\n\r\n\r\n        path.setAttribute(\r\n          'd',\r\n          d\r\n        );\r\n\r\n\r\n        svg.appendChild(\r\n          path\r\n        );\r\n\r\n\r\n        paths.push(\r\n          path\r\n        );\r\n\r\n\r\n\r\n        \/* Point anim\u00e9 *\/\r\n\r\n        const dot =\r\n          document.createElementNS(\r\n            svgNS,\r\n            'circle'\r\n          );\r\n\r\n\r\n        dot.setAttribute(\r\n          'class',\r\n          'ia-js-moving-dot'\r\n        );\r\n\r\n\r\n        dot.setAttribute(\r\n          'r',\r\n          '4'\r\n        );\r\n\r\n\r\n        svg.appendChild(\r\n          dot\r\n        );\r\n\r\n\r\n        dots.push(\r\n          dot\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     ANIMATION D'UN POINT SUR UNE LIGNE\r\n     ========================================================= *\/\r\n\r\n  function animateDot(\r\n    path,\r\n    dot,\r\n    duration\r\n  ){\r\n\r\n    const length =\r\n      path.getTotalLength();\r\n\r\n\r\n    const start =\r\n      performance.now();\r\n\r\n\r\n    dot.classList.add(\r\n      'active'\r\n    );\r\n\r\n\r\n    function frame(now){\r\n\r\n      const progress =\r\n        Math.min(\r\n          1,\r\n          (\r\n            now - start\r\n          )\r\n          \/\r\n          duration\r\n        );\r\n\r\n\r\n      const point =\r\n        path.getPointAtLength(\r\n          length * progress\r\n        );\r\n\r\n\r\n      dot.setAttribute(\r\n        'cx',\r\n        point.x\r\n      );\r\n\r\n\r\n      dot.setAttribute(\r\n        'cy',\r\n        point.y\r\n      );\r\n\r\n\r\n      if(progress < 1){\r\n\r\n        requestAnimationFrame(\r\n          frame\r\n        );\r\n\r\n      }\r\n\r\n      else{\r\n\r\n        setTimeout(\r\n          ()=>{\r\n            dot.classList.remove(\r\n              'active'\r\n            );\r\n          },\r\n          250\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    requestAnimationFrame(\r\n      frame\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     S\u00c9QUENCE DES \u00c9TAPES\r\n     ========================================================= *\/\r\n\r\n  let current =\r\n    -1;\r\n\r\n\r\n  function activateStep(){\r\n\r\n    nodes.forEach(\r\n      node => {\r\n        node.classList.remove(\r\n          'ia-js-active'\r\n        );\r\n      }\r\n    );\r\n\r\n\r\n    paths.forEach(\r\n      path => {\r\n        path.classList.remove(\r\n          'active'\r\n        );\r\n      }\r\n    );\r\n\r\n\r\n    current++;\r\n\r\n\r\n    if(\r\n      current >= nodes.length\r\n    ){\r\n\r\n      current = 0;\r\n\r\n    }\r\n\r\n\r\n    const node =\r\n      nodes[current];\r\n\r\n\r\n    const path =\r\n      paths[current];\r\n\r\n\r\n    const dot =\r\n      dots[current];\r\n\r\n\r\n    if(node){\r\n\r\n      node.classList.add(\r\n        'ia-js-active'\r\n      );\r\n\r\n    }\r\n\r\n\r\n    if(path){\r\n\r\n      path.classList.add(\r\n        'active'\r\n      );\r\n\r\n    }\r\n\r\n\r\n    if(\r\n      path\r\n      &&\r\n      dot\r\n    ){\r\n\r\n      animateDot(\r\n        path,\r\n        dot,\r\n        720\r\n      );\r\n\r\n    }\r\n\r\n\r\n    if(center){\r\n\r\n      center.classList.add(\r\n        'ia-js-center-active'\r\n      );\r\n\r\n\r\n      setTimeout(\r\n        ()=>{\r\n          center.classList.remove(\r\n            'ia-js-center-active'\r\n          );\r\n        },\r\n        650\r\n      );\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     LANCEMENT\r\n     ========================================================= *\/\r\n\r\n  drawConnections();\r\n\r\n\r\n  \/*\r\n   * Premier passage rapide,\r\n   * puis une \u00e9tape toutes les 1,35 sec.\r\n   *\/\r\n\r\n  setTimeout(\r\n    activateStep,\r\n    500\r\n  );\r\n\r\n\r\n  const sequence =\r\n    setInterval(\r\n      activateStep,\r\n      1350\r\n    );\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     REDIMENSIONNEMENT\r\n     ========================================================= *\/\r\n\r\n  let resizeTimer;\r\n\r\n\r\n  window.addEventListener(\r\n    'resize',\r\n    ()=>{\r\n\r\n      clearTimeout(\r\n        resizeTimer\r\n      );\r\n\r\n\r\n      resizeTimer =\r\n        setTimeout(\r\n          drawConnections,\r\n          180\r\n        );\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  if(\r\n    'ResizeObserver'\r\n    in window\r\n  ){\r\n\r\n    const resizeObserver =\r\n      new ResizeObserver(\r\n        ()=>{\r\n\r\n          clearTimeout(\r\n            resizeTimer\r\n          );\r\n\r\n\r\n          resizeTimer =\r\n            setTimeout(\r\n              drawConnections,\r\n              120\r\n            );\r\n\r\n        }\r\n      );\r\n\r\n\r\n    resizeObserver.observe(\r\n      diagram\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     PAUSE SI LE DIAGRAMME N'EST PAS VISIBLE\r\n     ========================================================= *\/\r\n\r\n  if(\r\n    'IntersectionObserver'\r\n    in window\r\n  ){\r\n\r\n    let visible =\r\n      true;\r\n\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n        entries => {\r\n\r\n          visible =\r\n            entries[0]\r\n            ?.isIntersecting;\r\n\r\n        },\r\n        {\r\n          threshold:.1\r\n        }\r\n      );\r\n\r\n\r\n    observer.observe(\r\n      diagram\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\r\n<style>\r\n\r\n\/* =========================================================\r\n   SYNCHRONISATION DES CARTES \u00c0 DROITE\r\n   ========================================================= *\/\r\n\r\n#inrcyAutonomy .ia-step-card{\r\n  opacity:.55;\r\n\r\n  transform:\r\n    translateX(0)\r\n    scale(.985);\r\n\r\n  transition:\r\n    opacity .45s ease,\r\n    transform .45s cubic-bezier(.2,.8,.2,1),\r\n    border-color .45s ease,\r\n    background .45s ease,\r\n    box-shadow .45s ease !important;\r\n}\r\n\r\n\r\n\/* Carte correspondant \u00e0 l'\u00e9tape active *\/\r\n\r\n#inrcyAutonomy .ia-step-card.ia-side-active{\r\n  opacity:1;\r\n\r\n  transform:\r\n    translateX(7px)\r\n    scale(1.018);\r\n\r\n  border-color:\r\n    rgba(174,70,255,.58) !important;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(24,43,80,.98),\r\n      rgba(12,25,52,.98)\r\n    ) !important;\r\n\r\n  box-shadow:\r\n    0 18px 38px rgba(0,0,0,.20),\r\n    0 0 26px rgba(166,47,255,.16),\r\n    inset 0 1px 0 rgba(255,255,255,.055) !important;\r\n}\r\n\r\n\r\n\/* Petit halo derri\u00e8re la carte *\/\r\n\r\n#inrcyAutonomy .ia-step-card::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:-1px;\r\n\r\n  z-index:-1;\r\n\r\n  border-radius:inherit;\r\n\r\n  opacity:0;\r\n\r\n  pointer-events:none;\r\n\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      rgba(255,116,55,.22),\r\n      rgba(255,47,145,.20),\r\n      rgba(166,47,255,.22),\r\n      rgba(23,140,255,.18)\r\n    );\r\n\r\n  filter:blur(15px);\r\n\r\n  transition:\r\n    opacity .4s ease;\r\n}\r\n\r\n\r\n#inrcyAutonomy .ia-step-card.ia-side-active::after{\r\n  opacity:1;\r\n}\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   NUM\u00c9RO\r\n   --------------------------------------------------------- *\/\r\n\r\n#inrcyAutonomy\r\n.ia-step-card.ia-side-active\r\n.ia-step-num{\r\n\r\n  filter:\r\n    drop-shadow(\r\n      0 0 9px\r\n      rgba(255,47,145,.45)\r\n    );\r\n\r\n  transform:\r\n    scale(1.08);\r\n}\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   FL\u00c8CHE\r\n   --------------------------------------------------------- *\/\r\n\r\n#inrcyAutonomy .ia-step-arrow{\r\n  transition:\r\n    background .4s ease,\r\n    transform .4s ease,\r\n    box-shadow .4s ease !important;\r\n}\r\n\r\n\r\n#inrcyAutonomy\r\n.ia-step-card.ia-side-active\r\n.ia-step-arrow{\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #FF7437,\r\n      #FF2F91,\r\n      #A62FFF,\r\n      #178CFF\r\n    ) !important;\r\n\r\n  transform:\r\n    translateX(3px)\r\n    scale(1.06);\r\n\r\n  box-shadow:\r\n    0 0 18px\r\n    rgba(166,47,255,.35);\r\n}\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   TITRE\r\n   --------------------------------------------------------- *\/\r\n\r\n#inrcyAutonomy .ia-step-copy strong{\r\n  transition:\r\n    color .4s ease,\r\n    transform .4s ease,\r\n    text-shadow .4s ease !important;\r\n}\r\n\r\n\r\n#inrcyAutonomy\r\n.ia-step-card.ia-side-active\r\n.ia-step-copy strong{\r\n\r\n  color:#FFFFFF !important;\r\n\r\n  transform:\r\n    translateX(2px);\r\n\r\n  text-shadow:\r\n    0 0 15px\r\n    rgba(255,255,255,.10);\r\n}\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   TEXTE\r\n   --------------------------------------------------------- *\/\r\n\r\n#inrcyAutonomy .ia-step-copy p{\r\n  transition:\r\n    color .4s ease,\r\n    opacity .4s ease !important;\r\n}\r\n\r\n\r\n#inrcyAutonomy\r\n.ia-step-card.ia-side-active\r\n.ia-step-copy p{\r\n\r\n  color:#B7C5DD !important;\r\n  opacity:1;\r\n}\r\n\r\n\r\n\/* Mobile : pas de d\u00e9placement lat\u00e9ral *\/\r\n\r\n@media(max-width:640px){\r\n\r\n  #inrcyAutonomy .ia-step-card.ia-side-active{\r\n    transform:\r\n      scale(1.015);\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  const autonomy =\r\n    document.getElementById(\r\n      'inrcyAutonomy'\r\n    );\r\n\r\n  if(!autonomy) return;\r\n\r\n\r\n  const diagramNodes =\r\n    Array.from(\r\n      autonomy.querySelectorAll(\r\n        '.ia-diagram .ia-node'\r\n      )\r\n    );\r\n\r\n\r\n  const sideCards =\r\n    Array.from(\r\n      autonomy.querySelectorAll(\r\n        '.ia-steps-col .ia-step-card'\r\n      )\r\n    );\r\n\r\n\r\n  if(\r\n    !diagramNodes.length ||\r\n    !sideCards.length\r\n  ){\r\n    return;\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     SYNCHRONISATION\r\n     ========================================================= *\/\r\n\r\n  function syncCards(){\r\n\r\n    diagramNodes.forEach(\r\n      (node,index)=>{\r\n\r\n        const card =\r\n          sideCards[index];\r\n\r\n        if(!card) return;\r\n\r\n\r\n        const active =\r\n          node.classList.contains(\r\n            'ia-js-active'\r\n          );\r\n\r\n\r\n        card.classList.toggle(\r\n          'ia-side-active',\r\n          active\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     SURVEILLE L'ANIMATION DU DIAGRAMME\r\n     ========================================================= *\/\r\n\r\n  diagramNodes.forEach(\r\n    node =>{\r\n\r\n      const observer =\r\n        new MutationObserver(\r\n          syncCards\r\n        );\r\n\r\n\r\n      observer.observe(\r\n        node,\r\n        {\r\n          attributes:true,\r\n          attributeFilter:[\r\n            'class'\r\n          ]\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* \u00c9tat initial *\/\r\n\r\n  syncCards();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4bde54f e-flex e-con-boxed e-con e-parent\" data-id=\"4bde54f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6fe09f elementor-widget elementor-widget-html\" data-id=\"c6fe09f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"inrcy-story-simple\">\r\n\r\n  <div class=\"inrcy-story-simple-inner\">\r\n\r\n    <!-- =====================================================\r\n         GAUCHE \u2014 TEXTE\r\n         ===================================================== -->\r\n\r\n    <div class=\"inrcy-story-simple-copy\">\r\n\r\n      <div class=\"inrcy-story-simple-label\">\r\n\r\n        <span><\/span>\r\n\r\n        La soci\u00e9t\u00e9 derri\u00e8re iNrCy\r\n\r\n      <\/div>\r\n\r\n\r\n      <h2>\r\n\r\n        Une technologie n\u00e9e\r\n\r\n        <span>\r\n          de plus de 10 ans de terrain.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n\r\n      <p>\r\n\r\n        iNrCy est n\u00e9 d'une r\u00e9alit\u00e9 tr\u00e8s simple :\r\n\r\n        <strong>\r\n          les professionnels ont besoin de communiquer,\r\n          mais pas d'y consacrer leurs journ\u00e9es.\r\n        <\/strong>\r\n\r\n        Notre exp\u00e9rience du web et de l'accompagnement\r\n        des professionnels nous a permis d'observer\r\n        les m\u00eames probl\u00e9matiques dans de nombreux secteurs :\r\n        multiplication des plateformes, manque de temps,\r\n        contenus \u00e0 adapter encore et encore\r\n        et besoin de rester autonome.\r\n\r\n      <\/p>\r\n\r\n\r\n      <!-- PETIT BLOC OBJECTIF -->\r\n\r\n      <div class=\"inrcy-story-simple-goal\">\r\n\r\n        <div class=\"inrcy-story-simple-goal-icon\">\r\n          \u2726\r\n        <\/div>\r\n\r\n        <div>\r\n\r\n          <strong>\r\n            Notre objectif\r\n          <\/strong>\r\n\r\n          <span>\r\n            Rendre la communication multicanale plus simple,\r\n            plus rapide et plus accessible \u00e0 tous les professionnels.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         DROITE \u2014 3 PHOTOS VERTICALES\r\n         ===================================================== -->\r\n\r\n    <div class=\"inrcy-story-simple-gallery\">\r\n\r\n\r\n      <!-- PHOTO 1 -->\r\n\r\n      <div class=\"inrcy-story-simple-photo\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2025\/10\/Capture-decran-2025-10-13-153054.png\"\r\n          alt=\"\u00c9quipe iNrCy\"\r\n          loading=\"lazy\"\r\n        >\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- PHOTO 2 -->\r\n\r\n      <div class=\"inrcy-story-simple-photo\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2025\/10\/Capture-decran-2025-10-13-143650-e1786544761336.png\"\r\n          loading=\"lazy\"\r\n        >\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- PHOTO 3 -->\r\n\r\n      <div class=\"inrcy-story-simple-photo\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/inrcy.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-08-at-19.48.49.jpeg\"\r\n          alt=\"\u00c9quipe iNrCy\"\r\n          alt=\"\u00c9quipe iNrCy\"\r\n          loading=\"lazy\"\r\n        >\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n <script>\r\n(function(){\r\n\r\n  function initStoryReveal(){\r\n\r\n    const section =\r\n      document.querySelector('.inrcy-story-simple');\r\n\r\n    if(!section) return;\r\n\r\n    if(section.dataset.storyRevealInit === 'true'){\r\n      return;\r\n    }\r\n\r\n    section.dataset.storyRevealInit = 'true';\r\n\r\n\r\n    const photos =\r\n      Array.from(\r\n        section.querySelectorAll(\r\n          '.inrcy-story-simple-photo'\r\n        )\r\n      );\r\n\r\n    const copy =\r\n      section.querySelector(\r\n        '.inrcy-story-simple-copy'\r\n      );\r\n\r\n    if(!photos.length) return;\r\n\r\n\r\n    \/* =====================================================\r\n       CSS inject\u00e9 automatiquement\r\n       ===================================================== *\/\r\n\r\n    const style =\r\n      document.createElement('style');\r\n\r\n    style.textContent = `\r\n\r\n      .inrcy-story-simple-copy{\r\n        opacity:0;\r\n        transform:translateX(-18px);\r\n        transition:\r\n          opacity .7s ease,\r\n          transform .7s cubic-bezier(.2,.8,.2,1);\r\n      }\r\n\r\n      .inrcy-story-simple-copy.story-copy-visible{\r\n        opacity:1;\r\n        transform:translateX(0);\r\n      }\r\n\r\n\r\n      .inrcy-story-simple-photo{\r\n        opacity:0;\r\n        transform:\r\n          translateY(18px)\r\n          scale(.975);\r\n\r\n        transition:\r\n          opacity .65s ease,\r\n          transform .65s cubic-bezier(.2,.8,.2,1),\r\n          box-shadow .65s ease;\r\n      }\r\n\r\n\r\n      .inrcy-story-simple-photo:nth-child(1){\r\n        transform:\r\n          translateX(-18px)\r\n          translateY(14px)\r\n          scale(.975);\r\n      }\r\n\r\n      .inrcy-story-simple-photo:nth-child(2){\r\n        transform:\r\n          translateX(18px)\r\n          translateY(14px)\r\n          scale(.975);\r\n      }\r\n\r\n      .inrcy-story-simple-photo:nth-child(3){\r\n        transform:\r\n          translateY(18px)\r\n          scale(.975);\r\n      }\r\n\r\n\r\n      .inrcy-story-simple-photo.story-photo-visible{\r\n        opacity:1;\r\n        transform:\r\n          translateX(0)\r\n          translateY(0)\r\n          scale(1);\r\n      }\r\n\r\n\r\n      .inrcy-story-simple-photo.story-photo-visible{\r\n        box-shadow:\r\n          0 22px 44px rgba(0,0,0,.24),\r\n          0 0 24px rgba(255,47,145,.08),\r\n          0 0 38px rgba(166,47,255,.10) !important;\r\n      }\r\n\r\n\r\n      .inrcy-story-simple-photo img{\r\n        transition:\r\n          transform .7s ease,\r\n          filter .7s ease;\r\n      }\r\n\r\n      .inrcy-story-simple-photo.story-photo-visible img{\r\n        transform:scale(1.018);\r\n        filter:\r\n          brightness(1.025)\r\n          contrast(1.015);\r\n      }\r\n\r\n\r\n      @media(max-width:650px){\r\n\r\n        .inrcy-story-simple-copy{\r\n          transform:translateY(14px);\r\n        }\r\n\r\n        .inrcy-story-simple-copy.story-copy-visible{\r\n          transform:translateY(0);\r\n        }\r\n\r\n        .inrcy-story-simple-photo:nth-child(1),\r\n        .inrcy-story-simple-photo:nth-child(2),\r\n        .inrcy-story-simple-photo:nth-child(3){\r\n          transform:\r\n            translateY(18px)\r\n            scale(.985);\r\n        }\r\n\r\n        .inrcy-story-simple-photo.story-photo-visible{\r\n          transform:\r\n            translateY(0)\r\n            scale(1);\r\n        }\r\n\r\n      }\r\n\r\n      @media(prefers-reduced-motion:reduce){\r\n\r\n        .inrcy-story-simple-copy,\r\n        .inrcy-story-simple-photo{\r\n          opacity:1 !important;\r\n          transform:none !important;\r\n          transition:none !important;\r\n        }\r\n\r\n      }\r\n\r\n    `;\r\n\r\n    document.head.appendChild(style);\r\n\r\n\r\n    \/* =====================================================\r\n       Animation\r\n       ===================================================== *\/\r\n\r\n    function reveal(){\r\n\r\n      if(copy){\r\n\r\n        setTimeout(\r\n          ()=>{\r\n            copy.classList.add(\r\n              'story-copy-visible'\r\n            );\r\n          },\r\n          80\r\n        );\r\n\r\n      }\r\n\r\n\r\n      photos.forEach(\r\n        (photo,index)=>{\r\n\r\n          setTimeout(\r\n            ()=>{\r\n              photo.classList.add(\r\n                'story-photo-visible'\r\n              );\r\n            },\r\n            280 + index * 220\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       Intersection observer\r\n       ===================================================== *\/\r\n\r\n    if('IntersectionObserver' in window){\r\n\r\n      const observer =\r\n        new IntersectionObserver(\r\n          entries =>{\r\n\r\n            const entry =\r\n              entries[0];\r\n\r\n            if(\r\n              entry &&\r\n              entry.isIntersecting\r\n            ){\r\n\r\n              reveal();\r\n\r\n              observer.disconnect();\r\n\r\n            }\r\n\r\n          },\r\n          {\r\n            threshold:.10\r\n          }\r\n        );\r\n\r\n      observer.observe(section);\r\n\r\n    }\r\n\r\n    else{\r\n\r\n      reveal();\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* Elementor \/ WordPress peut injecter le widget apr\u00e8s le DOM *\/\r\n  if(document.readyState === 'loading'){\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initStoryReveal\r\n    );\r\n\r\n  }\r\n\r\n  else{\r\n\r\n    initStoryReveal();\r\n\r\n  }\r\n\r\n\r\n  window.addEventListener(\r\n    'load',\r\n    ()=>{\r\n      setTimeout(\r\n        initStoryReveal,\r\n        300\r\n      );\r\n    }\r\n  );\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>1 id\u00e9e. 12 contenus. Diffus\u00e9s partout en quelques minutes. Cr\u00e9ez, adaptez et diffusez vos contenus sur tous vos canaux depuis un seul espace. 1. Guidez iNrCy Une photo, une vid\u00e9o ou quelques mots suffisent pour commencer. Une nouvelle r\u00e9alisation \u00e0 partager \u2728 Ajoutez votre id\u00e9e, votre texte et votre visuel. iNrCy s&rsquo;occupe de la suite. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","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-11711","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inrcy.com\/es\/wp-json\/wp\/v2\/pages\/11711","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inrcy.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inrcy.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inrcy.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inrcy.com\/es\/wp-json\/wp\/v2\/comments?post=11711"}],"version-history":[{"count":381,"href":"https:\/\/inrcy.com\/es\/wp-json\/wp\/v2\/pages\/11711\/revisions"}],"predecessor-version":[{"id":12330,"href":"https:\/\/inrcy.com\/es\/wp-json\/wp\/v2\/pages\/11711\/revisions\/12330"}],"wp:attachment":[{"href":"https:\/\/inrcy.com\/es\/wp-json\/wp\/v2\/media?parent=11711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}