index.html

<meta charset="utf-8">


<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ocobo · La science du revenu</title>
<meta name="robots" content="noindex">
<link rel="icon" href="assets/702244c72e6f4543fa3f1455456a2c25.png">
<style>
/*RA*/.sn-ai{position:relative}.sn-rd{position:absolute;left:-3px;top:50%;width:14px;height:14px;margin-top:-7px;opacity:0;transform:scale(.3);transition:opacity .25s,transform .4s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.sn-rd::before{content:"";position:absolute;inset:0;border-radius:50%;padding:1.5px;background:linear-gradient(135deg,#FE9C87,#F1CF25);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.sn-rd i{position:absolute;inset:2px;border-radius:50%;background:conic-gradient(from 0deg,rgba(254,156,135,0) 0deg,rgba(254,156,135,0) 220deg,rgba(254,156,135,.6) 320deg,#F1CF25 360deg);animation:snSweep 1.6s linear infinite paused}.sn-rd i::after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;border-radius:50%;background:#212323}.sn-rd b{position:absolute;inset:0;border-radius:50%;border:1px solid #FE9C87;opacity:0}.sn-ai:hover .sn-rd,.sn-ai:focus-visible .sn-rd{opacity:1;transform:scale(1)}.sn-ai:hover .sn-rd i,.sn-ai:focus-visible .sn-rd i{animation-play-state:running}.sn-ai:hover .sn-rd b,.sn-ai:focus-visible .sn-rd b{animation:snRping 1.6s .2s ease-out infinite}@keyframes snSweep{to{transform:rotate(360deg)}}@keyframes snRping{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(2.2)}}@media(max-width:1023px),(hover:none){.sn-rd{display:none}}@media(prefers-reduced-motion:reduce){.sn-rd i,.sn-ai:hover .sn-rd b{animation:none}}/*RA:end*//*LG*/.sn-lg{position:relative;display:block;line-height:0}.sn-o{position:absolute;left:40.23%;top:29.8%;width:18.97%;height:63.46%;perspective:240px;pointer-events:none}.sn-o-in{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.34,1.4,.5,1)}.sn-o img{position:absolute;inset:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.sn-o img+img{transform:rotateY(180deg) scale(.96)}.sn-home:hover .sn-o-in,.sn-home:focus-visible .sn-o-in{transform:rotateY(180deg)}@media(prefers-reduced-motion:reduce){.sn-o-in{transition:none}}/*LG:end*/
/*DS:start*/
/* Ocobo design system v1 : source unique, synchronisée dans chaque page (ds/ds_sync.py) */
:root{
--ds-dark:#212323;--ds-mint:#9ADBBA;--ds-sky:#99D1DF;--ds-coral:#FE9C87;--ds-yellow:#F1CF25;--ds-grey:#767676;
--ds-ink-2:#52525B;--ds-ink-3:#71717A;--ds-ink-4:#A1A1AA;--ds-line:#ECECEE;--ds-paper:#F5F5F0;
--ds-ai:linear-gradient(90deg,#FE9C87,#F1CF25);
--ds-r-s:8px;--ds-r-m:16px;--ds-r-l:24px;--ds-r-full:999px;
--ds-sh-1:0 15px 40px -20px rgba(33,35,35,.12);
--ds-sh-2:0 22px 44px -24px rgba(33,35,35,.24);
--ds-sh-3:0 30px 60px -26px rgba(33,35,35,.45);
--ds-h2:clamp(34px,3.6vw,48px);--ds-h3:24px;
--ds-sec:112px;--ds-sec-c:80px
}
/* Pastilles */
.ds-pill{display:inline-block;font-family:'Bermia',sans-serif;font-weight:900;font-size:12px;letter-spacing:.3em;text-transform:uppercase;padding:6px 16px;border-radius:var(--ds-r-full);color:var(--ds-dark);background:var(--ds-yellow)}
.ds-pill-ai{background:var(--ds-ai)}
.ds-tag{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ds-ink-3)}
.ds-tag i{width:7px;height:7px;border-radius:var(--ds-r-full);background:currentColor}
.ds-eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ds-ink-4)}
/* Carte */
.ds-card{background:#FFFFFF;border:1px solid var(--ds-line);border-radius:var(--ds-r-m);box-shadow:var(--ds-sh-1)}
/* Carte qui se retourne (mecanique commune) */
.ds-flip{perspective:1200px;cursor:pointer}
.ds-flip-in{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.ds-flip:hover .ds-flip-in,.ds-flip:focus-within .ds-flip-in{transform:rotateY(180deg)}
.ds-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--ds-r-m);box-sizing:border-box}
.ds-face-b{transform:rotateY(180deg)}
@media (prefers-reduced-motion: reduce){.ds-flip-in{transition:none}}
/* Carte Consultant (unique) */
.ds-person{height:300px;font-family:'Bornia','Inter',sans-serif;color:var(--ds-dark)}
.ds-person .ds-face{display:flex;flex-direction:column}
.ds-p-front{background:#FFFFFF;border:1px solid var(--ds-line);box-shadow:var(--ds-sh-1);padding:32px 20px 28px;align-items:center;justify-content:center;gap:14px;text-align:center}
.ds-p-back{padding:24px 22px;gap:8px;text-align:left;background:var(--ds-paper)}
.ds-p-ring{width:120px;height:120px;border-radius:var(--ds-r-full);padding:4px;box-sizing:border-box;display:flex}
.ds-p-av{flex:1;border-radius:var(--ds-r-full);background:var(--ds-paper);display:flex;align-items:center;justify-content:center;font-family:'Bermia',sans-serif;font-weight:900;font-size:30px;color:var(--ds-dark);overflow:hidden}
.ds-p-av img{width:100%;height:100%;object-fit:cover}
.ds-p-name{font-family:'Bermia',sans-serif;font-weight:900;font-size:20px;line-height:1.15}
.ds-p-role{font-size:14px;color:var(--ds-ink-3);font-weight:500}
.ds-p-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:var(--ds-r-full)}
.ds-p-hint{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:var(--ds-r-full);background:var(--ds-paper);display:flex;align-items:center;justify-content:center;color:var(--ds-ink-4)}
.ds-p-first{font-family:'Bermia',sans-serif;font-weight:900;font-size:18px}
.ds-p-k{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;opacity:.6}
.ds-p-k+.ds-p-txt{margin-bottom:4px}
.ds-p-txt{font-size:14px;line-height:1.45}
.ds-p-sub{font-size:13px;line-height:1.45}
.ds-p-foot{margin-top:auto;font-size:13px;font-weight:700}
/*DS:end*//*RM*/.sn-ext{display:inline-block;vertical-align:-1px;margin-left:6px;opacity:.55}/*RM:end*/
/*IAD:start*/
section:has(#ia8),section:has(#th8){position:relative;isolation:isolate;overflow:hidden}
section:has(#ia8)::after,section:has(#th8)::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.11) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 55% 65% at 72% 50%,#000 15%,transparent 85%);mask-image:radial-gradient(ellipse 55% 65% at 72% 50%,#000 15%,transparent 85%)}
@media (max-width:1023px){section:has(#ia8)::after,section:has(#th8)::after{-webkit-mask-image:radial-gradient(ellipse 90% 50% at 50% 65%,#000 15%,transparent 85%);mask-image:radial-gradient(ellipse 90% 50% at 50% 65%,#000 15%,transparent 85%)}}
/*IAD:end*/

@font-face{font-family:"Bermia";src:url("assets/8ec5a196dae191e1579c3de6d0bc6bfa.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"Bornia";src:url("assets/f55320b4f5c92c7aa444cb300598c57c.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Bornia";src:url("assets/3a7993bb88639848c7433c275c92ccfa.otf") format("opentype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Bornia";src:url("assets/87420463dd01f48342e4075e61fe5381.otf") format("opentype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Bornia";src:url("assets/4a195e06fa9d1934f4972d87325993e8.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}
body{margin:0;background:#FFFFFF}
.nav-dd{position:relative}
.nav-dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}
.nav-panel{opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
.nav-dd:hover .nav-panel,.nav-dd:focus-within .nav-panel{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav-dd:hover .nav-chev,.nav-dd:focus-within .nav-chev{transform:rotate(180deg)}
.nav-chev{transition:transform .2s ease}
.nav-item{transition:background .2s ease}.nav-item:hover{background:#F5F5F5!important}
.nav-item:hover .nav-arrow{opacity:1;transform:translateX(0)}
.ej-flip{perspective:1400px;height:500px}
.ej-in{position:relative;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.ej-flip:hover .ej-in,.ej-flip:focus-visible .ej-in{transform:rotateY(180deg)}
.ej-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--ds-r-m);overflow:hidden;box-sizing:border-box}
.ej-back{transform:rotateY(180deg)}
@media (prefers-reduced-motion: reduce){.ej-in{transition:none}}
.hv-card{transition:transform .3s ease,box-shadow .3s ease}
.hv-card:hover{transform:translateY(-6px)!important;box-shadow:var(--ds-sh-2) !important}
.hv-feat{transition:transform .5s ease,box-shadow .5s ease}
.hv-feat:hover{transform:translateY(-8px);box-shadow:var(--ds-sh-2)}
.hv-feat .feat-ic{transition:transform .5s ease}.hv-feat:hover .feat-ic{transform:scale(1.1) rotate(6deg)}
.hv-btn{transition:transform .25s ease,box-shadow .25s ease}
.hv-btn:hover{transform:translateY(-3px)!important;box-shadow:var(--ds-sh-3) !important}
.hv-btn svg{transition:transform .25s ease}.hv-btn:hover svg{transform:translateX(4px)}
.hv-pill{transition:transform .25s ease}.hv-pill:hover{transform:scale(1.05)}
.hv-logo{filter:grayscale(1);opacity:.65;transition:filter .3s ease,opacity .3s ease,transform .3s ease}
.hv-logo:hover{filter:none;opacity:1}
.hv-cap{transition:transform .3s ease,box-shadow .3s ease}
.hv-cap:hover{transform:translateY(-4px);box-shadow:var(--ds-sh-2)}
.hv-cap:hover .hv-logo{filter:none;opacity:1}
.hv-nav{transition:background .2s ease}.hv-nav:hover{background:rgba(33,35,35,.08)!important}
.hv-rot{transition:transform 1s ease}.hv-rot:hover{transform:rotate(45deg)!important}
.reveal{opacity:0;animation:heroReveal .8s ease forwards}
@keyframes heroReveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.fl{animation:floatSlow 12s ease-in-out infinite}
@keyframes floatSlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.marq{display:flex;gap:72px;width:max-content;animation:marq 40s linear infinite}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){.hv-card,.hv-feat,.hv-btn,.hv-cap,.hv-pill{transition:none!important;transform:none!important}.fl,.marq,.reveal{animation:none!important;opacity:1}}
a{color:#212323}a:hover{color:#000000}
.stk-logo{transition:all .5s ease}.stk-logo:hover{transform:translateY(-4px);box-shadow:var(--ds-sh-1) !important;border-color:rgba(153,209,223,.3)!important}
.stk-img{filter:grayscale(1);opacity:.6;transition:all .3s ease}.stk-logo:hover .stk-img{filter:none;opacity:1}
.stk-empty{transition:all .5s ease;color:#E4E4E7}.stk-empty:hover{background:#FFFFFF!important;border-style:solid!important;border-color:rgba(241,207,37,.4)!important;color:#F1CF25}
.hm-exp,.hm-lin,.hm-area,.hm-lt,.hm-dot,.hm-chip{animation-timeline:view();animation-fill-mode:both;animation-timing-function:linear}
.hm-exp{stroke-dasharray:1;stroke-dashoffset:0;animation-name:hmDraw;animation-range:entry 30% cover 55%}
.hm-lin,.hm-lt{animation-name:hmFade;animation-range:entry 20% entry 70%}
.hm-area{animation-name:hmFade;animation-range:cover 45% cover 60%}
@supports (animation-timeline: view()){
.hb-wrap{view-timeline-name:--hb}
.hb-fl path{stroke-dasharray:1;animation:hbDraw linear both;animation-timeline:--hb;animation-range:entry 30% cover 50%}
.hb-fl path:nth-child(2n){animation-range:entry 40% cover 55%}
.hb-knot{animation:hbPop linear both;animation-timeline:--hb;animation-range:entry 60% cover 45%}
.hb-lab span{animation:hmFade linear both;animation-timeline:--hb;animation-range:entry 50% cover 50%}
}
@keyframes hbDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes hbPop{from{transform:scale(0)}to{transform:scale(1)}}
@media (prefers-reduced-motion: reduce){.hb-fl path,.hb-knot,.hb-lab span{animation:none!important}}
@media (max-width: 767px){.hb-lab{display:none!important}}
@keyframes hmDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes hmFade{from{opacity:0}to{opacity:1}}
.hm-dot{transform-box:fill-box;transform-origin:center;animation-name:hmPop}
.hm-d1{animation-range:cover 36% cover 41%}.hm-d2{animation-range:cover 42% cover 47%}.hm-d3{animation-range:cover 47% cover 52%}.hm-d4{animation-range:cover 53% cover 58%}
@keyframes hmPop{from{transform:scale(0)}to{transform:scale(1)}}
.hm-chip{position:absolute;transform:translate(-50%,calc(-100% - 18px));white-space:nowrap;background:#FFFFFF;border:1px solid #E4E4E7;box-shadow:var(--ds-sh-2);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;color:#212323;animation-name:hmChip}
.hm-c1{animation-range:cover 37% cover 43%}.hm-c2{animation-range:cover 43% cover 49%}.hm-c3{animation-range:cover 48% cover 54%}
.hm-end{background:#212323;color:#F1CF25;border-color:#212323;font-family:'Bermia',sans-serif;font-weight:900;font-size:18px;padding:10px 20px;transform:translate(-80%,calc(-100% - 22px));animation-range:cover 54% cover 60%}
@keyframes hmChip{from{opacity:0;margin-top:10px}to{opacity:1;margin-top:0}}
@media (prefers-reduced-motion: reduce){.hm-exp,.hm-lin,.hm-area,.hm-lt,.hm-dot,.hm-chip{animation:none!important}}
.sn-wrap{position:sticky;top:0;z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding:24px;pointer-events:none;height:96px;box-sizing:border-box;margin-bottom:0}
.sn-nav{position:relative;width:100%;max-width:1280px;pointer-events:auto;background:rgba(255,255,255,0);border:1px solid transparent;border-radius:0;padding:16px 0;box-sizing:border-box;font-family:'Bornia','Inter',sans-serif;animation:snPill linear both;animation-timeline:scroll(root);animation-range:0px 120px}
@keyframes snPill{to{max-width:1024px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:#F4F4F5;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);border-radius:999px;padding:8px 24px;margin-top:-8px}}
.sn-row{display:flex;justify-content:space-between;align-items:center;position:relative;height:48px}
.sn-logo{display:block;height:46px;width:auto;animation:snLogo linear both;animation-timeline:scroll(root);animation-range:0px 120px}
@keyframes snLogo{to{height:32px}}
.sn-links{display:flex;align-items:center;gap:8px;padding:0 8px}
.sn-link{display:flex;align-items:center;gap:4px;padding:8px 16px;border-radius:999px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s;color:#71717A;text-decoration:none;white-space:nowrap;background:none;border:0}
.sn-link:hover,.sn-link.is-cur,.sn-dd:hover>.sn-link,.sn-dd:focus-within>.sn-link{color:#212323}
.sn-chev{transition:transform .3s,opacity .3s;opacity:.3}
.sn-dd{position:relative}
.sn-dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:30px}
.sn-dd:hover .sn-chev,.sn-dd:focus-within .sn-chev{transform:rotate(180deg);opacity:.6}
.sn-panel{position:absolute;top:calc(100% + 28px);left:50%;width:380px;background:#FFFFFF;border-radius:var(--ds-r-l);padding:8px;box-shadow:var(--ds-sh-2);border:1px solid #F4F4F5;box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-8px);transition:all .3s;z-index:60;text-align:left}
.sn-dd:hover .sn-panel,.sn-dd:focus-within .sn-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.sn-item{display:flex;gap:16px;align-items:flex-start;padding:16px;border-radius:var(--ds-r-m);transition:all .3s;text-decoration:none;color:#212323}
.sn-ic{width:40px;height:40px;border-radius:var(--ds-r-s);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .3s}
.sn-item:hover .sn-ic{transform:scale(1.05)}
.sn-ic-yellow{background:rgba(241,207,37,.1);color:#F1CF25}.sn-ic-sky{background:rgba(153,209,223,.1);color:#99D1DF}.sn-ic-coral{background:rgba(254,156,135,.1);color:#FE9C87}.sn-ic-mint{background:rgba(154,219,186,.1);color:#9ADBBA}
.sn-yellow:hover{background:#FFFCEE}.sn-sky:hover{background:#F0F9FB}.sn-coral:hover{background:#FFF5F2}.sn-mint:hover{background:#EBFDF5}
.sn-txt{display:block;transition:transform .3s}.sn-item:hover .sn-txt{transform:translateX(4px)}
.sn-h{display:flex;align-items:center;gap:4px;font-weight:700;color:#212323;font-size:16px;margin-bottom:2px;transition:color .3s}
.sn-yellow:hover .sn-h{color:#F1CF25}.sn-sky:hover .sn-h{color:#99D1DF}.sn-coral:hover .sn-h{color:#FE9C87}.sn-mint:hover .sn-h{color:#9ADBBA}
.sn-d{display:block;font-size:12px;color:#A1A1AA;font-weight:500;line-height:1.25}
.sn-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:600;letter-spacing:.025em;transition:all .3s;border:1px solid transparent;text-decoration:none;background:#212323;color:#FFFFFF!important;padding:8px 16px;font-size:12px;flex-shrink:0}
.sn-cta:hover{background:rgba(33,35,35,.8)}.sn-cta svg{transition:transform .3s}.sn-cta:hover svg{transform:translateX(4px)}
.sn-panel-wide{width:680px}.sn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.sn-num{font-weight:700;font-size:13px}
.sn-ic-gray{background:rgba(118,118,118,.1);color:#767676}.sn-ic-dark{background:linear-gradient(135deg,#FE9C87,#F1CF25);color:#212323}
.sn-gray:hover{background:#F5F5F5}.sn-dark{background:linear-gradient(90deg,rgba(254,156,135,.12),rgba(241,207,37,.12))}.sn-dark:hover{background:linear-gradient(90deg,rgba(254,156,135,.22),rgba(241,207,37,.22))}.sn-dark .sn-elab{background:linear-gradient(90deg,#F2785C,#D9A800);-webkit-background-clip:text;background-clip:text;color:transparent}.sn-gray:hover .sn-h{color:#767676}
.sn-foot{margin:6px 8px 4px;padding:14px 8px 6px;border-top:1px solid #F4F4F5;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;font-weight:500;color:#71717A}
.sn-panel-mega{width:780px;padding:10px}
.sn-mgrid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:10px}
.sn-mcol{display:flex;flex-direction:column;gap:2px}
.sn-mrow{display:flex;gap:16px;align-items:flex-start;padding:16px;border-radius:var(--ds-r-m);transition:background .3s}
.sn-mrow:hover .sn-ic{transform:scale(1.05)}
.sn-mtxt{display:flex;flex-direction:column;gap:10px;min-width:0}
.sn-mlink{text-decoration:none;color:#212323;display:block}
.sn-marr{display:inline-flex;opacity:0;transform:translateX(-4px);transition:all .3s;margin-left:4px}
.sn-mrow:hover .sn-marr{opacity:1;transform:none}
.sn-chips{display:flex;flex-wrap:wrap;gap:6px}
.sn-chip{font-size:12px;font-weight:600;color:#52525B;text-decoration:none;background:#FFFFFF;border:1px solid #E4E4E7;border-radius:999px;padding:4px 10px;transition:all .2s}
.sn-chip:hover{background:#212323;color:#FFFFFF!important;border-color:#212323}
.sn-feat{display:flex;flex-direction:column;gap:12px;background:#212323;color:#FFFFFF!important;border-radius:var(--ds-r-m);padding:22px;text-decoration:none;position:relative;overflow:hidden;transition:transform .3s}
.sn-feat:hover{transform:translateY(-2px)}
.sn-flabel{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#F1CF25}
.sn-ftitle{font-family:'Bermia',sans-serif;font-weight:900;font-size:19px;line-height:1.2}
.sn-bars{display:flex;align-items:flex-end;gap:6px;height:60px;margin:4px 0}
.sn-bars span{flex:1;border-radius:var(--ds-r-s) 6px 2px 2px}
.sn-fd{font-size:13px;line-height:1.45;color:rgba(255,255,255,.7);font-weight:500}
.sn-fcta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#F1CF25}
.sn-fcta svg{transition:transform .3s}.sn-feat:hover .sn-fcta svg{transform:translateX(4px)}
.sn-mfoot{margin:8px 6px 2px;padding:12px 10px 4px;border-top:1px solid #F4F4F5;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;font-weight:500;color:#A1A1AA}
.sn-steps{display:flex;align-items:center;gap:8px}.sn-steps b{font-size:12px;font-weight:700;color:#212323;background:#F5F5F5;padding:4px 10px;border-radius:999px}.sn-steps i{width:14px;height:1px;background:#D4D4D8}
.sn-panel-enj{width:900px;padding:10px}
.sn-egrid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:10px}
.sn-ecol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;align-content:start}
.sn-erow{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:var(--ds-r-m);transition:background .3s;text-decoration:none;color:#212323}
.sn-erow:hover .sn-ic{transform:scale(1.05)}.sn-erow:hover .sn-txt{transform:translateX(4px)}.sn-erow:hover .sn-marr{opacity:1;transform:none}
.sn-elab{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#A1A1AA;margin-bottom:4px}
.sn-et{display:block;font-weight:700;font-size:15px;line-height:1.3;color:#212323}
.sn-bow{display:flex;flex-direction:column;gap:10px;background:#F5F5F5;border-radius:var(--ds-r-m);padding:20px;text-decoration:none;color:#212323;transition:transform .3s}
.sn-bow:hover{transform:translateY(-2px)}.sn-bow:hover .sn-fcta svg{transform:translateX(4px)}
.sn-btitle{font-family:'Bermia',sans-serif;font-weight:900;font-size:18px;line-height:1.2}
.sn-btop{display:flex;justify-content:center;gap:6px;margin-top:4px}
.sn-btop i{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#52525B;background:#FFFFFF;border:1px solid #E4E4E7;padding:3px 8px;border-radius:999px}
.sn-bleg{display:flex;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#A1A1AA;margin-top:2px}
.sn-bbar{display:block;border-radius:999px;color:#52525B;background:#FFFFFF;border:1px solid #E4E4E7;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;margin-top:-4px}
.sn-ic-gray.sn-num,.sn-ic-dark.sn-num{}
@media (prefers-reduced-motion: reduce){.sn-nav,.sn-logo{animation:none!important}}
.hx-exp{stroke-dasharray:1;stroke-dashoffset:0;animation:hxDraw 1.8s cubic-bezier(.6,0,.2,1) .4s backwards}
.hx-lin{animation:hxFade .8s ease .3s backwards}.hx-area{animation:hxFade 1s ease 1.6s backwards}.hx-lt{animation:hxFade .6s ease 1s backwards}
@keyframes hxDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes hxFade{from{opacity:0}to{opacity:1}}
.hx-dot{transform-box:fill-box;transform-origin:center;animation:hxPop .4s cubic-bezier(.2,.8,.2,1.4) backwards}
.hx-d1{animation-delay:1.1s}.hx-d2{animation-delay:1.45s}.hx-d3{animation-delay:1.75s}.hx-d4{animation-delay:2.15s}
@keyframes hxPop{from{transform:scale(0)}to{transform:scale(1)}}
.hx-sh{animation:hxShape .7s cubic-bezier(.2,.8,.2,1.2) backwards}.hx-s1{animation-delay:1.05s}.hx-s2{animation-delay:1.4s}.hx-s3{animation-delay:1.7s}.hx-s4{animation-delay:2.1s}
@keyframes hxShape{from{opacity:0;scale:.2}}
.hx-chip{z-index:2;position:absolute;transform:translate(-50%,calc(-100% - 16px));white-space:nowrap;background:#FFFFFF;border:1px solid #E4E4E7;box-shadow:var(--ds-sh-2);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;color:#212323;animation:hxChip .5s cubic-bezier(.2,.8,.2,1) backwards}
.hx-c1{animation-delay:1.2s}.hx-c2{animation-delay:1.55s}.hx-c3{animation-delay:1.85s}
.hx-end{background:#212323;color:#F1CF25;border-color:#212323;font-family:'Bermia',sans-serif;font-weight:900;font-size:18px;padding:10px 20px;animation-delay:2.25s;transform:translate(-85%,calc(-100% - 22px))}
@keyframes hxChip{from{opacity:0;margin-top:10px}to{opacity:1;margin-top:0}}
#mission.il-armed:not(.il-go) .il-s,#mission.il-armed:not(.il-go) .il-w{opacity:0}
.il-go .il-s{animation:ilPop .7s cubic-bezier(.2,.8,.2,1.3) backwards}.il-go .il-s1{animation-delay:.1s}.il-go .il-s2{animation-delay:.25s}.il-go .il-s3{animation-delay:.4s}.il-go .il-s4{animation-delay:.55s}
@keyframes ilPop{from{opacity:0;scale:.3}to{opacity:1;scale:1}}
.il-go .il-w{animation:ilUp .7s cubic-bezier(.2,.8,.2,1) backwards}.il-go .il-w1{animation-delay:.3s}.il-go .il-w2{animation-delay:.45s}.il-go .il-w3{animation-delay:.6s}.il-go .il-w4{animation-delay:.75s}.il-go .il-w5{animation-delay:.9s}
@keyframes ilUp{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}
.il-ln,.il-bar,.il-pie{transform-box:fill-box}.il-ln{transform-origin:left center}.il-bar{transform-origin:center bottom}.il-pie{transform-origin:center}
.il-go .il-ln{animation:ilX .6s cubic-bezier(.2,.8,.2,1) backwards}.il-go .il-ln:nth-of-type(1){animation-delay:.9s}.il-go .il-ln:nth-of-type(2){animation-delay:1s}.il-go .il-ln:nth-of-type(3){animation-delay:1.1s}.il-go .il-ln:nth-of-type(4){animation-delay:1.2s}.il-go .il-ln:nth-of-type(5){animation-delay:1.3s}
@keyframes ilX{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.il-go .il-bar{animation:ilY .6s cubic-bezier(.2,.8,.2,1.2) backwards}.il-go .il-bar:nth-of-type(1){animation-delay:1.3s}.il-go .il-bar:nth-of-type(2){animation-delay:1.4s}.il-go .il-bar:nth-of-type(3){animation-delay:1.5s}.il-go .il-bar:nth-of-type(4){animation-delay:1.6s}.il-go .il-bar:nth-of-type(5){animation-delay:1.7s}
@keyframes ilY{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.il-go .il-pie{animation:ilPie 1s cubic-bezier(.2,.8,.2,1) 1s backwards}
@keyframes ilPie{from{opacity:0;transform:rotate(-120deg) scale(.5)}to{opacity:1;transform:none}}
.il-wave{stroke-dasharray:1}.il-go .il-wave{animation:ilDraw 1.4s ease 1.3s backwards}.il-go .il-wave2{animation:hxFade .8s ease 1.9s backwards}
@keyframes ilDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media (prefers-reduced-motion: reduce){.il-s,.il-w,.il-ln,.il-bar,.il-pie,.il-wave,.il-wave2{animation:none!important;opacity:1!important}}
.pw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pw-it{display:flex;flex-direction:column;gap:16px}
.pw-cap{display:flex;flex-direction:column;gap:6px;padding:0 4px}
.pw-lab{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.pw-lab i{width:7px;height:7px;border-radius:999px}
.pw-t{font-family:'Bermia',sans-serif;font-weight:900;font-size:17px;line-height:1.25;color:#FFFFFF}
.pw-win{position:relative;background:#FFFFFF;border-radius:var(--ds-r-m);overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.06);font-family:'Bornia','Inter',sans-serif;color:#212323;height:250px;display:flex;flex-direction:column;transition:transform .35s ease,box-shadow .35s ease}
.pw-it:hover .pw-win{transform:translateY(-4px);box-shadow:0 40px 70px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.1)}
.pw-bar{display:flex;align-items:center;gap:10px;height:30px;padding:0 10px;background:#FAFAFA;border-bottom:1px solid #EFEFF1;flex:none}
.pw-dots{display:flex;gap:5px}.pw-dots i{width:8px;height:8px;border-radius:999px;background:#E4E4E7}
.pw-bt{font-size:11.5px;font-weight:600;color:#3F3F46}
.pw-b{padding:12px 14px;display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}
.pw-ah{display:flex;gap:10px;align-items:center}
.pw-ah b{display:block;font-size:12.5px;font-weight:600}.pw-ah small{display:block;font-size:11px;color:#A1A1AA;font-weight:500}
.pw-av{flex:none;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#FE9C87,#F1CF25);color:#212323;display:flex;align-items:center;justify-content:center}
.pw-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11.5px;color:#71717A;padding:6px 0;border-top:1px solid #F2F2F4}
.pw-v{display:inline-flex;align-items:center;gap:6px;color:#212323;font-weight:600}
.pw-ok{width:15px;height:15px;border-radius:999px;background:#EFFAF4;color:#3E9468;display:inline-flex;align-items:center;justify-content:center}
.pw-acc{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:2px 10px;align-items:center;padding:5px 0;border-top:1px solid #F2F2F4}
.pw-acc b{font-size:12px;font-weight:600}.pw-acc small{grid-column:1;font-size:10.5px;color:#A1A1AA;font-weight:500}
.pw-score{grid-row:1/3;grid-column:2;height:5px;border-radius:999px;background:#F2F2F4;position:relative;overflow:hidden}
.pw-score i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#FE9C87,#F1CF25);transform-origin:left;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.pw-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pw-list li{font-size:11.5px;color:#3F3F46;line-height:1.4;padding-left:13px;position:relative}
.pw-list li::before{content:"";position:absolute;left:2px;top:6px;width:5px;height:5px;border-radius:999px;background:#212323}
.pw-list li b{font-weight:600;color:#212323}
.pw-msg{display:flex;gap:10px;align-items:flex-start}
.pw-msg b{display:block;font-size:12.5px;font-weight:600}.pw-msg b small{font-weight:500;color:#A1A1AA;margin-left:4px}
.pw-txt{margin:3px 0 0;font-size:11.5px;line-height:1.45;color:#3F3F46}
.pw-typing{display:none;margin:6px 0 0;gap:4px}.pw-typing i{width:5px;height:5px;border-radius:999px;background:#C4C4C8;animation:hwDot 1s ease-in-out infinite}
.pw-typing i:nth-child(2){animation-delay:.15s}.pw-typing i:nth-child(3){animation-delay:.3s}
@keyframes hwDot{0%,100%{opacity:.3;transform:none}50%{opacity:1;transform:translateY(-2px)}}
.pw-btns{display:flex;gap:6px;margin-top:8px}.pw-btns span{font-size:10.5px;font-weight:600;padding:4px 8px;border-radius:7px;border:1px solid #E9E9EC;background:#FFFFFF}
.pw-btns span:last-child{background:#212323;color:#FFFFFF;border-color:#212323}
.pw-armed .pw-s{opacity:0;translate:0 5px;transition:opacity .4s ease,translate .4s ease}
.pw-armed .pw-win.on .pw-s{opacity:1;translate:0 0}
.pw-armed .pw-score i{transform:scaleX(0)}
.pw-armed .pw-win.on .pw-score i{transform:scaleX(1)}
.pw-armed .pw-win.on .pw-typing{display:flex;animation:hwHide 0s linear .9s forwards}
@keyframes hwHide{to{height:0;margin:0;opacity:0;overflow:hidden}}
@media (max-width: 1023px){.pw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 639px){.pw-grid{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion: reduce){.pw-armed .pw-s{opacity:1!important;translate:none!important;transition:none!important}.pw-armed .pw-score i{transform:none!important}}
.hx-gl,.hx-pil text{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;fill:#A1A1AA}
.hx-pil text{fill:#8A8A92}
@media (max-width: 767px){.hx-pil,.hx-gl{display:none}}
.hx{position:relative;width:100%}
.hx svg{display:block;width:100%;height:auto;overflow:visible}
.hx text{font-family:'Bornia','Inter',sans-serif}
.hx-team text{font-size:14px;font-weight:500;fill:#212323;letter-spacing:-.005em}
.hx-gain text{font-size:13.5px;font-weight:600;fill:#212323;letter-spacing:-.01em}
.hx-gain .hx-gn{font-size:10px;font-weight:600;letter-spacing:.14em;fill:#A1A1AA}
.hx-axl{font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;fill:#A1A1AA}
.hx-grid{stroke:#EDEDEF;stroke-width:1;stroke-dasharray:2 5}
.hx-base{stroke:#E4E4E7;stroke-width:1}
.hx-guide{stroke:#212323;stroke-opacity:.16;stroke-width:1}
.h8-frame .hx-hit{pointer-events:all;cursor:default}
.hx-tip{position:absolute;z-index:6;pointer-events:none;width:240px;background:#212323;color:#FFFFFF;font-family:'Bornia','Inter',sans-serif;font-size:12.5px;font-weight:500;line-height:1.45;padding:10px 13px;border-radius:var(--ds-r-s);box-shadow:var(--ds-sh-3);transform:translate(14px,14px);opacity:0;translate:0 6px;transition:opacity .25s ease,translate .3s cubic-bezier(.2,.8,.2,1)}
.hx-tip b{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;background:linear-gradient(90deg,#FE9C87,#F1CF25);-webkit-background-clip:text;background-clip:text;color:transparent}
.hx-tip.hx-t4{transform:translate(calc(-100% - 14px),14px)}
.hx:has(.hx-g1:hover) .hx-t1,.hx:has(.hx-g2:hover) .hx-t2,.hx:has(.hx-g3:hover) .hx-t3,.hx:has(.hx-g4:hover) .hx-t4{opacity:1;translate:0 0}
.hx-node{transform-box:fill-box;transform-origin:center;transition:transform .25s cubic-bezier(.2,.8,.2,1.4),fill .2s ease}
.hx:has(.hx-g1:hover) .hx-n1,.hx:has(.hx-g2:hover) .hx-n2,.hx:has(.hx-g3:hover) .hx-n3,.hx:has(.hx-g4:hover) .hx-n4{transform:scale(1.6);fill:#212323}
.hx-gain text{transition:fill-opacity .25s ease}
.hx:has(.hx-hit:hover) .hx-gain:not(:hover) text{fill-opacity:.3}
@media (max-width: 767px){.hx-tip{display:none}}
.hx-end{transform-box:fill-box;transform-origin:center}
.hx-halo{transform-box:fill-box;transform-origin:center;animation:hzHalo 3.2s ease-out 1s infinite}
.hx-js .hx-halo{animation:none;opacity:0}
.hx-js.hx-end-on .hx-halo{animation:hzHalo 3.2s ease-out .3s infinite}
@media (max-width: 767px){.hx-team text{font-size:30px}.hx-team circle{r:12}.hx-gain,.hx-axl{display:none}}
.hz{position:relative;width:100%;max-width:560px;margin:24px 0 0 auto}
.hz svg{display:block;width:100%;height:auto;overflow:visible}
.hz text{font-family:'Bornia','Inter',sans-serif}
.hz-grid{animation:hzFade 1s ease .1s backwards}
.hz-t{stroke-dasharray:1;animation:hzDraw 1.25s cubic-bezier(.45,0,.4,1) backwards}
.hz-t1{animation-delay:.2s}.hz-t2{animation-delay:.3s}.hz-t3{animation-delay:.4s}.hz-t4{animation-delay:.5s}
.hz-sys{stroke-dasharray:1;animation:hzDraw 5s linear 1.55s backwards}
.hz-area{transform-box:fill-box;transform-origin:left center;animation:hzClip 5s linear 1.55s backwards}
@keyframes hzDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes hzClip{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes hzFade{from{opacity:0}to{opacity:1}}
.hz-l0{animation:hzFade .6s ease .4s backwards}.hz-l1{animation:hzFade .6s ease 1.55s backwards}
.hz-knot{transform-box:fill-box;transform-origin:center;animation:hzPop .45s cubic-bezier(.2,.8,.2,1.6) 1.45s backwards}
.hz-m{animation:hzM .5s cubic-bezier(.2,.8,.2,1) backwards}
.hz-m1{animation-delay:2.84s}.hz-m2{animation-delay:3.83s}.hz-m3{animation-delay:4.84s}.hz-m4{animation-delay:5.77s}
@keyframes hzM{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.hz-end{transform-box:fill-box;transform-origin:center;animation:hzPop .5s cubic-bezier(.2,.8,.2,1.6) 6.55s backwards}
.hz-halo{transform-box:fill-box;transform-origin:center;opacity:0;animation:hzHalo 3.2s ease-out 7.1s infinite}
@keyframes hzPop{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes hzHalo{0%{transform:scale(.6);opacity:0}10%{opacity:.8}100%{transform:scale(2.8);opacity:0}}
.hz-c{transform-box:fill-box;transform-origin:center;animation:hzBurst .9s cubic-bezier(.15,.85,.25,1.15) backwards,hzDrift 12s ease-in-out infinite}
.hz-v1{animation-name:hzBurst,hzDriftB;animation-duration:.9s,14s}.hz-v2{animation-name:hzBurst,hzDriftC;animation-duration:.9s,10s}
@keyframes hzBurst{from{transform:translate(var(--dx),var(--dy)) scale(.1) rotate(-160deg);opacity:0}30%{opacity:1}to{transform:none;opacity:1}}
@keyframes hzDrift{0%,100%{translate:0 0;rotate:0deg}50%{translate:1px -4px;rotate:5deg}}
@keyframes hzDriftB{0%,100%{translate:0 0;rotate:0deg}50%{translate:-2px -3px;rotate:-6deg}}
@keyframes hzDriftC{0%,100%{translate:0 0;rotate:0deg}50%{translate:2px 3px;rotate:4deg}}
.hz-team,.hz-m{cursor:default}
.hz-vis{transition:stroke-width .25s ease,opacity .25s ease}
.hz-team .hz-l0{transition:opacity .25s ease}
.hz-team:hover .hz-vis{stroke-width:4}
.hz:has(.hz-team:hover) .hz-team:not(:hover) .hz-vis,.hz:has(.hz-team:hover) .hz-team:not(:hover) .hz-l0{opacity:.22}
.hz-dot{transform-box:fill-box;transform-origin:center;transition:transform .25s cubic-bezier(.2,.8,.2,1.4),fill .2s ease}
.hz-m:hover .hz-dot{transform:scale(1.5);fill:#F1CF25}
.hz-tip{position:absolute;z-index:5;pointer-events:none;max-width:230px;width:max-content;background:#212323;color:#FFFFFF;font-family:'Bornia','Inter',sans-serif;font-size:12.5px;font-weight:500;line-height:1.4;padding:9px 12px;border-radius:var(--ds-r-s);box-shadow:var(--ds-sh-3);opacity:0;transform:translateY(calc(-100% + 6px));transition:opacity .2s ease,transform .25s cubic-bezier(.2,.8,.2,1)}
.hz-tip b{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}
.hz-tip-r{transform:translate(-100%,-6px)}
.hz:has(.hz-g1:hover) .hz-tt1,.hz:has(.hz-g2:hover) .hz-tt2,.hz:has(.hz-g3:hover) .hz-tt3,.hz:has(.hz-g4:hover) .hz-tt4{opacity:1;transform:translateY(-100%)}
.hz:has(.hz-m1:hover) .hz-tm1,.hz:has(.hz-m2:hover) .hz-tm2,.hz:has(.hz-m3:hover) .hz-tm3,.hz:has(.hz-m4:hover) .hz-tm4{opacity:1;transform:translate(-100%,0)}
.hz{max-width:none!important;margin:0!important}
.hz-armed:not(.hz-go) *{animation-play-state:paused!important}
.h8-pill{transition:border-color .2s ease,transform .2s ease}.h8-pill:hover{border-color:#A1A1AA;transform:translateY(-1px)}
@media (max-width: 767px){.h8-frame{margin-top:40px!important}.h8-pill{font-size:11.5px!important}.hz text{font-size:24px!important}.hz-tip{font-size:11px!important;max-width:180px!important}}
.hz-lab{position:absolute;z-index:4;pointer-events:none;width:max-content;max-width:250px;text-align:right;transform:translate(calc(-100% - 12px),calc(-100% - 2px));font-family:'Bornia','Inter',sans-serif;font-size:12.5px;line-height:1.35;font-weight:500;color:#71717A;animation:hzLab .6s cubic-bezier(.2,.8,.2,1) backwards}
.hz-lab b{display:block;font-family:'Bermia',sans-serif;font-size:16px;font-weight:900;letter-spacing:-.01em;color:#212323}
.hz-lb1{animation-delay:2.84s}.hz-lb2{animation-delay:3.83s}.hz-lb3{animation-delay:4.84s}.hz-lb4{animation-delay:5.77s}
@keyframes hzLab{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
.hz-list{display:none}
.hz-scrub *:not(.hz-in){animation:none!important}
.hz-scrub .hz-m,.hz-scrub .hz-knot,.hz-scrub .hz-l1,.hz-scrub .hz-lab,.hz-scrub .hz-end{opacity:0;transition:opacity .45s ease,translate .5s cubic-bezier(.2,.8,.2,1)}
.hz-scrub .hz-lab,.hz-scrub .hz-m{translate:0 8px}
.hz-scrub .on{opacity:1!important;translate:0 0!important}
.hz-scrub .hz-c{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.1) rotate(-160deg);transition:transform .9s cubic-bezier(.15,.85,.25,1.15),opacity .3s ease}
.hz-scrub .hz-c.on{transform:none}
.hz-scrub .hz-c.on.hz-v0{animation:hzDrift 12s ease-in-out 1s infinite!important}.hz-scrub .hz-c.on.hz-v1{animation:hzDriftB 14s ease-in-out 1s infinite!important}.hz-scrub .hz-c.on.hz-v2{animation:hzDriftC 10s ease-in-out 1s infinite!important}
.hz-scrub .hz-halo.on{animation:hzHalo 2.8s ease-out .4s infinite!important}
.hz-scrub .hz-halo{opacity:0}
@media (max-width: 767px){.hz-lab{display:none}.hz-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;list-style:none;margin:20px 0 0;padding:0;font-size:13px;color:#212323}.hz-list li{display:flex;align-items:center;gap:8px}.hz-list li::before{content:'';width:8px;height:8px;border-radius:99px;background:#F1CF25;border:2px solid #212323;flex-shrink:0}}
.h8-frame{position:relative;z-index:1;pointer-events:none}
.h8-frame .hz-team,.h8-frame .hz-m{pointer-events:auto}
.hz-box{position:absolute;z-index:6;pointer-events:none;width:max-content;max-width:220px;background:#212323;color:#FFFFFF;font-family:'Bornia','Inter',sans-serif;font-size:12px;font-weight:500;line-height:1.4;padding:8px 12px;border-radius:var(--ds-r-s);box-shadow:var(--ds-sh-3);transform:translate(16px,14px);opacity:0}
.hz-box b{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#F1CF25;margin-bottom:3px}
.hz-bx1{animation:hzFlash .99s ease 2.84s both}.hz-bx2{animation:hzFlash 1.01s ease 3.83s both}.hz-bx3{animation:hzFlash .93s ease 4.84s both}.hz-bx4{animation:hzFlash 1s ease 5.77s both}
@keyframes hzFlash{0%{opacity:0;translate:0 6px}12%{opacity:1;translate:0 0}82%{opacity:1;translate:0 0}100%{opacity:0;translate:0 -4px}}

.hz-scrub .hz-box{opacity:0;translate:0 6px;transition:opacity .3s ease,translate .35s cubic-bezier(.2,.8,.2,1)}
.hz-scrub .hz-box.on{opacity:1;translate:0 0}

@media (max-width: 767px){.hz-box{display:none}}
.hz-scrub .hz-m:not(.on){pointer-events:none}
.hz:has(.hz-m:hover) .hz-box{opacity:0!important;animation:none!important}
.hz:has(.hz-m1:hover) .hz-bx1,.hz:has(.hz-m2:hover) .hz-bx2,.hz:has(.hz-m3:hover) .hz-bx3,.hz:has(.hz-m4:hover) .hz-bx4{opacity:1!important;translate:0 0!important}
.hz-dclip{transform-box:fill-box;transform-origin:left center;animation:hzClip 1.4s cubic-bezier(.4,0,.2,1) 1.3s backwards}
.hz-dl{animation:hzFade .6s ease 2.6s backwards}
.hz-ext{transition:opacity .2s linear}
.h8-dots{display:none;position:absolute;top:0;left:0;right:0;height:1250px;z-index:0;pointer-events:none;background-image:radial-gradient(#D4D4D8 1.1px,transparent 1.4px);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 50%,transparent 80%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 50%,transparent 80%)}
.h8-sen{font-weight:700;color:#212323;background-image:linear-gradient(90deg,rgba(241,207,37,.55),rgba(241,207,37,.55));background-repeat:no-repeat;background-position:0 88%;background-size:100% .32em;padding:0 .08em;animation:h8Sen .8s cubic-bezier(.6,0,.2,1) 1.3s backwards}
@keyframes h8Sen{from{background-size:0 .32em}to{background-size:100% .32em}}
@media (prefers-reduced-motion: reduce){.h8-sen{animation:none}}
.h8-strike{position:relative;color:#A1A1AA;white-space:nowrap}
.h8-strike::after{content:'';position:absolute;left:-2%;right:-2%;top:44%;height:.085em;border-radius:.05em;background:#FE9C87;transform-origin:left center;animation:h8Strike .55s cubic-bezier(.6,0,.2,1) .7s backwards}
@keyframes h8Strike{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.h8-tag{display:inline-block;background:#9ADBBA;color:#212323;padding:.02em .2em .08em;border-radius:.14em;transform:rotate(-2.5deg);margin:0 -.02em 0 .04em;animation:h8Tag .55s cubic-bezier(.2,.8,.2,1.4) 1.15s backwards}
@keyframes h8Tag{from{opacity:0;transform:rotate(-12deg) scale(.6)}to{opacity:1;transform:rotate(-2.5deg) scale(1)}}
@media (prefers-reduced-motion: reduce){.h8-strike::after,.h8-tag{animation:none!important}}
.il-w{transition:translate .45s cubic-bezier(.2,.8,.2,1)}.il-s{transition:scale .45s cubic-bezier(.2,.8,.2,1.3)}
.il-box:hover .il-w1{translate:-4px -6px}.il-box:hover .il-w2{translate:5px -8px}.il-box:hover .il-w3{translate:6px 4px}.il-box:hover .il-w4{translate:0 -5px}.il-box:hover .il-w5{translate:-5px 3px}
.il-box:hover .il-s{scale:1.08}
@media (max-width: 767px){.ia-left{padding-top:0!important}#ia8{margin-top:8px}.m8-grid{grid-template-columns:1fr!important;gap:32px!important}}
#ia8 .ia-b3::before,#ia8 .ia-b2::before{content:"";position:absolute;left:19.5px;top:48px;bottom:-22px;width:1px}
#ia8 .ia-b3::before{background:linear-gradient(to bottom,#FE9C87,#99D1DF)}
#ia8 .ia-b2::before{background:linear-gradient(to bottom,#99D1DF,#9ADBBA)}
#ia8 .ia-row{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;align-items:start}
#ia8 .ia-node{position:relative;z-index:1;width:40px;height:40px;margin-top:8px;border-radius:999px;border:1px solid;background:#212323;display:flex;align-items:center;justify-content:center;font-family:'Bermia',sans-serif;font-weight:900;font-size:12px;letter-spacing:.04em}
#ia8 .ia-top .ia-node{box-shadow:0 0 0 6px rgba(254,156,135,.12),0 0 28px rgba(254,156,135,.45)}
#ia8 .ia-card{display:flex;flex-direction:column;gap:6px;padding:20px 24px;border-radius:var(--ds-r-m);background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);transition:border-color .3s ease,background .3s ease}
#ia8 .ia-row:hover .ia-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18)}
#ia8 .ia-top .ia-card{border:1px solid transparent;background:linear-gradient(#2A2B2B,#262727) padding-box,linear-gradient(110deg,rgba(254,156,135,.9),rgba(241,207,37,.7)) border-box;box-shadow:0 24px 60px -24px rgba(254,156,135,.4)}
#ia8 .ia-eb{align-self:flex-start;line-height:16px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
#ia8 .ia-t{font-family:'Bermia',sans-serif;font-weight:900;font-size:20px;letter-spacing:-.01em;color:#FFFFFF}
#ia8 .ia-d{font-size:14px;line-height:1.55;color:rgba(255,255,255,.62);font-weight:500}
#ia8 .ia-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
#ia8 .ia-tool{display:inline-flex;align-items:center;gap:7px;padding:4px 11px 4px 4px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:600;color:rgba(255,255,255,.82)}
#ia8 .ia-logo{width:20px;height:20px;border-radius:999px;background:#FFFFFF;display:flex;align-items:center;justify-content:center}
#ia8.ia-armed .ia-i{opacity:0;translate:0 28px;transition:opacity .6s ease,translate .75s cubic-bezier(.2,.8,.2,1)}
#ia8.ia-armed.ia-go .ia-i{opacity:1;translate:0 0}
#ia8.ia-go .ia-b1{transition-delay:0s}#ia8.ia-go .ia-a1{transition-delay:.45s}#ia8.ia-go .ia-b2{transition-delay:.6s}#ia8.ia-go .ia-a2{transition-delay:1.05s}#ia8.ia-go .ia-b3{transition-delay:1.2s}#ia8.ia-go .ia-cap{transition-delay:1.7s}
#ia8.ia-scrub .ia-i.on{opacity:1;translate:0 0}
@media (prefers-reduced-motion: reduce){#ia8 .ia-i{opacity:1!important;translate:none!important;transition:none!important}}
.tp8-img{filter:grayscale(1) contrast(1.1) brightness(1.05);transition:filter 1s ease-in-out}
.tp8-card{transition:transform .7s ease}.tp8:hover .tp8-card{transform:scale(1.01)}.tp8:hover .tp8-img{filter:grayscale(0)}
.tp8-badge{opacity:0;transform:translateY(16px);transition:all .5s ease .1s}.tp8:hover .tp8-badge{opacity:1;transform:none}
.tp8-dot{animation:tp8Pulse 2s ease-in-out infinite}@keyframes tp8Pulse{50%{opacity:.4}}
.tp8-ctl,.tp8-cbr{transition:border-color .7s}.tp8:hover .tp8-ctl{border-color:#F1CF25!important}.tp8:hover .tp8-cbr{border-color:#9ADBBA!important}
.tp8-f1{transform:rotate(12deg);animation:tp8Bounce 4s ease-in-out infinite}.tp8-f2{transform:rotate(-6deg);animation:tp8Bounce 4s ease-in-out 1s infinite}
@keyframes tp8Bounce{0%,100%{translate:0 0}50%{translate:0 -10px}}
@media (max-width: 767px){.tp8-f1,.tp8-f2{display:none!important}.tp8-badge{opacity:1;transform:none;bottom:18px;left:18px}}
#gap8.gap-armed .gp-o{opacity:0;scale:.6;transition:opacity .45s ease,scale .6s cubic-bezier(.2,.8,.2,1.5)}
#gap8.gap-armed .gp-ll{transform:scaleX(0);transform-origin:right center;transition:transform .7s cubic-bezier(.4,0,.2,1) .45s}
#gap8.gap-armed .gp-lr{transform:scaleX(0);transform-origin:left center;transition:transform .7s cubic-bezier(.4,0,.2,1) .45s}
#gap8.gap-armed .gp-h{opacity:0;transition:opacity .3s ease 1.05s}
#gap8.gap-armed.gap-go .gp-o{opacity:1;scale:1}
#gap8.gap-armed.gap-go .gp-ll,#gap8.gap-armed.gap-go .gp-lr{transform:scaleX(1)}
#gap8.gap-armed.gap-go .gp-h{opacity:1}
#gap8.gap-scrub .gp-l{transition:transform .12s linear}
#gap8.gap-scrub .gp-o.on{opacity:1;scale:1}
#gap8.gap-scrub .gp-h.on{opacity:1;transition-delay:0s}
@media (prefers-reduced-motion: reduce){.hz *{animation:none!important}.hz-halo{opacity:0}}
@media (prefers-reduced-motion: reduce){.hx-sh,.hx-exp,.hx-lin,.hx-area,.hx-lt,.hx-dot,.hx-chip{animation:none!important}}

</style>
<style>
html{scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
img,svg{max-width:100%}
body{overflow-x:hidden}
.sn-burger{display:none}
@media (max-width:1023px){
  .sn-wrap{padding:12px!important;height:72px!important}
  .sn-nav{padding:8px 16px!important;animation:none!important;background:rgba(255,255,255,.95)!important;border:1px solid #F4F4F5!important;border-radius:999px!important;box-shadow:0 10px 15px -3px rgba(0,0,0,.08)!important;max-width:100%!important}
  .sn-logo{height:30px!important;animation:none!important}
  .sn-row{height:40px!important}
  .sn-burger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:none;color:#212323;cursor:pointer;margin-left:auto}
  .sn-row>.sn-cta{display:none!important}
  .sn-links{display:none!important}
  .sn-nav.sn-open{border-radius:24px!important}
  .sn-nav.sn-open .sn-links{display:flex!important;flex-direction:column;align-items:stretch;gap:4px;position:absolute;top:calc(100% + 8px);left:0;right:0;background:#FFFFFF;border:1px solid #F4F4F5;border-radius:24px;box-shadow:0 25px 60px -15px rgba(0,0,0,.2);padding:12px;max-height:calc(100vh - 100px);overflow-y:auto}
  .sn-links .sn-link{justify-content:space-between;width:100%;font-size:17px;padding:14px 16px;color:#212323}
  .sn-dd::after{display:none}
  .sn-dd .sn-panel,.sn-dd:hover .sn-panel,.sn-dd:focus-within .sn-panel{position:static!important;display:none;opacity:1!important;visibility:visible!important;transform:none!important;width:auto!important;box-shadow:none!important;border:0!important;padding:0 0 8px!important;pointer-events:auto!important}
  .sn-dd.sn-dd-open .sn-panel{display:block}
  .sn-dd.sn-dd-open .sn-chev{transform:rotate(180deg)}
  .sn-mgrid,.sn-egrid{grid-template-columns:1fr!important}
  .sn-ecol{grid-template-columns:1fr!important}
  .sn-bow,.sn-mfoot .sn-steps{display:none!important}
  .sn-mfoot{flex-direction:column;align-items:flex-start!important}
  .sn-chips{display:none}
  html.sn-lock{overflow:hidden}
}
html,body{overflow-x:clip}
@media (max-width:1023px){
  [style*="grid-template-columns: repeat(4, minmax(0, 1fr))"]:not([style*="height: 100%"]),
  [style*="grid-template-columns: repeat(5, minmax(0, 1fr))"],
  [style*="grid-template-columns: repeat(6, minmax(0, 1fr))"],
  [style*="grid-template-columns: repeat(3, minmax(0, 1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="grid-template-columns: repeat(10, minmax(0, 1fr))"]{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  [style*="minmax(0, 1fr) 360px minmax(0, 1fr)"],[style*="minmax(0, 1fr) 240px minmax(0, 1fr)"],[style*="grid-template-columns: 1fr auto 1fr"],
  [style*="grid-template-columns: 440px minmax"]{grid-template-columns:minmax(0,1fr)!important}
  [style*="padding: 112px 0"],[style*="padding: 128px 0"],[style*="padding: 120px 0"]{padding-top:80px!important;padding-bottom:80px!important}
}
@media (max-width:767px){
  [style*="grid-template-columns"]:not([role="group"]):not([style*="44px minmax"]):not([style*="height: 100%"]){grid-template-columns:minmax(0,1fr)!important}
  [style*="grid-column: span"],[style*="grid-column:span"]{grid-column:auto!important}
  [style*="grid-row: span"]{grid-row:auto!important}
  [style*="padding: 112px 0"],[style*="padding: 128px 0"],[style*="padding: 120px 0"],[style*="padding: 96px 0"]{padding-top:64px!important;padding-bottom:64px!important}
  [style*="gap: 64px"],[style*="gap: 56px"],[style*="gap: 48px"]{gap:32px!important}
  [style*="padding: 48px"],[style*="padding: 40px"]{padding:28px!important}
  [style*="max-width: 440px"],[style*="max-width: 380px"]{max-width:none!important}
  [style*="position: sticky"]{position:static!important}
}
@media (max-width:767px){
  #dc-root [style*="grid-template-columns: 250px repeat(5"]{grid-template-columns:250px repeat(5,minmax(0,1fr))!important}
  div:has(> [style*="grid-template-columns: 250px repeat(5"]){min-width:1100px}
  div:has(> div > [style*="grid-template-columns: 250px repeat(5"]){overflow-x:auto;padding-bottom:12px}
  #dc-root [style*="grid-template-columns: repeat(7, minmax(0, 1fr))"]{grid-template-columns:repeat(7,minmax(0,1fr))!important}
  .hx-chip{font-size:11px;padding:5px 9px}
  .hx-end{font-size:13px!important;padding:7px 12px!important;transform:translate(-100%,calc(-100% - 14px))!important}
  .hx-c1,.hx-c2{display:none}
}
@media (max-width:767px){
  .pg-ex{flex-direction:column;gap:10px!important}
  [style*="min-width: 680px"]{min-width:0!important}
  .crow{grid-template-columns:28px minmax(0,1.2fr) auto minmax(0,1fr)!important;row-gap:6px!important;column-gap:10px!important;padding:12px 10px!important}
  .crow>:nth-child(1){grid-column:1;grid-row:1/3}
  .crow>:nth-child(2){grid-column:2/5;grid-row:1}
  .crow>:nth-child(3){grid-column:2;grid-row:2}
  .crow>:nth-child(4){grid-column:3;grid-row:2}
  .crow>:nth-child(5){grid-column:4;grid-row:2}
  .chead>:nth-child(2){display:none}
  #dc-root [style*="display: grid"]:has(> .flip:nth-child(12)){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
}
@media (max-width:767px){
  .chead>:nth-child(4){visibility:hidden}
  .chead{font-size:10px!important}
  .crow>:nth-child(5){font-size:17px!important;white-space:nowrap}
}
@media (max-width:767px){
  .hm{margin-top:56px!important}
  .hm-chip{font-size:11px;padding:5px 9px}
  .hm-end{font-size:13px!important;padding:7px 12px!important;transform:translate(-100%,calc(-100% - 14px))!important}
  .hm-c1,.hm-c2{display:none}
}
@media (max-width:767px){
  div:has(> div > [style*="grid-template-columns: 250px repeat(5"])::before,.pg-scroll::before{
    content:"Faites glisser pour voir la suite \2192";position:sticky;left:0;display:block;width:max-content;min-width:0!important;
    font-size:12px;font-weight:600;color:#71717A;background:#FFFFFF;border:1px solid #E4E4E7;border-radius:999px;padding:5px 12px;margin:0 0 12px;z-index:5}
}
@media (max-width:767px){
  [role="img"][aria-label*="cycle Revenue"],[role="img"][aria-label*="Bowtie"]{height:120px!important}
  [role="img"][aria-label*="cycle Revenue"] .hv-cell,[role="img"][aria-label*="Bowtie"] .hv-cell{padding-left:1px!important;padding-right:1px!important}
  [role="img"][aria-label*="cycle Revenue"] .hv-cell[style*="padding: 52px"],[role="img"][aria-label*="Bowtie"] .hv-cell[style*="padding: 52px"]{padding-top:36px!important;padding-bottom:36px!important}
  .hv-tip{display:none!important}
  #dc-root :has(> [role="img"][aria-label*="cycle Revenue"]) > [style*="repeat(7"] *,#dc-root :has(> [role="img"][aria-label*="Bowtie"]) > [style*="repeat(7"] *{font-size:7.5px!important;letter-spacing:-0.01em!important;line-height:1.2!important;text-transform:none!important;overflow-wrap:normal;word-break:keep-all}
}
@media (max-width:767px){
  #dc-root [style*="grid-template-columns: 1fr auto 1fr"]{display:flex!important;flex-wrap:wrap;justify-content:center;gap:6px!important;padding:0!important;margin-bottom:10px}
  #dc-root [style*="grid-template-columns: 1fr auto 1fr"] *{font-size:9px!important;letter-spacing:.08em!important}
  #dc-root [style*="grid-template-columns: 1fr auto 1fr"] > *{justify-self:auto!important;align-self:auto!important}
}
@media (max-width:767px){
  .hx-chip{font-size:11px!important;padding:5px 9px!important}
  .hx-end{font-size:13px!important;padding:7px 12px!important;transform:translate(-100%,calc(-100% - 14px))!important}
  .hx-c1,.hx-c2{display:none}
}

@media (max-width: 1023px){.hy{margin:24px auto 0}.hy-f2{left:-8px}}
@media (max-width: 767px){
  .hy-card{padding:20px 18px 0!important;border-radius:20px!important}
  .hy-top{flex-direction:column;gap:14px}
  .hy-big{font-size:46px!important}
  .hy-ch{width:calc(100% + 36px)!important;margin:14px -18px 0!important}
  .hy-lv{margin:0 -18px!important}
  .hy-lv>div{padding:12px 10px 14px 14px!important}
  .hy-lk{font-size:11px!important}.hy-lval{font-size:17px!important}
  .hy-f1{top:-30px!important;left:auto!important;right:8px}
  .hy-f2{display:none}
}

/* Gouttières alignées sur le site actuel (Container Panda : px 4 / sm 6 / lg 8, maxW 7xl) */
@media (max-width:1023px){[style*="padding: 0 32px"],[style*="padding: 64px 32px"]{padding-left:24px!important;padding-right:24px!important}}
@media (max-width:639px){[style*="padding: 0 32px"],[style*="padding: 64px 32px"]{padding-left:16px!important;padding-right:16px!important}}

@media (min-width: 768px){.sn-panel{max-width:calc(100vw - 32px)}}

/*SNX:start*/
@media (min-width: 768px){
.sn-nav .sn-dd .sn-panel{transform:translate(calc(-50% - 24px),0);transition:opacity .28s ease,transform .45s cubic-bezier(.2,.8,.2,1),visibility .28s}
.sn-nav .sn-dd:hover .sn-panel,.sn-nav .sn-dd:focus-within .sn-panel{transform:translate(-50%,0)}
.sn-nav .sn-dd .sn-panel a{opacity:0;transform:translateX(-10px);transition:opacity .3s ease,transform .45s cubic-bezier(.2,.8,.2,1),background-color .3s ease,color .3s ease,border-color .3s ease}
.sn-nav .sn-dd:hover .sn-panel a,.sn-nav .sn-dd:focus-within .sn-panel a{opacity:1;transform:none}
.sn-nav .sn-dd:hover .sn-panel a:nth-child(1){transition-delay:.06s}
.sn-nav .sn-dd:hover .sn-panel a:nth-child(2){transition-delay:.11s}
.sn-nav .sn-dd:hover .sn-panel a:nth-child(3){transition-delay:.16s}
.sn-nav .sn-dd:hover .sn-panel a:nth-child(4){transition-delay:.21s}
.sn-nav .sn-dd:hover .sn-panel a:nth-child(n+5){transition-delay:.26s}
.sn-nav .sn-dd:hover .sn-panel .sn-bow{transition-delay:.18s}
}
@media (prefers-reduced-motion: reduce){.sn-nav .sn-dd .sn-panel,.sn-nav .sn-dd .sn-panel a{transition:opacity .2s ease!important;transform:translate(-50%,0)}.sn-nav .sn-dd .sn-panel a{transform:none!important}}
/*SNX:end*/

</style>


<div id="dc-root">

<div style="font-family: 'Bornia', 'Inter', sans-serif; color: #212323; background: #FFFFFF; width: 100%; -webkit-font-smoothing: antialiased; position: relative">
<div class="h8-dots" aria-hidden="true"></div>

<div class="sn-wrap"><nav class="sn-nav" aria-label="Navigation principale"><div class="sn-row"><a class="sn-home" href="accueil.html" aria-label="Ocobo, accueil" style="display: flex; align-items: center; flex-shrink: 0"><span class="sn-lg"><img class="sn-logo" src="data:image/png;base64,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" alt="Ocobo"><span class="sn-o" aria-hidden="true"><span class="sn-o-in"><img src="data:image/png;base64,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" alt=""><img src="data:image/png;base64,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" alt=""></span></span></span></a><button type="button" class="sn-burger" aria-label="Ouvrir le menu" aria-expanded="false"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M4 7h16"/><path d="M4 12h16"/><path d="M4 17h16"/></svg></button><div class="sn-links"><div class="sn-dd"><button type="button" class="sn-link" aria-haspopup="true">Vos enjeux<svg class="sn-chev" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="sn-panel sn-panel-enj" role="menu" aria-label="Vos enjeux"><div class="sn-egrid"><div class="sn-ecol"><a class="sn-erow sn-mint" role="menuitem" href="enjeux-organisation-commerciale.html"><span class="sn-ic sn-ic-mint sn-num">01</span><span class="sn-txt"><span class="sn-et">Une organisation commerciale qui grandit avec vous<span class="sn-marr"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></span></span></a><a class="sn-erow sn-sky" role="menuitem" href="enjeux-clients.html"><span class="sn-ic sn-ic-sky sn-num">02</span><span class="sn-txt"><span class="sn-et">Des clients qui restent et achètent plus<span class="sn-marr"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></span></span></a><a class="sn-erow sn-coral" role="menuitem" href="enjeux-previsibilite.html"><span class="sn-ic sn-ic-coral sn-num">03</span><span class="sn-txt"><span class="sn-et">Un chiffre que vous voyez venir<span class="sn-marr"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></span></span></a><a class="sn-erow sn-yellow" role="menuitem" href="enjeux-remuneration-variable.html"><span class="sn-ic sn-ic-yellow sn-num">04</span><span class="sn-txt"><span class="sn-et">Une rémunération variable qui tire dans le bon sens<span class="sn-marr"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></span></span></a><a class="sn-erow sn-gray" role="menuitem" href="enjeux-outils.html"><span class="sn-ic sn-ic-gray sn-num">05</span><span class="sn-txt"><span class="sn-et">Des outils que vos équipes utilisent vraiment<span class="sn-marr"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></span></span></a><a class="sn-erow sn-dark" role="menuitem" href="enjeux-ia.html"><span class="sn-ic sn-ic-dark sn-num">06</span><span class="sn-txt"><span class="sn-et">Une IA qui travaille pour vos équipes<span class="sn-marr"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></span></span></a></div><a class="sn-bow" href="methode.html#perimetre"><span class="sn-flabel" style="color: #71717A">Notre périmètre</span><span class="sn-btitle">Six enjeux, un seul cycle de revenu.</span><svg viewBox="0 0 210 80" width="100%" aria-hidden="true" style="display: block; overflow: visible"><defs><linearGradient id="snG" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="210" y2="0"><stop offset="0" stop-color="#9ADBBA"></stop><stop offset=".42" stop-color="#FE9C87"></stop><stop offset=".58" stop-color="#F1CF25"></stop><stop offset="1" stop-color="#99D1DF"></stop></linearGradient></defs><g fill="none" stroke="url(#snG)" stroke-width="1.3" stroke-linecap="round"><path d="M2,8 C50,8 66,38.1 90,38.1 L120,38.1 C144,38.1 160,8 208,8"></path><path d="M2,20 C50,20 66,38.8 90,38.8 L120,38.8 C144,38.8 160,20 208,20"></path><path d="M2,32 C50,32 66,39.5 90,39.5 L120,39.5 C144,39.5 160,32 208,32"></path><path d="M2,48 C50,48 66,40.5 90,40.5 L120,40.5 C144,40.5 160,48 208,48"></path><path d="M2,60 C50,60 66,41.2 90,41.2 L120,41.2 C144,41.2 160,60 208,60"></path><path d="M2,72 C50,72 66,41.9 90,41.9 L120,41.9 C144,41.9 160,72 208,72"></path></g><circle cx="105" cy="40" r="7" fill="#212323" stroke="#F4F4F5" stroke-width="3"></circle><circle cx="105" cy="40" r="2" fill="#F1CF25"></circle></svg><span class="sn-bleg"><span>Acquérir</span><span>Signer</span><span>Développer</span></span><span class="sn-fcta" style="color: #212323">Voir le périmètre<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a></div><div class="sn-mfoot"><span>Vous ne savez pas par où commencer ?</span><a class="sn-cta" href="#diagnostic">Échanger avec un architecte<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div><div class="sn-dd"><button type="button" class="sn-link" aria-haspopup="true">Méthode<svg class="sn-chev" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="sn-panel sn-panel-mega" role="menu" aria-label="Méthode"><div class="sn-mgrid"><div class="sn-mcol"><div class="sn-mrow sn-yellow"><span class="sn-ic sn-ic-yellow"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"></path><path d="m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"></path><path d="m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"></path></svg></span><div class="sn-mtxt"><a class="sn-mlink" href="methode.html"><span class="sn-h">Méthodologie<span class="sn-marr"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></span><span class="sn-d">Quatre piliers, une matrice de maturité et trois phases pour passer à l'étape suivante.</span></a></div></div><div class="sn-mrow sn-sky"><span class="sn-ic sn-ic-sky"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect width="16" height="16" x="4" y="4" rx="2"></rect><rect width="6" height="6" x="9" y="9" rx="1"></rect><path d="M15 2v2"></path><path d="M15 20v2"></path><path d="M2 15h2"></path><path d="M2 9h2"></path><path d="M20 15h2"></path><path d="M20 9h2"></path><path d="M9 2v2"></path><path d="M9 20v2"></path></svg></span><div class="sn-mtxt"><a class="sn-mlink" href="technologie.html"><span class="sn-h">Technologie<span class="sn-marr"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></span><span class="sn-d">Une stack utile, centrée sur le CRM, où vos agents IA consomment de la donnée fiable.</span></a></div></div><div class="sn-mrow sn-mint"><span class="sn-ic sn-ic-mint"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></span><div class="sn-mtxt"><a class="sn-mlink" href="equipe.html"><span class="sn-h">Équipe<span class="sn-marr"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></span><span class="sn-d">Des seniors issus des scale-ups, organisés en squads proches de vos équipes.</span></a></div></div></div><a class="sn-feat" href="roi.html"><span class="sn-flabel">ROI Calculator</span><span class="sn-ftitle">Combien vaut une équipe RevOps chez vous ?</span><span class="sn-bars" style="display: block; height: auto"><svg viewBox="0 0 200 70" width="100%" aria-hidden="true" style="display: block"><path d="M4,62 L196,44" fill="none" stroke="rgba(255,255,255,.3)" stroke-width="2" stroke-dasharray="4 4" stroke-linecap="round"></path><path d="M4,62 C100,61 150,46 196,8 L196,66 L4,66 Z" fill="rgba(241,207,37,.12)"></path><path d="M4,62 C100,61 150,46 196,8" fill="none" stroke="#F1CF25" stroke-width="3.5" stroke-linecap="round"></path><circle cx="196" cy="8" r="5" fill="#F1CF25"></circle></svg></span><span class="sn-fd">Cinq chiffres suffisent pour voir l'effet multiplicateur, en euros.</span><span class="sn-fcta">Calculer mon ROI<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a></div><div class="sn-mfoot"><span>Une méthode, trois phases, zéro outil imposé.</span></div></div></div><a class="sn-link" href="clients.html">Clients</a><div class="sn-dd"><button type="button" class="sn-link" aria-haspopup="true">À propos<svg class="sn-chev" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="sn-panel" role="menu" aria-label="À propos"><a class="sn-item sn-yellow" role="menuitem" href="a-propos.html"><span class="sn-ic sn-ic-yellow"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></span><span class="sn-txt"><span class="sn-h">Qui sommes-nous</span><span class="sn-d">Notre mission, le manifeste et l'équipe fondatrice.</span></span></a><a class="sn-item sn-coral" role="menuitem" href="nous-rejoindre.html"><span class="sn-ic sn-ic-coral"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect width="20" height="14" x="2" y="7" rx="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg></span><span class="sn-txt"><span class="sn-h">Nous rejoindre</span><span class="sn-d">Postes ouverts et processus de recrutement.</span></span></a></div></div><a class="sn-link sn-ai" href="enjeux-ia.html"><span class="sn-rd" aria-hidden="true"><i></i><b></b></span>IA</a><div class="sn-dd"><button type="button" class="sn-link" aria-haspopup="true">Ressources<svg class="sn-chev" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="sn-panel" role="menu" aria-label="Ressources"><a class="sn-item sn-yellow" role="menuitem" href="#"><span class="sn-ic sn-ic-yellow"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" x2="12" y1="19" y2="22"></line></svg></span><span class="sn-txt"><span class="sn-h">Podcast Revenue Echoes<svg class="sn-ext" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></span><span class="sn-d">Interviews de leaders du revenu.</span></span></a><a class="sn-item sn-coral" role="menuitem" href="#"><span class="sn-ic sn-ic-coral"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect width="20" height="14" x="2" y="5" rx="4"></rect><path d="m10 9 5 3-5 3z"></path></svg></span><span class="sn-txt"><span class="sn-h">Chaîne YouTube<svg class="sn-ext" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></span><span class="sn-d">Masterclasses et replays techniques.</span></span></a><a class="sn-item sn-sky" role="menuitem" href="librairie.html"><span class="sn-ic sn-ic-sky"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg></span><span class="sn-txt"><span class="sn-h">Librairie RevOps</span><span class="sn-d">Articles, playbooks et templates.</span></span></a><a class="sn-item sn-mint" role="menuitem" href="roi.html"><span class="sn-ic sn-ic-mint"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect width="16" height="20" x="4" y="2" rx="2"></rect><line x1="8" x2="16" y1="6" y2="6"></line><line x1="16" x2="16" y1="14" y2="18"></line><path d="M16 10h.01"></path><path d="M12 10h.01"></path><path d="M8 10h.01"></path><path d="M12 14h.01"></path><path d="M8 14h.01"></path><path d="M12 18h.01"></path><path d="M8 18h.01"></path></svg></span><span class="sn-txt"><span class="sn-h">Calculateur de ROI</span><span class="sn-d">Cinq chiffres pour chiffrer l'effet RevOps.</span></span></a><a class="sn-item sn-gray" role="menuitem" href="#"><span class="sn-ic sn-ic-gray"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><defs><linearGradient id="mrcg" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#FE9C87"></stop><stop offset=".5" stop-color="#F1CF25"></stop><stop offset="1" stop-color="#99D1DF"></stop></linearGradient></defs><path d="M4 20V4l8 9 8-9v16" stroke="url(#mrcg)"></path></svg></span><span class="sn-txt"><span class="sn-h">Modern Revenue Club<svg class="sn-ext" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></span><span class="sn-d">La communauté privée des leaders RevOps.</span></span></a></div></div></div><a class="sn-cta" href="#diagnostic">Échanger avec un architecte<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></nav></div>

<header style="padding: 56px 0 96px; position: relative; overflow: hidden; background: radial-gradient(60% 50% at 50% 100%, rgba(241,207,37,0.10), rgba(255,255,255,0) 70%)">
<div style="max-width: 80rem; margin: 0 auto; padding: 0 32px; text-align: center; position: relative; z-index: 10">
<a class="reveal h8-pill" href="roi.html" style="animation-delay: .05s; display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: #3F3F46; font-size: 13px; font-weight: 600; border: 1px solid #E4E4E7; background: #FFFFFF; border-radius: 999px; padding: 5px 12px 5px 5px; margin-bottom: 28px"><span style="background: linear-gradient(90deg, #FE9C87, #F1CF25); color: #212323; border-radius: 999px; padding: 4px 11px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 10px; letter-spacing: .14em; text-transform: uppercase">Nouveau</span>Combien vaut une équipe RevOps chez vous ?<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></a>
<h1 class="reveal" style="animation-delay: .1s; margin: 0 auto 26px; max-width: 1140px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: clamp(34px, 5.4vw, 78px); line-height: 1.02; letter-spacing: -0.035em">La croissance est <span class="h8-tag" style="white-space: nowrap">un système.</span><br>Nous le construisons.</h1>
<p class="reveal" style="animation-delay: .2s; margin: 0 auto 34px; font-size: 20px; line-height: 1.6; font-weight: 500; color: #52525B; max-width: 40rem">Organisation, process, donnée, outils et IA : nous faisons travailler ensemble marketing, ventes, équipes clients et finance. Avec d'<strong class="h8-sen">anciens responsables des opérations commerciales</strong>, qui ont été à votre place.</p>
<div class="reveal" style="animation-delay: .3s; display: flex; flex-wrap: wrap; gap: 12px; justify-content: center">
<a class="hv-btn" href="#enjeux" style="text-decoration: none; display: inline-flex; align-items: center; border: 1px solid #D4D4D8; background: #FFFFFF; color: #212323; font-weight: 600; font-size: 15px; padding: 13px 24px; border-radius: 999px">Voir vos enjeux</a>
<a class="hv-btn" href="#diagnostic" style="text-decoration: none; display: inline-flex; align-items: center; gap: 8px; background: #212323; color: #FFFFFF; font-weight: 600; font-size: 15px; padding: 13px 24px; border-radius: 999px">Échanger avec un architecte<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a>
</div>
<div class="reveal h8-frame" style="animation-delay: .45s; margin: 56px auto 0; max-width: 1180px; text-align: left">
<div aria-hidden="true" id="hx8" class="hx">
<svg viewBox="0 0 1100 360" fill="none">
<defs>
<linearGradient id="hxA" gradientUnits="userSpaceOnUse" x1="150" y1="0" x2="1000" y2="0"><stop offset="0" stop-color="#F1CF25"></stop><stop offset=".35" stop-color="#9ADBBA"></stop><stop offset=".68" stop-color="#99D1DF"></stop><stop offset="1" stop-color="#FE9C87"></stop></linearGradient>
<linearGradient id="hxF" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#212323" stop-opacity=".035"></stop><stop offset="1" stop-color="#212323" stop-opacity="0"></stop></linearGradient>
<radialGradient id="hxV" cx="50%" cy="50%" r="55%"><stop offset="0" stop-color="#FFFFFF"></stop><stop offset=".7" stop-color="#FFFFFF" stop-opacity=".5"></stop><stop offset="1" stop-color="#FFFFFF" stop-opacity="0"></stop></radialGradient><mask id="hxM"><rect x="0" y="0" width="1100" height="360" fill="url(#hxV)"></rect></mask>
<pattern id="hxP" width="22" height="22" patternUnits="userSpaceOnUse"><circle cx="1" cy="1" r="1" fill="#E4E4E7"></circle></pattern>
<filter id="hxSh" x="-20%" y="-40%" width="140%" height="200%"><fedropshadow dx="0" dy="4" stdDeviation="6" flood-color="#212323" flood-opacity=".07"></fedropshadow></filter>
<filter id="hxGl" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="5"></feGaussianBlur></filter>
<linearGradient id="hxH" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#FE9C87"></stop><stop offset="1" stop-color="#F1CF25"></stop></linearGradient><clipPath id="hxClip"><rect class="hx-clip" x="40" y="0" width="1020" height="360"></rect></clipPath>
</defs>
<rect x="0" y="0" width="1100" height="360" fill="url(#hxP)" mask="url(#hxM)"></rect>
<g class="hx-grids"><line class="hx-grid" x1="40" y1="70" x2="1060" y2="70"></line><line class="hx-grid" x1="40" y1="130" x2="1060" y2="130"></line><line class="hx-grid" x1="40" y1="190" x2="1060" y2="190"></line></g>
<path class="hx-area" clip-path="url(#hxClip)" d="M40.0,178.0 L51.0,177.7 L62.0,177.4 L73.0,177.1 L84.0,176.8 L95.0,176.5 L106.0,176.2 L117.0,175.9 L128.0,175.6 L139.0,175.3 L150.0,175.0 L169.0,174.3 L187.9,173.3 L206.9,172.1 L225.8,170.9 L244.8,169.4 L263.8,167.9 L282.7,166.3 L301.7,164.6 L320.6,162.8 L339.6,160.9 L358.5,158.9 L377.5,156.8 L396.5,154.6 L415.4,152.4 L434.4,150.1 L453.3,147.7 L472.3,145.2 L491.2,142.7 L510.2,140.1 L529.2,137.5 L548.1,134.8 L567.1,132.0 L586.0,129.1 L605.0,126.2 L624.0,123.2 L642.9,120.2 L661.9,117.1 L680.8,114.0 L699.8,110.8 L718.8,107.5 L737.7,104.2 L756.7,100.8 L775.6,97.4 L794.6,93.9 L813.5,90.4 L832.5,86.8 L851.5,83.2 L870.4,79.5 L889.4,75.8 L908.3,72.0 L927.3,68.2 L946.2,64.3 L965.2,60.4 L984.2,56.4 L1003.1,52.4 L1022.1,48.3 L1041.0,44.2 L1060.0,40.0 L1060,250 L40,250 Z" fill="url(#hxF)"></path>
<line class="hx-base" x1="40" y1="250" x2="1060" y2="250"></line>
<line class="hx-axis" x1="40" y1="250" x2="1060" y2="250" stroke="url(#hxA)" stroke-width="2" stroke-linecap="round"></line>
<path class="hx-ghost" d="M40,250 C300,247 600,238 1060,222" stroke="#C4C4C8" stroke-width="1.4" stroke-dasharray="3 5" stroke-linecap="round"></path><text class="hx-gl" x="1060" y="212" text-anchor="end">Sans système</text><text class="hx-axl" x="1060" y="280" text-anchor="end">Axe RevOps</text><g class="hx-dots"><circle class="hx-dot" cx="-50" cy="-50" r="3" fill="#212323" opacity="0"></circle><circle class="hx-dot" cx="-50" cy="-50" r="3" fill="#212323" opacity="0"></circle><circle class="hx-dot" cx="-50" cy="-50" r="3" fill="#212323" opacity="0"></circle><circle class="hx-dot" cx="-50" cy="-50" r="3" fill="#212323" opacity="0"></circle><circle class="hx-dot" cx="-50" cy="-50" r="3" fill="#212323" opacity="0"></circle><circle class="hx-dot" cx="-50" cy="-50" r="3" fill="#212323" opacity="0"></circle><circle class="hx-dot" cx="-50" cy="-50" r="3" fill="#212323" opacity="0"></circle><circle class="hx-dot" cx="-50" cy="-50" r="3" fill="#212323" opacity="0"></circle><circle class="hx-dot" cx="-50" cy="-50" r="3" fill="#212323" opacity="0"></circle><circle class="hx-dot" cx="-50" cy="-50" r="3" fill="#212323" opacity="0"></circle><circle class="hx-dot" cx="-50" cy="-50" r="3" fill="#212323" opacity="0"></circle><circle class="hx-dot" cx="-50" cy="-50" r="3" fill="#212323" opacity="0"></circle><circle class="hx-dot" cx="-50" cy="-50" r="3" fill="#212323" opacity="0"></circle><circle class="hx-dot" cx="-50" cy="-50" r="3" fill="#212323" opacity="0"></circle><circle class="hx-dot" cx="-50" cy="-50" r="3" fill="#212323" opacity="0"></circle><circle class="hx-dot" cx="-50" cy="-50" r="3" fill="#212323" opacity="0"></circle></g>
<line class="hx-guide" x1="150" y1="242" x2="150" y2="180.0"></line><line class="hx-guide" x1="400" y1="242" x2="400" y2="159.2"></line><line class="hx-guide" x1="650" y1="242" x2="650" y2="124.1"></line><line class="hx-guide" x1="900" y1="242" x2="900" y2="78.7"></line>
<path class="hx-glow" clip-path="url(#hxClip)" d="M40.0,178.0 L51.0,177.7 L62.0,177.4 L73.0,177.1 L84.0,176.8 L95.0,176.5 L106.0,176.2 L117.0,175.9 L128.0,175.6 L139.0,175.3 L150.0,175.0 L169.0,174.3 L187.9,173.3 L206.9,172.1 L225.8,170.9 L244.8,169.4 L263.8,167.9 L282.7,166.3 L301.7,164.6 L320.6,162.8 L339.6,160.9 L358.5,158.9 L377.5,156.8 L396.5,154.6 L415.4,152.4 L434.4,150.1 L453.3,147.7 L472.3,145.2 L491.2,142.7 L510.2,140.1 L529.2,137.5 L548.1,134.8 L567.1,132.0 L586.0,129.1 L605.0,126.2 L624.0,123.2 L642.9,120.2 L661.9,117.1 L680.8,114.0 L699.8,110.8 L718.8,107.5 L737.7,104.2 L756.7,100.8 L775.6,97.4 L794.6,93.9 L813.5,90.4 L832.5,86.8 L851.5,83.2 L870.4,79.5 L889.4,75.8 L908.3,72.0 L927.3,68.2 L946.2,64.3 L965.2,60.4 L984.2,56.4 L1003.1,52.4 L1022.1,48.3 L1041.0,44.2 L1060.0,40.0" stroke="url(#hxA)" stroke-width="10" stroke-linecap="round" stroke-opacity=".22" filter="url(#hxGl)"></path>
<path class="hx-curve" pathLength="1" d="M40.0,178.0 L51.0,177.7 L62.0,177.4 L73.0,177.1 L84.0,176.8 L95.0,176.5 L106.0,176.2 L117.0,175.9 L128.0,175.6 L139.0,175.3 L150.0,175.0 L169.0,174.3 L187.9,173.3 L206.9,172.1 L225.8,170.9 L244.8,169.4 L263.8,167.9 L282.7,166.3 L301.7,164.6 L320.6,162.8 L339.6,160.9 L358.5,158.9 L377.5,156.8 L396.5,154.6 L415.4,152.4 L434.4,150.1 L453.3,147.7 L472.3,145.2 L491.2,142.7 L510.2,140.1 L529.2,137.5 L548.1,134.8 L567.1,132.0 L586.0,129.1 L605.0,126.2 L624.0,123.2 L642.9,120.2 L661.9,117.1 L680.8,114.0 L699.8,110.8 L718.8,107.5 L737.7,104.2 L756.7,100.8 L775.6,97.4 L794.6,93.9 L813.5,90.4 L832.5,86.8 L851.5,83.2 L870.4,79.5 L889.4,75.8 L908.3,72.0 L927.3,68.2 L946.2,64.3 L965.2,60.4 L984.2,56.4 L1003.1,52.4 L1022.1,48.3 L1041.0,44.2 L1060.0,40.0" stroke="url(#hxA)" stroke-width="2.4" stroke-linecap="round"></path>
<g class="hx-team" transform="translate(150,250)"><circle r="9" fill="#F1CF25" stroke="#FFFFFF" stroke-width="3"></circle><text y="30" text-anchor="middle">Marketing</text></g><g class="hx-team" transform="translate(400,250)"><circle r="9" fill="#9ADBBA" stroke="#FFFFFF" stroke-width="3"></circle><text y="30" text-anchor="middle">Sales</text></g><g class="hx-team" transform="translate(650,250)"><circle r="9" fill="#99D1DF" stroke="#FFFFFF" stroke-width="3"></circle><text y="30" text-anchor="middle">Customer Success</text></g><g class="hx-team" transform="translate(900,250)"><circle r="9" fill="#FE9C87" stroke="#FFFFFF" stroke-width="3"></circle><text y="30" text-anchor="middle">Finance</text></g>
<circle class="hx-node hx-n1" cx="150" cy="175.0" r="4" fill="#FFFFFF" stroke="#212323" stroke-width="1.6"></circle><circle class="hx-node hx-n2" cx="400" cy="154.2" r="4" fill="#FFFFFF" stroke="#212323" stroke-width="1.6"></circle><circle class="hx-node hx-n3" cx="650" cy="119.1" r="4" fill="#FFFFFF" stroke="#212323" stroke-width="1.6"></circle><circle class="hx-node hx-n4" cx="900" cy="73.7" r="4" fill="#FFFFFF" stroke="#212323" stroke-width="1.6"></circle>
<circle class="hx-halo" cx="1060" cy="40.0" r="17" stroke="url(#hxH)" stroke-width="1.8"></circle>
<g class="hx-end"><circle cx="1060" cy="40.0" r="17" fill="#FFFFFF" filter="url(#hxSh)"></circle><g transform="translate(1046.0,26.0) scale(0.04667)"><circle cx="300" cy="300" r="298" fill="#212323"></circle><path d="m208.88,207.17c10.64-11.77,23.8-21.1,39.13-27.72,12.09-5.21,25.51-8.33,39.96-9.46-14.55-5.19-30.4-7.95-47.73-7.95-20.21,0-38.55,3.53-54.96,10.6-16.43,7.08-30.33,16.95-41.69,29.57-11.37,12.64-20.09,27.29-26.16,43.97-6.06,16.68-9.09,34.61-9.09,53.82s3.03,36.52,9.09,53.45c6.06,16.93,14.79,31.58,26.16,43.95,11.37,12.39,25.27,22.26,41.69,29.57,16.41,7.34,34.75,10.98,54.96,10.98,17.41,0,33.22-2.78,47.64-8.04-14.11-1.2-27.85-4.38-39.79-9.72-15.38-6.85-28.59-16.21-39.24-27.82-10.66-11.6-18.94-25.54-24.61-41.42-5.77-16.1-8.69-33.24-8.69-50.96s2.91-35.46,8.67-51.29c5.69-15.67,13.99-29.65,24.67-41.54Z" fill="#FFFFFF"></path><path d="m477.89,226.4c-9.23-23.36-22.26-43.91-38.7-61.13-16.54-17.33-36.85-31.29-60.4-41.48-23.55-10.23-50.05-15.4-78.74-15.4-20.09,0-39.11,2.63-56.95,7.54,26.65.33,51,5.14,72.94,14.66,22.74,9.84,42.08,23.13,57.99,39.8,15.93,16.68,28.3,36.27,37.16,58.74,8.42,21.45,12.72,44.2,13.11,68.18.01.92.22,1.78.22,2.7,0,4.86-.25,9.64-.69,14.36-1.36,21.12-5.71,41.02-13.42,59.55-9.34,22.49-22.24,41.95-38.64,58.37-16.45,16.43-35.9,29.19-58.37,38.28-21.48,8.68-44.71,13.09-69.62,13.49,17.75,4.98,36.58,7.57,56.27,7.57,27.08,0,52.64-4.77,75.94-14.19,23.3-9.42,43.76-22.85,60.84-39.92,17.04-17.04,30.58-37.51,40.25-60.77,9.67-23.28,14.57-48.86,14.57-76s-4.63-51.02-13.76-74.36Z" fill="#FFFFFF"></path></g></g>
<g class="hx-gain hx-g1" transform="translate(150,175.0)"><rect class="hx-hit" x="-215" y="-46" width="235" height="62" fill="transparent"></rect><text class="hx-gn" x="-6" y="-26" text-anchor="end">01</text><text x="-6" y="-10" text-anchor="end">Plus d'opportunités</text></g><g class="hx-gain hx-g2" transform="translate(400,154.2)"><rect class="hx-hit" x="-215" y="-46" width="235" height="62" fill="transparent"></rect><text class="hx-gn" x="-6" y="-26" text-anchor="end">02</text><text x="-6" y="-10" text-anchor="end">Plus de deals signés</text></g><g class="hx-gain hx-g3" transform="translate(650,119.1)"><rect class="hx-hit" x="-215" y="-46" width="235" height="62" fill="transparent"></rect><text class="hx-gn" x="-6" y="-26" text-anchor="end">03</text><text x="-6" y="-10" text-anchor="end">Des clients qui restent</text></g><g class="hx-gain hx-g4" transform="translate(900,73.7)"><rect class="hx-hit" x="-215" y="-46" width="235" height="62" fill="transparent"></rect><text class="hx-gn" x="-6" y="-26" text-anchor="end">04</text><text x="-6" y="-10" text-anchor="end">Un chiffre prévisible</text></g>
</svg>
<span class="hx-tip hx-t1" style="left: 13.64%; top: 48.61%"><b>Comment</b>Un ciblage clair et partagé entre Marketing et Sales, des leads qualifiés et traités vite.</span><span class="hx-tip hx-t2" style="left: 36.36%; top: 42.83%"><b>Comment</b>Un process de vente que toute l'équipe suit, et un pipe lisible à chaque étape.</span><span class="hx-tip hx-t3" style="left: 59.09%; top: 33.08%"><b>Comment</b>Un onboarding net, des signaux de risque suivis, des renouvellements anticipés.</span><span class="hx-tip hx-t4" style="left: 81.82%; top: 20.47%"><b>Comment</b>Une donnée fiable et un forecast revu chaque semaine, avec les mêmes définitions pour tous.</span>
</div>
<ul class="hz-list"><li><b>Plus d'opportunités</b></li><li><b>Plus de deals signés</b></li><li><b>Des clients qui restent</b></li><li><b>Un chiffre prévisible</b></li></ul>
</div>
</div>
</header>

<section id="clients" style="background: #212323; color: #FFFFFF; padding: var(--ds-sec) 0; position: relative; overflow: hidden">
<div aria-hidden="true" style="position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.08) 1px, transparent 1.2px); background-size: 22px 22px; -webkit-mask-image: radial-gradient(ellipse 60% 60% at 50% 45%, #000 15%, transparent 85%); mask-image: radial-gradient(ellipse 60% 60% at 50% 45%, #000 15%, transparent 85%); pointer-events: none"></div>
<div aria-hidden="true" style="position: absolute; top: -260px; right: -220px; width: 720px; height: 720px; border-radius: 999px; background: radial-gradient(circle, rgba(241,207,37,0.10) 0%, rgba(254,156,135,0.05) 35%, transparent 68%); pointer-events: none"></div><div aria-hidden="true" style="position: absolute; bottom: -300px; left: -260px; width: 680px; height: 680px; border-radius: 999px; background: radial-gradient(circle, rgba(154,219,186,0.07) 0%, transparent 65%); pointer-events: none"></div>
<div style="max-width: 80rem; margin: 0 auto; padding: 0 32px; position: relative; z-index: 10">
<div style="text-align: center; margin-bottom: 64px">
<p style="margin: 0 0 16px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 12px; letter-spacing: 0.3em; text-transform: uppercase; color: #FFFFFF">Ils nous font confiance</p>
<h2 style="margin: 0; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: var(--ds-h2); letter-spacing: -0.025em">+60 entreprises nous ont confié leur machine commerciale.</h2>
</div>
<div style="overflow: hidden; border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1); padding: 32px 0; margin-bottom: 96px">
<div class="marq" style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 26px; color: rgba(255,255,255,0.45); white-space: nowrap">
<span>Qonto</span><span>Welcome to the Jungle</span><span>Silae</span><span>Modjo</span><span>Upslide</span><span>Datawords</span><span>IDEX</span><span>La Poste</span>
<span>Qonto</span><span>Welcome to the Jungle</span><span>Silae</span><span>Modjo</span><span>Upslide</span><span>Datawords</span><span>IDEX</span><span>La Poste</span>
</div>
</div>
<div style="max-width: 56rem; margin: 0 auto; position: relative; padding: 64px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: var(--ds-r-l); box-shadow: var(--ds-sh-3); overflow: hidden">
<svg aria-hidden="true" width="140" height="110" viewBox="0 0 140 110" fill="rgba(241,207,37,0.15)" style="position: absolute; top: 32px; left: 32px"><path d="M35 110C15.6667 110 0 94.3333 0 75C0 55.6667 15.6667 40 35 40V0L70 40V75C70 94.3333 54.3333 110 35 110ZM105 110C85.6667 110 70 94.3333 70 75C70 55.6667 85.6667 40 105 40V0L140 40V75C140 94.3333 124.333 110 105 110Z"></path></svg>
<div style="position: relative; z-index: 10">
<p style="margin: 0 0 48px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 24px; line-height: 1.625; max-width: 42rem">[Témoignage client, alimenté par les stories du site]</p>
<div style="display: flex; flex-wrap: wrap; gap: 24px; align-items: center; justify-content: space-between">
<div style="display: flex; align-items: center; gap: 16px">
<span style="width: 56px; height: 56px; border-radius: 999px; background: #F1CF25; color: #212323; display: flex; align-items: center; justify-content: center; font-family: 'Bermia', sans-serif; font-weight: 900">AB</span>
<span style="display: flex; flex-direction: column; gap: 4px"><span style="font-weight: 700">[Prénom Nom]</span><span style="font-size: 14px; color: #A1A1AA">[Fonction, entreprise]</span></span>
</div>
<a class="hv-btn" href="#" style="text-decoration: none; display: inline-flex; align-items: center; gap: 8px; color: #FFFFFF; border: 1px solid rgba(255,255,255,0.3); font-weight: 600; font-size: 15px; padding: 12px 24px; border-radius: 999px">Découvrir nos stories
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a>
</div>
</div>
</div>
</div>
</section>


<section id="mission" class="" style="background: #F5F5F5; padding: var(--ds-sec) 0">
<div style="max-width: 64rem; margin: 0 auto; padding: 0 32px; text-align: center">
<span style="display: inline-block; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 11px; letter-spacing: 0.28em; text-transform: uppercase; background: #9ADBBA; padding: 7px 16px; border-radius: 999px; margin-bottom: 22px">Notre mission</span>
<h2 style="margin: 0 0 28px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: var(--ds-h2); line-height: 1.02; letter-spacing: -0.025em">Démocratiser la science du revenu.</h2>
<p style="margin: 0 auto 8px; max-width: 40rem; font-size: 21px; line-height: 1.5; font-weight: 600; color: #212323">La discipline Revenue des meilleures scale-ups, <span style="text-decoration-line: underline; text-decoration-color: #F1CF25; text-decoration-thickness: 3px; text-underline-offset: 5px">enfin accessible aux entreprises B2B</span>.</p>
<div class="il-box" style="margin: 8px auto 0; max-width: 340px; position: relative; width: 100%; max-width: 340px; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center">
<div class="hv-rot il-s il-s1" style="position: absolute; top: 8%; left: 38%; width: 110px; height: 110px; border-radius: 999px; background: rgba(154,219,186,0.8); transform: rotate(12deg); display: flex; align-items: center; justify-content: center">
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364-6.364l-.707.707M6.343 17.657l-.707.707m12.728 0l-.707-.707M6.343 6.343l-.707-.707"></path></svg>
</div>
<div class="il-s il-s2" style="position: absolute; top: 12%; right: 12%; width: 90px; height: 90px; background: rgba(254,156,135,0.8); transform: rotate(-6deg); border-radius: var(--ds-r-s)"></div>
<div class="il-s il-s3" style="position: absolute; top: 42%; left: 5%; width: 85px; height: 100px; background: rgba(241,207,37,0.8); transform: rotate(3deg); border-radius: var(--ds-r-s)"></div>
<div class="il-s il-s4" style="position: absolute; bottom: 8%; left: 48%; width: 100px; height: 100px; border-radius: 999px; background: rgba(153,209,223,0.8)"></div>
<svg viewBox="0 0 600 600" fill="none" role="img" aria-label="Tableaux de bord Revenue" style="position: relative; z-index: 10; width: 100%; height: 100%; overflow: visible; color: #212323; filter: drop-shadow(0 25px 25px rgba(0,0,0,0.08))">
<g class="il-w il-w1"><g class="fl">
<rect x="50" y="100" width="280" height="180" rx="16" fill="#FFFFFF" stroke="currentColor" stroke-width="1.5"></rect>
<line x1="50" y1="145" x2="330" y2="145" stroke="currentColor" stroke-width="1.5"></line>
<circle cx="80" cy="122" r="3.5" fill="currentColor"></circle><circle cx="100" cy="122" r="3.5" fill="currentColor"></circle><circle cx="120" cy="122" r="3.5" fill="currentColor"></circle>
<g transform="translate(85, 175)">
<rect class="il-ln" x="0" y="0" width="200" height="6" rx="3" fill="currentColor"></rect><rect class="il-ln" x="0" y="20" width="170" height="6" rx="3" fill="currentColor"></rect><rect class="il-ln" x="0" y="40" width="185" height="6" rx="3" fill="currentColor"></rect><rect class="il-ln" x="0" y="60" width="130" height="6" rx="3" fill="currentColor"></rect><rect class="il-ln" x="0" y="80" width="160" height="6" rx="3" fill="currentColor"></rect>
<line x1="-15" y1="-10" x2="-15" y2="95" stroke="currentColor" stroke-width="1" stroke-opacity="0.3"></line>
</g>
</g></g>
<g class="il-w il-w2"><g class="fl" style="animation-delay: -4s">
<rect x="350" y="100" width="180" height="230" rx="16" fill="#FFFFFF" stroke="currentColor" stroke-width="1.5"></rect>
<line x1="350" y1="145" x2="530" y2="145" stroke="currentColor" stroke-width="1.5"></line>
<circle cx="380" cy="122" r="3.5" fill="currentColor"></circle><circle cx="400" cy="122" r="3.5" fill="currentColor"></circle>
<g transform="translate(440, 240)"><g class="il-pie">
<circle cx="0" cy="0" r="60" stroke="currentColor" stroke-width="1.5"></circle>
<path d="M0,0 L0,-60 A60,60 0 0,1 52,-30 Z" fill="currentColor" transform="rotate(30)"></path>
<path d="M0,0 L-60,0 A60,60 0 0,1 -30,-52 Z" fill="currentColor" opacity="0.8"></path>
<line x1="0" y1="0" x2="60" y2="0" stroke="currentColor" stroke-width="1"></line><line x1="0" y1="0" x2="-30" y2="52" stroke="currentColor" stroke-width="1"></line>
</g></g>
</g></g>
<g class="il-w il-w3"><g class="fl" style="animation-delay: -8s">
<rect x="350" y="350" width="180" height="150" rx="16" fill="#FFFFFF" stroke="currentColor" stroke-width="1.5"></rect>
<line x1="350" y1="395" x2="530" y2="395" stroke="currentColor" stroke-width="1.5"></line>
<circle cx="380" cy="372" r="3.5" fill="currentColor"></circle>
<path class="il-wave" pathLength="1" d="M 375,460 Q 405,400 435,460 T 495,460" stroke="currentColor" stroke-width="1.5" fill="none"></path>
<path class="il-wave2" d="M 375,445 Q 415,485 455,435 T 515,445" stroke="currentColor" stroke-width="1" stroke-dasharray="4 4" fill="none"></path>
<line x1="375" y1="480" x2="510" y2="480" stroke="currentColor" stroke-width="1" stroke-opacity="0.2"></line>
</g></g>
<g class="il-w il-w4"><g class="fl" style="animation-delay: -2s">
<rect x="200" y="305" width="130" height="210" rx="16" fill="#FFFFFF" stroke="currentColor" stroke-width="1.5"></rect>
<line x1="200" y1="350" x2="330" y2="350" stroke="currentColor" stroke-width="1.5"></line>
<g transform="translate(225, 490)">
<rect class="il-bar" x="0" y="-40" width="12" rx="2" height="40" fill="currentColor"></rect><rect class="il-bar" x="18" y="-70" width="12" rx="2" height="70" fill="currentColor"></rect><rect class="il-bar" x="36" y="-55" width="12" rx="2" height="55" fill="currentColor"></rect><rect class="il-bar" x="54" y="-30" width="12" rx="2" height="30" fill="currentColor"></rect><rect class="il-bar" x="72" y="-85" width="12" rx="2" height="85" fill="currentColor"></rect>
</g>
</g></g>
<g class="il-w il-w5"><g class="fl" style="animation-delay: -6s">
<rect x="50" y="305" width="130" height="210" rx="16" fill="#FFFFFF" stroke="currentColor" stroke-width="1.5"></rect>
<line x1="50" y1="350" x2="180" y2="350" stroke="currentColor" stroke-width="1.5"></line>
<g transform="translate(75, 430)">
<line x1="0" y1="-30" x2="0" y2="30" stroke="currentColor" stroke-width="1"></line><rect x="-4" y="-12" width="8" rx="1" height="24" stroke="currentColor" stroke-width="1" fill="#FFFFFF"></rect>
<line x1="22" y1="-45" x2="22" y2="25" stroke="currentColor" stroke-width="1"></line><rect x="18" y="-22" width="8" rx="1" height="35" fill="currentColor"></rect>
<line x1="44" y1="-25" x2="44" y2="55" stroke="currentColor" stroke-width="1"></line><rect x="40" y="5" width="8" rx="1" height="40" fill="currentColor"></rect>
<line x1="66" y1="-55" x2="66" y2="15" stroke="currentColor" stroke-width="1"></line><rect x="62" y="-45" width="8" rx="1" height="30" stroke="currentColor" stroke-width="1" fill="#FFFFFF"></rect>
</g>
</g></g>
</svg>
</div>
<div style="display: flex; flex-direction: column; gap: 16px; font-size: 17px; line-height: 1.65; font-weight: 500; color: #52525B; text-align: left; padding-top: 36px; border-top: 1px solid #E4E4E7; max-width: 44rem; margin: 8px auto 0">
<p style="margin: 0">Les scale-ups les plus rapides ont appris à faire reposer leur croissance sur une machine commerciale : un pipe lisible, des passations nettes, des outils que les équipes utilisent vraiment.</p>
<p style="margin: 0">La plupart des entreprises B2B n'en ont pas encore. Leur croissance repose sur l'effort individuel : quelques commerciaux plus performants que les autres, des méthodes qui vivent dans les têtes, et des résultats qui vacillent dès que l'un d'eux s'en va.</p>
<p style="margin: 0; color: #212323; font-weight: 700">Notre métier : la construire chez vous, avec vos équipes, dans vos outils.</p>
</div>
<div style="display: flex; justify-content: center; margin-top: 40px"><a class="hv-btn" href="a-propos.html#manifeste" style="text-decoration: none; display: inline-flex; align-items: center; gap: 8px; border: 1px solid #D4D4D8; background: #FFFFFF; color: #212323; font-weight: 600; font-size: 15px; padding: 13px 24px; border-radius: 999px">Lire notre manifeste<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></a></div>
</div>
</section>


<section id="methode" style="background: #FFFFFF; padding: var(--ds-sec) 0">
<div style="max-width: 80rem; margin: 0 auto; padding: 0 32px">
<h2 style="margin: 0 0 16px; text-align: center; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: var(--ds-h2); letter-spacing: -0.025em">Comment nous travaillons</h2>
<p style="margin: 0 auto 72px; text-align: center; color: #52525B; max-width: 42rem; font-size: 19px; line-height: 1.625; font-weight: 500; margin-bottom: 72px">Une squad senior, embarquée chez vous, du diagnostic jusqu'au moment où la machine tourne sans nous.</p>
<div class="tp8" style="position: relative; max-width: 880px; margin: 0 auto 88px; padding: 0 16px">
<div class="tp8-ctl" style="position: absolute; top: -20px; left: -8px; width: 64px; height: 64px; border-top: 2px solid rgba(33,35,35,0.12); border-left: 2px solid rgba(33,35,35,0.12)"></div>
<div class="tp8-cbr" style="position: absolute; bottom: -20px; right: -8px; width: 64px; height: 64px; border-bottom: 2px solid rgba(33,35,35,0.12); border-right: 2px solid rgba(33,35,35,0.12)"></div>
<div class="tp8-card" style="position: relative; background: #FFFFFF; border: 1px solid #F4F4F5; border-radius: 28px; padding: 10px; box-shadow: var(--ds-sh-2); overflow: hidden">
<img class="tp8-img" src="assets/4a1cee48331d2ed846f083c3c6fff1e7.jpg" alt="L'équipe Ocobo" style="display: block; width: 100%; height: auto; border-radius: var(--ds-r-m)">
<div class="tp8-badge" style="position: absolute; bottom: 32px; left: 32px; display: flex; align-items: center; gap: 10px; background: rgba(255,255,255,0.92); padding: 12px 20px; border-radius: var(--ds-r-m); box-shadow: var(--ds-sh-3)"><span class="tp8-dot" style="width: 10px; height: 10px; border-radius: 99px; background: #9ADBBA"></span><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase">La Squad Ocobo</span></div>
</div>
<div class="tp8-f1" style="position: absolute; top: -34px; right: 56px; padding: 16px; background: #FFFFFF; border: 1px solid #F4F4F5; border-radius: var(--ds-r-m); box-shadow: var(--ds-sh-3); display: flex; color: #F1CF25"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></div>
<div class="tp8-f2" style="position: absolute; bottom: -30px; left: 88px; padding: 16px; background: #212323; color: #FFFFFF; border-radius: var(--ds-r-m); box-shadow: var(--ds-sh-3); display: flex"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div>
</div>
<div style="display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px">
<a class="hv-card" href="#" style="text-decoration: none; color: #212323; background: #FFFFFF; border: 1px solid #F4F4F5; border-radius: var(--ds-r-m); box-shadow: var(--ds-sh-1); padding: 40px; display: flex; flex-direction: column">
<div style="display: flex; justify-content: space-between; align-items: center"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 12px; letter-spacing: 0.3em; text-transform: uppercase; background: #F1CF25; padding: 6px 16px; border-radius: 999px">L'architecture</span><span aria-hidden="true" style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 40px; line-height: 1; color: #F4F4F5">01</span></div>
<h3 style="margin: 20px 0 16px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 24px; line-height: 1.2">Immersion, diagnostic et plan d'action</h3>
<p style="margin: 0; flex: 1; color: #52525B; font-size: 16px; line-height: 1.625; font-weight: 500">Ne construisez pas à l'aveugle. Nous auditons votre GTM (équipes, systèmes, données) et livrons la roadmap précise (Budget &amp; Planning) pour sécuriser l'année.</p>
<span style="margin-top: 28px; padding-top: 20px; border-top: 1px solid #FAFAFA; font-weight: 600; font-size: 15px">Voir le détail →</span>
</a>
<a class="hv-card" href="#" style="text-decoration: none; color: #212323; background: #FFFFFF; border: 1px solid #F4F4F5; border-radius: var(--ds-r-m); box-shadow: var(--ds-sh-1); padding: 40px; display: flex; flex-direction: column">
<div style="display: flex; justify-content: space-between; align-items: center"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 12px; letter-spacing: 0.3em; text-transform: uppercase; background: #99D1DF; padding: 6px 16px; border-radius: 999px">La construction</span><span aria-hidden="true" style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 40px; line-height: 1; color: #F4F4F5">02</span></div>
<h3 style="margin: 20px 0 16px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 24px; line-height: 1.2">La phase de transformation intensive.</h3>
<p style="margin: 0; flex: 1; color: #52525B; font-size: 16px; line-height: 1.625; font-weight: 500">Une Squad complète déploie votre infrastructure en sprints de 2 semaines. Nous priorisons, nous construisons, nous testons, nous livrons.</p>
<span style="margin-top: 28px; padding-top: 20px; border-top: 1px solid #FAFAFA; font-weight: 600; font-size: 15px">Voir le détail →</span>
</a>
<a class="hv-card" href="#" style="text-decoration: none; color: #212323; background: #FFFFFF; border: 1px solid #F4F4F5; border-radius: var(--ds-r-m); box-shadow: var(--ds-sh-1); padding: 40px; display: flex; flex-direction: column">
<div style="display: flex; justify-content: space-between; align-items: center"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 12px; letter-spacing: 0.3em; text-transform: uppercase; background: #9ADBBA; padding: 6px 16px; border-radius: 999px">L'animation</span><span aria-hidden="true" style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 40px; line-height: 1; color: #F4F4F5">03</span></div>
<h3 style="margin: 20px 0 16px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 24px; line-height: 1.2">Le passage de témoin vers la performance durable.</h3>
<p style="margin: 0; flex: 1; color: #52525B; font-size: 16px; line-height: 1.625; font-weight: 500">Nous pilotons votre « Run » au quotidien pour maximiser le ROI et récolter les fruits du travail accompli.</p>
<span style="margin-top: 28px; padding-top: 20px; border-top: 1px solid #FAFAFA; font-weight: 600; font-size: 15px">Voir le détail →</span>
</a>
</div>
<div style="margin-top: 56px; text-align: center"><a class="hv-btn" href="methode.html" style="text-decoration: none; display: inline-flex; align-items: center; border: 1px solid #212323; font-weight: 600; letter-spacing: 0.025em; font-size: 16px; padding: 16px 32px; border-radius: 999px">Découvrir notre méthode</a></div>
</div>
</section>

<section id="enjeux" style="background: #F5F5F5; padding: var(--ds-sec) 0">
<div style="max-width: 80rem; margin: 0 auto; padding: 0 32px">
<h2 style="margin: 0 0 16px; text-align: center; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: var(--ds-h2); letter-spacing: -0.025em">Six problèmes que nous réglons</h2>
<p style="margin: 0 auto 48px; text-align: center; color: #52525B; max-width: 42rem; font-size: 18px; line-height: 1.625; font-weight: 500">Du premier lead au renouvellement. Chacun se règle avec la même méthode, dans vos outils.</p>
<div class="hb-wrap" role="img" aria-label="Le parcours Revenue, de la génération de demande à l'expansion : Ocobo intervient sur chaque étape" style="width: 100%; margin: 0 auto 72px">
<div style="position: relative; height: 150px">
<svg viewBox="0 0 1000 260" preserveAspectRatio="none" aria-hidden="true" style="position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; overflow: visible"><defs><linearGradient id="hbG" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="1000" y2="0"><stop offset="0" stop-color="#FE9C87"></stop><stop offset="1" stop-color="#F1CF25"></stop></linearGradient></defs><g fill="none" stroke="#EFEEEA" stroke-width="1.5" vector-effect="non-scaling-stroke"><path d="M0,22 C240,22 330,123.5 450,123.5 L550,123.5 C670,123.5 760,22 1000,22"></path><path d="M0,50 C240,50 330,125.2 450,125.2 L550,125.2 C670,125.2 760,50 1000,50"></path><path d="M0,78 C240,78 330,126.9 450,126.9 L550,126.9 C670,126.9 760,78 1000,78"></path><path d="M0,106 C240,106 330,128.6 450,128.6 L550,128.6 C670,128.6 760,106 1000,106"></path><path d="M0,154 C240,154 330,131.4 450,131.4 L550,131.4 C670,131.4 760,154 1000,154"></path><path d="M0,182 C240,182 330,133.1 450,133.1 L550,133.1 C670,133.1 760,182 1000,182"></path><path d="M0,210 C240,210 330,134.8 450,134.8 L550,134.8 C670,134.8 760,210 1000,210"></path><path d="M0,238 C240,238 330,136.5 450,136.5 L550,136.5 C670,136.5 760,238 1000,238"></path></g><g class="hb-fl" fill="none" stroke="url(#hbG)" stroke-width="2" stroke-linecap="round" vector-effect="non-scaling-stroke"><path pathLength="1" d="M0,22 C240,22 330,123.5 450,123.5 L550,123.5 C670,123.5 760,22 1000,22"></path><path pathLength="1" d="M0,50 C240,50 330,125.2 450,125.2 L550,125.2 C670,125.2 760,50 1000,50"></path><path pathLength="1" d="M0,78 C240,78 330,126.9 450,126.9 L550,126.9 C670,126.9 760,78 1000,78"></path><path pathLength="1" d="M0,106 C240,106 330,128.6 450,128.6 L550,128.6 C670,128.6 760,106 1000,106"></path><path pathLength="1" d="M0,154 C240,154 330,131.4 450,131.4 L550,131.4 C670,131.4 760,154 1000,154"></path><path pathLength="1" d="M0,182 C240,182 330,133.1 450,133.1 L550,133.1 C670,133.1 760,182 1000,182"></path><path pathLength="1" d="M0,210 C240,210 330,134.8 450,134.8 L550,134.8 C670,134.8 760,210 1000,210"></path><path pathLength="1" d="M0,238 C240,238 330,136.5 450,136.5 L550,136.5 C670,136.5 760,238 1000,238"></path></g></svg>
<span class="hb-knot" style="position: absolute; left: 50%; top: 50%; width: 34px; height: 34px; margin: -17px 0 0 -17px; border-radius: 999px; background: #212323; box-shadow: 0 0 0 6px #fff; display: flex; align-items: center; justify-content: center"><span style="width: 8px; height: 8px; border-radius: 999px; background: linear-gradient(90deg, #FE9C87, #F1CF25)"></span></span>
</div>
<div class="hb-lab" style="display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; margin-top: 18px"><span style="text-align: center; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #A1A1AA; line-height: 1.3">Génération de demande</span><span style="text-align: center; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #A1A1AA; line-height: 1.3">Découverte</span><span style="text-align: center; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #A1A1AA; line-height: 1.3">Négociation</span><span style="text-align: center; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #212323; line-height: 1.3">Signature</span><span style="text-align: center; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #A1A1AA; line-height: 1.3">Onboarding</span><span style="text-align: center; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #A1A1AA; line-height: 1.3">Adoption</span><span style="text-align: center; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #A1A1AA; line-height: 1.3">Expansion</span></div>
</div>

<div style="display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px">


<a class="ej-flip" href="enjeux-organisation-commerciale.html" style="text-decoration: none; color: #212323; display: block"><div class="ej-in">
<div class="ej-face" style="background: #FFFFFF; border: 1px solid #F0EFEC; box-shadow: var(--ds-sh-1); padding: 36px; display: flex; flex-direction: column">
<span aria-hidden="true" style="position: absolute; right: 20px; bottom: 58px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 140px; line-height: 1; letter-spacing: -0.06em; opacity: 0.22; pointer-events: none; color: #9ADBBA">01</span>
<div style="position: relative; margin-bottom: 28px"><span style="display: inline-block; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 12px; letter-spacing: 0.3em; text-transform: uppercase; padding: 6px 16px; border-radius: 999px; background: #9ADBBA; color: #212323">Enjeu 01</span></div>
<h3 style="position: relative; margin: 0 0 18px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 27px; line-height: 1.15; letter-spacing: -0.025em">Une organisation commerciale qui grandit avec vous</h3>
<p style="position: relative; margin: 0; flex: 1; font-size: 18px; font-style: italic; line-height: 1.5; color: #3F3F46">« Deux commerciaux font l'essentiel du chiffre. »</p>
<div style="position: relative; margin-top: 24px; padding-top: 18px; border-top: 1px solid #F4F4F5; display: flex; align-items: center; justify-content: space-between; font-weight: 600; font-size: 15px"><span>Voir les chantiers</span><span aria-hidden="true" style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #A1A1AA"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-3-6.7L21 8"></path><path d="M21 3v5h-5"></path></svg>Survolez</span></div>
</div>
<div class="ej-face ej-back" style="background: #212323; color: #FFFFFF; padding: 32px 32px 28px; display: flex; flex-direction: column">
<div aria-hidden="true" style="position: absolute; top: 0; left: 0; right: 0; height: 5px; background: #9ADBBA"></div>
<span style="font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.55)">Enjeu 01 · Ce que nous déployons</span>
<p style="margin: 8px 0 14px; font-size: 13px; line-height: 1.45; color: rgba(255,255,255,0.7); font-weight: 500">Six chantiers, priorisés selon votre point de départ. Chacun livre un système qui reste chez vous.</p>
<ol style="margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 7px; flex: 1">
<li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #9ADBBA">01</span><span>Des leads mieux ciblés, qualifiés et assignés</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #9ADBBA">02</span><span>Les bons rôles, au bon moment du cycle</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #9ADBBA">03</span><span>Un cycle de vente outillé de bout en bout</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #9ADBBA">04</span><span>Du devis signé à l'argent encaissé, sans ressaisie</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #9ADBBA">05</span><span>Des managers qui pilotent sur des faits</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #9ADBBA">06</span><span>La méthode intégrée aux outils</span></li>
</ol>
<div style="margin-top: 16px"><span style="display: block; font-size: 10px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.45); margin-bottom: 8px">Outils déployés</span><div style="display: flex; flex-wrap: wrap; gap: 6px"><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/83aa7a5e5d05f7374194b602bf485465.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">HubSpot</span><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/fd5fd3057fb2cdd481ff18de57b0197d.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">Salesforce</span><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/bbc2f65353f591f4d04e010a06059ff9.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">Lemlist</span><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/fcc178f5afdcb4f762a08af4a9d29da1.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">Aircall</span><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/31beb1f3472a27be8d1481a837e55726.jpg" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">Modjo</span></div></div>
<div style="margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.12); display: flex; align-items: center; justify-content: space-between; font-weight: 600; font-size: 15px"><span>Voir les chantiers</span><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div>
</div>
</div></a>

<a class="ej-flip" href="enjeux-clients.html" style="text-decoration: none; color: #212323; display: block"><div class="ej-in">
<div class="ej-face" style="background: #FFFFFF; border: 1px solid #F0EFEC; box-shadow: var(--ds-sh-1); padding: 36px; display: flex; flex-direction: column">
<span aria-hidden="true" style="position: absolute; right: 20px; bottom: 58px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 140px; line-height: 1; letter-spacing: -0.06em; opacity: 0.22; pointer-events: none; color: #99D1DF">02</span>
<div style="position: relative; margin-bottom: 28px"><span style="display: inline-block; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 12px; letter-spacing: 0.3em; text-transform: uppercase; padding: 6px 16px; border-radius: 999px; background: #99D1DF; color: #212323">Enjeu 02</span></div>
<h3 style="position: relative; margin: 0 0 18px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 27px; line-height: 1.15; letter-spacing: -0.025em">Des clients qui restent et achètent plus</h3>
<p style="position: relative; margin: 0; flex: 1; font-size: 18px; font-style: italic; line-height: 1.5; color: #3F3F46">« On signe, puis on perd le fil. »</p>
<div style="position: relative; margin-top: 24px; padding-top: 18px; border-top: 1px solid #F4F4F5; display: flex; align-items: center; justify-content: space-between; font-weight: 600; font-size: 15px"><span>Voir les chantiers</span><span aria-hidden="true" style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #A1A1AA"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-3-6.7L21 8"></path><path d="M21 3v5h-5"></path></svg>Survolez</span></div>
</div>
<div class="ej-face ej-back" style="background: #212323; color: #FFFFFF; padding: 32px 32px 28px; display: flex; flex-direction: column">
<div aria-hidden="true" style="position: absolute; top: 0; left: 0; right: 0; height: 5px; background: #99D1DF"></div>
<span style="font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.55)">Enjeu 02 · Ce que nous déployons</span>
<p style="margin: 8px 0 14px; font-size: 13px; line-height: 1.45; color: rgba(255,255,255,0.7); font-weight: 500">Six chantiers, de la signature au développement du compte.</p>
<ol style="margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 7px; flex: 1">
<li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #99D1DF">01</span><span>Qui s'occupe de quel client, et comment</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #99D1DF">02</span><span>Une passation sans perte d'information</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #99D1DF">03</span><span>La santé de chaque client, lisible</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #99D1DF">04</span><span>Des renouvellements anticipés, un développement piloté</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #99D1DF">05</span><span>Une seule vue du client, partagée</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #99D1DF">06</span><span>Des équipes client outillées</span></li>
</ol>
<div style="margin-top: 16px"><span style="display: block; font-size: 10px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.45); margin-bottom: 8px">Outils déployés</span><div style="display: flex; flex-wrap: wrap; gap: 6px"><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/83aa7a5e5d05f7374194b602bf485465.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">HubSpot</span><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/fd5fd3057fb2cdd481ff18de57b0197d.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">Salesforce</span><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/9479f1420f9bbd6664129b580f6ad00d.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">Planhat</span><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="" alt="" style="width: 14px; height: 14px; object-fit: contain; display: none; border-radius: 3px; background: #FFFFFF">Vitally</span><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/430da749bd713b7649ecef1529160e60.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">Zendesk</span></div></div>
<div style="margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.12); display: flex; align-items: center; justify-content: space-between; font-weight: 600; font-size: 15px"><span>Voir les chantiers</span><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div>
</div>
</div></a>

<a class="ej-flip" href="enjeux-previsibilite.html" style="text-decoration: none; color: #212323; display: block"><div class="ej-in">
<div class="ej-face" style="background: #FFFFFF; border: 1px solid #F0EFEC; box-shadow: var(--ds-sh-1); padding: 36px; display: flex; flex-direction: column">
<span aria-hidden="true" style="position: absolute; right: 20px; bottom: 58px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 140px; line-height: 1; letter-spacing: -0.06em; opacity: 0.22; pointer-events: none; color: #FE9C87">03</span>
<div style="position: relative; margin-bottom: 28px"><span style="display: inline-block; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 12px; letter-spacing: 0.3em; text-transform: uppercase; padding: 6px 16px; border-radius: 999px; background: #FE9C87; color: #212323">Enjeu 03</span></div>
<h3 style="position: relative; margin: 0 0 18px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 27px; line-height: 1.15; letter-spacing: -0.025em">Un chiffre que vous voyez venir</h3>
<p style="position: relative; margin: 0; flex: 1; font-size: 18px; font-style: italic; line-height: 1.5; color: #3F3F46">« Je découvre mon trimestre à la fin du trimestre. »</p>
<div style="position: relative; margin-top: 24px; padding-top: 18px; border-top: 1px solid #F4F4F5; display: flex; align-items: center; justify-content: space-between; font-weight: 600; font-size: 15px"><span>Voir les chantiers</span><span aria-hidden="true" style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #A1A1AA"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-3-6.7L21 8"></path><path d="M21 3v5h-5"></path></svg>Survolez</span></div>
</div>
<div class="ej-face ej-back" style="background: #212323; color: #FFFFFF; padding: 32px 32px 28px; display: flex; flex-direction: column">
<div aria-hidden="true" style="position: absolute; top: 0; left: 0; right: 0; height: 5px; background: #FE9C87"></div>
<span style="font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.55)">Enjeu 03 · Ce que nous déployons</span>
<p style="margin: 8px 0 14px; font-size: 13px; line-height: 1.45; color: rgba(255,255,255,0.7); font-weight: 500">Quatre chantiers, priorisés selon votre point de départ.</p>
<ol style="margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 7px; flex: 1">
<li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #FE9C87">01</span><span>Un pipe qui veut dire la même chose pour tous</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #FE9C87">02</span><span>Des données sur lesquelles on peut compter</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #FE9C87">03</span><span>Un prévisionnel qui se construit seul</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #FE9C87">04</span><span>Un rituel de pilotage qui tient</span></li>
</ol>
<div style="margin-top: 16px"><span style="display: block; font-size: 10px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.45); margin-bottom: 8px">Outils déployés</span><div style="display: flex; flex-wrap: wrap; gap: 6px"><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/83aa7a5e5d05f7374194b602bf485465.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">HubSpot</span><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/fd5fd3057fb2cdd481ff18de57b0197d.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">Salesforce</span><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/31beb1f3472a27be8d1481a837e55726.jpg" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">Modjo</span><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/02e0273ad165d52e50a38b2eb33500b0.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">Notion</span></div></div>
<div style="margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.12); display: flex; align-items: center; justify-content: space-between; font-weight: 600; font-size: 15px"><span>Voir les chantiers</span><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div>
</div>
</div></a>

<a class="ej-flip" href="enjeux-remuneration-variable.html" style="text-decoration: none; color: #212323; display: block"><div class="ej-in">
<div class="ej-face" style="background: #FFFFFF; border: 1px solid #F0EFEC; box-shadow: var(--ds-sh-1); padding: 36px; display: flex; flex-direction: column">
<span aria-hidden="true" style="position: absolute; right: 20px; bottom: 58px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 140px; line-height: 1; letter-spacing: -0.06em; opacity: 0.22; pointer-events: none; color: #F1CF25">04</span>
<div style="position: relative; margin-bottom: 28px"><span style="display: inline-block; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 12px; letter-spacing: 0.3em; text-transform: uppercase; padding: 6px 16px; border-radius: 999px; background: #F1CF25; color: #212323">Enjeu 04</span></div>
<h3 style="position: relative; margin: 0 0 18px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 27px; line-height: 1.15; letter-spacing: -0.025em">Une rémunération variable qui tire dans le bon sens</h3>
<p style="position: relative; margin: 0; flex: 1; font-size: 18px; font-style: italic; line-height: 1.5; color: #3F3F46">« Mes commerciaux optimisent leur commission, pas mon chiffre. »</p>
<div style="position: relative; margin-top: 24px; padding-top: 18px; border-top: 1px solid #F4F4F5; display: flex; align-items: center; justify-content: space-between; font-weight: 600; font-size: 15px"><span>Voir les chantiers</span><span aria-hidden="true" style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #A1A1AA"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-3-6.7L21 8"></path><path d="M21 3v5h-5"></path></svg>Survolez</span></div>
</div>
<div class="ej-face ej-back" style="background: #212323; color: #FFFFFF; padding: 32px 32px 28px; display: flex; flex-direction: column">
<div aria-hidden="true" style="position: absolute; top: 0; left: 0; right: 0; height: 5px; background: #F1CF25"></div>
<span style="font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.55)">Enjeu 04 · Ce que nous déployons</span>
<p style="margin: 8px 0 14px; font-size: 13px; line-height: 1.45; color: rgba(255,255,255,0.7); font-weight: 500">De la stratégie au bulletin de paie, sans ressaisie.</p>
<ol style="margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 7px; flex: 1">
<li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #F1CF25">01</span><span>Un plan qui découle de votre stratégie</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #F1CF25">02</span><span>Un coût modélisé avant d'être payé</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #F1CF25">03</span><span>Des commissions calculées automatiquement</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #F1CF25">04</span><span>Un plan que chaque commercial comprend</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #F1CF25">05</span><span>Un plan qui s'ajuste sur des faits</span></li>
</ol>
<div style="margin-top: 16px"><span style="display: block; font-size: 10px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.45); margin-bottom: 8px">Outils déployés</span><div style="display: flex; flex-wrap: wrap; gap: 6px"><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/296e3206805ff15c98b758189938c38e.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">Qobra</span><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/83aa7a5e5d05f7374194b602bf485465.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">HubSpot</span><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/fd5fd3057fb2cdd481ff18de57b0197d.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">Salesforce</span></div></div>
<div style="margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.12); display: flex; align-items: center; justify-content: space-between; font-weight: 600; font-size: 15px"><span>Voir les chantiers</span><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div>
</div>
</div></a>

<a class="ej-flip" href="enjeux-outils.html" style="text-decoration: none; color: #212323; display: block"><div class="ej-in">
<div class="ej-face" style="background: #FFFFFF; border: 1px solid #F0EFEC; box-shadow: var(--ds-sh-1); padding: 36px; display: flex; flex-direction: column">
<span aria-hidden="true" style="position: absolute; right: 20px; bottom: 58px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 140px; line-height: 1; letter-spacing: -0.06em; opacity: 0.22; pointer-events: none; color: #A1A1AA">05</span>
<div style="position: relative; margin-bottom: 28px"><span style="display: inline-block; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 12px; letter-spacing: 0.3em; text-transform: uppercase; padding: 6px 16px; border-radius: 999px; background: #767676; color: #FFFFFF">Enjeu 05</span></div>
<h3 style="position: relative; margin: 0 0 18px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 27px; line-height: 1.15; letter-spacing: -0.025em">Des outils que vos équipes utilisent vraiment</h3>
<p style="position: relative; margin: 0; flex: 1; font-size: 18px; font-style: italic; line-height: 1.5; color: #3F3F46">« On paie un CRM que personne ne remplit. »</p>
<div style="position: relative; margin-top: 24px; padding-top: 18px; border-top: 1px solid #F4F4F5; display: flex; align-items: center; justify-content: space-between; font-weight: 600; font-size: 15px"><span>Voir les chantiers</span><span aria-hidden="true" style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #A1A1AA"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-3-6.7L21 8"></path><path d="M21 3v5h-5"></path></svg>Survolez</span></div>
</div>
<div class="ej-face ej-back" style="background: #212323; color: #FFFFFF; padding: 32px 32px 28px; display: flex; flex-direction: column">
<div aria-hidden="true" style="position: absolute; top: 0; left: 0; right: 0; height: 5px; background: #A1A1AA"></div>
<span style="font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.55)">Enjeu 05 · Ce que nous déployons</span>
<p style="margin: 8px 0 14px; font-size: 13px; line-height: 1.45; color: rgba(255,255,255,0.7); font-weight: 500">Notre règle : aucun outil avant d'avoir dessiné le système.</p>
<ol style="margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 7px; flex: 1">
<li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #A1A1AA">01</span><span>Une stack pensée pour votre organisation</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #A1A1AA">02</span><span>Un CRM implémenté ou migré sans casse</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #A1A1AA">03</span><span>Une donnée de référence, partout</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #A1A1AA">04</span><span>Des outils simples à utiliser</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #A1A1AA">05</span><span>Une stack qui évolue avec vous</span></li>
</ol>
<div style="margin-top: 16px"><span style="display: block; font-size: 10px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.45); margin-bottom: 8px">Outils déployés</span><div style="display: flex; flex-wrap: wrap; gap: 6px"><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/83aa7a5e5d05f7374194b602bf485465.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">HubSpot</span><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/fd5fd3057fb2cdd481ff18de57b0197d.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">Salesforce</span><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/ab3b81f7ad382c754aaa697fe848050d.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">Chargebee</span><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/168408096eb68c3d336df413b9e3c4da.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">Hyperline</span><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/430da749bd713b7649ecef1529160e60.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">Zendesk</span></div></div>
<div style="margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.12); display: flex; align-items: center; justify-content: space-between; font-weight: 600; font-size: 15px"><span>Voir les chantiers</span><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div>
</div>
</div></a>

<a class="ej-flip" href="enjeux-ia.html" style="text-decoration: none; color: #212323; display: block"><div class="ej-in">
<div class="ej-face" style="background: #FFFFFF; border: 1px solid #F0EFEC; box-shadow: var(--ds-sh-1); padding: 36px; display: flex; flex-direction: column">
<span aria-hidden="true" style="position: absolute; right: 20px; bottom: 58px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 140px; line-height: 1; letter-spacing: -0.06em; opacity: 0.3; pointer-events: none; background: linear-gradient(90deg, #FE9C87, #F1CF25); -webkit-background-clip: text; background-clip: text; color: transparent">06</span>
<div style="position: relative; margin-bottom: 28px"><span style="display: inline-block; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 12px; letter-spacing: 0.3em; text-transform: uppercase; padding: 6px 16px; border-radius: 999px; background: linear-gradient(90deg, #FE9C87, #F1CF25); color: #212323">Enjeu 06</span></div>
<h3 style="position: relative; margin: 0 0 18px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 27px; line-height: 1.15; letter-spacing: -0.025em">Une IA qui travaille pour vos équipes</h3>
<p style="position: relative; margin: 0; flex: 1; font-size: 18px; font-style: italic; line-height: 1.5; color: #3F3F46">« Tout le monde utilise ChatGPT, personne ne vend mieux. »</p>
<div style="position: relative; margin-top: 24px; padding-top: 18px; border-top: 1px solid #F4F4F5; display: flex; align-items: center; justify-content: space-between; font-weight: 600; font-size: 15px"><span>Voir les chantiers</span><span aria-hidden="true" style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #A1A1AA"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-3-6.7L21 8"></path><path d="M21 3v5h-5"></path></svg>Survolez</span></div>
</div>
<div class="ej-face ej-back" style="background: #212323; color: #FFFFFF; padding: 32px 32px 28px; display: flex; flex-direction: column">
<div aria-hidden="true" style="position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #FE9C87, #F1CF25)"></div>
<span style="font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.55)">Enjeu 06 · Ce que nous déployons</span>
<p style="margin: 8px 0 14px; font-size: 13px; line-height: 1.45; color: rgba(255,255,255,0.7); font-weight: 500">Chacun se livre en un Revenue AI Sprint, avec ses prérequis RevOps vérifiés d'abord.</p>
<ol style="margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 7px; flex: 1">
<li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #F6B35E">01</span><span>Les bons comptes, enrichis et priorisés</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #F6B35E">02</span><span>Les comptes rendus d'appel remplissent le CRM</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #F6B35E">03</span><span>La préparation de rendez-vous en une minute</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #F6B35E">04</span><span>La revue de pipe assistée</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #F6B35E">05</span><span>Le prévisionnel en langage naturel</span></li><li style="display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.35; font-weight: 600"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 13px; color: #F6B35E">06</span><span>Le playbook dans l'outil du commercial</span></li>
</ol>
<div style="margin-top: 16px"><span style="display: block; font-size: 10px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.45); margin-bottom: 8px">Outils déployés</span><div style="display: flex; flex-wrap: wrap; gap: 6px"><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/d270ad73f79e1db2fa7f20856fec7bb2.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">Claude</span><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/cbb05d1945f430a3fce0deb45d097dbf.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">Dust</span><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/02e0273ad165d52e50a38b2eb33500b0.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">Notion</span><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/31beb1f3472a27be8d1481a837e55726.jpg" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">Modjo</span><span style="display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #FFFFFF; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px 4px 6px; border-radius: 999px"><img src="assets/fcc178f5afdcb4f762a08af4a9d29da1.png" alt="" style="width: 14px; height: 14px; object-fit: contain; display: block; border-radius: 3px; background: #FFFFFF">Aircall</span></div></div>
<div style="margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.12); display: flex; align-items: center; justify-content: space-between; font-weight: 600; font-size: 15px"><span>Voir les chantiers</span><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div>
</div>
</div></a>


</div>
<div style="margin-top: 40px; background: #F5F5F5; border-radius: var(--ds-r-l); padding: 40px; display: flex; flex-wrap: wrap; gap: 24px; align-items: center; justify-content: space-between">
<div style="flex: 1 1 420px">
<h3 style="margin: 0 0 8px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 24px">Vous ne savez pas par où commencer ?</h3>
<p style="margin: 0; color: #52525B; font-size: 17px; line-height: 1.625; font-weight: 500">C'est le rôle du diagnostic : identifier où votre croissance dépend encore de quelques personnes, et quoi construire d'abord.</p>
</div>
<a href="#diagnostic" style="text-decoration: none; background: #212323; color: #FFFFFF; font-weight: 600; letter-spacing: 0.025em; font-size: 14px; padding: 12px 24px; border-radius: 999px">Échanger avec un architecte</a>
</div>
</div>
</section>

<section id="pourquoi" style="background: #212323; color: #FFFFFF; padding: var(--ds-sec) 0">
<div style="max-width: 72rem; margin: 0 auto; padding: 0 32px">
<div style="text-align: center; margin-bottom: 64px">
<h2 style="margin: 0 0 20px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: var(--ds-h2); line-height: 1.1; letter-spacing: -0.025em">Pourquoi Ocobo est plus qu'un intégrateur.<br><span style="color: #A1A1AA">Plus qu'un cabinet.</span></h2>
<p style="margin: 0; color: #A1A1AA; font-size: 19px; font-weight: 500">Notre savoir-faire : transformer une machine commerciale grippée en mécanique de précision.</p>
</div>

<div style="margin: 0 auto 96px; max-width: 64rem">
<div style="display: grid; grid-template-columns: minmax(0, 1fr) 240px minmax(0, 1fr); align-items: center">
<div style="background: #FFFFFF; color: #212323; border-top: 6px solid #99D1DF; border-radius: var(--ds-r-m); padding: 32px; text-align: center; position: relative; z-index: 2">
<h3 style="margin: 0 0 10px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 26px; line-height: 1.1">Cabinet de conseil</h3>
<p style="margin: 0; color: #52525B; font-size: 15px; line-height: 1.55; font-weight: 500">La stratégie, l'organisation, les recommandations. S'arrête avant les outils.</p>
</div>
<div id="gap8" class="" style="position: relative; height: 260px; display: flex; align-items: center; justify-content: center">
<div aria-hidden="true" style="position: absolute; inset: 0 24px; border: 1px dashed rgba(255,255,255,0.35); border-radius: var(--ds-r-m); background: rgba(255,255,255,0.04)"></div>
<div class="gp-l gp-ll" aria-hidden="true" style="position: absolute; left: 0; right: 50%; top: 50%; height: 2px; background: rgba(255,255,255,0.6)"></div><div class="gp-l gp-lr" aria-hidden="true" style="position: absolute; left: 50%; right: 0; top: 50%; height: 2px; background: rgba(255,255,255,0.6)"></div>
<span class="gp-h" aria-hidden="true" style="position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 11px solid rgba(255,255,255,0.8)"></span>
<span class="gp-h" aria-hidden="true" style="position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 11px solid rgba(255,255,255,0.8)"></span>
<span class="gp-o" style="position: relative; z-index: 2; display: inline-flex; border-radius: 999px; box-shadow: 0 0 0 6px #212323"><img src="assets/ab339d0ecb1fe3f5b444436427937968.png" alt="Ocobo" style="display: block; width: 64px; height: 64px"></span>
<span style="position: absolute; bottom: 22px; left: 0; right: 0; text-align: center; font-size: 11px; font-weight: 700; letter-spacing: 0.3em; text-transform: uppercase; color: rgba(255,255,255,0.55)">L'écart</span>
</div>
<div style="background: #FFFFFF; color: #212323; border-top: 6px solid #FE9C87; border-radius: var(--ds-r-m); padding: 32px; text-align: center; position: relative; z-index: 2">
<h3 style="margin: 0 0 10px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 26px; line-height: 1.1">Intégrateur</h3>
<p style="margin: 0; color: #52525B; font-size: 15px; line-height: 1.55; font-weight: 500">Le paramétrage, les intégrations, les automatisations. Commence sans la stratégie.</p>
</div>
</div>
<p style="margin: 40px auto 0; max-width: 44rem; text-align: center; font-size: 19px; line-height: 1.6; font-weight: 500; color: rgba(255,255,255,0.8)">Entre les deux, la stratégie ne descend jamais dans les outils, et les outils ne servent jamais la stratégie. <strong style="color: #FFFFFF">Ocobo comble cet écart : nous décidons avec vous, puis nous construisons.</strong></p>
</div>
<div style="margin-top: 8px; text-align: center"><a class="hv-btn" href="#" style="text-decoration: none; display: inline-flex; align-items: center; background: #F1CF25; color: #212323; font-weight: 600; letter-spacing: 0.025em; font-size: 16px; padding: 16px 32px; border-radius: 999px">Échanger avec un architecte</a></div>
</div>
</section>

<section id="stack" style="background: #FFFFFF; padding: var(--ds-sec) 0">
<div style="max-width: 80rem; margin: 0 auto; padding: 0 32px; text-align: center">
<h2 style="margin: 0 0 24px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: var(--ds-h2); line-height: 1.1; letter-spacing: -0.025em">La bonne technologie. Au bon moment.<br><span style="color: #A1A1AA">Pour les bonnes raisons.</span></h2>
<p style="margin: 0 auto 64px; max-width: 48rem; color: #71717A; font-size: 18px; line-height: 1.625; font-weight: 500"><strong style="display: block; margin-bottom: 12px; color: #212323; font-weight: 700">Notre rôle : démanteler les usines à gaz et rendre votre stack utile.</strong>Nous ne partons jamais d'un outil, mais de votre contexte : votre organisation, vos process, ce que vous utilisez déjà. Nous recommandons seulement ce qui sert vos équipes, et nous construisons un système cohérent avec l'existant.</p>
<div style="position: relative; width: 100%; max-width: 32rem; margin: 0 auto 64px; aspect-ratio: 1 / 1; padding: 16px; box-sizing: border-box">
<div aria-hidden="true" style="position: absolute; inset: 0; opacity: 0.03; pointer-events: none; background-image: linear-gradient(#212323 1px, transparent 1px), linear-gradient(90deg, #212323 1px, transparent 1px); background-size: 25% 25%"></div>
<div style="position: relative; z-index: 10; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; height: 100%">
<div class="stk-logo" style="aspect-ratio: 1 / 1; border-radius: var(--ds-r-m); border: 1px solid #F4F4F5; background: #FFFFFF; box-shadow: var(--ds-sh-1); display: flex; align-items: center; justify-content: center"><div style="display: flex; flex-direction: column; align-items: center; gap: 6px"><img class="stk-img" src="assets/83aa7a5e5d05f7374194b602bf485465.png" alt="HubSpot" style="width: 32px; height: 32px; object-fit: contain"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(33,35,35,0.3)">HubSpot</span></div></div>
<div class="stk-logo" style="aspect-ratio: 1 / 1; border-radius: var(--ds-r-m); border: 1px solid #F4F4F5; background: #FFFFFF; box-shadow: var(--ds-sh-1); display: flex; align-items: center; justify-content: center"><div style="display: flex; flex-direction: column; align-items: center; gap: 6px"><img class="stk-img" src="assets/d270ad73f79e1db2fa7f20856fec7bb2.png" alt="Claude" style="width: 32px; height: 32px; object-fit: contain"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(33,35,35,0.3)">Claude</span></div></div>
<div class="stk-logo" style="aspect-ratio: 1 / 1; border-radius: var(--ds-r-m); border: 1px solid #F4F4F5; background: #FFFFFF; box-shadow: var(--ds-sh-1); display: flex; align-items: center; justify-content: center"><div style="display: flex; flex-direction: column; align-items: center; gap: 6px"><img class="stk-img" src="assets/fd5fd3057fb2cdd481ff18de57b0197d.png" alt="Salesforce" style="width: 32px; height: 32px; object-fit: contain"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(33,35,35,0.3)">Salesforce</span></div></div>
<div class="stk-logo" style="aspect-ratio: 1 / 1; border-radius: var(--ds-r-m); border: 1px solid #F4F4F5; background: #FFFFFF; box-shadow: var(--ds-sh-1); display: flex; align-items: center; justify-content: center"><div style="display: flex; flex-direction: column; align-items: center; gap: 6px"><img class="stk-img" src="assets/02e0273ad165d52e50a38b2eb33500b0.png" alt="Notion" style="width: 32px; height: 32px; object-fit: contain"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(33,35,35,0.3)">Notion</span></div></div>
<div class="stk-logo" style="aspect-ratio: 1 / 1; border-radius: var(--ds-r-m); border: 1px solid #F4F4F5; background: #FFFFFF; box-shadow: var(--ds-sh-1); display: flex; align-items: center; justify-content: center"><div style="display: flex; flex-direction: column; align-items: center; gap: 6px"><img class="stk-img" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNjYiIHZpZXdCb3g9IjAgMCA0NCA2NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN1YnRyYWN0Ij4KPHBhdGggZD0iTTE1LjcwODQgMjIuNjM4N1Y5LjIzMjg1TDI4LjEyNzggMTcuMTI0MlYzMC41M0wxNS43MDg0IDIyLjYzODdaIiBmaWxsPSIjMjYyNjI2Ii8+CjxwYXRoIGQ9Ik0xNC4wNDA5IDI1LjI0OTJMMS44NDk3MyAzMC45MzQxTDI5Ljc5NTkgNDguNjY2NEw0MS45ODQzIDQzLjAwNDRMMTQuMDQwOSAyNS4yNDkyWiIgZmlsbD0iIzI2MjYyNiIvPgo8cGF0aCBkPSJNNDEuOTg0MyA4Ljg1MjgxTDI5LjU2NCAwLjk2MDkzOEwxNy4zNzYyIDYuNjIyNjFMMjkuNzk2NSAxNC41MTQ1TDQxLjk4NDMgOC44NTI4MVoiIGZpbGw9IiMyNjI2MjYiLz4KPHBhdGggZD0iTTQzLjY1MjEgNDAuMzk0MkwzMS4yMzI3IDMyLjUwMjhWMTcuMjYxNkw0My42NTIxIDExLjQ5MjNWNDAuMzk0MloiIGZpbGw9IiMyNjI2MjYiLz4KPHBhdGggZD0iTTQzLjY1MjEgNTkuMzA1NEwzMS4yMzI3IDY1LjA3NDdWNTEuNDEzMkw0My42NTIxIDQ1LjY0MzlWNTkuMzA1NFoiIGZpbGw9IiMyNjI2MjYiLz4KPHBhdGggZD0iTTAuMTg0MDgyIDMzLjU0NThWNDYuOTI1NUwyOC4xMjc4IDY0LjY1NjFWNTEuMjc2NEwwLjE4NDA4MiAzMy41NDU4WiIgZmlsbD0iIzI2MjYyNiIvPgo8L2c+Cjwvc3ZnPgo=" alt="Cargo" style="width: 32px; height: 32px; object-fit: contain"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(33,35,35,0.3)">Cargo</span></div></div>
<div class="stk-logo" style="aspect-ratio: 1 / 1; border-radius: var(--ds-r-m); border: 1px solid #F4F4F5; background: #FFFFFF; box-shadow: var(--ds-sh-1); display: flex; align-items: center; justify-content: center"><div style="display: flex; flex-direction: column; align-items: center; gap: 6px"><img class="stk-img" src="assets/fcc178f5afdcb4f762a08af4a9d29da1.png" alt="Aircall" style="width: 32px; height: 32px; object-fit: contain"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(33,35,35,0.3)">Aircall</span></div></div>
<div class="stk-empty" style="aspect-ratio: 1 / 1; border-radius: var(--ds-r-m); border: 1px dashed #E4E4E7; background: rgba(250,250,250,0.5); display: flex; align-items: center; justify-content: center"><svg class="stk-plus" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div>
<div class="stk-logo" style="aspect-ratio: 1 / 1; border-radius: var(--ds-r-m); border: 1px solid #F4F4F5; background: #FFFFFF; box-shadow: var(--ds-sh-1); display: flex; align-items: center; justify-content: center"><div style="display: flex; flex-direction: column; align-items: center; gap: 6px"><img class="stk-img" src="assets/296e3206805ff15c98b758189938c38e.png" alt="Qobra" style="width: 32px; height: 32px; object-fit: contain"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(33,35,35,0.3)">Qobra</span></div></div>
<div class="stk-logo" style="aspect-ratio: 1 / 1; border-radius: var(--ds-r-m); border: 1px solid #F4F4F5; background: #FFFFFF; box-shadow: var(--ds-sh-1); display: flex; align-items: center; justify-content: center"><div style="display: flex; flex-direction: column; align-items: center; gap: 6px"><img class="stk-img" src="assets/31beb1f3472a27be8d1481a837e55726.jpg" alt="Modjo" style="width: 32px; height: 32px; object-fit: contain"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(33,35,35,0.3)">Modjo</span></div></div>
<div class="stk-empty" style="aspect-ratio: 1 / 1; border-radius: var(--ds-r-m); border: 1px dashed #E4E4E7; background: rgba(250,250,250,0.5); display: flex; align-items: center; justify-content: center"><svg class="stk-plus" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div>
<div class="stk-logo" style="aspect-ratio: 1 / 1; border-radius: var(--ds-r-m); border: 1px solid #F4F4F5; background: #FFFFFF; box-shadow: var(--ds-sh-1); display: flex; align-items: center; justify-content: center"><div style="display: flex; flex-direction: column; align-items: center; gap: 6px"><img class="stk-img" src="assets/9479f1420f9bbd6664129b580f6ad00d.png" alt="Planhat" style="width: 32px; height: 32px; object-fit: contain"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(33,35,35,0.3)">Planhat</span></div></div>
<div class="stk-logo" style="aspect-ratio: 1 / 1; border-radius: var(--ds-r-m); border: 1px solid #F4F4F5; background: #FFFFFF; box-shadow: var(--ds-sh-1); display: flex; align-items: center; justify-content: center"><div style="display: flex; flex-direction: column; align-items: center; gap: 6px"><img class="stk-img" src="assets/16b92a5cb6b7972cf68cb815e70feb7c.png" alt="Dust" style="width: 32px; height: 32px; object-fit: contain"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(33,35,35,0.3)">Dust</span></div></div>
<div class="stk-empty" style="aspect-ratio: 1 / 1; border-radius: var(--ds-r-m); border: 1px dashed #E4E4E7; background: rgba(250,250,250,0.5); display: flex; align-items: center; justify-content: center"><svg class="stk-plus" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div>
<div class="stk-logo" style="aspect-ratio: 1 / 1; border-radius: var(--ds-r-m); border: 1px solid #F4F4F5; background: #FFFFFF; box-shadow: var(--ds-sh-1); display: flex; align-items: center; justify-content: center"><div style="display: flex; flex-direction: column; align-items: center; gap: 6px"><img class="stk-img" src="assets/168408096eb68c3d336df413b9e3c4da.png" alt="Hyperline" style="width: 32px; height: 32px; object-fit: contain"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(33,35,35,0.3)">Hyperline</span></div></div>
<div class="stk-logo" style="aspect-ratio: 1 / 1; border-radius: var(--ds-r-m); border: 1px solid #F4F4F5; background: #FFFFFF; box-shadow: var(--ds-sh-1); display: flex; align-items: center; justify-content: center"><div style="display: flex; flex-direction: column; align-items: center; gap: 6px"><img class="stk-img" src="assets/bbc2f65353f591f4d04e010a06059ff9.png" alt="Lemlist" style="width: 32px; height: 32px; object-fit: contain"><span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(33,35,35,0.3)">Lemlist</span></div></div>
<div class="stk-empty" style="aspect-ratio: 1 / 1; border-radius: var(--ds-r-m); border: 1px dashed #E4E4E7; background: rgba(250,250,250,0.5); display: flex; align-items: center; justify-content: center"><svg class="stk-plus" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div>
</div>
<div aria-hidden="true" style="position: absolute; bottom: -24px; right: -24px; width: 96px; height: 96px; background: rgba(241,207,37,0.05); border-radius: 999px; filter: blur(32px); z-index: -1"></div>
</div>
<div style="display: flex; flex-direction: column; align-items: center; margin-top: 32px">
<a class="hv-btn" href="#" style="text-decoration: none; display: inline-flex; align-items: center; border: 1px solid #212323; font-weight: 600; letter-spacing: 0.025em; font-size: 16px; padding: 16px 32px; border-radius: 999px">Nos solutions partenaires</a>
</div>
</div>
</section>

<section id="ia" style="background: #212323; color: #FFFFFF; padding: var(--ds-sec) 0">
<div style="max-width: 80rem; margin: 0 auto; padding: 0 32px">
<div style="text-align: center; margin: 0 0 56px"><span style="display: inline-block; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 12px; letter-spacing: 0.3em; text-transform: uppercase; background: linear-gradient(90deg, #FE9C87, #F1CF25); color: #212323; padding: 6px 16px; border-radius: 999px; margin: 0">L'IA, sur des fondations solides</span></div>
<div style="display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 72px; align-items: start">
<div class="ia-left" style="padding-top: 13px">
<h2 style="margin: 0 0 28px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: var(--ds-h2); line-height: 1.05; letter-spacing: -0.025em">Vos agents IA ne seront jamais meilleurs que les données et les processus qu'on leur donne.</h2>
<p style="margin: 0 0 18px; color: rgba(255,255,255,0.72); font-size: 18px; line-height: 1.65; font-weight: 500">Beaucoup de projets IA restent des POC. Pas parce que les modèles sont mauvais, mais parce qu'ils travaillent sur une donnée incomplète, des définitions qui changent d'une équipe à l'autre et des process que personne n'a écrits.</p>
<p style="margin: 0; color: #FFFFFF; font-size: 18px; line-height: 1.65; font-weight: 700">Nous structurons d'abord le contexte, puis nous intégrons l'IA là où elle sert vraiment vos équipes.</p>
</div>
<div id="ia8" class="" style="position: relative; display: flex; flex-direction: column; gap: 14px">
<div class="ia-i ia-b3 ia-row ia-top" data-ia="0.04">
<span class="ia-node" style="background: linear-gradient(135deg, #FE9C87, #F1CF25); color: #212323; border-color: transparent">03</span>
<div class="ia-card">
<span class="ia-eb" style="background: linear-gradient(90deg, #FE9C87, #F1CF25); -webkit-background-clip: text; background-clip: text; color: transparent">Activation</span>
<span class="ia-t">Une IA adoptée</span>
<span class="ia-d">Des usages IA utiles, mesurés et adoptés par vos équipes, branchés sur votre CRM et votre contexte.</span>
<span class="ia-tools"><span class="ia-tool"><span class="ia-logo"><img src="assets/d270ad73f79e1db2fa7f20856fec7bb2.png" alt="" width="14" height="14" style="width: 14px; height: 14px; object-fit: contain"></span>Claude</span><span class="ia-tool"><span class="ia-logo"><img src="assets/cbb05d1945f430a3fce0deb45d097dbf.png" alt="" width="14" height="14" style="width: 14px; height: 14px; object-fit: contain"></span>Dust</span></span>
</div>
</div>
<div class="ia-i ia-b2 ia-row" data-ia="0.38">
<span class="ia-node" style="color: #99D1DF; border-color: #99D1DF">02</span>
<div class="ia-card">
<span class="ia-eb" style="color: #99D1DF">Contexte</span>
<span class="ia-t">Un contexte structuré</span>
<span class="ia-d">Process, playbooks, définitions et conversations clients, documentés et accessibles.</span>
<span class="ia-tools"><span class="ia-tool"><span class="ia-logo"><img src="assets/2209be477d10159b5b00194e5fbed902.png" alt="" width="14" height="14" style="width: 14px; height: 14px; object-fit: contain"></span>Notion</span><span class="ia-tool"><span class="ia-logo"><img src="assets/710d60713db072cec5de9b03f15f3f6d.png" alt="" width="14" height="14" style="width: 14px; height: 14px; object-fit: contain"></span>Modjo</span><span class="ia-tool"><span class="ia-logo"><img src="assets/a776b093be5d46567b93f8edbe85746a.png" alt="" width="14" height="14" style="width: 14px; height: 14px; object-fit: contain"></span>Aircall</span></span>
</div>
</div>
<div class="ia-i ia-b1 ia-row" data-ia="0.7">
<span class="ia-node" style="color: #9ADBBA; border-color: #9ADBBA">01</span>
<div class="ia-card">
<span class="ia-eb" style="color: #9ADBBA">Fondation</span>
<span class="ia-t">Une donnée fiable</span>
<span class="ia-d">Un CRM propre, un modèle de données clair, une seule vérité pour toutes les équipes.</span>
<span class="ia-tools"><span class="ia-tool"><span class="ia-logo"><img src="assets/bad0b07a897ce3054b329b378e54bcda.png" alt="" width="14" height="14" style="width: 14px; height: 14px; object-fit: contain"></span>HubSpot</span><span class="ia-tool"><span class="ia-logo"><img src="assets/81ae3f290d9eb59282b7350269d664d3.png" alt="" width="14" height="14" style="width: 14px; height: 14px; object-fit: contain"></span>Salesforce</span></span>
</div>
</div>
<p class="ia-i ia-cap" data-ia="0.85" style="margin: 12px 0 0 56px; font-size: 13px; color: rgba(255,255,255,0.5); letter-spacing: 0.01em">Chaque couche repose sur celle du dessous. C'est ce qui fait passer du POC à l'usage quotidien.</p>
</div>
</div>
<div style="margin-top: 80px; padding-top: 56px; border-top: 1px solid rgba(255,255,255,0.12)">
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px; margin-bottom: 32px">
<h3 style="margin: 0; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 28px; letter-spacing: -0.01em">Déjà en production chez nos clients.</h3>
<span style="font-size: 15px; color: rgba(255,255,255,0.6); font-weight: 500">Pas des POC : des agents branchés sur le CRM, utilisés chaque jour.</span>
</div>
<div class="pw-grid" id="pw8"><div class="pw-it"><div class="pw-win"><div class="pw-bar"><span class="pw-dots"><i style="background: #FE9C87"></i><i style="background: #F1CF25"></i><i style="background: #9ADBBA"></i></span><span class="pw-bt">Agent Prospection</span></div><div class="pw-b"><div class="pw-ah"><span class="pw-av"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3l1.9 5.8L20 10l-6.1 1.9L12 18l-1.9-6.1L4 10l6.1-1.2z"></path></svg></span><span><b>Comptes à appeler</b><small>Priorisés ce matin</small></span></div><div class="pw-acc pw-s" style="transition-delay: 0.20s"><b>Northwind</b><span class="pw-score"><i style="right: 8%; transition-delay: 0.40s"></i></span><small>Levée de fonds, recrute 3 SDR</small></div><div class="pw-acc pw-s" style="transition-delay: 0.50s"><b>Brightlane</b><span class="pw-score"><i style="right: 16%; transition-delay: 0.70s"></i></span><small>Nouveau VP Sales</small></div><div class="pw-acc pw-s" style="transition-delay: 0.80s"><b>Kestrel</b><span class="pw-score"><i style="right: 32%; transition-delay: 1.00s"></i></span><small>Visite page tarifs</small></div></div></div><div class="pw-cap"><span class="pw-lab" style="color: #9ADBBA"><i style="background: #9ADBBA"></i>Cibler</span><span class="pw-t">Les bons comptes, enrichis et priorisés</span></div></div><div class="pw-it"><div class="pw-win"><div class="pw-bar"><span class="pw-dots"><i style="background: #FE9C87"></i><i style="background: #F1CF25"></i><i style="background: #9ADBBA"></i></span><span class="pw-bt">Agent CRM</span></div><div class="pw-b"><div class="pw-ah"><span class="pw-av"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3l1.9 5.8L20 10l-6.1 1.9L12 18l-1.9-6.1L4 10l6.1-1.2z"></path></svg></span><span><b>Mise à jour après l'appel</b><small>Northwind · opportunité</small></span></div><div class="pw-row pw-s" style="transition-delay: 0.20s"><span>Étape</span><span class="pw-v">Démo planifiée<span class="pw-ok"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span></span></div><div class="pw-row pw-s" style="transition-delay: 0.50s"><span>Montant</span><span class="pw-v">48 k€<span class="pw-ok"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span></span></div><div class="pw-row pw-s" style="transition-delay: 0.80s"><span>Champion</span><span class="pw-v">Claire, VP Sales<span class="pw-ok"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span></span></div><div class="pw-row pw-s" style="transition-delay: 1.10s"><span>Prochaine étape</span><span class="pw-v">Proposition<span class="pw-ok"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span></span></div></div></div><div class="pw-cap"><span class="pw-lab" style="color: #99D1DF"><i style="background: #99D1DF"></i>Capter</span><span class="pw-t">Les comptes rendus d'appel remplissent le CRM</span></div></div><div class="pw-it"><div class="pw-win"><div class="pw-bar"><span class="pw-dots"><i style="background: #FE9C87"></i><i style="background: #F1CF25"></i><i style="background: #9ADBBA"></i></span><span class="pw-bt">Brief de rendez-vous</span></div><div class="pw-b"><div class="pw-ah"><span class="pw-av"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3l1.9 5.8L20 10l-6.1 1.9L12 18l-1.9-6.1L4 10l6.1-1.2z"></path></svg></span><span><b>Brightlane · demain 10:00</b><small>Préparé en 40 s</small></span></div><ul class="pw-list"><li class="pw-s" style="transition-delay: 0.20s"><b>Historique :</b> 2 échanges, une démo en juin.</li><li class="pw-s" style="transition-delay: 0.50s"><b>Enjeu probable :</b> fiabiliser le forecast.</li><li class="pw-s" style="transition-delay: 0.80s"><b>À demander :</b> le process de décision et le calendrier.</li></ul></div></div><div class="pw-cap"><span class="pw-lab" style="color: #FE9C87"><i style="background: #FE9C87"></i>Préparer</span><span class="pw-t">Un rendez-vous préparé en une minute</span></div></div><div class="pw-it"><div class="pw-win"><div class="pw-bar"><span class="pw-dots"><i style="background: #FE9C87"></i><i style="background: #F1CF25"></i><i style="background: #9ADBBA"></i></span><span class="pw-bt"># revenue-hebdo</span></div><div class="pw-b"><div class="pw-msg"><span class="pw-av"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3l1.9 5.8L20 10l-6.1 1.9L12 18l-1.9-6.1L4 10l6.1-1.2z"></path></svg></span><div><b>Agent Insight <small>09:02</small></b><p class="pw-typing"><i></i><i></i><i></i></p><p class="pw-txt pw-s" style="transition-delay: .9s">3 deals sans activité depuis 14 jours. Risque : pas de prochaine étape. Relances prêtes pour Léa et Thomas.</p><span class="pw-btns pw-s" style="transition-delay: 1.2s"><span>Voir les deals</span><span>Envoyer</span></span></div></div></div></div><div class="pw-cap"><span class="pw-lab" style="color: #F1CF25"><i style="background: #F1CF25"></i>Piloter</span><span class="pw-t">La revue de pipe assistée</span></div></div></div>
</div>
<div style="text-align: center; margin-top: 64px"><a class="hv-btn" href="enjeux-ia.html" style="text-decoration: none; display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(90deg, #FE9C87, #F1CF25); color: #212323; font-weight: 700; letter-spacing: 0.025em; font-size: 15px; padding: 15px 30px; border-radius: 999px">Déployer l'IA dans vos équipes<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div>
</div>
</section>

<section id="diagnostic" style="background: #F1CF25; padding: var(--ds-sec) 0">
<div style="max-width: 64rem; margin: 0 auto; padding: 0 32px; text-align: center">
<h2 style="margin: 0 0 32px; font-family: 'Bermia', sans-serif; font-weight: 900; font-size: var(--ds-h2); line-height: 1.05; letter-spacing: -0.025em">Qu'est-ce qui freine encore votre croissance ?</h2>
<p style="margin: 0 0 48px; font-size: 20px; font-weight: 700; color: rgba(33,35,35,0.7)">En 30 minutes, un architecte du revenu échange avec vous sur vos enjeux et la maturité de votre machine commerciale. Vous repartez avec vos priorités et savez par où commencer.</p>
<a class="hv-btn" href="#" style="text-decoration: none; display: inline-flex; align-items: center; gap: 8px; background: #212323; color: #FFFFFF; font-weight: 600; letter-spacing: 0.025em; font-size: 16px; padding: 16px 32px; border-radius: 999px; box-shadow: var(--ds-sh-2)">Échanger avec un architecte
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a>
</div>
</section>

<footer style="background: #212323; color: rgba(255,255,255,0.8)">
<div style="max-width: 80rem; margin: 0 auto; padding: 64px 32px; display: flex; flex-wrap: wrap; gap: 32px; justify-content: space-between; align-items: center">
<span style="font-family: 'Bermia', sans-serif; font-weight: 900; font-size: 24px; color: #FFFFFF">ocobo</span>
<div style="display: flex; flex-wrap: wrap; gap: 28px; font-size: 15px">
<a href="#" style="color: #FFFFFF; text-decoration: none">Revenue Echoes</a>
<a href="#" style="color: #FFFFFF; text-decoration: none">Modern Revenue Club</a>
<a href="a-propos.html" style="color: #FFFFFF; text-decoration: none">Qui sommes-nous</a><a href="clients.html" style="color: #FFFFFF; text-decoration: none">Success Stories</a><a href="librairie.html" style="color: #FFFFFF; text-decoration: none">Librairie RevOps</a>
<a href="nous-rejoindre.html" style="color: #FFFFFF; text-decoration: none">Nous rejoindre</a>
</div>
</div>
</footer>

</div>
</div>
<script src="assets/site.js"></script>