/* Logo palette at full strength; shaded variants are reserved for text contrast. */
.topbar{background:var(--blue);color:#fff}
.topbar strong,.topbar a span{color:#fff}
.button{background:var(--blue);border-color:var(--blue);box-shadow:0 5px 0 #105b8310}
.button:hover{background:#105f89;border-color:#105f89;box-shadow:0 9px 22px #1676a925}
.button-arrow,.button-small>span{color:#fff}
.button-light{background:var(--orange);border-color:var(--orange);color:var(--ink);box-shadow:none}
.button-light:hover{background:#ffc52e;border-color:#ffc52e;color:var(--ink)}
.button-light .button-arrow{color:var(--ink)}
.hero{background:linear-gradient(110deg,#fff 38%,#f1faff 100%)}
.hero-grid{gap:30px;padding-top:64px;padding-bottom:52px;min-height:610px}
.hero-bottom{border-color:#cce1ee}
.hero-copy>.eyebrow{color:var(--blue)}
.hero-note .pin-icon{border-color:var(--orange);background:var(--orange);color:var(--ink)}
.hero-subtext a{border-color:var(--blue)}
.status-dot{box-shadow:0 0 0 4px #95d60a26}
.muted-heading{color:var(--blue)}
.reading-progress>span{background:linear-gradient(90deg,var(--lime) 0 33.33%,var(--orange) 33.33% 66.66%,var(--blue) 66.66%)}

/* The original green/orange/blue silhouettes replace the three annuli. */
.brand-ecosystem{height:460px;min-width:0}
.tripode-symbol{position:absolute;width:78%;height:90%;left:14%;top:-3%;object-fit:contain;filter:drop-shadow(0 18px 20px #1676a90c)}
.brand-ecosystem .orbit-label{transform:none;border:1px solid #dae6ed;box-shadow:0 9px 25px #142f4212;padding:14px;border-radius:11px}
.brand-ecosystem .orbit-label:hover{transform:translateY(-5px);box-shadow:0 16px 30px #142f421c}
.brand-ecosystem .orbit-software{top:5%;left:0;right:auto;border-top:4px solid var(--lime)}
.brand-ecosystem .orbit-it{top:auto;bottom:17%;left:0;border-top:4px solid var(--blue)}
.brand-ecosystem .orbit-web{top:42%;right:-2%;bottom:auto;border-top:4px solid var(--orange)}
.blue-icon{background:var(--blue);color:white}
.green-icon{background:var(--lime);color:var(--ink)}
.yellow-icon{background:var(--orange);color:var(--ink)}
.brand-caption{position:absolute;bottom:0;left:0;right:0;text-align:center}
.brand-caption strong{display:block;font-size:13px;letter-spacing:-.015em;color:var(--ink)}
.brand-caption>span{display:block;margin-top:4px;font-size:11px;color:var(--muted)}

.client-logos img{filter:none;opacity:1}
.expertises{background:#fff}
.service-tab{background:var(--paper);border-color:#d4e1e9}
.service-tab[data-service="informatique"]{border-top:4px solid var(--blue)}
.service-tab[data-service="logiciels"]{border-top:4px solid var(--lime)}
.service-tab[data-service="web"]{border-top:4px solid var(--orange)}
.service-tab:hover{background:var(--blue-light)}
.service-tab[data-service="informatique"].active{background:var(--blue);border-color:var(--blue);color:#fff}
.service-tab[data-service="informatique"].active .tab-arrow{color:#fff}
.service-tab[data-service="logiciels"].active{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.service-tab[data-service="web"].active{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.service-art{background:var(--blue)}
.service-it .art-topline,.service-it .service-art-caption{color:#fff}
.service-it .art-orbit,.service-it .art-orbit:after{border-color:#ffffff35}
.service-software .service-art{background:var(--lime)}
.service-web .service-art{background:var(--orange)}
.service-software .art-topline,.service-software .service-art-caption,.service-web .art-topline,.service-web .service-art-caption{color:var(--ink)}
.service-software .art-orbit,.service-software .art-orbit:after,.service-web .art-orbit,.service-web .art-orbit:after{border-color:#142f4220}
.service-software .service-copy>.eyebrow,.service-software .check-list li:before{color:#426800}
.service-web .service-copy>.eyebrow,.service-web .check-list li:before{color:#825200}

.erp-feature{background:var(--green-light);border-top:5px solid var(--lime)}
.erp-feature h2 span,.training-teaser h2 span{color:#426800}
.erp-feature .eyebrow{color:#426800}
.erp-capabilities>span{border-color:#d2e6b6;box-shadow:0 3px 0 #95d60a25}
.erp-capabilities>span:before{width:34px;height:5px}
.build-feature{background:var(--blue)}
.build-copy h2{color:#fff}
.build-copy h2 span{color:#fff}
.build-copy .eyebrow,.build-copy>p:not(.eyebrow){color:#fff}
.build-copy .button{background:var(--orange);border-color:var(--orange);color:var(--ink);box-shadow:none}
.build-copy .button:hover{background:#ffc52e;border-color:#ffc52e}
.build-copy .button-arrow{color:var(--ink)}
.build-flow{border:0;box-shadow:0 20px 45px #0a4d752e}
.flow-nodes>strong{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.training-teaser{background:#fff;border-bottom:1px solid var(--line)}
.training-teaser-grid{border-left:6px solid var(--orange);padding-left:32px}
.training-teaser .eyebrow{color:var(--blue)}
.training-teaser h2 span{color:var(--blue)}
.approach{background:var(--yellow-light)}
.principle-number{color:#805000}
.home-resources{background:var(--blue-light)}
.resource-card{border-top:4px solid var(--blue)}
.resource-card:nth-child(3n+2){border-top-color:var(--lime)}
.resource-card:nth-child(3n){border-top-color:var(--orange)}
.resource-category{color:var(--blue)}
.contact-section{background:#0e527a}
.contact-section h2 span,.contact-details>a span{color:var(--orange)}
.contact-section .eyebrow,.contact-section p:not(.eyebrow){color:#fff}
.contact-details>a{border-color:#ffffff55}
.contact-section:after{border-color:#ffffff25}

.page-hero,.page-billing .page-hero{background:var(--blue-light);border-bottom:4px solid var(--blue)}
.page-logiciels .page-hero{background:var(--green-light);border-bottom-color:var(--lime)}
.page-web .page-hero{background:var(--yellow-light);border-bottom-color:var(--orange)}
.page-resources .page-hero,.page-formation .page-hero{background:var(--blue-light)}
.page-logiciels .page-hero h1>span{color:#426800}
.page-web .page-hero h1>span{color:#805000}
.page-visual-ring{border-color:var(--blue);border-width:34px}
.page-logiciels .page-visual-ring{border-color:var(--lime)}
.page-web .page-visual-ring{border-color:var(--orange)}
.visual-chip{border-top:3px solid var(--blue)}
.visual-chip.chip-1{border-top-color:var(--lime)}
.visual-chip.chip-2{border-top-color:var(--orange)}
.benefit-strip i{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;background:var(--lime);color:var(--ink)}
.feature-grid>article{border-top:4px solid var(--blue);background:#fff}
.feature-grid>article:nth-child(3n+2){border-top-color:var(--lime)}
.feature-grid>article:nth-child(3n){border-top-color:var(--orange)}
.feature-number{color:var(--blue)}
.platform-card{background:var(--blue-light)}
.platform-1{background:var(--yellow-light)}
.platform-2{background:var(--green-light)}
.platform-tag{color:var(--ink)}
.sidebar-contact{background:var(--lime);color:var(--ink)}
.related-section{background:var(--blue-light)}
.related-grid a{border-color:#bad9ed}
.billing-calendar{background:var(--green-light)}
.billing-calendar h2 span{color:#426800}
.calendar-status{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.calendar-status.upcoming{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.footer-sitemap h2{border-bottom:3px solid var(--blue)}
.footer-sitemap>div:nth-child(2) h2{border-bottom-color:var(--lime)}
.footer-sitemap>div:nth-child(3) h2{border-bottom-color:var(--orange)}
.artwork-climalp{background:#ccecff}
.artwork-mfr{background:#ffe9a8}
.project-filters button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue)}

@media(max-width:1190px){
 .brand-ecosystem{height:425px}
 .brand-ecosystem .orbit-label{padding:12px 10px;gap:8px}
 .brand-ecosystem .orbit-label small{font-size:9px}
 .brand-ecosystem .orbit-label strong{font-size:12px}
 .brand-ecosystem .orbit-web{right:0;top:45%}
}
@media(max-width:900px){
 .hero-grid{gap:20px}
 .brand-ecosystem{height:375px}
 .brand-ecosystem .orbit-label{padding:10px 9px;gap:7px}
 .brand-ecosystem .orbit-label strong{font-size:11px}
 .brand-ecosystem .orbit-label small{font-size:8px}
 .brand-ecosystem .orbit-arrow{margin-left:0}
 .brand-caption strong{font-size:11px}
 .brand-caption>span{font-size:10px}
}
@media(max-width:760px){
 .hero-grid{padding-top:43px;padding-bottom:30px;gap:32px;min-height:0}
 .brand-ecosystem{width:min(440px,100%);height:auto;aspect-ratio:1.05;margin-top:0}
 .brand-ecosystem .orbit-label{padding:12px 10px;gap:8px}
 .brand-ecosystem .orbit-label strong{font-size:12px}
 .brand-ecosystem .orbit-label small{font-size:9px}
 .brand-ecosystem .orbit-web{top:43%;right:0}
 .brand-ecosystem .orbit-software{top:3%}
 .brand-ecosystem .orbit-it{bottom:17%}
 .brand-caption strong{font-size:12px}
 .brand-caption>span{font-size:10px}
 .training-teaser-grid{padding-left:21px;border-left-width:5px}
}
@media(max-width:390px){
 .brand-ecosystem .orbit-label{padding:10px 8px;gap:7px}
 .brand-ecosystem .orbit-label strong{font-size:11px}
 .brand-ecosystem .orbit-label small{font-size:8px}
 .brand-ecosystem .orbit-icon{width:28px;height:28px}
 .brand-caption strong{font-size:11px}
}