*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:#10203a;line-height:1.6}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}header{height:78px;background:#fff;border-bottom:1px solid #e5ebf3;position:sticky;top:0;z-index:10}.nav{height:100%;display:flex;align-items:center;gap:22px}.logo{display:flex;flex-direction:column;min-width:180px}.logo b{font-size:38px;line-height:.8;color:#0875e5;letter-spacing:-4px}.logo small{font-size:8px;letter-spacing:.7px;color:#506079;margin-top:8px}nav{display:flex;gap:20px;margin-left:auto}nav a{font-size:13px;font-weight:700;padding:27px 0;border-bottom:2px solid transparent}nav a.on,nav a:hover{color:#0875e5;border-color:#0875e5}.client{font-size:13px;color:#0875e5;font-weight:800;white-space:nowrap}.btn{display:inline-flex;padding:12px 20px;border-radius:10px;font-weight:800;border:1px solid transparent}.blue{background:#0875e5;color:#fff}.outline{border-color:#b9cce3;color:#0875e5;background:#fff}.light{background:#fff;color:#0875e5}.big{padding:15px 24px}.hero{background:linear-gradient(120deg,#f6faff,#e5f2ff);padding:85px 0}.heroGrid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.hero em,.pageHero em,.section>div>em,.section em,.cta em{font-style:normal;font-size:12px;letter-spacing:1.5px;font-weight:900;color:#0875e5}.hero h1{font-size:58px;line-height:1.04;letter-spacing:-2.5px;margin:15px 0}.hero h1 span{color:#0875e5}.hero h3{font-size:20px;max-width:600px}.hero p,.lead{color:#65748a}.actions{display:flex;gap:12px;margin-top:25px}.screen{background:#fff;border:1px solid #d8e4f1;border-radius:18px;padding:20px;box-shadow:0 25px 60px #173b6328}.screenTop{display:flex;justify-content:space-between;border-bottom:1px solid #e5ebf3;padding-bottom:14px}.screenTop b{color:#18a35d}.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.mini div{background:#f6f9fd;border-radius:9px;padding:12px;font-size:10px;color:#748198}.mini strong{display:block;color:#10203a;font-size:14px}.mini i{color:#13a566;font-style:normal}.bars{height:150px;background:#f6f9fd;border-radius:10px;display:flex;align-items:end;gap:9px;padding:20px}.bars i{flex:1;height:50%;background:#5baaf5;border-radius:5px 5px 0 0}.bars i:nth-child(2){height:35%}.bars i:nth-child(3){height:65%}.bars i:nth-child(4){height:55%}.bars i:nth-child(5){height:80%}.bars i:nth-child(6){height:62%}.bars i:nth-child(7){height:90%}.bars i:nth-child(8){height:75%}.screenFoot{display:flex;gap:25px;padding-top:16px}.screenFoot div{width:70px;height:70px;border-radius:50%;background:conic-gradient(#0875e5 0 45%,#20b879 45% 75%,#f1b63b 75% 100%)}.screenFoot p{flex:1;background:repeating-linear-gradient(#edf2f8 0 9px,transparent 9px 20px)}.trust{margin-top:-32px;position:relative}.trust .wrap{background:#fff;border-radius:18px;box-shadow:0 12px 35px #173b6317;display:grid;grid-template-columns:repeat(4,1fr);padding:22px}.trust div{padding:8px 25px;border-right:1px solid #e5ebf3}.trust div:last-child{border:0}.trust b,.trust span{display:block}.trust b{font-size:17px}.trust span{font-size:12px;color:#65748a}.section{padding:85px 0}.soft{background:#f5f9fd}.section h2{font-size:38px;line-height:1.15;letter-spacing:-1.2px;margin:12px 0}.cards{display:grid;gap:18px;margin-top:35px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}.cards article{background:#fff;border:1px solid #e5ebf3;border-radius:17px;padding:28px;box-shadow:0 7px 20px #173b6308}.ico{display:grid;place-items:center;width:48px;height:48px;background:#eaf5ff;color:#0875e5;border-radius:12px;margin-bottom:18px}.cards h3{margin:5px 0 8px}.cards p{color:#65748a;font-size:14px}.cards a,.product a{color:#0875e5;font-weight:800;font-size:13px}.row{display:flex;justify-content:space-between;align-items:end;gap:25px}.product{padding:0!important;overflow:hidden}.product>div:last-child{padding:22px}.pic{height:160px;background:linear-gradient(135deg,#dff5ef,#f0fbff)}.pic.cheque{background:linear-gradient(135deg,#eee5ff,#f8f4ff)}.pic.achats{background:linear-gradient(135deg,#fff0d9,#fffaf1)}.product small,.detail small{color:#0875e5;font-weight:900;letter-spacing:1px}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.stats{background:linear-gradient(145deg,#08234b,#0b72df);color:#fff;border-radius:20px;padding:32px}.stats b,.stats span{display:block}.stats b{font-size:35px}.stats span{opacity:.8;padding-bottom:17px;margin-bottom:17px;border-bottom:1px solid #ffffff2b}.stats span:last-child{border:0}.cta{background:#071a36;color:#fff;padding:45px 0}.ctain{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin:5px 0;font-size:30px}.cta p{color:#b8c7da}.cta em{color:#58bfff}footer{background:#061327;color:#b7c4d5;padding:45px 0 18px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.foot>b{font-size:40px;color:#fff}.foot h4{color:#fff;margin-top:0}.foot a,.foot p{display:block;font-size:13px;margin:7px 0}.bottom{border-top:1px solid #ffffff1c;margin-top:30px;padding-top:18px;font-size:12px}.pageHero{background:linear-gradient(120deg,#f5f9ff,#e8f3ff);padding:90px 0}.pageHero h1{font-size:52px;line-height:1.08;max-width:900px;margin:10px 0 15px}.pageHero p{font-size:18px;color:#65748a;max-width:780px}.code{background:#071a36;color:#b9dcff;border-radius:18px;padding:28px}.code pre{line-height:1.8;white-space:pre-wrap}.detail{padding:35px 0;border-bottom:1px solid #e5ebf3}.detail p{max-width:850px;color:#65748a}.contactGrid{display:grid;grid-template-columns:1.4fr .8fr;gap:45px}.form{display:grid;gap:15px}.form label{font-weight:700;font-size:13px}.form input,.form select,.form textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #d6e0eb;border-radius:9px;font:inherit}.contactGrid aside{background:#f5f9fd;padding:30px;border-radius:18px;height:max-content}.info{margin-top:25px;background:#e8f4ff;padding:18px;border-radius:12px;color:#0875e5;font-weight:700}.toggle{display:none}@media(max-width:900px){nav{gap:10px}.cards.four{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:48px}}@media(max-width:720px){header{height:68px}.toggle{display:block;margin-left:auto;border:0;background:none;font-size:25px}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;padding:15px 5%;box-shadow:0 10px 25px #173b6320}nav.open{display:flex}nav a{padding:8px 0}.client,.nav>.btn{display:none}.heroGrid,.split,.contactGrid{grid-template-columns:1fr}.hero{padding:60px 0}.hero h1{font-size:42px}.trust .wrap{grid-template-columns:1fr 1fr}.trust div{border:0}.cards.four,.cards.three,.cards.two{grid-template-columns:1fr}.row,.ctain{display:flex;flex-direction:column;align-items:flex-start}.section{padding:65px 0}.pageHero{padding:65px 0}.pageHero h1{font-size:40px}.foot{grid-template-columns:1fr 1fr}}

/* MCI — statistiques accueil */
.statsDashboard{padding:26px!important;background:linear-gradient(145deg,#fff,#f4f9ff)}
.statsHead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2eaf3;padding-bottom:16px;gap:15px}.statsHead small{display:block;color:#0875e5;font-size:10px;font-weight:900;letter-spacing:1.2px}.statsHead b{display:block;font-size:18px;color:#10203a;margin-top:3px}.statsHead span{font-size:11px;color:#718096;white-space:nowrap}.statsIntro{font-size:12px;color:#65748a;padding:17px 0 12px;max-width:500px}.statsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.statItem{background:#f5f8fc;border:1px solid #e4ebf3;border-radius:11px;padding:14px 12px;min-height:82px}.statItem strong{display:block;color:#0875e5;font-size:25px;line-height:1.1}.statItem span{display:block;color:#63738a;font-size:10px;margin-top:6px;line-height:1.3}.statsFooter{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding-top:13px;border-top:1px solid #e2eaf3;color:#65748a;font-size:10px}.statsFooter b{color:#0875e5;font-size:9px;letter-spacing:.8px}@media(max-width:720px){.statsGrid{grid-template-columns:repeat(2,1fr)}.statsHead span{display:none}}


/* MCI V3 - accueil : bloc chiffres modernisé */
.statsDashboard{padding:30px!important;border:1px solid #d9e5f2!important;border-radius:24px!important;background:linear-gradient(145deg,#fff 0%,#f7fbff 100%)!important;box-shadow:0 24px 55px rgba(15,50,90,.12)!important;min-height:470px}
.statsTop{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #e4ebf3}.statsBadge{font-size:10px;font-weight:900;letter-spacing:1.4px;color:#0875e5}.statsBadge span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#17a673;margin-right:6px}.statsLabel{font-size:10px;font-weight:800;letter-spacing:1px;color:#8190a4}
.statsMain{display:flex;align-items:center;gap:20px;padding:24px 0 22px}.years{display:flex;align-items:baseline;line-height:1;color:#0875e5}.years strong{font-size:66px;letter-spacing:-4px}.years span{font-size:19px;font-weight:800;margin-left:5px}.yearsText h3{margin:0 0 5px;font-size:21px;line-height:1.15;color:#10203a}.yearsText p{margin:0;font-size:12px;line-height:1.55;color:#6c7b90;max-width:360px}
.statsDashboard .statsGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px!important}.statsDashboard .statItem{min-height:92px!important;padding:16px 14px!important;background:#fff!important;border:1px solid #e2eaf3!important;border-radius:13px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;box-shadow:0 5px 14px rgba(22,54,90,.04)}.statsDashboard .statItem strong{display:block!important;margin:0!important;color:#0875e5!important;font-size:25px!important;font-weight:900!important;line-height:1.05!important;white-space:nowrap}.statsDashboard .statItem span{display:block!important;margin:7px 0 0!important;color:#68788e!important;font-size:10px!important;line-height:1.25!important;white-space:normal!important}
.statsBottom{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;padding-top:15px;border-top:1px solid #e4ebf3;color:#718096;font-size:10px}.statsBottom span{white-space:nowrap}
@media(max-width:900px){.statsDashboard{min-height:auto}.heroGrid{grid-template-columns:1fr}.statsDashboard{margin-top:10px}}@media(max-width:520px){.statsDashboard .statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.statsMain{align-items:flex-start}.years strong{font-size:52px}.yearsText h3{font-size:18px}.statsBottom{display:block}.statsBottom span{display:block;margin:5px 0}}


/* =========================================================
   MCI — HERO CONSULTING / SAGE 1000 — CSS ONLY
   ========================================================= */
.heroVisual{display:flex;flex-direction:column;gap:14px;min-width:0}
.consultingVisual{height:430px;position:relative;overflow:hidden;border-radius:26px;border:1px solid #d4e3f2;background:linear-gradient(135deg,#f9fcff 0%,#edf7ff 48%,#dceeff 100%);box-shadow:0 24px 55px rgba(20,55,90,.13)}
.consultingVisual:before{content:"";position:absolute;width:360px;height:360px;right:-120px;top:-160px;border-radius:50%;background:rgba(8,117,229,.10)}
.consultingVisual:after{content:"";position:absolute;width:280px;height:280px;left:-170px;bottom:-180px;border-radius:50%;background:rgba(23,166,115,.08)}
.visualGlow{position:absolute;width:280px;height:280px;right:60px;bottom:-170px;border-radius:50%;background:rgba(8,117,229,.08);filter:blur(8px)}
.visualHeader{position:absolute;left:25px;right:25px;top:20px;z-index:10;display:flex;align-items:center;justify-content:space-between}
.brandMark b{display:block;font-size:25px;line-height:1;color:#0875e5;letter-spacing:-1.5px}
.brandMark span{display:block;margin-top:4px;font-size:7px;font-weight:800;letter-spacing:.8px;color:#718198}
.sagePill{padding:8px 12px;border-radius:20px;background:#fff;border:1px solid #d6e4f1;color:#0875e5;font-size:10px;font-weight:700;box-shadow:0 5px 16px rgba(25,65,105,.08)}
.sagePill strong{font-weight:950}
.visualCopy{position:absolute;left:25px;top:78px;z-index:8}
.visualCopy small{font-size:9px;letter-spacing:1.1px;color:#0875e5;font-weight:900}
.visualCopy h2{margin:6px 0 4px;font-size:22px;line-height:1.13;letter-spacing:-.5px;color:#112744}
.visualCopy h2 span{color:#0875e5}
.visualCopy p{margin:0;color:#718198;font-size:9px;font-weight:700}
.laptop{position:absolute;z-index:5;left:22px;bottom:23px;width:69%;height:205px}
.screenFrame{height:174px;padding:9px;background:#fff;border:1px solid #ccdbea;border-radius:13px 13px 8px 8px;box-shadow:0 18px 35px rgba(22,55,92,.18)}
.screenBar{height:18px;display:flex;align-items:center;border-bottom:1px solid #edf1f5;color:#50627a;font-size:7px}
.screenBar b{margin-right:auto}
.screenBar i{display:inline-block;width:4px;height:4px;margin-left:3px;border-radius:50%;background:#c5d4e4}
.metricRow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:7px}
.metricRow div{position:relative;padding:6px;background:#f6f9fc;border-radius:6px}
.metricRow small{display:block;font-size:5px;color:#7c8da2;font-weight:800}
.metricRow b{display:block;font-size:9px;color:#183451;margin-top:2px}
.metricRow em{position:absolute;right:5px;bottom:5px;font-style:normal;font-size:5px;color:#159767;font-weight:900}
.dashboardBody{display:flex;gap:7px;height:91px;margin-top:7px}
.barChart{flex:1;display:flex;align-items:flex-end;gap:4px;padding:8px 8px 6px;border-radius:7px;background:#f7fafc}
.barChart span{display:block;flex:1;height:35%;border-radius:3px 3px 0 0;background:linear-gradient(#5caaf1,#0875e5)}
.barChart span:nth-child(2){height:55%}.barChart span:nth-child(3){height:43%}.barChart span:nth-child(4){height:70%}.barChart span:nth-child(5){height:57%}.barChart span:nth-child(6){height:83%}.barChart span:nth-child(7){height:68%}
.donut{width:72px;display:grid;place-items:center;position:relative;border-radius:7px;background:#f7fafc}
.donut i{width:43px;height:43px;border-radius:50%;display:block;background:conic-gradient(#0875e5 0 46%,#18a673 46% 74%,#f1b83d 74% 100%);position:relative}
.donut i:after{content:"";position:absolute;inset:10px;background:#f7fafc;border-radius:50%}
.donut b{position:absolute;font-size:7px;color:#183451}
.keyboard{height:16px;width:112%;margin-left:-6%;margin-top:3px;border-radius:3px 3px 10px 10px;background:linear-gradient(#d4e0ec,#b9cadd);box-shadow:0 5px 8px rgba(30,60,90,.14)}
.consultant{position:absolute;z-index:7;right:15px;bottom:20px;width:145px;height:270px}
.head{position:absolute;left:46px;top:26px;width:56px;height:60px;border-radius:48% 48% 46% 46%;background:#e8b38d;box-shadow:inset -7px -4px 0 rgba(160,92,57,.09)}
.hair{position:absolute;z-index:2;left:43px;top:19px;width:61px;height:32px;border-radius:50px 50px 20px 20px;background:#263b55}
.hair:after{content:"";position:absolute;right:-3px;top:15px;width:12px;height:26px;border-radius:0 10px 10px 0;background:#263b55}
.neck{position:absolute;left:65px;top:78px;width:22px;height:24px;background:#dfaa84}
.jacket{position:absolute;left:26px;top:91px;width:104px;height:150px;border-radius:48px 48px 13px 13px;background:linear-gradient(135deg,#0875e5 0%,#1651a0 100%);transform:rotate(-2deg);box-shadow:0 16px 30px rgba(18,63,115,.18)}
.shirt{position:absolute;z-index:2;left:66px;top:95px;width:27px;height:92px;background:#fff;transform:skew(-2deg);clip-path:polygon(0 0,100% 0,75% 100%,20% 100%)}
.arm{position:absolute;z-index:4;right:-2px;top:132px;width:95px;height:28px;border-radius:20px;background:#e8b38d;transform:rotate(21deg);box-shadow:0 7px 12px rgba(40,65,85,.10)}
.arm:after{content:"";position:absolute;right:-5px;top:1px;width:27px;height:25px;border-radius:50%;background:#e8b38d}
.floatCard{position:absolute;z-index:12;background:#fff;border:1px solid #d8e6f2;border-radius:10px;padding:7px 10px;display:flex;align-items:center;gap:6px;box-shadow:0 9px 23px rgba(25,60,95,.12);font-size:9px;font-weight:850;color:#203952}
.floatCard b{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#eaf5ff;color:#0875e5;font-size:10px}
.cardAnalyse{right:17px;top:104px}.cardDsm{right:8px;top:157px}.cardPerf{right:18px;bottom:82px}
.experienceBadge{position:absolute;z-index:13;left:25px;bottom:13px;padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.94);border:1px solid #dce7f1;box-shadow:0 7px 18px rgba(20,55,90,.10);display:flex;align-items:baseline;gap:7px}
.experienceBadge strong{font-size:13px;color:#0875e5}.experienceBadge span{font-size:8px;color:#667890;font-weight:700}
.cssStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cssStats>div{background:#fff;border:1px solid #dfe8f1;border-radius:11px;padding:10px 11px;min-height:65px;box-shadow:0 5px 14px rgba(23,59,99,.05)}
.cssStats strong{display:block;color:#0875e5;font-size:18px;line-height:1.05;font-weight:950}
.cssStats span{display:block;color:#68798e;font-size:9px;line-height:1.25;margin-top:5px}
@media(max-width:900px){.consultingVisual{height:400px}.consultant{right:4px;transform:scale(.9);transform-origin:bottom right}.laptop{width:70%}}
@media(max-width:720px){.consultingVisual{height:350px}.visualHeader{left:17px;right:17px}.visualCopy{left:17px;top:72px}.visualCopy h2{font-size:19px}.laptop{left:15px;bottom:20px;width:72%;height:165px}.screenFrame{height:140px}.dashboardBody{height:70px}.consultant{right:-8px;bottom:13px;transform:scale(.72);transform-origin:bottom right}.cardAnalyse,.cardDsm{display:none}.cardPerf{right:8px;bottom:74px}.experienceBadge{left:17px}.cssStats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =========================================================
   MCI HERO V8 — composition inspirée de la maquette fournie
   Illustration 100% HTML/CSS — aucune image externe
   ========================================================= */
.hero{padding:18px 0 0;background:linear-gradient(115deg,#f7fbff 0%,#eef7ff 55%,#e7f3ff 100%);overflow:hidden}
.heroTop{display:grid;grid-template-columns:47% 53%;min-height:345px;align-items:stretch}
.heroLeft{padding:0 20px 12px 12px;position:relative;z-index:3}
.heroLeft>em{display:block;margin-top:0;font-size:11px;letter-spacing:1.45px}
.heroLeft h1{font-size:46px;line-height:1.01;letter-spacing:-2px;margin:10px 0 12px}
.heroLeft h3{font-size:17px;line-height:1.45;margin:0 0 9px;max-width:610px}
.heroLeft>p{font-size:12px;line-height:1.45;max-width:570px;margin:0;color:#65788f}
.serviceMiniGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}
.serviceMini{min-width:0}
.serviceMini strong{display:block;font-size:11px;line-height:1.2;margin:4px 0;color:#152a45}
.serviceMini span{display:block;font-size:8.5px;line-height:1.35;color:#708197}
.serviceIcon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#e8f4ff;color:#0875e5;font-style:normal;font-size:15px;font-weight:900;box-shadow:0 4px 12px rgba(20,80,130,.08)}
.serviceIcon.users{font-size:8px;letter-spacing:-2px}.serviceIcon.gear{font-size:18px}.serviceIcon.code{font-size:11px}.serviceIcon.support{font-size:18px}

.heroRight{position:relative;min-height:345px;margin-right:-2vw;overflow:hidden}
.sageLogoCSS{position:absolute;right:55px;top:8px;z-index:8;display:flex;align-items:center;gap:12px;font-size:22px}
.sageLogoCSS span{font-size:34px;font-weight:500;color:#18b85b;letter-spacing:-2px}
.sageLogoCSS i{height:32px;width:1px;background:#9eabb9}
.sageLogoCSS b{font-size:24px;color:#172b45;font-weight:500}
.photoLikeScene{position:absolute;inset:0 0 0 0;overflow:hidden;border-radius:90px 0 0 0;background:linear-gradient(140deg,#dceeff 0%,#f8fbff 45%,#d7ecff 100%)}
.photoLikeScene:before{content:"";position:absolute;left:-90px;top:-70px;width:180px;height:500px;background:rgba(255,255,255,.70);border-radius:50%;transform:rotate(8deg)}
.sceneDesk{position:absolute;left:0;right:0;bottom:0;height:115px;background:linear-gradient(180deg,#d6e9f8,#c6deef);transform:skewY(-3deg);transform-origin:left bottom}
.scenePersonLarge{position:absolute;left:8%;top:18px;width:250px;height:300px;z-index:3}
.personHair{position:absolute;left:72px;top:0;width:73px;height:50px;border-radius:50% 50% 35% 35%;background:#20364d}
.personFace{position:absolute;left:76px;top:30px;width:67px;height:75px;border-radius:48% 48% 44% 44%;background:#e5ae89}
.personNeck{position:absolute;left:96px;top:91px;width:30px;height:38px;background:#dca27c}
.personSuit{position:absolute;left:28px;top:107px;width:190px;height:205px;border-radius:80px 80px 20px 20px;background:linear-gradient(135deg,#102b46,#274c69);transform:rotate(-7deg);box-shadow:0 25px 35px rgba(25,60,90,.18)}
.personShirt{position:absolute;z-index:2;left:92px;top:111px;width:49px;height:130px;background:#f8fbfd;clip-path:polygon(0 0,100% 0,78% 100%,20% 100%)}
.personHand{position:absolute;z-index:5;left:125px;top:145px;width:125px;height:32px;border-radius:20px;background:#e6ad88;transform:rotate(22deg);box-shadow:0 5px 10px rgba(60,70,70,.10)}
.sceneLaptop{position:absolute;z-index:6;right:2%;bottom:33px;width:58%;height:190px;transform:rotate(-1deg)}
.laptopScreen{height:155px;padding:8px;border:8px solid #1b3d5d;border-bottom-width:5px;border-radius:10px 10px 5px 5px;background:#fff;box-shadow:0 18px 28px rgba(20,50,80,.25)}
.lpTop{height:16px;background:#0875e5;color:#fff;font-size:7px;padding:3px 6px}.lpTop span{float:right}
.lpNav{position:absolute;left:8px;top:30px;bottom:12px;width:28px;background:#163958;padding-top:8px}.lpNav i{display:block;height:5px;background:#7892a9;margin:0 6px 9px;border-radius:2px}
.lpContent{margin-left:31px;padding:8px;position:relative;height:125px;background:#f7fbff}
.lpTiles{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.lpTiles b{background:#fff;border-radius:3px;padding:7px 2px;text-align:center;font-size:5px;color:#39536d;border:1px solid #e3ebf3}
.lpChart{position:absolute;left:8px;right:55px;bottom:8px;height:55px;display:flex;align-items:end;gap:4px;padding:5px;background:#fff;border-radius:4px}.lpChart span{flex:1;background:#55a8ed;height:30%;border-radius:2px 2px 0 0}.lpChart span:nth-child(2){height:48%}.lpChart span:nth-child(3){height:38%}.lpChart span:nth-child(4){height:68%}.lpChart span:nth-child(5){height:52%}.lpChart span:nth-child(6){height:82%}
.lpDonut{position:absolute;right:9px;bottom:12px;width:38px;height:38px;border-radius:50%;background:conic-gradient(#0875e5 0 43%,#20b879 43% 72%,#f2b63c 72% 100%)}.lpDonut:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}
.lpBase{width:114%;margin-left:-7%;height:18px;background:linear-gradient(#d3dee8,#aebfd0);clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);border-radius:0 0 8px 8px}
.scenePaper{position:absolute;background:#fff;border:1px solid #d8e5ef;box-shadow:0 10px 18px rgba(40,70,100,.12);z-index:2}.paper1{width:170px;height:75px;left:36%;bottom:25px;transform:rotate(6deg)}.paper2{width:145px;height:65px;left:47%;bottom:15px;transform:rotate(-5deg)}

.heroStats{position:relative;z-index:10;display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin:-1px 0 0;padding:0 2px 10px}
.heroStat{min-width:0;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.96);border:1px solid #e0e8f1;border-radius:12px;padding:10px 10px;box-shadow:0 7px 18px rgba(25,60,95,.07)}
.heroStat .statIcon{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:900}
.heroStat strong{display:block;font-size:20px;line-height:1;color:#172b45;white-space:nowrap}
.heroStat span{display:block;font-size:8px;line-height:1.35;color:#63758a;margin-top:4px}
.statBlue .statIcon{background:#d9ebff;color:#0875e5}.statGreen .statIcon{background:#d9f5e9;color:#18a66a}.statPurple .statIcon{background:#e9ddff;color:#7652c9}.statOrange .statIcon{background:#ffe3bc;color:#f09a22}.statRed .statIcon{background:#ffdada;color:#ef6262}.statCyan .statIcon{background:#d8f1f6;color:#1b9aae}.statGold .statIcon{background:#ffe9b5;color:#e5a817}

@media(max-width:1100px){
 .heroTop{grid-template-columns:46% 54%}.heroLeft h1{font-size:41px}.heroLeft h3{font-size:15px}.serviceMiniGrid{gap:8px}.serviceMini span{font-size:8px}
 .sageLogoCSS{right:25px}.sageLogoCSS span{font-size:28px}.sageLogoCSS b{font-size:19px}.scenePersonLarge{left:0;transform:scale(.88);transform-origin:bottom left}.sceneLaptop{width:61%}
 .heroStats{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:800px){
 .hero{padding-top:25px}.heroTop{grid-template-columns:1fr;gap:16px}.heroLeft{padding-right:0}.heroRight{height:350px;min-height:350px;margin:0}.heroStats{grid-template-columns:repeat(4,1fr);margin-top:0}.heroStat{padding:9px 8px}.heroStat .statIcon{flex-basis:32px;width:32px;height:32px}.heroStat strong{font-size:17px}
}
@media(max-width:560px){
 .heroLeft h1{font-size:39px}.serviceMiniGrid{grid-template-columns:repeat(2,1fr);gap:12px}.heroRight{height:300px;min-height:300px}.sageLogoCSS{right:15px;top:7px}.sageLogoCSS span{font-size:24px}.sageLogoCSS b{font-size:16px}.sageLogoCSS i{height:25px}.photoLikeScene{border-radius:55px 0 0 0}.scenePersonLarge{transform:scale(.68);left:-10px;top:38px}.sceneLaptop{right:-8px;width:68%;bottom:27px}.heroStats{grid-template-columns:repeat(2,1fr);gap:8px}.heroStat{min-height:70px}.heroStat strong{font-size:18px}.heroStat span{font-size:8px}.heroStats .heroStat:last-child{grid-column:1/-1}
}

/* MCI V10 — simplification demandée */
.serviceMiniGrid{display:none !important}
.heroLeft{padding-bottom:28px}
.heroStats{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.heroStats{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.heroStats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.heroStats{grid-template-columns:repeat(2,1fr)}}

/* MCI V11 — image professionnelle fournie par le client */
.photoLikeScene,
.scenePersonLarge,
.sceneLaptop,
.sceneDesk,
.scenePaper,
.sageLogoCSS{display:none !important}

.professionalHeroImage{
    position:absolute;
    inset:0;
    overflow:hidden;
    border-radius:90px 0 0 0;
    background:#eef6fc;
}
.professionalHeroImage img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center center;
}
@media(max-width:800px){
    .professionalHeroImage{border-radius:55px 0 0 0}
}

/* MCI V12 — dans le bloc droit : uniquement l'image fournie */
.heroRight{
    position:relative;
    min-height:345px;
    margin-right:-2vw;
    overflow:hidden;
}
.professionalHeroImage{
    position:absolute;
    inset:0;
    overflow:hidden;
    border-radius:0;
    background:#fff;
}
.professionalHeroImage img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center center;
}

/* MCI V13 — indicateurs alignés sur la largeur du site */
.heroStats{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin:0;
    padding:10px 0 16px;
}
.heroStat{
    width:100%;
    min-width:0;
    box-sizing:border-box;
    min-height:88px;
}
.heroStat .statIcon{
    flex:0 0 44px;
    width:44px;
    height:44px;
}
.heroStat strong{
    font-size:22px;
}
.heroStat span{
    font-size:9px;
}
@media(max-width:900px){
    .heroStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
@media(max-width:560px){
    .heroStats{grid-template-columns:1fr 1fr;gap:8px}
    .heroStat{min-height:76px;padding:9px}
    .heroStat .statIcon{flex-basis:36px;width:36px;height:36px}
    .heroStat strong{font-size:19px}
}

.trust-empty{display:none!important;height:0!important;margin:0!important;padding:0!important}

/* MCI V14 — indicateurs plus compacts + bloc d'informations abaissé */
.heroStats{
    width:92%;
    max-width:1180px;
    margin:0 auto;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    padding:10px 0 8px;
}
.heroStat{
    min-height:82px;
    padding:9px 11px;
}
.heroStat .statIcon{
    flex-basis:40px;
    width:40px;
    height:40px;
}
.heroStat strong{font-size:20px}
.heroStat span{font-size:8.5px}

.trust{
    margin-top:22px !important;
    padding-top:16px !important;
    padding-bottom:18px !important;
}
.trustItem{
    padding:0 22px;
}
.trustItem strong{
    display:block;
}
.trustItem span{
    display:block;
    margin-top:5px;
}
@media(max-width:900px){
    .heroStats{width:94%;grid-template-columns:repeat(2,minmax(0,1fr))}
    .trust{margin-top:18px !important}
}
@media(max-width:560px){
    .heroStats{width:94%;grid-template-columns:1fr 1fr;gap:8px}
    .heroStat{min-height:74px;padding:8px}
    .heroStat .statIcon{flex-basis:35px;width:35px;height:35px}
    .heroStat strong{font-size:18px}
    .trust{margin-top:16px !important;padding-top:12px !important}
}

/* MCI FINAL — final alignment */
.heroStats{width:92%;max-width:1180px;margin:0 auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:10px 0 8px}
.heroStat{min-width:0;box-sizing:border-box}
.trust{margin-top:26px!important;padding-top:18px!important;padding-bottom:20px!important}
@media(max-width:900px){.heroStats{width:94%;grid-template-columns:repeat(2,minmax(0,1fr))}.trust{margin-top:20px!important}}
@media(max-width:560px){.heroStats{width:94%;grid-template-columns:1fr 1fr;gap:8px}.trust{margin-top:18px!important}}

/* =========================================================
   MCI V16 — finition premium / conversion
   ========================================================= */

/* Base */
html{scroll-behavior:smooth}
body{background:#fff;color:#10203a;-webkit-font-smoothing:antialiased}
::selection{background:#0875e5;color:#fff}

/* Header */
header{
  height:82px;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(215,226,239,.8);
  box-shadow:0 3px 18px rgba(15,48,84,.04);
}
.nav{gap:20px}
.logo{min-width:190px}
.logo b{font-size:36px;letter-spacing:-3px}
.logo small{font-size:7px;letter-spacing:1px}
nav{gap:5px}
nav a{
  position:relative;
  padding:29px 10px 25px;
  border-bottom:0;
  color:#52637a;
  border-radius:8px 8px 0 0;
}
nav a:after{
  content:"";
  position:absolute;
  left:10px;right:10px;bottom:0;height:3px;
  border-radius:4px 4px 0 0;
  background:#0875e5;
  transform:scaleX(0);
  transition:.2s ease;
}
nav a.on,nav a:hover{color:#0875e5;background:#f5faff}
nav a.on:after,nav a:hover:after{transform:scaleX(1)}
.nav>.btn{
  padding:10px 15px;
  border-radius:9px;
  font-size:12px;
  box-shadow:0 8px 18px rgba(8,117,229,.18);
}
.client{
  padding:8px 10px;
  border:1px solid #d8e6f3;
  border-radius:8px;
  background:#f8fbff;
}

/* Hero */
.hero{
  position:relative;
  padding:54px 0 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 20%,rgba(105,184,255,.15),transparent 31%),
    linear-gradient(120deg,#f8fbff 0%,#edf7ff 58%,#e7f3ff 100%);
}
.hero:before{
  content:"";
  position:absolute;
  width:520px;height:520px;
  right:-300px;top:-280px;
  border:1px solid rgba(8,117,229,.08);
  border-radius:50%;
}
.heroTop{
  min-height:410px;
  align-items:center;
  gap:36px;
}
.heroLeft{padding:8px 0 32px!important}
.heroLeft>em{
  font-size:11px;
  letter-spacing:1.8px;
  color:#0875e5;
}
.heroLeft h1{
  font-size:60px;
  line-height:.98;
  letter-spacing:-3px;
  margin:15px 0 18px;
}
.heroLeft h3{
  font-size:18px;
  line-height:1.48;
  max-width:650px;
  margin-bottom:12px;
}
.heroLeft>p{
  font-size:13px;
  line-height:1.6;
  max-width:610px;
  color:#687b91;
}
.heroActions{
  display:flex;
  gap:11px;
  margin-top:23px;
  flex-wrap:wrap;
}
.heroActions .btn{
  min-height:46px;
  align-items:center;
  justify-content:center;
  border-radius:10px;
}
.heroActions .blue{box-shadow:0 12px 24px rgba(8,117,229,.20)}
.heroRight{
  height:410px;
  min-height:410px;
  margin-right:-1vw;
  border-radius:30px 0 0 30px;
  overflow:hidden;
  box-shadow:-18px 18px 50px rgba(26,65,103,.12);
}
.professionalHeroImage{
  border-radius:30px 0 0 30px!important;
}
.professionalHeroImage img{
  object-position:center center;
  transition:transform .7s ease;
}
.professionalHeroImage:hover img{transform:scale(1.015)}

/* Small line of credibility */
.heroTrustLine{
  width:92%;
  max-width:1180px;
  margin:-5px auto 0;
  padding:10px 0 5px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#5d7087;
  font-size:10px;
}
.heroTrustLine b{color:#29415e;font-size:10px}
.heroTrustLine span:last-child{margin-left:6px;color:#8797aa}
.trustDot{
  width:7px;height:7px;border-radius:50%;
  background:#18a66a;
  box-shadow:0 0 0 4px rgba(24,166,106,.10);
}

/* KPI cards */
.heroStats{
  width:92%;
  max-width:1180px;
  margin:9px auto 0;
  padding:0 0 10px;
  gap:13px;
}
.heroStat{
  min-height:84px;
  padding:11px 13px;
  border-radius:14px;
  border:1px solid #dce7f2;
  box-shadow:0 10px 24px rgba(22,57,91,.08);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.heroStat:hover{
  transform:translateY(-3px);
  box-shadow:0 15px 30px rgba(22,57,91,.12);
  border-color:#c8dced;
}
.heroStat .statIcon{
  flex-basis:42px;width:42px;height:42px;
}
.heroStat strong{font-size:21px}
.heroStat span{font-size:9px;color:#61758d}

/* Trust strip below KPI */
.trust{
  margin-top:25px!important;
  background:#fff;
}
.trust .wrap{
  padding:20px 18px;
  border:1px solid #e0e9f2;
  box-shadow:0 12px 30px rgba(23,59,96,.06);
}
.trust div{padding:7px 25px}
.trust b{font-size:16px;color:#17314f}
.trust span{font-size:11px;color:#718197}

/* Sections */
.section{padding:82px 0}
.section> .wrap>em,.section .wrap>em{
  font-size:10px;
  letter-spacing:1.8px;
}
.section h2{
  font-size:36px;
  letter-spacing:-1.5px;
}
.lead{font-size:15px;line-height:1.7;max-width:780px}
.cards article{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.cards article:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 34px rgba(23,59,96,.10);
  border-color:#d4e2ef;
}
.cards article a{display:inline-flex;margin-top:5px}
.ico{box-shadow:inset 0 0 0 1px rgba(8,117,229,.06)}

/* Soft section */
.soft{background:linear-gradient(180deg,#f7faff,#f1f7fc)}
.product .pic{position:relative}
.product .pic:after{
  content:"SAGE 1000";
  position:absolute;
  right:14px;top:13px;
  font-size:8px;font-weight:900;letter-spacing:1px;
  color:#0875e5;background:rgba(255,255,255,.82);
  padding:5px 7px;border-radius:20px;
}

/* CTA */
.cta{
  position:relative;
  overflow:hidden;
  background:linear-gradient(120deg,#06182f,#0b3970);
}
.cta:after{
  content:"";
  position:absolute;
  width:360px;height:360px;
  right:-170px;top:-210px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
}
.cta .btn{box-shadow:0 12px 25px rgba(0,0,0,.15)}

/* Footer */
footer{padding-top:50px}
.foot>b{letter-spacing:-2px}
.bottom{color:#8191a5}

/* Mobile */
@media(max-width:1100px){
  .heroLeft h1{font-size:52px}
  .heroTop{gap:22px}
  .nav{gap:10px}
  nav{gap:0}
  nav a{padding-left:7px;padding-right:7px}
  .nav>.btn{display:none}
}
@media(max-width:800px){
  header{height:70px}
  .hero{padding-top:35px}
  .heroTop{min-height:0}
  .heroRight{height:340px;min-height:340px;margin:0;border-radius:22px}
  .professionalHeroImage{border-radius:22px!important}
  .heroLeft h1{font-size:46px}
  .heroTrustLine{width:94%;flex-wrap:wrap}
  .heroStats{width:94%;grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust{margin-top:20px!important}
}
@media(max-width:560px){
  .logo{min-width:145px}
  .logo b{font-size:31px}
  .logo small{font-size:6px}
  .hero{padding-top:28px}
  .heroLeft h1{font-size:40px;letter-spacing:-2px}
  .heroLeft h3{font-size:16px}
  .heroLeft>p{font-size:12px}
  .heroActions{display:grid;grid-template-columns:1fr}
  .heroActions .btn{width:100%}
  .heroRight{height:270px;min-height:270px}
  .heroStats{width:94%;gap:8px}
  .heroStat{min-height:76px;padding:9px}
  .heroStat .statIcon{flex-basis:36px;width:36px;height:36px}
  .heroStat strong{font-size:18px}
  .heroStat span{font-size:8px}
  .heroTrustLine span:last-child{display:none}
  .trust .wrap{grid-template-columns:1fr 1fr;padding:14px}
  .trust div{padding:8px 12px}
  .section{padding:62px 0}
}

/* Final: secondary trust strip intentionally hidden */
.trust,.trustItem,.trust-empty{display:none!important}

/* MCI V21 — illustrations des solutions */
.product .pic{
  height:160px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.product .pic img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}
.product:hover .pic img{transform:scale(1.035)}
.product .pic:after{
  content:"";
  position:absolute;
  inset:auto 14px 14px auto;
  width:8px;height:8px;
  border-radius:50%;
  background:#0875e5;
  box-shadow:0 0 0 5px rgba(8,117,229,.10);
}
@media(max-width:560px){
  .product .pic{height:145px}
}

/* MCI V22 — bandeau clients défilant */
.clientsTrust{
  padding:72px 0 78px;
  background:#f7faff;
  overflow:hidden;
  border-top:1px solid #e5edf5;
  border-bottom:1px solid #e5edf5;
}
.clientsHeading{
  text-align:center;
  max-width:720px;
  margin:0 auto 28px;
}
.clientsHeading em{
  color:#0875e5;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.8px;
}
.clientsHeading h2{
  margin:8px 0 8px;
  color:#102b4a;
  font-size:32px;
  letter-spacing:-1px;
}
.clientsHeading p{
  margin:0;
  color:#6c7f94;
  font-size:13px;
}
.clientsMarquee{
  width:100%;
  overflow:hidden;
  mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%);
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%);
}
.clientsTrack{
  width:max-content;
  display:flex;
  align-items:center;
  gap:18px;
  animation:mciClientsScroll 42s linear infinite;
  will-change:transform;
}
.clientLogo{
  width:190px;
  height:90px;
  flex:0 0 190px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid #e1e9f1;
  border-radius:14px;
  box-shadow:0 8px 22px rgba(20,57,92,.055);
}
.clientLogo img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:14px;
}
@keyframes mciClientsScroll{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-50% - 9px))}
}
.clientsMarquee:hover .clientsTrack{
  animation-play-state:paused;
}
@media(max-width:700px){
  .clientsTrust{padding:55px 0 60px}
  .clientsHeading h2{font-size:27px}
  .clientLogo{width:155px;height:76px;flex-basis:155px}
  .clientsTrack{gap:12px;animation-duration:34s}
}

/* MCI - logos clients fournis par MCI */
.clientsTrust .clientLogo{
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.clientsTrust .clientLogo img{
  width:88%;
  height:78%;
  object-fit:contain;
  display:block;
}

/* MCI V26 - SEO content */
.seoIntro{padding:54px 0 58px;background:#fff;border-top:1px solid #edf2f7}
.seoIntro .wrap{max-width:900px;margin:0 auto;text-align:center;padding:0 24px}
.seoIntro h2{margin:0 0 12px;color:#102b4a;font-size:30px;line-height:1.2}
.seoIntro p{margin:0 auto;max-width:800px;color:#61758b;font-size:15px;line-height:1.8}
@media(max-width:700px){.seoIntro{padding:42px 0}.seoIntro h2{font-size:25px}.seoIntro p{font-size:14px}}

/* MCI V27 - Espace interne */
.mci-internal-menu{display:flex;align-items:center;justify-content:flex-end;width:100%;margin-left:0}.nav-internal{font-weight:700;text-decoration:none}

.mci-internal-menu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.mci-internal-menu .nav-internal {
    font-size: 11px;
    font-weight: 600;
    padding: 4px 8px;
    line-height: 1.2;
    white-space: nowrap;
}