/* Un index éditorial pour le périmètre. */
.themes-browser .family-selector{padding:0 24px 0 0;border:0;border-right:1px solid #e8e0ef;border-radius:0;background:none}
.themes-browser .family-selector button{border-radius:0;border-bottom:1px solid #eee8f4;padding:20px 0;background:none}
.themes-browser .family-selector button[aria-pressed=true]{background:none;color:#4a34f5}
.themes-browser .family-selector button[aria-pressed=true]>span:first-child{color:#4a34f5}
.themes-browser .family-selector button strong{font-size:16px;letter-spacing:-.025em}
.themes-browser .family-selector button>span:last-child{transition:transform .25s}
.themes-browser .family-selector button[aria-pressed=true]>span:last-child{transform:translateX(5px);color:#4a34f5}
.themes-browser .ix-card{padding:8px 8px 8px 25px;background:#fff;border:0;border-radius:0;box-shadow:none}
.themes-browser .ix-card .crumb{font:10px Geist,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.09em;color:#55555f}
.themes-browser .ix-card h4{font-size:29px;color:#493654;margin-top:16px;margin-bottom:24px;letter-spacing:-.04em}
.family-detail-rows li{position:relative;padding:14px 0 14px 20px}
.family-detail-rows li:before{content:'';position:absolute;left:0;top:22px;width:4px;height:4px;background:#a287c3;border-radius:50%}
.family-detail-rows strong{font-size:14px;color:#6c537d}.family-detail-rows p{font-size:12px;color:#55555f}
/* La chaîne de contrôle devient une scène produit. */
.monthly-workspace{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 40%,#eee4ff 0%,#f9f6fd 48%,#fdfcfe 80%);border-color:#e5d8f2;padding:26px 40px 0;box-shadow:0 30px 80px -50px #79539555}
.monthly-workspace:before{content:'';position:absolute;z-index:-1;width:340px;height:340px;border:1px solid #e3d6f2;border-radius:50%;left:50%;top:15px;transform:translateX(-50%)}
.monthly-workspace:after{content:'';position:absolute;z-index:-1;width:440px;height:440px;border:1px solid #eee5f7;border-radius:50%;left:50%;top:-35px;transform:translateX(-50%)}
.monthly-flow{padding:65px 0 45px;min-height:300px}
.monthly-engine{width:160px;height:160px;background:#fff;border-radius:30px;border-color:#cdb6ee;box-shadow:0 0 0 9px #fbf8ff,0 0 0 10px #e2d3f3,0 20px 45px -15px #9570c44a;transition:box-shadow .6s}
.monthly-engine strong{font-size:22px;color:#49315d}.monthly-engine small{font-size:9px}.monthly-engine img{width:48px;height:48px}
.monthly-input{position:relative;gap:12px}.file-tile{width:70px;height:90px;border-radius:7px;box-shadow:-5px -5px 0 #f3edf9,-6px -6px 0 #e7dcef;color:#55555f;transition:transform .7s,opacity .5s}
.monthly-input small{font-size:10px}.monthly-workspace[data-step="1"] .file-tile{transform:translateX(8px);opacity:.55}
.monthly-result{width:176px;min-height:150px;background:#fff;transform:rotate(-4deg);padding:20px;box-shadow:7px 7px 0 #eee5f8,8px 8px 0 #d7c5ea;transition:transform .7s,box-shadow .7s}
.monthly-result strong{font-size:18px;color:#694185}.monthly-result small{font-size:10px}.monthly-result:after{content:'';height:28px;background:repeating-linear-gradient(to bottom,#e8ddf2 0 2px,transparent 2px 9px);width:100%;margin-top:6px;transform-origin:left;transition:transform .6s,opacity .6s}
.monthly-workspace[data-step="0"] .monthly-result{transform:translateY(10px) rotate(-4deg);opacity:.45}
.monthly-workspace[data-step="0"] .monthly-result:after{transform:scaleX(.1);opacity:0}
.monthly-workspace[data-step="2"] .monthly-result{transform:translateY(-5px) rotate(0);box-shadow:7px 10px 0 #eee5f8,8px 11px 0 #d7c5ea}
.monthly-workspace[data-step="1"] .monthly-engine{box-shadow:0 0 0 9px #f5edff,0 0 0 10px #caadeb,0 0 60px #a781d638}
.monthly-events{gap:10px;padding-bottom:28px}.monthly-events>span{padding:9px 14px;border:1px solid transparent;border-radius:30px;transition:background .4s,color .4s,border-color .4s}
.monthly-events>span.active{background:#fff;border-color:#decef0;color:#8154a7;box-shadow:0 4px 12px #66339908}
.monthly-toolbar{position:relative;z-index:1}.monthly-toolbar button{background:none;border:1px solid #e4d6ef;border-radius:20px;color:#55555f;font:9px Geist,system-ui,sans-serif;padding:5px 10px;cursor:pointer;margin-left:12px}
.monthly-calendar{position:relative;background:#ffffff80;margin-inline:-40px;padding-inline:25px}.monthly-calendar>span{padding:20px;color:#55555f}.monthly-calendar .current{position:relative;background:#ebe0f8;color:#7f50a9}.monthly-calendar .current:before{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:#a27acb}
@media(max-width:700px){.themes-browser .family-selector{border-right:0;padding:0}.themes-browser .family-selector button{padding:14px 0}.themes-browser .family-selector button strong{font-size:14px}.themes-browser .ix-card{padding:15px 0}.themes-browser .ix-card h4{font-size:25px}.monthly-workspace{padding:22px 14px 0}.monthly-flow{min-height:250px;padding:45px 0 35px}.monthly-engine{width:105px;height:120px;border-radius:20px}.monthly-engine strong{font-size:17px}.monthly-engine small{font-size:7px}.monthly-engine img{width:35px;height:35px}.file-tile{width:38px;height:55px;font-size:8px}.monthly-result{width:100px;min-height:115px;padding:12px}.monthly-result strong{font-size:12px}.monthly-result small{font-size:8px}.monthly-result:after{height:19px}.monthly-events{gap:0}.monthly-events>span{padding:7px 5px;font-size:8px}.monthly-calendar{margin-inline:-14px;padding-inline:8px}.monthly-calendar>span{padding:16px 8px}.monthly-workspace:before{width:240px;height:240px;top:35px}.monthly-workspace:after{width:320px;height:320px;top:-5px}}
@media(max-width:430px){.monthly-input{gap:6px}.file-tile{width:29px}.monthly-engine{width:90px}.monthly-result{width:83px;min-width:83px}.monthly-input small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.monthly-workspace *{transition:none!important}}
@media(max-width:500px){.monthly-toolbar>span:last-child{display:block;font-size:0}.monthly-toolbar button{font-size:9px;margin:0}}
.monthly-input{grid-template-columns:repeat(2,1fr);gap:12px}
.monthly-input .file-tile{height:64px;text-align:center;line-height:1.5;padding:5px;box-sizing:border-box}
.monthly-input .file-tile:nth-child(2){transform:none}
.monthly-workspace[data-step="1"] .monthly-input .file-tile{transform:translateX(8px)}
@media(max-width:700px){.monthly-input{gap:7px}.monthly-input .file-tile{width:48px;height:50px;font-size:8px}.monthly-input small{max-width:103px;line-height:1.5}}
@media(max-width:430px){.monthly-input .file-tile{width:37px;height:44px;font-size:7px}.monthly-input{gap:5px}.monthly-input small{max-width:79px}}

.monthly-input.source-fan{display:block;position:relative;flex:0 0 235px;width:235px;height:245px;margin-left:0}
.source-preview{position:absolute;box-sizing:border-box;background:#fff;border:1px solid #dccccf;border-color:#e0d2ef;box-shadow:0 12px 25px -14px #76549455;border-radius:5px;padding:12px;color:#55555f;transition:transform .7s,opacity .5s;transform-origin:bottom center}
.source-label{display:flex;justify-content:space-between;gap:6px;font:500 9px Geist,system-ui,sans-serif;color:#88649f;border-bottom:1px solid #eee5f5;padding-bottom:7px;margin-bottom:8px}.source-label small{font-size:7px;color:#55555f}.source-preview>strong{display:block;font:500 9px Geist,system-ui,sans-serif;color:#765c8c;margin-bottom:10px}.source-foot{font:6px Geist,system-ui,sans-serif;color:#55555f;display:block;margin-top:9px}.source-dsn{left:0;top:8px;width:124px;height:134px;transform:rotate(-12deg)}.source-hr{left:116px;top:0;width:116px;height:113px;transform:rotate(8deg);border-radius:7px;padding-top:7px}.source-pay{left:8px;top:105px;width:151px;height:130px;transform:rotate(-5deg);z-index:2}.source-contract{left:132px;top:98px;width:106px;height:138px;transform:rotate(12deg);z-index:3}.xml-lines{font:6px/2.3 var(--l26-mono)}.xml-lines i{display:block;font-style:normal}.xml-lines i:nth-child(2),.xml-lines i:nth-child(3){color:#55555f;padding-left:6px}.mini-window{font-size:5px;letter-spacing:2px;color:#cfbddf;margin:-2px 0 7px}.hr-person{display:flex;align-items:center;gap:7px;margin:9px 0}.hr-person>i{width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#b69acc 0 20%,transparent 22%),radial-gradient(ellipse at 50% 110%,#b69acc 0 42%,#eee5f6 44%)}.hr-person>span{flex:1}.hr-person b{display:block;background:#e5d9ef;height:3px;width:85%;margin:4px 0;border-radius:2px}.hr-person b:last-child{width:55%;background:#f0e9f7}.pay-lines span{display:flex;justify-content:space-between;font:6px Geist,system-ui,sans-serif;padding:6px 0;border-bottom:1px solid #f1eaf6}.pay-lines b{font-weight:400;color:#55555f}.pay-lines span:last-child{background:#f6f0fb;color:#795393}.contract-lines i{height:3px;background:#e9dff2;width:100%;display:block;margin:6px 0}.contract-lines i:last-child{width:65%}.source-contract svg{width:68px;height:24px;color:#9875b6;margin-top:0}.monthly-input.source-fan>small{position:absolute;top:256px;left:0;right:0;max-width:none;text-align:center;font-size:10px;color:#55555f;white-space:nowrap}
.monthly-workspace[data-step="1"] .source-dsn{transform:translateX(7px) rotate(-8deg)}.monthly-workspace[data-step="1"] .source-hr{transform:translateX(6px) rotate(4deg)}.monthly-workspace[data-step="1"] .source-pay{transform:translateX(10px) rotate(-2deg)}.monthly-workspace[data-step="1"] .source-contract{transform:translateX(8px) rotate(5deg)}
.monthly-flow{padding-top:40px;padding-bottom:55px}.monthly-flow>.flow-line{margin-inline:15px;min-width:15px}
@media(max-width:800px){.monthly-input.source-fan{zoom:.75}.monthly-flow>.flow-line{margin-inline:10px}.monthly-flow{padding-bottom:45px}}
@media(max-width:600px){.monthly-input.source-fan{zoom:.55}.monthly-flow>.flow-line{margin-inline:8px;min-width:8px}.monthly-flow{padding-top:35px;padding-bottom:45px}}
@media(max-width:430px){.monthly-input.source-fan{zoom:.45}.monthly-flow>.flow-line{margin-inline:6px;min-width:6px}}

/* Logo ruban fourni : conserver les proportions du mot-symbole. */
.acompia-wordmark{display:block;width:160px;height:auto;object-fit:contain}
#hd.current-navbar .nav-logo .acompia-wordmark{width:164px;height:auto}
.side .brand .acompia-wordmark{width:125px;height:auto}
.monthly-engine .acompia-wordmark{width:80%;height:auto;max-width:160px}
.footer-top .logo .acompia-wordmark{width:160px;height:auto}
@media(max-width:600px){#hd.current-navbar .nav-logo .acompia-wordmark{width:140px}}

.hero-value{max-width:540px;margin:18px 0 0;color:var(--l26-encre,#35303f);font-size:15px;font-weight:500;line-height:1.55}