{"id":302,"date":"2025-07-24T06:20:33","date_gmt":"2025-07-24T06:20:33","guid":{"rendered":"https:\/\/jourx.fr\/?page_id=302"},"modified":"2026-01-04T17:35:15","modified_gmt":"2026-01-04T17:35:15","slug":"https-jourx-fr","status":"publish","type":"page","link":"https:\/\/jourx.fr\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"302\" class=\"elementor elementor-302\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d308fc e-flex e-con-boxed e-con e-parent\" data-id=\"4d308fc\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2812779 elementor-widget elementor-widget-html\" data-id=\"2812779\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- === HERO JourX (avec objectif + barre de progression + CTA S'inscrire) === -->\r\n<section class=\"jx-hero alignfull\" role=\"banner\" aria-label=\"Introduction JourX\">\r\n  <div class=\"jx-hero__in\">\r\n    <div class=\"jx-hero__copy\">\r\n      <h1 class=\"jx-hero__title\">\r\n        Month\u2019s end won\u2019t fall on the 15th\r\n      <\/h1>\r\n\r\n      <p class=\"jx-hero__lead\">\r\n        The budget management app JourX collects your expenses, adjusts your budget every night, and tells you how much to spend every morning, stress-free.\r\n      <\/p>\r\n\r\n      <div class=\"jx-hero__ctas\">\r\n        <a class=\"jx-btn jx-btn--primary\"\r\n           href=\"\/en\/telecharger-application-budget-quotidien\/#preinscription\"\r\n           aria-label=\"\u00catre pr\u00e9venu de la sortie de JourX\">\r\n          Be notified of the release\r\n        <\/a>\r\n        <a class=\"jx-btn jx-btn--ghost\" href=\"\/en\/fonctionnalites\/\"\r\n           aria-label=\"D\u00e9couvrir les fonctionnalit\u00e9s de JourX\">\r\n          Discover\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Objectif \/ Progression -->\r\n      <div class=\"jx-goal\" role=\"status\" aria-live=\"polite\">\r\n        <div class=\"jx-goal__row\">\r\n          <strong>target<\/strong>&nbsp;1,000 pre-registrations \u2014\r\n          <span id=\"jx-goal-hit\" class=\"jx-goal__hit\">1<\/span> atteinte(s)\r\n        <\/div>\r\n        <div class=\"jx-goal__bar\" aria-hidden=\"true\">\r\n          <div id=\"jx-goal-fill\" class=\"jx-goal__fill\" style=\"width:0%\"><\/div>\r\n        <\/div>\r\n        <a class=\"jx-goal__cta\"\r\n           href=\"\/en\/telecharger-application-budget-quotidien\/#preinscription\"\r\n           aria-label=\"S\u2019inscrire maintenant\">Register<\/a>\r\n        <noscript>\r\n          <div class=\"jx-goal__noscript\">Objectif 1 000 \u2014 1 atteint<\/div>\r\n        <\/noscript>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Mockup, positionn\u00e9 en absolu -->\r\n  <figure class=\"jx-hero__visual\" aria-hidden=\"true\">\r\n    <img fetchpriority=\"high\"\r\n      src=\"https:\/\/jourx.fr\/wp-content\/uploads\/2025\/07\/JourX-App-_10_.webp\"\r\n      alt=\"Aper\u00e7u de l\u2019application JourX sur smartphone\"\r\n      width=\"768\" height=\"886\"\r\n      decoding=\"async\">\r\n  <\/figure>\r\n<\/section>\r\n\r\n<style>\r\n  \/* ====== Variables ====== *\/\r\n  :root{\r\n    --jx-bg:#0e1b3a;\r\n    --jx-lime:#b9ff66;\r\n    --jx-text:#dbe6ff;\r\n    --jx-white:#ffffff;\r\n    --jx-ghost:#27335b;\r\n\r\n    --jx-vis-w: clamp(260px, 36vw, 520px);\r\n    --jx-bleed-r: 0.50;\r\n  }\r\n\r\n  \/* ====== Hero ====== *\/\r\n  .jx-hero{\r\n    position:relative;\r\n    background:var(--jx-bg);\r\n    color:var(--jx-text);\r\n    padding: clamp(32px, 6vw, 72px) clamp(16px, 4vw, 48px) clamp(24px, 4vw, 36px);\r\n    overflow: visible;\r\n  }\r\n\r\n  \/* Full bleed *\/\r\n  .jx-hero.alignfull{\r\n    width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n    box-sizing: border-box;\r\n  }\r\n  html, body { overflow-x: hidden; }\r\n\r\n  .jx-hero__in{\r\n    max-width:1200px;\r\n    margin:0 auto;\r\n    padding-right: calc(var(--jx-vis-w) + clamp(12px, 3vw, 48px));\r\n    display:flex;\r\n    align-items:center;\r\n    min-height: 0;\r\n  }\r\n\r\n  .jx-hero__title{\r\n    color:var(--jx-lime);\r\n    font: 800 clamp(28px, 5vw, 54px)\/1.05 Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n    margin:0 0 14px 0;\r\n    letter-spacing:-0.01em;\r\n  }\r\n  .jx-hero__lead{\r\n    font: 500 clamp(16px, 2.2vw, 20px)\/1.5 Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n    margin:0 0 22px 0;\r\n    max-width:64ch;\r\n  }\r\n  .jx-hero__ctas{ display:flex; gap:12px; flex-wrap:wrap; }\r\n\r\n  .jx-btn{\r\n    display:inline-flex; align-items:center; justify-content:center;\r\n    padding: 12px 18px;\r\n    border-radius:12px;\r\n    font: 700 15px\/1 Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n    text-decoration:none;\r\n    transition:transform .06s ease, box-shadow .2s ease, background .2s ease;\r\n    will-change:transform;\r\n  }\r\n  .jx-btn--primary{ background:var(--jx-lime); color:#0d152f; box-shadow:0 8px 22px rgba(185,255,102,.18); }\r\n  .jx-btn--primary:hover{ transform:translateY(-1px); }\r\n  .jx-btn--ghost{ background:transparent; color:var(--jx-white); border:1px solid var(--jx-ghost); }\r\n  .jx-btn--ghost:hover{ background:rgba(255,255,255,.04); }\r\n\r\n  \/* ====== Objectif \/ Progress ====== *\/\r\n  .jx-goal{\r\n    margin-top:16px;\r\n    background:#121f44;\r\n    border:1px solid var(--jx-ghost);\r\n    border-radius:12px;\r\n    padding:12px 14px;\r\n    max-width:420px;\r\n  }\r\n  .jx-goal__row{\r\n    font:600 13px\/1.3 Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n    color:#cbd8ff;\r\n    margin-bottom:8px;\r\n  }\r\n  .jx-goal__hit{ color:var(--jx-lime); font-weight:800; }\r\n  .jx-goal__bar{\r\n    position:relative;\r\n    height:10px;\r\n    background:#0c1738;\r\n    border:1px solid #27335b;\r\n    border-radius:999px;\r\n    overflow:hidden;\r\n  }\r\n  .jx-goal__fill{\r\n    height:100%;\r\n    width:0%;\r\n    background: linear-gradient(90deg, var(--jx-lime), #e6ffa6);\r\n    box-shadow:0 0 14px rgba(185,255,102,.35) inset;\r\n    transition: width .6s ease;\r\n  }\r\n  .jx-goal__cta{\r\n    display:inline-block;\r\n    margin-top:10px;\r\n    font:700 12px\/1 Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n    color:#0d152f;\r\n    background:var(--jx-lime);\r\n    padding:8px 12px;\r\n    border-radius:10px;\r\n    text-decoration:none;\r\n  }\r\n  .jx-goal__noscript{\r\n    margin-top:8px; font-size:12px; color:#cbd8ff;\r\n  }\r\n\r\n  \/* ====== Mockup ====== *\/\r\n  .jx-hero__visual{\r\n    position:absolute;\r\n    right: clamp(0px, 3vw, 48px);\r\n    bottom: calc(-1 * var(--jx-bleed-r) * 100%);\r\n    width: var(--jx-vis-w);\r\n    margin:0;\r\n    pointer-events:none;\r\n    z-index:2;\r\n  }\r\n  .jx-hero__visual img{\r\n    display:block; width:100%; height:auto;\r\n    filter: drop-shadow(0 20px 40px rgba(0,0,0,.35));\r\n  }\r\n\r\n  \/* ====== Desktop only: remonter le mockup de 20% ====== *\/\r\n  @media (min-width: 821px){\r\n    .jx-hero__visual{\r\n      transform: translateY(-20%);\r\n    }\r\n  }\r\n\r\n  \/* ====== Mobile (seulement) ====== *\/\r\n  @media (max-width: 820px){\r\n    .jx-hero__copy{ position:relative; z-index:2; }\r\n    .jx-hero__in{ padding-right: 0; }\r\n\r\n    .jx-hero__title{\r\n      font-weight:800;\r\n      font-size:16px;\r\n      line-height:1.2;\r\n      margin-bottom:10px;\r\n      max-width: none;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .jx-hero__lead{\r\n      font-weight:500;\r\n      font-size:10px;\r\n      line-height:1.6;\r\n      margin-bottom:16px;\r\n      max-width: min(50%, 60ch);\r\n      text-align:left;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .jx-hero__ctas{\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 6px;\r\n    }\r\n    .jx-btn{\r\n      font-size: 7.5px;\r\n      padding: 6px 9px;\r\n      border-radius: 8px;\r\n    }\r\n\r\n    :root{ --jx-bleed-r: 0.35; }\r\n\r\n    .jx-goal{\r\n      transform: scale(0.5);\r\n      transform-origin: left top;\r\n      margin-bottom: -44px !important;\r\n    }\r\n    .jx-hero{\r\n      padding-bottom: 12px !important;\r\n    }\r\n\r\n    .jx-hero__visual{\r\n      right: 6vw;\r\n      left: auto;\r\n      width: clamp(200px, 58vw, 340px);\r\n      bottom: calc(-1 * var(--jx-bleed-r) * 100%);\r\n      z-index:1;\r\n      transform: translate(20%, -22%);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n\/* Lecture du compteur depuis l'API + rafra\u00eechissement apr\u00e8s soumission Fluent Forms *\/\r\n(function(){\r\n  const ENDPOINT = '\/wp-json\/jourx\/v1\/counter';\r\n  const FORM_ID  = 3; \/\/ id Fluent Forms\r\n\r\n  async function updateCounter(){\r\n    try{\r\n      const res  = await fetch(ENDPOINT, {cache:'no-store', headers:{'Accept':'application\/json'}});\r\n      if(!res.ok) return;\r\n      const data = await res.json();\r\n\r\n      const hit  = document.getElementById('jx-goal-hit');\r\n      const fill = document.getElementById('jx-goal-fill');\r\n\r\n      if (hit && typeof data.count === 'number'){\r\n        hit.textContent = Number(data.count).toLocaleString('fr-FR');\r\n      }\r\n      if (fill && typeof data.count === 'number' && typeof data.goal === 'number' && data.goal > 0){\r\n        const pct = Math.max(0, Math.min(100, (data.count \/ data.goal) * 100));\r\n        fill.style.width = pct + '%';\r\n      }\r\n    }catch(e){ \/* silencieux *\/ }\r\n  }\r\n\r\n  \/\/ Chargement initial\r\n  updateCounter();\r\n\r\n  \/\/ Rafra\u00eechir apr\u00e8s succ\u00e8s AJAX Fluent Forms\r\n  function onFFSuccess(e){\r\n    try{\r\n      const d  = e.detail || {};\r\n      const id = Number(d.formId || d.id || d.form_id || 0);\r\n      if (!id || id === FORM_ID) updateCounter();\r\n    }catch(_){ updateCounter(); }\r\n  }\r\n  window.addEventListener('fluentform_submission_success', onFFSuccess, true);\r\n  window.addEventListener('fluentform_submission_success_' + FORM_ID, onFFSuccess, true);\r\n\r\n  \/\/ Fallback : si jamais l\u2019\u00e9v\u00e9nement n\u2019est pas capt\u00e9, re-fetch apr\u00e8s clic sur submit\r\n  document.addEventListener('click', function(ev){\r\n    const btn = ev.target.closest('#fluentform_' + FORM_ID + ' button[type=\"submit\"], #fluentform_' + FORM_ID + ' .ff-btn-submit');\r\n    if (btn) setTimeout(updateCounter, 2500);\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\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-990230f e-flex e-con-boxed e-con e-parent\" data-id=\"990230f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb29023 elementor-widget elementor-widget-html\" data-id=\"bb29023\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SECTION LIENS SOUS H\u00c9RO \u2013 JourX -->\r\n<section class=\"jx-links\">\r\n  <div class=\"jx-links-inner\">\r\n    <a href=\"https:\/\/jourx.fr\/en\/en-savoir-plus-sur-lapplication-de-gestion-de-budget\/\"\r\n       class=\"jx-link\">\r\n      \u279c Learn more\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/www.facebook.com\/profile.php?id=61566464919207\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"jx-link\">\r\n      \u279c Follow us\r\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"#0901F3\" viewbox=\"0 0 24 24\" style=\"margin-left:6px; vertical-align:middle;\">\r\n        <path d=\"M22.675 0h-21.35C.6 0 0 .6 0 1.325v21.351C0 23.4.6 24                  1.325 24h11.495v-9.294H9.691v-3.622h3.129V8.413c0-3.1                  1.893-4.788 4.659-4.788 1.325 0 2.464.099                  2.795.143v3.24l-1.918.001c-1.505 0-1.796.715-1.796                  1.764v2.313h3.587l-.467 3.622h-3.12V24h6.116C23.4                  24 24 23.4 24 22.676V1.325C24 .6 23.4                  0 22.675 0z\"\/>\r\n      <\/svg>\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .jx-links{\r\n    padding: 20px 0;\r\n  }\r\n\r\n  .jx-links-inner{\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    align-items: flex-start; \/* align\u00e9 \u00e0 gauche *\/\r\n  }\r\n\r\n  .jx-link{\r\n    font-size: 18px;\r\n    font-weight: 500;\r\n    color: #0901F3;\r\n    text-decoration: none;\r\n    transition: color .2s;\r\n  }\r\n\r\n  .jx-link:hover{\r\n    color: #0700c7;\r\n    text-decoration: underline;\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\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-1285f04 e-flex e-con-boxed e-con e-parent\" data-id=\"1285f04\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58a0ac1 elementor-widget elementor-widget-html\" data-id=\"58a0ac1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== BLOC #1 \u2014 COMPTEUR PLAIN (sans fond) ===== -->\r\n<section class=\"jx-countdown jx-countdown--plain\" data-jx-countdown=\"jourx-app\" aria-labelledby=\"jx-countdown-plain-1-title\">\r\n  <div class=\"jx-countdown__inner\">\r\n\r\n    <div class=\"jx-countdown__divider\" aria-hidden=\"true\"><\/div>\r\n\r\n    <h3 id=\"jx-countdown-plain-1-title\" class=\"jx-countdown__title\">\r\n      Countdown \u2014 launch on <strong>30&nbsp;juin&nbsp;2026<\/strong>\r\n    <\/h3>\r\n\r\n    <div class=\"jx-countdown__grid\" role=\"group\" aria-labelledby=\"jx-countdown-plain-1-title\">\r\n      <div class=\"jx-countdown__item\" aria-label=\"days\">\r\n        <div class=\"jx-countdown__num jx-dd\">00<\/div>\r\n        <div class=\"jx-countdown__lab\">Days<\/div>\r\n      <\/div>\r\n      <div class=\"jx-countdown__item\" aria-label=\"Hours\">\r\n        <div class=\"jx-countdown__num jx-hh\">00<\/div>\r\n        <div class=\"jx-countdown__lab\">HOURS<\/div>\r\n      <\/div>\r\n      <div class=\"jx-countdown__item\" aria-label=\"Minutes\">\r\n        <div class=\"jx-countdown__num jx-mm\">00<\/div>\r\n        <div class=\"jx-countdown__lab\">MINUTES<\/div>\r\n      <\/div>\r\n      <div class=\"jx-countdown__item\" aria-label=\"Secondes\">\r\n        <div class=\"jx-countdown__num jx-ss\">00<\/div>\r\n        <div class=\"jx-countdown__lab\">SECONDS<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <p class=\"jx-countdown__done\" hidden>\r\n      \u23f3 La sortie est en cours de pr\u00e9paration. Restez inform\u00e9.\r\n    <\/p>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\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-4a07dea e-flex e-con-boxed e-con e-parent\" data-id=\"4a07dea\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57aca86 elementor-widget elementor-widget-shortcode\" data-id=\"57aca86\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">  <section class=\"jx-seen\" aria-label=\"Vu dans la presse\">\r\n    <style>\r\n      .jx-seen{\r\n        --ink:#0f1944;--brand:#0901F3;--ghost:#e6ecff;\r\n        background:linear-gradient(180deg,#f7fbff,#fff);\r\n        border-top:1px solid rgba(121,255,99,.25);\r\n        padding:28px 16px; \/* \u2191 (\u00e9tait 18px 14px) *\/\r\n      }\r\n      .jx-seen__in{\r\n        max-width:1200px; \/* \u2191 (\u00e9tait 1100px) *\/\r\n        margin:0 auto;\r\n        display:flex;\r\n        gap:24px; \/* \u2191 (\u00e9tait 18px) *\/\r\n        align-items:center;\r\n        flex-wrap:wrap\r\n      }\r\n      .jx-seen b{\r\n        color:var(--ink);\r\n        font:700 16px\/1.1 Poppins,system-ui; \/* \u2191 (\u00e9tait 14px) *\/\r\n      }\r\n      .jx-logos{\r\n        display:flex;\r\n        gap:22px; \/* \u2191 (\u00e9tait 18px) *\/\r\n        align-items:center;\r\n        flex-wrap:wrap;\r\n        margin:0\r\n      }\r\n      .jx-logos a{\r\n        display:inline-flex;\r\n        align-items:center;\r\n        gap:12px; \/* \u2191 (\u00e9tait 10px) *\/\r\n        padding:12px 14px; \/* \u2191 (\u00e9tait 8px 10px) *\/\r\n        border:1px solid var(--ghost);\r\n        border-radius:14px; \/* \u2191 (\u00e9tait 12px) *\/\r\n        background:#fff;\r\n        text-decoration:none\r\n      }\r\n      .jx-logos img{\r\n        height:38px; \/* \u2191 (\u00e9tait 26px) *\/\r\n        display:block\r\n      }\r\n      .jx-logos span{\r\n        font-weight:700;\r\n        color:#0f1944;\r\n        font-size:15px; \/* \u2191 (\u00e9tait 14px) *\/\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"jx-seen__in\">\r\n      <b>Vu dans&nbsp;:<\/b>\r\n      <p class=\"jx-logos\">\r\n        <a href=\"https:\/\/www.courrier-picard.fr\/id662404\/article\/2025-09-29\/cet-habitant-de-friville-escarbotin-lance-une-application-pour-mieux-gerer-son?utm_source=courrierpicard&amp;utm_medium=referral&amp;utm_campaign=press\" target=\"_blank\" rel=\"noopener\">\r\n          <img decoding=\"async\" src=\"https:\/\/jourx.fr\/wp-content\/uploads\/2025\/10\/Design-sans-titre-9.png\" alt=\"Courrier Picard\" loading=\"lazy\">\r\n          <span>Courrier Picard<\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/lespepitestech.com\/startup-de-la-french-tech\/jourx?utm_source=lespepitestech&amp;utm_medium=referral&amp;utm_campaign=press\" target=\"_blank\" rel=\"noopener\">\r\n          <img decoding=\"async\" src=\"https:\/\/jourx.fr\/wp-content\/uploads\/2025\/10\/Logo-LPT.jpg\" alt=\"Les P\u00e9pites Tech\" loading=\"lazy\">\r\n          <span>Les P\u00e9pites Tech<\/span>\r\n        <\/a>\r\n      <\/p>\r\n    <\/div>\r\n  <\/section>\r\n  <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-82d0f1c e-flex e-con-boxed e-con e-parent\" data-id=\"82d0f1c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7032bce elementor-widget elementor-widget-html\" data-id=\"7032bce\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Bouton flottant Amazon \u2014 r\u00e9duit de 50% sur mobile -->\r\n<a class=\"jx-amz-btn\" href=\"https:\/\/www.amazon.fr\/dp\/B0FQLJGVXY?&amp;linkCode=ll1&amp;tag=jourx2025-21&amp;linkId=dbf28d18df1cb1649bb8fd6454bb6bf9&amp;language=fr_FR&amp;ref_=as_li_ss_tl\" target=\"_blank\" rel=\"noopener nofollow sponsored\" aria-label=\"Acheter le livre JourX sur Amazon\">\r\n  <span class=\"amz-text\">Buy the book <strong>JourX<\/strong><\/span>\r\n<\/a>\r\n\r\n<style>\r\n  :root{\r\n    --amz-yellow:#FFD814;\r\n    --amz-yellow-hover:#F7CA00;\r\n    --amz-border:#FCD200;\r\n    --amz-text:#111111;\r\n  }\r\n\r\n  \/* Desktop \/ par d\u00e9faut *\/\r\n  .jx-amz-btn{\r\n    position:fixed; right:16px; bottom:20px; z-index:2147483000;\r\n    display:inline-block; white-space:nowrap;\r\n    height:56px; line-height:56px;                  \/* hauteur bouton *\/\r\n    padding:0 22px 0 128px;                         \/* r\u00e9serve logo \u00e0 gauche *\/\r\n    color:var(--amz-text); background:var(--amz-yellow);\r\n    border:1px solid var(--amz-border); border-radius:999px;\r\n    text-decoration:none; font-weight:800; font-size:16px; \/* texte desktop *\/\r\n    box-shadow:0 8px 22px rgba(0,0,0,.18);\r\n    transition:transform .12s, box-shadow .12s, background-color .12s;\r\n    font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,\"Helvetica Neue\",Arial,sans-serif;\r\n\r\n    \/* Logo Amazon (SVG transparent) *\/\r\n    background-image:url(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/a9\/Amazon_logo.svg\");\r\n    background-repeat:no-repeat;\r\n    background-position:18px center;                \/* position logo *\/\r\n    background-size:98px auto;                      \/* taille logo *\/\r\n  }\r\n  .jx-amz-btn:hover{\r\n    background:var(--amz-yellow-hover);\r\n    transform:translateY(-1px);\r\n    box-shadow:0 10px 26px rgba(0,0,0,.22);\r\n  }\r\n  .amz-text{ font-size:16px; }\r\n\r\n  \/* Mobile : -50% sur tout (bouton + logo + texte) *\/\r\n  @media (max-width:768px){\r\n    .jx-amz-btn{\r\n      right:8px; bottom:10px;\r\n      height:28px; line-height:28px;                \/* 56 -> 28 *\/\r\n      padding:0 11px 0 64px;                        \/* 22 -> 11 \/ 128 -> 64 *\/\r\n      background-position:9px center;               \/* 18 -> 9 *\/\r\n      background-size:49px auto;                    \/* 98 -> 49 *\/\r\n      font-size:8px;                                 \/* s\u00e9curit\u00e9 si .amz-text absent *\/\r\n    }\r\n    .amz-text{ font-size:8px; }                      \/* 16 -> 8 *\/\r\n  }\r\n\r\n  \/* Si banni\u00e8re cookies fixe en bas, d\u00e9cale un peu (optionnel) *\/\r\n  .cookie-banner ~ .jx-amz-btn{ bottom:84px; }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\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-dc7c5c0 e-flex e-con-boxed e-con e-parent\" data-id=\"dc7c5c0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc052c6 elementor-widget elementor-widget-html\" data-id=\"bc052c6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SECTION \u2013 3 \u00c9TAPES JourX (texte gauche \/ image droite, mobile = m\u00eame layout) -->\r\n<section class=\"jx-steps\" aria-labelledby=\"jx-steps-title\">\r\n  <div class=\"jx-steps__inner\">\r\n\r\n    <h2 id=\"jx-steps-title\" class=\"jx-steps__title\">\r\n      How the JourX daily budget app works, in 3 steps\r\n    <\/h2>\r\n\r\n    <!-- \u00c9tape 1 -->\r\n    <div class=\"jx-step\">\r\n      <div class=\"jx-step__text\">\r\n        <p>\r\n          Set your monthly budget once and the end date (e.g., your next payday).\nJourX automatically calculates how much you can spend each day, without any hassle.\r\n        <\/p>\r\n      <\/div>\r\n      <figure class=\"jx-step__media\">\r\n        <img\r\n          src=\"https:\/\/jourx.fr\/wp-content\/uploads\/2025\/07\/JourX_budget-150x150.webp\"\r\n          alt=\"R\u00e9glez une fois votre budget mensuel et la date de fin\"\r\n          loading=\"lazy\" decoding=\"async\">\r\n      <\/figure>\r\n    <\/div>\r\n\r\n    <!-- \u00c9tape 2 -->\r\n    <div class=\"jx-step\">\r\n      <div class=\"jx-step__text\">\r\n        <p>\r\n          Record your spending throughout the day or connect directly to your bank (optional).\nYou can see the impact of each purchase on your daily budget in real time.\r\n        <\/p>\r\n      <\/div>\r\n      <figure class=\"jx-step__media\">\r\n        <img\r\n          src=\"https:\/\/jourx.fr\/wp-content\/uploads\/2025\/07\/JourX_depenses.webp\"\r\n          alt=\"Enregistrez vos d\u00e9penses ou connectez votre banque\"\r\n          loading=\"lazy\" decoding=\"async\">\r\n      <\/figure>\r\n    <\/div>\r\n\r\n    <!-- \u00c9tape 3 -->\r\n    <div class=\"jx-step\">\r\n      <div class=\"jx-step__text\">\r\n        <p>\r\n          Every night, JourX recalculates your budget. Every morning, you receive your new daily budget.\nThis way, you stay in control day after day, and your savings accumulate naturally.\r\n        <\/p>\r\n      <\/div>\r\n      <figure class=\"jx-step__media\">\r\n        <img\r\n          src=\"https:\/\/jourx.fr\/wp-content\/uploads\/2025\/07\/JOurX_calcule.webp\"\r\n          alt=\"Chaque nuit recalcul, chaque matin budget du jour\"\r\n          loading=\"lazy\" decoding=\"async\">\r\n      <\/figure>\r\n    <\/div>\r\n\r\n    <p class=\"jx-steps__note\">The goal: to stay the course one day after the next.<\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* Polices (compatibles Elementor) *\/\r\n  :root{\r\n    --jx-font-display: \"Playfair Display\", Georgia, serif; \/* Titres *\/\r\n    --jx-font-body: \"Poppins\", system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif; \/* Texte *\/\r\n  }\r\n\r\n  .jx-steps{\r\n    padding: 40px 20px;\r\n    font-family: var(--jx-font-body);\r\n    text-rendering: optimizeLegibility;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n  .jx-steps__inner{ max-width: 1000px; margin: 0 auto; }\r\n\r\n  \/* H2 desktop (Elementor-like) *\/\r\n  .jx-steps__title{\r\n    font-family: var(--jx-font-display);\r\n    font-size: clamp(28px, 3.6vw, 40px);\r\n    font-weight: 700;\r\n    margin: 0 0 30px 0;\r\n    color: #0f1944;\r\n    text-align: left;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  \/* Disposition : texte \u00e0 gauche \/ image \u00e0 droite pour desktop et mobile *\/\r\n  .jx-step{\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    gap: 20px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  \/* ===== Desktop : texte un peu plus gras (Poppins 500) ===== *\/\r\n  .jx-step__text{\r\n    flex: 1 1 auto;\r\n    text-align: left;\r\n    font-weight: 500;          \/* NEW: plus gras sur desktop *\/\r\n  }\r\n  .jx-step__text p{\r\n    margin: 0;\r\n    line-height: 1.6;\r\n    font-weight: 500;          \/* NEW: plus gras sur desktop *\/\r\n  }\r\n\r\n  .jx-step__media{ flex: 0 0 auto; margin: 0; }\r\n\r\n  \/* Images harmonis\u00e9es *\/\r\n  .jx-step__media img{\r\n    width: 150px;\r\n    height: auto;\r\n    display: block;\r\n  }\r\n\r\n  \/* Note desktop *\/\r\n  .jx-steps__note{\r\n    font-family: var(--jx-font-body);\r\n    font-size: clamp(18px, 2.2vw, 22px);\r\n    font-weight: 700;\r\n    color: #0f1944;\r\n    text-align: left;\r\n    margin-top: 14px;\r\n  }\r\n\r\n  \/* ===== Mobile : conserver le layout en ligne mais ajuster polices ===== *\/\r\n  @media (max-width: 768px){\r\n    .jx-steps{ padding: 24px 14px; }\r\n\r\n    \/* Titre H2 \u00e0 18 px sur mobile (Playfair Display) *\/\r\n    .jx-steps__title{\r\n      font-family: var(--jx-font-display);\r\n      font-size: 18px;\r\n      margin-bottom: 16px;\r\n      line-height: 1.25;\r\n    }\r\n\r\n    .jx-step{\r\n      gap: 10px;\r\n      margin-bottom: 22px;\r\n    }\r\n\r\n    \/* Texte \u00e0 13 px sur mobile, un peu plus gras (Poppins 500) *\/\r\n    .jx-step__text{\r\n      font-family: var(--jx-font-body);\r\n      font-size: 13px;\r\n      line-height: 1.5;\r\n      letter-spacing: 0.12px;\r\n      font-weight: 500;\r\n    }\r\n\r\n    \/* Image un peu plus petite pour l\u2019\u00e9quilibre *\/\r\n    .jx-step__media img{\r\n      width: 110px;\r\n    }\r\n\r\n    \/* Note \u00e0 14 px sur mobile (inchang\u00e9) *\/\r\n    .jx-steps__note{\r\n      font-size: 14px;\r\n      margin-top: 10px;\r\n    }\r\n  }\r\n\r\n  \/* Tr\u00e8s petit mobile (\u2264360px) : micro-ajustements *\/\r\n  @media (max-width: 360px){\r\n    .jx-step__media img{ width: 98px; }\r\n    .jx-step__text{ font-size: 13px; } \/* verrouill\u00e9 *\/\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\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-05efadf e-flex e-con-boxed e-con e-parent\" data-id=\"05efadf\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27695cf elementor-widget elementor-widget-html\" data-id=\"27695cf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- (Optionnel) Charge les polices si besoin\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Poppins:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n-->\r\n\r\n<!-- SECTION \u2013 Pourquoi choisir JourX (styles align\u00e9s + texte un peu plus gras desktop) -->\r\n<section class=\"jx-why\" aria-labelledby=\"jx-why-title\">\r\n  <div class=\"jx-why__inner\">\r\n\r\n    <!-- Trait de s\u00e9paration au-dessus du titre -->\r\n    <div class=\"jx-why__divider\" aria-hidden=\"true\"><\/div>\r\n\r\n    <!-- Titre pleine largeur -->\r\n    <h2 id=\"jx-why-title\" class=\"jx-why__title\">\r\n      Why choose the JourX daily budget app?\r\n    <\/h2>\r\n\r\n    <!-- Ligne : image \u00e0 gauche \/ texte \u00e0 droite -->\r\n    <div class=\"jx-why__row\">\r\n      <figure class=\"jx-why__media\">\r\n        <img\r\n          src=\"https:\/\/jourx.fr\/wp-content\/uploads\/2025\/07\/JourX_app.webp\"\r\n          alt=\"Application de budget quotidien JourX \u2014 b\u00e9n\u00e9fices cl\u00e9s\"\r\n          loading=\"lazy\" decoding=\"async\">\r\n      <\/figure>\r\n\r\n      <div class=\"jx-why__text\">\r\n        <p>\r\n          JourX doesn't just track history: the app tells you how much you can spend\r\n          <em>Today<\/em> according to your remaining income and your end date. By tracking your daily budget,\nyou can avoid difficult month-ends, progress toward your goals, and regain peace of mind.\r\n        <\/p>\r\n\r\n        <!-- Liste (version desktop) -->\r\n        <div class=\"jx-why__points jx-why__points--desktop\">\r\n          <p class=\"jx-why__point\">\u2705 Daily budget recalculated every night after your spending (if you spend less, the difference is redistributed; if you spend more, the app adjusts).<\/p>\r\n          <p class=\"jx-why__point\">\ud83d\udd14 Personalized notifications morning, noon and night to keep you on track.<\/p>\r\n          <p class=\"jx-why__point\">\ud83e\udd16 Concrete AI advice, tailored to your spending behavior.<\/p>\r\n          <p class=\"jx-why__point\">\ud83d\udd17 Optional bank connection (Connected offer) to automate registration.<\/p>\r\n          <p class=\"jx-why__point\">\ud83d\udcca Clear dashboard with weekly and monthly overview.<\/p>\r\n          <p class=\"jx-why__point\">\ud83d\udedf Objective: get out of overdraft, stabilize the account and generate savings.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Liste (version mobile, d\u00e9plac\u00e9e sous l\u2019image + texte) -->\r\n    <div class=\"jx-why__points jx-why__points--mobile\">\r\n      <p class=\"jx-why__point\">\u2705 Daily budget recalculated every night after your spending (if you spend less, the difference is redistributed; if you spend more, the app adjusts).<\/p>\r\n      <p class=\"jx-why__point\">\ud83d\udd14 Personalized notifications morning, noon and night to keep you on track.<\/p>\r\n      <p class=\"jx-why__point\">\ud83e\udd16 Concrete AI advice, tailored to your spending behavior.<\/p>\r\n      <p class=\"jx-why__point\">\ud83d\udd17 Optional bank connection (Connected offer) to automate registration.<\/p>\r\n      <p class=\"jx-why__point\">\ud83d\udcca Clear dashboard with weekly and monthly overview.<\/p>\r\n      <p class=\"jx-why__point\">\ud83d\udedf Objective: get out of overdraft, stabilize the account and generate savings.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* Familles de polices *\/\r\n  :root{\r\n    --jx-font-display: \"Playfair Display\", Georgia, serif; \/* Titres *\/\r\n    --jx-font-body: \"Poppins\", system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif; \/* Texte *\/\r\n  }\r\n\r\n  .jx-why{\r\n    padding: 40px 20px;\r\n    font-family: var(--jx-font-body);\r\n    text-rendering: optimizeLegibility;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n  .jx-why__inner{ max-width: 1000px; margin: 0 auto; }\r\n\r\n  \/* Trait s\u00e9parateur *\/\r\n  .jx-why__divider{\r\n    width: 100%;\r\n    height: 1px;\r\n    background: rgba(15, 25, 68, 0.12); \/* #0f1944 tr\u00e8s l\u00e9ger *\/\r\n    margin: 0 0 18px 0;\r\n  }\r\n\r\n  \/* Titre (desktop) *\/\r\n  .jx-why__title{\r\n    font-family: var(--jx-font-display);\r\n    font-size: clamp(28px, 3.6vw, 40px);\r\n    line-height: 1.2;\r\n    font-weight: 700;\r\n    color: #0f1944;\r\n    margin: 0 0 18px 0;\r\n    text-align: left;\r\n  }\r\n\r\n  \/* Ligne : image \u00e0 gauche \/ texte \u00e0 droite *\/\r\n  .jx-why__row{\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n  }\r\n\r\n  \/* Image desktop : -15% visuel *\/\r\n  .jx-why__media{ flex: 0 0 auto; margin: 0; }\r\n  .jx-why__media img{\r\n    display: block;\r\n    width: auto;\r\n    height: auto;\r\n    max-width: 100%;\r\n    transform: scale(0.85);\r\n    transform-origin: left top;\r\n  }\r\n\r\n  \/* Texte desktop (l\u00e9g\u00e8rement plus gras maintenant) *\/\r\n  .jx-why__text{\r\n    flex: 1 1 auto;\r\n    text-align: left;\r\n    max-width: 60ch;\r\n    font-family: var(--jx-font-body);\r\n    font-weight: 500;            \/* + de gras sur desktop *\/\r\n  }\r\n  .jx-why__text p{ margin: 0; line-height: 1.6; font-weight: 500; }\r\n\r\n  \/* Points (emojis) desktop : un peu plus gras aussi *\/\r\n  .jx-why__points{ display: grid; gap: 6px; }\r\n  .jx-why__point{ margin: 0; line-height: 1.55; color: #333; font-family: var(--jx-font-body); font-weight: 500; }\r\n\r\n  \/* Masquer la liste mobile sur desktop *\/\r\n  .jx-why__points--mobile{ display: none; }\r\n\r\n  \/* ===== Mobile : tailles\/poids d\u00e9j\u00e0 en 500, on garde ===== *\/\r\n  @media (max-width: 768px){\r\n    .jx-why{ padding: 24px 14px; }\r\n    .jx-why__row{ gap: 10px; }\r\n\r\n    \/* H2 = 18px *\/\r\n    .jx-why__title{\r\n      font-family: var(--jx-font-display);\r\n      font-size: 18px;\r\n      line-height: 1.35;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    \/* Texte = 13px, Poppins 500 *\/\r\n    .jx-why__text{\r\n      font-family: var(--jx-font-body);\r\n      font-size: 13px;\r\n      line-height: 1.5;\r\n      letter-spacing: 0.12px;\r\n      font-weight: 500;\r\n      max-width: none;\r\n    }\r\n    .jx-why__text p{ font-weight: 500; }\r\n\r\n    \/* Image ~47% sur mobile *\/\r\n    .jx-why__media{ flex: 0 0 47%; }\r\n    .jx-why__media img{\r\n      transform: none;\r\n      width: 100%;\r\n      height: auto;\r\n      max-width: none;\r\n    }\r\n\r\n    \/* Liste mobile en bas (13px, 500) *\/\r\n    .jx-why__points--desktop{ display: none; }\r\n    .jx-why__points--mobile{\r\n      display: grid;\r\n      gap: 4px;\r\n      font-family: var(--jx-font-body);\r\n      font-size: 13px;\r\n      line-height: 1.5;\r\n      letter-spacing: 0.12px;\r\n      font-weight: 500;\r\n      margin-top: 8px;\r\n    }\r\n\r\n    .jx-why__divider{ margin-bottom: 12px; }\r\n  }\r\n\r\n  \/* Tr\u00e8s petit mobile *\/\r\n  @media (max-width: 360px){\r\n    .jx-why__media{ flex-basis: 43%; }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\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-e4b3691 e-flex e-con-boxed e-con e-parent\" data-id=\"e4b3691\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77235a2 elementor-widget elementor-widget-html\" data-id=\"77235a2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SECTION \u2013 Chaque jour, un coup de pouce + 6 atouts -->\r\n<section class=\"jx-push\" aria-labelledby=\"jx-push-title\">\r\n  <div class=\"jx-push__inner\">\r\n\r\n    <!-- Trait de s\u00e9paration au-dessus du titre -->\r\n    <div class=\"jx-push__divider\" aria-hidden=\"true\"><\/div>\r\n\r\n    <h2 id=\"jx-push-title\" class=\"jx-push__title\">\r\n      Every day, a helping hand. Just for you.\r\n    <\/h2>\r\n\r\n    <!-- Ligne : texte & image (desktop = image \u00e0 droite ; mobile = image au-dessus du texte) -->\r\n    <div class=\"jx-push__row\">\r\n      <div class=\"jx-push__text\">\r\n        <p>\r\n          JourX is more than just a daily budget app: it's a discreet coach that guides you every day.\nAs soon as you wake up, it sends you a note to remind you of today's budget, adjusted to suit your schedule.\r\n        <\/p>\r\n        <p>\r\n          At noon, he sends you a timely message to help you stay motivated without pressure.\nAnd in the evening, he calmly returns to review your daily expenses with you.\r\n        <\/p>\r\n        <p>\r\n          Everything is personalized: your first name, your results, your progress.\nIt's simple, seamless, and personal. Intelligent support that adapts to you, not the other way around.\nJourX is that little boost that makes all the difference.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <figure class=\"jx-push__media\">\r\n        <img\r\n          src=\"https:\/\/jourx.fr\/wp-content\/uploads\/2025\/07\/JourX_Notification.webp\"\r\n          alt=\"Application de budget quotidien \u2014 r\u00e9gler son budget et la date de fin\"\r\n          loading=\"lazy\" decoding=\"async\">\r\n      <\/figure>\r\n    <\/div>\r\n\r\n    <!-- Grille \u2013 6 atouts -->\r\n    <div class=\"jx-feats\" aria-label=\"Avantages de JourX\">\r\n      <article class=\"jx-feat\">\r\n        <h3 class=\"jx-feat__title\">\ud83c\udfaf Dynamic Budget<\/h3>\r\n        <p class=\"jx-feat__desc\">\r\n          Your daily budget automatically adjusts based on your savings or actual spending.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"jx-feat\">\r\n        <h3 class=\"jx-feat__title\">\ud83e\udd16 Personalized AI Coaching<\/h3>\r\n        <p class=\"jx-feat__desc\">\r\n          Built-in AI to guide you, motivate you, and answer all your budget questions.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"jx-feat\">\r\n        <h3 class=\"jx-feat__title\">\ud83d\udd14 Smart Notifications<\/h3>\r\n        <p class=\"jx-feat__desc\">\r\n          Three messages per day tailored to your first name, your pace and your results: budget, motivation, reminder.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"jx-feat\">\r\n        <h3 class=\"jx-feat__title\">\ud83d\udd17 Bank Connection (connected offer)<\/h3>\r\n        <p class=\"jx-feat__desc\">\r\n          Automate everything thanks to secure integration with your neo-bank: no effort, everything is updated.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"jx-feat\">\r\n        <h3 class=\"jx-feat__title\">\ud83d\udcc8 Visual Summaries<\/h3>\r\n        <p class=\"jx-feat__desc\">\r\n          Track your progress with clear weekly and monthly dashboards.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"jx-feat\">\r\n        <h3 class=\"jx-feat__title\">\ud83e\uddd8 Zero Mental Load<\/h3>\r\n        <p class=\"jx-feat__desc\">\r\n          JourX does the thinking for you. You follow your plan, the app adjusts, notifies, and summarizes. No pressure.\r\n        <\/p>\r\n      <\/article>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root{\r\n    --jx-font-display: \"Playfair Display\", Georgia, serif;\r\n    --jx-font-body: \"Poppins\", system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\r\n    --jx-color-title: #0f1944;\r\n  }\r\n\r\n  .jx-push{\r\n    padding: 40px 20px;\r\n    font-family: var(--jx-font-body);\r\n    text-rendering: optimizeLegibility;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n  .jx-push__inner{ max-width: 1000px; margin: 0 auto; }\r\n\r\n  \/* Trait de s\u00e9paration (m\u00eame style que pr\u00e9c\u00e9demment) *\/\r\n  .jx-push__divider{\r\n    width: 100%;\r\n    height: 1px;\r\n    background: rgba(15, 25, 68, 0.12);\r\n    margin: 0 0 18px 0;\r\n  }\r\n\r\n  .jx-push__title{\r\n    font-family: var(--jx-font-display);\r\n    font-size: clamp(28px, 3.6vw, 40px);\r\n    line-height: 1.2;\r\n    font-weight: 700;\r\n    color: var(--jx-color-title);\r\n    margin: 0 0 18px 0;\r\n    text-align: left;\r\n  }\r\n\r\n  .jx-push__row{\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n    margin-bottom: 28px;\r\n  }\r\n  .jx-push__text{\r\n    flex: 1 1 auto;\r\n    text-align: left;\r\n    color: inherit;\r\n    font-weight: 500;   \/* desktop : un peu plus gras *\/\r\n    max-width: 60ch;\r\n  }\r\n  .jx-push__text p{ margin: 0 0 10px 0; line-height: 1.6; }\r\n\r\n  .jx-push__media{ flex: 0 0 auto; margin: 0; }\r\n  .jx-push__media img{\r\n    display: block;\r\n    width: 100%;\r\n    max-width: 320px;   \/* desktop : limite visuelle *\/\r\n    height: auto;\r\n  }\r\n\r\n  .jx-feats{\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 32px 40px;\r\n  }\r\n  .jx-feat__title{\r\n    margin: 0 0 6px 0;\r\n    font-family: var(--jx-font-body);\r\n    font-weight: 700;\r\n    font-size: clamp(20px, 2vw, 26px);\r\n    line-height: 1.25;\r\n    color: var(--jx-color-title);\r\n  }\r\n  .jx-feat__desc{\r\n    margin: 0;\r\n    color: inherit;\r\n    line-height: 1.6;\r\n    font-weight: 500;\r\n  }\r\n\r\n  \/* ===== Mobile ===== *\/\r\n  @media (max-width: 768px){\r\n    .jx-push{ padding: 24px 14px; }\r\n\r\n    \/* Trait : espace l\u00e9g\u00e8rement r\u00e9duit sur mobile *\/\r\n    .jx-push__divider{ margin-bottom: 12px; }\r\n\r\n    .jx-push__title{\r\n      font-size: 18px;\r\n      line-height: 1.35;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    \/* Empiler et placer l\u2019image sous le titre, au-dessus du texte *\/\r\n    .jx-push__row{\r\n      flex-direction: column;\r\n      gap: 10px;\r\n    }\r\n    .jx-push__media{\r\n      order: -1;\r\n      width: 100%;\r\n      margin: 0 0 6px 0;\r\n      flex: none;\r\n    }\r\n    .jx-push__media img{\r\n      max-width: none;\r\n      width: 100%;\r\n      height: auto;\r\n    }\r\n\r\n    .jx-push__text{\r\n      font-size: 13px;\r\n      line-height: 1.5;\r\n      letter-spacing: 0.12px;\r\n      font-weight: 500;\r\n      max-width: none;\r\n    }\r\n\r\n    .jx-feats{\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 20px 16px;\r\n    }\r\n    .jx-feat__title{\r\n      font-size: 16px;  \/* plus petit que le H2 mobile (18px) *\/\r\n      line-height: 1.35;\r\n    }\r\n    .jx-feat__desc{\r\n      font-size: 13px;\r\n      line-height: 1.5;\r\n      letter-spacing: 0.12px;\r\n      font-weight: 500;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 400px){\r\n    .jx-feats{ grid-template-columns: 1fr; }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\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-12c33fe e-flex e-con-boxed e-con e-parent\" data-id=\"12c33fe\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88e4ab7 elementor-widget elementor-widget-html\" data-id=\"88e4ab7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SECTION \u2013 Ce que JourX change (3 histoires courtes) -->\r\n<section class=\"jx-stories\" aria-labelledby=\"jx-stories-title\">\r\n  <div class=\"jx-stories__inner\">\r\n\r\n    <!-- Trait de s\u00e9paration -->\r\n    <div class=\"jx-stories__divider\" aria-hidden=\"true\"><\/div>\r\n\r\n    <!-- Titre -->\r\n    <h2 id=\"jx-stories-title\" class=\"jx-stories__title\">\r\n      What JourX changes (3 short stories)\r\n    <\/h2>\r\n\r\n    <!-- Grille 3 histoires -->\r\n    <div class=\"jx-stories__grid\">\r\n      <!-- Sarah -->\r\n      <article class=\"jx-story\">\r\n        <h3 class=\"jx-story__name\">Sarah \u2014 from overdraft to balance<\/h3>\r\n        <p><strong>Before.<\/strong> 28 years old, -\u20ac500 recurring overdraft, direct debits rejected.<\/p>\r\n        <p><strong>With JourX.<\/strong> She sets her remaining income (\u20ac1,128) and the end date; JourX calculates \u20ac37.60\/day. Three reminders\/day, recording of expenses in the evening.<\/p>\r\n        <p><strong>After 30 days.<\/strong> Overdraft \u2013\u20ac500 \u2192 \u2013\u20ac30, no more rejections, reduced stress.<\/p>\r\n        <p><strong>Within 3 months.<\/strong> +200 \u20ac savings.<\/p>\r\n        <p class=\"jx-story__quote\">Simple decision every morning, serenity restored in the evening.<\/p>\r\n      <\/article>\r\n\r\n      <!-- Julien -->\r\n      <article class=\"jx-story\">\r\n        <h3 class=\"jx-story__name\">Julien \u2014 from \u201cit\u2019s going well\u201d to \u201cit\u2019s progressing\u201d<\/h3>\r\n        <p><strong>Before.<\/strong> 34 ans, revenus stables mais fins de mois serr\u00e9es, aucune vue quotidienne.<\/p>\r\n        <p><strong>With JourX.<\/strong> Il saisit son budget variable (990 \u20ac) \u2192 33 \u20ac\/jour. Notifications matin\/midi\/soir, suivi l\u00e9ger mais r\u00e9gulier.<\/p>\r\n        <p><strong>After 30 days.<\/strong> Z\u00e9ro d\u00e9couvert, d\u00e9penses moyennes ~32 \u20ac\/jour.<\/p>\r\n        <p><strong>Within 3 months.<\/strong> +400 \u20ac mis de c\u00f4t\u00e9, plaisir sans culpabilit\u00e9.<\/p>\r\n        <p class=\"jx-story__quote\">Clart\u00e9 + routine = marge de man\u0153uvre.<\/p>\r\n      <\/article>\r\n\r\n      <!-- Claire -->\r\n      <article class=\"jx-story\">\r\n        <h3 class=\"jx-story__name\">Claire \u2014 from scattered comfort to concrete project<\/h3>\r\n        <p><strong>Before.<\/strong> 42 ans, bon revenu, achats impulsifs, anxi\u00e9t\u00e9 d\u2019impr\u00e9vus.<\/p>\r\n        <p><strong>With JourX.<\/strong> Budget variable (1 800 \u20ac) \u2192 60 \u20ac\/jour. Elle planifie mieux, suit ses d\u00e9penses.<\/p>\r\n        <p><strong>After 30 days.<\/strong> D\u00e9penses ~55 \u20ac\/jour, fin des surco\u00fbts et du stress.<\/p>\r\n        <p><strong>Dans les 3\u20136 mois.<\/strong> 1 200 \u20ac puis 3 000 \u20ac d\u2019\u00e9pargne, voyage planifi\u00e9.<\/p>\r\n        <p class=\"jx-story__quote\">M\u00eame avec de bons revenus, la m\u00e9thode fait la diff\u00e9rence.<\/p>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <!-- Note -->\r\n    <p class=\"jx-stories__note\">\r\n      <strong>Honesty Note<\/strong><br>\r\n      Fictitious cases, inspired by internal tests and typical uses - results vary.<br>\r\n      JourX requires no fixed income or expenses: you enter your available monthly budget and the end date.\nThe app recalculates each night and gives you the daily budget each morning.\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style id=\"jx-stories-css\">\r\n  :root{\r\n    --jx-font-display: \"Playfair Display\", Georgia, serif;\r\n    --jx-font-body: \"Poppins\", system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\r\n    --jx-color-title: #0f1944;\r\n  }\r\n\r\n  .jx-stories{\r\n    padding: 40px 20px;\r\n    font-family: var(--jx-font-body);\r\n    text-rendering: optimizeLegibility;\r\n    -webkit-font-smoothing: antialiased;\r\n    position: relative; z-index: 0; overflow: visible; \/* durcissage anti-bug *\/\r\n  }\r\n  .jx-stories__inner{ max-width: 1000px; margin: 0 auto; }\r\n  .jx-stories__inner::after{ content:\"\"; display:block; clear: both; } \/* clear de s\u00e9curit\u00e9 *\/\r\n\r\n  \/* Trait *\/\r\n  .jx-stories__divider{\r\n    width: 100%;\r\n    height: 1px;\r\n    background: rgba(15, 25, 68, 0.12);\r\n    margin: 0 0 18px 0;\r\n  }\r\n\r\n  \/* H2 *\/\r\n  .jx-stories__title{\r\n    font-family: var(--jx-font-display);\r\n    font-size: clamp(28px, 3.6vw, 40px);\r\n    line-height: 1.2;\r\n    font-weight: 700;\r\n    color: var(--jx-color-title);\r\n    margin: 0 0 18px 0;\r\n    text-align: left;\r\n  }\r\n\r\n  \/* Grille (desktop : 3 colonnes) *\/\r\n  .jx-stories__grid{\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 22px;\r\n  }\r\n\r\n  \/* Carte *\/\r\n  .jx-story{\r\n    border: 1px solid rgba(15, 25, 68, 0.08);\r\n    border-radius: 10px;\r\n    padding: 16px 16px 14px;\r\n    background: #fff;\r\n    color: inherit;\r\n    font-weight: 500; \/* desktop un peu plus gras *\/\r\n  }\r\n  .jx-story__name{\r\n    margin: 0 0 8px 0;\r\n    font-family: var(--jx-font-body);\r\n    font-weight: 700;\r\n    font-size: clamp(20px, 2vw, 22px);\r\n    line-height: 1.3;\r\n    color: var(--jx-color-title);\r\n  }\r\n  .jx-story p{ margin: 0 0 8px 0; line-height: 1.6; }\r\n  .jx-story__quote{\r\n    margin: 10px 0 0 0;\r\n    padding-left: 10px;\r\n    border-left: 3px solid rgba(15, 25, 68, 0.25);\r\n    font-style: italic;\r\n  }\r\n\r\n  \/* Note bas de section *\/\r\n  .jx-stories__note{\r\n    margin-top: 16px;\r\n    font-weight: 500;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  \/* ===== Mobile : 3 cartes sur UNE SEULE LIGNE + compact ===== *\/\r\n  @media (max-width: 768px){\r\n    .jx-stories{ padding: 24px 14px; }\r\n    .jx-stories__divider{ margin-bottom: 12px; }\r\n\r\n    \/* H2 = 18px *\/\r\n    .jx-stories__title{\r\n      font-size: 18px;\r\n      line-height: 1.35;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    \/* 3 colonnes sur mobile (au lieu d\u2019empiler) *\/\r\n    .jx-stories__grid{\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 10px; \/* plus serr\u00e9 *\/\r\n    }\r\n\r\n    \/* Cartes compactes pour que les 3 tiennent \u00e0 l\u2019\u00e9cran *\/\r\n    .jx-story{\r\n      padding: 10px 8px;\r\n      font-size: 11px;         \/* < 13px pour tout faire tenir *\/\r\n      line-height: 1.45;\r\n      letter-spacing: 0.1px;\r\n      font-weight: 500;\r\n    }\r\n    .jx-story__name{\r\n      font-size: 14px;         \/* < H2 (18px) et < h3 desktop *\/\r\n      line-height: 1.3;\r\n      margin-bottom: 6px;\r\n    }\r\n    .jx-story__quote{\r\n      margin-top: 6px;\r\n      border-left-width: 2px;\r\n    }\r\n\r\n    .jx-stories__note{\r\n      font-size: 12px;         \/* compact pour rester \u00e0 l\u2019\u00e9cran *\/\r\n      line-height: 1.45;\r\n      letter-spacing: 0.1px;\r\n      margin-top: 12px;\r\n    }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\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-bf030cb e-flex e-con-boxed e-con e-parent\" data-id=\"bf030cb\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a727a6 elementor-widget elementor-widget-html\" data-id=\"2a727a6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SECTION \u2013 Bient\u00f4t disponible (image supprim\u00e9e, contenu centr\u00e9) -->\r\n<section class=\"jx-soon\" aria-labelledby=\"jx-soon-title\">\r\n  <div class=\"jx-soon__inner\">\r\n\r\n    <!-- Trait de s\u00e9paration -->\r\n    <div class=\"jx-soon__divider\" aria-hidden=\"true\"><\/div>\r\n\r\n    <!-- Titre -->\r\n    <h2 id=\"jx-soon-title\" class=\"jx-soon__title\">Coming soon<\/h2>\r\n\r\n    <!-- Contenu centr\u00e9 -->\r\n    <div class=\"jx-soon__content\">\r\n      <div class=\"jx-soon__text\">\r\n        <p>\r\n          JourX is coming to mobile very soon. Follow us to be notified as soon as\ndownloads are available.\r\n        <\/p>\r\n\r\n        <!-- Logos stores (\u00e9tat \"bient\u00f4t\") -->\r\n        <div class=\"jx-badges\" aria-label=\"Stores\">\r\n          <!-- Badge App Store -->\r\n          <a class=\"jx-badge\" aria-disabled=\"true\" tabindex=\"-1\">\r\n            <span class=\"jx-badge__icon\" aria-hidden=\"true\">\r\n              <!-- Apple logo SVG -->\r\n              <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" role=\"img\">\r\n                <path d=\"M16.365 1.43c.01 1.09-.402 1.91-1.046 2.66-.73.83-1.812 1.47-2.93 1.38-.128-1.04.38-2.07 1.02-2.77.76-.86 1.98-1.5 2.956-1.27zM20.52 17.02c-.57 1.32-.84 1.9-1.57 3.06-1.02 1.66-2.46 3.74-4.23 3.76-1.58.02-2-.98-4.16-.97-2.15.01-2.62.99-4.2.97-1.76-.02-3.1-1.86-4.12-3.51C.2 17.53-.63 13.52 1.44 10.84c1.06-1.41 2.74-2.28 4.39-2.25 1.72.03 3.13 1 4.16 1.01 1.02 0 2.73-1.25 4.6-1.07.78.03 2.98.31 4.39 2.35-3.73 2-3.13 7.09 1.54 5.14z\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <span class=\"jx-badge__text\">Coming soon to the App Store<\/span>\r\n          <\/a>\r\n\r\n          <!-- Badge Google Play -->\r\n          <a class=\"jx-badge\" aria-disabled=\"true\" tabindex=\"-1\">\r\n            <span class=\"jx-badge__icon\" aria-hidden=\"true\">\r\n              <!-- Google Play triangle SVG -->\r\n              <svg width=\"18\" height=\"18\" viewbox=\"0 0 512 512\" fill=\"currentColor\" role=\"img\">\r\n                <path d=\"M325.3 234.3L80.3 29.7C66.9 18.9 48 28.6 48 46.1V465.9c0 17.5 18.9 27.2 32.3 16.4l245-204.6c10.1-8.4 10.1-24.5 0-33zM364.9 201L298 143.7 423.6 70.7c22.3-12.8 48.4 3.3 48.4 29.1V412.2c0 25.8-26.1 41.9-48.4 29.1L298 368.3l66.9-57.3c31.2-26.7 31.2-83.3 0-110z\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <span class=\"jx-badge__text\">Coming soon to Google Play<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root{\r\n    --jx-font-display: \"Playfair Display\", Georgia, serif;  \/* Titres *\/\r\n    --jx-font-body: \"Poppins\", system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif; \/* Textes *\/\r\n    --jx-color-title: #0f1944;\r\n  }\r\n\r\n  .jx-soon{\r\n    padding: 40px 20px;\r\n    font-family: var(--jx-font-body);\r\n    text-rendering: optimizeLegibility;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n  .jx-soon__inner{ max-width: 1000px; margin: 0 auto; }\r\n\r\n  \/* Trait de s\u00e9paration *\/\r\n  .jx-soon__divider{\r\n    width: 100%;\r\n    height: 1px;\r\n    background: rgba(15, 25, 68, 0.12);\r\n    margin: 0 0 18px 0;\r\n  }\r\n\r\n  \/* Titre H2 *\/\r\n  .jx-soon__title{\r\n    font-family: var(--jx-font-display);\r\n    font-size: clamp(28px, 3.6vw, 40px);\r\n    line-height: 1.2;\r\n    font-weight: 700;\r\n    color: var(--jx-color-title);\r\n    margin: 0 0 18px 0;\r\n    text-align: center; \/* centr\u00e9 *\/\r\n  }\r\n\r\n  \/* Contenu centr\u00e9 *\/\r\n  .jx-soon__content{ display: block; }\r\n  .jx-soon__text{\r\n    max-width: 720px;\r\n    margin: 0 auto;\r\n    text-align: center;     \/* centr\u00e9 *\/\r\n    color: inherit;\r\n    font-weight: 500;       \/* desktop : un peu plus gras *\/\r\n  }\r\n  .jx-soon__text p{ margin: 0 0 12px 0; line-height: 1.6; }\r\n\r\n  \/* Badges stores *\/\r\n  .jx-badges{\r\n    display: flex; gap: 12px; flex-wrap: wrap;\r\n    justify-content: center; \/* centr\u00e9 *\/\r\n  }\r\n  .jx-badge{\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    padding: 8px 12px;\r\n    border: 1px solid rgba(15,25,68,0.18);\r\n    border-radius: 10px;\r\n    text-decoration: none; color: inherit;\r\n    opacity: .75; cursor: default;\r\n    user-select: none;\r\n  }\r\n  .jx-badge__text{ font-weight: 600; }\r\n  .jx-badge[aria-disabled=\"true\"]{ pointer-events: none; }\r\n\r\n  \/* ===== Mobile ===== *\/\r\n  @media (max-width: 768px){\r\n    .jx-soon{ padding: 24px 14px; }\r\n    .jx-soon__divider{ margin-bottom: 12px; }\r\n\r\n    \/* H2 = 18px *\/\r\n    .jx-soon__title{\r\n      font-size: 18px;\r\n      line-height: 1.35;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    \/* Texte = 13px Medium, centr\u00e9 *\/\r\n    .jx-soon__text{\r\n      font-size: 13px;\r\n      line-height: 1.5;\r\n      letter-spacing: 0.12px;\r\n      font-weight: 500;\r\n      max-width: none;\r\n    }\r\n\r\n    \/* Badges compacts en mobile *\/\r\n    .jx-badge{ padding: 7px 10px; border-radius: 8px; }\r\n    .jx-badge__text{ font-weight: 600; font-size: 13px; }\r\n  }\r\n\r\n  \/* Tr\u00e8s petit mobile *\/\r\n  @media (max-width: 360px){\r\n    .jx-badge{ padding: 6px 8px; }\r\n    .jx-badge__text{ font-size: 12px; }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\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-275fe50 e-flex e-con-boxed e-con e-parent\" data-id=\"275fe50\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a516fdf elementor-widget elementor-widget-html\" data-id=\"a516fdf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== BLOC #2 \u2014 COMPTEUR BRAND (fond bleu) ===== -->\r\n<section class=\"jx-countdown jx-countdown--brand\" data-jx-countdown=\"jourx-app\" aria-labelledby=\"jx-countdown-brand-title\">\r\n  <div class=\"jx-countdown__inner\">\r\n\r\n    <div class=\"jx-countdown__divider\" aria-hidden=\"true\"><\/div>\r\n\r\n    <h2 id=\"jx-countdown-brand-title\" class=\"jx-countdown__title\">\r\n      \u23f3 The official release of JourX is scheduled for <strong>30&nbsp;juin&nbsp;2026<\/strong> \ud83c\udf89\r\n    <\/h2>\r\n\r\n    <div class=\"jx-countdown__grid\" role=\"group\" aria-labelledby=\"jx-countdown-brand-title\">\r\n      <div class=\"jx-countdown__item\" aria-label=\"days\">\r\n        <div class=\"jx-countdown__num jx-dd\">00<\/div>\r\n        <div class=\"jx-countdown__lab\">Days<\/div>\r\n      <\/div>\r\n      <div class=\"jx-countdown__item\" aria-label=\"Hours\">\r\n        <div class=\"jx-countdown__num jx-hh\">00<\/div>\r\n        <div class=\"jx-countdown__lab\">HOURS<\/div>\r\n      <\/div>\r\n      <div class=\"jx-countdown__item\" aria-label=\"Minutes\">\r\n        <div class=\"jx-countdown__num jx-mm\">00<\/div>\r\n        <div class=\"jx-countdown__lab\">MINUTES<\/div>\r\n      <\/div>\r\n      <div class=\"jx-countdown__item\" aria-label=\"Secondes\">\r\n        <div class=\"jx-countdown__num jx-ss\">00<\/div>\r\n        <div class=\"jx-countdown__lab\">SECONDS<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <p class=\"jx-countdown__cta\">\r\n      <a class=\"jx-cta\" href=\"\/en\/telecharger-application-budget-quotidien\/#preinscription\">\r\n        Be notified of the release\r\n      <\/a>\r\n    <\/p>\r\n\r\n    <p class=\"jx-countdown__help\">\r\n      Follow us on\r\n      <a class=\"jx-link\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.facebook.com\/profile.php?id=61566464919207&amp;locale=fr_FR\">Facebook<\/a> \ud83d\udc99\r\n    <\/p>\r\n\r\n    <p class=\"jx-countdown__done\" hidden>\r\n      \u23f3 La sortie est en cours de pr\u00e9paration. Restez inform\u00e9.\r\n    <\/p>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\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-2f6f61f e-flex e-con-boxed e-con e-parent\" data-id=\"2f6f61f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a6589a elementor-widget elementor-widget-html\" data-id=\"1a6589a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SECTION \u2013 Des offres simples sans publicit\u00e9 (isol\u00e9e, sans variables globales) -->\r\n<section class=\"jx-pricing\" aria-labelledby=\"jx-pricing-title\">\r\n  <div class=\"jx-pricing__inner\">\r\n\r\n    <!-- Trait de s\u00e9paration -->\r\n    <div class=\"jx-pricing__divider\" aria-hidden=\"true\"><\/div>\r\n\r\n    <!-- Titre -->\r\n    <h2 id=\"jx-pricing-title\" class=\"jx-pricing__title\">\r\n      Simple offers without advertising\r\n    <\/h2>\r\n\r\n    <!-- Cartes offres -->\r\n    <div class=\"jx-plans\" role=\"list\">\r\n      <!-- Offre 1 : Essentielle -->\r\n      <article class=\"jx-plan\" role=\"listitem\" aria-label=\"Offre Essentielle\">\r\n        <header class=\"jx-plan__head\">\r\n          <div class=\"jx-plan__badge\">\ud83c\udf3f<\/div>\r\n          <h3 class=\"jx-plan__title\">Essential<\/h3>\r\n          <p class=\"jx-plan__subtitle\">Ad-free \u2022 Daily tracking<\/p>\r\n        <\/header>\r\n\r\n        <div class=\"jx-plan__body\">\r\n          <ul class=\"jx-plan__points\">\r\n            <li>\u2705 Daily budget recalculated every night<\/li>\r\n            <li>\ud83d\udd14 Personalized notifications (morning, noon, evening)<\/li>\r\n            <li>\ud83e\udd16 Concrete AI tips<\/li>\r\n            <li>\ud83d\udcca Weekly and monthly summaries<\/li>\r\n            <li>\ud83d\udcdd Manual entry of expenses<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <footer class=\"jx-plan__foot\">\r\n          <p class=\"jx-plan__note\">Ideal for getting started simply, without ads.<\/p>\r\n        <\/footer>\r\n      <\/article>\r\n\r\n      <!-- Offre 2 : Connect\u00e9e -->\r\n      <article class=\"jx-plan\" role=\"listitem\" aria-label=\"Offre Connect\u00e9e\">\r\n        <header class=\"jx-plan__head\">\r\n          <div class=\"jx-plan__badge\">\ud83d\udd17<\/div>\r\n          <h3 class=\"jx-plan__title\">Connected<\/h3>\r\n          <p class=\"jx-plan__subtitle\">No ads \u2022 Bank connection<\/p>\r\n        <\/header>\r\n\r\n        <div class=\"jx-plan__body\">\r\n          <ul class=\"jx-plan__points\">\r\n            <li>\u2705 Daily budget recalculated every night<\/li>\r\n            <li>\ud83d\udd14 Personalized notifications (morning, noon, evening)<\/li>\r\n            <li>\ud83e\udd16 Concrete AI tips<\/li>\r\n            <li>\ud83d\udcca Weekly and monthly summaries<\/li>\r\n            <li>\ud83d\udd17 Secure neo-bank connection (auto import)<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <footer class=\"jx-plan__foot\">\r\n          <p class=\"jx-plan__note\">Automate your expense recording.<\/p>\r\n        <\/footer>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <!-- Mentions -->\r\n    <p class=\"jx-pricing__trial\">\ud83c\udf81 1 month free trial, no restrictions.<\/p>\r\n    <p class=\"jx-pricing__legal\">No obligation. Your data remains private.<\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* === Scoping strict \u00e0 .jx-pricing pour ne pas toucher le H\u00c9RO === *\/\r\n  .jx-pricing{\r\n    \/* variables locales \u00e0 la section *\/\r\n    --pr-ink: #0f1944;                  \/* titres *\/\r\n    --pr-text: #333;                    \/* texte courant *\/\r\n    --pr-line: rgba(15,25,68,.12);\r\n    --pr-card: #ffffff;\r\n    --pr-card-border: rgba(15,25,68,.12);\r\n    --pr-card-shadow: 0 6px 20px rgba(15,25,68,.06);\r\n\r\n    padding: 40px 20px;\r\n    font-family: \"Poppins\", system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\r\n    color: var(--pr-text);\r\n    text-rendering: optimizeLegibility;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n  .jx-pricing__inner{ max-width: 1000px; margin: 0 auto; }\r\n\r\n  .jx-pricing__divider{\r\n    width: 100%; height: 1px; background: var(--pr-line);\r\n    margin: 0 0 18px 0;\r\n  }\r\n\r\n  .jx-pricing__title{\r\n    font-family: \"Playfair Display\", Georgia, serif;\r\n    color: var(--pr-ink);\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    font-size: clamp(28px, 3.6vw, 40px);\r\n    margin: 0 0 14px 0;\r\n    text-align: left;\r\n  }\r\n\r\n  \/* Grille des plans *\/\r\n  .jx-plans{\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 16px;\r\n  }\r\n\r\n  .jx-plan{\r\n    background: var(--pr-card);\r\n    border: 1px solid var(--pr-card-border);\r\n    border-radius: 14px;\r\n    box-shadow: var(--pr-card-shadow);\r\n    padding: 16px 16px 14px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n\r\n  .jx-plan__head{ display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 10px; }\r\n  .jx-plan__badge{ font-size: 22px; line-height: 1; }\r\n  .jx-plan__title{\r\n    margin: 0; color: var(--pr-ink);\r\n    font: 700 clamp(18px, 2.6vw, 24px)\/1.2 \"Playfair Display\", Georgia, serif;\r\n  }\r\n  .jx-plan__subtitle{\r\n    grid-column: 1 \/ -1;\r\n    margin: 2px 0 0 0;\r\n    font-size: 14px; line-height: 1.5; color: #58617a;\r\n  }\r\n\r\n  .jx-plan__points{ margin: 0; padding-left: 0; list-style: none; display: grid; gap: 6px; }\r\n  .jx-plan__points li{ margin: 0; line-height: 1.55; }\r\n\r\n  .jx-plan__note{ margin: 4px 0 0; font-size: 13px; color: #6a728b; }\r\n\r\n  .jx-pricing__trial{\r\n    margin: 14px 0 2px;\r\n    font-weight: 600;\r\n    color: var(--pr-ink);\r\n  }\r\n  .jx-pricing__legal{\r\n    margin: 0;\r\n    font-size: 13px;\r\n    color: #6a728b;\r\n    text-align: left;\r\n  }\r\n\r\n  \/* ===== Mobile ===== *\/\r\n  @media (max-width: 768px){\r\n    .jx-pricing{ padding: 24px 14px; }\r\n    .jx-pricing__divider{ margin-bottom: 12px; }\r\n\r\n    .jx-pricing__title{\r\n      font-family: \"Playfair Display\", Georgia, serif;\r\n      font-size: 18px;\r\n      line-height: 1.35;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .jx-plans{ grid-template-columns: 1fr; gap: 12px; }\r\n\r\n    \/* Texte mobile plus lisible (Poppins 500, 13px) *\/\r\n    .jx-plan, .jx-plan__points li, .jx-plan__subtitle, .jx-plan__note,\r\n    .jx-pricing__trial, .jx-pricing__legal{\r\n      font-weight: 500;\r\n      letter-spacing: .12px;\r\n    }\r\n    .jx-plan__points li{ font-size: 13px; }\r\n    .jx-plan__subtitle{ font-size: 13px; }\r\n    .jx-plan__note, .jx-pricing__legal{ font-size: 12.5px; }\r\n    .jx-pricing__trial{ font-size: 13.5px; }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\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-0992f39 e-flex e-con-boxed e-con e-parent\" data-id=\"0992f39\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfa7235 elementor-widget elementor-widget-html\" data-id=\"dfa7235\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SECTION \u2013 Vos donn\u00e9es, votre s\u00e9r\u00e9nit\u00e9 (avec CTA texte) -->\r\n<section class=\"jx-trust\" aria-labelledby=\"jx-trust-title\">\r\n  <div class=\"jx-trust__inner\">\r\n\r\n    <!-- Trait de s\u00e9paration -->\r\n    <div class=\"jx-trust__divider\" aria-hidden=\"true\"><\/div>\r\n\r\n    <!-- Titre -->\r\n    <h2 id=\"jx-trust-title\" class=\"jx-trust__title\">\r\n      Your data, your peace of mind\r\n    <\/h2>\r\n\r\n    <!-- Items -->\r\n    <div class=\"jx-trust__list\" role=\"list\">\r\n      <!-- 1 -->\r\n      <article class=\"jx-trust__item\" role=\"listitem\">\r\n        <figure class=\"jx-trust__media\">\r\n          <img src=\"https:\/\/jourx.fr\/wp-content\/uploads\/2025\/07\/JourX_europe.webp\"\r\n               alt=\"Chiffrement et h\u00e9bergement en Europe\" loading=\"lazy\" decoding=\"async\">\r\n        <\/figure>\r\n        <div class=\"jx-trust__text\">\r\n          <h3>Encryption and hosting in Europe.<\/h3>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- 2 -->\r\n      <article class=\"jx-trust__item\" role=\"listitem\">\r\n        <figure class=\"jx-trust__media\">\r\n          <img src=\"https:\/\/jourx.fr\/wp-content\/uploads\/2025\/07\/JourX_donnees.webp\"\r\n               alt=\"Aucune publicit\u00e9, aucune revente de donn\u00e9es\" loading=\"lazy\" decoding=\"async\">\r\n        <\/figure>\r\n        <div class=\"jx-trust__text\">\r\n          <h3>No advertising, no resale of data.<\/h3>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- 3 -->\r\n      <article class=\"jx-trust__item\" role=\"listitem\">\r\n        <figure class=\"jx-trust__media\">\r\n          <img src=\"https:\/\/jourx.fr\/wp-content\/uploads\/2025\/07\/JourX_connection.webp\"\r\n               alt=\"Connexion bancaire optionnelle, \u00e0 tout moment\" loading=\"lazy\" decoding=\"async\">\r\n        <\/figure>\r\n        <div class=\"jx-trust__text\">\r\n          <h3>Optional bank connection, anytime<\/h3>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <!-- CTA texte + fl\u00e8che -->\r\n    <p class=\"jx-trust__cta\">\r\n      <a class=\"jx-trust__link\" href=\"https:\/\/jourx.fr\/en\/en-savoir-plus-sur-lapplication-de-gestion-de-budget\/\">\r\n        \u279c Learn more\r\n      <\/a>\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* ==== Styles isol\u00e9s \u00e0 la section ============================== *\/\r\n  .jx-trust{\r\n    --trust-ink: #0f1944;              \/* titres *\/\r\n    --trust-text: #333;                \/* texte courant *\/\r\n    --trust-line: rgba(15,25,68,.12);\r\n\r\n    padding: 40px 20px;\r\n    font-family: \"Poppins\", system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\r\n    color: var(--trust-text);\r\n    -webkit-font-smoothing: antialiased;\r\n    text-rendering: optimizeLegibility;\r\n  }\r\n  .jx-trust__inner{ max-width:1000px; margin:0 auto; }\r\n\r\n  .jx-trust__divider{\r\n    width:100%; height:1px; background:var(--trust-line);\r\n    margin:0 0 18px 0;\r\n  }\r\n\r\n  .jx-trust__title{\r\n    font-family:\"Playfair Display\", Georgia, serif;\r\n    color:var(--trust-ink);\r\n    font-weight:700;\r\n    line-height:1.2;\r\n    font-size:clamp(28px,3.6vw,40px);\r\n    margin:0 0 16px 0;\r\n    text-align:left;\r\n  }\r\n\r\n  \/* Liste d\u2019items (image gauche \/ texte droite) *\/\r\n  .jx-trust__list{ display:grid; gap:18px; }\r\n  .jx-trust__item{\r\n    display:flex; align-items:center; gap:16px;\r\n    padding:12px 0;\r\n    border-bottom:1px solid var(--trust-line);\r\n  }\r\n  .jx-trust__item:last-child{ border-bottom:none; }\r\n\r\n  .jx-trust__media{ margin:0; flex:0 0 auto; }\r\n  .jx-trust__media img{\r\n    display:block; width:120px; height:auto;\r\n  }\r\n\r\n  .jx-trust__text h3{\r\n    margin:0;\r\n    font: 600 18px\/1.5 \"Poppins\", system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\r\n    color: var(--trust-text);\r\n  }\r\n\r\n  \/* CTA texte (fl\u00e8che) *\/\r\n  .jx-trust__cta{ margin-top: 10px; }\r\n  .jx-trust__link{\r\n    font: 500 18px\/1.5 \"Poppins\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n    color: #0901F3;\r\n    text-decoration: none;\r\n    transition: color .2s ease;\r\n  }\r\n  .jx-trust__link:hover{\r\n    color: #0700c7;\r\n    text-decoration: underline;\r\n  }\r\n\r\n  \/* ===== Mobile ===== *\/\r\n  @media (max-width:768px){\r\n    .jx-trust{ padding:24px 14px; }\r\n    .jx-trust__divider{ margin-bottom:12px; }\r\n    .jx-trust__title{ font-size:18px; line-height:1.35; margin-bottom:10px; }\r\n\r\n    .jx-trust__item{ gap:10px; padding:8px 0; }\r\n    .jx-trust__media img{ width:84px; }\r\n    .jx-trust__text h3{\r\n      font-weight:500;\r\n      font-size:13px;\r\n      letter-spacing:.12px;\r\n      line-height:1.5;\r\n    }\r\n\r\n    .jx-trust__link{ font-size:13px; }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\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-d2a9a62 e-flex e-con-boxed e-con e-parent\" data-id=\"d2a9a62\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3abf3ee elementor-widget elementor-widget-html\" data-id=\"3abf3ee\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SECTION \u2013 Pourquoi une n\u00e9obanque ? (courte, rassurance) -->\r\n<section class=\"jx-why-neobank\" aria-labelledby=\"jx-why-neobank-title\">\r\n  <div class=\"jx-why-neobank__inner\">\r\n\r\n    <!-- Trait de s\u00e9paration -->\r\n    <div class=\"jx-why-neobank__divider\" aria-hidden=\"true\"><\/div>\r\n\r\n    <!-- Titre -->\r\n    <h2 id=\"jx-why-neobank-title\" class=\"jx-why-neobank__title\">\r\n      Why a neobank (and not a traditional bank)?\r\n    <\/h2>\r\n\r\n    <!-- Texte -->\r\n    <div class=\"jx-why-neobank__text\">\r\n      <p class=\"translation-block\">To keep our promise of a <strong>reliable daily budget in real time<\/strong>, JourX limits automatic connection to <strong>neobanks<\/strong> which offer connections<em>official<\/em>,\n     stable and fast. The app remains usable <strong>without connection<\/strong>(manual entry possible).<\/p>\r\n\r\n      <ul class=\"jx-why-neobank__points\">\r\n        <li>\u26a1 <strong>Real time<\/strong> : transactions and balances refreshed quickly \u2192 precise recalculations of the day's budget.<\/li>\r\n        <li>\ud83d\udd12 <strong>Official &amp; secure connection<\/strong> (Open Banking \/ OAuth) in <em>read only<\/em>, revocable at any time.<\/li>\r\n        <li>\ud83e\udde9 <strong>Cleaner data<\/strong> : reliable labels\/categories, access to pending operations \u2192 fewer errors.<\/li>\r\n        <li>\ud83d\udee0\ufe0f <strong>Stability<\/strong> : Versioned and supported APIs \u2192 no fragile scraping or recurring disconnections.<\/li>\r\n      <\/ul>\r\n\r\n      <p class=\"jx-why-neobank__foot\">\r\n        We will extend support if traditional banks guarantee the <em>m\u00eame niveau<\/em> de fiabilit\u00e9.\r\n        <a class=\"jx-why-neobank__link\" href=\"https:\/\/jourx.fr\/en\/en-savoir-plus-sur-lapplication-de-gestion-de-budget\/\">\r\n          \u279c Learn more\r\n        <\/a>\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* ==== Styles isol\u00e9s pour ne pas impacter les autres sections ==== *\/\r\n  .jx-why-neobank{\r\n    --nb-ink: #0f1944;                 \/* titres *\/\r\n    --nb-text: #333;                   \/* texte courant *\/\r\n    --nb-line: rgba(15,25,68,.12);\r\n\r\n    padding: 40px 20px;\r\n    font-family: \"Poppins\", system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\r\n    color: var(--nb-text);\r\n    -webkit-font-smoothing: antialiased;\r\n    text-rendering: optimizeLegibility;\r\n  }\r\n  .jx-why-neobank__inner{ max-width: 1000px; margin: 0 auto; }\r\n\r\n  .jx-why-neobank__divider{\r\n    width: 100%; height: 1px; background: var(--nb-line);\r\n    margin: 0 0 18px 0;\r\n  }\r\n\r\n  .jx-why-neobank__title{\r\n    font-family: \"Playfair Display\", Georgia, serif;\r\n    color: var(--nb-ink);\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    font-size: clamp(28px, 3.6vw, 40px);\r\n    margin: 0 0 14px 0;\r\n    text-align: left;\r\n  }\r\n\r\n  .jx-why-neobank__text p{ margin: 0 0 10px 0; line-height: 1.6; }\r\n  .jx-why-neobank__points{\r\n    margin: 0 0 6px 0; padding-left: 0; list-style: none; display: grid; gap: 6px;\r\n  }\r\n  .jx-why-neobank__points li{ margin: 0; line-height: 1.55; }\r\n\r\n  .jx-why-neobank__foot{ margin: 8px 0 0 0; }\r\n  .jx-why-neobank__link{\r\n    color: #0901F3; text-decoration: none; font-weight: 500;\r\n  }\r\n  .jx-why-neobank__link:hover{ color: #0700c7; text-decoration: underline; }\r\n\r\n  \/* ===== Mobile ===== *\/\r\n  @media (max-width: 768px){\r\n    .jx-why-neobank{ padding: 24px 14px; }\r\n    .jx-why-neobank__divider{ margin-bottom: 12px; }\r\n    .jx-why-neobank__title{\r\n      font-size: 18px; line-height: 1.35; margin-bottom: 10px;\r\n    }\r\n\r\n    \/* Texte mobile plus lisible (Poppins 500, 13px) *\/\r\n    .jx-why-neobank__text{ font-weight: 500; letter-spacing: .12px; }\r\n    .jx-why-neobank__text p,\r\n    .jx-why-neobank__points li,\r\n    .jx-why-neobank__foot{ font-size: 13px; line-height: 1.5; }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\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-5048465 e-flex e-con-boxed e-con e-parent\" data-id=\"5048465\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0110bc7 elementor-widget elementor-widget-html\" data-id=\"0110bc7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SECTION \u2013 Questions fr\u00e9quentes (FAQ) -->\r\n<section class=\"jx-faq\" aria-labelledby=\"jx-faq-title\">\r\n  <div class=\"jx-faq__inner\">\r\n\r\n    <!-- Trait de s\u00e9paration -->\r\n    <div class=\"jx-faq__divider\" aria-hidden=\"true\"><\/div>\r\n\r\n    <!-- Titre -->\r\n    <h2 id=\"jx-faq-title\" class=\"jx-faq__title\">Frequently Asked Questions<\/h2>\r\n\r\n    <!-- Items -->\r\n    <div class=\"jx-faq__items\">\r\n\r\n      <details class=\"jx-faq__item\">\r\n        <summary class=\"jx-faq__toggle\">Is JourX free at first?<\/summary>\r\n        <div class=\"jx-faq__panel\">\r\n          <p>Yes. You benefit from <strong>\ud83c\udf81 1 month free trial, no restrictions.<\/strong>You can then continue with the offer of your choice, without obligation.<\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details class=\"jx-faq__item\">\r\n        <summary class=\"jx-faq__toggle\">Is bank connection mandatory?<\/summary>\r\n        <div class=\"jx-faq__panel\">\r\n          <p>No, she is <strong>100% optional<\/strong>. JourX works very well in <strong>manual entry<\/strong>. The offer <em>Connected<\/em> adds the<strong>automatic import<\/strong> since a <strong>neobank<\/strong> compatible.<\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details class=\"jx-faq__item\">\r\n        <summary class=\"jx-faq__toggle\">Why a neobank (and not a traditional bank)?<\/summary>\r\n        <div class=\"jx-faq__panel\">\r\n          <p>Neobanks offer connections <strong>official, stable and fast<\/strong> (Open Banking), in <strong>read only<\/strong> and revocable, which guarantees <strong>reliable daily recalculations<\/strong>. If traditional banks offer the same level of reliability, we will extend support.<\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details class=\"jx-faq__item\">\r\n        <summary class=\"jx-faq__toggle\">How is my daily budget calculated?<\/summary>\r\n        <div class=\"jx-faq__panel\">\r\n          <p>You define a <strong>monthly budget<\/strong> and one <strong>end date<\/strong> (e.g.: payroll). JourX automatically distributes one envelope per day and the <strong>readjusts every night<\/strong> according to your actual expenses.<\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details class=\"jx-faq__item\">\r\n        <summary class=\"jx-faq__toggle\">What happens to my data?<\/summary>\r\n        <div class=\"jx-faq__panel\">\r\n          <p>Data <strong>encrypted<\/strong>, hosted in <strong>Europe<\/strong>, <strong>without advertising<\/strong> And <strong>without resale<\/strong>. The bank connection (if activated) remains in <strong>read only<\/strong> and maybe <strong>revoked<\/strong> at any time.<\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details class=\"jx-faq__item\">\r\n        <summary class=\"jx-faq__toggle\">Can I stop whenever I want?<\/summary>\r\n        <div class=\"jx-faq__panel\">\r\n          <p>Yes. The offers are <strong>without obligation<\/strong>. You can cancel and\/or disconnect your bank at any time in the app.<\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details class=\"jx-faq__item\">\r\n        <summary class=\"jx-faq__toggle\">What devices will JourX be available on?<\/summary>\r\n        <div class=\"jx-faq__panel\">\r\n          <p>On <strong>iOS<\/strong> And <strong>Android<\/strong>. The blinds will be announced upon release. In the meantime, you can <strong>pr\u00e9-inscrire<\/strong> to be alerted.<\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* === Styles isol\u00e9s \u00e0 .jx-faq (aucun impact ailleurs) === *\/\r\n  .jx-faq{\r\n    --faq-ink:#0f1944;\r\n    --faq-text:#333;\r\n    --faq-line:rgba(15,25,68,.12);\r\n    --faq-card:#fff;\r\n    --faq-border:rgba(15,25,68,.12);\r\n\r\n    padding:40px 20px;\r\n    font-family:\"Poppins\",system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif;\r\n    color:var(--faq-text);\r\n    -webkit-font-smoothing:antialiased;\r\n    text-rendering:optimizeLegibility;\r\n  }\r\n  .jx-faq__inner{ max-width:1000px; margin:0 auto; }\r\n\r\n  .jx-faq__divider{ height:1px; background:var(--faq-line); margin:0 0 18px; }\r\n\r\n  .jx-faq__title{\r\n    font-family:\"Playfair Display\",Georgia,serif;\r\n    color:var(--faq-ink);\r\n    font-weight:700;\r\n    line-height:1.2;\r\n    font-size:clamp(28px,3.6vw,40px);\r\n    margin:0 0 14px;\r\n    text-align:left;\r\n  }\r\n\r\n  .jx-faq__items{ display:grid; gap:10px; }\r\n\r\n  \/* Carte FAQ *\/\r\n  .jx-faq__item{\r\n    background:var(--faq-card);\r\n    border:1px solid var(--faq-border);\r\n    border-radius:14px;\r\n    box-shadow:0 6px 20px rgba(15,25,68,.06);\r\n    overflow:hidden;\r\n  }\r\n\r\n  \/* Titre question *\/\r\n  .jx-faq__toggle{\r\n    list-style:none;\r\n    cursor:pointer;\r\n    position:relative;\r\n    margin:0;\r\n    padding:14px 46px 14px 14px;\r\n    font-weight:600;\r\n    color:var(--faq-ink);\r\n    outline:none;\r\n  }\r\n  .jx-faq__toggle::-webkit-details-marker{ display:none; }\r\n  \/* Ic\u00f4ne (+ \/ \u2013) *\/\r\n  .jx-faq__toggle::after{\r\n    content:\"+\";\r\n    position:absolute; right:14px; top:50%;\r\n    transform:translateY(-50%);\r\n    font-weight:700; font-size:20px; color:var(--faq-ink);\r\n    transition:transform .2s ease;\r\n  }\r\n  .jx-faq__item[open] .jx-faq__toggle::after{\r\n    content:\"\u2013\";\r\n    transform:translateY(-50%);\r\n  }\r\n  \/* Focus accessible *\/\r\n  .jx-faq__toggle:focus{\r\n    box-shadow:0 0 0 3px rgba(15,25,68,.18) inset;\r\n    border-radius:12px;\r\n  }\r\n\r\n  \/* R\u00e9ponse *\/\r\n  .jx-faq__panel{\r\n    padding:0 14px 14px 14px;\r\n    border-top:1px solid var(--faq-line);\r\n    line-height:1.6;\r\n  }\r\n  .jx-faq__panel p{ margin:10px 0 0 0; }\r\n\r\n  \/* Liens dans les r\u00e9ponses (si besoin) *\/\r\n  .jx-faq__panel a{ color:#0901F3; text-decoration:none; }\r\n  .jx-faq__panel a:hover{ color:#0700c7; text-decoration:underline; }\r\n\r\n  \/* === Mobile === *\/\r\n  @media (max-width:768px){\r\n    .jx-faq{ padding:24px 14px; }\r\n    .jx-faq__divider{ margin-bottom:12px; }\r\n    .jx-faq__title{ font-size:18px; line-height:1.35; margin-bottom:10px; }\r\n\r\n    \/* Texte mobile lisible (13px \/ 500) *\/\r\n    .jx-faq__toggle{ font-size:13px; font-weight:600; letter-spacing:.12px; padding:12px 40px 12px 12px; }\r\n    .jx-faq__toggle::after{ right:12px; font-size:18px; }\r\n    .jx-faq__panel{ font-size:13px; letter-spacing:.12px; }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\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-9de9b1e e-flex e-con-boxed e-con e-parent\" data-id=\"9de9b1e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2474871 elementor-widget elementor-widget-html\" data-id=\"2474871\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"FAQPage\",\r\n  \"mainEntity\": [\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Quand le budget du jour est-il recalcul\u00e9 ?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Chaque nuit, apr\u00e8s l\u2019enregistrement de vos d\u00e9penses.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Dois-je connecter ma banque ?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Non. La connexion bancaire est optionnelle (offre Connect\u00e9e).\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"L\u2019application sera-t-elle gratuite ?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Un essai gratuit de 30 jours sera propos\u00e9 au lancement.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Que fait l\u2019IA exactement ?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Elle analyse vos donn\u00e9es pour sugg\u00e9rer des ajustements, id\u00e9es d\u2019\u00e9conomies et menus \u00e0 budget d\u00e9fini. Vous gardez la main sur chaque d\u00e9cision.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Mes donn\u00e9es sont-elles revendues ?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Non. Aucune publicit\u00e9, aucune revente. Politique stricte RGPD.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Date de sortie ?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"D\u00e9cembre 2025 (b\u00eata publique Q4 2025).\"\r\n      }\r\n    }\r\n  ]\r\n}\r\n<\/script>\r\n\t\t\t\t<\/div>\n\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-64e2dae e-flex e-con-boxed e-con e-parent\" data-id=\"64e2dae\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05b6b4c elementor-widget elementor-widget-html\" data-id=\"05b6b4c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SECTION \u2013 Pr\u00eat \u00e0 reprendre la main ? -->\r\n<section class=\"jx-cta-section\" aria-labelledby=\"jx-cta-title\">\r\n  <div class=\"jx-cta__inner\">\r\n\r\n    <!-- Trait de s\u00e9paration -->\r\n    <div class=\"jx-cta__divider\" aria-hidden=\"true\"><\/div>\r\n\r\n    <!-- Titre -->\r\n    <h2 id=\"jx-cta-title\" class=\"jx-cta__title\">\r\n      Ready to take back control, one day at a time?\r\n    <\/h2>\r\n\r\n    <!-- Accroche courte -->\r\n    <p class=\"jx-cta__lead\">\r\n      Join the waitlist and receive a reminder at launch. You can also learn more about JourX.\r\n    <\/p>\r\n\r\n    <!-- CTAs -->\r\n    <p class=\"jx-cta__actions\">\r\n      <a class=\"jx-cta-btn jx-cta-btn--primary\"\r\n         href=\"\/en\/telecharger-application-budget-quotidien\/#preinscription\"\r\n         aria-label=\"\u00catre pr\u00e9venu de la sortie de JourX\">\r\n        Be notified of the release\r\n      <\/a>\r\n      <a class=\"jx-cta-btn jx-cta-btn--ghost\" href=\"https:\/\/jourx.fr\/en\/en-savoir-plus-sur-lapplication-de-gestion-de-budget\/\" aria-label=\"En savoir plus sur JourX\">\r\n        \u279c Learn more\r\n      <\/a>\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* Styles isol\u00e9s *\/\r\n  .jx-cta-section{\r\n    --cta-ink:#0f1944;          \/* titres *\/\r\n    --cta-text:#333;            \/* texte courant *\/\r\n    --cta-line:rgba(15,25,68,.12);\r\n    --cta-lime:#b9ff66;         \/* primaire (align\u00e9 h\u00e9ros) *\/\r\n    --cta-ghost:#0f1944;        \/* bord\/texte bouton ghost *\/\r\n\r\n    padding:40px 20px;\r\n    font-family:\"Poppins\",system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif;\r\n    color:var(--cta-text);\r\n    -webkit-font-smoothing:antialiased;\r\n    text-rendering:optimizeLegibility;\r\n  }\r\n  .jx-cta__inner{ max-width:1000px; margin:0 auto; }\r\n\r\n  .jx-cta__divider{\r\n    width:100%; height:1px; background:var(--cta-line);\r\n    margin:0 0 18px 0;\r\n  }\r\n\r\n  .jx-cta__title{\r\n    font-family:\"Playfair Display\",Georgia,serif;\r\n    color:var(--cta-ink);\r\n    font-weight:700;\r\n    line-height:1.2;\r\n    font-size:clamp(28px,3.6vw,40px);\r\n    margin:0 0 10px 0;\r\n    text-align:left;\r\n  }\r\n\r\n  .jx-cta__lead{\r\n    margin:0 0 16px 0;\r\n    line-height:1.6;\r\n  }\r\n\r\n  .jx-cta__actions{\r\n    display:flex; gap:12px; flex-wrap:wrap;\r\n    margin:0;\r\n  }\r\n\r\n  .jx-cta-btn{\r\n    display:inline-flex; align-items:center; justify-content:center;\r\n    padding:12px 18px; border-radius:12px; text-decoration:none;\r\n    font-weight:700; font-size:15px; line-height:1;\r\n    transition:transform .06s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease;\r\n    will-change:transform;\r\n  }\r\n  .jx-cta-btn--primary{\r\n    background:var(--cta-lime); color:#0d152f;\r\n    box-shadow:0 8px 22px rgba(185,255,102,.18);\r\n  }\r\n  .jx-cta-btn--primary:hover{ transform:translateY(-1px); }\r\n\r\n  .jx-cta-btn--ghost{\r\n    background:transparent; color:var(--cta-ghost);\r\n    border:1px solid rgba(15,25,68,.35);\r\n  }\r\n  .jx-cta-btn--ghost:hover{\r\n    background:rgba(15,25,68,.04);\r\n  }\r\n\r\n  \/* Mobile *\/\r\n  @media (max-width:768px){\r\n    .jx-cta-section{ padding:24px 14px; }\r\n    .jx-cta__divider{ margin-bottom:12px; }\r\n\r\n    .jx-cta__title{\r\n      font-size:18px; line-height:1.35; margin-bottom:8px;\r\n    }\r\n    .jx-cta__lead{\r\n      font-size:13px; line-height:1.5; letter-spacing:.12px;\r\n      font-weight:500; \/* lisibilit\u00e9 mobile *\/\r\n      margin-bottom:12px;\r\n    }\r\n\r\n    .jx-cta__actions{\r\n      flex-direction:column; align-items:flex-start; gap:8px;\r\n    }\r\n    .jx-cta-btn{\r\n      font-size:12.5px; padding:10px 14px; border-radius:10px;\r\n    }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\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-be7beff e-flex e-con-boxed e-con e-parent\" data-id=\"be7beff\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e44979 elementor-widget elementor-widget-html\" data-id=\"0e44979\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== BLOC #3 \u2014 COMPTEUR PLAIN (sans fond) ===== -->\r\n<section class=\"jx-countdown jx-countdown--plain\" data-jx-countdown=\"jourx-app\" aria-labelledby=\"jx-countdown-plain-3-title\">\r\n  <div class=\"jx-countdown__inner\">\r\n\r\n    <div class=\"jx-countdown__divider\" aria-hidden=\"true\"><\/div>\r\n\r\n    <h3 id=\"jx-countdown-plain-3-title\" class=\"jx-countdown__title\">\r\n      Countdown \u2014 launch on <strong>30&nbsp;juin&nbsp;2026<\/strong>\r\n    <\/h3>\r\n\r\n    <div class=\"jx-countdown__grid\" role=\"group\" aria-labelledby=\"jx-countdown-plain-3-title\">\r\n      <div class=\"jx-countdown__item\" aria-label=\"days\">\r\n        <div class=\"jx-countdown__num jx-dd\">00<\/div>\r\n        <div class=\"jx-countdown__lab\">Days<\/div>\r\n      <\/div>\r\n      <div class=\"jx-countdown__item\" aria-label=\"Hours\">\r\n        <div class=\"jx-countdown__num jx-hh\">00<\/div>\r\n        <div class=\"jx-countdown__lab\">HOURS<\/div>\r\n      <\/div>\r\n      <div class=\"jx-countdown__item\" aria-label=\"Minutes\">\r\n        <div class=\"jx-countdown__num jx-mm\">00<\/div>\r\n        <div class=\"jx-countdown__lab\">MINUTES<\/div>\r\n      <\/div>\r\n      <div class=\"jx-countdown__item\" aria-label=\"Secondes\">\r\n        <div class=\"jx-countdown__num jx-ss\">00<\/div>\r\n        <div class=\"jx-countdown__lab\">SECONDS<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <p class=\"jx-countdown__done\" hidden>\r\n      \u23f3 La sortie est en cours de pr\u00e9paration. Restez inform\u00e9.\r\n    <\/p>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\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-43f776e e-flex e-con-boxed e-con e-parent\" data-id=\"43f776e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-286f210 elementor-widget elementor-widget-html\" data-id=\"286f210\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\n(function(){\r\n  \/\/ Un seul moteur sur la page\r\n  if (window.__JX_COUNTDOWN_ENGINE__) return;\r\n  window.__JX_COUNTDOWN_ENGINE__ = true;\r\n\r\n  \/\/ Date cible (Paris)\r\n  const target = new Date('2026-06-30T23:59:59');\r\n\r\n  \/\/ On cible UNIQUEMENT tes blocs (avec data-jx-countdown=\"jourx-app\")\r\n  const roots = Array.from(document.querySelectorAll('[data-jx-countdown=\"jourx-app\"]'));\r\n  if(!roots.length) return;\r\n\r\n  const pad2 = (n) => String(n).padStart(2,'0');\r\n  const state = new WeakMap();\r\n\r\n  function compute(){\r\n    const now = new Date();\r\n    let diff = target - now;\r\n\r\n    if(diff <= 0){\r\n      return { done:true, d:'00', h:'00', m:'00', s:'00' };\r\n    }\r\n\r\n    const d = Math.floor(diff \/ 86400000); diff -= d*86400000;\r\n    const h = Math.floor(diff \/ 3600000);  diff -= h*3600000;\r\n    const m = Math.floor(diff \/ 60000);    diff -= m*60000;\r\n    const s = Math.floor(diff \/ 1000);\r\n\r\n    return { done:false, d:pad2(d), h:pad2(h), m:pad2(m), s:pad2(s) };\r\n  }\r\n\r\n  function updateOne(root, t){\r\n    const elD = root.querySelector('.jx-dd');\r\n    const elH = root.querySelector('.jx-hh');\r\n    const elM = root.querySelector('.jx-mm');\r\n    const elS = root.querySelector('.jx-ss');\r\n    const done = root.querySelector('.jx-countdown__done');\r\n    if(!elD || !elH || !elM || !elS) return;\r\n\r\n    const sig = `${t.d}|${t.h}|${t.m}|${t.s}|${t.done?1:0}`;\r\n    if(state.get(root) === sig) return;\r\n\r\n    elD.textContent = t.d;\r\n    elH.textContent = t.h;\r\n    elM.textContent = t.m;\r\n    elS.textContent = t.s;\r\n    if(done) done.hidden = !t.done;\r\n\r\n    state.set(root, sig);\r\n  }\r\n\r\n  function tickAll(){\r\n    const t = compute();\r\n    roots.forEach(r => updateOne(r, t));\r\n    if(t.done) clearInterval(timer);\r\n  }\r\n\r\n  \/\/ Align\u00e9 sur la seconde (stabilit\u00e9)\r\n  tickAll();\r\n  const msToNext = 1000 - (Date.now() % 1000);\r\n  let timer;\r\n  setTimeout(function(){\r\n    tickAll();\r\n    timer = setInterval(tickAll, 1000);\r\n  }, msToNext);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\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-7dc3769 e-flex e-con-boxed e-con e-parent\" data-id=\"7dc3769\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3340de1 elementor-widget elementor-widget-html\" data-id=\"3340de1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .jx-countdown{\r\n    padding:40px 20px;\r\n    font-family:\"Poppins\",system-ui,-apple-system,\"Segoe UI\",Roboto,Arial,sans-serif;\r\n    -webkit-font-smoothing:antialiased;\r\n  }\r\n  .jx-countdown__inner{ max-width:1000px; margin:0 auto; }\r\n  .jx-countdown__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }\r\n\r\n  \/* \u2705 Anti \u201csaut\u201d + stabilit\u00e9 chiffres *\/\r\n  .jx-countdown__num{\r\n    font-variant-numeric: tabular-nums;\r\n    font-feature-settings: \"tnum\" 1;\r\n    display:inline-block;\r\n    min-width:2.2ch;\r\n    text-align:center;\r\n  }\r\n\r\n  \/* ===== PLAIN ===== *\/\r\n  .jx-countdown--plain{\r\n    --plain-ink:#0f1944;\r\n    --plain-text:#333;\r\n    --plain-line:rgba(15,25,68,.12);\r\n    --plain-navy:#0f1944;\r\n    --plain-accent:#79ff63;\r\n\r\n    background:transparent;\r\n    color:var(--plain-text);\r\n  }\r\n  .jx-countdown--plain .jx-countdown__divider{ height:1px; background:var(--plain-line); margin:0 0 18px; }\r\n  .jx-countdown--plain .jx-countdown__title{\r\n    font-family:\"Playfair Display\",Georgia,serif;\r\n    color:var(--plain-ink);\r\n    font-weight:700;\r\n    line-height:1.2;\r\n    font-size:clamp(24px,3.2vw,32px);\r\n    margin:0 0 12px;\r\n    text-align:left;\r\n  }\r\n  .jx-countdown--plain .jx-countdown__title strong{ color:var(--plain-ink); }\r\n  .jx-countdown--plain .jx-countdown__item{\r\n    border:1px solid rgba(15,25,68,.18);\r\n    border-radius:12px;\r\n    padding:14px 10px;\r\n    text-align:center;\r\n    background:var(--plain-navy);\r\n    color:rgba(255,255,255,.9);\r\n    box-shadow:0 1px 0 rgba(0,0,0,.08) inset;\r\n  }\r\n  .jx-countdown--plain .jx-countdown__num{\r\n    font-family:\"Playfair Display\",Georgia,serif;\r\n    color:var(--plain-accent);\r\n    font-weight:700;\r\n    line-height:1;\r\n    font-size:clamp(28px,5vw,56px);\r\n  }\r\n  .jx-countdown--plain .jx-countdown__lab{\r\n    margin-top:6px;\r\n    font-weight:700;\r\n    letter-spacing:.22px;\r\n    color:rgba(255,255,255,.75);\r\n  }\r\n  .jx-countdown--plain .jx-countdown__done{\r\n    margin-top:16px; font-weight:700; color:var(--plain-ink); text-align:center;\r\n  }\r\n\r\n  \/* ===== BRAND ===== *\/\r\n  .jx-countdown--brand{\r\n    --brand-navy:#0f1944;\r\n    --brand-accent:#79ff63;\r\n    --brand-w90:rgba(255,255,255,.9);\r\n    --brand-w75:rgba(255,255,255,.75);\r\n    --brand-w40:rgba(255,255,255,.40);\r\n    --brand-w20:rgba(255,255,255,.20);\r\n    --brand-w12:rgba(255,255,255,.12);\r\n\r\n    background:var(--brand-navy);\r\n    color:var(--brand-w90);\r\n  }\r\n  .jx-countdown--brand .jx-countdown__divider{ height:1px; background:var(--brand-w12); margin:0 0 18px; }\r\n  .jx-countdown--brand .jx-countdown__title{\r\n    font-family:\"Playfair Display\",Georgia,serif;\r\n    font-size:clamp(28px,3.6vw,40px);\r\n    line-height:1.2;\r\n    font-weight:700;\r\n    color:var(--brand-accent);\r\n    margin:0 0 12px;\r\n    text-align:left;\r\n  }\r\n  .jx-countdown--brand .jx-countdown__title strong{ color:#fff; }\r\n  .jx-countdown--brand .jx-countdown__item{\r\n    border:1px solid var(--brand-w20);\r\n    border-radius:12px;\r\n    padding:14px 10px;\r\n    text-align:center;\r\n    background:rgba(255,255,255,.06);\r\n    box-shadow:0 1px 0 rgba(0,0,0,.1) inset;\r\n  }\r\n  .jx-countdown--brand .jx-countdown__num{\r\n    font-family:\"Playfair Display\",Georgia,serif;\r\n    color:var(--brand-accent);\r\n    font-weight:700;\r\n    line-height:1;\r\n    font-size:clamp(28px,5vw,56px);\r\n  }\r\n  .jx-countdown--brand .jx-countdown__lab{\r\n    margin-top:6px; font-weight:700; letter-spacing:.22px; color:var(--brand-w75);\r\n  }\r\n  .jx-countdown--brand .jx-countdown__cta{ text-align:center; margin:12px 0 0; }\r\n  .jx-countdown--brand .jx-cta{\r\n    display:inline-block;\r\n    padding:10px 16px;\r\n    border-radius:12px;\r\n    font-weight:700;\r\n    text-decoration:none;\r\n    color:var(--brand-navy);\r\n    background:var(--brand-accent);\r\n    box-shadow:0 1px 0 rgba(0,0,0,.1);\r\n  }\r\n  .jx-countdown--brand .jx-cta:hover{ filter:brightness(.95); }\r\n  .jx-countdown--brand .jx-link{\r\n    color:#fff;\r\n    text-decoration:underline;\r\n    text-decoration-color:var(--brand-w40);\r\n  }\r\n  .jx-countdown--brand .jx-link:hover{ text-decoration-color:#fff; }\r\n  .jx-countdown--brand .jx-countdown__done{\r\n    margin-top:16px; font-weight:700; color:var(--brand-accent); text-align:center;\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width:768px){\r\n    .jx-countdown{ padding:24px 14px; }\r\n    .jx-countdown--brand .jx-countdown__divider,\r\n    .jx-countdown--plain .jx-countdown__divider{ margin-bottom:12px; }\r\n    .jx-countdown--brand .jx-countdown__title,\r\n    .jx-countdown--plain .jx-countdown__title{ font-size:18px; line-height:1.35; margin-bottom:10px; }\r\n    .jx-countdown__grid{ gap:8px; }\r\n    .jx-countdown--brand .jx-countdown__item,\r\n    .jx-countdown--plain .jx-countdown__item{ padding:10px 6px; border-radius:10px; }\r\n    .jx-countdown--brand .jx-countdown__num,\r\n    .jx-countdown--plain .jx-countdown__num{ font-size:clamp(22px,7vw,34px); }\r\n    .jx-countdown--brand .jx-countdown__lab,\r\n    .jx-countdown--plain .jx-countdown__lab{ font-size:12px; line-height:1.25; letter-spacing:.12px; }\r\n    .jx-countdown--brand .jx-countdown__help{ margin-top:14px; font-size:13px; line-height:1.5; letter-spacing:.12px; }\r\n  }\r\n  @media (max-width:380px){\r\n    .jx-countdown__grid{ grid-template-columns:repeat(2,1fr); }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\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-d8ceff1 e-flex e-con-boxed e-con e-parent\" data-id=\"d8ceff1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86fe76f elementor-widget elementor-widget-html\" data-id=\"86fe76f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SECTION \u2013 JourX s\u2019adapte (fond image + angle + CTA) -->\r\n<section class=\"jx-adapt\" aria-labelledby=\"jx-adapt-title\"\r\n         style=\"--ad-bg: url('https:\/\/jourx.fr\/wp-content\/uploads\/2025\/07\/JourX_rencontre.webp')\">\r\n  <div class=\"jx-adapt__inner\">\r\n\r\n    <h2 id=\"jx-adapt-title\" class=\"jx-adapt__title\">\r\n      JourX doesn't impose anything: it adapts to your choices and your unforeseen circumstances.\r\n    <\/h2>\r\n\r\n    <p class=\"jx-adapt__lead\">\r\n      Daily adjustments, personalized rhythm, total freedom: you're in control, JourX does the rest.\nA clear direction every day, without pressure.\r\n    <\/p>\r\n\r\n    <p class=\"jx-adapt__actions\">\r\n      <a class=\"jx-adapt__btn\"\r\n         href=\"\/en\/telecharger-application-budget-quotidien\/#preinscription\"\r\n         aria-label=\"\u00catre pr\u00e9venu de la sortie de JourX\">\r\n        Be notified of the release\r\n      <\/a>\r\n    <\/p>\r\n\r\n    <!-- Texte accessible d\u00e9crivant l'image de fond -->\r\n    <span class=\"jx-adapt__sr\">Image d\u2019arri\u00e8re-plan : Application de budget quotidien JourX \u2013 visuel promotionnel.<\/span>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* ===== Styles isol\u00e9s ===== *\/\r\n  .jx-adapt{\r\n    \/* palette locale *\/\r\n    --ad-ink:#ffffff;           \/* texte sur image *\/\r\n    --ad-lime:#b9ff66;          \/* CTA primaire (align\u00e9 h\u00e9ros) *\/\r\n    --ad-overlay:rgba(15,25,68,.58);\r\n\r\n    position: relative;\r\n    overflow: hidden;           \/* \u00e9vite tout scroll horizontal *\/\r\n    padding: clamp(40px, 6vw, 80px) 20px;\r\n    color: var(--ad-ink);\r\n    font-family: \"Poppins\", system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    text-rendering: optimizeLegibility;\r\n  }\r\n  .jx-adapt__inner{ max-width: 1000px; margin: 0 auto; position: relative; z-index: 2; }\r\n\r\n  \/* Fond image + overlay + d\u00e9coupe en angle (haut) *\/\r\n  .jx-adapt::before{\r\n    content:\"\";\r\n    position: absolute; inset: 0;\r\n    background:\r\n      linear-gradient(90deg, var(--ad-overlay) 0%, rgba(15,25,68,.25) 60%, rgba(15,25,68,.10) 100%),\r\n      var(--ad-bg) center \/ cover no-repeat;\r\n    \/* angle : bord haut d\u00e9coup\u00e9 *\/\r\n    clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 100%);\r\n    z-index: 1;\r\n  }\r\n\r\n  .jx-adapt__title{\r\n    font-family: \"Playfair Display\", Georgia, serif;\r\n    font-weight: 700;\r\n    line-height: 1.15;\r\n    font-size: clamp(28px, 3.6vw, 40px);\r\n    margin: 0 0 10px 0;\r\n    color: #fff; \/* sur image *\/\r\n    text-wrap: balance;\r\n  }\r\n\r\n  .jx-adapt__lead{\r\n    margin: 0 0 16px 0;\r\n    line-height: 1.6;\r\n    color: rgba(255,255,255,.92);\r\n    max-width: 64ch;\r\n  }\r\n\r\n  .jx-adapt__actions{ margin: 0; }\r\n  .jx-adapt__btn{\r\n    display: inline-flex; align-items: center; justify-content: center;\r\n    padding: 12px 18px;\r\n    border-radius: 12px;\r\n    text-decoration: none;\r\n    font-weight: 700; font-size: 15px; line-height: 1;\r\n    color: #0d152f;\r\n    background: var(--ad-lime);\r\n    box-shadow: 0 8px 22px rgba(185,255,102,.18);\r\n    transition: transform .06s ease, filter .2s ease;\r\n  }\r\n  .jx-adapt__btn:hover{ transform: translateY(-1px); filter: brightness(.97); }\r\n\r\n  \/* Screen-reader only (pour d\u00e9crire l'image de fond) *\/\r\n  .jx-adapt__sr{\r\n    position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;\r\n    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;\r\n  }\r\n\r\n  \/* ===== Mobile ===== *\/\r\n  @media (max-width: 768px){\r\n    .jx-adapt{ padding: 24px 14px; }\r\n    .jx-adapt::before{\r\n      \/* angle un peu moins prononc\u00e9 pour petits \u00e9crans *\/\r\n      clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);\r\n      background:\r\n        linear-gradient(90deg, var(--ad-overlay) 0%, rgba(15,25,68,.32) 60%, rgba(15,25,68,.12) 100%),\r\n        var(--ad-bg) center \/ cover no-repeat;\r\n    }\r\n    .jx-adapt__title{\r\n      font-size: 18px;\r\n      line-height: 1.35;\r\n      margin-bottom: 8px;\r\n    }\r\n    .jx-adapt__lead{\r\n      font-size: 13px; line-height: 1.5; letter-spacing: .12px;\r\n      font-weight: 500;  \/* lisibilit\u00e9 mobile *\/\r\n      margin-bottom: 12px;\r\n    }\r\n    .jx-adapt__btn{ font-size: 12.5px; padding: 10px 14px; border-radius: 10px; }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\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-0a3d829 e-flex e-con-boxed e-con e-parent\" data-id=\"0a3d829\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a8293f elementor-widget elementor-widget-html\" data-id=\"4a8293f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"HowTo\",\r\n  \"name\": \"Comment JourX fonctionne, en 3 \u00e9tapes\",\r\n  \"description\": \"R\u00e9glez une fois votre budget mensuel et la date de fin. Enregistrez vos d\u00e9penses (ou connectez votre banque, en option). Chaque nuit, JourX recalcule ; chaque matin, vous recevez votre budget du jour.\",\r\n  \"totalTime\": \"P0DT0H1M\",\r\n  \"supply\": [],\r\n  \"tool\": [],\r\n  \"step\": [\r\n    { \"@type\": \"HowToStep\", \"name\": \"R\u00e9gler son budget\", \"text\": \"R\u00e9glez une fois votre budget mensuel et la date de fin.\" },\r\n    { \"@type\": \"HowToStep\", \"name\": \"Enregistrer ses d\u00e9penses\", \"text\": \"Enregistrez vos d\u00e9penses ou connectez votre banque (optionnel).\" },\r\n    { \"@type\": \"HowToStep\", \"name\": \"Recevoir le budget du jour\", \"text\": \"Chaque nuit, JourX recalcule ; chaque matin, vous recevez votre budget du jour.\" }\r\n  ]\r\n}\r\n<\/script>\r\n\t\t\t\t<\/div>\n\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-ee0b30e e-flex e-con-boxed e-con e-parent\" data-id=\"ee0b30e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f642b81 elementor-widget elementor-widget-shortcode\" data-id=\"f642b81\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>La fin du mois n\u2019arrivera plus le 15 du mois&nbsp;! L&rsquo;application de gestion de budget, JourX collecte vos d\u00e9penses, r\u00e9ajuste chaque nuit votre enveloppe et vous indique chaque matin combien d\u00e9penser, sans stress. \u00catre pr\u00e9venu de la sortie D\u00e9couvrir Objectif&nbsp;:&nbsp;1 000 pr\u00e9-inscriptions \u2014 1 atteinte(s) S\u2019inscrire Objectif 1 000 \u2014 1 atteint \u279c En savoir [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","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":"","theme-transparent-header-meta":"disabled","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":"","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-302","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jourx.fr\/en\/wp-json\/wp\/v2\/pages\/302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jourx.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jourx.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jourx.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jourx.fr\/en\/wp-json\/wp\/v2\/comments?post=302"}],"version-history":[{"count":489,"href":"https:\/\/jourx.fr\/en\/wp-json\/wp\/v2\/pages\/302\/revisions"}],"predecessor-version":[{"id":3732,"href":"https:\/\/jourx.fr\/en\/wp-json\/wp\/v2\/pages\/302\/revisions\/3732"}],"wp:attachment":[{"href":"https:\/\/jourx.fr\/en\/wp-json\/wp\/v2\/media?parent=302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}