LifeManager AI - Votre Plan d'Action par IA<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/js-eu1.hsforms.net\/forms\/embed\/139567716.js\" defer><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: { 50: '#f0f9ff', 100: '#e0f2fe', 200: '#bae6fd', 500: '#0ea5e9', 600: '#0284c7', 900: '#0c4a6e' },\n accent: { 50: '#f5f3ff', 100: '#ede9fe', 500: '#8b5cf6', 600: '#7c3aed' }\n },\n animation: {\n 'fade-in': 'fadeIn 0.5s ease-out forwards',\n 'slide-up': 'slideUp 0.5s ease-out forwards',\n 'float': 'float 6s ease-in-out infinite',\n },\n keyframes: {\n fadeIn: { '0%': { opacity: '0' }, '100%': { opacity: '1' } },\n slideUp: { '0%': { transform: 'translateY(20px)', opacity: '0' }, '100%': { transform: 'translateY(0)', opacity: '1' } },\n float: { '0%, 100%': { transform: 'translateY(0)' }, '50%': { transform: 'translateY(-20px)' } }\n }\n }\n }\n }\n <\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;900&display=swap');\n\n body {\n font-family: 'Inter', sans-serif;\n }\n\n .hs-form-frame iframe {\n width: 100% !important;\n border: none !important;\n }\n\n .phase-line {\n transition: height 1.5s cubic-bezier(0.4, 0, 0.2, 1);\n height: 0;\n }\n\n .phase-line.active {\n height: 100%;\n }\n\n .faq-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-out;\n }\n\n .faq-item.active .faq-content {\n max-height: 300px;\n padding-bottom: 24px;\n }\n\n .faq-item.active .faq-icon {\n transform: rotate(180deg);\n }\n\n button:focus,\n a:focus {\n outline: none !important;\n border: none !important;\n box-shadow: none !important;\n }\n\n .no-select {\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Fix for potential red outlines in some browser presets *\/\n * {\n -webkit-tap-highlight-color: transparent;\n outline: none !important;\n }\n <\/style>\n<\/head>\n\n<body class=\"bg-slate-50 text-slate-900 antialiased overflow-x-hidden\">\n\n \n <nav id=\"navbar\" class=\"fixed w-full z-50 transition-all duration-300 py-4 md:py-6\">\n <div class=\"max-w-7xl mx-auto px-4 md:px-6 flex justify-between items-center\">\n <div class=\"flex items-center gap-2 cursor-pointer no-select\"\n onclick=\"window.scrollTo({top:0, behavior:'smooth'})\">\n <div\n class=\"w-8 h-8 md:w-10 md:h-10 bg-brand-600 rounded-lg md:rounded-xl flex items-center justify-center shadow-lg shadow-brand-600\/20\">\n <svg class=\"text-white w-5 h-5 md:w-6 md:h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\"\n d=\"M13 10V3L4 14h7v7l9-11h-7z\" \/>\n <\/svg>\n <\/div>\n <span class=\"text-xl md:text-2xl font-black tracking-tighter\">LifeManager<span\n class=\"text-brand-600\">AI<\/span><\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 md:space-x-8\">\n <a href=\"#pricing\"\n class=\"hidden sm:block text-[10px] font-black uppercase tracking-widest text-slate-500 hover:text-brand-600 transition-colors\">Tarifs<\/a>\n <button onclick=\"toggleModal()\"\n class=\"bg-slate-900 text-white px-4 py-2 md:px-6 md:py-3 rounded-xl text-[10px] md:text-xs font-black uppercase italic tracking-widest hover:bg-slate-800 transition-all no-select\">Waitlist<\/button>\n <\/div>\n <\/div>\n <\/nav>\n\n \n <header class=\"relative pt-32 pb-20 lg:pt-56 lg:pb-40 bg-white overflow-hidden border-b border-slate-50\">\n <div class=\"absolute inset-0 opacity-40 pointer-events-none\">\n <div\n class=\"absolute -top-24 -left-24 w-[300px] md:w-[500px] h-[300px] md:h-[500px] bg-brand-200 rounded-full blur-[80px] md:blur-[120px]\">\n <\/div>\n <div\n class=\"absolute bottom-0 right-0 w-[250px] md:w-[400px] h-[250px] md:h-[400px] bg-accent-100 rounded-full blur-[70px] md:blur-[100px]\">\n <\/div>\n <\/div>\n <div class=\"relative max-w-7xl mx-auto px-6 flex flex-col lg:flex-row items-center gap-12 lg:gap-16\">\n <div class=\"lg:w-1\/2 text-center lg:text-left\">\n <div\n class=\"inline-block px-4 py-1.5 mb-6 md:mb-8 rounded-full bg-brand-50 border border-brand-100 text-brand-700 text-[10px] font-black uppercase tracking-widest\">\n \ud83d\ude80 12 places Early User restantes<\/div>\n <h1\n class=\"text-4xl md:text-7xl font-black text-slate-900 tracking-tighter leading-[1.1] md:leading-[0.95] mb-6 md:mb-8 italic uppercase\">\n Votre vie de r\u00eave ne doit plus \u00eatre <span class=\"text-brand-600\">un projet<\/span>.<\/h1>\n <p class=\"text-lg md:text-xl text-slate-500 mb-10 md:mb-12 leading-relaxed max-w-lg mx-auto lg:mx-0\">\n LifeManager AI transforme votre vision en plan d'action imm\u00e9diat. Verrouillez votre tarif Beta \u00e0 vie\n d\u00e8s aujourd'hui.<\/p>\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center lg:justify-start\">\n <button onclick=\"toggleModal()\"\n class=\"w-full sm:w-auto bg-brand-600 text-white px-8 py-5 md:px-10 md:py-6 rounded-2xl font-black uppercase italic tracking-tighter shadow-2xl shadow-brand-600\/30 hover:scale-105 transition-all text-lg md:text-xl no-select\">R\u00e9server\n mon acc\u00e8s Beta<\/button>\n <a href=\"#examples\"\n class=\"w-full sm:w-auto bg-white border-2 border-slate-100 text-slate-700 px-8 py-5 md:px-10 md:py-6 rounded-2xl font-black uppercase italic tracking-tighter hover:bg-slate-50 transition-all text-lg md:text-xl text-center no-select\">Voir\n les r\u00e9sultats<\/a>\n <\/div>\n <\/div>\n <div class=\"lg:w-1\/2 relative group w-full max-w-md lg:max-w-none\">\n <div\n class=\"relative rounded-[2.5rem] md:rounded-[3rem] overflow-hidden shadow-2xl rotate-1 lg:rotate-2 group-hover:rotate-0 transition-all duration-700 border border-slate-100\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1493612276216-ee3925520721?auto=format&fit=crop&q=80&w=1000\"\n alt=\"Vision\"\n class=\"w-full h-[400px] md:h-[600px] object-cover scale-110 group-hover:scale-100 transition-transform duration-700\" \/>\n <div\n class=\"absolute inset-0 bg-gradient-to-t from-slate-900 via-slate-900\/10 flex flex-col justify-end p-6 md:p-10\">\n <div\n class=\"bg-white\/10 backdrop-blur-2xl p-5 md:p-6 rounded-3xl border border-white\/20 w-full animate-float\">\n <p\n class=\"text-white font-black text-base md:text-lg mb-3 md:mb-4 italic uppercase tracking-tighter\">\n D\u00e9fis actifs :<\/p>\n <div class=\"flex flex-wrap gap-2 mb-4 md:mb-6\">\n <span\n class=\"text-[9px] md:text-[10px] bg-brand-500 text-white px-3 py-1 rounded-full font-black uppercase italic\">\"Marathon\n de Paris\"<\/span>\n <span\n class=\"text-[9px] md:text-[10px] bg-accent-500 text-white px-3 py-1 rounded-full font-black uppercase italic\">\"Lancer\n mon SaaS\"<\/span>\n <\/div>\n <div class=\"w-full bg-white\/20 rounded-full h-1.5 md:h-2 mb-2\">\n <div class=\"bg-brand-500 h-1.5 md:h-2 rounded-full w-[88%]\"><\/div>\n <\/div>\n <p class=\"text-white\/60 text-[9px] md:text-[10px] font-bold uppercase tracking-widest\">88%\n de la capacit\u00e9 Beta atteinte<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section id=\"features\" class=\"py-20 md:py-32 bg-white\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <div class=\"text-center max-w-3xl mx-auto mb-16 md:mb-20\">\n <h2 class=\"text-brand-600 font-black uppercase tracking-widest text-[10px] md:text-xs mb-4\">La m\u00e9thode\n LifeManager<\/h2>\n <p\n class=\"text-3xl md:text-6xl font-black text-slate-900 leading-tight tracking-tighter uppercase italic\">\n Enfin un syst\u00e8me qui s'adapte \u00e0 <span class=\"text-brand-600\">votre vie<\/span>, pas l'inverse.<\/p>\n <p class=\"mt-6 md:mt-8 text-lg md:text-xl text-slate-500 font-medium leading-relaxed\">Nous ne sommes pas\n une app de productivit\u00e9 ennuyeuse. Nous sommes votre compagnon vers une vie plus riche et plus\n sereine avec LifeManager AI.<\/p>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 md:gap-12\">\n <div\n class=\"text-center p-8 md:p-10 rounded-[2.5rem] md:rounded-[3rem] bg-slate-50 hover:bg-brand-50 transition-colors group\">\n <div\n class=\"w-16 h-16 md:w-20 md:h-20 bg-rose-100 text-rose-600 rounded-3xl flex items-center justify-center mx-auto mb-6 md:mb-8 group-hover:scale-110 transition-transform shadow-sm\">\n <svg class=\"w-8 h-8 md:w-10 md:h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle>\n <circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle>\n <\/svg>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-black mb-4 italic uppercase tracking-tighter\">Retrouvez votre\n Clart\u00e9<\/h3>\n <p class=\"text-sm md:text-base text-slate-500 leading-relaxed font-medium\">Ne vous sentez plus\n jamais perdu. L'IA d\u00e9compose vos grands r\u00eaves en petites victoires quotidiennes faciles \u00e0\n savourer.<\/p>\n <\/div>\n <div\n class=\"text-center p-8 md:p-10 rounded-[2.5rem] md:rounded-[3rem] bg-slate-50 hover:bg-brand-50 transition-colors group\">\n <div\n class=\"w-16 h-16 md:w-20 md:h-20 bg-emerald-100 text-emerald-600 rounded-3xl flex items-center justify-center mx-auto mb-6 md:mb-8 group-hover:scale-110 transition-transform shadow-sm\">\n <svg class=\"w-8 h-8 md:w-10 md:h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\n <\/svg>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-black mb-4 italic uppercase tracking-tighter\">\u00c9nergie & Vitalit\u00e9\n <\/h3>\n <p class=\"text-sm md:text-base text-slate-500 leading-relaxed font-medium\">Le succ\u00e8s commence par le\n corps. Recevez des conseils nutrition et bien-\u00eatre adapt\u00e9s \u00e0 votre rythme de vie.<\/p>\n <\/div>\n <div\n class=\"text-center p-8 md:p-10 rounded-[2.5rem] md:rounded-[3rem] bg-slate-50 hover:bg-brand-50 transition-colors group\">\n <div\n class=\"w-16 h-16 md:w-20 md:h-20 bg-amber-100 text-amber-600 rounded-3xl flex items-center justify-center mx-auto mb-6 md:mb-8 group-hover:scale-110 transition-transform shadow-sm\">\n <svg class=\"w-8 h-8 md:w-10 md:h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n d=\"M9.5 2A2.5 2.5 0 0 1 12 4.5v15a2.5 2.5 0 0 1-4.96.44 2.5 2.5 0 0 1-2.96-3.08 3 3 0 0 1-.34-5.58 2.5 2.5 0 0 1 1.32-4.24 2.5 2.5 0 0 1 1.98-3A2.5 2.5 0 0 1 9.5 2Z\">\n <\/path>\n <path\n d=\"M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96.44 2.5 2.5 0 0 0 2.96-3.08 3 3 0 0 0 .34-5.58 2.5 2.5 0 0 0-1.32-4.24 2.5 2.5 0 0 0-1.98-3A2.5 2.5 0 0 0 14.5 2Z\">\n <\/path>\n <\/svg>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-black mb-4 italic uppercase tracking-tighter\">Lib\u00e9rez votre\n Esprit<\/h3>\n <p class=\"text-sm md:text-base text-slate-500 leading-relaxed font-medium\">L'IA s'occupe de\n l'organisation. Vous, vous vous occupez de vivre, de cr\u00e9er et de profiter de vos proches.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"examples\" class=\"py-20 md:py-32 bg-slate-50 relative\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <div class=\"text-center mb-16 md:mb-24\">\n <span class=\"text-brand-600 font-black uppercase text-[10px] tracking-[0.4em]\">Vision Board AI<\/span>\n <h2 class=\"text-3xl md:text-7xl font-black uppercase italic tracking-tighter mt-4 leading-none italic\">\n Des plans d'action <span class=\"text-brand-600\">millim\u00e9tr\u00e9s<\/span><\/h2>\n <p class=\"mt-6 md:mt-8 text-lg md:text-xl text-slate-500 max-w-2xl mx-auto\">D\u00e9couvrez comment\n LifeManager AI transforme des ambitions floues en strat\u00e9gies concr\u00e8tes, pr\u00eates \u00e0 l'emploi.<\/p>\n <\/div>\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 md:gap-10\">\n \n <div\n class=\"bg-white rounded-[2.5rem] md:rounded-[3.5rem] overflow-hidden shadow-xl border border-slate-100 flex flex-col group hover:-translate-y-2 transition-all duration-500\">\n <div class=\"p-8 md:p-10 bg-gradient-to-br from-rose-500 to-orange-500 text-white\">\n <span\n class=\"bg-white\/20 backdrop-blur px-3 py-1 rounded-full text-[9px] font-black uppercase tracking-widest mb-4 inline-block italic\">Performance<\/span>\n <h3\n class=\"text-xl md:text-2xl font-black italic tracking-tighter uppercase leading-none mb-2 italic\">\n \"Marathon de Paris < 4h\"<\/h3>\n <\/div>\n <div class=\"p-8 md:p-10 flex-grow flex flex-col\">\n <div\n class=\"mb-8 p-6 bg-slate-50 rounded-3xl italic text-slate-600 text-sm leading-relaxed relative\">\n <span\n class=\"absolute -top-3 left-4 text-4xl md:text-5xl text-rose-200 leading-none\">\u201c<\/span>\n La sueur d'aujourd'hui est la gloire de demain. Votre marathon ne fait que 42km, votre\n volont\u00e9 est infinie.\n <\/div>\n <div class=\"space-y-8 md:space-y-10 relative mb-8 md:mb-12\">\n <div class=\"phase-line absolute left-4 top-2 w-0.5 bg-slate-100\"><\/div>\n <div class=\"flex gap-4 md:gap-6 relative z-10\">\n <div\n class=\"w-8 h-8 rounded-full bg-rose-500 flex-shrink-0 flex items-center justify-center text-xs text-white font-black shadow-lg\">\n 1<\/div>\n <div>\n <p class=\"text-[9px] font-black text-rose-500 uppercase tracking-widest\">Mois 1<\/p>\n <h4 class=\"font-black text-slate-900 uppercase italic text-sm italic\">Base Fonci\u00e8re\n <\/h4>\n <p class=\"text-xs text-slate-500 mt-1\">D\u00e9veloppement de l'endurance fondamentale.\n <\/p>\n <\/div>\n <\/div>\n <div class=\"flex gap-4 md:gap-6 relative z-10\">\n <div\n class=\"w-8 h-8 rounded-full bg-rose-500 flex-shrink-0 flex items-center justify-center text-xs text-white font-black shadow-lg\">\n 2<\/div>\n <div>\n <p class=\"text-[9px] font-black text-rose-500 uppercase tracking-widest\">Mois 2<\/p>\n <h4 class=\"font-black text-slate-900 uppercase italic text-sm italic\">Puissance VMA\n <\/h4>\n <p class=\"text-xs text-slate-500 mt-1\">S\u00e9ances de fractionn\u00e9s intenses.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"pt-6 md:pt-8 border-t border-slate-100 mt-auto\">\n <div class=\"flex items-center gap-2 mb-4\"><svg class=\"w-4 h-4 text-emerald-500\" fill=\"none\"\n stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" \/>\n <polyline points=\"22 4 12 14.01 9 11.01\" \/>\n <\/svg><span\n class=\"text-[9px] font-black text-slate-400 uppercase tracking-[0.2em]\">Habitudes\n d\u00e9bloqu\u00e9es<\/span><\/div>\n <div class=\"flex gap-2\">\n <div class=\"h-1.5 w-1\/2 bg-rose-500 rounded-full\"><\/div>\n <div class=\"h-1.5 w-1\/3 bg-slate-100 rounded-full\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div\n class=\"bg-white rounded-[2.5rem] md:rounded-[3.5rem] overflow-hidden shadow-2xl border border-slate-100 flex flex-col group lg:scale-105 z-10\">\n <div class=\"p-8 md:p-10 bg-gradient-to-br from-brand-600 to-accent-600 text-white\">\n <span\n class=\"bg-white\/20 backdrop-blur px-3 py-1 rounded-full text-[9px] font-black uppercase tracking-widest mb-4 inline-block italic\">Business<\/span>\n <h3\n class=\"text-xl md:text-2xl font-black italic tracking-tighter uppercase leading-none mb-2 italic\">\n \"Lancer un SaaS en 30j\"<\/h3>\n <\/div>\n <div class=\"p-8 md:p-10 flex-grow flex flex-col\">\n <div\n class=\"mb-8 p-6 bg-slate-50 rounded-3xl italic text-slate-600 text-sm leading-relaxed relative\">\n <span\n class=\"absolute -top-3 left-4 text-4xl md:text-5xl text-brand-200 leading-none\">\u201c<\/span>\n L'ex\u00e9cution bat la perfection. Construisez un syst\u00e8me qui r\u00e9sout un probl\u00e8me.\n <\/div>\n <div class=\"space-y-8 md:space-y-10 relative mb-8 md:mb-12\">\n <div class=\"phase-line absolute left-4 top-2 w-0.5 bg-slate-100\"><\/div>\n <div class=\"flex gap-4 md:gap-6 relative z-10\">\n <div\n class=\"w-8 h-8 rounded-full bg-brand-600 flex-shrink-0 flex items-center justify-center text-xs text-white font-black shadow-lg\">\n 1<\/div>\n <div>\n <p class=\"text-[9px] font-black text-brand-600 uppercase tracking-widest\">Semaine 1\n <\/p>\n <h4 class=\"font-black text-slate-900 uppercase italic text-sm italic\">Validation\n <\/h4>\n <p class=\"text-xs text-slate-500 mt-1\">Landing page et pr\u00e9-ventes directes.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex gap-4 md:gap-6 relative z-10\">\n <div\n class=\"w-8 h-8 rounded-full bg-brand-600 flex-shrink-0 flex items-center justify-center text-xs text-white font-black shadow-lg\">\n 2<\/div>\n <div>\n <p class=\"text-[9px] font-black text-brand-600 uppercase tracking-widest\">S 2 & 3\n <\/p>\n <h4 class=\"font-black text-slate-900 uppercase italic text-sm italic\">MVP Build<\/h4>\n <p class=\"text-xs text-slate-500 mt-1\">D\u00e9veloppement du coeur du produit.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"pt-6 md:pt-8 border-t border-slate-100 mt-auto\">\n <div class=\"flex items-center gap-2 mb-4\"><svg class=\"w-4 h-4 text-emerald-500\" fill=\"none\"\n stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" \/>\n <polyline points=\"22 4 12 14.01 9 11.01\" \/>\n <\/svg><span\n class=\"text-[9px] font-black text-slate-400 uppercase tracking-[0.2em]\">Habitudes\n d\u00e9bloqu\u00e9es<\/span><\/div>\n <div class=\"flex gap-2\">\n <div class=\"h-1.5 w-2\/3 bg-brand-600 rounded-full\"><\/div>\n <div class=\"h-1.5 w-1\/4 bg-slate-100 rounded-full\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div\n class=\"bg-white rounded-[2.5rem] md:rounded-[3.5rem] overflow-hidden shadow-xl border border-slate-100 flex flex-col group hover:-translate-y-2 transition-all duration-500\">\n <div class=\"p-8 md:p-10 bg-gradient-to-br from-amber-400 to-emerald-500 text-white\">\n <span\n class=\"bg-white\/20 backdrop-blur px-3 py-1 rounded-full text-[9px] font-black uppercase tracking-widest mb-4 inline-block italic\">Loisir<\/span>\n <h3\n class=\"text-xl md:text-2xl font-black italic tracking-tighter uppercase leading-none mb-2 italic\">\n \"Apprendre le Piano\"<\/h3>\n <\/div>\n <div class=\"p-8 md:p-10 flex-grow flex flex-col\">\n <div\n class=\"mb-8 p-6 bg-slate-50 rounded-3xl italic text-slate-600 text-sm leading-relaxed relative\">\n <span\n class=\"absolute -top-3 left-4 text-4xl md:text-5xl text-emerald-200 leading-none\">\u201c<\/span>\n La musique est le langage de l'\u00e2me. La discipline est la grammaire.\n <\/div>\n <div class=\"space-y-8 md:space-y-10 relative mb-8 md:mb-12\">\n <div class=\"phase-line absolute left-4 top-2 w-0.5 bg-slate-100\"><\/div>\n <div class=\"flex gap-4 md:gap-6 relative z-10\">\n <div\n class=\"w-8 h-8 rounded-full bg-emerald-500 flex-shrink-0 flex items-center justify-center text-xs text-white font-black shadow-lg\">\n 1<\/div>\n <div>\n <p class=\"text-[9px] font-black text-emerald-500 uppercase tracking-widest\">Mois 1\n <\/p>\n <h4 class=\"font-black text-slate-900 uppercase italic text-sm italic\">Hanon<\/h4>\n <p class=\"text-xs text-slate-500 mt-1\">Dext\u00e9rit\u00e9 et lecture de notes.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex gap-4 md:gap-6 relative z-10\">\n <div\n class=\"w-8 h-8 rounded-full bg-emerald-500 flex-shrink-0 flex items-center justify-center text-xs text-white font-black shadow-lg\">\n 2<\/div>\n <div>\n <p class=\"text-[9px] font-black text-emerald-500 uppercase tracking-widest\">Mois 2\n <\/p>\n <h4 class=\"font-black text-slate-900 uppercase italic text-sm italic\">Harmonie<\/h4>\n <p class=\"text-xs text-slate-500 mt-1\">Ma\u00eetrise des premiers accords.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"pt-6 md:pt-8 border-t border-slate-100 mt-auto\">\n <div class=\"flex items-center gap-2 mb-4\"><svg class=\"w-4 h-4 text-emerald-500\" fill=\"none\"\n stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" \/>\n <polyline points=\"22 4 12 14.01 9 11.01\" \/>\n <\/svg><span\n class=\"text-[9px] font-black text-slate-400 uppercase tracking-[0.2em]\">Habitudes\n d\u00e9bloqu\u00e9es<\/span><\/div>\n <div class=\"flex gap-2\">\n <div class=\"h-1.5 w-1\/2 bg-emerald-500 rounded-full\"><\/div>\n <div class=\"h-1.5 w-1\/3 bg-slate-100 rounded-full\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 md:py-24 bg-white\">\n <div class=\"max-w-4xl mx-auto px-4 md:px-6\">\n <div\n class=\"bg-slate-900 text-white p-8 md:p-20 rounded-[2.5rem] md:rounded-[4rem] text-center relative overflow-hidden shadow-2xl border border-slate-800\">\n <div class=\"absolute top-0 right-0 p-8 md:p-10 opacity-10 pointer-events-none\"><svg\n class=\"w-24 h-24 md:w-40 md:h-40\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n d=\"M9.5 2A2.5 2.5 0 0 1 12 4.5v15a2.5 2.5 0 0 1-4.96.44 2.5 2.5 0 0 1-2.96-3.08 3 3 0 0 1-.34-5.58 2.5 2.5 0 0 1 1.32-4.24 2.5 2.5 0 0 1 1.98-3A2.5 2.5 0 0 1 9.5 2Z\" \/>\n <path\n d=\"M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96.44 2.5 2.5 0 0 0 2.96-3.08 3 3 0 0 0 .34-5.58 2.5 2.5 0 0 0-1.32-4.24 2.5 2.5 0 0 0-1.98-3A2.5 2.5 0 0 0 14.5 2Z\" \/>\n <\/svg><\/div>\n <h3\n class=\"text-3xl md:text-6xl font-black italic uppercase tracking-tighter mb-6 md:mb-8 leading-[1.1] italic\">\n Et vous, quelle est votre <span class=\"text-brand-500\">prochaine victoire<\/span> ?<\/h3>\n <p class=\"text-slate-400 text-base md:text-xl mb-10 md:mb-12 max-w-xl mx-auto leading-relaxed\">Ne\n laissez plus vos id\u00e9es mourir dans un coin. Obtenez votre plan d'action personnalis\u00e9 d\u00e8s l'ouverture\n de la Beta.<\/p>\n\n <div class=\"flex justify-center\">\n <button onclick=\"toggleModal()\"\n class=\"w-full sm:w-auto bg-brand-600 text-white px-8 py-5 md:px-12 md:py-6 rounded-2xl md:rounded-3xl font-black uppercase italic text-lg sm:text-xl md:text-2xl hover:scale-105 transition-all shadow-xl shadow-brand-600\/30 no-select whitespace-nowrap overflow-hidden text-ellipsis\">\n G\u00e9n\u00e9rer mon Plan Perso\n <\/button>\n <\/div>\n\n <p class=\"mt-8 text-[9px] md:text-[10px] text-slate-500 font-black uppercase tracking-[0.3em]\">\ud83c\udf81 Acc\u00e8s\n Early User + Tarif bloqu\u00e9 \u00e0 19\u20ac\/mois<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"pricing\" class=\"py-20 md:py-32 bg-slate-50\">\n <div class=\"max-w-7xl mx-auto px-4 md:px-6\">\n <div class=\"text-center mb-16 md:mb-20\">\n <div\n class=\"inline-block px-4 py-1 rounded-full bg-brand-100 text-brand-600 text-[10px] font-black uppercase tracking-[0.2em] mb-4\">\n Offre Sp\u00e9ciale Early User<\/div>\n <h2\n class=\"text-4xl md:text-7xl font-black uppercase italic tracking-tighter text-slate-900 leading-none italic italic\">\n Une offre <span\n class=\"text-brand-600 underline decoration-brand-200 decoration-8 underline-offset-8\">limit\u00e9e<\/span>\n <\/h2>\n <p class=\"mt-8 text-lg md:text-xl text-slate-500 max-w-2xl mx-auto font-medium leading-relaxed\">Nous\n cherchons nos 100 premiers utilisateurs. En rejoignant la Beta aujourd'hui, vous verrouillez ce\n tarif \u00e0 vie.<\/p>\n <\/div>\n <div\n class=\"max-w-6xl mx-auto bg-white text-slate-900 rounded-[2.5rem] md:rounded-[4rem] shadow-2xl flex flex-col lg:flex-row overflow-hidden border-4 border-slate-900\">\n <div class=\"lg:w-3\/5 p-8 md:p-20 border-b lg:border-b-0 lg:border-r border-slate-100\">\n <h3\n class=\"text-2xl md:text-3xl font-black italic uppercase mb-10 md:mb-12 flex flex-col sm:flex-row items-center sm:items-start justify-center lg:justify-start gap-4 text-center sm:text-left italic\">\n <svg class=\"w-8 h-8 text-brand-500 shrink-0\" fill=\"none\" stroke=\"currentColor\"\n viewBox=\"0 0 24 24\">\n <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\" \/>\n <\/svg>\n The Early Adopter Pack\n <\/h3>\n <div class=\"space-y-10 md:space-y-12\">\n <div\n class=\"flex flex-col sm:flex-row gap-5 md:gap-6 items-center sm:items-start text-center sm:text-left\">\n <div class=\"bg-brand-50 p-4 rounded-2xl h-fit flex-shrink-0 shadow-sm\"><svg\n class=\"w-6 h-6 text-brand-600\" fill=\"none\" stroke=\"currentColor\"\n viewBox=\"0 0 24 24\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" \/>\n <polyline points=\"22 4 12 14.01 9 11.01\" \/>\n <\/svg><\/div>\n <div>\n <p class=\"text-lg md:text-xl font-black uppercase italic tracking-tight italic\">Acc\u00e8s\n Prioritaire Beta LifeManager<\/p>\n <p class=\"text-slate-500 font-medium text-sm md:text-base leading-relaxed\">Soyez le\n premier \u00e0 utiliser l'IA et influencez directement le produit.<\/p>\n <\/div>\n <\/div>\n <p\n class=\"text-brand-500 font-black uppercase text-[10px] tracking-widest italic border-t border-slate-100 pt-6 text-center sm:text-left\">\n + Avantages Early Adopter (Valeur : 647\u20ac)<\/p>\n <div class=\"space-y-6 md:space-y-8\">\n <div\n class=\"flex flex-col sm:flex-row gap-4 md:gap-6 items-center sm:items-start text-center sm:text-left\">\n <div class=\"bg-accent-50 p-3 rounded-2xl h-fit shadow-sm\"><svg\n class=\"w-5 h-5 text-accent-600\" fill=\"none\" stroke=\"currentColor\"\n viewBox=\"0 0 24 24\">\n <path d=\"M20 12v10H4V12\" \/>\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"5\" \/>\n <line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"7\" \/>\n <path d=\"M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z\" \/>\n <path d=\"M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z\" \/>\n <\/svg><\/div>\n <div>\n <p\n class=\"font-bold text-slate-900 flex flex-wrap items-center justify-center sm:justify-start gap-2\">\n Bonus #1 : Tarif Beta Bloqu\u00e9 \u00e0 vie <span\n class=\"text-[9px] bg-green-100 text-green-700 px-3 py-1 rounded-full font-black uppercase\">Exclusif<\/span>\n <\/p>\n <p class=\"text-xs md:text-sm text-slate-500 font-medium\">Payez 19\u20ac\/mois m\u00eame quand\n le prix passera \u00e0 49\u20ac.<\/p>\n <\/div>\n <\/div>\n <div\n class=\"flex flex-col sm:flex-row gap-4 md:gap-6 items-center sm:items-start text-center sm:text-left\">\n <div class=\"bg-accent-50 p-3 rounded-2xl h-fit shadow-sm\"><svg\n class=\"w-5 h-5 text-accent-600\" fill=\"none\" stroke=\"currentColor\"\n viewBox=\"0 0 24 24\">\n <path d=\"M20 12v10H4V12\" \/>\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"5\" \/>\n <line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"7\" \/>\n <path d=\"M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z\" \/>\n <path d=\"M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z\" \/>\n <\/svg><\/div>\n <div>\n <p\n class=\"font-bold text-slate-900 flex flex-wrap items-center justify-center sm:justify-start gap-2\">\n Bonus #2 : Badge VIP \"Early User\" <span\n class=\"text-[9px] bg-green-100 text-green-700 px-3 py-1 rounded-full font-black uppercase\">Prestige<\/span>\n <\/p>\n <p class=\"text-xs md:text-sm text-slate-500 font-medium\">Acc\u00e8s direct aux\n d\u00e9veloppeurs et mises \u00e0 jour priv\u00e9es.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div\n class=\"mt-12 md:mt-16 bg-slate-900 p-6 md:p-8 rounded-[2rem] md:rounded-[2.5rem] flex flex-col sm:flex-row items-center gap-6 md:gap-8 text-center sm:text-left border border-slate-800\">\n <svg class=\"w-16 h-16 md:w-20 md:h-20 text-brand-400 flex-shrink-0\" fill=\"none\"\n stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" \/>\n <\/svg>\n <div>\n <p\n class=\"text-white text-xl md:text-2xl font-black italic uppercase tracking-tighter mb-2 italic\">\n Engagement Sans Risque<\/p>\n <p class=\"text-slate-400 font-medium leading-relaxed text-sm md:text-base\">Inscription\n gratuite. Vous ne paierez rien tant que vos acc\u00e8s ne sont pas activ\u00e9s.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"lg:w-2\/5 p-10 md:p-20 bg-slate-50 flex flex-col items-center justify-center text-center\">\n <p class=\"text-slate-400 uppercase font-black tracking-widest text-[10px] md:text-xs mb-4\">Prix\n Public Futur : <span class=\"line-through\">49\u20ac\/mois<\/span><\/p>\n <div class=\"mb-10 md:mb-12\">\n <p class=\"text-slate-900 font-black text-[10px] md:text-sm uppercase italic mb-4\">Votre tarif\n Early User :<\/p>\n <span\n class=\"text-6xl md:text-8xl font-black text-brand-600 italic tracking-tighter italic\">19\u20ac<\/span><span\n class=\"text-slate-400 font-bold ml-2\">\/mois<\/span>\n <\/div>\n <button onclick=\"toggleModal()\"\n class=\"w-full bg-slate-900 text-white py-6 md:py-8 rounded-[2rem] md:rounded-[2.5rem] font-black uppercase italic text-lg md:text-2xl hover:scale-105 transition-all shadow-2xl shadow-slate-900\/40 mb-8 no-select\">R\u00e9server\n mon acc\u00e8s<\/button>\n <div\n class=\"bg-brand-50 text-brand-600 px-6 py-2 rounded-full font-black text-[9px] md:text-[10px] animate-pulse uppercase tracking-[0.2em] mb-10 md:mb-12 italic italic italic\">\n \u26a1 Seulement 12 places Beta restantes<\/div>\n <div class=\"flex flex-col items-center\">\n <div class=\"flex -space-x-4 mb-4\">\n <img decoding=\"async\" class=\"h-10 w-10 md:h-12 md:w-12 rounded-full border-4 border-white shadow-sm\"\n src=\"https:\/\/i.pravatar.cc\/100?u=12\" alt=\"\" \/>\n <img decoding=\"async\" class=\"h-10 w-10 md:h-12 md:w-12 rounded-full border-4 border-white shadow-sm\"\n src=\"https:\/\/i.pravatar.cc\/100?u=13\" alt=\"\" \/>\n <img decoding=\"async\" class=\"h-10 w-10 md:h-12 md:w-12 rounded-full border-4 border-white shadow-sm\"\n src=\"https:\/\/i.pravatar.cc\/100?u=14\" alt=\"\" \/>\n <\/div>\n <p\n class=\"text-[10px] md:text-xs text-slate-500 font-bold uppercase tracking-tight leading-tight\">\n 88 d\u00e9fis d\u00e9j\u00e0 planifi\u00e9s :<br \/><span class=\"text-brand-600 italic\">\"Marathon de\n Paris\"<\/span> & <span class=\"text-brand-600 italic\">\"Lancer mon SaaS\"<\/span><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 md:py-32 bg-white\">\n <div class=\"max-w-3xl mx-auto px-6\">\n <h2\n class=\"text-3xl md:text-4xl font-black uppercase italic tracking-tighter text-center mb-12 md:mb-16 italic italic\">\n Questions Fr\u00e9quentes<\/h2>\n <div class=\"space-y-4\">\n <div\n class=\"faq-item bg-slate-50 md:rounded-3xl border border-slate-100 overflow-hidden shadow-sm\">\n <button\n class=\"w-full p-6 md:p-8 text-left flex justify-between items-center group transition-colors hover:bg-slate-100 no-select\"\n onclick=\"toggleFaq(this)\">\n <span\n class=\"font-black text-lg md:text-xl italic uppercase tracking-tighter italic italic\">Comment\n fonctionne l'IA ?<\/span>\n <svg class=\"faq-icon w-5 h-5 md:w-6 md:h-6 transform transition-transform duration-300 text-slate-400\"\n fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M19 9l-7 7-7-7\" \/>\n <\/svg>\n <\/button>\n <div\n class=\"faq-content px-6 md:px-8 text-sm md:text-base text-slate-500 leading-relaxed font-medium\">\n Nous utilisons Gemini 2.5 pour analyser vos objectifs. L'IA d\u00e9compose votre vision en \u00e9tapes\n logiques bas\u00e9es sur des mod\u00e8les de r\u00e9ussite prouv\u00e9s.<\/div>\n <\/div>\n <div\n class=\"faq-item bg-slate-50 md:rounded-3xl border border-slate-100 overflow-hidden shadow-sm\">\n <button\n class=\"w-full p-6 md:p-8 text-left flex justify-between items-center group transition-colors hover:bg-slate-100 no-select\"\n onclick=\"toggleFaq(this)\">\n <span class=\"font-black text-lg md:text-xl italic uppercase tracking-tighter italic italic\">Mes\n donn\u00e9es sont-elles priv\u00e9es ?<\/span>\n <svg class=\"faq-icon w-5 h-5 md:w-6 md:h-6 transform transition-transform duration-300 text-slate-400\"\n fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M19 9l-7 7-7-7\" \/>\n <\/svg>\n <\/button>\n <div\n class=\"faq-content px-6 md:px-8 text-sm md:text-base text-slate-500 leading-relaxed font-medium\">\n Absolument. Vos objectifs sont chiffr\u00e9s et utilis\u00e9s uniquement pour g\u00e9n\u00e9rer vos plans. Nous ne\n vendons aucune donn\u00e9e.<\/div>\n <\/div>\n <div\n class=\"faq-item bg-slate-50 md:rounded-3xl border border-slate-100 overflow-hidden shadow-sm\">\n <button\n class=\"w-full p-6 md:p-8 text-left flex justify-between items-center group transition-colors hover:bg-slate-100 no-select\"\n onclick=\"toggleFaq(this)\">\n <span\n class=\"font-black text-lg md:text-xl italic uppercase tracking-tighter italic italic\">Est-ce\n que je peux r\u00e9silier ?<\/span>\n <svg class=\"faq-icon w-5 h-5 md:w-6 md:h-6 transform transition-transform duration-300 text-slate-400\"\n fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M19 9l-7 7-7-7\" \/>\n <\/svg>\n <\/button>\n <div\n class=\"faq-content px-6 md:px-8 text-sm md:text-base text-slate-500 leading-relaxed font-medium\">\n Oui, l'offre Early User est sans engagement. Vous pouvez arr\u00eater quand vous voulez, mais vous\n perdrez votre tarif bloqu\u00e9 \u00e0 19\u20ac.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-32 md:py-48 bg-slate-900 relative overflow-hidden\">\n <div class=\"absolute inset-0 opacity-10 pointer-events-none\">\n <div class=\"absolute top-0 left-1\/4 w-96 h-96 bg-brand-500 rounded-full blur-[150px]\"><\/div>\n <\/div>\n <div class=\"max-w-4xl mx-auto px-6 text-center relative z-10 text-white\">\n <h2\n class=\"text-4xl md:text-7xl font-black mb-8 md:mb-10 uppercase italic tracking-tighter leading-[1.1] italic italic\">\n Le futur de votre <span class=\"text-brand-600\">succ\u00e8s<\/span> commence ici.<\/h2>\n <p class=\"text-lg md:text-xl text-slate-400 mb-12 md:mb-16 max-w-2xl mx-auto leading-relaxed\">Qu'il s'agisse\n de <span class=\"text-white italic\">\"Quitter votre job\"<\/span> ou de <span\n class=\"text-white italic\">\"Courir un Marathon\"<\/span>, LifeManager AI est pr\u00eat \u00e0 vous guider.<\/p>\n <div class=\"flex justify-center\">\n <button onclick=\"toggleModal()\"\n class=\"w-full sm:w-auto bg-brand-600 text-white px-8 py-5 md:px-16 md:py-8 rounded-[2rem] md:rounded-[2.5rem] font-black uppercase italic text-xl md:text-3xl shadow-2xl shadow-brand-600\/30 hover:scale-105 transition-all no-select overflow-hidden text-ellipsis\">R\u00e9server\n mon Acc\u00e8s Beta<\/button>\n <\/div>\n <p\n class=\"mt-8 md:mt-10 text-slate-500 font-black uppercase italic tracking-widest text-[9px] md:text-xs italic italic\">\n \ud83c\udf81 Bonus sp\u00e9cial Early User inclus pour les 100 premiers inscrits<\/p>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-slate-900 py-16 md:py-20 text-center border-t border-white\/5\">\n <p class=\"text-2xl md:text-3xl font-black italic uppercase tracking-tighter text-white mb-4 italic\">\n LifeManager<span class=\"text-brand-600\">AI<\/span><\/p>\n <p class=\"text-white\/30 text-[9px] md:text-[10px] font-black uppercase tracking-[0.4em] mb-10 md:mb-12\">©\n 2025 - Transformez votre destin<\/p>\n <div\n class=\"flex flex-wrap justify-center gap-6 md:gap-8 text-[9px] md:text-[10px] font-black uppercase tracking-widest text-white\/40\">\n <a href=\"#\" class=\"hover:text-white transition-colors\">Confidentialit\u00e9<\/a>\n <a href=\"#\" class=\"hover:text-white transition-colors\">Contact<\/a>\n <\/div>\n <\/footer>\n\n \n <div id=\"modal\"\n class=\"fixed inset-0 z-[100] hidden items-center justify-center p-4 md:p-6 bg-slate-900\/95 backdrop-blur-md animate-fade-in no-select\">\n <div\n class=\"relative bg-white w-full max-w-lg rounded-[2.5rem] md:rounded-[4rem] shadow-2xl overflow-hidden p-8 md:p-16 animate-slide-up border border-slate-100\">\n <button onclick=\"toggleModal()\"\n class=\"absolute top-6 right-6 md:top-10 md:right-10 text-slate-300 hover:text-slate-900 transition-colors z-50\">\n <svg class=\"w-8 h-8 md:w-10 md:h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"4\" d=\"M6 18L18 6M6 6l12 12\" \/>\n <\/svg>\n <\/button>\n <div class=\"text-center mb-8 md:mb-10\">\n <h3\n class=\"text-2xl md:text-3xl font-black italic uppercase mb-3 md:mb-4 leading-[1.1] italic uppercase italic\">\n Rejoindre la <span class=\"text-brand-600\">Liste Early User<\/span><\/h3>\n <p class=\"text-slate-500 font-medium italic text-sm md:text-base leading-relaxed\">Verrouillez votre\n tarif Beta Early User \u00e0 19\u20ac\/mois \u00e0 vie.<\/p>\n <\/div>\n <div class=\"hs-form-frame\" data-region=\"eu1\" data-form-id=\"e4a2a87b-8df8-46ff-a5a8-aaee83225596\"\n data-portal-id=\"139567716\"><\/div>\n <p\n class=\"mt-8 md:mt-10 text-center text-[9px] md:text-[10px] text-slate-400 font-black uppercase tracking-[0.3em] animate-pulse italic italic\">\n \ud83d\ude80 12 PLACES EARLY USER RESTANTES<\/p>\n <\/div>\n <\/div>\n\n \n <script>\n window.addEventListener('scroll', () => {\n const nav = document.getElementById('navbar');\n if (window.scrollY > 20) { nav.classList.add('bg-white\/95', 'backdrop-blur-md', 'shadow-sm', 'py-3'); nav.classList.remove('py-4', 'md:py-6'); }\n else { nav.classList.remove('bg-white\/95', 'backdrop-blur-md', 'shadow-sm', 'py-3'); nav.classList.add('py-4', 'md:py-6'); }\n });\n\n function toggleModal() {\n const m = document.getElementById('modal');\n const isOpen = !m.classList.contains('hidden');\n if (!isOpen) {\n m.classList.remove('hidden'); m.classList.add('flex');\n document.body.style.overflow = 'hidden';\n if (window.hbspt) {\n window.hbspt.forms.create({\n region: \"eu1\", portalId: \"139567716\", formId: \"e4a2a87b-8df8-46ff-a5a8-aaee83225596\", target: \"#hs-form-target\"\n });\n }\n } else { m.classList.add('hidden'); m.classList.remove('flex'); document.body.style.overflow = 'auto'; }\n }\n\n function toggleFaq(btn) {\n const item = btn.parentElement;\n const wasActive = item.classList.contains('active');\n document.querySelectorAll('.faq-item').forEach(el => el.classList.remove('active'));\n if (!wasActive) item.classList.add('active');\n }\n\n const obs = new IntersectionObserver((entries) => {\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('active'); });\n }, { threshold: 0.5 });\n document.querySelectorAll('.phase-line').forEach(l => obs.observe(l));\n <\/script>\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LifeManager AI – Votre Plan d’Action par IA LifeManagerAI Tarifs Waitlist \ud83d\ude80 12 places Early User restantes Votre vie de r\u00eave ne doit plus \u00eatre un projet. LifeManager AI transforme votre vision en plan d’action imm\u00e9diat. Verrouillez votre tarif Beta \u00e0 vie d\u00e8s aujourd’hui. R\u00e9server mon acc\u00e8s Beta Voir les r\u00e9sultats D\u00e9fis actifs : “Marathon […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-87","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Early lifemanagerAi landing page -<\/title>\n<meta name=\"description\" content=\"Struggling to set and track goals? Our intelligent app breaks goals into clear, achievable steps\u2014AI-powered planning, weekly tasks, habits, milestones, and accountability to help you stay focused and make real progress\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.lifeareamanagement.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Early lifemanagerAi landing page -\" \/>\n<meta property=\"og:description\" content=\"Struggling to set and track goals? Our intelligent app breaks goals into clear, achievable steps\u2014AI-powered planning, weekly tasks, habits, milestones, and accountability to help you stay focused and make real progress\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.lifeareamanagement.com\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-28T10:12:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1493612276216-ee3925520721?auto=format&fit=crop&q=80&w=1000\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.lifeareamanagement.com\/\",\"url\":\"https:\/\/www.lifeareamanagement.com\/\",\"name\":\"Early lifemanagerAi landing page -\",\"isPartOf\":{\"@id\":\"https:\/\/www.lifeareamanagement.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.lifeareamanagement.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.lifeareamanagement.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/images.unsplash.com\/photo-1493612276216-ee3925520721?auto=format&fit=crop&q=80&w=1000\",\"datePublished\":\"2025-12-27T12:59:53+00:00\",\"dateModified\":\"2025-12-28T10:12:35+00:00\",\"description\":\"Struggling to set and track goals? Our intelligent app breaks goals into clear, achievable steps\u2014AI-powered planning, weekly tasks, habits, milestones, and accountability to help you stay focused and make real progress\",\"breadcrumb\":{\"@id\":\"https:\/\/www.lifeareamanagement.com\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.lifeareamanagement.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.lifeareamanagement.com\/#primaryimage\",\"url\":\"https:\/\/images.unsplash.com\/photo-1493612276216-ee3925520721?auto=format&fit=crop&q=80&w=1000\",\"contentUrl\":\"https:\/\/images.unsplash.com\/photo-1493612276216-ee3925520721?auto=format&fit=crop&q=80&w=1000\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.lifeareamanagement.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.lifeareamanagement.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Early lifemanagerAi landing page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.lifeareamanagement.com\/#website\",\"url\":\"https:\/\/www.lifeareamanagement.com\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.lifeareamanagement.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Early lifemanagerAi landing page -","description":"Struggling to set and track goals? Our intelligent app breaks goals into clear, achievable steps\u2014AI-powered planning, weekly tasks, habits, milestones, and accountability to help you stay focused and make real progress","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.lifeareamanagement.com\/","og_locale":"en_US","og_type":"article","og_title":"Early lifemanagerAi landing page -","og_description":"Struggling to set and track goals? Our intelligent app breaks goals into clear, achievable steps\u2014AI-powered planning, weekly tasks, habits, milestones, and accountability to help you stay focused and make real progress","og_url":"https:\/\/www.lifeareamanagement.com\/","article_modified_time":"2025-12-28T10:12:35+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1493612276216-ee3925520721?auto=format&fit=crop&q=80&w=1000","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.lifeareamanagement.com\/","url":"https:\/\/www.lifeareamanagement.com\/","name":"Early lifemanagerAi landing page -","isPartOf":{"@id":"https:\/\/www.lifeareamanagement.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.lifeareamanagement.com\/#primaryimage"},"image":{"@id":"https:\/\/www.lifeareamanagement.com\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1493612276216-ee3925520721?auto=format&fit=crop&q=80&w=1000","datePublished":"2025-12-27T12:59:53+00:00","dateModified":"2025-12-28T10:12:35+00:00","description":"Struggling to set and track goals? Our intelligent app breaks goals into clear, achievable steps\u2014AI-powered planning, weekly tasks, habits, milestones, and accountability to help you stay focused and make real progress","breadcrumb":{"@id":"https:\/\/www.lifeareamanagement.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.lifeareamanagement.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.lifeareamanagement.com\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1493612276216-ee3925520721?auto=format&fit=crop&q=80&w=1000","contentUrl":"https:\/\/images.unsplash.com\/photo-1493612276216-ee3925520721?auto=format&fit=crop&q=80&w=1000"},{"@type":"BreadcrumbList","@id":"https:\/\/www.lifeareamanagement.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.lifeareamanagement.com\/"},{"@type":"ListItem","position":2,"name":"Early lifemanagerAi landing page"}]},{"@type":"WebSite","@id":"https:\/\/www.lifeareamanagement.com\/#website","url":"https:\/\/www.lifeareamanagement.com\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.lifeareamanagement.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.lifeareamanagement.com\/index.php\/wp-json\/wp\/v2\/pages\/87","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lifeareamanagement.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.lifeareamanagement.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.lifeareamanagement.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lifeareamanagement.com\/index.php\/wp-json\/wp\/v2\/comments?post=87"}],"version-history":[{"count":32,"href":"https:\/\/www.lifeareamanagement.com\/index.php\/wp-json\/wp\/v2\/pages\/87\/revisions"}],"predecessor-version":[{"id":121,"href":"https:\/\/www.lifeareamanagement.com\/index.php\/wp-json\/wp\/v2\/pages\/87\/revisions\/121"}],"wp:attachment":[{"href":"https:\/\/www.lifeareamanagement.com\/index.php\/wp-json\/wp\/v2\/media?parent=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n \n \n LifeManager AI - Votre Plan d'Action par IA<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/js-eu1.hsforms.net\/forms\/embed\/139567716.js\" defer><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: { 50: '#f0f9ff', 100: '#e0f2fe', 200: '#bae6fd', 500: '#0ea5e9', 600: '#0284c7', 900: '#0c4a6e' },\n accent: { 50: '#f5f3ff', 100: '#ede9fe', 500: '#8b5cf6', 600: '#7c3aed' }\n },\n animation: {\n 'fade-in': 'fadeIn 0.5s ease-out forwards',\n 'slide-up': 'slideUp 0.5s ease-out forwards',\n 'float': 'float 6s ease-in-out infinite',\n },\n keyframes: {\n fadeIn: { '0%': { opacity: '0' }, '100%': { opacity: '1' } },\n slideUp: { '0%': { transform: 'translateY(20px)', opacity: '0' }, '100%': { transform: 'translateY(0)', opacity: '1' } },\n float: { '0%, 100%': { transform: 'translateY(0)' }, '50%': { transform: 'translateY(-20px)' } }\n }\n }\n }\n }\n <\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;900&display=swap');\n\n body {\n font-family: 'Inter', sans-serif;\n }\n\n .hs-form-frame iframe {\n width: 100% !important;\n border: none !important;\n }\n\n .phase-line {\n transition: height 1.5s cubic-bezier(0.4, 0, 0.2, 1);\n height: 0;\n }\n\n .phase-line.active {\n height: 100%;\n }\n\n .faq-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-out;\n }\n\n .faq-item.active .faq-content {\n max-height: 300px;\n padding-bottom: 24px;\n }\n\n .faq-item.active .faq-icon {\n transform: rotate(180deg);\n }\n\n button:focus,\n a:focus {\n outline: none !important;\n border: none !important;\n box-shadow: none !important;\n }\n\n .no-select {\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Fix for potential red outlines in some browser presets *\/\n * {\n -webkit-tap-highlight-color: transparent;\n outline: none !important;\n }\n <\/style>\n<\/head>\n\n<body class=\"bg-slate-50 text-slate-900 antialiased overflow-x-hidden\">\n\n \n <nav id=\"navbar\" class=\"fixed w-full z-50 transition-all duration-300 py-4 md:py-6\">\n <div class=\"max-w-7xl mx-auto px-4 md:px-6 flex justify-between items-center\">\n <div class=\"flex items-center gap-2 cursor-pointer no-select\"\n onclick=\"window.scrollTo({top:0, behavior:'smooth'})\">\n <div\n class=\"w-8 h-8 md:w-10 md:h-10 bg-brand-600 rounded-lg md:rounded-xl flex items-center justify-center shadow-lg shadow-brand-600\/20\">\n <svg class=\"text-white w-5 h-5 md:w-6 md:h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\"\n d=\"M13 10V3L4 14h7v7l9-11h-7z\" \/>\n <\/svg>\n <\/div>\n <span class=\"text-xl md:text-2xl font-black tracking-tighter\">LifeManager<span\n class=\"text-brand-600\">AI<\/span><\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 md:space-x-8\">\n <a href=\"#pricing\"\n class=\"hidden sm:block text-[10px] font-black uppercase tracking-widest text-slate-500 hover:text-brand-600 transition-colors\">Tarifs<\/a>\n <button onclick=\"toggleModal()\"\n class=\"bg-slate-900 text-white px-4 py-2 md:px-6 md:py-3 rounded-xl text-[10px] md:text-xs font-black uppercase italic tracking-widest hover:bg-slate-800 transition-all no-select\">Waitlist<\/button>\n <\/div>\n <\/div>\n <\/nav>\n\n \n <header class=\"relative pt-32 pb-20 lg:pt-56 lg:pb-40 bg-white overflow-hidden border-b border-slate-50\">\n <div class=\"absolute inset-0 opacity-40 pointer-events-none\">\n <div\n class=\"absolute -top-24 -left-24 w-[300px] md:w-[500px] h-[300px] md:h-[500px] bg-brand-200 rounded-full blur-[80px] md:blur-[120px]\">\n <\/div>\n <div\n class=\"absolute bottom-0 right-0 w-[250px] md:w-[400px] h-[250px] md:h-[400px] bg-accent-100 rounded-full blur-[70px] md:blur-[100px]\">\n <\/div>\n <\/div>\n <div class=\"relative max-w-7xl mx-auto px-6 flex flex-col lg:flex-row items-center gap-12 lg:gap-16\">\n <div class=\"lg:w-1\/2 text-center lg:text-left\">\n <div\n class=\"inline-block px-4 py-1.5 mb-6 md:mb-8 rounded-full bg-brand-50 border border-brand-100 text-brand-700 text-[10px] font-black uppercase tracking-widest\">\n \ud83d\ude80 12 places Early User restantes<\/div>\n <h1\n class=\"text-4xl md:text-7xl font-black text-slate-900 tracking-tighter leading-[1.1] md:leading-[0.95] mb-6 md:mb-8 italic uppercase\">\n Votre vie de r\u00eave ne doit plus \u00eatre <span class=\"text-brand-600\">un projet<\/span>.<\/h1>\n <p class=\"text-lg md:text-xl text-slate-500 mb-10 md:mb-12 leading-relaxed max-w-lg mx-auto lg:mx-0\">\n LifeManager AI transforme votre vision en plan d'action imm\u00e9diat. Verrouillez votre tarif Beta \u00e0 vie\n d\u00e8s aujourd'hui.<\/p>\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center lg:justify-start\">\n <button onclick=\"toggleModal()\"\n class=\"w-full sm:w-auto bg-brand-600 text-white px-8 py-5 md:px-10 md:py-6 rounded-2xl font-black uppercase italic tracking-tighter shadow-2xl shadow-brand-600\/30 hover:scale-105 transition-all text-lg md:text-xl no-select\">R\u00e9server\n mon acc\u00e8s Beta<\/button>\n <a href=\"#examples\"\n class=\"w-full sm:w-auto bg-white border-2 border-slate-100 text-slate-700 px-8 py-5 md:px-10 md:py-6 rounded-2xl font-black uppercase italic tracking-tighter hover:bg-slate-50 transition-all text-lg md:text-xl text-center no-select\">Voir\n les r\u00e9sultats<\/a>\n <\/div>\n <\/div>\n <div class=\"lg:w-1\/2 relative group w-full max-w-md lg:max-w-none\">\n <div\n class=\"relative rounded-[2.5rem] md:rounded-[3rem] overflow-hidden shadow-2xl rotate-1 lg:rotate-2 group-hover:rotate-0 transition-all duration-700 border border-slate-100\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1493612276216-ee3925520721?auto=format&fit=crop&q=80&w=1000\"\n alt=\"Vision\"\n class=\"w-full h-[400px] md:h-[600px] object-cover scale-110 group-hover:scale-100 transition-transform duration-700\" \/>\n <div\n class=\"absolute inset-0 bg-gradient-to-t from-slate-900 via-slate-900\/10 flex flex-col justify-end p-6 md:p-10\">\n <div\n class=\"bg-white\/10 backdrop-blur-2xl p-5 md:p-6 rounded-3xl border border-white\/20 w-full animate-float\">\n <p\n class=\"text-white font-black text-base md:text-lg mb-3 md:mb-4 italic uppercase tracking-tighter\">\n D\u00e9fis actifs :<\/p>\n <div class=\"flex flex-wrap gap-2 mb-4 md:mb-6\">\n <span\n class=\"text-[9px] md:text-[10px] bg-brand-500 text-white px-3 py-1 rounded-full font-black uppercase italic\">\"Marathon\n de Paris\"<\/span>\n <span\n class=\"text-[9px] md:text-[10px] bg-accent-500 text-white px-3 py-1 rounded-full font-black uppercase italic\">\"Lancer\n mon SaaS\"<\/span>\n <\/div>\n <div class=\"w-full bg-white\/20 rounded-full h-1.5 md:h-2 mb-2\">\n <div class=\"bg-brand-500 h-1.5 md:h-2 rounded-full w-[88%]\"><\/div>\n <\/div>\n <p class=\"text-white\/60 text-[9px] md:text-[10px] font-bold uppercase tracking-widest\">88%\n de la capacit\u00e9 Beta atteinte<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section id=\"features\" class=\"py-20 md:py-32 bg-white\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <div class=\"text-center max-w-3xl mx-auto mb-16 md:mb-20\">\n <h2 class=\"text-brand-600 font-black uppercase tracking-widest text-[10px] md:text-xs mb-4\">La m\u00e9thode\n LifeManager<\/h2>\n <p\n class=\"text-3xl md:text-6xl font-black text-slate-900 leading-tight tracking-tighter uppercase italic\">\n Enfin un syst\u00e8me qui s'adapte \u00e0 <span class=\"text-brand-600\">votre vie<\/span>, pas l'inverse.<\/p>\n <p class=\"mt-6 md:mt-8 text-lg md:text-xl text-slate-500 font-medium leading-relaxed\">Nous ne sommes pas\n une app de productivit\u00e9 ennuyeuse. Nous sommes votre compagnon vers une vie plus riche et plus\n sereine avec LifeManager AI.<\/p>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 md:gap-12\">\n <div\n class=\"text-center p-8 md:p-10 rounded-[2.5rem] md:rounded-[3rem] bg-slate-50 hover:bg-brand-50 transition-colors group\">\n <div\n class=\"w-16 h-16 md:w-20 md:h-20 bg-rose-100 text-rose-600 rounded-3xl flex items-center justify-center mx-auto mb-6 md:mb-8 group-hover:scale-110 transition-transform shadow-sm\">\n <svg class=\"w-8 h-8 md:w-10 md:h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle>\n <circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle>\n <\/svg>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-black mb-4 italic uppercase tracking-tighter\">Retrouvez votre\n Clart\u00e9<\/h3>\n <p class=\"text-sm md:text-base text-slate-500 leading-relaxed font-medium\">Ne vous sentez plus\n jamais perdu. L'IA d\u00e9compose vos grands r\u00eaves en petites victoires quotidiennes faciles \u00e0\n savourer.<\/p>\n <\/div>\n <div\n class=\"text-center p-8 md:p-10 rounded-[2.5rem] md:rounded-[3rem] bg-slate-50 hover:bg-brand-50 transition-colors group\">\n <div\n class=\"w-16 h-16 md:w-20 md:h-20 bg-emerald-100 text-emerald-600 rounded-3xl flex items-center justify-center mx-auto mb-6 md:mb-8 group-hover:scale-110 transition-transform shadow-sm\">\n <svg class=\"w-8 h-8 md:w-10 md:h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\n <\/svg>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-black mb-4 italic uppercase tracking-tighter\">\u00c9nergie & Vitalit\u00e9\n <\/h3>\n <p class=\"text-sm md:text-base text-slate-500 leading-relaxed font-medium\">Le succ\u00e8s commence par le\n corps. Recevez des conseils nutrition et bien-\u00eatre adapt\u00e9s \u00e0 votre rythme de vie.<\/p>\n <\/div>\n <div\n class=\"text-center p-8 md:p-10 rounded-[2.5rem] md:rounded-[3rem] bg-slate-50 hover:bg-brand-50 transition-colors group\">\n <div\n class=\"w-16 h-16 md:w-20 md:h-20 bg-amber-100 text-amber-600 rounded-3xl flex items-center justify-center mx-auto mb-6 md:mb-8 group-hover:scale-110 transition-transform shadow-sm\">\n <svg class=\"w-8 h-8 md:w-10 md:h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n d=\"M9.5 2A2.5 2.5 0 0 1 12 4.5v15a2.5 2.5 0 0 1-4.96.44 2.5 2.5 0 0 1-2.96-3.08 3 3 0 0 1-.34-5.58 2.5 2.5 0 0 1 1.32-4.24 2.5 2.5 0 0 1 1.98-3A2.5 2.5 0 0 1 9.5 2Z\">\n <\/path>\n <path\n d=\"M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96.44 2.5 2.5 0 0 0 2.96-3.08 3 3 0 0 0 .34-5.58 2.5 2.5 0 0 0-1.32-4.24 2.5 2.5 0 0 0-1.98-3A2.5 2.5 0 0 0 14.5 2Z\">\n <\/path>\n <\/svg>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-black mb-4 italic uppercase tracking-tighter\">Lib\u00e9rez votre\n Esprit<\/h3>\n <p class=\"text-sm md:text-base text-slate-500 leading-relaxed font-medium\">L'IA s'occupe de\n l'organisation. Vous, vous vous occupez de vivre, de cr\u00e9er et de profiter de vos proches.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"examples\" class=\"py-20 md:py-32 bg-slate-50 relative\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <div class=\"text-center mb-16 md:mb-24\">\n <span class=\"text-brand-600 font-black uppercase text-[10px] tracking-[0.4em]\">Vision Board AI<\/span>\n <h2 class=\"text-3xl md:text-7xl font-black uppercase italic tracking-tighter mt-4 leading-none italic\">\n Des plans d'action <span class=\"text-brand-600\">millim\u00e9tr\u00e9s<\/span><\/h2>\n <p class=\"mt-6 md:mt-8 text-lg md:text-xl text-slate-500 max-w-2xl mx-auto\">D\u00e9couvrez comment\n LifeManager AI transforme des ambitions floues en strat\u00e9gies concr\u00e8tes, pr\u00eates \u00e0 l'emploi.<\/p>\n <\/div>\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 md:gap-10\">\n \n <div\n class=\"bg-white rounded-[2.5rem] md:rounded-[3.5rem] overflow-hidden shadow-xl border border-slate-100 flex flex-col group hover:-translate-y-2 transition-all duration-500\">\n <div class=\"p-8 md:p-10 bg-gradient-to-br from-rose-500 to-orange-500 text-white\">\n <span\n class=\"bg-white\/20 backdrop-blur px-3 py-1 rounded-full text-[9px] font-black uppercase tracking-widest mb-4 inline-block italic\">Performance<\/span>\n <h3\n class=\"text-xl md:text-2xl font-black italic tracking-tighter uppercase leading-none mb-2 italic\">\n \"Marathon de Paris < 4h\"<\/h3>\n <\/div>\n <div class=\"p-8 md:p-10 flex-grow flex flex-col\">\n <div\n class=\"mb-8 p-6 bg-slate-50 rounded-3xl italic text-slate-600 text-sm leading-relaxed relative\">\n <span\n class=\"absolute -top-3 left-4 text-4xl md:text-5xl text-rose-200 leading-none\">\u201c<\/span>\n La sueur d'aujourd'hui est la gloire de demain. Votre marathon ne fait que 42km, votre\n volont\u00e9 est infinie.\n <\/div>\n <div class=\"space-y-8 md:space-y-10 relative mb-8 md:mb-12\">\n <div class=\"phase-line absolute left-4 top-2 w-0.5 bg-slate-100\"><\/div>\n <div class=\"flex gap-4 md:gap-6 relative z-10\">\n <div\n class=\"w-8 h-8 rounded-full bg-rose-500 flex-shrink-0 flex items-center justify-center text-xs text-white font-black shadow-lg\">\n 1<\/div>\n <div>\n <p class=\"text-[9px] font-black text-rose-500 uppercase tracking-widest\">Mois 1<\/p>\n <h4 class=\"font-black text-slate-900 uppercase italic text-sm italic\">Base Fonci\u00e8re\n <\/h4>\n <p class=\"text-xs text-slate-500 mt-1\">D\u00e9veloppement de l'endurance fondamentale.\n <\/p>\n <\/div>\n <\/div>\n <div class=\"flex gap-4 md:gap-6 relative z-10\">\n <div\n class=\"w-8 h-8 rounded-full bg-rose-500 flex-shrink-0 flex items-center justify-center text-xs text-white font-black shadow-lg\">\n 2<\/div>\n <div>\n <p class=\"text-[9px] font-black text-rose-500 uppercase tracking-widest\">Mois 2<\/p>\n <h4 class=\"font-black text-slate-900 uppercase italic text-sm italic\">Puissance VMA\n <\/h4>\n <p class=\"text-xs text-slate-500 mt-1\">S\u00e9ances de fractionn\u00e9s intenses.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"pt-6 md:pt-8 border-t border-slate-100 mt-auto\">\n <div class=\"flex items-center gap-2 mb-4\"><svg class=\"w-4 h-4 text-emerald-500\" fill=\"none\"\n stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" \/>\n <polyline points=\"22 4 12 14.01 9 11.01\" \/>\n <\/svg><span\n class=\"text-[9px] font-black text-slate-400 uppercase tracking-[0.2em]\">Habitudes\n d\u00e9bloqu\u00e9es<\/span><\/div>\n <div class=\"flex gap-2\">\n <div class=\"h-1.5 w-1\/2 bg-rose-500 rounded-full\"><\/div>\n <div class=\"h-1.5 w-1\/3 bg-slate-100 rounded-full\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div\n class=\"bg-white rounded-[2.5rem] md:rounded-[3.5rem] overflow-hidden shadow-2xl border border-slate-100 flex flex-col group lg:scale-105 z-10\">\n <div class=\"p-8 md:p-10 bg-gradient-to-br from-brand-600 to-accent-600 text-white\">\n <span\n class=\"bg-white\/20 backdrop-blur px-3 py-1 rounded-full text-[9px] font-black uppercase tracking-widest mb-4 inline-block italic\">Business<\/span>\n <h3\n class=\"text-xl md:text-2xl font-black italic tracking-tighter uppercase leading-none mb-2 italic\">\n \"Lancer un SaaS en 30j\"<\/h3>\n <\/div>\n <div class=\"p-8 md:p-10 flex-grow flex flex-col\">\n <div\n class=\"mb-8 p-6 bg-slate-50 rounded-3xl italic text-slate-600 text-sm leading-relaxed relative\">\n <span\n class=\"absolute -top-3 left-4 text-4xl md:text-5xl text-brand-200 leading-none\">\u201c<\/span>\n L'ex\u00e9cution bat la perfection. Construisez un syst\u00e8me qui r\u00e9sout un probl\u00e8me.\n <\/div>\n <div class=\"space-y-8 md:space-y-10 relative mb-8 md:mb-12\">\n <div class=\"phase-line absolute left-4 top-2 w-0.5 bg-slate-100\"><\/div>\n <div class=\"flex gap-4 md:gap-6 relative z-10\">\n <div\n class=\"w-8 h-8 rounded-full bg-brand-600 flex-shrink-0 flex items-center justify-center text-xs text-white font-black shadow-lg\">\n 1<\/div>\n <div>\n <p class=\"text-[9px] font-black text-brand-600 uppercase tracking-widest\">Semaine 1\n <\/p>\n <h4 class=\"font-black text-slate-900 uppercase italic text-sm italic\">Validation\n <\/h4>\n <p class=\"text-xs text-slate-500 mt-1\">Landing page et pr\u00e9-ventes directes.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex gap-4 md:gap-6 relative z-10\">\n <div\n class=\"w-8 h-8 rounded-full bg-brand-600 flex-shrink-0 flex items-center justify-center text-xs text-white font-black shadow-lg\">\n 2<\/div>\n <div>\n <p class=\"text-[9px] font-black text-brand-600 uppercase tracking-widest\">S 2 & 3\n <\/p>\n <h4 class=\"font-black text-slate-900 uppercase italic text-sm italic\">MVP Build<\/h4>\n <p class=\"text-xs text-slate-500 mt-1\">D\u00e9veloppement du coeur du produit.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"pt-6 md:pt-8 border-t border-slate-100 mt-auto\">\n <div class=\"flex items-center gap-2 mb-4\"><svg class=\"w-4 h-4 text-emerald-500\" fill=\"none\"\n stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" \/>\n <polyline points=\"22 4 12 14.01 9 11.01\" \/>\n <\/svg><span\n class=\"text-[9px] font-black text-slate-400 uppercase tracking-[0.2em]\">Habitudes\n d\u00e9bloqu\u00e9es<\/span><\/div>\n <div class=\"flex gap-2\">\n <div class=\"h-1.5 w-2\/3 bg-brand-600 rounded-full\"><\/div>\n <div class=\"h-1.5 w-1\/4 bg-slate-100 rounded-full\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div\n class=\"bg-white rounded-[2.5rem] md:rounded-[3.5rem] overflow-hidden shadow-xl border border-slate-100 flex flex-col group hover:-translate-y-2 transition-all duration-500\">\n <div class=\"p-8 md:p-10 bg-gradient-to-br from-amber-400 to-emerald-500 text-white\">\n <span\n class=\"bg-white\/20 backdrop-blur px-3 py-1 rounded-full text-[9px] font-black uppercase tracking-widest mb-4 inline-block italic\">Loisir<\/span>\n <h3\n class=\"text-xl md:text-2xl font-black italic tracking-tighter uppercase leading-none mb-2 italic\">\n \"Apprendre le Piano\"<\/h3>\n <\/div>\n <div class=\"p-8 md:p-10 flex-grow flex flex-col\">\n <div\n class=\"mb-8 p-6 bg-slate-50 rounded-3xl italic text-slate-600 text-sm leading-relaxed relative\">\n <span\n class=\"absolute -top-3 left-4 text-4xl md:text-5xl text-emerald-200 leading-none\">\u201c<\/span>\n La musique est le langage de l'\u00e2me. La discipline est la grammaire.\n <\/div>\n <div class=\"space-y-8 md:space-y-10 relative mb-8 md:mb-12\">\n <div class=\"phase-line absolute left-4 top-2 w-0.5 bg-slate-100\"><\/div>\n <div class=\"flex gap-4 md:gap-6 relative z-10\">\n <div\n class=\"w-8 h-8 rounded-full bg-emerald-500 flex-shrink-0 flex items-center justify-center text-xs text-white font-black shadow-lg\">\n 1<\/div>\n <div>\n <p class=\"text-[9px] font-black text-emerald-500 uppercase tracking-widest\">Mois 1\n <\/p>\n <h4 class=\"font-black text-slate-900 uppercase italic text-sm italic\">Hanon<\/h4>\n <p class=\"text-xs text-slate-500 mt-1\">Dext\u00e9rit\u00e9 et lecture de notes.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex gap-4 md:gap-6 relative z-10\">\n <div\n class=\"w-8 h-8 rounded-full bg-emerald-500 flex-shrink-0 flex items-center justify-center text-xs text-white font-black shadow-lg\">\n 2<\/div>\n <div>\n <p class=\"text-[9px] font-black text-emerald-500 uppercase tracking-widest\">Mois 2\n <\/p>\n <h4 class=\"font-black text-slate-900 uppercase italic text-sm italic\">Harmonie<\/h4>\n <p class=\"text-xs text-slate-500 mt-1\">Ma\u00eetrise des premiers accords.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"pt-6 md:pt-8 border-t border-slate-100 mt-auto\">\n <div class=\"flex items-center gap-2 mb-4\"><svg class=\"w-4 h-4 text-emerald-500\" fill=\"none\"\n stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" \/>\n <polyline points=\"22 4 12 14.01 9 11.01\" \/>\n <\/svg><span\n class=\"text-[9px] font-black text-slate-400 uppercase tracking-[0.2em]\">Habitudes\n d\u00e9bloqu\u00e9es<\/span><\/div>\n <div class=\"flex gap-2\">\n <div class=\"h-1.5 w-1\/2 bg-emerald-500 rounded-full\"><\/div>\n <div class=\"h-1.5 w-1\/3 bg-slate-100 rounded-full\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 md:py-24 bg-white\">\n <div class=\"max-w-4xl mx-auto px-4 md:px-6\">\n <div\n class=\"bg-slate-900 text-white p-8 md:p-20 rounded-[2.5rem] md:rounded-[4rem] text-center relative overflow-hidden shadow-2xl border border-slate-800\">\n <div class=\"absolute top-0 right-0 p-8 md:p-10 opacity-10 pointer-events-none\"><svg\n class=\"w-24 h-24 md:w-40 md:h-40\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n d=\"M9.5 2A2.5 2.5 0 0 1 12 4.5v15a2.5 2.5 0 0 1-4.96.44 2.5 2.5 0 0 1-2.96-3.08 3 3 0 0 1-.34-5.58 2.5 2.5 0 0 1 1.32-4.24 2.5 2.5 0 0 1 1.98-3A2.5 2.5 0 0 1 9.5 2Z\" \/>\n <path\n d=\"M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96.44 2.5 2.5 0 0 0 2.96-3.08 3 3 0 0 0 .34-5.58 2.5 2.5 0 0 0-1.32-4.24 2.5 2.5 0 0 0-1.98-3A2.5 2.5 0 0 0 14.5 2Z\" \/>\n <\/svg><\/div>\n <h3\n class=\"text-3xl md:text-6xl font-black italic uppercase tracking-tighter mb-6 md:mb-8 leading-[1.1] italic\">\n Et vous, quelle est votre <span class=\"text-brand-500\">prochaine victoire<\/span> ?<\/h3>\n <p class=\"text-slate-400 text-base md:text-xl mb-10 md:mb-12 max-w-xl mx-auto leading-relaxed\">Ne\n laissez plus vos id\u00e9es mourir dans un coin. Obtenez votre plan d'action personnalis\u00e9 d\u00e8s l'ouverture\n de la Beta.<\/p>\n\n <div class=\"flex justify-center\">\n <button onclick=\"toggleModal()\"\n class=\"w-full sm:w-auto bg-brand-600 text-white px-8 py-5 md:px-12 md:py-6 rounded-2xl md:rounded-3xl font-black uppercase italic text-lg sm:text-xl md:text-2xl hover:scale-105 transition-all shadow-xl shadow-brand-600\/30 no-select whitespace-nowrap overflow-hidden text-ellipsis\">\n G\u00e9n\u00e9rer mon Plan Perso\n <\/button>\n <\/div>\n\n <p class=\"mt-8 text-[9px] md:text-[10px] text-slate-500 font-black uppercase tracking-[0.3em]\">\ud83c\udf81 Acc\u00e8s\n Early User + Tarif bloqu\u00e9 \u00e0 19\u20ac\/mois<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"pricing\" class=\"py-20 md:py-32 bg-slate-50\">\n <div class=\"max-w-7xl mx-auto px-4 md:px-6\">\n <div class=\"text-center mb-16 md:mb-20\">\n <div\n class=\"inline-block px-4 py-1 rounded-full bg-brand-100 text-brand-600 text-[10px] font-black uppercase tracking-[0.2em] mb-4\">\n Offre Sp\u00e9ciale Early User<\/div>\n <h2\n class=\"text-4xl md:text-7xl font-black uppercase italic tracking-tighter text-slate-900 leading-none italic italic\">\n Une offre <span\n class=\"text-brand-600 underline decoration-brand-200 decoration-8 underline-offset-8\">limit\u00e9e<\/span>\n <\/h2>\n <p class=\"mt-8 text-lg md:text-xl text-slate-500 max-w-2xl mx-auto font-medium leading-relaxed\">Nous\n cherchons nos 100 premiers utilisateurs. En rejoignant la Beta aujourd'hui, vous verrouillez ce\n tarif \u00e0 vie.<\/p>\n <\/div>\n <div\n class=\"max-w-6xl mx-auto bg-white text-slate-900 rounded-[2.5rem] md:rounded-[4rem] shadow-2xl flex flex-col lg:flex-row overflow-hidden border-4 border-slate-900\">\n <div class=\"lg:w-3\/5 p-8 md:p-20 border-b lg:border-b-0 lg:border-r border-slate-100\">\n <h3\n class=\"text-2xl md:text-3xl font-black italic uppercase mb-10 md:mb-12 flex flex-col sm:flex-row items-center sm:items-start justify-center lg:justify-start gap-4 text-center sm:text-left italic\">\n <svg class=\"w-8 h-8 text-brand-500 shrink-0\" fill=\"none\" stroke=\"currentColor\"\n viewBox=\"0 0 24 24\">\n <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\" \/>\n <\/svg>\n The Early Adopter Pack\n <\/h3>\n <div class=\"space-y-10 md:space-y-12\">\n <div\n class=\"flex flex-col sm:flex-row gap-5 md:gap-6 items-center sm:items-start text-center sm:text-left\">\n <div class=\"bg-brand-50 p-4 rounded-2xl h-fit flex-shrink-0 shadow-sm\"><svg\n class=\"w-6 h-6 text-brand-600\" fill=\"none\" stroke=\"currentColor\"\n viewBox=\"0 0 24 24\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" \/>\n <polyline points=\"22 4 12 14.01 9 11.01\" \/>\n <\/svg><\/div>\n <div>\n <p class=\"text-lg md:text-xl font-black uppercase italic tracking-tight italic\">Acc\u00e8s\n Prioritaire Beta LifeManager<\/p>\n <p class=\"text-slate-500 font-medium text-sm md:text-base leading-relaxed\">Soyez le\n premier \u00e0 utiliser l'IA et influencez directement le produit.<\/p>\n <\/div>\n <\/div>\n <p\n class=\"text-brand-500 font-black uppercase text-[10px] tracking-widest italic border-t border-slate-100 pt-6 text-center sm:text-left\">\n + Avantages Early Adopter (Valeur : 647\u20ac)<\/p>\n <div class=\"space-y-6 md:space-y-8\">\n <div\n class=\"flex flex-col sm:flex-row gap-4 md:gap-6 items-center sm:items-start text-center sm:text-left\">\n <div class=\"bg-accent-50 p-3 rounded-2xl h-fit shadow-sm\"><svg\n class=\"w-5 h-5 text-accent-600\" fill=\"none\" stroke=\"currentColor\"\n viewBox=\"0 0 24 24\">\n <path d=\"M20 12v10H4V12\" \/>\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"5\" \/>\n <line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"7\" \/>\n <path d=\"M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z\" \/>\n <path d=\"M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z\" \/>\n <\/svg><\/div>\n <div>\n <p\n class=\"font-bold text-slate-900 flex flex-wrap items-center justify-center sm:justify-start gap-2\">\n Bonus #1 : Tarif Beta Bloqu\u00e9 \u00e0 vie <span\n class=\"text-[9px] bg-green-100 text-green-700 px-3 py-1 rounded-full font-black uppercase\">Exclusif<\/span>\n <\/p>\n <p class=\"text-xs md:text-sm text-slate-500 font-medium\">Payez 19\u20ac\/mois m\u00eame quand\n le prix passera \u00e0 49\u20ac.<\/p>\n <\/div>\n <\/div>\n <div\n class=\"flex flex-col sm:flex-row gap-4 md:gap-6 items-center sm:items-start text-center sm:text-left\">\n <div class=\"bg-accent-50 p-3 rounded-2xl h-fit shadow-sm\"><svg\n class=\"w-5 h-5 text-accent-600\" fill=\"none\" stroke=\"currentColor\"\n viewBox=\"0 0 24 24\">\n <path d=\"M20 12v10H4V12\" \/>\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"5\" \/>\n <line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"7\" \/>\n <path d=\"M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z\" \/>\n <path d=\"M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z\" \/>\n <\/svg><\/div>\n <div>\n <p\n class=\"font-bold text-slate-900 flex flex-wrap items-center justify-center sm:justify-start gap-2\">\n Bonus #2 : Badge VIP \"Early User\" <span\n class=\"text-[9px] bg-green-100 text-green-700 px-3 py-1 rounded-full font-black uppercase\">Prestige<\/span>\n <\/p>\n <p class=\"text-xs md:text-sm text-slate-500 font-medium\">Acc\u00e8s direct aux\n d\u00e9veloppeurs et mises \u00e0 jour priv\u00e9es.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div\n class=\"mt-12 md:mt-16 bg-slate-900 p-6 md:p-8 rounded-[2rem] md:rounded-[2.5rem] flex flex-col sm:flex-row items-center gap-6 md:gap-8 text-center sm:text-left border border-slate-800\">\n <svg class=\"w-16 h-16 md:w-20 md:h-20 text-brand-400 flex-shrink-0\" fill=\"none\"\n stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" \/>\n <\/svg>\n <div>\n <p\n class=\"text-white text-xl md:text-2xl font-black italic uppercase tracking-tighter mb-2 italic\">\n Engagement Sans Risque<\/p>\n <p class=\"text-slate-400 font-medium leading-relaxed text-sm md:text-base\">Inscription\n gratuite. Vous ne paierez rien tant que vos acc\u00e8s ne sont pas activ\u00e9s.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"lg:w-2\/5 p-10 md:p-20 bg-slate-50 flex flex-col items-center justify-center text-center\">\n <p class=\"text-slate-400 uppercase font-black tracking-widest text-[10px] md:text-xs mb-4\">Prix\n Public Futur : <span class=\"line-through\">49\u20ac\/mois<\/span><\/p>\n <div class=\"mb-10 md:mb-12\">\n <p class=\"text-slate-900 font-black text-[10px] md:text-sm uppercase italic mb-4\">Votre tarif\n Early User :<\/p>\n <span\n class=\"text-6xl md:text-8xl font-black text-brand-600 italic tracking-tighter italic\">19\u20ac<\/span><span\n class=\"text-slate-400 font-bold ml-2\">\/mois<\/span>\n <\/div>\n <button onclick=\"toggleModal()\"\n class=\"w-full bg-slate-900 text-white py-6 md:py-8 rounded-[2rem] md:rounded-[2.5rem] font-black uppercase italic text-lg md:text-2xl hover:scale-105 transition-all shadow-2xl shadow-slate-900\/40 mb-8 no-select\">R\u00e9server\n mon acc\u00e8s<\/button>\n <div\n class=\"bg-brand-50 text-brand-600 px-6 py-2 rounded-full font-black text-[9px] md:text-[10px] animate-pulse uppercase tracking-[0.2em] mb-10 md:mb-12 italic italic italic\">\n \u26a1 Seulement 12 places Beta restantes<\/div>\n <div class=\"flex flex-col items-center\">\n <div class=\"flex -space-x-4 mb-4\">\n <img decoding=\"async\" class=\"h-10 w-10 md:h-12 md:w-12 rounded-full border-4 border-white shadow-sm\"\n src=\"https:\/\/i.pravatar.cc\/100?u=12\" alt=\"\" \/>\n <img decoding=\"async\" class=\"h-10 w-10 md:h-12 md:w-12 rounded-full border-4 border-white shadow-sm\"\n src=\"https:\/\/i.pravatar.cc\/100?u=13\" alt=\"\" \/>\n <img decoding=\"async\" class=\"h-10 w-10 md:h-12 md:w-12 rounded-full border-4 border-white shadow-sm\"\n src=\"https:\/\/i.pravatar.cc\/100?u=14\" alt=\"\" \/>\n <\/div>\n <p\n class=\"text-[10px] md:text-xs text-slate-500 font-bold uppercase tracking-tight leading-tight\">\n 88 d\u00e9fis d\u00e9j\u00e0 planifi\u00e9s :<br \/><span class=\"text-brand-600 italic\">\"Marathon de\n Paris\"<\/span> & <span class=\"text-brand-600 italic\">\"Lancer mon SaaS\"<\/span><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 md:py-32 bg-white\">\n <div class=\"max-w-3xl mx-auto px-6\">\n <h2\n class=\"text-3xl md:text-4xl font-black uppercase italic tracking-tighter text-center mb-12 md:mb-16 italic italic\">\n Questions Fr\u00e9quentes<\/h2>\n <div class=\"space-y-4\">\n <div\n class=\"faq-item bg-slate-50 md:rounded-3xl border border-slate-100 overflow-hidden shadow-sm\">\n <button\n class=\"w-full p-6 md:p-8 text-left flex justify-between items-center group transition-colors hover:bg-slate-100 no-select\"\n onclick=\"toggleFaq(this)\">\n <span\n class=\"font-black text-lg md:text-xl italic uppercase tracking-tighter italic italic\">Comment\n fonctionne l'IA ?<\/span>\n <svg class=\"faq-icon w-5 h-5 md:w-6 md:h-6 transform transition-transform duration-300 text-slate-400\"\n fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M19 9l-7 7-7-7\" \/>\n <\/svg>\n <\/button>\n <div\n class=\"faq-content px-6 md:px-8 text-sm md:text-base text-slate-500 leading-relaxed font-medium\">\n Nous utilisons Gemini 2.5 pour analyser vos objectifs. L'IA d\u00e9compose votre vision en \u00e9tapes\n logiques bas\u00e9es sur des mod\u00e8les de r\u00e9ussite prouv\u00e9s.<\/div>\n <\/div>\n <div\n class=\"faq-item bg-slate-50 md:rounded-3xl border border-slate-100 overflow-hidden shadow-sm\">\n <button\n class=\"w-full p-6 md:p-8 text-left flex justify-between items-center group transition-colors hover:bg-slate-100 no-select\"\n onclick=\"toggleFaq(this)\">\n <span class=\"font-black text-lg md:text-xl italic uppercase tracking-tighter italic italic\">Mes\n donn\u00e9es sont-elles priv\u00e9es ?<\/span>\n <svg class=\"faq-icon w-5 h-5 md:w-6 md:h-6 transform transition-transform duration-300 text-slate-400\"\n fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M19 9l-7 7-7-7\" \/>\n <\/svg>\n <\/button>\n <div\n class=\"faq-content px-6 md:px-8 text-sm md:text-base text-slate-500 leading-relaxed font-medium\">\n Absolument. Vos objectifs sont chiffr\u00e9s et utilis\u00e9s uniquement pour g\u00e9n\u00e9rer vos plans. Nous ne\n vendons aucune donn\u00e9e.<\/div>\n <\/div>\n <div\n class=\"faq-item bg-slate-50 md:rounded-3xl border border-slate-100 overflow-hidden shadow-sm\">\n <button\n class=\"w-full p-6 md:p-8 text-left flex justify-between items-center group transition-colors hover:bg-slate-100 no-select\"\n onclick=\"toggleFaq(this)\">\n <span\n class=\"font-black text-lg md:text-xl italic uppercase tracking-tighter italic italic\">Est-ce\n que je peux r\u00e9silier ?<\/span>\n <svg class=\"faq-icon w-5 h-5 md:w-6 md:h-6 transform transition-transform duration-300 text-slate-400\"\n fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M19 9l-7 7-7-7\" \/>\n <\/svg>\n <\/button>\n <div\n class=\"faq-content px-6 md:px-8 text-sm md:text-base text-slate-500 leading-relaxed font-medium\">\n Oui, l'offre Early User est sans engagement. Vous pouvez arr\u00eater quand vous voulez, mais vous\n perdrez votre tarif bloqu\u00e9 \u00e0 19\u20ac.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-32 md:py-48 bg-slate-900 relative overflow-hidden\">\n <div class=\"absolute inset-0 opacity-10 pointer-events-none\">\n <div class=\"absolute top-0 left-1\/4 w-96 h-96 bg-brand-500 rounded-full blur-[150px]\"><\/div>\n <\/div>\n <div class=\"max-w-4xl mx-auto px-6 text-center relative z-10 text-white\">\n <h2\n class=\"text-4xl md:text-7xl font-black mb-8 md:mb-10 uppercase italic tracking-tighter leading-[1.1] italic italic\">\n Le futur de votre <span class=\"text-brand-600\">succ\u00e8s<\/span> commence ici.<\/h2>\n <p class=\"text-lg md:text-xl text-slate-400 mb-12 md:mb-16 max-w-2xl mx-auto leading-relaxed\">Qu'il s'agisse\n de <span class=\"text-white italic\">\"Quitter votre job\"<\/span> ou de <span\n class=\"text-white italic\">\"Courir un Marathon\"<\/span>, LifeManager AI est pr\u00eat \u00e0 vous guider.<\/p>\n <div class=\"flex justify-center\">\n <button onclick=\"toggleModal()\"\n class=\"w-full sm:w-auto bg-brand-600 text-white px-8 py-5 md:px-16 md:py-8 rounded-[2rem] md:rounded-[2.5rem] font-black uppercase italic text-xl md:text-3xl shadow-2xl shadow-brand-600\/30 hover:scale-105 transition-all no-select overflow-hidden text-ellipsis\">R\u00e9server\n mon Acc\u00e8s Beta<\/button>\n <\/div>\n <p\n class=\"mt-8 md:mt-10 text-slate-500 font-black uppercase italic tracking-widest text-[9px] md:text-xs italic italic\">\n \ud83c\udf81 Bonus sp\u00e9cial Early User inclus pour les 100 premiers inscrits<\/p>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-slate-900 py-16 md:py-20 text-center border-t border-white\/5\">\n <p class=\"text-2xl md:text-3xl font-black italic uppercase tracking-tighter text-white mb-4 italic\">\n LifeManager<span class=\"text-brand-600\">AI<\/span><\/p>\n <p class=\"text-white\/30 text-[9px] md:text-[10px] font-black uppercase tracking-[0.4em] mb-10 md:mb-12\">©\n 2025 - Transformez votre destin<\/p>\n <div\n class=\"flex flex-wrap justify-center gap-6 md:gap-8 text-[9px] md:text-[10px] font-black uppercase tracking-widest text-white\/40\">\n <a href=\"#\" class=\"hover:text-white transition-colors\">Confidentialit\u00e9<\/a>\n <a href=\"#\" class=\"hover:text-white transition-colors\">Contact<\/a>\n <\/div>\n <\/footer>\n\n \n <div id=\"modal\"\n class=\"fixed inset-0 z-[100] hidden items-center justify-center p-4 md:p-6 bg-slate-900\/95 backdrop-blur-md animate-fade-in no-select\">\n <div\n class=\"relative bg-white w-full max-w-lg rounded-[2.5rem] md:rounded-[4rem] shadow-2xl overflow-hidden p-8 md:p-16 animate-slide-up border border-slate-100\">\n <button onclick=\"toggleModal()\"\n class=\"absolute top-6 right-6 md:top-10 md:right-10 text-slate-300 hover:text-slate-900 transition-colors z-50\">\n <svg class=\"w-8 h-8 md:w-10 md:h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"4\" d=\"M6 18L18 6M6 6l12 12\" \/>\n <\/svg>\n <\/button>\n <div class=\"text-center mb-8 md:mb-10\">\n <h3\n class=\"text-2xl md:text-3xl font-black italic uppercase mb-3 md:mb-4 leading-[1.1] italic uppercase italic\">\n Rejoindre la <span class=\"text-brand-600\">Liste Early User<\/span><\/h3>\n <p class=\"text-slate-500 font-medium italic text-sm md:text-base leading-relaxed\">Verrouillez votre\n tarif Beta Early User \u00e0 19\u20ac\/mois \u00e0 vie.<\/p>\n <\/div>\n <div class=\"hs-form-frame\" data-region=\"eu1\" data-form-id=\"e4a2a87b-8df8-46ff-a5a8-aaee83225596\"\n data-portal-id=\"139567716\"><\/div>\n <p\n class=\"mt-8 md:mt-10 text-center text-[9px] md:text-[10px] text-slate-400 font-black uppercase tracking-[0.3em] animate-pulse italic italic\">\n \ud83d\ude80 12 PLACES EARLY USER RESTANTES<\/p>\n <\/div>\n <\/div>\n\n \n <script>\n window.addEventListener('scroll', () => {\n const nav = document.getElementById('navbar');\n if (window.scrollY > 20) { nav.classList.add('bg-white\/95', 'backdrop-blur-md', 'shadow-sm', 'py-3'); nav.classList.remove('py-4', 'md:py-6'); }\n else { nav.classList.remove('bg-white\/95', 'backdrop-blur-md', 'shadow-sm', 'py-3'); nav.classList.add('py-4', 'md:py-6'); }\n });\n\n function toggleModal() {\n const m = document.getElementById('modal');\n const isOpen = !m.classList.contains('hidden');\n if (!isOpen) {\n m.classList.remove('hidden'); m.classList.add('flex');\n document.body.style.overflow = 'hidden';\n if (window.hbspt) {\n window.hbspt.forms.create({\n region: \"eu1\", portalId: \"139567716\", formId: \"e4a2a87b-8df8-46ff-a5a8-aaee83225596\", target: \"#hs-form-target\"\n });\n }\n } else { m.classList.add('hidden'); m.classList.remove('flex'); document.body.style.overflow = 'auto'; }\n }\n\n function toggleFaq(btn) {\n const item = btn.parentElement;\n const wasActive = item.classList.contains('active');\n document.querySelectorAll('.faq-item').forEach(el => el.classList.remove('active'));\n if (!wasActive) item.classList.add('active');\n }\n\n const obs = new IntersectionObserver((entries) => {\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('active'); });\n }, { threshold: 0.5 });\n document.querySelectorAll('.phase-line').forEach(l => obs.observe(l));\n <\/script>\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LifeManager AI – Votre Plan d’Action par IA LifeManagerAI Tarifs Waitlist \ud83d\ude80 12 places Early User restantes Votre vie de r\u00eave ne doit plus \u00eatre un projet. LifeManager AI transforme votre vision en plan d’action imm\u00e9diat. Verrouillez votre tarif Beta \u00e0 vie d\u00e8s aujourd’hui. R\u00e9server mon acc\u00e8s Beta Voir les r\u00e9sultats D\u00e9fis actifs : “Marathon […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-87","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Early lifemanagerAi landing page -<\/title>\n<meta name=\"description\" content=\"Struggling to set and track goals? Our intelligent app breaks goals into clear, achievable steps\u2014AI-powered planning, weekly tasks, habits, milestones, and accountability to help you stay focused and make real progress\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.lifeareamanagement.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Early lifemanagerAi landing page -\" \/>\n<meta property=\"og:description\" content=\"Struggling to set and track goals? Our intelligent app breaks goals into clear, achievable steps\u2014AI-powered planning, weekly tasks, habits, milestones, and accountability to help you stay focused and make real progress\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.lifeareamanagement.com\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-28T10:12:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1493612276216-ee3925520721?auto=format&fit=crop&q=80&w=1000\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.lifeareamanagement.com\/\",\"url\":\"https:\/\/www.lifeareamanagement.com\/\",\"name\":\"Early lifemanagerAi landing page -\",\"isPartOf\":{\"@id\":\"https:\/\/www.lifeareamanagement.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.lifeareamanagement.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.lifeareamanagement.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/images.unsplash.com\/photo-1493612276216-ee3925520721?auto=format&fit=crop&q=80&w=1000\",\"datePublished\":\"2025-12-27T12:59:53+00:00\",\"dateModified\":\"2025-12-28T10:12:35+00:00\",\"description\":\"Struggling to set and track goals? Our intelligent app breaks goals into clear, achievable steps\u2014AI-powered planning, weekly tasks, habits, milestones, and accountability to help you stay focused and make real progress\",\"breadcrumb\":{\"@id\":\"https:\/\/www.lifeareamanagement.com\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.lifeareamanagement.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.lifeareamanagement.com\/#primaryimage\",\"url\":\"https:\/\/images.unsplash.com\/photo-1493612276216-ee3925520721?auto=format&fit=crop&q=80&w=1000\",\"contentUrl\":\"https:\/\/images.unsplash.com\/photo-1493612276216-ee3925520721?auto=format&fit=crop&q=80&w=1000\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.lifeareamanagement.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.lifeareamanagement.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Early lifemanagerAi landing page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.lifeareamanagement.com\/#website\",\"url\":\"https:\/\/www.lifeareamanagement.com\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.lifeareamanagement.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Early lifemanagerAi landing page -","description":"Struggling to set and track goals? Our intelligent app breaks goals into clear, achievable steps\u2014AI-powered planning, weekly tasks, habits, milestones, and accountability to help you stay focused and make real progress","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.lifeareamanagement.com\/","og_locale":"en_US","og_type":"article","og_title":"Early lifemanagerAi landing page -","og_description":"Struggling to set and track goals? Our intelligent app breaks goals into clear, achievable steps\u2014AI-powered planning, weekly tasks, habits, milestones, and accountability to help you stay focused and make real progress","og_url":"https:\/\/www.lifeareamanagement.com\/","article_modified_time":"2025-12-28T10:12:35+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1493612276216-ee3925520721?auto=format&fit=crop&q=80&w=1000","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.lifeareamanagement.com\/","url":"https:\/\/www.lifeareamanagement.com\/","name":"Early lifemanagerAi landing page -","isPartOf":{"@id":"https:\/\/www.lifeareamanagement.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.lifeareamanagement.com\/#primaryimage"},"image":{"@id":"https:\/\/www.lifeareamanagement.com\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1493612276216-ee3925520721?auto=format&fit=crop&q=80&w=1000","datePublished":"2025-12-27T12:59:53+00:00","dateModified":"2025-12-28T10:12:35+00:00","description":"Struggling to set and track goals? Our intelligent app breaks goals into clear, achievable steps\u2014AI-powered planning, weekly tasks, habits, milestones, and accountability to help you stay focused and make real progress","breadcrumb":{"@id":"https:\/\/www.lifeareamanagement.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.lifeareamanagement.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.lifeareamanagement.com\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1493612276216-ee3925520721?auto=format&fit=crop&q=80&w=1000","contentUrl":"https:\/\/images.unsplash.com\/photo-1493612276216-ee3925520721?auto=format&fit=crop&q=80&w=1000"},{"@type":"BreadcrumbList","@id":"https:\/\/www.lifeareamanagement.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.lifeareamanagement.com\/"},{"@type":"ListItem","position":2,"name":"Early lifemanagerAi landing page"}]},{"@type":"WebSite","@id":"https:\/\/www.lifeareamanagement.com\/#website","url":"https:\/\/www.lifeareamanagement.com\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.lifeareamanagement.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.lifeareamanagement.com\/index.php\/wp-json\/wp\/v2\/pages\/87","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lifeareamanagement.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.lifeareamanagement.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.lifeareamanagement.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lifeareamanagement.com\/index.php\/wp-json\/wp\/v2\/comments?post=87"}],"version-history":[{"count":32,"href":"https:\/\/www.lifeareamanagement.com\/index.php\/wp-json\/wp\/v2\/pages\/87\/revisions"}],"predecessor-version":[{"id":121,"href":"https:\/\/www.lifeareamanagement.com\/index.php\/wp-json\/wp\/v2\/pages\/87\/revisions\/121"}],"wp:attachment":[{"href":"https:\/\/www.lifeareamanagement.com\/index.php\/wp-json\/wp\/v2\/media?parent=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}