/* Navigation with drop-down menus. Palette: navy #252B59, Bleu Qreew #5268EC, crème #FFF7EF, abricot #F4B49A. */
body .studio-nav nav{align-items:center;gap:2px}
body .studio-nav .nv-item{position:static}
body .studio-nav .nv-btn{font:inherit;font-size:15.5px;font-weight:600;letter-spacing:-.012em;color:#252B59;background:none;border:0;padding:10px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;border-radius:12px;white-space:nowrap}
body .studio-nav .nv-btn:after{content:'';width:6px;height:6px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
body .studio-nav .nv-btn:hover,body .studio-nav .nv-btn[aria-expanded=true]{color:#5268EC}
body .studio-nav .nv-btn[aria-expanded=true]:after{transform:rotate(225deg) translateY(-2px)}
body .studio-nav .nv-btn:focus-visible{outline:3px solid #5268EC;outline-offset:2px}
body .studio-nav .nv-panel{position:absolute;top:calc(100% + 10px);left:0;background:#fff;border:1px solid rgba(37,43,89,.1);border-radius:24px;box-shadow:0 24px 60px rgba(37,43,89,.16);padding:22px;z-index:95;text-align:left}
body .studio-nav .nv-panel[hidden]{display:none}
body .studio-nav .nv-panel:before{content:'';position:absolute;left:0;right:0;top:-16px;height:16px}
body .studio-nav .nv-panel a{display:block;padding:12px 14px;border-radius:14px;text-decoration:none;color:#252B59!important}
body .studio-nav .nv-panel a b{text-wrap:balance;display:block;font-size:15.5px;font-weight:600;letter-spacing:-.012em;line-height:1.25}
body .studio-nav .nv-panel a small{display:block;font-size:13px;line-height:1.4;color:#5A5F82;margin-top:2px}
body .studio-nav .nv-panel a:hover{background:#EEF1FD}
body .studio-nav .nv-list{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}
body .studio-nav .nv-all{margin-top:10px;border-top:1px solid rgba(37,43,89,.1);border-radius:0 0 14px 14px!important;padding-top:14px!important}
body .studio-nav .nv-all b{color:#5268EC}
body .studio-nav .nv-processus{width:min(900px,92vw);display:grid;grid-template-columns:minmax(0,1fr) 270px;column-gap:18px}
body .studio-nav .nv-processus .nv-list{grid-column:1}.nv-processus .nv-all{grid-column:1}
body .studio-nav .nv-processus .nv-tease{grid-column:2;grid-row:1/span 2;background:#252B59;border-radius:18px;padding:22px;align-self:stretch}
body .studio-nav .nv-tease b{color:#fff;font-size:19px}
body .studio-nav .nv-tease small{color:#D8DCF5;font-size:13.5px;line-height:1.5;margin:8px 0 16px}
body .studio-nav .nv-tease span{display:inline-block;background:#F4B49A;color:#252B59;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:700}
body .studio-nav .nv-panel a.nv-tease:hover{background:#2E3570}
body .studio-nav .nv-solutions{width:min(740px,92vw)}
body .studio-nav .nv-integrations{width:min(660px,92vw)}
body .studio-nav .nv-integrations .nv-list{grid-template-columns:repeat(3,1fr);gap:8px}
body .studio-nav .nv-logo{display:flex!important;flex-direction:column;align-items:flex-start;gap:6px;border:1px solid rgba(37,43,89,.08);padding:14px!important}
body .studio-nav .nv-logo img{height:26px;width:auto;max-width:96px;object-fit:contain;margin-bottom:4px}
body .studio-nav .nv-logo b{font-size:14px}
body .studio-nav .nv-ressources{width:min(880px,92vw)}
body .studio-nav .nv-agence{width:min(400px,92vw)}body .studio-nav .nv-agence .nv-list{grid-template-columns:1fr}
/* Wide screens: tighter spacing so five entries and two buttons fit. */
@media(min-width:801px) and (max-width:1380px){body .studio-nav .nv-btn{padding:10px 9px;font-size:14.5px}body .studio-nav .nav-contact{padding-right:16px!important}}
/* Mobile: accordion inside the menu. */
@media(max-width:800px){
 body .studio-nav nav{align-items:stretch;gap:0;max-height:calc(100vh - 90px);overflow:auto}
 body .studio-nav .nv-btn{width:100%;justify-content:space-between;padding:14px 8px;font-size:16px}
 body .studio-nav .nv-panel,body .studio-nav .nv-processus,body .studio-nav .nv-solutions,body .studio-nav .nv-integrations,body .studio-nav .nv-ressources,body .studio-nav .nv-agence{position:static;width:auto;box-shadow:none;border:0;padding:0 0 8px;display:block;border-radius:0}
 body .studio-nav .nv-panel:before{display:none}
 body .studio-nav .nv-list,body .studio-nav .nv-integrations .nv-list{grid-template-columns:1fr 1fr;gap:4px}
 body .studio-nav .nv-ressources .nv-list,body .studio-nav .nv-agence .nv-list{grid-template-columns:1fr}
 body .studio-nav .nv-panel a{padding:10px}
 body .studio-nav .nv-tease{margin-top:8px}
 body .studio-nav nav .pill{margin-top:10px}
}
/* Footer: brand column + five link columns, legal links in the bottom bar. */
@media(min-width:1001px){.site-end .footer-top{grid-template-columns:minmax(210px,1.3fr) repeat(5,minmax(120px,1fr))!important}}
.studio-footer .footer-end{flex-wrap:wrap;gap:8px 20px}
.studio-footer .footer-legal i{margin:0 9px;font-style:normal;opacity:.45}
.studio-footer .footer-legal a{color:inherit;text-decoration:none}.studio-footer .footer-legal a:hover{text-decoration:underline}
body .studio-nav .nv-panel a.nv-tease b{color:#fff}
body .studio-nav .nv-panel a.nv-tease small{color:#D8DCF5}

/* Logos without a company page are shown but never act as links. */
.logo-tile.is-static,.hub-card.is-static{cursor:default}
.logo-tile.is-static:hover{transform:none;box-shadow:none}
.hub-card.is-static:hover{background:#fff}.hub-card.is-static .hub-ico{display:none}