/* Rouge unique : référence du texte « Notre priorité ». */
:root{--brand-red:#AD2123;--brand-red-rgb:173,33,35;--brand-red-dark:var(--brand-red);--brand-red-wash:#f7f7f8;--brand-red-border:var(--brand-red);--brand-red-light:var(--brand-red);--brand-red-pale:#fff;--brand-red-muted:var(--brand-red);--brand-red-surface:#242426;--red:var(--brand-red);--red-dark:var(--brand-red)}
.brand-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin:37px 0 17px}.brand-section-heading h3{font-size:13px;font-weight:650;letter-spacing:-.15px;margin:0;color:var(--ink)}.brand-section-heading p{font-size:11px;margin:0;color:var(--sub)}.brand-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.solution-brands{grid-template-columns:repeat(5,minmax(0,1fr))}.brand-tile{min-width:0;min-height:126px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 15px 13px;gap:11px;transition:border-color .2s,box-shadow .2s}.brand-tile:hover{border-color:var(--brand-red-border);box-shadow:0 5px 18px rgba(var(--brand-red-rgb),.035)}.brand-image{width:100%;height:50px;display:flex;align-items:center;justify-content:center}.brand-image img{width:auto;height:auto;max-width:100%;max-height:43px;object-fit:contain;filter:none}.brand-name{font-size:10px;line-height:1.35;letter-spacing:.015em;color:#66666c;text-align:center}.brand-tile small{font-size:9px;line-height:1;color:#8b8b93;margin-top:-6px}.brand-apple .brand-image img{max-height:42px}.brand-hp .brand-image img{max-width:48px;max-height:48px}.brand-lg .brand-image img{max-height:44px}.brand-footer{font-size:10px;text-align:center;color:#888890;margin:24px 0 0}.computers-heading{margin-top:41px}.ecosystem .center-heading{margin-bottom:38px}.territory{background:linear-gradient(115deg,var(--brand-red),var(--brand-red-dark))}.site-nav .nav-contact,.btn-primary,.button:not(.secondary){background:var(--brand-red)}.site-nav .nav-contact:hover,.btn-primary:hover,.button:not(.secondary):hover{background:var(--brand-red-dark)}
@media(max-width:1080px){.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.solution-brands{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:790px){.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-section-heading{display:block}.brand-section-heading p{margin-top:8px}.brand-tile{min-height:118px;padding:16px 14px 12px}.brand-image img{max-height:39px}.brand-footer{line-height:1.7}}@media(max-width:520px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-tile{min-height:116px;padding:15px 16px 12px;gap:11px}.brand-section-heading h3{font-size:13px}.brand-section-heading p{font-size:11px;line-height:1.8}.brand-name{font-size:10px}.brand-footer{font-size:9px}.ecosystem .center-heading{margin-bottom:30px}.brand-hp .brand-image img{max-height:42px}}

/* Variantes adaptées au fond blanc ; proportions conservées. */
.brand-3cx,.brand-dropcloud{background:#fff!important;border-color:var(--line);color:#66666c}.brand-3cx .brand-name,.brand-dropcloud .brand-name{color:#66666c}.brand-dropcloud .brand-image img{max-height:45px}.brand-acer .brand-image{overflow:hidden}.brand-acer .brand-image img{width:100%;max-width:100%;height:auto;max-height:none;flex:none}.brand-kaspersky .brand-image img{max-height:34px}

.brand-footer a{color:inherit;text-underline-offset:3px}

/* Information de rappel près des numéros de téléphone. */
.phone-note{display:block;max-width:44ch;font-size:12px;line-height:1.65;color:var(--sub);font-weight:400;letter-spacing:0;margin-top:6px}.hero-phone-note{flex-basis:100%;margin-top:0}.individual-contact .phone-note{color:var(--brand-red-pale);margin:0 0 17px;font-size:12px;line-height:1.65}

/* Navigation avec accès au support */
@media(min-width:791px){.site-nav{gap:23px;white-space:nowrap}.nav-shell{gap:24px}}
@media(min-width:791px) and (max-width:1100px){.site-nav{gap:13px;font-size:12px}.site-nav .nav-contact{padding:12px}.brand img{width:110px}.nav-shell{gap:14px}}
@media(min-width:791px) and (max-width:900px){.site-nav{gap:10px;font-size:11px}.site-nav .nav-contact{gap:7px;padding:11px 9px}.brand img{width:95px}.nav-shell{gap:12px}}

/* Un seul rouge pour les accents, y compris au survol. */
.territory{background:var(--brand-red)}
.about .section-kicker,.about-copy em,.about-points span{color:#fff}
.visual-decoration{border-color:var(--brand-red)}
::selection{background:var(--brand-red);color:#fff}