
/* === JCMicroservices — style validé à partir de la maquette 24/07/2026 === */
:root{--jcm-navy:#062450;--jcm-navy2:#0a3a79;--jcm-blue:#1268e8;--jcm-blue2:#2e8cff;--jcm-orange:#ff7a0a;--jcm-ink:#061a38;--jcm-muted:#53677f;--jcm-soft:#f4f8fd;--jcm-line:#d9e4f1;--jcm-shadow:0 16px 46px rgba(8,41,89,.12)}
body{background:#fff!important;color:var(--jcm-ink)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
.topline{display:none!important}
.container{width:min(1210px,calc(100% - 38px))!important;margin-inline:auto!important}
.site-header{position:sticky!important;top:0!important;z-index:1000!important;background:#fff!important;border-bottom:1px solid #e6edf5!important;box-shadow:none!important;backdrop-filter:none!important}
.navbar{min-height:74px!important;display:flex!important;align-items:center!important;gap:28px!important}
.brand{display:flex!important;align-items:center!important;gap:11px!important;text-decoration:none!important}
.brand-mark{width:46px!important;height:46px!important;border-radius:10px!important;background:linear-gradient(145deg,#1165db,#2b8aff)!important;color:#fff!important;display:grid!important;place-items:center!important;font-weight:900!important;font-size:19px!important;box-shadow:none!important}
.brand-word{font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:25px!important;line-height:1!important;font-weight:950!important;letter-spacing:.02em!important;color:#0a285c!important;text-transform:uppercase!important}
.brand::after{content:none!important;display:none!important}
.navlinks{margin-left:auto!important;display:flex!important;align-items:center!important;gap:28px!important;font-size:12px!important;font-weight:900!important;letter-spacing:.015em!important;text-transform:uppercase!important}
.navlinks a{position:relative!important;color:#0b2347!important;text-decoration:none!important;padding:28px 0 24px!important}
.navlinks a:hover,.navlinks a[aria-current="page"]{color:#1268e8!important}
.navlinks a[aria-current="page"]::after{content:""!important;position:absolute!important;height:3px!important;border-radius:3px!important;background:#2486ff!important;left:0!important;right:0!important;bottom:17px!important}
.header-cta{margin-left:10px!important;background:var(--jcm-orange)!important;color:#fff!important;border-radius:13px!important;padding:12px 19px!important;font-size:13px!important;font-weight:900!important;box-shadow:0 9px 22px rgba(255,122,10,.22)!important;text-decoration:none!important}
.header-cta::before{content:"☎";margin-right:8px}
/* hero général des pages */
.hero{background:linear-gradient(125deg,#041b42 0%,#06285b 58%,#0d4f92 100%)!important;padding:34px 0 36px!important;color:#fff!important;min-height:auto!important}
.hero h1{font-size:clamp(34px,4vw,48px)!important;line-height:1.06!important;letter-spacing:-.025em!important;margin:12px 0 10px!important;color:#fff!important}
.hero p{font-size:15px!important;line-height:1.55!important;max-width:650px!important;color:#fff!important;margin:0 0 19px!important}
.eyebrow{padding:5px 10px!important;font-size:11px!important;font-weight:850!important;border-radius:999px!important;background:rgba(6,28,65,.45)!important;border:1px solid rgba(255,255,255,.32)!important}
.btn{border-radius:8px!important;font-weight:850!important;padding:11px 17px!important;min-height:44px!important}
.btn-primary{background:linear-gradient(135deg,#1268e8,#318cff)!important;color:#fff!important;border:0!important;box-shadow:none!important}
.btn-ghost{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.65)!important}
.trust-row{margin-top:14px!important;gap:18px!important;font-size:12px!important}
.trust-row span::before{color:#21c76f!important}
/* sections et cartes */
.section{padding:54px 0!important}.section-soft{background:var(--jcm-soft)!important}
.section-head{max-width:790px!important}.section-head h2,.section h2{color:#071f48!important;letter-spacing:-.02em!important}
.kicker{color:#1268e8!important;font-size:11px!important;letter-spacing:.065em!important;font-weight:900!important;text-transform:uppercase!important}
.card,.experience-point,.home-proof,.confidence-item{border:1px solid var(--jcm-line)!important;box-shadow:none!important;border-radius:14px!important;background:#fff!important}
.premium-footer{background:#061b3d!important;padding:46px 0 18px!important}
.premium-footer .brand::after{display:none!important}
/* accueil = reproduction de la maquette validée */
.home-hero{padding:25px 0 24px!important;overflow:hidden!important;position:relative!important}
.home-hero .hero-grid{display:grid!important;grid-template-columns:1.02fr 1.08fr!important;gap:52px!important;align-items:center!important}
.home-hero h1{font-size:40px!important;max-width:500px!important;margin:13px 0 8px!important}
.home-hero p{font-size:14px!important;max-width:540px!important;margin-bottom:16px!important}
.home-hero .actions{gap:12px!important}
.home-hero .trust-row{display:flex!important;flex-wrap:wrap!important;margin-top:15px!important}
.home-workspace{height:275px!important;min-height:275px!important;border:none!important;border-radius:46% 8% 42% 9% / 26% 8% 24% 10%!important;overflow:hidden!important;box-shadow:none!important;background:#071b3d!important}
.home-workspace img{height:100%!important;min-height:275px!important;width:100%!important;object-fit:cover!important;object-position:center 43%!important;filter:saturate(.9) contrast(1.03)!important}
.home-workspace:after,.home-workspace .hero-photo-note{display:none!important}
.home-founder-section{background:#f8fbff!important;padding:20px 0 10px!important}
.home-founder{display:grid!important;grid-template-columns:330px minmax(0,1fr)!important;gap:34px!important;align-items:center!important}
.home-founder-photo{position:relative!important;max-width:330px!important;margin:0!important}
.home-founder-photo img{width:100%!important;height:370px!important;object-fit:cover!important;object-position:center top!important;border-radius:14px!important;box-shadow:0 3px 14px rgba(8,41,89,.12)!important}
.home-founder-photo .experience-badge{left:14px!important;bottom:14px!important;border-radius:10px!important;padding:10px 13px!important;background:rgba(5,27,61,.84)!important;backdrop-filter:blur(5px)!important}
.home-founder-photo .experience-badge strong{font-size:18px!important}.home-founder-photo .experience-badge span{font-size:10px!important;display:block!important;max-width:165px!important}
.home-founder-copy{padding:0!important}
.home-founder-copy h2{font-size:30px!important;line-height:1.08!important;margin:7px 0 8px!important;color:#061d45!important}
.home-founder-copy .lead{font-size:13px!important;line-height:1.55!important;max-width:670px!important;margin:0 0 14px!important;color:#203653!important}
.founder-points{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:14px 0!important}
.founder-points>div{background:#fff!important;border:1px solid #dce7f3!important;border-radius:12px!important;padding:13px!important;min-height:130px!important}
.founder-points>div::before{display:grid!important;place-items:center!important;width:31px!important;height:31px!important;border-radius:9px!important;background:#e8f1ff!important;color:#1268e8!important;font-size:16px!important;margin-bottom:9px!important;font-weight:900!important}
.founder-points>div:nth-child(1)::before{content:"⌕"}.founder-points>div:nth-child(2)::before{content:"•••"}.founder-points>div:nth-child(3)::before{content:"◆"}.founder-points>div:nth-child(4)::before{content:"●"}
.founder-points strong{font-size:12px!important;color:#071f48!important}.founder-points span{font-size:11px!important;line-height:1.45!important;color:#314968!important;margin-top:4px!important;display:block!important}
.founder-actions{display:flex!important;align-items:center!important;gap:17px!important}.founder-actions .btn{font-size:12px!important;padding:9px 14px!important;min-height:38px!important}.founder-actions strong{font-size:11px!important}
.home-stats{background:#f8fbff!important;margin:0!important;padding:0 0 12px!important;box-shadow:none!important;border:0!important}
.home-stats .stats-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;background:#fff!important;border:1px solid #dce7f3!important;border-radius:14px!important;box-shadow:0 5px 18px rgba(8,41,89,.06)!important;overflow:hidden!important}
.home-stats .stat{padding:13px 16px!important;text-align:center!important;border-right:1px solid #dce7f3!important}.home-stats .stat:last-child{border-right:0!important}
.home-stats .stat::before{display:block!important;color:#1268e8!important;font-size:17px!important;margin-bottom:3px!important}.home-stats .stat:nth-child(1)::before{content:"▣"}.home-stats .stat:nth-child(2)::before{content:"♟♟"}.home-stats .stat:nth-child(3)::before{content:"%"}.home-stats .stat:nth-child(4)::before{content:"●"}
.home-stats .stat b{font-size:18px!important;color:#071f48!important}.home-stats .stat span{font-size:10px!important;color:#526983!important}
.home-services{padding:18px 0 38px!important;background:#fff!important}.home-services .section-head{margin:0 0 12px!important}.home-services .section-head .kicker{font-size:10px!important}.home-services .section-head h2{font-size:27px!important;line-height:1.08!important;max-width:520px!important;margin:5px 0 0!important}.home-services .section-head .lead{display:none!important}
.home-services .cards{grid-template-columns:repeat(3,1fr)!important;gap:14px!important}.home-services .card{padding:16px!important}.home-services .card .icon{width:36px!important;height:36px!important;font-size:18px!important}.home-services .card h3{font-size:16px!important;margin:8px 0 3px!important}.home-services .card p{font-size:12px!important;line-height:1.45!important}.home-services .center-action{margin-top:14px!important}
.home-sap{padding:35px 0!important}.home-sap .credit{padding:25px 30px!important;border-radius:18px!important}.home-sap .credit-badge{width:110px!important;height:110px!important}.home-sap .credit-badge b{font-size:34px!important}
/* pages secondaires : bandeau homogène et plus léger */
body:not(.home) .hero-grid{gap:35px!important}.hero-photo{min-height:220px!important;height:220px!important;border-radius:18px!important}.hero-photo img{min-height:220px!important;height:220px!important;object-fit:cover!important}.hero-photo-note{padding:10px 12px!important;bottom:12px!important;left:12px!important;right:12px!important}
@media(max-width:1050px){.navlinks{gap:18px!important}.brand-word{font-size:22px!important}.founder-points{grid-template-columns:repeat(2,1fr)!important}.home-founder{grid-template-columns:310px 1fr!important}.home-founder-photo{max-width:310px!important}}
@media(max-width:860px){.navbar{flex-wrap:wrap!important;padding:9px 0 0!important}.navlinks{order:3!important;width:100%!important;overflow:auto!important;margin-left:0!important;padding-bottom:5px!important}.navlinks a{padding:10px 0 14px!important}.navlinks a[aria-current="page"]::after{bottom:5px!important}.header-cta{margin-left:auto!important}.brand::after{display:none!important}.home-hero .hero-grid,.home-founder{grid-template-columns:1fr!important}.home-workspace{height:250px!important}.home-founder-photo{max-width:390px!important;margin:auto!important}.home-founder-photo img{height:auto!important}.home-founder-copy{text-align:left!important}.home-stats .stats-grid{grid-template-columns:repeat(2,1fr)!important}.home-stats .stat:nth-child(2){border-right:0!important}.home-stats .stat:nth-child(-n+2){border-bottom:1px solid #dce7f3!important}.home-services .cards{grid-template-columns:1fr!important}}
@media(max-width:620px){.container{width:min(100% - 24px,1210px)!important}.brand-mark{width:42px!important;height:42px!important}.brand-word{font-size:19px!important}.header-cta{display:none!important}.home-hero h1{font-size:34px!important}.home-workspace{height:215px!important;min-height:215px!important}.home-workspace img{min-height:215px!important}.founder-points{grid-template-columns:1fr!important}.home-stats .stats-grid{grid-template-columns:1fr!important}.home-stats .stat{border-right:0!important;border-bottom:1px solid #dce7f3!important}.home-stats .stat:last-child{border-bottom:0!important}.founder-actions{align-items:flex-start!important;flex-direction:column!important}.premium-footer{padding-bottom:90px!important}}
