{"id":29032,"date":"2026-05-04T10:17:49","date_gmt":"2026-05-04T08:17:49","guid":{"rendered":"https:\/\/cerentix.com\/?page_id=29032"},"modified":"2026-05-05T19:41:20","modified_gmt":"2026-05-05T17:41:20","slug":"cerentix","status":"publish","type":"page","link":"https:\/\/cerentix.com\/fr\/","title":{"rendered":"Cerentix"},"content":{"rendered":"
\n
\n
\n
\n\n\n\n\nAI Project Management & Training for Swiss Businesses<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --bg: #ffffff;\n --ink: #0f172a;\n --ink-soft: #475569;\n --grey-dark: #334155;\n --pill-bg: rgba(15, 23, 42, 0.05);\n --pill-border: rgba(15, 23, 42, 0.08);\n --accent: #1FA2FF;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n html, body {\n background: var(--bg);\n color: var(--ink);\n font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n line-height: 1.5;\n }\n\n .hero {\n position: relative;\n min-height: 65vh;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 20px 24px 5px;\n overflow: hidden;\n background: var(--bg);\n }\n\n .hero__inner {\n position: relative;\n z-index: 1;\n max-width: 1080px;\n width: 100%;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 28px;\n animation: rise 900ms cubic-bezier(0.2, 0.8, 0.2, 1) both;\n }\n\n @keyframes rise {\n from { opacity: 0; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 10px 20px;\n background: var(--pill-bg);\n border: 1px solid var(--pill-border);\n border-radius: 999px;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n color: var(--grey-dark);\n font-size: 13px;\n font-weight: 500;\n letter-spacing: 0.01em;\n white-space: normal;\n }\n\n .eyebrow__dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--accent);\n box-shadow: 0 0 0 4px rgba(31, 162, 255, 0.15);\n flex-shrink: 0;\n }\n\n .eyebrow__sep {\n color: rgba(15, 23, 42, 0.25);\n margin: 0 4px;\n }\n\n .headline {\n font-family: 'Fraunces', Georgia, serif;\n font-weight: 500;\n font-size: clamp(2.4rem, 6vw, 4.5rem);\n line-height: 1.05;\n letter-spacing: -0.02em;\n color: var(--ink);\n max-width: 18ch;\n }\n\n .headline .pop {\n font-weight: 700;\n color: var(--accent);\n font-style: italic;\n font-variation-settings: \"opsz\" 144;\n }\n\n .subhead {\n font-size: clamp(1.05rem, 1.5vw, 1.2rem);\n line-height: 1.6;\n color: var(--ink-soft);\n max-width: 56ch;\n font-weight: 400;\n }\n\n @media (max-width: 640px) {\n .eyebrow {\n font-size: 12px;\n padding: 8px 14px;\n gap: 6px;\n }\n .eyebrow__sep { display: none; }\n .eyebrow .eyebrow__text { display: block; }\n }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"hero\" aria-label=\"H\u00e9ros\">\n <div class=\"hero__inner\">\n\n <div class=\"eyebrow\" role=\"note\">\n <span class=\"eyebrow__dot\" aria-hidden=\"true\"><\/span>\n <span>Soutenu par EPFL Innovation Park & InnoSuisse<\/span>\n <span class=\"eyebrow__sep\">\u00b7<\/span>\n <span>Les premiers sp\u00e9cialistes certifi\u00e9s IA pour les entreprises en Suisse<\/span>\n <\/div>\n\n <h1 class=\"headline\">\n Projets d'IA <span class=\"pop\">r\u00e9ellement d\u00e9ploy\u00e9s<\/span> et des \u00e9quipes <span class=\"pop\">capables de les g\u00e9rer<\/span>\n <\/h1>\n\n <p class=\"subhead\">\n Nous aidons les PME suisses \u00e0 d\u00e9ployer l'IA et des syst\u00e8mes techniques complexes, puis nous formons votre \u00e9quipe \u00e0 les ma\u00eetriser. Ateliers pratiques, gestion de projet int\u00e9gr\u00e9e, r\u00e9sultats concrets.\n <\/p>\n\n <\/div>\n<\/section>\n\n<\/body>\n<\/html><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_1 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_row_2 et_pb_row et_pb_row_nested et_flex_row\">\n<div class=\"et_pb_column_2 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_12_24 et_flex_column_12_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_0_wrapper\"><a class=\"et_pb_button_0 et_pb_button et_pb_bg_layout_light et_pb_module et_flex_module\" href=\"https:\/\/calendar.app.google\/GZvVKRVAZphNRnM67\" target=\"_blank\">R\u00e9server un appel<\/a><\/div>\n<\/div>\n\n<div class=\"et_pb_column_3 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_12_24 et_flex_column_12_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_1_wrapper\"><a class=\"et_pb_button_1 et_pb_button et_pb_bg_layout_light et_pb_module et_flex_module\" href=\"#Work-Section\">Comment nous travaillons<\/a><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n<title>Trust Line<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n:root{--bg:#ffffff;--ink-muted:#475569;}\n*{box-sizing:border-box;margin:0;padding:0;}\nhtml,body{background:var(--bg);font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}\n.trust-wrap{display:flex;align-items:center;justify-content:center;}\n.trust{font-size:13px;color:var(--ink-muted);letter-spacing:0.03em;text-transform:uppercase;text-align:center;font-weight:500;}\n<\/style>\n<\/head>\n<body>\n<div class=\"trust-wrap\">\n<p class=\"trust\">Appel de 30 minutes \u00b7 Aucun engagement \u00b7 Recommandations personnalis\u00e9es<\/p>\n<\/div>\n<\/body>\n<\/html><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_3 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_4 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n<title>The Gap \u2014 Section<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n COLOR TOKENS \u2014 all variables namespaced with `gap-`\n so this section is fully self-contained and won't\n collide with tokens from other sections.\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n :root {\n \/* Backgrounds *\/\n --gap-section-bg: #0A1628; \/* deep dark blue \u2014 main section *\/\n --gap-card-bg: #0F1F36; \/* slightly lighter \u2014 cards *\/\n --gap-card-border: rgba(255, 255, 255, 0.08); \/* subtle border *\/\n\n \/* Text on dark *\/\n --gap-ink: #F1F5F9; \/* near-white, primary text *\/\n --gap-ink-soft: #CBD5E1; \/* secondary text *\/\n --gap-ink-muted: #94A3B8; \/* muted text *\/\n --gap-ink-dim: #64748B; \/* very muted, e.g. divider label *\/\n\n \/* Brand accent (for the \"pop\" italics on dark) *\/\n --gap-accent: #38BDF8;\n\n \/* Per-card accent colors *\/\n --gap-card-1: #FBBF24; \/* amber *\/\n --gap-card-2: #A78BFA; \/* violet *\/\n --gap-card-3: #22D3EE; \/* cyan *\/\n --gap-card-4: #E879F9; \/* magenta *\/\n\n \/* AI stat box colors *\/\n --gap-stat-warn: #F87171; \/* red \u2014 95% failure *\/\n --gap-stat-warn-glow: rgba(248, 113, 113, 0.15);\n --gap-stat-good: #4ADE80; \/* green \u2014 67% success *\/\n --gap-stat-good-glow: rgba(74, 222, 128, 0.15);\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n html, body {\n background: var(--gap-section-bg);\n color: var(--gap-ink);\n font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n line-height: 1.5;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n SECTION CONTAINER\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .gap-section {\n position: relative;\n background: var(--gap-section-bg);\n padding: 120px 24px;\n overflow: hidden;\n }\n\n \/* Subtle atmospheric depth *\/\n .gap-section::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n radial-gradient(ellipse 60% 40% at 20% 10%, rgba(56, 189, 248, 0.07), transparent 60%),\n radial-gradient(ellipse 60% 40% at 80% 90%, rgba(167, 139, 250, 0.06), transparent 60%);\n pointer-events: none;\n z-index: 0;\n }\n\n .gap-section::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background-image: radial-gradient(circle, rgba(255, 255, 255, 0.025) 1px, transparent 1px);\n background-size: 32px 32px;\n pointer-events: none;\n z-index: 0;\n }\n\n .gap-section__inner {\n position: relative;\n z-index: 1;\n max-width: 1180px;\n margin: 0 auto;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n OPENER\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .gap-opener {\n text-align: center;\n max-width: 760px;\n margin: 0 auto 72px;\n }\n\n .gap-opener__title {\n font-family: 'Fraunces', Georgia, serif;\n font-weight: 500;\n font-size: clamp(2.2rem, 5vw, 3.6rem);\n line-height: 1.1;\n letter-spacing: -0.02em;\n color: var(--gap-ink);\n margin-bottom: 24px;\n }\n\n .gap-opener__title .gap-pop {\n font-weight: 700;\n color: var(--gap-accent);\n font-style: italic;\n font-variation-settings: \"opsz\" 144;\n }\n\n .gap-opener__text {\n font-size: clamp(1rem, 1.4vw, 1.15rem);\n line-height: 1.65;\n color: var(--gap-ink-soft);\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n CARDS GRID \u2014 static boxes, 2x2\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .gap-cards {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n }\n\n .gap-card {\n position: relative;\n background: var(--gap-card-bg);\n border: 1px solid var(--gap-card-border);\n border-radius: 18px;\n padding: 36px;\n overflow: hidden;\n transition: transform 300ms ease, border-color 300ms ease, box-shadow 300ms ease;\n }\n\n \/* Top accent stripe \u2014 color identifier *\/\n .gap-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 3px;\n background: var(--gap-card-color);\n }\n\n \/* Subtle accent glow in the corner *\/\n .gap-card::after {\n content: \"\";\n position: absolute;\n top: -40%;\n right: -40%;\n width: 280px;\n height: 280px;\n background: radial-gradient(circle, var(--gap-card-color), transparent 70%);\n opacity: 0.08;\n pointer-events: none;\n }\n\n .gap-card:hover {\n transform: translateY(-4px);\n border-color: var(--gap-card-color);\n box-shadow: 0 18px 40px -20px rgba(0, 0, 0, 0.5);\n }\n\n .gap-card__number {\n font-family: 'Fraunces', Georgia, serif;\n font-size: 14px;\n font-weight: 600;\n color: var(--gap-card-color);\n letter-spacing: 0.1em;\n display: block;\n margin-bottom: 18px;\n }\n\n .gap-card__title {\n font-family: 'Fraunces', Georgia, serif;\n font-weight: 500;\n font-size: clamp(1.2rem, 1.8vw, 1.45rem);\n line-height: 1.25;\n color: var(--gap-ink);\n letter-spacing: -0.01em;\n margin-bottom: 16px;\n }\n\n .gap-card__text {\n font-size: 0.97rem;\n line-height: 1.6;\n text-align: justify;\n color: var(--gap-ink-soft);\n }\n\n \/* Per-card accent color assignment *\/\n .gap-card--1 { --gap-card-color: var(--gap-card-1); }\n .gap-card--2 { --gap-card-color: var(--gap-card-2); }\n .gap-card--3 { --gap-card-color: var(--gap-card-3); }\n .gap-card--4 { --gap-card-color: var(--gap-card-4); }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n DIVIDER\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .gap-divider {\n margin: 100px auto 60px;\n text-align: center;\n position: relative;\n max-width: 600px;\n }\n\n .gap-divider::before,\n .gap-divider::after {\n content: \"\";\n position: absolute;\n top: 50%;\n width: calc(50% - 80px);\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--gap-card-border), transparent);\n }\n\n .gap-divider::before { left: 0; }\n .gap-divider::after { right: 0; }\n\n .gap-divider__label {\n display: inline-block;\n font-size: 11px;\n color: var(--gap-ink-dim);\n text-transform: uppercase;\n letter-spacing: 0.18em;\n font-weight: 600;\n background: var(--gap-section-bg);\n padding: 0 16px;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n AI OPENER + STAT BOXES\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .gap-ai-opener {\n text-align: center;\n max-width: 720px;\n margin: 0 auto 56px;\n }\n\n .gap-ai-opener__title {\n font-family: 'Fraunces', Georgia, serif;\n font-weight: 500;\n font-size: clamp(1.8rem, 3.6vw, 2.6rem);\n line-height: 1.15;\n letter-spacing: -0.02em;\n color: var(--gap-ink);\n margin-bottom: 20px;\n }\n\n .gap-ai-opener__title .gap-pop {\n font-weight: 700;\n color: var(--gap-accent);\n font-style: italic;\n font-variation-settings: \"opsz\" 144;\n }\n\n .gap-ai-opener__text {\n font-size: 1rem;\n line-height: 1.65;\n color: var(--gap-ink-soft);\n }\n\n .gap-stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 24px;\n max-width: 980px;\n margin: 0 auto 28px;\n }\n\n .gap-stat {\n padding: 56px 40px;\n border-radius: 22px;\n text-align: center;\n background: rgba(255, 255, 255, 0.02);\n border: 2px solid;\n transition: transform 300ms ease, box-shadow 300ms ease;\n position: relative;\n overflow: hidden;\n }\n\n .gap-stat::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse 80% 60% at 50% 0%, var(--gap-stat-glow), transparent 70%);\n pointer-events: none;\n opacity: 0.6;\n }\n\n .gap-stat:hover {\n transform: translateY(-4px);\n }\n\n .gap-stat--warn {\n --gap-stat-glow: var(--gap-stat-warn-glow);\n border-color: var(--gap-stat-warn);\n }\n\n .gap-stat--warn:hover {\n box-shadow: 0 16px 40px -16px var(--gap-stat-warn);\n }\n\n .gap-stat--good {\n --gap-stat-glow: var(--gap-stat-good-glow);\n border-color: var(--gap-stat-good);\n }\n\n .gap-stat--good:hover {\n box-shadow: 0 16px 40px -16px var(--gap-stat-good);\n }\n\n .gap-stat__number {\n position: relative;\n font-family: 'Fraunces', Georgia, serif;\n font-weight: 600;\n font-size: clamp(4rem, 9vw, 6.5rem);\n line-height: 1;\n letter-spacing: -0.04em;\n margin-bottom: 20px;\n display: inline-flex;\n align-items: flex-start;\n }\n\n .gap-stat--warn .gap-stat__number { color: var(--gap-stat-warn); }\n .gap-stat--good .gap-stat__number { color: var(--gap-stat-good); }\n\n .gap-stat__asterisk {\n font-size: 0.4em;\n margin-left: 4px;\n margin-top: 0.3em;\n font-weight: 500;\n opacity: 0.8;\n }\n\n .gap-stat__caption {\n position: relative;\n font-size: clamp(0.95rem, 1.3vw, 1.05rem);\n line-height: 1.55;\n color: var(--gap-ink-soft);\n max-width: 32ch;\n margin: 0 auto;\n font-weight: 500;\n }\n\n \/* Source line *\/\n .gap-source {\n text-align: center;\n margin-top: 28px;\n font-size: 13px;\n color: var(--gap-ink-muted);\n line-height: 1.6;\n letter-spacing: 0.01em;\n }\n\n .gap-source__star {\n color: var(--gap-accent);\n font-weight: 600;\n margin-right: 4px;\n }\n\n .gap-source a {\n color: var(--gap-ink-soft);\n text-decoration: underline;\n text-decoration-color: rgba(203, 213, 225, 0.3);\n text-underline-offset: 3px;\n transition: color 200ms ease, text-decoration-color 200ms ease;\n }\n\n .gap-source a:hover {\n color: var(--gap-accent);\n text-decoration-color: var(--gap-accent);\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n RESPONSIVE\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n @media (max-width: 720px) {\n .gap-section { padding: 80px 20px; }\n .gap-opener { margin-bottom: 56px; }\n .gap-cards {\n grid-template-columns: 1fr;\n gap: 14px;\n }\n .gap-card { padding: 28px; }\n .gap-stats {\n grid-template-columns: 1fr;\n gap: 16px;\n }\n .gap-stat { padding: 44px 28px; }\n .gap-divider { margin: 72px auto 48px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"gap-section\" aria-label=\"Le foss\u00e9 entre l'ambition et l'ex\u00e9cution\">\n <div class=\"gap-section__inner\">\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n PART 1 \u2014 General gap (4 static boxes)\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n <div class=\"gap-opener\">\n <h2 class=\"gap-opener__title\">\n Le foss\u00e9 entre <span class=\"gap-pop\">ambition et ex\u00e9cution<\/span>\n <\/h2>\n <p class=\"gap-opener__text\">\n Chaque entreprise a une liste de projets techniques qui auraient d\u00e9j\u00e0 d\u00fb \u00eatre r\u00e9alis\u00e9s. La plupart ont une liste plus longue de ceux qui n'ont pas abouti comme pr\u00e9vu. Les raisons sont g\u00e9n\u00e9ralement les quatre m\u00eames.\n <\/p>\n <\/div>\n\n <div class=\"gap-cards\">\n\n <article class=\"gap-card gap-card--1\">\n <span class=\"gap-card__number\">01<\/span>\n <h3 class=\"gap-card__title\">Personne ne poss\u00e8de la chronologie.<\/h3>\n <p class=\"gap-card__text\">\n Les projets glissent pendant des mois parce que la responsabilit\u00e9 est partag\u00e9e entre les fournisseurs, les \u00e9quipes internes, la direction, et qu'aucune personne n'a l'autorit\u00e9 et la disponibilit\u00e9 n\u00e9cessaires pour piloter la livraison.\n <\/p>\n <\/article>\n\n <article class=\"gap-card gap-card--2\">\n <span class=\"gap-card__number\">02<\/span>\n <h3 class=\"gap-card__title\">La port\u00e9e est d\u00e9finie avant d'\u00eatre comprise.<\/h3>\n <p class=\"gap-card__text\">\n Les budgets sont engag\u00e9s avant que quiconque n'ait audit\u00e9 la r\u00e9alit\u00e9 technique, les points d'int\u00e9gration ou les d\u00e9pendances. Les d\u00e9passements sont int\u00e9gr\u00e9s d\u00e8s le premier jour.\n <\/p>\n <\/article>\n\n <article class=\"gap-card gap-card--3\">\n <span class=\"gap-card__number\">03<\/span>\n <h3 class=\"gap-card__title\">Les solutions sont achet\u00e9es avant que les probl\u00e8mes ne soient d\u00e9finis.<\/h3>\n <p class=\"gap-card__text\">\n Les outils, plateformes et fournisseurs sont s\u00e9lectionn\u00e9s pour r\u00e9pondre \u00e0 des questions que personne n'a clairement pos\u00e9es, laissant aux \u00e9quipes des technologies qui ne correspondent pas aux flux de travail qu'elles \u00e9taient cens\u00e9es am\u00e9liorer.\n <\/p>\n <\/article>\n\n <article class=\"gap-card gap-card--4\">\n <span class=\"gap-card__number\">04<\/span>\n <h3 class=\"gap-card__title\">Les \u00e9quipes internes ne peuvent pas \u00e9valuer ce qui leur est vendu.<\/h3>\n <p class=\"gap-card__text\">\n Sans litt\u00e9ratie technique et en IA interne, les dirigeants ne peuvent pas contester les affirmations des fournisseurs, prioriser les cas d'utilisation ou savoir \u00e0 quoi ressemble le \"r\u00e9aliste\".\n <\/p>\n <\/article>\n\n <\/div>\n\n <!-- Divider -->\n <div class=\"gap-divider\" role=\"presentation\">\n <span class=\"gap-divider__label\">Zoom sur l'IA<\/span>\n <\/div>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n PART 2 \u2014 AI example (stat boxes)\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n <div class=\"gap-ai-opener\">\n <h3 class=\"gap-ai-opener__title\">\n Nulle part cet \u00e9cart n'est <span class=\"gap-pop\">plus large qu'avec IA<\/span>\n <\/h3>\n <p class=\"gap-ai-opener__text\">\n Les projets d'IA \u00e9chouent diff\u00e9remment des autres projets techniques. La technologie \u00e9volue plus vite que la plupart des \u00e9quipes ne peuvent l'\u00e9valuer, les fournisseurs sont plus bruyants que jamais, et la fronti\u00e8re entre un cas d'utilisation r\u00e9el et une d\u00e9monstration d\u00e9guis\u00e9e est vraiment difficile \u00e0 discerner de l'int\u00e9rieur. Les chiffres le refl\u00e8tent.\n <\/p>\n <\/div>\n\n <div class=\"gap-stats\">\n\n <div class=\"gap-stat gap-stat--warn\">\n <div class=\"gap-stat__number\">\n 95%<span class=\"gap-stat__asterisk\">*<\/span>\n <\/div>\n <p class=\"gap-stat__caption\">\n des projets pilotes d'IA g\u00e9n\u00e9rative en entreprise ne parviennent pas \u00e0 produire un impact commercial mesurable.\n <\/p>\n <\/div>\n\n <div class=\"gap-stat gap-stat--good\">\n <div class=\"gap-stat__number\">\n 67%<span class=\"gap-stat__asterisk\">*<\/span>\n <\/div>\n <p class=\"gap-stat__caption\">\n r\u00e9ussissent lorsque les entreprises s'associent \u00e0 des sp\u00e9cialistes au lieu de construire seules.\n <\/p>\n <\/div>\n\n <\/div>\n\n <p class=\"gap-source\">\n <span class=\"gap-source__star\">*<\/span>\n Source : MIT NANDA, <em>Le foss\u00e9 de l'IA g\u00e9n\u00e9rative : L'\u00e9tat de l'IA dans les entreprises en 2025<\/em> \u2014 Publi\u00e9 par <a href=\"https:\/\/fortune.com\/2025\/08\/18\/mit-report-95-percent-generative-ai-pilots-at-companies-failing-cfo\/\" target=\"_blank\" rel=\"noopener\">Fortune, Ao\u00fbt 2025<\/a>.\n <\/p>\n\n <\/div>\n<\/section>\n\n<\/body>\n<\/html><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_flex_section\" id=\"Work-Section\">\n<div class=\"et_pb_row_4 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_5 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n<title>How We Close It \u2014 Section<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n GLOBAL TOKENS (already defined elsewhere in\n your stylesheet \u2014 included here for standalone\n preview only. Remove this :root block when\n merging into the main CSS.)\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n :root {\n --bg: #ffffff;\n --ink: #0f172a;\n --ink-soft: #475569;\n --grey-dark: #334155;\n --pill-bg: rgba(15, 23, 42, 0.05);\n --pill-border: rgba(15, 23, 42, 0.08);\n --accent: #1FA2FF;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n SECTION-SPECIFIC TOKENS (namespaced `approach-`)\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n :root {\n --approach-card-bg: #ffffff;\n --approach-card-border: rgba(15, 23, 42, 0.08);\n --approach-card-border-hover: rgba(31, 162, 255, 0.35);\n --approach-card-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);\n --approach-card-shadow-hover: 0 24px 48px -20px rgba(31, 162, 255, 0.25), 0 8px 16px -8px rgba(15, 23, 42, 0.08);\n --approach-card-number-bg: rgba(31, 162, 255, 0.08);\n --approach-divider: rgba(15, 23, 42, 0.08);\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n html, body {\n background: var(--bg);\n color: var(--ink);\n font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n line-height: 1.5;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n SECTION CONTAINER\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .approach-section {\n position: relative;\n background: var(--bg);\n padding: 120px 24px;\n overflow: hidden;\n }\n\n \/* Subtle atmospheric backdrop \u2014 same DNA as hero *\/\n\n\n .approach-section__inner {\n position: relative;\n z-index: 1;\n max-width: 1180px;\n margin: 0 auto;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n OPENER\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .approach-opener {\n text-align: center;\n max-width: 780px;\n margin: 0 auto 80px;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 28px;\n }\n\n \/* Eyebrow \u2014 matches hero's eyebrow pill *\/\n .approach-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 10px 20px;\n background: var(--pill-bg);\n border: 1px solid var(--pill-border);\n border-radius: 999px;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n color: var(--grey-dark);\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n\n .approach-eyebrow__dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--accent);\n box-shadow: 0 0 0 4px rgba(31, 162, 255, 0.15);\n }\n\n .approach-opener__title {\n font-family: 'Fraunces', Georgia, serif;\n font-weight: 500;\n font-size: clamp(2.4rem, 5.5vw, 4rem);\n line-height: 1.05;\n letter-spacing: -0.02em;\n color: var(--ink);\n max-width: 16ch;\n }\n\n .approach-opener__title .approach-pop {\n font-weight: 700;\n color: var(--accent);\n font-style: italic;\n font-variation-settings: \"opsz\" 144;\n }\n\n .approach-opener__text {\n font-size: clamp(1.05rem, 1.5vw, 1.2rem);\n line-height: 1.65;\n color: var(--ink-soft);\n max-width: 62ch;\n }\n\n \/* Mark distinguishing phrases inside the opener body *\/\n .approach-opener__text strong {\n color: var(--ink);\n font-weight: 600;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n PILLAR CARDS\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .approach-cards {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n margin-bottom: 56px;\n }\n\n .approach-card {\n position: relative;\n background: var(--approach-card-bg);\n border: 1px solid var(--approach-card-border);\n border-radius: 20px;\n padding: 40px 36px;\n box-shadow: var(--approach-card-shadow);\n transition: transform 350ms cubic-bezier(0.2, 0.8, 0.2, 1),\n border-color 350ms ease,\n box-shadow 350ms ease;\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .approach-card:hover {\n transform: translateY(-6px);\n border-color: var(--approach-card-border-hover);\n box-shadow: var(--approach-card-shadow-hover);\n }\n\n \/* Number chip \u2014 small, brand-blue *\/\n .approach-card__number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 44px;\n height: 44px;\n border-radius: 12px;\n background: var(--approach-card-number-bg);\n color: var(--accent);\n font-family: 'Fraunces', Georgia, serif;\n font-weight: 600;\n font-size: 18px;\n letter-spacing: 0.02em;\n }\n\n .approach-card__title {\n font-family: 'Fraunces', Georgia, serif;\n font-weight: 500;\n font-size: clamp(1.25rem, 1.7vw, 1.4rem);\n line-height: 1.25;\n letter-spacing: -0.01em;\n color: var(--ink);\n }\n\n .approach-card__text {\n font-size: 0.97rem;\n line-height: 1.65;\n text-align: justify;\n color: var(--ink-soft);\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n CLOSER\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .approach-closer {\n position: relative;\n text-align: center;\n max-width: 720px;\n margin: 0 auto;\n padding-top: 40px;\n }\n\n \/* Slim divider line above the closer *\/\n .approach-closer::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 1px;\n background: var(--approach-divider);\n }\n\n .approach-closer__text {\n font-family: 'Fraunces', Georgia, serif;\n font-style: italic;\n font-weight: 400;\n font-size: clamp(1rem, 1.4vw, 1.15rem);\n line-height: 1.55;\n color: var(--ink-soft);\n letter-spacing: -0.005em;\n }\n\n .approach-closer__text .approach-pop {\n font-weight: 600;\n color: var(--accent);\n font-style: italic;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n RESPONSIVE\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n @media (max-width: 960px) {\n .approach-cards {\n grid-template-columns: 1fr;\n gap: 16px;\n }\n }\n\n @media (max-width: 720px) {\n .approach-section { padding: 80px 20px; }\n .approach-opener { margin-bottom: 56px; gap: 22px; }\n .approach-card { padding: 32px 28px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"approach-section\" aria-label=\"Comment nous comblons le foss\u00e9\">\n <div class=\"approach-section__inner\">\n\n <!-- \u2500\u2500 Opener \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"approach-opener\">\n\n <span class=\"approach-eyebrow\">\n <span class=\"approach-eyebrow__dot\" aria-hidden=\"true\"><\/span>\n Ce que nous faisons\n <\/span>\n\n <h2 class=\"approach-opener__title\">\n Comment nous <span class=\"approach-pop\">fermons le gap<\/span>\n <\/h2>\n\n <p class=\"approach-opener__text\">\n Nous avons cr\u00e9\u00e9 Cerentix pour combler ce manque. <strong>Pas en tant que vendeur proposant un outil, pas en tant que pr\u00e9sentation strat\u00e9gique qui se termine par la recommandation<\/strong> \u2014 mais en tant qu'\u00e9quipe op\u00e9rationnelle qui g\u00e8re vos projets techniques avec vous, et forme vos \u00e9quipes pour g\u00e9rer les prochains sans nous.\n <\/p>\n\n <\/div>\n\n <!-- \u2500\u2500 Three pillar cards \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"approach-cards\">\n\n <article class=\"approach-card\">\n <span class=\"approach-card__number\" aria-hidden=\"true\">01<\/span>\n <h3 class=\"approach-card__title\">Nous commen\u00e7ons par comprendre, pas par vendre.<\/h3>\n <p class=\"approach-card__text\">\n Chaque mission commence par une \u00e9valuation des v\u00e9ritables opportunit\u00e9s, suivie d'un audit approfondi de vos processus et de votre infrastructure. Ce n'est qu'ensuite que nous passons au d\u00e9ploiement. Le r\u00e9sultat : aucun budget gaspill\u00e9 pour des solutions inadapt\u00e9es.\n <\/p>\n <\/article>\n\n <article class=\"approach-card\">\n <span class=\"approach-card__number\" aria-hidden=\"true\">02<\/span>\n <h3 class=\"approach-card__title\">Votre chef de projet, sans l'embauche.<\/h3>\n <p class=\"approach-card__text\">\n Le d\u00e9ploiement de l'IA, d'un nouveau syst\u00e8me informatique ou d'une int\u00e9gration industrielle n\u00e9cessite un leadership d\u00e9di\u00e9. Nous intervenons en tant que votre chef de projet externe \u2014 de la d\u00e9finition initiale \u00e0 la coordination des fournisseurs jusqu'au lancement \u2014 afin que votre \u00e9quipe puisse se concentrer sur la conduite de vos activit\u00e9s, et non sur le projet.\n <\/p>\n <\/article>\n\n <article class=\"approach-card\">\n <span class=\"approach-card__number\" aria-hidden=\"true\">03<\/span>\n <h3 class=\"approach-card__title\">Votre \u00e9quipe en sera responsable apr\u00e8s notre d\u00e9part.<\/h3>\n <p class=\"approach-card__text\">\n La plupart des formations s'arr\u00eatent \u00e0 la th\u00e9orie et aux PowerPoint. Nos ateliers sont con\u00e7us autour de vos cas d'utilisation r\u00e9els et de la pratique, ainsi, lorsque nous partons, votre \u00e9quipe peut \u00e9valuer les fournisseurs, lancer des pilotes et g\u00e9rer ce qui vient ensuite \u2014 sans nous.\n <\/p>\n <\/article>\n\n <\/div>\n\n <!-- \u2500\u2500 Closer line \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"approach-closer\">\n <p class=\"approach-closer__text\">\n Trois piliers, un r\u00e9sultat : des projets techniques qui <span class=\"approach-pop\">atterissent r\u00e9ellement<\/span> \u2014 et des \u00e9quipes qui <span class=\"approach-pop\">peut les porter en avant.<\/span>\n <\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n<\/body>\n<\/html><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_5 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_6 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n<title>Our Services \u2014 Section<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap\" rel=\"stylesheet\">\n<style>\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n GLOBAL TOKENS (already in your stylesheet \u2014\n included here for standalone preview only.\n Remove this block when merging.)\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n :root {\n --bg: #ffffff;\n --ink: #0f172a;\n --ink-soft: #475569;\n --grey-dark: #334155;\n --pill-bg: rgba(15, 23, 42, 0.05);\n --pill-border: rgba(15, 23, 42, 0.08);\n --accent: #1FA2FF;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n SECTION-SPECIFIC TOKENS (namespaced `services-`)\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n :root {\n --services-card-bg: #ffffff;\n --services-card-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);\n --services-card-shadow-hover: 0 24px 48px -20px rgba(31, 162, 255, 0.25), 0 8px 16px -8px rgba(15, 23, 42, 0.08);\n\n \/* Step 01 \u2014 softer\/lighter blue (early\/exploratory phase) *\/\n --services-card-1-outline: rgba(31, 162, 255, 0.45);\n --services-card-1-outline-hover: rgba(31, 162, 255, 0.7);\n --services-card-1-tint: rgba(31, 162, 255, 0.04);\n\n \/* Step 02 \u2014 full accent blue (deeper\/committed phase) *\/\n --services-card-2-outline: var(--accent);\n --services-card-2-outline-hover: #0e8ce0;\n --services-card-2-tint: rgba(31, 162, 255, 0.08);\n\n \/* Step indicators *\/\n --services-step-bg: rgba(31, 162, 255, 0.08);\n --services-step-ink: var(--accent);\n\n \/* Connector line between boxes *\/\n --services-connector: rgba(31, 162, 255, 0.3);\n\n \/* Closer + delivered strip *\/\n --services-closer-bg: rgba(15, 23, 42, 0.025);\n --services-closer-border: rgba(15, 23, 42, 0.06);\n --services-tag-bg: rgba(15, 23, 42, 0.04);\n --services-tag-border: rgba(15, 23, 42, 0.08);\n --services-tag-ink: var(--grey-dark);\n\n \/* Price tags *\/\n --services-price-bg: rgba(31, 162, 255, 0.08);\n --services-price-ink: var(--accent);\n --services-price-quiet-bg: rgba(15, 23, 42, 0.04);\n --services-price-quiet-ink: var(--grey-dark);\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n html, body {\n background: var(--bg);\n color: var(--ink);\n font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n line-height: 1.5;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n SECTION CONTAINER\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .services-section {\n position: relative;\n background: var(--bg);\n padding: 120px 24px;\n overflow: hidden;\n }\n\n .services-section__inner {\n position: relative;\n z-index: 1;\n max-width: 920px;\n margin: 0 auto;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n OPENER\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .services-opener {\n text-align: center;\n max-width: 720px;\n margin: 0 auto 72px;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 28px;\n }\n\n .services-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 10px 20px;\n background: var(--pill-bg);\n border: 1px solid var(--pill-border);\n border-radius: 999px;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n color: var(--grey-dark);\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n\n .services-eyebrow__dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--accent);\n box-shadow: 0 0 0 4px rgba(31, 162, 255, 0.15);\n }\n\n .services-opener__title {\n font-family: 'Fraunces', Georgia, serif;\n font-weight: 500;\n font-size: clamp(2.2rem, 5vw, 3.5rem);\n line-height: 1.1;\n letter-spacing: -0.02em;\n color: var(--ink);\n max-width: 18ch;\n }\n\n .services-opener__title .services-pop {\n font-weight: 700;\n color: var(--accent);\n font-style: italic;\n font-variation-settings: \"opsz\" 144;\n }\n\n .services-opener__text {\n font-size: clamp(1.05rem, 1.5vw, 1.18rem);\n line-height: 1.65;\n color: var(--ink-soft);\n max-width: 60ch;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n STACKED CARDS + CONNECTOR\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .services-cards {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 36px;\n margin-bottom: 72px;\n }\n\n .services-connector {\n position: absolute;\n left: 50%;\n top: 0;\n bottom: 0;\n width: 1px;\n background: linear-gradient(180deg,\n transparent 0%,\n var(--services-connector) 30%,\n var(--services-connector) 70%,\n transparent 100%);\n transform: translateX(-50%);\n pointer-events: none;\n z-index: 0;\n }\n\n .services-card {\n position: relative;\n z-index: 1;\n background: var(--services-card-bg);\n border: 2px solid var(--card-outline);\n border-radius: 22px;\n padding: 48px 48px 44px;\n box-shadow: var(--services-card-shadow);\n transition: transform 350ms cubic-bezier(0.2, 0.8, 0.2, 1),\n border-color 350ms ease,\n box-shadow 350ms ease;\n overflow: hidden;\n }\n\n .services-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 200px;\n background: radial-gradient(ellipse 60% 100% at 50% 0%, var(--card-tint), transparent 70%);\n pointer-events: none;\n opacity: 0.6;\n z-index: 0;\n }\n\n .services-card > * { position: relative; z-index: 1; }\n\n .services-card:hover {\n transform: translateY(-4px);\n border-color: var(--card-outline-hover);\n box-shadow: var(--services-card-shadow-hover);\n }\n\n .services-card--1 {\n --card-outline: var(--services-card-1-outline);\n --card-outline-hover: var(--services-card-1-outline-hover);\n --card-tint: var(--services-card-1-tint);\n }\n\n .services-card--2 {\n --card-outline: var(--services-card-2-outline);\n --card-outline-hover: var(--services-card-2-outline-hover);\n --card-tint: var(--services-card-2-tint);\n }\n\n \/* Card header \u2014 step badge + location + price tag *\/\n .services-card__head {\n display: flex;\n align-items: center;\n gap: 16px;\n margin-bottom: 28px;\n flex-wrap: wrap;\n }\n\n .services-card__step {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 56px;\n height: 56px;\n border-radius: 16px;\n background: var(--services-step-bg);\n color: var(--services-step-ink);\n font-family: 'JetBrains Mono', ui-monospace, monospace;\n font-weight: 500;\n font-size: 16px;\n letter-spacing: 0.02em;\n flex-shrink: 0;\n }\n\n .services-card__location {\n font-family: 'JetBrains Mono', ui-monospace, monospace;\n font-size: 11px;\n font-weight: 500;\n color: var(--ink-soft);\n text-transform: uppercase;\n letter-spacing: 0.18em;\n }\n\n \/* Spacer pushes price tag to the far right *\/\n .services-card__head-spacer {\n flex: 1;\n }\n\n \/* \u2500\u2500 PRICE TAGS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .services-card__price {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n border-radius: 10px;\n font-family: 'JetBrains Mono', ui-monospace, monospace;\n font-size: 13px;\n font-weight: 500;\n letter-spacing: 0.02em;\n white-space: nowrap;\n }\n\n \/* Loud price \u2014 actual number on assessment *\/\n .services-card__price--loud {\n background: var(--services-price-bg);\n color: var(--services-price-ink);\n border: 1px solid rgba(31, 162, 255, 0.2);\n }\n\n .services-card__price--loud .services-card__price-amount {\n font-weight: 600;\n }\n\n \/* Quiet price \u2014 tailored-to-scope label on audit *\/\n .services-card__price--quiet {\n background: var(--services-price-quiet-bg);\n color: var(--services-price-quiet-ink);\n border: 1px solid var(--services-tag-border);\n }\n\n \/* Card titles *\/\n .services-card__name {\n font-family: 'Fraunces', Georgia, serif;\n font-weight: 600;\n font-size: clamp(1.5rem, 2.4vw, 1.95rem);\n line-height: 1.1;\n letter-spacing: -0.02em;\n color: var(--ink);\n margin-bottom: 8px;\n }\n\n .services-card__promise {\n font-family: 'Fraunces', Georgia, serif;\n font-weight: 400;\n font-style: italic;\n font-size: clamp(1.1rem, 1.6vw, 1.3rem);\n line-height: 1.3;\n color: var(--accent);\n margin-bottom: 24px;\n letter-spacing: -0.01em;\n }\n\n .services-card__desc {\n font-size: 1rem;\n line-height: 1.7;\n text-align: justify;\n color: var(--ink-soft);\n margin-bottom: 24px;\n }\n\n \/* Best-for line *\/\n .services-card__bestfor {\n font-size: 0.92rem;\n line-height: 1.55;\n color: var(--grey-dark);\n margin-bottom: 28px;\n padding: 14px 18px;\n background: var(--services-step-bg);\n border-radius: 10px;\n border-left: 3px solid var(--accent);\n }\n\n .services-card__bestfor strong {\n color: var(--ink);\n font-weight: 600;\n }\n\n \/* Deliverables *\/\n .services-card__deliverables {\n border-top: 1px solid var(--services-tag-border);\n padding-top: 24px;\n }\n\n .services-card__deliverables-label {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--grey-dark);\n margin-bottom: 14px;\n }\n\n .services-card__deliverables-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n\n .services-card__deliverables-list li {\n position: relative;\n padding-left: 22px;\n font-size: 0.97rem;\n line-height: 1.6;\n color: var(--ink);\n }\n\n .services-card__deliverables-list li::before {\n content: \"\u2014\";\n position: absolute;\n left: 0;\n color: var(--accent);\n font-weight: 600;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n CLOSER \u2014 \"Take both. Take one.\"\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .services-closer {\n background: var(--services-closer-bg);\n border: 1px solid var(--services-closer-border);\n border-radius: 20px;\n padding: 40px 44px;\n text-align: center;\n margin-bottom: 64px;\n }\n\n .services-closer__title {\n font-family: 'Fraunces', Georgia, serif;\n font-weight: 500;\n font-size: clamp(1.4rem, 2.2vw, 1.7rem);\n line-height: 1.2;\n color: var(--ink);\n margin-bottom: 16px;\n letter-spacing: -0.01em;\n }\n\n .services-closer__title .services-pop {\n font-weight: 700;\n color: var(--accent);\n font-style: italic;\n }\n\n .services-closer__text {\n font-size: 1rem;\n line-height: 1.7;\n color: var(--ink-soft);\n max-width: 60ch;\n margin: 0 auto;\n }\n\n .services-closer__text em {\n color: var(--ink);\n font-style: italic;\n font-weight: 500;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n DELIVERED PROJECTS STRIP\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .services-delivered {\n text-align: center;\n }\n\n .services-delivered__label {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--grey-dark);\n margin-bottom: 20px;\n }\n\n .services-delivered__tags {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n }\n\n .services-delivered__tag {\n display: inline-flex;\n align-items: center;\n padding: 10px 18px;\n background: var(--services-tag-bg);\n border: 1px solid var(--services-tag-border);\n border-radius: 999px;\n font-family: 'JetBrains Mono', ui-monospace, monospace;\n font-size: 12.5px;\n font-weight: 500;\n color: var(--services-tag-ink);\n letter-spacing: 0.01em;\n transition: border-color 200ms ease, color 200ms ease, background 200ms ease;\n }\n\n .services-delivered__tag:hover {\n border-color: var(--accent);\n color: var(--accent);\n background: rgba(31, 162, 255, 0.04);\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n RESPONSIVE\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n @media (max-width: 720px) {\n .services-section { padding: 80px 20px; }\n .services-opener { margin-bottom: 56px; gap: 22px; }\n .services-card { padding: 32px 26px 30px; border-radius: 18px; }\n .services-card__head { gap: 12px; margin-bottom: 22px; }\n .services-card__step { width: 48px; height: 48px; font-size: 14px; border-radius: 12px; }\n \/* On mobile the spacer collapses so price wraps naturally below *\/\n .services-card__head-spacer { display: none; }\n .services-card__price { margin-top: 4px; }\n .services-closer { padding: 30px 24px; }\n .services-cards { gap: 28px; }\n .services-connector { display: none; }\n }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"services-section\" aria-label=\"Nos services\">\n <div class=\"services-section__inner\">\n\n <!-- \u2500\u2500 Opener \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"services-opener\">\n\n <span class=\"services-eyebrow\">\n <span class=\"services-eyebrow__dot\" aria-hidden=\"true\"><\/span>\n Nos services\n <\/span>\n\n <h2 class=\"services-opener__title\">\n Deux services. Un r\u00e9sultat : <span class=\"services-pop\">clart\u00e9 avant de vous engager<\/span>\n <\/h2>\n\n <p class=\"services-opener__text\">\n La plupart des projets techniques \u00e9chouent parce que le projet n'a lui-m\u00eame jamais \u00e9t\u00e9 correctement d\u00e9fini. Nos deux services sont con\u00e7us pour rem\u00e9dier \u00e0 cela \u2013 s\u00e9quentiellement ou ind\u00e9pendamment \u2013 avant qu'une seule ressource ne soit engag\u00e9e.\n <\/p>\n\n <\/div>\n\n <!-- \u2500\u2500 Stacked service cards \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"services-cards\">\n\n <span class=\"services-connector\" aria-hidden=\"true\"><\/span>\n\n <!-- \u2500\u2500 BOX 1 \u2014 ASSESSMENT \u2500\u2500 -->\n <article class=\"services-card services-card--1\">\n\n <div class=\"services-card__head\">\n <span class=\"services-card__step\" aria-hidden=\"true\">01<\/span>\n <span class=\"services-card__location\">\u00c9tape 01 \u00b7 Hors site<\/span>\n <span class=\"services-card__head-spacer\" aria-hidden=\"true\"><\/span>\n <span class=\"services-card__price services-card__price--loud\" aria-label=\"Prix : 500 francs suisses par s\u00e9ance\">\n <span class=\"services-card__price-amount\">500 CHF<\/span>\n \n <\/div>\n\n <h3 class=\"services-card__name\">\u00c9valuation<\/h3>\n <p class=\"services-card__promise\">Trouvez le bon projet avant de le d\u00e9finir.<\/p>\n\n <p class=\"services-card__desc\">\n Une s\u00e9ance de travail cibl\u00e9e avec vos d\u00e9cideurs et les personnes qui savent comment le travail se d\u00e9roule r\u00e9ellement. Nous cartographions votre organisation, identifions o\u00f9 la technologie peut faire une r\u00e9elle diff\u00e9rence et d\u00e9terminons le bon projet dans lequel investir \u2013 pas seulement celui qui semble le plus \u00e9vident.\n <\/p>\n\n <p class=\"services-card__bestfor\">\n <strong>Id\u00e9al pour :<\/strong> des dirigeants qui savent qu'ils doivent faire quelque chose avec la technologie mais qui ne sont pas encore s\u00fbrs de quoi.\n <\/p>\n\n <div class=\"services-card__deliverables\">\n <p class=\"services-card__deliverables-label\">Vous vous \u00e9loignez avec<\/p>\n <ul class=\"services-card__deliverables-list\">\n <li>Une carte claire des opportunit\u00e9s existantes au sein de votre organisation<\/li>\n <li>Un regard honn\u00eate sur ce qui est r\u00e9aliste et ce qui ne l'est pas<\/li>\n <li>Un rapport de faisabilit\u00e9 \u00e9crit avec une structure de projet recommand\u00e9e<\/li>\n <\/ul>\n <\/div>\n\n <\/article>\n\n <!-- \u2500\u2500 BOX 2 \u2014 AUDIT \u2500\u2500 -->\n <article class=\"services-card services-card--2\">\n\n <div class=\"services-card__head\">\n <span class=\"services-card__step\" aria-hidden=\"true\">02<\/span>\n <span class=\"services-card__location\">\u00c9tape 02 \u00b7 Sur site<\/span>\n <span class=\"services-card__head-spacer\" aria-hidden=\"true\"><\/span>\n <span class=\"services-card__price services-card__price--quiet\">\n Adapt\u00e9 \u00e0 la port\u00e9e\n <\/span>\n <\/div>\n\n <h3 class=\"services-card__name\">Audit des processus et de l'infrastructure<\/h3>\n <p class=\"services-card__promise\">D\u00e9finissez le projet avant de le construire.<\/p>\n\n <p class=\"services-card__desc\">\n Nous venons sur site pour observer le fonctionnement r\u00e9el des choses \u2014 pas seulement la documentation. Nous examinons vos processus, vos outils, votre infrastructure, ainsi que les interd\u00e9pendances entre les syst\u00e8mes et les personnes, puis nous traduisons nos observations en exigences de projet concr\u00e8tes et en une feuille de route r\u00e9aliste.\n <\/p>\n\n <p class=\"services-card__bestfor\">\n <strong>Id\u00e9al pour :<\/strong> \u00e9quipes qui ont une id\u00e9e de projet et qui doivent valider la port\u00e9e, identifier les risques et d\u00e9finir ce qu'il faut construire avant de s'engager sur un budget.\n <\/p>\n\n <div class=\"services-card__deliverables\">\n <p class=\"services-card__deliverables-label\">Vous vous \u00e9loignez avec<\/p>\n <ul class=\"services-card__deliverables-list\">\n <li>Une analyse des \u00e9carts et des risques selon les dimensions techniques, op\u00e9rationnelles et organisationnelles<\/li>\n <li>Une feuille de route de projet avec des phases, des d\u00e9pendances et des \u00e9ch\u00e9anciers d\u00e9finis<\/li>\n <li>Un rapport d'audit \u00e9crit avec une d\u00e9cision claire d'aller\/ne pas aller pour la phase suivante<\/li>\n <\/ul>\n <\/div>\n\n <\/article>\n\n <\/div>\n\n <!-- \u2500\u2500 Closer: take both, take one \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"services-closer\">\n <h3 class=\"services-closer__title\">\n Prends les deux. Prends-en un. <span class=\"services-pop\">Les deux conviennent.<\/span>\n <\/h3>\n <p class=\"services-closer__text\">\n La plupart des clients nous sollicitent pour les deux\u00a0: l'audit s'appuie sur l'\u00e9valuation, ce qui r\u00e9duit les zones d'ombre et le temps pass\u00e9 \u00e0 r\u00e9expliquer le contexte. Mais chaque \u00e9tape peut \u00eatre r\u00e9alis\u00e9e ind\u00e9pendamment. Venez avec un projet d\u00e9j\u00e0 en t\u00eate et nous commencerons par l'audit. Venez plus t\u00f4t et l'\u00e9valuation seule peut suffire \u00e0 d\u00e9cider de votre prochaine \u00e9tape. <em>Une fois que nous aurons d\u00e9fini le bon projet, le d\u00e9ploiement sera une mission distincte \u2013 g\u00e9r\u00e9e par nous, par votre \u00e9quipe, ou par quiconque est le mieux plac\u00e9 pour le r\u00e9aliser.<\/em>\n <\/p>\n <\/div>\n\n <!-- \u2500\u2500 Delivered projects strip \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"services-delivered\">\n <p class=\"services-delivered__label\">O\u00f9 nous avons livr\u00e9<\/p>\n <div class=\"services-delivered__tags\">\n <span class=\"services-delivered__tag\">Int\u00e9gration de l'IA<\/span>\n <span class=\"services-delivered__tag\">D\u00e9ploiement ERP<\/span>\n <span class=\"services-delivered__tag\">Automatisation industrielle<\/span>\n <span class=\"services-delivered__tag\">Infrastructure informatique<\/span>\n <span class=\"services-delivered__tag\">Num\u00e9risation des processus<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<\/body>\n<\/html><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_block_section\" id=\"workshop\">\n<div class=\"et_pb_row_6 et_pb_row et_block_row\">\n<div class=\"et_pb_column_7 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n<title>Workshops \u2014 Section<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n GLOBAL TOKENS (already in your stylesheet \u2014\n included here for standalone preview only.\n Remove this block when merging.)\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n :root {\n --bg: #ffffff;\n --ink: #0f172a;\n --ink-soft: #475569;\n --grey-dark: #334155;\n --pill-bg: rgba(15, 23, 42, 0.05);\n --pill-border: rgba(15, 23, 42, 0.08);\n --accent: #1FA2FF;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n html, body {\n background: var(--bg);\n color: var(--ink);\n font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n line-height: 1.5;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n SECTION CONTAINER \u2014 slightly tighter padding\n than full sections, since this is a teaser\n leading into the carousel below.\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .workshops-section {\n position: relative;\n background: var(--bg);\n padding: 96px 24px 56px;\n overflow: hidden;\n }\n\n \/* Soft atmospheric glow \u2014 same family as other light sections *\/\n\n\n .workshops-section__inner {\n position: relative;\n z-index: 1;\n max-width: 880px;\n margin: 0 auto;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 32px;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n EYEBROW\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .workshops-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 10px 20px;\n background: var(--pill-bg);\n border: 1px solid var(--pill-border);\n border-radius: 999px;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n color: var(--grey-dark);\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n\n .workshops-eyebrow__dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--accent);\n box-shadow: 0 0 0 4px rgba(31, 162, 255, 0.15);\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n HEADLINE\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .workshops-title {\n font-family: 'Fraunces', Georgia, serif;\n font-weight: 500;\n font-size: clamp(2.2rem, 5vw, 3.6rem);\n line-height: 1.1;\n letter-spacing: -0.02em;\n color: var(--ink);\n max-width: 22ch;\n }\n\n .workshops-title .workshops-pop {\n font-weight: 700;\n color: var(--accent);\n font-style: italic;\n font-variation-settings: \"opsz\" 144;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n RESPONSIVE\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n @media (max-width: 640px) {\n .workshops-section { padding: 72px 20px 40px; }\n .workshops-section__inner { gap: 26px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"workshops-section\" aria-label=\"Ateliers\">\n <div class=\"workshops-section__inner\">\n\n <span class=\"workshops-eyebrow\">\n <span class=\"workshops-eyebrow__dot\" aria-hidden=\"true\"><\/span>\n Ateliers\n <\/span>\n\n <h2 class=\"workshops-title\">\n Ateliers pratiques, con\u00e7us autour de <span class=\"workshops-pop\">vos cas d'utilisation r\u00e9els<\/span>\n <\/h2>\n\n <\/div>\n<\/section>\n\n<\/body>\n<\/html><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_7 et_pb_row et_pb_row_6col et_block_row et_block_row_6col\">\n<div class=\"et_pb_column_8 et_pb_column et_pb_column_1_6 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_pricing_tables_0 et_pb_pricing_tables et_pb_pricing clearfix et_pb_pricing_1 et_pb_no_featured_in_first_row et_pb_module et_flex_module\">\n<div class=\"et_pb_pricing_table_0 et_pb_pricing_table et_pb_module et_block_module et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\"><div class=\"et_pb_pricing_heading\"><h2 class=\"et_pb_pricing_title\">IA 101<\/h2><span class=\"et_pb_best_value\">Les bases de l'IA<\/span><\/div><div class=\"et_pb_pricing_content_top\"><div class=\"et_pb_et_price\"><span class=\"et_pb_dollar_sign\">H<\/span><span class=\"et_pb_sum\">8<\/span><\/div><\/div><div class=\"et_pb_pricing_content\"><ul class=\"et_pb_pricing\"><li><span> Histoire de l'IA<\/span><\/li><li><span> Comment fonctionne l'IA<\/span><\/li><li><span> Choisissez la bonne IA<\/span><\/li><li><span> Atelier de cadrage de l'IA<\/span><\/li><li><span> Introduction aux agents<\/span><\/li><\/ul><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_column_9 et_pb_column et_pb_column_1_6 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_pricing_tables_1 et_pb_pricing_tables et_pb_pricing clearfix et_pb_pricing_1 et_pb_no_featured_in_first_row et_pb_module et_flex_module\">\n<div class=\"et_pb_pricing_table_1 et_pb_pricing_table et_pb_module et_block_module et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\"><div class=\"et_pb_pricing_heading\"><h2 class=\"et_pb_pricing_title\">INVITATION<\/h2><span class=\"et_pb_best_value\">Comment parler \u00e0 l'IA<\/span><\/div><div class=\"et_pb_pricing_content_top\"><div class=\"et_pb_et_price\"><span class=\"et_pb_dollar_sign\">H<\/span><span class=\"et_pb_sum\">4<\/span><\/div><\/div><div class=\"et_pb_pricing_content\"><ul class=\"et_pb_pricing\"><li><span> Anatomie d'une requ\u00eate<\/span><\/li><li><span> Les bases de la sollicitation<\/span><\/li><li><span> S\u00e9curit\u00e9 et risques de l'IA<\/span><\/li><li><span> Invite avanc\u00e9e<\/span><\/li><\/ul><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_column_10 et_pb_column et_pb_column_1_6 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_pricing_tables_2 et_pb_pricing_tables et_pb_pricing clearfix et_pb_pricing_1 et_pb_no_featured_in_first_row et_pb_module et_flex_module\">\n<div class=\"et_pb_pricing_table_2 et_pb_pricing_table et_pb_module et_block_module et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\"><div class=\"et_pb_pricing_heading\"><h2 class=\"et_pb_pricing_title\">DONN\u00c9ES<\/h2><span class=\"et_pb_best_value\">Analyse avec IA<\/span><\/div><div class=\"et_pb_pricing_content_top\"><div class=\"et_pb_et_price\"><span class=\"et_pb_dollar_sign\">H<\/span><span class=\"et_pb_sum\">4<\/span><\/div><\/div><div class=\"et_pb_pricing_content\"><ul class=\"et_pb_pricing\"><li><span>Bient\u00f4t disponible<\/span><\/li><\/ul><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_column_11 et_pb_column et_pb_column_1_6 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_pricing_tables_3 et_pb_pricing_tables et_pb_pricing clearfix et_pb_pricing_1 et_pb_no_featured_in_first_row et_pb_module et_flex_module\">\n<div class=\"et_pb_pricing_table_3 et_pb_pricing_table et_pb_module et_block_module et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\"><div class=\"et_pb_pricing_heading\"><h2 class=\"et_pb_pricing_title\">CONTENU<\/h2><span class=\"et_pb_best_value\">La cr\u00e9ativit\u00e9 avec l'IA<\/span><\/div><div class=\"et_pb_pricing_content_top\"><div class=\"et_pb_et_price\"><span class=\"et_pb_dollar_sign\">H<\/span><span class=\"et_pb_sum\">4<\/span><\/div><\/div><div class=\"et_pb_pricing_content\"><ul class=\"et_pb_pricing\"><li><span>Bient\u00f4t disponible<\/span><\/li><\/ul><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_column_12 et_pb_column et_pb_column_1_6 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_pricing_tables_4 et_pb_pricing_tables et_pb_pricing clearfix et_pb_pricing_1 et_pb_no_featured_in_first_row et_pb_module et_flex_module\">\n<div class=\"et_pb_pricing_table_4 et_pb_pricing_table et_pb_module et_block_module et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\"><div class=\"et_pb_pricing_heading\"><h2 class=\"et_pb_pricing_title\">H\u00e9bergement<\/h2><span class=\"et_pb_best_value\">Assumez votre IA<\/span><\/div><div class=\"et_pb_pricing_content_top\"><div class=\"et_pb_et_price\"><span class=\"et_pb_dollar_sign\">H<\/span><span class=\"et_pb_sum\">4<\/span><\/div><\/div><div class=\"et_pb_pricing_content\"><ul class=\"et_pb_pricing\"><li><span>Bient\u00f4t disponible<\/span><\/li><\/ul><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_column_13 et_pb_column et_pb_column_1_6 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_pricing_tables_5 et_pb_pricing_tables et_pb_pricing clearfix et_pb_pricing_1 et_pb_no_featured_in_first_row et_pb_module et_flex_module\">\n<div class=\"et_pb_pricing_table_5 et_pb_pricing_table et_pb_module et_block_module et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\"><div class=\"et_pb_pricing_heading\"><h2 class=\"et_pb_pricing_title\">GESTION<\/h2><span class=\"et_pb_best_value\">D\u00e9cider avec l'IA<\/span><\/div><div class=\"et_pb_pricing_content_top\"><div class=\"et_pb_et_price\"><span class=\"et_pb_dollar_sign\">H<\/span><span class=\"et_pb_sum\">4<\/span><\/div><\/div><div class=\"et_pb_pricing_content\"><ul class=\"et_pb_pricing\"><li><span>Bient\u00f4t disponible<\/span><\/li><\/ul><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_8 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_14 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_6 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n<title>About \u2014 Section<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap\" rel=\"stylesheet\">\n<style>\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n SECTION-SPECIFIC TOKENS (namespaced `about-`)\n This section is dark \u2014 it has its own\n background, ink, and accent variables.\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n :root {\n \/* Backgrounds *\/\n --about-section-bg: #0A1628; \/* deep dark blue \u2014 same family as gap *\/\n --about-panel-bg: rgba(255, 255, 255, 0.025); \/* subtle inset for the highlighted thesis *\/\n --about-panel-border: rgba(255, 255, 255, 0.08);\n\n \/* Text on dark *\/\n --about-ink: #F1F5F9; \/* near-white, primary text *\/\n --about-ink-soft: #CBD5E1; \/* secondary *\/\n --about-ink-muted: #94A3B8; \/* muted *\/\n --about-ink-dim: #64748B; \/* very muted, e.g. dividers *\/\n --about-grey-pill: #CBD5E1; \/* eyebrow text on dark *\/\n\n \/* Eyebrow on dark \u2014 slightly different from the white-bg version *\/\n --about-pill-bg: rgba(255, 255, 255, 0.05);\n --about-pill-border: rgba(255, 255, 255, 0.1);\n\n \/* Accent *\/\n --about-accent: #38BDF8; \/* brighter blue for dark surface *\/\n --about-accent-soft: rgba(56, 189, 248, 0.15);\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n html, body {\n background: var(--about-section-bg);\n color: var(--about-ink);\n font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n line-height: 1.5;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n SECTION CONTAINER\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .about-section {\n position: relative;\n background: var(--about-section-bg);\n padding: 120px 24px;\n overflow: hidden;\n }\n\n \/* Atmospheric depth \u2014 same DNA as gap section *\/\n .about-section::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n radial-gradient(ellipse 60% 40% at 20% 0%, rgba(56, 189, 248, 0.07), transparent 60%),\n radial-gradient(ellipse 60% 40% at 80% 100%, rgba(167, 139, 250, 0.05), transparent 60%);\n pointer-events: none;\n z-index: 0;\n }\n\n .about-section::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background-image: radial-gradient(circle, rgba(255, 255, 255, 0.025) 1px, transparent 1px);\n background-size: 32px 32px;\n pointer-events: none;\n z-index: 0;\n }\n\n .about-section__inner {\n position: relative;\n z-index: 1;\n max-width: 820px;\n margin: 0 auto;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n OPENER\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .about-opener {\n text-align: center;\n margin-bottom: 64px;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 28px;\n }\n\n .about-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 10px 20px;\n background: var(--about-pill-bg);\n border: 1px solid var(--about-pill-border);\n border-radius: 999px;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n color: var(--about-grey-pill);\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n\n .about-eyebrow__dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--about-accent);\n box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.18);\n }\n\n .about-headline {\n font-family: 'Fraunces', Georgia, serif;\n font-weight: 500;\n font-size: clamp(2.4rem, 5.5vw, 4rem);\n line-height: 1.05;\n letter-spacing: -0.02em;\n color: var(--about-ink);\n max-width: 18ch;\n }\n\n .about-headline .about-pop {\n font-weight: 700;\n color: var(--about-accent);\n font-style: italic;\n font-variation-settings: \"opsz\" 144;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n ORIGIN STORY (intro paragraphs)\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .about-story {\n display: flex;\n flex-direction: column;\n gap: 24px;\n margin-bottom: 56px;\n }\n\n .about-story__para {\n font-size: clamp(1.05rem, 1.5vw, 1.18rem);\n line-height: 1.7;\n text-align: justify;\n color: var(--about-ink-soft);\n }\n\n .about-story__bridge {\n font-family: 'Fraunces', Georgia, serif;\n font-style: italic;\n font-size: clamp(1.15rem, 1.8vw, 1.4rem);\n line-height: 1.4;\n color: var(--about-ink);\n text-align: center;\n padding: 8px 0;\n letter-spacing: -0.01em;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n THESIS PANEL \u2014 the bolded founder's insight\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .about-thesis {\n position: relative;\n background: var(--about-panel-bg);\n border: 1px solid var(--about-panel-border);\n border-left: 3px solid var(--about-accent);\n border-radius: 16px;\n padding: 36px 40px;\n margin-bottom: 72px;\n }\n\n .about-thesis::before {\n content: \"\"\";\n position: absolute;\n top: -10px;\n left: 24px;\n font-family: 'Fraunces', Georgia, serif;\n font-size: 80px;\n line-height: 1;\n color: var(--about-accent);\n opacity: 0.2;\n pointer-events: none;\n }\n\n .about-thesis__lead {\n font-size: 1.05rem;\n line-height: 1.65;\n color: var(--about-ink-soft);\n margin-bottom: 14px;\n }\n\n .about-thesis__line {\n font-family: 'Fraunces', Georgia, serif;\n font-weight: 600;\n font-size: clamp(1.3rem, 2.2vw, 1.65rem);\n line-height: 1.35;\n letter-spacing: -0.01em;\n color: var(--about-ink);\n margin-bottom: 16px;\n }\n\n .about-thesis__line .about-pop {\n color: var(--about-accent);\n font-style: italic;\n font-weight: 700;\n }\n\n .about-thesis__attribution {\n font-family: 'JetBrains Mono', ui-monospace, monospace;\n font-size: 11px;\n font-weight: 500;\n color: var(--about-ink-muted);\n text-transform: uppercase;\n letter-spacing: 0.18em;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n SUBSECTIONS \u2014 \"The model\", \"Geneva-based\"\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .about-block {\n margin-bottom: 56px;\n }\n\n .about-block:last-child { margin-bottom: 0; }\n\n .about-block__title {\n font-family: 'Fraunces', Georgia, serif;\n font-weight: 600;\n font-size: clamp(1.4rem, 2.4vw, 1.8rem);\n line-height: 1.2;\n color: var(--about-ink);\n margin-bottom: 24px;\n letter-spacing: -0.01em;\n display: flex;\n align-items: center;\n gap: 16px;\n }\n\n \/* Decorative leading line for subsection titles *\/\n .about-block__title::before {\n content: \"\";\n display: inline-block;\n width: 28px;\n height: 1px;\n background: var(--about-accent);\n flex-shrink: 0;\n }\n\n .about-block__para {\n font-size: 1.02rem;\n line-height: 1.7;\n text-align: justify;\n color: var(--about-ink-soft);\n margin-bottom: 18px;\n }\n\n .about-block__para:last-child { margin-bottom: 0; }\n\n \/* Highlighted closing measure-of-success line *\/\n .about-block__measure {\n font-family: 'Fraunces', Georgia, serif;\n font-style: italic;\n font-size: clamp(1.05rem, 1.5vw, 1.2rem);\n line-height: 1.55;\n color: var(--about-ink);\n margin-top: 8px;\n }\n\n .about-block__measure .about-pop {\n color: var(--about-accent);\n font-weight: 600;\n font-style: italic;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n RESPONSIVE\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n @media (max-width: 720px) {\n .about-section { padding: 80px 20px; }\n .about-opener { margin-bottom: 48px; gap: 22px; }\n .about-thesis { padding: 28px 26px; margin-bottom: 56px; }\n .about-thesis::before { font-size: 60px; left: 18px; }\n .about-block { margin-bottom: 44px; }\n .about-block__title::before { width: 20px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"about-section\" aria-label=\"\u00c0 propos de Cerentix\">\n <div class=\"about-section__inner\">\n\n <!-- \u2500\u2500 Opener \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"about-opener\">\n\n <span class=\"about-eyebrow\">\n <span class=\"about-eyebrow__dot\" aria-hidden=\"true\"><\/span>\n \u00c0 Propos de nous\n <\/span>\n\n <h2 class=\"about-headline\">\n Nous n'avions pas commenc\u00e9 comme <span class=\"about-pop\">un cabinet de conseil<\/span>\n <\/h2>\n\n <\/div>\n\n <!-- \u2500\u2500 Origin story \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"about-story\">\n <p class=\"about-story__para\">\n Cerentix a d\u00e9but\u00e9 comme une startup de sant\u00e9 num\u00e9rique \u00e0 l'EPFL Innovation Park, soutenue par InnoSuisse lorsque nous \u00e9tions encore \u00e9tudiants. Nous avons pass\u00e9 deux ans \u00e0 construire un produit technique \u00e0 partir de z\u00e9ro, en coordonnant l'ing\u00e9nierie, le commerce et la r\u00e9glementation des soins de sant\u00e9, apprenant ainsi par l'exp\u00e9rience comment les projets techniques r\u00e9ussissent ou \u00e9chouent r\u00e9ellement.\n <\/p>\n\n <p class=\"about-story__bridge\">\n Ce que nous avons appris a refa\u00e7onn\u00e9 ce que nous faisons.\n <\/p>\n <\/div>\n\n <!-- \u2500\u2500 Thesis panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"about-thesis\">\n <p class=\"about-thesis__lead\">\n La partie la plus difficile de tout projet technique n'est pas la technologie.\n <\/p>\n <p class=\"about-thesis__line\">\n \u00c7a garantit <span class=\"about-pop\">les bonnes d\u00e9cisions sont prises<\/span> avant tout engagement co\u00fbteux.\n <\/p>\n <p class=\"about-thesis__attribution\">\n L'intuition sur laquelle Cerentix est construite\n <\/p>\n <\/div>\n\n <!-- \u2500\u2500 The model \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"about-block\">\n <h3 class=\"about-block__title\">Le mod\u00e8le<\/h3>\n <p class=\"about-block__para\">\n Nous avons recentr\u00e9 notre attention l\u00e0 o\u00f9 nous avons constat\u00e9 le plus grand manque sur le march\u00e9 suisse : aider les entreprises \u00e0 naviguer dans l'adoption de l'IA et \u00e0 mener \u00e0 bien des projets techniques complexes sans approximations. Nous apportons la m\u00e9thodologie structur\u00e9e, la profondeur technique et la discipline de gestion de projet dont la plupart des organisations ont besoin mais ne poss\u00e8dent pas en interne.\n <\/p>\n <p class=\"about-block__para\">\n En fonction de la port\u00e9e et de la nature de chaque mission, notre \u00e9quipe principale est renforc\u00e9e par des contractuels sp\u00e9cialis\u00e9s, s\u00e9lectionn\u00e9s pour leur expertise particuli\u00e8re : IA, infrastructure informatique, syst\u00e8mes industriels ou conception de processus m\u00e9tier. Cela nous permet de rester agiles et flexibles : vous b\u00e9n\u00e9ficiez des personnes les plus adapt\u00e9es \u00e0 votre projet, sans payer pour une structure permanente dont vous n'avez pas besoin.\n <\/p>\n <\/div>\n\n <!-- \u2500\u2500 Geneva-based \u00b7 Swiss-focused \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"about-block\">\n <h3 class=\"about-block__title\">Bas\u00e9 \u00e0 Gen\u00e8ve. Ax\u00e9 sur la Suisse.<\/h3>\n <p class=\"about-block__para\">\n Nous travaillons exclusivement avec des entreprises suisses \u2014 des soci\u00e9t\u00e9s qui op\u00e8rent selon les attentes suisses en mati\u00e8re de qualit\u00e9, de discr\u00e9tion et de responsabilit\u00e9, et qui b\u00e9n\u00e9ficient de nos partenaires partageant le m\u00eame contexte.\n <\/p>\n <p class=\"about-block__measure\">\n Nous mesurons notre succ\u00e8s par une seule chose : <span class=\"about-pop\">si les entreprises avec lesquelles nous travaillons se retrouvent dans une meilleure position qu'\u00e0 leur arriv\u00e9e.<\/span>\n <\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n<\/body>\n<\/html><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_6 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_9 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_15 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_7 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n<title>Ready When You Are \u2014 CTA Section<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n GLOBAL TOKENS (already in your stylesheet \u2014\n included here for standalone preview only.\n Remove this block when merging.)\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n :root {\n --bg: #ffffff;\n --ink: #0f172a;\n --ink-soft: #475569;\n --grey-dark: #334155;\n --pill-bg: rgba(15, 23, 42, 0.05);\n --pill-border: rgba(15, 23, 42, 0.08);\n --accent: #1FA2FF;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n html, body {\n background: var(--bg);\n color: var(--ink);\n font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n line-height: 1.5;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n SECTION CONTAINER\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .cta-section {\n position: relative;\n background: var(--bg);\n padding: 140px 24px;\n overflow: hidden;\n }\n\n \/* Atmospheric glow \u2014 slightly stronger than other light\n sections, since this is the page's final beat and\n deserves a little more visual lift. *\/\n\n .cta-section__inner {\n position: relative;\n z-index: 1;\n max-width: 820px;\n margin: 0 auto;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 36px;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n EYEBROW\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .cta-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 10px 20px;\n background: var(--pill-bg);\n border: 1px solid var(--pill-border);\n border-radius: 999px;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n color: var(--grey-dark);\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n\n .cta-eyebrow__dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--accent);\n box-shadow: 0 0 0 4px rgba(31, 162, 255, 0.15);\n \/* Subtle pulse to give the closing section a sense of \"now\" *\/\n animation: cta-pulse 2.4s ease-in-out infinite;\n }\n\n @keyframes cta-pulse {\n 0%, 100% { box-shadow: 0 0 0 4px rgba(31, 162, 255, 0.15); }\n 50% { box-shadow: 0 0 0 7px rgba(31, 162, 255, 0.08); }\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n HEADLINE\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .cta-headline {\n font-family: 'Fraunces', Georgia, serif;\n font-weight: 500;\n font-size: clamp(2.4rem, 6vw, 4.2rem);\n line-height: 1.05;\n letter-spacing: -0.02em;\n color: var(--ink);\n max-width: 18ch;\n }\n\n .cta-headline .cta-pop {\n font-weight: 700;\n color: var(--accent);\n font-style: italic;\n font-variation-settings: \"opsz\" 144;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n BODY\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .cta-body {\n font-size: clamp(1.05rem, 1.5vw, 1.2rem);\n line-height: 1.7;\n color: var(--ink-soft);\n max-width: 60ch;\n }\n\n .cta-body strong {\n color: var(--ink);\n font-weight: 600;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n RESPONSIVE\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n @media (max-width: 640px) {\n .cta-section { padding: 96px 20px; }\n .cta-section__inner { gap: 28px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"cta-section\" aria-label=\"Contactez-nous\">\n <div class=\"cta-section__inner\">\n\n <span class=\"cta-eyebrow\">\n <span class=\"cta-eyebrow__dot\" aria-hidden=\"true\"><\/span>\n Pr\u00eat quand vous l'\u00eates\n <\/span>\n\n <h2 class=\"cta-headline\">\n Apporter-nous un projet <span class=\"cta-pop\">qui m\u00e9rite d'\u00eatre r\u00e9ussi<\/span>\n <\/h2>\n\n <p class=\"cta-body\">\n <strong>Commencez par un appel de 30 minutes.<\/strong> Que vous exploriez quelque chose de nouveau, que vous soyez bloqu\u00e9 sur quelque chose en cours, ou que vous r\u00e9fl\u00e9chissiez \u00e0 vous engager ou non, vous repartez avec la clart\u00e9 n\u00e9cessaire pour prendre la prochaine d\u00e9cision et un chemin clair devant vous.\n <\/p>\n\n <\/div>\n<\/section>\n\n<\/body>\n<\/html><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_10 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_16 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_row_11 et_pb_row et_pb_row_nested et_flex_row\">\n<div class=\"et_pb_column_17 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_8_24 et_flex_column_8_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_2_wrapper\"><a class=\"et_pb_button_2 et_pb_button et_pb_bg_layout_light et_pb_module et_flex_module\" href=\"https:\/\/calendar.app.google\/GZvVKRVAZphNRnM67\" target=\"_blank\">R\u00e9server un appel<\/a><\/div>\n<\/div>\n\n<div class=\"et_pb_column_18 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_8_24 et_flex_column_8_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_3_wrapper\"><a class=\"et_pb_button_3 et_pb_button et_pb_bg_layout_light et_pb_module et_flex_module\" href=\"https:\/\/www.linkedin.com\/company\/110125311\/\" target=\"_blank\">LinkedIn<\/a><\/div>\n<\/div>\n\n<div class=\"et_pb_column_19 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_8_24 et_flex_column_8_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>\u00a0 \u00a0 +41 77 407 61 83\u00a0 \u00a0 \u00a0<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_code_8 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n<title>Trust Line<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n:root{--bg:#ffffff;--ink-muted:#475569;}\n*{box-sizing:border-box;margin:0;padding:0;}\nhtml,body{background:var(--bg);font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}\n.trust-wrap{display:flex;align-items:center;justify-content:center;}\n.trust{font-size:13px;color:var(--ink-muted);letter-spacing:0.03em;text-transform:uppercase;text-align:center;font-weight:500;}\n<\/style>\n<\/head>\n<body>\n<div class=\"trust-wrap\">\n<p class=\"trust\">appels en anglais ou en fran\u00e7ais \u00b7 r\u00e9ponse en un jour ouvrable<\/p>\n<\/div>\n<\/body>\n<\/html><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-29032","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cerentix.com\/fr\/wp-json\/wp\/v2\/pages\/29032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cerentix.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cerentix.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cerentix.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cerentix.com\/fr\/wp-json\/wp\/v2\/comments?post=29032"}],"version-history":[{"count":24,"href":"https:\/\/cerentix.com\/fr\/wp-json\/wp\/v2\/pages\/29032\/revisions"}],"predecessor-version":[{"id":29073,"href":"https:\/\/cerentix.com\/fr\/wp-json\/wp\/v2\/pages\/29032\/revisions\/29073"}],"wp:attachment":[{"href":"https:\/\/cerentix.com\/fr\/wp-json\/wp\/v2\/media?parent=29032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}