/* Direction éditoriale issue de Mobbin Sites, avec la palette ACOMPIA d’origine.
   Les interfaces et données de démonstration restent propres à ACOMPIA. */
@font-face{font-family:Geist;src:url('../../assets/fonts/geist-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--l26-encre:#101014;--l26-texte-2:#55555f;--l26-texte-3:#5f5f6b;--l26-mauve:#4a34f5;--l26-mauve-clair:#8c7bff;--l26-page:#ffffff;--l26-bande:#efedf8;--l26-surface:#f7f6fc;--l26-sombre:#0e0e1a;--l26-police:Geist,system-ui,sans-serif;--ui-mauve:#4a34f5;--l26-r-panneau:28px;--l26-ombre-carte:0 24px 60px -30px #10101440}
::selection{background:#e4dfff;color:#0e0e1a}html{scroll-padding-top:100px}body{overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #4a34f5;outline-offset:5px}.skip-link{position:fixed;top:12px;left:12px;z-index:50;background:white;padding:14px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.wrap{max-width:1360px;padding-inline:clamp(22px,5vw,72px)}header{background:#ffffffed;border-bottom:1px solid #10101410}nav{height:86px}.logo{display:flex;align-items:center;gap:9px;letter-spacing:.14em;font-size:18px;font-weight:700}.logo-dot{color:#4a34f5;margin-left:-7px;font-size:27px}.brand-symbol{width:24px;height:26px;display:block;position:relative;background:#4a34f5;clip-path:polygon(35% 0,65% 0,100% 100%,70% 100%,50% 38%,30% 100%,0 100%)}.links{gap:27px;font-size:13px}.btn{height:51px;border-radius:9px;font-size:14px;padding:0 21px;transition:transform .25s,background .25s,box-shadow .25s}.btn-n{background:#101014;border-color:#101014;box-shadow:0 3px 5px #0e0e1a10,inset 0 1px #ffffff20}.btn-n:hover{background:#292931;transform:translateY(-2px);box-shadow:0 6px 15px #0e0e1a20}.btn:active{transform:scale(.98)}.btn-b{border-color:#d9d6e5;background:#ffffff66}.btn-b:hover{background:#fff}.btn small{font-size:11px;opacity:.7;padding-left:10px;border-left:1px solid currentColor}.nav-cta{height:40px;font-size:12px}.nav-cta::after{content:'↗';font-size:17px;margin-left:7px}
.hero{padding:78px 0 0}.hero-top{grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.14em;font-weight:600;color:#625c79}.eyebrow>span{width:6px;height:6px;background:#4a34f5;border-radius:50%;box-shadow:0 0 0 4px #efedf8}.hero h1{font-size:clamp(46px,5.5vw,78px);line-height:1.04;font-weight:500;letter-spacing:-.065em;margin-top:26px}.hero h1 span{color:#4a34f5}.hero-side{padding-top:34px}.hero-side p{font-size:16px;line-height:1.75;max-width:440px}.ctas{gap:9px;margin-top:24px}.expert-proof{display:flex;align-items:center;gap:11px;margin-top:23px;font-size:11px;color:#494652}.expert-proof img{object-fit:cover;object-position:center 30%;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 8px #10101412}.expert-proof small{display:block;font-size:10px;color:#55555f;margin-top:5px}
.showcase{position:relative;margin-top:55px;padding:28px 50px 0;background:#efedf8;border:1px solid #e6e1f3;border-radius:20px;isolation:isolate}.showcase-caption{display:flex;justify-content:space-between;gap:20px;font-family:var(--l26-mono);font-size:9px;letter-spacing:.05em;color:#55555f;margin-bottom:28px}.showcase-caption i{display:inline-block;background:#4a34f5;width:5px;height:5px;border-radius:50%;margin-right:6px}.showcase-orbit{position:absolute;width:700px;height:700px;border:1px solid #d9d0f3;border-radius:50%;left:50%;top:95px;transform:translateX(-50%);z-index:-1}.showcase-orbit::after{content:'';position:absolute;inset:65px;border:1px solid #d9d0f3;border-radius:50%}.showcase .app{box-shadow:0 30px 60px -20px #332a5840,0 0 0 7px #ffffff40;border-color:#ffffff;transform:translateY(0);border-radius:13px 13px 0 0}.dash{min-height:430px;grid-template-columns:164px 1fr}.side{background:#fafafc;padding:22px 12px}.side .brand i{background:#4a34f5}.side .brand{font-size:14px}.side .it{margin-block:3px;font-size:11px}.side .co{font-size:10px}.main{padding:24px 22px}.app h4{font-size:19px}.app .sub{font-size:10px}.app .card{border-color:#eae8ef;background:#fff;border-radius:10px}.app .optim{background:#f2fbf6}.alert{background:#efedf8;font-size:10px;padding:12px}.big{font-size:29px}.big.g{font-size:23px}.row{font-size:10px}.app .lbl{font-size:10px}.leg{font-size:10px}.foot{font-size:10px}.product-note{display:flex;gap:26px;align-items:center;padding:19px 4px;font-family:var(--l26-mono);font-size:10px;color:#55555f}.product-note a{margin-left:auto;color:#4a34f5;font-family:var(--l26-police);font-weight:500;font-size:12px}.product-note a span{margin-left:16px}.backers{padding:32px 0 35px;margin-top:18px}.backers>.mono{font-size:11px;font-weight:400}.backers div{color:#55555f;font-size:17px;gap:48px;align-items:center}.backers div span:nth-child(1){font-style:italic;font-weight:800}.backers div span:nth-child(3){letter-spacing:.11em;font-size:15px}
section{padding:110px 0}.mono{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500}.mono.m{color:#4a34f5}h2{font-weight:500;font-size:clamp(34px,4.1vw,56px);letter-spacing:-.055em;line-height:1.08}.lede{font-size:16px}.why{gap:110px}.figure{border-color:#d3cfdf;margin-top:36px}.figure b{color:#4a34f5;font-weight:500;font-size:104px}.figure p{font-size:14px}.causes li{padding:25px 0;grid-template-columns:36px 1fr}.causes h3{font-size:20px;font-weight:500}.causes p{font-size:14px}.sol{border-block:1px solid #e8e4f0}.sol-head{max-width:680px}.step h3{font-weight:500}.step p{font-size:15px}.step{min-height:65vh}.stage{background:#efedf8;border:1px solid #e1dced}.kpi b{font-weight:500;color:#4a34f5}.themes{padding-top:55px;border-top:1px solid #e1dced}.themes-h h3{font-weight:500;letter-spacing:-.05em;font-size:44px}.themes-h p{font-size:15px}.ix-list button{font-size:18px;color:#55555f;padding:11px 0;font-weight:500}.ix-g{font-size:11px}.ix-stage{background:#efedf8}.ix-list button[aria-selected=true]{color:#4a34f5}.ix-list button[aria-selected=true] .k{font-weight:700}.offers{grid-template-columns:1.25fr 1fr;gap:20px}.offer{border-radius:20px}.offer.main{grid-row:span 2;padding:0}.offer:not(.main){display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:22px 0 22px 22px}.offer:not(.main) .txt{padding:0}.offer:not(.main) .tp{margin-bottom:16px}.offer:not(.main) .mini{margin:0 0 0 20px;min-height:0;font-size:10px}.offer.main .txt{padding:36px}.offer.main h3{font-size:37px;font-weight:500;letter-spacing:-.045em;max-width:340px}.offer.main .mini{margin:0 0 0 36px;padding:25px;min-height:190px}.offer.main .mono{color:#b7acff}.offer h3{font-size:23px;font-weight:500}.offer p{font-size:13px}.offer .go{font-size:12px;margin-top:20px}.tag{background:#e4dfff;color:#4a34f5;font-size:9px}.offer .tp{gap:10px}.final .box{background:#efedf8;border:1px solid #e1dced;padding:65px;gap:55px}.final h2{font-size:48px;font-weight:500}.final h2 span{color:#55555f}.final p{font-size:12px;line-height:1.7}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-top{padding:10px 0 30px}.footer-top>span{font-size:13px;color:#55555f}.footer-top>a:last-child{font-size:12px}.footer-bottom{padding-top:20px;border-top:1px solid #e4e0ec;font-size:10px;color:#55555f}.footer-bottom>div{display:flex;gap:20px}
@media(min-width:961px) and (max-width:1150px){.hero-top{gap:30px}.hero h1{font-size:62px}.ctas .btn{padding:0 14px;font-size:12px}.dash{grid-template-columns:1fr}.backers div{gap:30px}}
@media(max-width:960px){nav{height:72px}.hero{padding-top:48px}.hero-top{grid-template-columns:1fr;gap:0}.hero h1{max-width:650px;font-size:64px}.hero-side{padding-top:24px}.hero-side p{max-width:580px}.hero .ctas{max-width:500px}.hero .btn{flex:0 1 auto}.showcase{padding:24px 24px 0}.showcase-caption{font-size:8px}.dash{min-height:0}.hero-app .grid2{grid-template-columns:1.6fr 1fr}.hero-app .kpis{grid-template-columns:1fr}.hero-app .optim{margin-top:10px}.hero-app .chart{display:none}.backers div{gap:24px;font-size:14px}.why{gap:40px}.offers{grid-template-columns:1fr}.offer.main{grid-row:auto}.offer.main .mini{margin-right:36px}.final .box{padding:40px}.final h2{font-size:42px}.footer-top>span{display:none}}
@media(max-width:600px){.wrap{padding-inline:22px}.logo{font-size:14px;gap:7px}.brand-symbol{width:19px;height:21px}.nav-cta{padding:0 12px;font-size:10px;height:37px}.nav-cta::after{font-size:14px;margin-left:0}.hero{padding-top:38px}.eyebrow{font-size:9px}.hero h1{font-size:49px;margin-top:20px;letter-spacing:-.06em}.hero-side p{font-size:14px}.hero-side{padding-top:22px}.ctas{flex-direction:column}.hero .btn{width:100%;height:48px}.expert-proof{font-size:10px}.expert-proof small{font-size:9px}.showcase{margin-top:34px;padding:17px 12px 0;border-radius:14px}.showcase-caption{margin-bottom:18px;font-size:7px}.showcase-caption>span:last-child{display:none}.main{padding:17px 13px}.hero-app .grid2{grid-template-columns:1fr}.hero-app .donut{display:none}.hero-app .kpis{grid-template-columns:1fr 1fr;gap:10px}.hero-app .optim{margin:0;padding:9px}.big{font-size:22px}.big small{font-size:12px}.big.g{font-size:20px}.hero-app .row{font-size:8px;gap:6px}.hero-app .sw{width:5px;height:5px;margin-right:3px}.hero-app .card{padding:11px}.hero-app .top{display:block}.hero-app .years{display:none}.hero-app .alert{gap:10px;font-size:9px}.hero-app .alert>b{min-width:80px}.hero-app .sub{font-size:9px;line-height:1.5}.product-note{gap:13px;font-size:8px;flex-wrap:wrap}.product-note a{width:100%;margin:4px 0 0}.backers{margin-top:5px;gap:17px;padding:24px 0}.backers div{display:grid;grid-template-columns:1fr 1fr;gap:18px 25px;font-size:14px;width:100%}section{padding:70px 0}.figure b{font-size:86px}.themes-h h3{font-size:34px}.themes-h{gap:20px}.ix{gap:26px}.ix-stage{min-height:0;padding:18px}.ix-card{padding:17px}.ix-list button{font-size:16px}.src{grid-template-columns:1fr 1fr}.offer:not(.main){grid-template-columns:1fr;padding:26px}.offer:not(.main) .mini{margin:24px 0 0}.offer.main .txt{padding:28px}.offer.main h3{font-size:31px}.offer.main .mini{margin:0 0 0 28px;padding:18px}.offer .tp{flex-wrap:wrap}.final .box{padding:32px 24px;gap:28px}.final h2{font-size:35px}.footer-top{gap:10px}.footer-bottom{align-items:flex-start;flex-direction:column}.fd-r{gap:8px;padding:12px 9px}.fd-r b,.fd-r .v{font-size:11px}.fd-r small{font-size:10px}.fd-h{font-size:9px;gap:8px}.ix-card .acts{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.bar-up,.bar-dn{transform:scaleY(1)}.panel,.btn,.offer{transition:none}.step{opacity:1}}
@media(max-width:960px){.dash{grid-template-columns:minmax(0,1fr)}}

/* Cadre produit : une fenêtre distincte, dans la continuité des références SaaS. */
.window-bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e6e1f3;border-bottom:0;border-radius:13px 13px 0 0;background:#faf9ff;padding:13px 17px;color:#55555f;font-size:9px;box-shadow:0 0 0 7px #ffffff40}
.window-dots{display:flex;gap:5px}.window-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#d8d3e5}.window-status{font-size:8px}.showcase .app{border-radius:0;box-shadow:0 30px 60px -20px #332a5840,0 0 0 7px #ffffff40}
@media(max-width:600px){.window-status{display:none}.window-bar{font-size:8px;padding:11px}.hero h1{font-size:clamp(40px,11.3vw,49px)}}