{"id":6,"date":"2026-09-13T00:06:47","date_gmt":"2026-09-13T00:06:47","guid":{"rendered":"http:\/\/www.fullremotefactory.com\/index.php\/accueil\/"},"modified":"2026-09-13T00:15:34","modified_gmt":"2026-09-13T00:15:34","slug":"accueil","status":"publish","type":"page","link":"https:\/\/www.fullremotefactory.com\/","title":{"rendered":"Accueil"},"content":{"rendered":"<section style=\"position: relative; color: rgb(255, 255, 255); isolation: isolate; overflow: hidden; background: rgb(7, 16, 31);\">\n    <div style=\"position: absolute; inset: 0px; z-index: -2; background-image: url(&quot;https:\/\/www.fullremotefactory.com\/wp-content\/themes\/fury\/assets\/hero-photo.jpg&quot;); background-repeat: no-repeat; background-position: right 60%; background-size: auto 100%;\"><\/div>\n    <div style=\"position: absolute; inset: 0px; z-index: -1; background: linear-gradient(rgba(5, 10, 22, 0.92) 0%, rgba(5, 10, 22, 0.7) 14%, rgba(5, 10, 22, 0.08) 30%, rgba(5, 10, 22, 0.08) 80%, rgba(5, 10, 22, 0.5) 100%), linear-gradient(90deg, rgb(7, 16, 31) 0%, rgb(7, 16, 31) 37%, rgba(7, 16, 31, 0.94) 48%, rgba(7, 16, 31, 0.55) 61%, rgba(7, 16, 31, 0.05) 77%, rgba(7, 16, 31, 0) 100%);\"><\/div>\n\n    <header style=\"max-width: 1600px; margin: 0px auto; padding: 26px clamp(16px, 5vw, 64px); min-height: 128px; display: flex; align-items: center; justify-content: space-between; gap: 16px 24px; flex-wrap: wrap;\">\n      <a href=\"#\" style=\"display: block; line-height: 0; flex: 0 0 auto;\"><img decoding=\"async\" src=\"https:\/\/www.fullremotefactory.com\/wp-content\/themes\/fury\/assets\/logo\/fury-reverse.svg\" alt=\"FURY\" style=\"width: 170px; height: auto; display: block;\"><\/a>\n      <nav style=\"display: flex; align-items: center; gap: clamp(14px, 1.9vw, 28px); font-size: 16px; font-weight: 600; flex-wrap: wrap;\">\n        <a href=\"#\" style=\"color: rgb(255, 255, 255); text-decoration: none; padding: 8px 0px; border-bottom: 2px solid rgb(232, 137, 26); white-space: nowrap;\">Accueil<\/a>\n        <a href=\"#spheres\" class=\"scp0\" style=\"color: rgb(255, 255, 255); text-decoration: none; padding: 8px 0px; border-bottom: 2px solid transparent; white-space: nowrap;\">Nos sph\u00e8res<\/a>\n        <a href=\"#equipe\" class=\"scp0\" style=\"color: rgb(255, 255, 255); text-decoration: none; padding: 8px 0px; border-bottom: 2px solid transparent; white-space: nowrap;\">L\u2019\u00e9quipe<\/a>\n        <a href=\"#chaine\" class=\"scp0\" style=\"color: rgb(255, 255, 255); text-decoration: none; padding: 8px 0px; border-bottom: 2px solid transparent; white-space: nowrap;\">M\u00e9thode<\/a>\n        <a href=\"#preuves\" class=\"scp0\" style=\"color: rgb(255, 255, 255); text-decoration: none; padding: 8px 0px; border-bottom: 2px solid transparent; white-space: nowrap;\">R\u00e9alisations<\/a>\n        <a href=\"#articles\" class=\"scp0\" style=\"color: rgb(255, 255, 255); text-decoration: none; padding: 8px 0px; border-bottom: 2px solid transparent; white-space: nowrap;\">Publications<\/a>\n        <a href=\"#contact\" class=\"scp0\" style=\"color: rgb(255, 255, 255); text-decoration: none; padding: 8px 0px; border-bottom: 2px solid transparent; white-space: nowrap;\">Contact<\/a>\n      <\/nav>\n      <span data-fury=\"signature\" style=\"flex: 0 0 auto; display: inline-flex; align-items: center; flex-direction: column; align-items: flex-end; gap: 7px; padding: 11px 22px 12px; border-radius: 12px; background: rgb(7, 16, 31); border: 1px solid rgba(255, 255, 255, 0.22); font-family: 'DM Serif Display', Georgia, serif; font-size: 19px; line-height: 1.2; white-space: nowrap;\"><span style=\"background: linear-gradient(90deg, rgb(155, 111, 224) 0%, rgb(232, 75, 139) 55%, rgb(242, 154, 47) 100%) text; color: transparent;\">Empower business with smart AI<\/span><span aria-hidden=\"true\" style=\"display: flex; gap: 6px;\"><span style=\"width: 7px; height: 7px; border-radius: 50%; background: rgb(122, 75, 201);\"><\/span><span style=\"width: 7px; height: 7px; border-radius: 50%; background: rgb(217, 49, 122);\"><\/span><span style=\"width: 7px; height: 7px; border-radius: 50%; background: rgb(232, 137, 26);\"><\/span><\/span><\/span>\n    <\/header>\n\n    <div style=\"max-width: 1600px; margin: 0px auto; padding: 72px clamp(16px, 5vw, 64px); min-height: 720px; display: flex; flex-direction: column; justify-content: space-between; gap: 48px;\">\n      <div style=\"max-width: 820px; padding-left: 40px; display: flex; flex-direction: column; gap: 28px;\">\n        <p style=\"font-size: clamp(20px, 2vw, 26px); line-height: 1.35; font-weight: 400; color: rgb(221, 214, 225); max-width: 720px; text-wrap: pretty;\">Vous avez form\u00e9 vos \u00e9quipes \u00e0 l\u2019IA. Automatis\u00e9 vos mails, vos comptes rendus, vos tableaux Excel. <span style=\"color: rgb(255, 255, 255); font-weight: 700;\">Tr\u00e8s bien.<\/span><\/p>\n        <h1 style=\"font-family: &quot;DM Serif Display&quot;, serif; font-weight: 400; font-size: clamp(44px, 6vw, 96px); line-height: 0.98; letter-spacing: -0.03em; text-wrap: pretty;\">Et votre syst\u00e8me d\u2019information, <span style=\"display: inline-block; background: linear-gradient(90deg, rgb(155, 111, 224) 0%, rgb(232, 75, 139) 55%, rgb(242, 154, 47) 100%) text; color: transparent; white-space: nowrap;\">on en fait quoi ?<\/span><\/h1>\n        <p style=\"font-size: 19px; line-height: 1.5; max-width: 600px; color: rgb(238, 232, 241); text-wrap: pretty;\">Notre framework IA reconstruit vos applications. Premier module livr\u00e9 en moins de trois mois.<\/p>\n        <div style=\"display: flex; gap: 12px; flex-wrap: wrap; margin-top: 4px;\">\n          <a class=\"scp1\" href=\"#contact\" style=\"display: inline-flex; align-items: center; padding: 14px 22px; border-radius: 999px; background: rgb(255, 255, 255); color: rgb(30, 29, 79); font-weight: 700; font-size: 15px; text-decoration: none;\">Parlons de votre projet \u2192<\/a>\n          <a class=\"scp3\" href=\"#chaine\" style=\"display: inline-flex; align-items: center; padding: 14px 22px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.72); background: rgba(5, 10, 22, 0.22); color: rgb(255, 255, 255); font-weight: 700; font-size: 15px; text-decoration: none;\">Comprendre comment nous travaillons<\/a>\n        <\/div>\n      <\/div>\n      <div data-fury=\"pied-hero\" style=\"display: flex; flex-direction: column;\">\n      <p data-fury=\"phrase-image\" style=\"text-align: right; font-family: 'Hanken Grotesk', Arial, sans-serif; font-style: italic; font-weight: 400; font-size: 19px; line-height: 1.2; color: rgb(238, 232, 241); margin: 0; padding-bottom: 10px; text-wrap: pretty;\">Ensemble tra\u00e7ons le chemin vers le futur de votre SI<\/p>\n      <div style=\"display: flex; flex-wrap: wrap; gap: 12px 32px; border-top: 1px solid rgba(255, 255, 255, 0.28); padding-top: 20px; align-items: center; font-size: 16px; line-height: 1.4; color: rgb(238, 232, 241);\">\n        <span>Des consultants sur site \u00e0 Paris<\/span><span style=\"color: rgb(207, 201, 212);\">\u00b7<\/span><span>Un centre d\u2019excellence \u00e0 Tunis<\/span><span style=\"color: rgb(207, 201, 212);\">\u00b7<\/span><span>Des ing\u00e9nieurs et PhD pour notre R&amp;D<\/span><span style=\"color: rgb(207, 201, 212);\">\u00b7<\/span><span>Quatre ans d\u2019existence<\/span><img decoding=\"async\" src=\"https:\/\/www.fullremotefactory.com\/wp-content\/themes\/fury\/assets\/logo-frf-reverse.png\" alt=\"Full Remote Factory\" style=\"height: 40px; width: auto; display: block; margin-left: auto;\">\n      <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<section style=\"max-width: 1600px; margin: 0px auto; padding: 128px clamp(16px, 5vw, 64px) 0px;\">\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 48px clamp(32px, 6vw, 96px); align-items: start;\">\n      <div style=\"display: flex; flex-direction: column; gap: 24px;\">\n        <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(107, 102, 117);\">02 \u00b7 Les enseignements<\/span>\n        <h2 style=\"font-family: &quot;DM Serif Display&quot;, serif; font-weight: 400; font-size: clamp(36px, 3.8vw, 54px); line-height: 1.04; letter-spacing: -0.01em; text-wrap: pretty;\">Ne reproduisons pas les erreurs du pass\u00e9.<\/h2>\n        <p style=\"font-size: 18px; line-height: 1.55; color: rgb(74, 72, 96); text-wrap: pretty;\">Il y a quinze ans, beaucoup d\u2019entreprises ont mis une application mobile ou un site web devant un ERP des ann\u00e9es 1990 ou des applications toujours en silo, avec des donn\u00e9es \u00e9clat\u00e9es. Des interfaces modernes, certes, mais un syst\u00e8me, des donn\u00e9es, des infrastructures qui, eux, n\u2019avaient pas boug\u00e9. Le m\u00eame mouvement recommence avec l\u2019IA, comme si l\u2019histoire ne nous avait rien appris.<\/p>\n      <\/div>\n      <div style=\"display: flex; flex-direction: column; gap: 16px;\">\n        <div style=\"position: relative; overflow: hidden; aspect-ratio: 848 \/ 928; max-height: 460px; margin: 0px auto; width: 100%; max-width: 420px;\">\n          <div style=\"display: flex; height: 100%; transform: translateX(0%); transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);\" data-fury=\"diapo-piste\">\n            <img decoding=\"async\" src=\"https:\/\/www.fullremotefactory.com\/wp-content\/themes\/fury\/assets\/bloc2-cosmetique.png\" alt=\"Approche cosm\u00e9tique\" style=\"flex: 0 0 100%; width: 100%; height: 100%; object-fit: contain; display: block;\">\n            <img decoding=\"async\" src=\"https:\/\/www.fullremotefactory.com\/wp-content\/themes\/fury\/assets\/bloc2-fury.png\" alt=\"Approche FURY\" style=\"flex: 0 0 100%; width: 100%; height: 100%; object-fit: contain; display: block;\">\n          <\/div>\n        <\/div>\n        <div style=\"display: flex; align-items: center; justify-content: center; gap: 16px;\">\n          <button class=\"scp1\" style=\"width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgb(30, 29, 79); background: rgb(255, 255, 255); color: rgb(30, 29, 79); font-size: 18px; cursor: pointer; display: grid; place-items: center;\" data-fury=\"diapo-prec\">\u2190<\/button>\n          <div style=\"display: flex; gap: 8px;\">\n            <button style=\"width: 28px; height: 10px; border-radius: 999px; border: 0px; background: rgb(30, 29, 79); cursor: pointer; padding: 0px; transition: 0.25s;\" data-fury=\"diapo-point\"><\/button>\n            <button style=\"width: 10px; height: 10px; border-radius: 999px; border: 0px; background: rgb(228, 224, 232); cursor: pointer; padding: 0px; transition: 0.25s;\" data-fury=\"diapo-point\"><\/button>\n          <\/div>\n          <button class=\"scp1\" style=\"width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgb(30, 29, 79); background: rgb(255, 255, 255); color: rgb(30, 29, 79); font-size: 18px; cursor: pointer; display: grid; place-items: center;\" data-fury=\"diapo-suiv\">\u2192<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div style=\"margin-top: 56px; display: grid; grid-template-columns: 36px minmax(0px, 1fr) minmax(0px, 1fr); gap: 0px 24px; border-bottom: 2px solid rgb(30, 29, 79); padding-bottom: 14px;\">\n      <span><\/span>\n      <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(107, 102, 117);\">Hier \u00b7 moderniser la surface<\/span>\n      <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(168, 33, 92);\">Aujourd\u2019hui \u00b7 le m\u00eame risque avec l\u2019IA<\/span>\n    <\/div>\n    <div><\/div>\n    \n      <div style=\"display: grid; grid-template-columns: 36px minmax(0px, 1fr) minmax(0px, 1fr); gap: 0px 24px; padding: 22px 0px; border-bottom: 1px solid rgb(228, 224, 232); align-items: start; opacity: 0; transform: translateY(14px); transition: opacity 0.5s, transform 0.5s;\" data-fury=\"revele\">\n        <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 14px; font-weight: 500; letter-spacing: 0.12em; color: rgb(122, 75, 201); padding-top: 4px;\">01<\/span>\n        <span style=\"font-size: 20px; line-height: 1.35; font-weight: 500; text-wrap: pretty;\">Une application mobile devant un ERP historique.<\/span>\n        <span style=\"font-size: 20px; line-height: 1.35; font-weight: 500; color: rgb(168, 33, 92); text-wrap: pretty;\">Un agent connect\u00e9 \u00e0 des donn\u00e9es jamais fiabilis\u00e9es.<\/span>\n      <\/div>\n    \n      <div style=\"display: grid; grid-template-columns: 36px minmax(0px, 1fr) minmax(0px, 1fr); gap: 0px 24px; padding: 22px 0px; border-bottom: 1px solid rgb(228, 224, 232); align-items: start; opacity: 0; transform: translateY(14px); transition: opacity 0.5s 140ms, transform 0.5s 140ms;\" data-fury=\"revele\">\n        <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 14px; font-weight: 500; letter-spacing: 0.12em; color: rgb(122, 75, 201); padding-top: 4px;\">02<\/span>\n        <span style=\"font-size: 20px; line-height: 1.35; font-weight: 500; text-wrap: pretty;\">Un portail web devant des processus rest\u00e9s inchang\u00e9s.<\/span>\n        <span style=\"font-size: 20px; line-height: 1.35; font-weight: 500; color: rgb(168, 33, 92); text-wrap: pretty;\">Un copilote pos\u00e9 sur un SI fragment\u00e9 : les doublons restent.<\/span>\n      <\/div>\n    \n      <div style=\"display: grid; grid-template-columns: 36px minmax(0px, 1fr) minmax(0px, 1fr); gap: 0px 24px; padding: 22px 0px; border-bottom: 1px solid rgb(228, 224, 232); align-items: start; opacity: 0; transform: translateY(14px); transition: opacity 0.5s 280ms, transform 0.5s 280ms;\" data-fury=\"revele\">\n        <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 14px; font-weight: 500; letter-spacing: 0.12em; color: rgb(122, 75, 201); padding-top: 4px;\">03<\/span>\n        <span style=\"font-size: 20px; line-height: 1.35; font-weight: 500; text-wrap: pretty;\">De nouveaux parcours digitaux au-dessus de r\u00e9f\u00e9rentiels h\u00e9rit\u00e9s.<\/span>\n        <span style=\"font-size: 20px; line-height: 1.35; font-weight: 500; color: rgb(168, 33, 92); text-wrap: pretty;\">Des automatisations entre dix outils : le mod\u00e8le de donn\u00e9es n\u2019est pas corrig\u00e9.<\/span>\n      <\/div>\n    \n      <div style=\"display: grid; grid-template-columns: 36px minmax(0px, 1fr) minmax(0px, 1fr); gap: 0px 24px; padding: 22px 0px; border-bottom: 1px solid rgb(228, 224, 232); align-items: start; opacity: 0; transform: translateY(14px); transition: opacity 0.5s 420ms, transform 0.5s 420ms;\" data-fury=\"revele\">\n        <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 14px; font-weight: 500; letter-spacing: 0.12em; color: rgb(122, 75, 201); padding-top: 4px;\">04<\/span>\n        <span style=\"font-size: 20px; line-height: 1.35; font-weight: 500; text-wrap: pretty;\">Des interfaces qui se multiplient sans simplifier le SI.<\/span>\n        <span style=\"font-size: 20px; line-height: 1.35; font-weight: 500; color: rgb(168, 33, 92); text-wrap: pretty;\">Un processus obsol\u00e8te automatis\u00e9 : il reste obsol\u00e8te, en plus vite.<\/span>\n      <\/div>\n    \n    <p style=\"margin-top: 40px; padding: 32px 36px; background: rgb(7, 16, 31); color: rgb(255, 255, 255); font-size: 22px; line-height: 1.45; text-wrap: pretty;\">L\u2019IA cr\u00e9e enfin l\u2019occasion de se poser les bonnes questions : quel est mon m\u00e9tier aujourd\u2019hui, quels processus le portent, quelles applications, quelles donn\u00e9es, et surtout quelle architecture.<\/p>\n  <\/section>\n\n<section id=\"questions\" style=\"max-width: 1600px; margin: 0px auto; padding: 144px clamp(16px, 5vw, 64px) 0px;\">\n    <div style=\"display: flex; flex-direction: column; gap: 20px; max-width: 800px; margin-bottom: 56px;\">\n      <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(107, 102, 117);\">03 \u00b7 Ce que vous nous demandez<\/span>\n      <h2 style=\"font-family: &quot;DM Serif Display&quot;, serif; font-weight: 400; font-size: clamp(36px, 3.8vw, 54px); line-height: 1.04; text-wrap: pretty;\">Vos questions, nos r\u00e9ponses.<\/h2>\n    <\/div>\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 48px clamp(32px, 6vw, 112px); align-items: start;\">\n      <div style=\"display: flex; flex-direction: column; border-top: 2px solid rgb(30, 29, 79);\">\n        \n          <div style=\"border-bottom: 1px solid rgb(228, 224, 232);\" data-fury=\"question-ligne\">\n            <button style=\"display: flex; gap: 16px; align-items: start; width: 100%; padding: 26px 0px; border: 0px; background: transparent; cursor: pointer; color: rgb(30, 29, 79);\" data-fury=\"question-bouton\">\n              <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 14px; font-weight: 500; letter-spacing: 0.12em; color: rgb(122, 75, 201); padding-top: 5px; min-width: 36px;\">01<\/span>\n              <span style=\"font-family: &quot;Hanken Grotesk&quot;, sans-serif; font-style: italic; font-size: 21px; line-height: 1.35; font-weight: 400; text-align: left; text-wrap: pretty; flex: 1 1 0%;\">\u00ab J\u2019ai fait d\u00e9velopper mon ERP ou mon CRM il y a dix ans. Je le maintiens, je le remplace par un progiciel, ou je le reconstruis autour de mes processus d\u2019aujourd\u2019hui ? \u00bb<\/span>\n              <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 22px; line-height: 1; color: rgb(30, 29, 79); padding-top: 4px;\">\u2212<\/span>\n            <\/button>\n            \n              <div style=\"margin: 0px 0px 28px 52px; padding-left: 20px; border-left: 4px solid rgb(122, 75, 201); display: flex; flex-direction: column; gap: 8px; animation: 0.25s ease 0s 1 normal none running fury-fade;\" data-fury=\"question-reponse\">\n                <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(107, 102, 117);\">Notre r\u00e9ponse<\/span>\n                <span style=\"font-size: 20px; line-height: 1.4; font-weight: 500; color: rgb(30, 29, 79); text-wrap: pretty;\">Un audit assist\u00e9 par l\u2019IA vous met des sc\u00e9narios chiffr\u00e9s sur la table. Notre framework rend la reconstruction aussi rapide que le remplacement.<\/span>\n              <\/div>\n            \n          <\/div>\n        \n          <div style=\"border-bottom: 1px solid rgb(228, 224, 232);\" data-fury=\"question-ligne\">\n            <button style=\"display: flex; gap: 16px; align-items: start; width: 100%; padding: 26px 0px; border: 0px; background: transparent; cursor: pointer; color: rgb(74, 72, 96);\" data-fury=\"question-bouton\">\n              <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 14px; font-weight: 500; letter-spacing: 0.12em; color: rgb(122, 75, 201); padding-top: 5px; min-width: 36px;\">02<\/span>\n              <span style=\"font-family: &quot;Hanken Grotesk&quot;, sans-serif; font-style: italic; font-size: 21px; line-height: 1.35; font-weight: 400; text-align: left; text-wrap: pretty; flex: 1 1 0%;\">\u00ab J\u2019ai d\u00e9j\u00e0 automatis\u00e9 plusieurs processus. Vous me dites qu\u2019il faut tout jeter ? \u00bb<\/span>\n              <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 22px; line-height: 1; color: rgb(30, 29, 79); padding-top: 4px;\">+<\/span>\n            <\/button>\n            \n          <\/div>\n        \n          <div style=\"border-bottom: 1px solid rgb(228, 224, 232);\" data-fury=\"question-ligne\">\n            <button style=\"display: flex; gap: 16px; align-items: start; width: 100%; padding: 26px 0px; border: 0px; background: transparent; cursor: pointer; color: rgb(74, 72, 96);\" data-fury=\"question-bouton\">\n              <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 14px; font-weight: 500; letter-spacing: 0.12em; color: rgb(122, 75, 201); padding-top: 5px; min-width: 36px;\">03<\/span>\n              <span style=\"font-family: &quot;Hanken Grotesk&quot;, sans-serif; font-style: italic; font-size: 21px; line-height: 1.35; font-weight: 400; text-align: left; text-wrap: pretty; flex: 1 1 0%;\">\u00ab J\u2019ai dix bases de donn\u00e9es qui ne se parlent pas. Un agent IA va-t-il r\u00e9gler \u00e7a ? \u00bb<\/span>\n              <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 22px; line-height: 1; color: rgb(30, 29, 79); padding-top: 4px;\">+<\/span>\n            <\/button>\n            \n          <div data-fury=\"question-reponse\" hidden style=\"margin:0 0 28px 52px;padding-left:20px;border-left:4px solid #7A4BC9;display:flex;flex-direction:column;gap:8px;animation:fury-fade .25s ease\"><span style=\"font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6B6675\">Notre r\u00e9ponse<\/span><span style=\"font-size:20px;line-height:1.4;font-weight:500;color:#1E1D4F;text-wrap:pretty\">Non. Vos automatisations sont audit\u00e9es comme le reste de l\u2019existant. Celles qui tiennent restent et s\u2019int\u00e8grent au nouveau syst\u00e8me.<\/span><\/div><\/div>\n        \n          <div style=\"border-bottom: 1px solid rgb(228, 224, 232);\" data-fury=\"question-ligne\">\n            <button style=\"display: flex; gap: 16px; align-items: start; width: 100%; padding: 26px 0px; border: 0px; background: transparent; cursor: pointer; color: rgb(74, 72, 96);\" data-fury=\"question-bouton\">\n              <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 14px; font-weight: 500; letter-spacing: 0.12em; color: rgb(122, 75, 201); padding-top: 5px; min-width: 36px;\">04<\/span>\n              <span style=\"font-family: &quot;Hanken Grotesk&quot;, sans-serif; font-style: italic; font-size: 21px; line-height: 1.35; font-weight: 400; text-align: left; text-wrap: pretty; flex: 1 1 0%;\">\u00ab J\u2019ai des \u00e9quipes de d\u00e9veloppement internes, elles ont construit mon existant. Elles deviennent quoi ? \u00bb<\/span>\n              <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 22px; line-height: 1; color: rgb(30, 29, 79); padding-top: 4px;\">+<\/span>\n            <\/button>\n            \n          <div data-fury=\"question-reponse\" hidden style=\"margin:0 0 28px 52px;padding-left:20px;border-left:4px solid #7A4BC9;display:flex;flex-direction:column;gap:8px;animation:fury-fade .25s ease\"><span style=\"font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6B6675\">Notre r\u00e9ponse<\/span><span style=\"font-size:20px;line-height:1.4;font-weight:500;color:#1E1D4F;text-wrap:pretty\">Non. Un agent ne corrige pas un mod\u00e8le de donn\u00e9es. Il permet en revanche d\u2019engager la transformation d\u00e8s maintenant, en attendant la mise en production de la cible.<\/span><\/div><\/div>\n        \n      <\/div>\n      <div style=\"background: rgb(7, 16, 31); color: rgb(255, 255, 255); padding: 32px; display: flex; flex-direction: column; gap: 28px;\">\n        <div style=\"width: calc(100% + 64px); margin: -32px -32px 0px; aspect-ratio: 16 \/ 9; overflow: hidden;\"><img decoding=\"async\" src=\"https:\/\/www.fullremotefactory.com\/wp-content\/themes\/fury\/assets\/bloc3-reponse.png\" alt=\"\" style=\"width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 58%; transform: scale(1.1); transform-origin: 50% 58%;\"><\/div>\n        <div style=\"display: flex; flex-direction: column; gap: 16px;\">\n          <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(207, 201, 212);\">Notre r\u00e9ponse<\/span>\n          <p style=\"font-size: clamp(22px, 2vw, 28px); line-height: 1.35; font-weight: 500; text-wrap: pretty;\">Nous concevons et refondons vos applications m\u00e9tier avec l\u2019IA, en repartant de vos processus et de vos donn\u00e9es. Un premier p\u00e9rim\u00e8tre en production en moins de trois mois.<\/p>\n        <\/div>\n        <div style=\"display: flex; flex-wrap: wrap; gap: 10px;\">\n          <button class=\"scp2\" style=\"font-size: 15px; font-weight: 600; padding: 12px 20px; border: 0px; background: linear-gradient(90deg, rgb(122, 75, 201) 0%, rgb(217, 49, 122) 60%, rgb(232, 137, 26) 100%); color: rgb(255, 255, 255); cursor: pointer; border-radius: 999px; transition: opacity 0.12s;\">Pr\u00e9parer ma transformation<\/button>\n          <button class=\"scp3\" style=\"font-size: 15px; font-weight: 600; padding: 12px 18px; border: 1px solid rgba(255, 255, 255, 0.6); background: transparent; color: rgb(255, 255, 255); cursor: pointer; border-radius: 999px; transition: 0.12s;\">Refaire mon application<\/button>\n          <button class=\"scp3\" style=\"font-size: 15px; font-weight: 600; padding: 12px 18px; border: 1px solid rgba(255, 255, 255, 0.6); background: transparent; color: rgb(255, 255, 255); cursor: pointer; border-radius: 999px; transition: 0.12s;\">Exploiter mes documents<\/button>\n          <button class=\"scp3\" style=\"font-size: 15px; font-weight: 600; padding: 12px 18px; border: 1px solid rgba(255, 255, 255, 0.6); background: transparent; color: rgb(255, 255, 255); cursor: pointer; border-radius: 999px; transition: 0.12s;\">Analyser mes images<\/button>\n        <div data-fury=\"question-reponse\" hidden style=\"margin:0 0 28px 52px;padding-left:20px;border-left:4px solid #7A4BC9;display:flex;flex-direction:column;gap:8px;animation:fury-fade .25s ease\"><span style=\"font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6B6675\">Notre r\u00e9ponse<\/span><span style=\"font-size:20px;line-height:1.4;font-weight:500;color:#1E1D4F;text-wrap:pretty\">Parfait. Elles connaissent votre m\u00e9tier mieux que nous. Nous les formons \u00e0 notre cha\u00eene de production, travaillons avec elles pendant le projet, et restons en support ensuite.<\/span><\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<section id=\"vibe\" style=\"margin-top: 144px; background: rgb(30, 29, 79); color: rgb(255, 255, 255); position: relative; overflow: hidden; isolation: isolate;\">\n    <div style=\"position: absolute; width: 720px; height: 720px; border-radius: 50%; right: -240px; top: -300px; z-index: -1; background: radial-gradient(circle, rgb(155, 111, 224) 0%, rgba(122, 75, 201, 0.35) 50%, transparent 72%);\"><\/div>\n    <div style=\"position: absolute; width: 520px; height: 520px; border-radius: 50%; left: -200px; bottom: -260px; z-index: -1; background: radial-gradient(circle, rgba(217, 49, 122, 0.8) 0%, rgba(217, 49, 122, 0.2) 50%, transparent 72%);\"><\/div>\n    <div style=\"max-width: 1600px; margin: 0px auto; padding: 128px clamp(16px, 5vw, 64px);\">\n      <div style=\"display: grid; grid-template-columns: calc(66.6667% - 32px) calc(33.3333% - 16px); gap: 40px 48px; align-items: center;\">\n        <div style=\"display: flex; flex-direction: column; gap: 24px;\">\n          <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(203, 185, 232);\">04 \u00b7 Le sujet du moment<\/span>\n          <h2 style=\"font-family: &quot;DM Serif Display&quot;, serif; font-weight: 400; font-size: clamp(44px, 5vw, 72px); line-height: 1; letter-spacing: -0.02em; text-wrap: pretty;\">Et non : nous ne faisons pas de <span style=\"font-style: italic;\">vibe coding<\/span>.<\/h2>\n        <\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.fullremotefactory.com\/wp-content\/themes\/fury\/assets\/bloc4-vibe.png\" alt=\"\" style=\"width: 100%; display: block; border-radius: 20px;\">\n      <\/div>\n      <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; margin-top: 64px;\">\n        \n          <article style=\"display: flex; flex-direction: column; padding: 32px; background: rgb(42, 40, 102); border-width: 4px 1px 1px; border-style: solid; border-color: rgb(155, 111, 224) rgba(255, 255, 255, 0.22) rgba(255, 255, 255, 0.22); border-image: none; border-radius: 20px; min-height: 520px;\">\n            <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 14px; letter-spacing: 0.12em; color: rgb(155, 111, 224);\">01<\/span>\n            <h3 style=\"font-size: 15px; line-height: 1.3; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; color: rgb(207, 201, 212); margin-top: 28px;\">Ce que le vibe coding a chang\u00e9<\/h3>\n            <p style=\"font-family: &quot;DM Serif Display&quot;, serif; font-size: clamp(24px, 2vw, 30px); line-height: 1.2; margin-top: 12px; text-wrap: pretty;\">Un prototype en quelques heures.<\/p>\n            <ul style=\"list-style: none; margin: 24px 0px 0px; padding: 0px; display: flex; flex-direction: column; gap: 12px; flex: 1 1 0%;\">\n              \n                <li style=\"display: grid; grid-template-columns: 8px 1fr; gap: 14px; align-items: start; font-size: 16px; line-height: 1.5; color: rgb(238, 232, 241);\"><span style=\"width: 8px; height: 8px; border-radius: 50%; background: rgb(155, 111, 224); margin-top: 9px; display: block;\"><\/span><span>Un co\u00fbt du premier jet devenu n\u00e9gligeable.<\/span><\/li>\n              \n                <li style=\"display: grid; grid-template-columns: 8px 1fr; gap: 14px; align-items: start; font-size: 16px; line-height: 1.5; color: rgb(238, 232, 241);\"><span style=\"width: 8px; height: 8px; border-radius: 50%; background: rgb(155, 111, 224); margin-top: 9px; display: block;\"><\/span><span>Dix id\u00e9es test\u00e9es avec les utilisateurs en une journ\u00e9e.<\/span><\/li>\n              \n                <li style=\"display: grid; grid-template-columns: 8px 1fr; gap: 14px; align-items: start; font-size: 16px; line-height: 1.5; color: rgb(238, 232, 241);\"><span style=\"width: 8px; height: 8px; border-radius: 50%; background: rgb(155, 111, 224); margin-top: 9px; display: block;\"><\/span><span>Un effet de magie qui masque la r\u00e9alit\u00e9 du projet : le mod\u00e8le de donn\u00e9es et les processus restent \u00e0 transformer.<\/span><\/li>\n              \n            <\/ul>\n            <p style=\"font-size: 16px; line-height: 1.5; font-weight: 700; color: rgb(255, 255, 255); border-left: 2px solid rgb(155, 111, 224); padding-left: 16px; margin-top: 28px;\">Une force, et un risque \u00e0 comprendre. La plupart des prototypes que nous avons vus ne changent rien aux processus.<\/p>\n          <\/article>\n        \n          <article style=\"display: flex; flex-direction: column; padding: 32px; background: rgb(42, 40, 102); border-width: 4px 1px 1px; border-style: solid; border-color: rgb(232, 75, 139) rgba(255, 255, 255, 0.22) rgba(255, 255, 255, 0.22); border-image: none; border-radius: 20px; min-height: 520px;\">\n            <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 14px; letter-spacing: 0.12em; color: rgb(232, 75, 139);\">02<\/span>\n            <h3 style=\"font-size: 15px; line-height: 1.3; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; color: rgb(207, 201, 212); margin-top: 28px;\">L\u00e0 o\u00f9 il s\u2019arr\u00eate<\/h3>\n            <p style=\"font-family: &quot;DM Serif Display&quot;, serif; font-size: clamp(24px, 2vw, 30px); line-height: 1.2; margin-top: 12px; text-wrap: pretty;\">Le d\u00e9veloppement s\u00e9curis\u00e9.<\/p>\n            <ul style=\"list-style: none; margin: 24px 0px 0px; padding: 0px; display: flex; flex-direction: column; gap: 12px; flex: 1 1 0%;\">\n              \n                <li style=\"display: grid; grid-template-columns: 8px 1fr; gap: 14px; align-items: start; font-size: 16px; line-height: 1.5; color: rgb(238, 232, 241);\"><span style=\"width: 8px; height: 8px; border-radius: 50%; background: rgb(232, 75, 139); margin-top: 9px; display: block;\"><\/span><span>Une sp\u00e9cification implicite : l\u2019IA code ce qu\u2019elle comprend du prompt, pas ce dont le m\u00e9tier a besoin.<\/span><\/li>\n              \n                <li style=\"display: grid; grid-template-columns: 8px 1fr; gap: 14px; align-items: start; font-size: 16px; line-height: 1.5; color: rgb(238, 232, 241);\"><span style=\"width: 8px; height: 8px; border-radius: 50%; background: rgb(232, 75, 139); margin-top: 9px; display: block;\"><\/span><span>Une dette technique invisible : chaque d\u00e9veloppeur prompte \u00e0 sa fa\u00e7on, l\u2019architecture d\u00e9rive, l\u2019IA fait des choix seule.<\/span><\/li>\n              \n                <li style=\"display: grid; grid-template-columns: 8px 1fr; gap: 14px; align-items: start; font-size: 16px; line-height: 1.5; color: rgb(238, 232, 241);\"><span style=\"width: 8px; height: 8px; border-radius: 50%; background: rgb(232, 75, 139); margin-top: 9px; display: block;\"><\/span><span>La s\u00e9curit\u00e9 et la conformit\u00e9 trait\u00e9es trop tard.<\/span><\/li>\n              \n            <\/ul>\n            <p style=\"font-size: 16px; line-height: 1.5; font-weight: 700; color: rgb(255, 255, 255); border-left: 2px solid rgb(232, 75, 139); padding-left: 16px; margin-top: 28px;\">Une d\u00e9monstration convaincante ne prouve ni la maintenabilit\u00e9 ni la capacit\u00e9 \u00e0 tenir en production.<\/p>\n          <\/article>\n        \n          <article style=\"display: flex; flex-direction: column; padding: 32px; background: rgb(53, 50, 119); border-width: 4px 1px 1px; border-style: solid; border-color: rgb(242, 154, 47) rgba(255, 255, 255, 0.22) rgba(255, 255, 255, 0.22); border-image: none; border-radius: 20px; min-height: 520px;\">\n            <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 14px; letter-spacing: 0.12em; color: rgb(242, 154, 47);\">03<\/span>\n            <h3 style=\"font-size: 15px; line-height: 1.3; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; color: rgb(207, 201, 212); margin-top: 28px;\">Ce que nous faisons \u00e0 la place<\/h3>\n            <p style=\"font-family: &quot;DM Serif Display&quot;, serif; font-size: clamp(24px, 2vw, 30px); line-height: 1.2; margin-top: 12px; text-wrap: pretty;\">Nous industrialisons la production par l\u2019IA.<\/p>\n            <ul style=\"list-style: none; margin: 24px 0px 0px; padding: 0px; display: flex; flex-direction: column; gap: 12px; flex: 1 1 0%;\">\n              \n                <li style=\"display: grid; grid-template-columns: 8px 1fr; gap: 14px; align-items: start; font-size: 16px; line-height: 1.5; color: rgb(238, 232, 241);\"><span style=\"width: 8px; height: 8px; border-radius: 50%; background: rgb(242, 154, 47); margin-top: 9px; display: block;\"><\/span><span>Des exigences \u00e9crites avant la premi\u00e8re ligne de code.<\/span><\/li>\n              \n                <li style=\"display: grid; grid-template-columns: 8px 1fr; gap: 14px; align-items: start; font-size: 16px; line-height: 1.5; color: rgb(238, 232, 241);\"><span style=\"width: 8px; height: 8px; border-radius: 50%; background: rgb(242, 154, 47); margin-top: 9px; display: block;\"><\/span><span>Les tests avant le code, des contr\u00f4les qualit\u00e9 revus par un humain \u00e0 chaque \u00e9tape.<\/span><\/li>\n              \n                <li style=\"display: grid; grid-template-columns: 8px 1fr; gap: 14px; align-items: start; font-size: 16px; line-height: 1.5; color: rgb(238, 232, 241);\"><span style=\"width: 8px; height: 8px; border-radius: 50%; background: rgb(242, 154, 47); margin-top: 9px; display: block;\"><\/span><span>Une recette avec vos m\u00e9tiers, une mise en production d\u00e9cid\u00e9e, pas subie.<\/span><\/li>\n              \n            <\/ul>\n            <p style=\"font-size: 16px; line-height: 1.5; font-weight: 700; color: rgb(255, 255, 255); border-left: 2px solid rgb(242, 154, 47); padding-left: 16px; margin-top: 28px;\">L\u2019IA g\u00e9n\u00e8re \u00e0 partir de sp\u00e9cifications \u00e9crites, aucun prompt de coding. Nos ing\u00e9nieurs analysent, d\u00e9cident et signent.<\/p>\n          <\/article>\n        \n      <\/div>\n    <\/div>\n  <\/section>\n\n<section id=\"chaine\" style=\"padding: 144px 0px 0px; overflow: hidden;\">\n    <div style=\"max-width: 1600px; margin: 0px auto 56px; padding: 0px clamp(16px, 5vw, 64px); display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 24px clamp(32px, 6vw, 112px); align-items: end;\">\n      <div style=\"display: flex; flex-direction: column; gap: 20px;\"><span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(107, 102, 117);\">05 \u00b7 La cha\u00eene FURY, de l\u2019id\u00e9e \u00e0 la production<\/span><h2 style=\"font-family: &quot;DM Serif Display&quot;, serif; font-weight: 400; font-size: clamp(36px, 3.8vw, 54px); line-height: 1.04; text-wrap: pretty;\">Une cha\u00eene industrialis\u00e9e par l\u2019IA, de l\u2019id\u00e9e \u00e0 la production.<\/h2><\/div>\n      <p style=\"font-size: 18px; line-height: 1.55; color: rgb(74, 72, 96); text-wrap: pretty;\">La vitesse n\u2019est pas une promesse, c\u2019est la cons\u00e9quence d\u2019une cha\u00eene continue. Chaque \u00e9tape est outill\u00e9e par l\u2019IA et valid\u00e9e par une personne qui engage sa signature.<\/p>\n    <\/div>\n\n    <div style=\"max-width: 1600px; margin: 0px auto; padding: 0px clamp(16px, 5vw, 64px);\">\n      <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 560px), 1fr)); gap: 32px clamp(24px, 4vw, 56px); align-items: start;\">\n        <div style=\"position: relative; overflow: hidden; isolation: isolate; border-radius: 24px; padding: 24px 16px 12px; background: rgb(7, 16, 31); color: rgb(255, 255, 255);\">\n          <span style=\"position: absolute; width: 520px; height: 520px; border-radius: 50%; right: -200px; top: -220px; z-index: -1; background: radial-gradient(circle, rgba(155, 111, 224, 0.45) 0%, rgba(155, 111, 224, 0.12) 50%, transparent 72%);\"><\/span>\n          <span style=\"position: absolute; width: 420px; height: 420px; border-radius: 50%; left: -180px; bottom: -200px; z-index: -1; background: radial-gradient(circle, rgba(232, 75, 139, 0.4) 0%, rgba(232, 75, 139, 0.1) 50%, transparent 72%);\"><\/span>\n          <div class=\"sc-host-x\" style=\"display: contents;\"><chain-graph step=\"0\" style=\"display: block;\" data-fury=\"chaine-graph\"><\/chain-graph><\/div>\n          <div style=\"display: flex; gap: 16px; align-items: start; padding: 20px 16px 12px; border-top: 1px solid rgba(255, 255, 255, 0.18); margin-top: 8px; animation: 0.4s ease 0s 1 normal none running fury-fade;\" data-fury=\"chaine-legende\">\n            <span style=\"flex: 0 0 auto; font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; padding: 6px 10px; border-radius: 6px; color: rgb(255, 255, 255); background: rgb(59, 70, 100); font-weight: 700;\" data-fury=\"chaine-etiquette\">D\u00e9part<\/span>\n            <p style=\"font-size: 17px; line-height: 1.5; color: rgb(230, 233, 242); text-wrap: pretty;\" data-fury=\"chaine-texte\">Votre besoin, vos processus et vos donn\u00e9es. Lancez la cha\u00eene pour voir chaque \u00e9tape produire son livrable, et un humain le signer.<\/p>\n          <\/div>\n        <\/div>\n        <div style=\"display: flex; flex-direction: column; gap: 12px;\">\n          <button class=\"scp2\" style=\"align-self: flex-start; height: 48px; padding: 0px 22px; border-radius: 999px; border: 0px; background: linear-gradient(90deg, rgb(122, 75, 201) 0%, rgb(217, 49, 122) 60%, rgb(232, 137, 26) 100%); color: rgb(255, 255, 255); font-size: 15px; font-weight: 700; cursor: pointer; transition: opacity 0.12s;\" data-fury=\"chaine-lancer\">Lancer la cha\u00eene<\/button>\n          <div style=\"display: flex; flex-direction: column; border-top: 2px solid rgb(30, 29, 79); margin-top: 12px;\">\n            \n              <div style=\"border-bottom: 1px solid rgb(228, 224, 232); background: transparent; transition: background 0.2s;\" data-fury=\"etape\">\n                <button style=\"display: grid; grid-template-columns: 32px minmax(0px, 1fr) 24px; gap: 12px; align-items: start; width: 100%; padding: 16px 8px; border: 0px; background: transparent; cursor: pointer; color: rgb(30, 29, 79); text-align: left;\" data-fury=\"etape-bouton\">\n                  <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 13px; letter-spacing: 0.12em; color: rgb(107, 102, 117); padding-top: 3px;\">01<\/span>\n                  <span style=\"display: flex; flex-direction: column; gap: 2px; text-align: left;\"><span style=\"font-size: 16px; line-height: 1.3; font-weight: 500; color: rgb(107, 102, 117);\">Chiffrer et engager<\/span><span style=\"font-size: 14px; line-height: 1.35; color: rgb(107, 102, 117);\">P\u00e9rim\u00e8tre, planning, prix, contrat.<\/span><\/span>\n                  <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 20px; line-height: 1.2; color: rgb(122, 75, 201); text-align: right;\">+<\/span>\n                <\/button><div data-fury=\"etape-detail\" hidden style=\"padding:0 8px 22px 52px;display:flex;flex-direction:column;gap:16px;animation:fury-fade .25s ease\"><div style=\"display:flex;flex-direction:column;gap:4px\"><span style=\"font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7A4BC9\">Notre framework IA<\/span><span style=\"font-size:15px;line-height:1.5;color:#4A4860;text-wrap:pretty\">Transforme l\u2019expression du besoin en liste de fonctions, lots, hypoth\u00e8ses et baseline chiffr\u00e9e.<\/span><\/div><div style=\"display:flex;flex-direction:column;gap:4px\"><span style=\"font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#1E1D4F\">Nos ing\u00e9nieurs &amp; PhD<\/span><span style=\"font-size:15px;line-height:1.5;color:#1E1D4F;font-weight:500;text-wrap:pretty\">L\u2019associ\u00e9 engage FURY sur un p\u00e9rim\u00e8tre, une liste de fonctions et une baseline revus avec vous.<\/span><\/div><\/div>\n                \n              <\/div>\n            \n              <div style=\"border-bottom: 1px solid rgb(228, 224, 232); background: transparent; transition: background 0.2s;\" data-fury=\"etape\">\n                <button style=\"display: grid; grid-template-columns: 32px minmax(0px, 1fr) 24px; gap: 12px; align-items: start; width: 100%; padding: 16px 8px; border: 0px; background: transparent; cursor: pointer; color: rgb(30, 29, 79); text-align: left;\" data-fury=\"etape-bouton\">\n                  <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 13px; letter-spacing: 0.12em; color: rgb(107, 102, 117); padding-top: 3px;\">02<\/span>\n                  <span style=\"display: flex; flex-direction: column; gap: 2px; text-align: left;\"><span style=\"font-size: 16px; line-height: 1.3; font-weight: 500; color: rgb(107, 102, 117);\">Comprendre et concevoir<\/span><span style=\"font-size: 14px; line-height: 1.35; color: rgb(107, 102, 117);\">Dossier de cadrage, mod\u00e8le de donn\u00e9es, architecture cible.<\/span><\/span>\n                  <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 20px; line-height: 1.2; color: rgb(122, 75, 201); text-align: right;\">+<\/span>\n                <\/button><div data-fury=\"etape-detail\" hidden style=\"padding:0 8px 22px 52px;display:flex;flex-direction:column;gap:16px;animation:fury-fade .25s ease\"><div style=\"display:flex;flex-direction:column;gap:4px\"><span style=\"font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7A4BC9\">Notre framework IA<\/span><span style=\"font-size:15px;line-height:1.5;color:#4A4860;text-wrap:pretty\">Conduit les sessions de questions, structure objectifs, processus, donn\u00e9es, risques et architecture cible.<\/span><\/div><div style=\"display:flex;flex-direction:column;gap:4px\"><span style=\"font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#1E1D4F\">Nos ing\u00e9nieurs &amp; PhD<\/span><span style=\"font-size:15px;line-height:1.5;color:#1E1D4F;font-weight:500;text-wrap:pretty\">Le consultant valide chaque arbitrage ; un dossier de cadrage n\u2019est jamais simplement \u00ab g\u00e9n\u00e9r\u00e9 \u00bb.<\/span><\/div><\/div>\n                \n              <\/div>\n            \n              <div style=\"border-bottom: 1px solid rgb(228, 224, 232); background: transparent; transition: background 0.2s;\" data-fury=\"etape\">\n                <button style=\"display: grid; grid-template-columns: 32px minmax(0px, 1fr) 24px; gap: 12px; align-items: start; width: 100%; padding: 16px 8px; border: 0px; background: transparent; cursor: pointer; color: rgb(30, 29, 79); text-align: left;\" data-fury=\"etape-bouton\">\n                  <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 13px; letter-spacing: 0.12em; color: rgb(107, 102, 117); padding-top: 3px;\">03<\/span>\n                  <span style=\"display: flex; flex-direction: column; gap: 2px; text-align: left;\"><span style=\"font-size: 16px; line-height: 1.3; font-weight: 500; color: rgb(107, 102, 117);\">Construire et tester<\/span><span style=\"font-size: 14px; line-height: 1.35; color: rgb(107, 102, 117);\">Application test\u00e9e, code standard, documentation.<\/span><\/span>\n                  <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 20px; line-height: 1.2; color: rgb(122, 75, 201); text-align: right;\">+<\/span>\n                <\/button><div data-fury=\"etape-detail\" hidden style=\"padding:0 8px 22px 52px;display:flex;flex-direction:column;gap:16px;animation:fury-fade .25s ease\"><div style=\"display:flex;flex-direction:column;gap:4px\"><span style=\"font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7A4BC9\">Notre framework IA<\/span><span style=\"font-size:15px;line-height:1.5;color:#4A4860;text-wrap:pretty\">G\u00e9n\u00e8re le code par fonctionnalit\u00e9 compl\u00e8te, avec les tests \u00e9crits avant (TDD), la s\u00e9curit\u00e9 et la tra\u00e7abilit\u00e9 exigence, code, test.<\/span><\/div><div style=\"display:flex;flex-direction:column;gap:4px\"><span style=\"font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#1E1D4F\">Nos ing\u00e9nieurs &amp; PhD<\/span><span style=\"font-size:15px;line-height:1.5;color:#1E1D4F;font-weight:500;text-wrap:pretty\">L\u2019ing\u00e9nieur prend les d\u00e9cisions d\u2019architecture et tranche les incertitudes ; chaque livrable passe des contr\u00f4les qualit\u00e9 outill\u00e9s puis une revue.<\/span><\/div><\/div>\n                \n              <\/div>\n            \n              <div style=\"border-bottom: 1px solid rgb(228, 224, 232); background: transparent; transition: background 0.2s;\" data-fury=\"etape\">\n                <button style=\"display: grid; grid-template-columns: 32px minmax(0px, 1fr) 24px; gap: 12px; align-items: start; width: 100%; padding: 16px 8px; border: 0px; background: transparent; cursor: pointer; color: rgb(30, 29, 79); text-align: left;\" data-fury=\"etape-bouton\">\n                  <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 13px; letter-spacing: 0.12em; color: rgb(107, 102, 117); padding-top: 3px;\">04<\/span>\n                  <span style=\"display: flex; flex-direction: column; gap: 2px; text-align: left;\"><span style=\"font-size: 16px; line-height: 1.3; font-weight: 500; color: rgb(107, 102, 117);\">Valider avec le m\u00e9tier<\/span><span style=\"font-size: 14px; line-height: 1.35; color: rgb(107, 102, 117);\">Recette sign\u00e9e, anomalies trait\u00e9es.<\/span><\/span>\n                  <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 20px; line-height: 1.2; color: rgb(122, 75, 201); text-align: right;\">+<\/span>\n                <\/button><div data-fury=\"etape-detail\" hidden style=\"padding:0 8px 22px 52px;display:flex;flex-direction:column;gap:16px;animation:fury-fade .25s ease\"><div style=\"display:flex;flex-direction:column;gap:4px\"><span style=\"font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7A4BC9\">Notre framework IA<\/span><span style=\"font-size:15px;line-height:1.5;color:#4A4860;text-wrap:pretty\">Pr\u00e9pare les sc\u00e9narios de recette, les jeux de donn\u00e9es, le suivi des anomalies et des corrections.<\/span><\/div><div style=\"display:flex;flex-direction:column;gap:4px\"><span style=\"font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#1E1D4F\">Nos ing\u00e9nieurs &amp; PhD<\/span><span style=\"font-size:15px;line-height:1.5;color:#1E1D4F;font-weight:500;text-wrap:pretty\">Vos utilisateurs valident ; la d\u00e9cision de mise en production est explicite (go \/ no-go).<\/span><\/div><\/div>\n                \n              <\/div>\n            \n              <div style=\"border-bottom: 1px solid rgb(228, 224, 232); background: transparent; transition: background 0.2s;\" data-fury=\"etape\">\n                <button style=\"display: grid; grid-template-columns: 32px minmax(0px, 1fr) 24px; gap: 12px; align-items: start; width: 100%; padding: 16px 8px; border: 0px; background: transparent; cursor: pointer; color: rgb(30, 29, 79); text-align: left;\" data-fury=\"etape-bouton\">\n                  <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 13px; letter-spacing: 0.12em; color: rgb(107, 102, 117); padding-top: 3px;\">05<\/span>\n                  <span style=\"display: flex; flex-direction: column; gap: 2px; text-align: left;\"><span style=\"font-size: 16px; line-height: 1.3; font-weight: 500; color: rgb(107, 102, 117);\">Mettre en production<\/span><span style=\"font-size: 14px; line-height: 1.35; color: rgb(107, 102, 117);\">Application en production, environnements document\u00e9s.<\/span><\/span>\n                  <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 20px; line-height: 1.2; color: rgb(122, 75, 201); text-align: right;\">+<\/span>\n                <\/button><div data-fury=\"etape-detail\" hidden style=\"padding:0 8px 22px 52px;display:flex;flex-direction:column;gap:16px;animation:fury-fade .25s ease\"><div style=\"display:flex;flex-direction:column;gap:4px\"><span style=\"font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7A4BC9\">Notre framework IA<\/span><span style=\"font-size:15px;line-height:1.5;color:#4A4860;text-wrap:pretty\">Outille le d\u00e9ploiement, les environnements, la supervision et l\u2019administration.<\/span><\/div><div style=\"display:flex;flex-direction:column;gap:4px\"><span style=\"font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#1E1D4F\">Nos ing\u00e9nieurs &amp; PhD<\/span><span style=\"font-size:15px;line-height:1.5;color:#1E1D4F;font-weight:500;text-wrap:pretty\">La mise en production est une d\u00e9cision explicite, pas un script.<\/span><\/div><\/div>\n                \n              <\/div>\n            \n              <div style=\"border-bottom: 1px solid rgb(228, 224, 232); background: transparent; transition: background 0.2s;\" data-fury=\"etape\">\n                <button style=\"display: grid; grid-template-columns: 32px minmax(0px, 1fr) 24px; gap: 12px; align-items: start; width: 100%; padding: 16px 8px; border: 0px; background: transparent; cursor: pointer; color: rgb(30, 29, 79); text-align: left;\" data-fury=\"etape-bouton\">\n                  <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 13px; letter-spacing: 0.12em; color: rgb(107, 102, 117); padding-top: 3px;\">06<\/span>\n                  <span style=\"display: flex; flex-direction: column; gap: 2px; text-align: left;\"><span style=\"font-size: 16px; line-height: 1.3; font-weight: 500; color: rgb(107, 102, 117);\">Assister<\/span><span style=\"font-size: 14px; line-height: 1.35; color: rgb(107, 102, 117);\">Rapport hebdomadaire, support et \u00e9volutions.<\/span><\/span>\n                  <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 20px; line-height: 1.2; color: rgb(122, 75, 201); text-align: right;\">+<\/span>\n                <\/button><div data-fury=\"etape-detail\" hidden style=\"padding:0 8px 22px 52px;display:flex;flex-direction:column;gap:16px;animation:fury-fade .25s ease\"><div style=\"display:flex;flex-direction:column;gap:4px\"><span style=\"font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7A4BC9\">Notre framework IA<\/span><span style=\"font-size:15px;line-height:1.5;color:#4A4860;text-wrap:pretty\">G\u00e9n\u00e8re chaque vendredi le rapport DARA : d\u00e9cisions, actions, risques, alertes, consomm\u00e9 face \u00e0 la baseline.<\/span><\/div><div style=\"display:flex;flex-direction:column;gap:4px\"><span style=\"font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#1E1D4F\">Nos ing\u00e9nieurs &amp; PhD<\/span><span style=\"font-size:15px;line-height:1.5;color:#1E1D4F;font-weight:500;text-wrap:pretty\">L\u2019\u00e9quipe reste en support : corrections, \u00e9volutions, transfert de comp\u00e9tences \u00e0 vos \u00e9quipes internes.<\/span><\/div><\/div>\n                \n              <\/div>\n            \n            <button style=\"display: grid; grid-template-columns: 32px 1fr; gap: 12px; align-items: center; padding: 14px 0px 14px 8px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(228, 224, 232); border-image: none; background: transparent; cursor: pointer; color: rgb(107, 102, 117); text-align: left; transition: 0.2s;\" data-fury=\"etape-bouton\"><span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 13px; letter-spacing: 0.12em; color: rgb(217, 49, 122);\">\u2192<\/span><span style=\"text-align: left; font-size: 16px; font-weight: 700;\">Application en production, \u00e9quipe en support<\/span><\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div style=\"max-width: 1600px; margin: 48px auto 0px; padding: 0px clamp(16px, 5vw, 64px);\">\n      <div style=\"padding: 32px 36px; background: rgb(7, 16, 31); color: rgb(255, 255, 255); display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 24px 48px; align-items: center;\">\n        <p style=\"font-size: 22px; line-height: 1.45; text-wrap: pretty;\">Plus de trente ans d\u2019exp\u00e9rience de la transformation des syst\u00e8mes d\u2019information et du g\u00e9nie logiciel, concentr\u00e9s dans un environnement int\u00e9gr\u00e9 et s\u00e9curis\u00e9, op\u00e9r\u00e9 par des ing\u00e9nieurs de recherche et des docteurs.<\/p>\n        <a href=\"#chaine\" class=\"scp2\" style=\"height: 52px; padding: 0px 26px; border-radius: 999px; background: linear-gradient(90deg, rgb(122, 75, 201) 0%, rgb(217, 49, 122) 60%, rgb(232, 137, 26) 100%); color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; white-space: nowrap; transition: opacity 0.12s;\">D\u00e9couvrir notre m\u00e9thode \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<section id=\"spheres\" style=\"max-width: 1600px; margin: 0px auto; padding: 144px clamp(16px, 5vw, 64px) 0px;\">\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 24px clamp(32px, 6vw, 112px); align-items: end; margin-bottom: 56px;\">\n      <div style=\"display: flex; flex-direction: column; gap: 20px;\"><span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(107, 102, 117);\">06 \u00b7 Nos sph\u00e8res<\/span><h2 style=\"font-family: &quot;DM Serif Display&quot;, serif; font-weight: 400; font-size: clamp(36px, 3.8vw, 54px); line-height: 1.04; text-wrap: pretty;\">Une offre phare. Trois compl\u00e9ments quand vous en avez besoin.<\/h2><\/div>\n      <p style=\"font-size: 18px; line-height: 1.55; color: rgb(74, 72, 96); text-wrap: pretty;\">Nos comp\u00e9tences sont organis\u00e9es en sph\u00e8res : une \u00e9quipe, une sp\u00e9cialit\u00e9, des projets et des clients. La cha\u00eene d\u00e9crite plus haut est celle de Code Sph\u00e8re, notre c\u0153ur de m\u00e9tier. Les trois autres s\u2019y ajoutent selon votre besoin, jamais en catalogue.<\/p>\n    <\/div>\n    <div style=\"display: grid; grid-template-columns: repeat(12, minmax(0px, 1fr)); gap: 24px;\">\n      <a href=\"#\" style=\"grid-column: span 5; align-self: start; position: relative; overflow: hidden; background: rgb(30, 29, 79); color: rgb(255, 255, 255); border-radius: 24px; padding: 36px; display: flex; flex-direction: column; text-decoration: none; isolation: isolate;\">\n        <span style=\"position: absolute; width: 360px; height: 360px; border-radius: 50%; right: -110px; bottom: -130px; z-index: -1; background: radial-gradient(circle, rgb(155, 111, 224) 0%, rgba(122, 75, 201, 0.35) 56%, transparent 72%);\"><\/span>\n        <span style=\"position: absolute; width: 240px; height: 240px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.25); right: 60px; top: -90px; z-index: -1; background: radial-gradient(circle at 30% 25%, rgba(237, 94, 156, 0.7), rgba(217, 49, 122, 0.05) 65%);\"><\/span>\n        <img decoding=\"async\" src=\"https:\/\/www.fullremotefactory.com\/wp-content\/themes\/fury\/assets\/icons\/sphere-code-reverse.svg\" alt=\"\" style=\"width: 68px; height: 68px; display: block;\">\n        <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(203, 185, 232); margin-top: 40px;\">01 \u00b7 Offre phare<\/span>\n        <h3 style=\"font-family: &quot;DM Serif Display&quot;, serif; font-weight: 400; font-size: 42px; line-height: 1.05; margin: 12px 0px 16px;\">Code Sph\u00e8re<\/h3>\n        <p style=\"font-size: 17px; line-height: 1.55; color: rgb(221, 214, 225); max-width: 440px; text-wrap: pretty;\">La conception ou la refonte d\u2019une application m\u00e9tier (ERP, CRM, gestion, module m\u00e9tier), avec ou sans fonctions d\u2019IA, livr\u00e9e par la cha\u00eene industrialis\u00e9e : un premier module en production en moins de trois mois.<\/p>\n        <span style=\"margin-top: 28px; display: flex; flex-direction: column; gap: 6px; border-top: 1px solid rgba(255, 255, 255, 0.25); padding-top: 20px;\"><span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(203, 185, 232);\">Quand elle intervient<\/span><span style=\"font-size: 17px; line-height: 1.4; font-weight: 500;\">D\u00e8s que vous avez une application \u00e0 refondre ou \u00e0 cr\u00e9er.<\/span><\/span>\n        <span style=\"margin-top: auto; padding-top: 24px; font-weight: 700;\">D\u00e9couvrir Code Sph\u00e8re \u2192<\/span>\n      <\/a>\n      <div style=\"grid-column: span 7; display: flex; flex-direction: column; gap: 24px;\">\n        \n        \n          <a href=\"#\" style=\"display: grid; grid-template-columns: minmax(0px, 5fr) minmax(180px, 2fr); background: rgb(255, 255, 255); border: 1px solid rgb(228, 224, 232); border-radius: 22px; overflow: hidden; color: rgb(30, 29, 79); text-decoration: none; transform: translateY(0px); transition: 0.2s; min-height: 200px;\">\n            <span style=\"padding: 24px 28px; display: flex; flex-direction: column; gap: 10px; min-width: 0px;\">\n              <span style=\"display: inline-flex; align-self: flex-start; padding: 6px 12px; border-radius: 999px; font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; background: rgb(244, 241, 246); color: rgb(30, 29, 79);\">02 \u00b7 Compl\u00e9ment<\/span>\n              <strong style=\"font-size: 24px; line-height: 1.2; font-weight: 700;\">Strategy Sph\u00e8re<\/strong>\n              <span style=\"font-size: 15px; line-height: 1.5; color: rgb(74, 72, 96); text-wrap: pretty;\">Un diagnostic de vos applications et de votre architecture, une trajectoire de transformation, un cadrage de cas d\u2019usage : court, avec un avis \u00e9crit (maintenir, remplacer, reconstruire).<\/span>\n              <span style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-top: auto; padding-top: 14px;\"><span style=\"font-size: 14px; line-height: 1.4; font-weight: 500; color: rgb(107, 102, 117);\">Quand vous devez d\u2019abord d\u00e9cider quoi faire.<\/span><span style=\"font-weight: 700; white-space: nowrap;\">D\u00e9couvrir \u2192<\/span><\/span>\n            <\/span>\n            <span style=\"position: relative; overflow: hidden; display: block; background: linear-gradient(140deg, rgb(42, 26, 16) 10%, rgb(62, 32, 80) 55%, rgb(232, 137, 26) 150%);\"><span style=\"position: absolute; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); width: 170px; height: 170px; left: -40px; top: -60px; background: radial-gradient(circle at 30% 25%, rgb(139, 102, 218), rgba(122, 75, 201, 0.05) 65%);\"><\/span><span style=\"position: absolute; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); width: 150px; height: 150px; left: 30px; bottom: -90px; background: radial-gradient(circle at 40% 30%, rgb(242, 179, 90), rgba(232, 137, 26, 0.063) 66%);\"><\/span><span style=\"position: absolute; right: 20px; bottom: 20px; width: 44px; height: 44px; display: block; background: url(&quot;https:\/\/www.fullremotefactory.com\/wp-content\/themes\/fury\/assets\/icons\/sphere-strategy-reverse.svg&quot;) center center \/ contain no-repeat;\"><\/span><\/span>\n          <\/a>\n        \n          <a href=\"#\" style=\"display: grid; grid-template-columns: minmax(0px, 5fr) minmax(180px, 2fr); background: rgb(255, 255, 255); border: 1px solid rgb(228, 224, 232); border-radius: 22px; overflow: hidden; color: rgb(30, 29, 79); text-decoration: none; transform: translateY(0px); transition: 0.2s; min-height: 200px;\">\n            <span style=\"padding: 24px 28px; display: flex; flex-direction: column; gap: 10px; min-width: 0px;\">\n              <span style=\"display: inline-flex; align-self: flex-start; padding: 6px 12px; border-radius: 999px; font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; background: rgb(244, 241, 246); color: rgb(30, 29, 79);\">03 \u00b7 Compl\u00e9ment<\/span>\n              <strong style=\"font-size: 24px; line-height: 1.2; font-weight: 700;\">KX Sph\u00e8re<\/strong>\n              <span style=\"font-size: 15px; line-height: 1.5; color: rgb(74, 72, 96); text-wrap: pretty;\">Vos documents techniques, vos normes, vos processus et votre connaissance commerciale exploit\u00e9s par l\u2019IA, sur un p\u00e9rim\u00e8tre d\u00e9fini.<\/span>\n              <span style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-top: auto; padding-top: 14px;\"><span style=\"font-size: 14px; line-height: 1.4; font-weight: 500; color: rgb(107, 102, 117);\">Quand le probl\u00e8me est la connaissance dispers\u00e9e, pas l\u2019application.<\/span><span style=\"font-weight: 700; white-space: nowrap;\">D\u00e9couvrir \u2192<\/span><\/span>\n            <\/span>\n            <span style=\"position: relative; overflow: hidden; display: block; background: linear-gradient(140deg, rgb(37, 24, 45) 10%, rgb(62, 32, 80) 55%, rgb(217, 49, 122) 150%);\"><span style=\"position: absolute; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); width: 170px; height: 170px; left: -40px; top: -60px; background: radial-gradient(circle at 30% 25%, rgb(139, 102, 218), rgba(122, 75, 201, 0.05) 65%);\"><\/span><span style=\"position: absolute; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); width: 150px; height: 150px; left: 30px; bottom: -90px; background: radial-gradient(circle at 40% 30%, rgb(237, 94, 156), rgba(217, 49, 122, 0.063) 66%);\"><\/span><span style=\"position: absolute; right: 20px; bottom: 20px; width: 44px; height: 44px; display: block; background: url(&quot;https:\/\/www.fullremotefactory.com\/wp-content\/themes\/fury\/assets\/icons\/sphere-kx-reverse.svg&quot;) center center \/ contain no-repeat;\"><\/span><\/span>\n          <\/a>\n        \n          <a href=\"#\" style=\"display: grid; grid-template-columns: minmax(0px, 5fr) minmax(180px, 2fr); background: rgb(255, 255, 255); border: 1px solid rgb(228, 224, 232); border-radius: 22px; overflow: hidden; color: rgb(30, 29, 79); text-decoration: none; transform: translateY(0px); transition: 0.2s; min-height: 200px;\">\n            <span style=\"padding: 24px 28px; display: flex; flex-direction: column; gap: 10px; min-width: 0px;\">\n              <span style=\"display: inline-flex; align-self: flex-start; padding: 6px 12px; border-radius: 999px; font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; background: rgb(244, 241, 246); color: rgb(30, 29, 79);\">04 \u00b7 Compl\u00e9ment<\/span>\n              <strong style=\"font-size: 24px; line-height: 1.2; font-weight: 700;\">Vision Sph\u00e8re<\/strong>\n              <span style=\"font-size: 15px; line-height: 1.5; color: rgb(74, 72, 96); text-wrap: pretty;\">Reconnaissance, d\u00e9tection et classification \u00e0 partir d\u2019images, de vid\u00e9os ou de signaux, par une \u00e9quipe de niveau recherche.<\/span>\n              <span style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-top: auto; padding-top: 14px;\"><span style=\"font-size: 14px; line-height: 1.4; font-weight: 500; color: rgb(107, 102, 117);\">Quand la donn\u00e9e est visuelle : sant\u00e9, industrie, contr\u00f4le.<\/span><span style=\"font-weight: 700; white-space: nowrap;\">D\u00e9couvrir \u2192<\/span><\/span>\n            <\/span>\n            <span style=\"position: relative; overflow: hidden; display: block; background: linear-gradient(140deg, rgb(15, 30, 48) 10%, rgb(62, 32, 80) 55%, rgb(46, 134, 193) 150%);\"><span style=\"position: absolute; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); width: 170px; height: 170px; left: -40px; top: -60px; background: radial-gradient(circle at 30% 25%, rgb(139, 102, 218), rgba(122, 75, 201, 0.05) 65%);\"><\/span><span style=\"position: absolute; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); width: 150px; height: 150px; left: 30px; bottom: -90px; background: radial-gradient(circle at 40% 30%, rgb(95, 168, 220), rgba(46, 134, 193, 0.063) 66%);\"><\/span><span style=\"position: absolute; right: 20px; bottom: 20px; width: 44px; height: 44px; display: block; background: url(&quot;https:\/\/www.fullremotefactory.com\/wp-content\/themes\/fury\/assets\/icons\/sphere-vision-reverse.svg&quot;) center center \/ contain no-repeat;\"><\/span><\/span>\n          <\/a>\n        \n        \n      <\/div>\n    <\/div>\n    <div style=\"margin-top: 40px; padding: 32px 36px; background: rgb(7, 16, 31); color: rgb(255, 255, 255); display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 24px 48px; align-items: center;\">\n      <p style=\"font-size: 22px; line-height: 1.45; text-wrap: pretty;\">Vous n\u2019achetez pas un framework ni un catalogue. Vous obtenez une application qui tourne, et les comp\u00e9tences qu\u2019il faut autour quand il le faut.<\/p>\n      <button class=\"scp2\" style=\"height: 52px; padding: 0px 26px; border-radius: 999px; border: 0px; background: linear-gradient(90deg, rgb(122, 75, 201) 0%, rgb(217, 49, 122) 60%, rgb(232, 137, 26) 100%); color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; cursor: pointer; white-space: nowrap; transition: opacity 0.12s;\">Parlons de votre projet \u2192<\/button>\n    <\/div>\n  <\/section>\n\n<section id=\"preuves\" style=\"background: rgb(255, 255, 255);\">\n    <div style=\"max-width: 1600px; margin: 0px auto; padding: 144px clamp(16px, 5vw, 64px) 0px;\">\n      <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 24px clamp(32px, 6vw, 96px); align-items: end; margin-bottom: 40px;\">\n        <div style=\"display: flex; flex-direction: column; gap: 20px;\"><span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(107, 102, 117);\">07 \u00b7 Les preuves<\/span><h2 style=\"font-family: &quot;DM Serif Display&quot;, serif; font-weight: 400; font-size: clamp(36px, 3.8vw, 54px); line-height: 1.04; text-wrap: pretty;\">Ce que nous avons d\u00e9j\u00e0 mis en production.<\/h2><\/div>\n        <p style=\"font-size: 18px; line-height: 1.55; color: rgb(74, 72, 96); text-wrap: pretty;\">Des applications m\u00e9tier livr\u00e9es \u00e0 des entreprises fran\u00e7aises, avec le p\u00e9rim\u00e8tre, les technologies et le r\u00e9sultat obtenu. Les noms de clients sont publi\u00e9s avec leur autorisation \u00e9crite ; en attendant, secteur et pays.<\/p>\n      <\/div>\n      <div style=\"display: flex; gap: 16px; justify-content: space-between; align-items: center; flex-wrap: wrap; border-top: 2px solid rgb(30, 29, 79); padding-top: 24px; margin-bottom: 32px;\">\n        <div style=\"display: flex; gap: 8px; flex-wrap: wrap;\" data-fury=\"preuves-onglets\">\n          <button style=\"padding: 11px 20px; border-radius: 999px; border: 0px; background: linear-gradient(90deg, rgb(122, 75, 201) 0%, rgb(217, 49, 122) 60%, rgb(232, 137, 26) 100%); color: rgb(255, 255, 255); font-size: 14px; font-weight: 700; cursor: pointer; transition: 0.12s;\">Tous les projets<\/button><button style=\"padding: 11px 20px; border-radius: 999px; border: 1px solid rgb(228, 224, 232); background: rgb(255, 255, 255); color: rgb(30, 29, 79); font-size: 14px; font-weight: 600; cursor: pointer; transition: 0.12s;\">Refonte d\u2019ERP<\/button><button style=\"padding: 11px 20px; border-radius: 999px; border: 1px solid rgb(228, 224, 232); background: rgb(255, 255, 255); color: rgb(30, 29, 79); font-size: 14px; font-weight: 600; cursor: pointer; transition: 0.12s;\">Application m\u00e9tier<\/button><button style=\"padding: 11px 20px; border-radius: 999px; border: 1px solid rgb(228, 224, 232); background: rgb(255, 255, 255); color: rgb(30, 29, 79); font-size: 14px; font-weight: 600; cursor: pointer; transition: 0.12s;\">Donn\u00e9es et pr\u00e9vision<\/button>\n        <\/div>\n        <div style=\"display: flex; align-items: center; gap: 10px;\">\n          <button style=\"width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgb(228, 224, 232); background: rgb(255, 255, 255); color: rgb(185, 179, 192); font-size: 17px; cursor: default; display: grid; place-items: center; transition: 0.12s;\" data-fury=\"preuves-prec\">\u2190<\/button>\n          <button style=\"width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgb(30, 29, 79); background: rgb(255, 255, 255); color: rgb(30, 29, 79); font-size: 17px; cursor: pointer; display: grid; place-items: center; transition: 0.12s;\" data-fury=\"preuves-suiv\">\u2192<\/button>\n          <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 13px; color: rgb(107, 102, 117); font-variant-numeric: tabular-nums;\" data-fury=\"preuves-compte\">2 \/ 4 projets<\/span>\n        <\/div>\n      <\/div>\n      <div style=\"overflow: hidden; animation: 0.3s ease 0s 1 normal none running fury-fade;\" data-fury=\"preuves-cadre\">\n      <div style=\"display: flex; gap: 24px; transform: translateX(calc(0% + 0px)); transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);\" data-fury=\"preuves-piste\">\n        \n          <a href=\"#\" style=\"flex: 0 0 calc(50% - 12px); min-width: 0px; display: flex; flex-direction: column; background: rgb(7, 16, 31); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 22px; overflow: hidden; color: rgb(255, 255, 255); text-decoration: none; transform: translateY(0px); transition: 0.2s;\" data-fury=\"preuve\" data-type=\"Refonte d\u2019ERP\">\n            <span style=\"position: relative; display: block; aspect-ratio: 3 \/ 2; overflow: hidden; background: rgb(15, 26, 48);\">\n              <image-slot id=\"proj-assurance\" shape=\"rect\" placeholder=\"Capture d\u2019\u00e9cran r\u00e9elle\"><\/image-slot>\n              <span style=\"position: absolute; left: 0px; right: 0px; bottom: 0px; height: 4px; background: rgb(122, 75, 201);\"><\/span>\n            <\/span>\n            <span style=\"padding: 24px 26px 26px; display: flex; flex-direction: column; gap: 12px; flex: 1 1 0%;\">\n              <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(207, 201, 212);\">Assurance \u00b7 cabinet d\u2019experts, France<\/span>\n              <strong style=\"font-size: 22px; line-height: 1.25; font-weight: 700; text-wrap: pretty; color: rgb(255, 255, 255);\">Refonte compl\u00e8te de l\u2019ERP m\u00e9tier, de l\u2019architecture \u00e0 l\u2019administration<\/strong>\n              <span style=\"font-size: 15px; line-height: 1.5; color: rgb(221, 214, 225); text-wrap: pretty; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;\">Toute la cha\u00eene reprise : design, architecture, donn\u00e9es, d\u00e9veloppement, mise en production.<\/span>\n              <span style=\"margin-top: auto; padding-top: 18px; font-weight: 700; display: flex; justify-content: space-between; align-items: center; gap: 12px;\"><span>Lire la fiche projet<\/span><span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace;\">\u2192<\/span><\/span>\n            <\/span>\n          <\/a>\n        \n          <a href=\"#\" style=\"flex: 0 0 calc(50% - 12px); min-width: 0px; display: flex; flex-direction: column; background: rgb(7, 16, 31); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 22px; overflow: hidden; color: rgb(255, 255, 255); text-decoration: none; transform: translateY(0px); transition: 0.2s;\" data-fury=\"preuve\" data-type=\"Refonte d\u2019ERP\">\n            <span style=\"position: relative; display: block; aspect-ratio: 3 \/ 2; overflow: hidden; background: rgb(15, 26, 48);\">\n              <image-slot id=\"proj-energie\" shape=\"rect\" placeholder=\"Capture d\u2019\u00e9cran r\u00e9elle\"><\/image-slot>\n              <span style=\"position: absolute; left: 0px; right: 0px; bottom: 0px; height: 4px; background: rgb(122, 75, 201);\"><\/span>\n            <\/span>\n            <span style=\"padding: 24px 26px 26px; display: flex; flex-direction: column; gap: 12px; flex: 1 1 0%;\">\n              <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(207, 201, 212);\">\u00c9nergies renouvelables \u00b7 France<\/span>\n              <strong style=\"font-size: 22px; line-height: 1.25; font-weight: 700; text-wrap: pretty; color: rgb(255, 255, 255);\">ERP avec planification des tourn\u00e9es terrain et relation client automatis\u00e9e<\/strong>\n              <span style=\"font-size: 15px; line-height: 1.5; color: rgb(221, 214, 225); text-wrap: pretty; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;\">D\u00e9placements optimis\u00e9s, meilleure affectation, co\u00fbts r\u00e9duits.<\/span>\n              <span style=\"margin-top: auto; padding-top: 18px; font-weight: 700; display: flex; justify-content: space-between; align-items: center; gap: 12px;\"><span>Lire la fiche projet<\/span><span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace;\">\u2192<\/span><\/span>\n            <\/span>\n          <\/a>\n        \n          <a href=\"#\" style=\"flex: 0 0 calc(50% - 12px); min-width: 0px; display: flex; flex-direction: column; background: rgb(7, 16, 31); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 22px; overflow: hidden; color: rgb(255, 255, 255); text-decoration: none; transform: translateY(0px); transition: 0.2s;\" data-fury=\"preuve\" data-type=\"Application m\u00e9tier\">\n            <span style=\"position: relative; display: block; aspect-ratio: 3 \/ 2; overflow: hidden; background: rgb(15, 26, 48);\">\n              <image-slot id=\"proj-sante\" shape=\"rect\" placeholder=\"Capture d\u2019\u00e9cran r\u00e9elle\"><\/image-slot>\n              <span style=\"position: absolute; left: 0px; right: 0px; bottom: 0px; height: 4px; background: rgb(122, 75, 201);\"><\/span>\n            <\/span>\n            <span style=\"padding: 24px 26px 26px; display: flex; flex-direction: column; gap: 12px; flex: 1 1 0%;\">\n              <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(207, 201, 212);\">Sant\u00e9 \u00b7 r\u00e9seau de cliniques, France<\/span>\n              <strong style=\"font-size: 22px; line-height: 1.25; font-weight: 700; text-wrap: pretty; color: rgb(255, 255, 255);\">Planification automatique des soins par IA g\u00e9n\u00e9rative<\/strong>\n              <span style=\"font-size: 15px; line-height: 1.5; color: rgb(221, 214, 225); text-wrap: pretty; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;\">Plannings \u00e9tablis sans intervention manuelle, charge des \u00e9quipes r\u00e9duite.<\/span>\n              <span style=\"margin-top: auto; padding-top: 18px; font-weight: 700; display: flex; justify-content: space-between; align-items: center; gap: 12px;\"><span>Lire la fiche projet<\/span><span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace;\">\u2192<\/span><\/span>\n            <\/span>\n          <\/a>\n        \n          <a href=\"#\" style=\"flex: 0 0 calc(50% - 12px); min-width: 0px; display: flex; flex-direction: column; background: rgb(7, 16, 31); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 22px; overflow: hidden; color: rgb(255, 255, 255); text-decoration: none; transform: translateY(0px); transition: 0.2s;\" data-fury=\"preuve\" data-type=\"Donn\u00e9es et pr\u00e9vision\">\n            <span style=\"position: relative; display: block; aspect-ratio: 3 \/ 2; overflow: hidden; background: rgb(15, 26, 48);\">\n              <image-slot id=\"proj-prevision\" shape=\"rect\" placeholder=\"Capture d\u2019\u00e9cran r\u00e9elle\"><\/image-slot>\n              <span style=\"position: absolute; left: 0px; right: 0px; bottom: 0px; height: 4px; background: rgb(46, 134, 193);\"><\/span>\n            <\/span>\n            <span style=\"padding: 24px 26px 26px; display: flex; flex-direction: column; gap: 12px; flex: 1 1 0%;\">\n              <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(207, 201, 212);\">Strat\u00e9gie \u00b7 cabinet de conseil, France et \u00c9tats-Unis<\/span>\n              <strong style=\"font-size: 22px; line-height: 1.25; font-weight: 700; text-wrap: pretty; color: rgb(255, 255, 255);\">Mod\u00e8le de pr\u00e9vision \u00e9nerg\u00e9tique sur les cinquante \u00c9tats am\u00e9ricains<\/strong>\n              <span style=\"font-size: 15px; line-height: 1.5; color: rgb(221, 214, 225); text-wrap: pretty; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;\">Vision syst\u00e9mique int\u00e9grant variables \u00e9conomiques et environnementales.<\/span>\n              <span style=\"margin-top: auto; padding-top: 18px; font-weight: 700; display: flex; justify-content: space-between; align-items: center; gap: 12px;\"><span>Lire la fiche projet<\/span><span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace;\">\u2192<\/span><\/span>\n            <\/span>\n          <\/a>\n        \n      <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<section id=\"equipe\" style=\"max-width: 1600px; margin: 0px auto; padding: 144px clamp(16px, 5vw, 64px) 0px;\">\n    <div style=\"display: grid; grid-template-columns: calc(65% - 46.8px) calc(35% - 25.2px); gap: 40px 72px; align-items: center; margin-bottom: 56px;\">\n      <div style=\"display: flex; flex-direction: column; gap: 20px;\">\n        <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(107, 102, 117);\">08 \u00b7 Qui nous sommes<\/span>\n        <h2 style=\"font-family: &quot;DM Serif Display&quot;, serif; font-weight: 400; font-size: clamp(36px, 3.8vw, 54px); line-height: 1.04; text-wrap: pretty;\">Des consultants pr\u00e9sents \u00e0 Paris, sur site. Un centre d\u2019excellence en support depuis Tunis.<\/h2>\n      <\/div>\n      <img decoding=\"async\" src=\"https:\/\/www.fullremotefactory.com\/wp-content\/themes\/fury\/assets\/bloc8-bureau.png\" alt=\"Les plateaux de Tunis\" style=\"width: 100%; display: block; border-radius: 20px;\">\n    <\/div>\n    <div style=\"display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px;\">\n      \n        <div style=\"display: flex; flex-direction: column; background: rgb(255, 255, 255); border: 1px solid rgb(228, 224, 232); border-radius: 22px; overflow: hidden; transform: translateY(0px); transition: 0.2s;\">\n          <span style=\"position: relative; display: block; aspect-ratio: 16 \/ 11; overflow: hidden; background: rgb(244, 241, 246);\">\n            <image-slot id=\"p-olivier\" shape=\"rect\" placeholder=\"Portrait\"><\/image-slot>\n          <\/span>\n          <span style=\"padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 8px; flex: 1 1 0%; text-align: center; align-items: center;\">\n            <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(107, 102, 117);\">Associ\u00e9<\/span>\n            <strong style=\"font-size: 22px; line-height: 1.15; font-weight: 700;\">Olivier Taieb<\/strong>\n            <span style=\"font-size: 15px; line-height: 1.5; color: rgb(74, 72, 96); text-wrap: pretty;\">Transformations de syst\u00e8mes d\u2019information : banques, assureurs, industriels.<\/span>\n            <a href=\"#\" class=\"scp4\" style=\"margin-top: auto; padding-top: 14px; align-self: center; color: rgb(91, 47, 168); text-decoration: underline; text-underline-offset: 3px; font-size: 15px; font-weight: 600;\">LinkedIn<\/a>\n          <\/span>\n        <\/div>\n      \n        <div style=\"display: flex; flex-direction: column; background: rgb(255, 255, 255); border: 1px solid rgb(228, 224, 232); border-radius: 22px; overflow: hidden; transform: translateY(0px); transition: 0.2s;\">\n          <span style=\"position: relative; display: block; aspect-ratio: 16 \/ 11; overflow: hidden; background: rgb(244, 241, 246);\">\n            <image-slot id=\"p-adlen\" shape=\"rect\" placeholder=\"Portrait\"><\/image-slot>\n          <\/span>\n          <span style=\"padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 8px; flex: 1 1 0%; text-align: center; align-items: center;\">\n            <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(107, 102, 117);\">Managing Partner<\/span>\n            <strong style=\"font-size: 22px; line-height: 1.15; font-weight: 700;\">Adlen Kamoun<\/strong>\n            <span style=\"font-size: 15px; line-height: 1.5; color: rgb(74, 72, 96); text-wrap: pretty;\">Trente-trois ans de grands projets informatiques. Dirige l\u2019AI Factory, les offres et la recherche.<\/span>\n            <a href=\"#\" class=\"scp4\" style=\"margin-top: auto; padding-top: 14px; align-self: center; color: rgb(91, 47, 168); text-decoration: underline; text-underline-offset: 3px; font-size: 15px; font-weight: 600;\">LinkedIn<\/a>\n          <\/span>\n        <\/div>\n      \n        <div style=\"display: flex; flex-direction: column; background: rgb(255, 255, 255); border: 1px solid rgb(228, 224, 232); border-radius: 22px; overflow: hidden; transform: translateY(0px); transition: 0.2s;\">\n          <span style=\"position: relative; display: block; aspect-ratio: 16 \/ 11; overflow: hidden; background: rgb(244, 241, 246);\">\n            <image-slot id=\"p-belhassen\" shape=\"rect\" placeholder=\"Portrait\"><\/image-slot>\n          <\/span>\n          <span style=\"padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 8px; flex: 1 1 0%; text-align: center; align-items: center;\">\n            <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(107, 102, 117);\">Direction g\u00e9n\u00e9rale<\/span>\n            <strong style=\"font-size: 22px; line-height: 1.15; font-weight: 700;\">Belhassen Gherab<\/strong>\n            <span style=\"font-size: 15px; line-height: 1.5; color: rgb(74, 72, 96); text-wrap: pretty;\"><\/span>\n            <a href=\"#\" class=\"scp4\" style=\"margin-top: auto; padding-top: 14px; align-self: center; color: rgb(91, 47, 168); text-decoration: underline; text-underline-offset: 3px; font-size: 15px; font-weight: 600;\">LinkedIn<\/a>\n          <\/span>\n        <\/div>\n      \n        <div style=\"display: flex; flex-direction: column; background: rgb(255, 255, 255); border: 1px solid rgb(228, 224, 232); border-radius: 22px; overflow: hidden; transform: translateY(0px); transition: 0.2s;\">\n          <span style=\"position: relative; display: block; aspect-ratio: 16 \/ 11; overflow: hidden; background: rgb(244, 241, 246);\">\n            <image-slot id=\"p-stephane\" shape=\"rect\" placeholder=\"Portrait\"><\/image-slot>\n          <\/span>\n          <span style=\"padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 8px; flex: 1 1 0%; text-align: center; align-items: center;\">\n            <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(232, 137, 26);\">Strategy Sph\u00e8re<\/span>\n            <strong style=\"font-size: 22px; line-height: 1.15; font-weight: 700;\">St\u00e9phane Beignet<\/strong>\n            <span style=\"font-size: 15px; line-height: 1.5; color: rgb(74, 72, 96); text-wrap: pretty;\">Business Partner. Audits, cadrage des sc\u00e9narios de transformation, relation client et interventions sur site.<\/span>\n            <a href=\"#\" class=\"scp4\" style=\"margin-top: auto; padding-top: 14px; align-self: center; color: rgb(91, 47, 168); text-decoration: underline; text-underline-offset: 3px; font-size: 15px; font-weight: 600;\">LinkedIn<\/a>\n          <\/span>\n        <\/div>\n      \n        <div style=\"display: flex; flex-direction: column; background: rgb(255, 255, 255); border: 1px solid rgb(228, 224, 232); border-radius: 22px; overflow: hidden; transform: translateY(0px); transition: 0.2s;\">\n          <span style=\"position: relative; display: block; aspect-ratio: 16 \/ 11; overflow: hidden; background: rgb(244, 241, 246);\">\n            <image-slot id=\"p-fedi\" shape=\"rect\" placeholder=\"Portrait\"><\/image-slot>\n          <\/span>\n          <span style=\"padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 8px; flex: 1 1 0%; text-align: center; align-items: center;\">\n            <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(122, 75, 201);\">Code Sph\u00e8re<\/span>\n            <strong style=\"font-size: 22px; line-height: 1.15; font-weight: 700;\">F\u00e9di Trabelsi<\/strong>\n            <span style=\"font-size: 15px; line-height: 1.5; color: rgb(74, 72, 96); text-wrap: pretty;\">Ing\u00e9nieur de recherche. Encadre les \u00e9quipes projets et les solutions internes.<\/span>\n            <a href=\"#\" class=\"scp4\" style=\"margin-top: auto; padding-top: 14px; align-self: center; color: rgb(91, 47, 168); text-decoration: underline; text-underline-offset: 3px; font-size: 15px; font-weight: 600;\">LinkedIn<\/a>\n          <\/span>\n        <\/div>\n      \n        <div style=\"display: flex; flex-direction: column; background: rgb(255, 255, 255); border: 1px solid rgb(228, 224, 232); border-radius: 22px; overflow: hidden; transform: translateY(0px); transition: 0.2s;\">\n          <span style=\"position: relative; display: block; aspect-ratio: 16 \/ 11; overflow: hidden; background: rgb(244, 241, 246);\">\n            <image-slot id=\"p-esya\" shape=\"rect\" placeholder=\"Portrait\"><\/image-slot>\n          <\/span>\n          <span style=\"padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 8px; flex: 1 1 0%; text-align: center; align-items: center;\">\n            <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(46, 134, 193);\">Vision Sph\u00e8re<\/span>\n            <strong style=\"font-size: 22px; line-height: 1.15; font-weight: 700;\">Esya Saker<\/strong>\n            <span style=\"font-size: 15px; line-height: 1.5; color: rgb(74, 72, 96); text-wrap: pretty;\">Ing\u00e9nieure, doctorante en IA m\u00e9dicale, laboratoire Cristal. Plusieurs publications.<\/span>\n            <a href=\"#\" class=\"scp4\" style=\"margin-top: auto; padding-top: 14px; align-self: center; color: rgb(91, 47, 168); text-decoration: underline; text-underline-offset: 3px; font-size: 15px; font-weight: 600;\">LinkedIn<\/a>\n          <\/span>\n        <\/div>\n      \n        <div style=\"display: flex; flex-direction: column; background: rgb(255, 255, 255); border: 1px solid rgb(228, 224, 232); border-radius: 22px; overflow: hidden; transform: translateY(0px); transition: 0.2s;\">\n          <span style=\"position: relative; display: block; aspect-ratio: 16 \/ 11; overflow: hidden; background: rgb(244, 241, 246);\">\n            <image-slot id=\"p-chayma\" shape=\"rect\" placeholder=\"Portrait\"><\/image-slot>\n          <\/span>\n          <span style=\"padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 8px; flex: 1 1 0%; text-align: center; align-items: center;\">\n            <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(217, 49, 122);\">KX Sph\u00e8re<\/span>\n            <strong style=\"font-size: 22px; line-height: 1.15; font-weight: 700;\">Chayma Rhaiem<\/strong>\n            <span style=\"font-size: 15px; line-height: 1.5; color: rgb(74, 72, 96); text-wrap: pretty;\">Ing\u00e9nieure et doctorante. Grands comptes am\u00e9ricains sur l\u2019exploitation de la connaissance.<\/span>\n            <a href=\"#\" class=\"scp4\" style=\"margin-top: auto; padding-top: 14px; align-self: center; color: rgb(91, 47, 168); text-decoration: underline; text-underline-offset: 3px; font-size: 15px; font-weight: 600;\">LinkedIn<\/a>\n          <\/span>\n        <\/div>\n      \n        <div style=\"display: flex; flex-direction: column; background: rgb(255, 255, 255); border: 1px solid rgb(228, 224, 232); border-radius: 22px; overflow: hidden; transform: translateY(0px); transition: 0.2s;\">\n          <span style=\"position: relative; display: block; aspect-ratio: 16 \/ 11; overflow: hidden; background: rgb(244, 241, 246);\">\n            <image-slot id=\"p-oumayma\" shape=\"rect\" placeholder=\"Portrait\"><\/image-slot>\n          <\/span>\n          <span style=\"padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 8px; flex: 1 1 0%; text-align: center; align-items: center;\">\n            <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(111, 163, 58);\">Solutions Sph\u00e8re<\/span>\n            <strong style=\"font-size: 22px; line-height: 1.15; font-weight: 700;\">Oumayma Nebti<\/strong>\n            <span style=\"font-size: 15px; line-height: 1.5; color: rgb(74, 72, 96); text-wrap: pretty;\">Suite SIDRA : outils internes et d\u00e9monstrateurs du framework.<\/span>\n            <a href=\"#\" class=\"scp4\" style=\"margin-top: auto; padding-top: 14px; align-self: center; color: rgb(91, 47, 168); text-decoration: underline; text-underline-offset: 3px; font-size: 15px; font-weight: 600;\">LinkedIn<\/a>\n          <\/span>\n        <\/div>\n      \n    <\/div>\n    <div style=\"margin-top: 32px; padding: 32px 36px; background: rgb(7, 16, 31); color: rgb(255, 255, 255); display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 24px 48px; align-items: center;\">\n      <p style=\"font-size: 22px; line-height: 1.45; text-wrap: pretty;\">Derri\u00e8re les associ\u00e9s, une dizaine d\u2019ing\u00e9nieurs de recherche et de doctorants au centre d\u2019excellence de Tunis, bilingues, form\u00e9s \u00e0 notre cha\u00eene de production. Vos applications sont h\u00e9berg\u00e9es en France.<\/p>\n      <a href=\"#\" class=\"scp2\" style=\"height: 52px; padding: 0px 26px; border-radius: 999px; background: linear-gradient(90deg, rgb(122, 75, 201) 0%, rgb(217, 49, 122) 60%, rgb(232, 137, 26) 100%); color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; white-space: nowrap; transition: opacity 0.12s;\">D\u00e9couvrir l\u2019\u00e9quipe \u2192<\/a>\n    <\/div>\n  <\/section>\n\n<section id=\"articles\" style=\"max-width: 1600px; margin: 0px auto; padding: 144px clamp(16px, 5vw, 64px) 0px;\">\n    <div style=\"display: flex; justify-content: space-between; align-items: end; gap: 24px; flex-wrap: wrap; margin-bottom: 48px;\">\n      <div style=\"display: flex; flex-direction: column; gap: 20px;\"><span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(107, 102, 117);\">09 \u00b7 Publications<\/span><h2 style=\"font-family: &quot;DM Serif Display&quot;, serif; font-weight: 400; font-size: clamp(36px, 3.8vw, 54px); line-height: 1.04; text-wrap: pretty;\">Ce que nous apprenons en livrant.<\/h2><\/div>\n      <a href=\"#\" class=\"scp1\" style=\"display: inline-flex; align-items: center; padding: 12px 20px; border-radius: 999px; border: 1px solid rgb(30, 29, 79); color: rgb(30, 29, 79); font-weight: 700; font-size: 14px; text-decoration: none;\">Toutes les publications \u2192<\/a>\n    <\/div>\n    <div style=\"display: grid; grid-template-columns: repeat(12, minmax(0px, 1fr)); gap: 24px;\">\n      <a href=\"#\" style=\"grid-column: span 5; min-height: 520px; border-radius: 24px; background: url(&quot;https:\/\/www.fullremotefactory.com\/wp-content\/themes\/fury\/assets\/backgrounds\/fury-cover-spheres.svg&quot;) center center \/ cover no-repeat rgb(48, 20, 53); color: rgb(255, 255, 255); padding: 38px; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; text-decoration: none; isolation: isolate;\">\n        <span style=\"position: absolute; inset: 0px; z-index: -1; background: linear-gradient(transparent 15%, rgba(25, 15, 30, 0.94) 100%);\"><\/span>\n        <span style=\"display: inline-flex; align-self: flex-start; padding: 7px 12px; border-radius: 999px; font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; border: 1px solid rgba(255, 255, 255, 0.5); margin-bottom: 18px;\">Article \u00b7 Code Sph\u00e8re<\/span>\n        <h3 style=\"font-family: &quot;DM Serif Display&quot;, serif; font-weight: 400; font-size: 40px; line-height: 1.05;\">Au-del\u00e0 du vibe coding.<\/h3>\n        <p style=\"font-size: 17px; line-height: 1.5; color: rgb(221, 214, 225); margin-top: 14px; max-width: 520px; text-wrap: pretty;\">Pourquoi produire une application d\u2019entreprise demande plus qu\u2019un prompt : exigences \u00e9crites, architecture d\u00e9cid\u00e9e, tests avant le code.<\/p>\n        <span style=\"margin-top: 22px; font-weight: 700;\">Lire l\u2019article \u2192<\/span>\n      <\/a>\n      <div style=\"grid-column: span 7; display: flex; flex-direction: column; gap: 24px;\">\n        <a href=\"#\" class=\"scp5\" style=\"display: grid; grid-template-columns: minmax(0px, 5fr) minmax(160px, 2fr); background: rgb(255, 255, 255); border: 1px solid rgb(228, 224, 232); border-radius: 22px; overflow: hidden; color: rgb(30, 29, 79); text-decoration: none; min-height: 158px; transition: 0.2s;\">\n          <span style=\"padding: 22px 26px; display: flex; flex-direction: column; gap: 10px; min-width: 0px;\">\n            <span style=\"display: inline-flex; align-self: flex-start; padding: 6px 12px; border-radius: 999px; font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; background: rgb(244, 241, 246); color: rgb(30, 29, 79);\">Article \u00b7 M\u00e9thode<\/span>\n            <strong style=\"font-size: 21px; line-height: 1.25; font-weight: 700; text-wrap: pretty;\">Trois mois pour une refonte : o\u00f9 le temps se gagne, o\u00f9 il se perd<\/strong>\n            <span style=\"display: flex; justify-content: space-between; align-items: end; gap: 16px; margin-top: auto;\"><span style=\"font-size: 15px; line-height: 1.45; color: rgb(107, 102, 117);\">Recette et fiabilisation des donn\u00e9es comprises.<\/span><span style=\"font-weight: 700; white-space: nowrap;\">Lire \u2192<\/span><\/span>\n          <\/span>\n          <span style=\"position: relative; overflow: hidden; display: block; background: linear-gradient(140deg, rgb(42, 26, 16) 10%, rgb(62, 32, 80) 55%, rgb(232, 137, 26) 150%);\"><span style=\"position: absolute; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); width: 170px; height: 170px; left: -40px; top: -60px; background: radial-gradient(circle at 30% 25%, rgb(139, 102, 218), rgba(122, 75, 201, 0.05) 65%);\"><\/span><span style=\"position: absolute; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); width: 150px; height: 150px; left: 30px; bottom: -90px; background: radial-gradient(circle at 40% 30%, rgb(242, 179, 90), rgba(232, 137, 26, 0.06) 66%);\"><\/span><\/span>\n        <\/a>\n        <a href=\"#\" class=\"scp6\" style=\"display: grid; grid-template-columns: minmax(0px, 5fr) minmax(160px, 2fr); background: rgb(255, 255, 255); border: 1px solid rgb(228, 224, 232); border-radius: 22px; overflow: hidden; color: rgb(30, 29, 79); text-decoration: none; min-height: 158px; transition: 0.2s;\">\n          <span style=\"padding: 22px 26px; display: flex; flex-direction: column; gap: 10px; min-width: 0px;\">\n            <span style=\"display: inline-flex; align-self: flex-start; padding: 6px 12px; border-radius: 999px; font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; background: rgb(244, 241, 246); color: rgb(30, 29, 79);\">Article \u00b7 Syst\u00e8me d\u2019information<\/span>\n            <strong style=\"font-size: 21px; line-height: 1.25; font-weight: 700; text-wrap: pretty;\">Maintenir, remplacer ou reconstruire : les nouveaux param\u00e8tres du choix<\/strong>\n            <span style=\"display: flex; justify-content: space-between; align-items: end; gap: 16px; margin-top: auto;\"><span style=\"font-size: 15px; line-height: 1.45; color: rgb(107, 102, 117);\">Le sur-mesure redevient \u00e9conomiquement cr\u00e9dible.<\/span><span style=\"font-weight: 700; white-space: nowrap;\">Lire \u2192<\/span><\/span>\n          <\/span>\n          <span style=\"position: relative; overflow: hidden; display: block; background: linear-gradient(140deg, rgb(37, 24, 45) 10%, rgb(62, 32, 80) 55%, rgb(217, 49, 122) 150%);\"><span style=\"position: absolute; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); width: 170px; height: 170px; left: -40px; top: -60px; background: radial-gradient(circle at 30% 25%, rgb(139, 102, 218), rgba(122, 75, 201, 0.05) 65%);\"><\/span><span style=\"position: absolute; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); width: 150px; height: 150px; left: 30px; bottom: -90px; background: radial-gradient(circle at 40% 30%, rgb(237, 94, 156), rgba(217, 49, 122, 0.06) 66%);\"><\/span><\/span>\n        <\/a>\n        <a href=\"#\" class=\"scp7\" style=\"display: grid; grid-template-columns: minmax(0px, 5fr) minmax(160px, 2fr); background: rgb(255, 255, 255); border: 1px solid rgb(228, 224, 232); border-radius: 22px; overflow: hidden; color: rgb(30, 29, 79); text-decoration: none; min-height: 158px; transition: 0.2s;\">\n          <span style=\"padding: 22px 26px; display: flex; flex-direction: column; gap: 10px; min-width: 0px;\">\n            <span style=\"display: inline-flex; align-self: flex-start; padding: 6px 12px; border-radius: 999px; font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; background: rgb(244, 241, 246); color: rgb(30, 29, 79);\">Article \u00b7 Coulisses<\/span>\n            <strong style=\"font-size: 21px; line-height: 1.25; font-weight: 700; text-wrap: pretty;\">Un vendredi \u00e0 Tunis : comment se fabrique le rapport hebdomadaire<\/strong>\n            <span style=\"display: flex; justify-content: space-between; align-items: end; gap: 16px; margin-top: auto;\"><span style=\"font-size: 15px; line-height: 1.45; color: rgb(107, 102, 117);\">D\u00e9cisions, actions, risques, alertes.<\/span><span style=\"font-weight: 700; white-space: nowrap;\">Lire \u2192<\/span><\/span>\n          <\/span>\n          <span style=\"position: relative; overflow: hidden; display: block; background: linear-gradient(140deg, rgb(15, 30, 48) 10%, rgb(62, 32, 80) 55%, rgb(46, 134, 193) 150%);\"><span style=\"position: absolute; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); width: 170px; height: 170px; left: -40px; top: -60px; background: radial-gradient(circle at 30% 25%, rgb(139, 102, 218), rgba(122, 75, 201, 0.05) 65%);\"><\/span><span style=\"position: absolute; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); width: 150px; height: 150px; left: 30px; bottom: -90px; background: radial-gradient(circle at 40% 30%, rgb(95, 168, 220), rgba(46, 134, 193, 0.06) 66%);\"><\/span><\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<section id=\"contact\" style=\"margin: 144px 0px; background: rgb(30, 29, 79); color: rgb(255, 255, 255); position: relative; overflow: hidden; isolation: isolate;\">\n    <div style=\"position: absolute; width: 640px; height: 640px; border-radius: 50%; right: -200px; top: -320px; z-index: -1; background: radial-gradient(circle, rgb(217, 49, 122) 0%, rgba(217, 49, 122, 0.1) 60%, transparent 70%);\"><\/div>\n    <div style=\"max-width: 1600px; margin: 0px auto; padding: 112px clamp(16px, 5vw, 64px); display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 56px clamp(32px, 6vw, 112px); align-items: start;\">\n      <div style=\"display: flex; flex-direction: column; gap: 32px;\">\n        <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(203, 185, 232);\">10 \u00b7 Parlons-en<\/span>\n        <h2 style=\"font-family: &quot;DM Serif Display&quot;, serif; font-weight: 400; font-size: clamp(44px, 5.2vw, 76px); line-height: 1; letter-spacing: -0.02em;\">Parlons de votre application.<\/h2>\n        <div style=\"display: flex; flex-direction: column; gap: 0px; border-top: 1px solid rgba(255, 255, 255, 0.25);\">\n          <button style=\"display: grid; grid-template-columns: 36px minmax(0px, 1fr) 24px; gap: 12px; align-items: center; padding: 18px 0px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(255, 255, 255, 0.25); border-image: none; background: transparent; cursor: pointer; text-align: left; font-size: 20px; font-weight: 700; color: rgb(255, 255, 255); transition: color 0.12s;\"><span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 13px; letter-spacing: 0.12em; color: rgb(203, 185, 232);\">01<\/span><span style=\"text-wrap: pretty;\">Pr\u00e9parer ma transformation<\/span><span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; text-align: right;\">\u25cf<\/span><\/button><button style=\"display: grid; grid-template-columns: 36px minmax(0px, 1fr) 24px; gap: 12px; align-items: center; padding: 18px 0px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(255, 255, 255, 0.25); border-image: none; background: transparent; cursor: pointer; text-align: left; font-size: 20px; font-weight: 400; color: rgba(255, 255, 255, 0.6); transition: color 0.12s;\"><span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 13px; letter-spacing: 0.12em; color: rgba(255, 255, 255, 0.45);\">02<\/span><span style=\"text-wrap: pretty;\">Refaire mon application<\/span><span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; text-align: right;\">\u25cb<\/span><\/button><button style=\"display: grid; grid-template-columns: 36px minmax(0px, 1fr) 24px; gap: 12px; align-items: center; padding: 18px 0px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(255, 255, 255, 0.25); border-image: none; background: transparent; cursor: pointer; text-align: left; font-size: 20px; font-weight: 400; color: rgba(255, 255, 255, 0.6); transition: color 0.12s;\"><span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 13px; letter-spacing: 0.12em; color: rgba(255, 255, 255, 0.45);\">03<\/span><span style=\"text-wrap: pretty;\">Exploiter mes documents et ma connaissance<\/span><span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; text-align: right;\">\u25cb<\/span><\/button><button style=\"display: grid; grid-template-columns: 36px minmax(0px, 1fr) 24px; gap: 12px; align-items: center; padding: 18px 0px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(255, 255, 255, 0.25); border-image: none; background: transparent; cursor: pointer; text-align: left; font-size: 20px; font-weight: 400; color: rgba(255, 255, 255, 0.6); transition: color 0.12s;\"><span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 13px; letter-spacing: 0.12em; color: rgba(255, 255, 255, 0.45);\">04<\/span><span style=\"text-wrap: pretty;\">Analyser mes images et mes vid\u00e9os<\/span><span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; text-align: right;\">\u25cb<\/span><\/button>\n        <\/div>\n        <p style=\"font-size: 16px; line-height: 1.55; color: rgb(221, 214, 225); max-width: 460px; text-wrap: pretty; border-left: 4px solid rgb(232, 137, 26); padding-left: 18px;\">Premi\u00e8re \u00e9tape propos\u00e9e : un diagnostic de deux semaines de l\u2019application concern\u00e9e, avec un avis \u00e9crit : maintenir, remplacer ou reconstruire.<\/p>\n      <\/div>\n      <form style=\"background: rgb(255, 255, 255); color: rgb(30, 29, 79); border-radius: 24px; padding: clamp(24px, 3vw, 40px); display: flex; flex-direction: column; gap: 20px;\">\n        \n          <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px;\">\n            <label style=\"display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 600;\">Nom et pr\u00e9nom<input required=\"\" class=\"scp8\" style=\"height: 48px; border: 1px solid rgb(228, 224, 232); border-radius: 0px; padding: 0px 14px; font-size: 17px; font-family: inherit; color: rgb(30, 29, 79);\"><\/label>\n            <label style=\"display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 600;\">Entreprise<input required=\"\" class=\"scp8\" style=\"height: 48px; border: 1px solid rgb(228, 224, 232); border-radius: 0px; padding: 0px 14px; font-size: 17px; font-family: inherit; color: rgb(30, 29, 79);\"><\/label>\n          <\/div>\n          <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px;\">\n            <label style=\"display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 600;\">Fonction<input class=\"scp8\" style=\"height: 48px; border: 1px solid rgb(228, 224, 232); border-radius: 0px; padding: 0px 14px; font-size: 17px; font-family: inherit; color: rgb(30, 29, 79);\"><\/label>\n            <label style=\"display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 600;\">Sujet<select style=\"height: 48px; border: 1px solid rgb(228, 224, 232); border-radius: 0px; padding: 0px 10px; font-size: 17px; font-family: inherit; color: rgb(30, 29, 79); background: rgb(255, 255, 255);\" data-fury=\"contact-sujet-liste\"><option value=\"transfo\">Pr\u00e9parer ma transformation<\/option><option value=\"app\">Refaire mon application<\/option><option value=\"kx\">Exploiter mes documents et ma connaissance<\/option><option value=\"vision\">Analyser mes images et mes vid\u00e9os<\/option><\/select><\/label>\n          <\/div>\n          <label style=\"display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 600;\">Votre projet en trois lignes<textarea rows=\"3\" class=\"scp8\" style=\"border: 1px solid rgb(228, 224, 232); border-radius: 0px; padding: 12px 14px; font-size: 17px; font-family: inherit; color: rgb(30, 29, 79); resize: vertical;\"><\/textarea><\/label>\n          <label style=\"display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 600;\">E-mail professionnel<input type=\"email\" required=\"\" class=\"scp8\" style=\"height: 48px; border: 1px solid rgb(228, 224, 232); border-radius: 0px; padding: 0px 14px; font-size: 17px; font-family: inherit; color: rgb(30, 29, 79);\"><\/label>\n          <button type=\"submit\" class=\"scp2\" style=\"align-self: center; min-height: 52px; padding: 14px 28px; border: 0px; border-radius: 999px; background: linear-gradient(90deg, rgb(122, 75, 201) 0%, rgb(217, 49, 122) 60%, rgb(232, 137, 26) 100%); color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; line-height: 1.3; cursor: pointer; margin-top: 4px; transition: opacity 0.12s; max-width: 100%; text-align: center;\">Envoyer \u00b7 Pr\u00e9parer ma transformation<\/button>\n          <span style=\"font-size: 14px; line-height: 1.5; color: rgb(107, 102, 117);\">R\u00e9ponse sous 48 heures par un associ\u00e9. Aucune d\u00e9marche commerciale automatis\u00e9e.<\/span>\n        \n        \n      <\/form>\n    <\/div>\n  <\/section>\n\n<footer style=\"background: rgb(7, 16, 31); color: rgb(255, 255, 255); border-top: 1px solid rgba(255, 255, 255, 0.15);\">\n    <div style=\"max-width: 1600px; margin: 0px auto; padding: 40px clamp(16px, 5vw, 64px); display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap;\">\n      <div style=\"display: flex; flex-direction: column; gap: 10px;\">\n        <img decoding=\"async\" src=\"https:\/\/www.fullremotefactory.com\/wp-content\/themes\/fury\/assets\/logo\/fury-reverse.svg\" alt=\"FURY\" style=\"width: 96px; height: auto; display: block;\">\n        <span style=\"font-size: 15px; color: rgb(238, 232, 241);\">Empower business with smart AI<\/span>\n      <\/div>\n      <span style=\"font-family: &quot;IBM Plex Mono&quot;, monospace; font-size: 12px; letter-spacing: 0.06em; color: rgb(207, 201, 212); text-align: right;\">FURY \u00b7 Full Remote Factory \u00b7 Paris \u00b7 Tunis \u00b7 contact@fullremotefactory.com \u00b7 Mentions l\u00e9gales \u00b7 LinkedIn<\/span>\n    <\/div>\n  <\/footer>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fury","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.fullremotefactory.com\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fullremotefactory.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.fullremotefactory.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fullremotefactory.com\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":1,"href":"https:\/\/www.fullremotefactory.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":7,"href":"https:\/\/www.fullremotefactory.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/7"}],"wp:attachment":[{"href":"https:\/\/www.fullremotefactory.com\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}