/* Unicom-WG — Signature de fin de page [unicom_signature] */
.u3s{
  --u3s-violet:#6b3a9e; --u3s-magenta:#b23a72; --u3s-or:#d4af37; --u3s-or-clair:#f1d77a; --u3s-nuit:#1b0f2c;
  container-type:inline-size; position:relative; isolation:isolate; overflow:hidden;
  width:100%; max-width:100%; box-sizing:border-box; margin:28px 0 8px; border-radius:12px; color:#fff;
  font-family:Roboto,Arial,sans-serif; line-height:1.4;
  background:
    radial-gradient(60% 120% at 0% 50%, rgba(178,58,114,.55) 0%, rgba(178,58,114,0) 60%),
    radial-gradient(70% 140% at 100% 0%, rgba(107,58,158,.75) 0%, rgba(107,58,158,0) 65%),
    linear-gradient(120deg,#2a1546 0%,#1b0f2c 100%);
  border:1px solid rgba(212,175,55,.4); box-shadow:0 14px 34px rgba(27,15,44,.32);
}
.u3s *{box-sizing:border-box}
.u3s::before{content:""; position:absolute; inset:0; z-index:-1; opacity:.5;
  background:repeating-linear-gradient(115deg, rgba(255,255,255,.025) 0 2px, transparent 2px 14px)}
.u3s::after{content:""; position:absolute; left:0; right:0; top:0; height:3px; background:linear-gradient(90deg,var(--u3s-magenta),var(--u3s-or) 50%,var(--u3s-violet))}
.u3s-in{display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:34px; padding:30px 38px}

/* Logo */
.u3s-logo{position:relative; width:var(--u3s-logo,170px); max-width:var(--u3s-logo,170px); display:flex; flex-direction:column; align-items:center}
.u3s-logo::before{content:""; position:absolute; width:120%; aspect-ratio:1; border-radius:50%; z-index:-1;
  background:radial-gradient(circle, rgba(241,215,122,.28) 0%, rgba(178,58,114,.18) 40%, rgba(27,15,44,0) 70%)}
.u3s-logo img{display:block; width:100%; max-width:100%; height:auto; filter:drop-shadow(0 12px 22px rgba(0,0,0,.45)); animation:u3sFlotte 6s ease-in-out infinite}
.u3s-marque{display:block; width:100%; margin-top:12px; text-align:center; color:var(--u3s-or-clair); line-height:1.2}
.u3s-marque b{display:block; font-family:Spectral,Georgia,serif; font-weight:700; font-size:17px; letter-spacing:4px; padding-left:4px}
.u3s-marque small{display:flex; align-items:center; justify-content:center; gap:6px; margin-top:3px; font-size:9.5px; letter-spacing:2.6px; color:rgba(241,215,122,.8); white-space:nowrap}
.u3s-marque small::before,.u3s-marque small::after{content:""; width:12px; height:1px; background:currentColor}
@keyframes u3sFlotte{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* Texte */
.u3s-titre{margin:0; font-family:Spectral,Georgia,serif; font-weight:700; font-size:clamp(21px,2.6vw,29px); line-height:1.2; color:#fff}
.u3s-titre::after{content:""; display:block; width:64px; height:3px; margin-top:12px; border-radius:2px; background:linear-gradient(90deg,var(--u3s-or),rgba(212,175,55,0))}
.u3s-duo{display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px 22px; align-items:start; margin-top:18px}
.u3s-duo dt{font-family:Spectral,Georgia,serif; font-size:17px; font-weight:700; color:var(--u3s-or-clair); white-space:nowrap; padding-top:5px}
.u3s-duo dd{margin:0; font-size:16px; color:rgba(255,255,255,.9)}
.u3s-atouts{display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0}
.u3s-atouts li{margin:0; padding:6px 13px; border-radius:20px; font-size:14px; font-weight:500; color:#fff;
  background:rgba(255,255,255,.07); border:1px solid rgba(212,175,55,.5); box-shadow:inset 0 0 12px rgba(212,175,55,.08)}
.u3s-atouts li::before{content:"✦"; color:var(--u3s-or); margin-right:7px; font-size:11px}
.u3s-atouts li.u3s-verbe{background:none; border:0; box-shadow:none; padding:6px 2px; color:rgba(255,255,255,.9); font-weight:400; font-size:16px}
.u3s-atouts li.u3s-verbe::before{content:none}
.u3s-libre{margin-top:14px; font-size:15.5px; color:rgba(255,255,255,.88)}
.u3s-libre p{margin:0 0 8px}
.u3s-cta{display:inline-flex; align-items:center; gap:10px; margin-top:20px; padding:11px 20px; border-radius:8px; text-decoration:none !important;
  font-weight:500; font-size:15px; color:var(--u3s-nuit) !important; background:linear-gradient(135deg,#f1d77a,#d4af37 60%,#b8902a);
  box-shadow:0 6px 16px rgba(212,175,55,.3); transition:transform .15s, box-shadow .15s}
.u3s-cta:hover{transform:translateY(-2px); box-shadow:0 10px 22px rgba(212,175,55,.42)}
.u3s-cta span{transition:transform .15s} .u3s-cta:hover span{transform:translateX(4px)}

@container (max-width:640px){
  .u3s:not(.u3s--bandeau) .u3s-in{grid-template-columns:1fr; justify-items:center; text-align:center; gap:18px; padding:26px 20px}
  .u3s:not(.u3s--bandeau) .u3s-logo{width:min(var(--u3s-logo,170px),140px)}
  .u3s:not(.u3s--bandeau) .u3s-titre::after{margin-left:auto; margin-right:auto}
  .u3s:not(.u3s--bandeau) .u3s-duo{display:block}
  .u3s:not(.u3s--bandeau) .u3s-duo dt{display:inline; padding:0 6px 0 0}
  .u3s:not(.u3s--bandeau) .u3s-duo dd{display:inline}
  .u3s:not(.u3s--bandeau) .u3s-duo dd::after{content:"\A"; white-space:pre}
  .u3s:not(.u3s--bandeau) .u3s-duo dd + dt{display:inline-block; margin-top:10px}
  .u3s:not(.u3s--bandeau) .u3s-duo .u3s-atouts{display:inline-flex; vertical-align:middle}
  .u3s:not(.u3s--bandeau) .u3s-atouts{justify-content:center}
}
@media (prefers-reduced-motion:reduce){ .u3s-logo img{animation:none} }

/* ===== Format « bandeau horizontal compact » (par défaut) ===== */
.u3s--bandeau{margin:22px 0 6px; border-radius:10px;
  background:
    radial-gradient(55% 160% at 0% 0%, rgba(178,58,114,.42) 0%, rgba(178,58,114,0) 60%),
    radial-gradient(40% 120% at 100% 100%, rgba(212,175,55,.10) 0%, rgba(212,175,55,0) 70%),
    linear-gradient(115deg,#6a35a3 0%,#55298d 32%,#3b1c6b 64%,#2a1450 100%);
  border-color:rgba(212,175,55,.45)}
.u3s--bandeau .u3s-in{grid-template-columns:auto minmax(0,1fr); gap:6px 24px; padding:18px 24px 0}
.u3s--bandeau .u3s-in[style]{grid-template-columns:minmax(0,1fr) !important}
.u3s--bandeau .u3s-logo{flex-direction:column; gap:6px; width:auto; max-width:none; align-items:center; align-self:center}
.u3s--bandeau .u3s-logo img{width:var(--u3s-logo,104px); animation:none}
.u3s--bandeau .u3s-logo::before{width:calc(var(--u3s-logo,104px) * 1.3); top:-8%}
.u3s--bandeau .u3s-marque{margin:0; width:auto; text-align:center}
.u3s--bandeau .u3s-marque b{font-size:15px; letter-spacing:3px; padding-left:3px}
.u3s--bandeau .u3s-marque small{justify-content:center; font-size:8.5px; letter-spacing:2.2px}
.u3s--bandeau .u3s-marque small::before,.u3s--bandeau .u3s-marque small::after{content:none}
.u3s--bandeau .u3s-txt{align-self:center}
.u3s--bandeau .u3s-titre{font-size:clamp(18px,2vw,23px)}
.u3s--bandeau .u3s-titre::after{width:52px; margin-top:8px}
.u3s--bandeau .u3s-duo{display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:8px 12px; margin-top:12px}
.u3s--bandeau .u3s-duo dt{font-size:15px; padding:0}
.u3s--bandeau .u3s-duo dd{font-size:14.5px}
.u3s--bandeau .u3s-atouts{gap:6px}
.u3s--bandeau .u3s-atouts li{padding:3px 10px; font-size:12.5px; background:rgba(255,255,255,.09)}
.u3s--bandeau .u3s-atouts li.u3s-verbe{font-size:14.5px; padding:3px 0; background:none}
.u3s--bandeau .u3s-libre{margin-top:8px; font-size:14px}

/* Bandeau inférieur : Business bridge + zones + chiffre clé + bouton */
.u3s-pied{grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:10px 16px; flex-wrap:wrap;
  margin:16px -24px 0; padding:11px 24px; background:rgba(15,7,30,.38); border-top:1px solid rgba(212,175,55,.3)}
.u3s-zones{display:flex; align-items:center; flex-wrap:wrap; gap:4px 0; font-size:13px; color:rgba(255,255,255,.85)}
.u3s-zones svg{width:18px; height:18px; color:var(--u3s-or); margin-right:8px; flex:0 0 18px}
.u3s-zones b{font-family:Spectral,Georgia,serif; font-weight:700; color:var(--u3s-or-clair); margin-right:10px; font-size:14px}
.u3s-zones span{white-space:nowrap}
.u3s-zones span + span::before{content:"•"; color:var(--u3s-or); margin:0 8px}
.u3s-fin{display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-left:auto}
.u3s-chiffre{font-size:12px; font-weight:500; color:var(--u3s-or-clair); padding:4px 10px; border-radius:4px; border:1px solid rgba(212,175,55,.45); white-space:nowrap}
.u3s--bandeau .u3s-cta{margin:0; white-space:nowrap; padding:9px 18px; font-size:14.5px}

@container (max-width:880px){ .u3s-chiffre{display:none} }
@container (max-width:620px){
  .u3s-fin{margin-left:0}
  .u3s--bandeau .u3s-in{grid-template-columns:1fr; justify-items:center; text-align:center; padding:18px 16px 0}
  .u3s--bandeau .u3s-titre::after{margin-left:auto; margin-right:auto}
  .u3s--bandeau .u3s-duo{grid-template-columns:1fr; justify-items:center}
  .u3s--bandeau .u3s-atouts{justify-content:center}
  .u3s-pied{justify-content:center; margin:14px -16px 0; padding:12px 16px}
  .u3s-zones{justify-content:center}
  .u3s-fin{justify-content:center}
}

/* Protection contre les styles de listes du thème (puces, retraits) */
.u3s ul.u3s-atouts,.u3s ul.u3s-atouts li{list-style:none !important; margin-left:0 !important; text-indent:0}
.u3s ul.u3s-atouts{padding:0 !important; margin:0 !important}
.u3s ul.u3s-atouts li{margin:0 !important}
.u3s ul.u3s-atouts li::marker{content:none !important}
.u3s ul.u3s-atouts li::after{content:none !important; display:none !important}
.u3s dl,.u3s dt,.u3s dd{margin-left:0; padding-left:0}
.u3s h2.u3s-titre{border:0; padding:0; background:none; text-transform:none; letter-spacing:0}

/* Globe animé (réseau mondial) */
.u3s-globe{display:none}
@container (min-width:720px){
  .u3s--bandeau .u3s-in{grid-template-columns:auto minmax(0,1fr) auto}
  .u3s--bandeau .u3s-globe{display:block; align-self:center; width:var(--u3s-globe,250px); margin:-10px -8px -4px 0}
  .u3s-globe svg{display:block; width:100%; height:auto; overflow:visible}
}
@container (max-width:900px){ .u3s--bandeau .u3s-globe{width:150px; margin:-4px -4px 0 0} }
.u3s-arc{fill:none; stroke:#f1d77a; stroke-width:1; stroke-linecap:round; stroke-dasharray:3 5; opacity:.85; animation:u3sFlux 1.6s linear infinite}
@keyframes u3sFlux{to{stroke-dashoffset:-16}}
.u3s-onde{fill:none; stroke:#f1d77a; stroke-width:1; transform-box:fill-box; transform-origin:center; animation:u3sOnde 2.6s ease-out infinite}
@keyframes u3sOnde{0%{transform:scale(1); opacity:.9}100%{transform:scale(4.2); opacity:0}}
@media (prefers-reduced-motion:reduce){ .u3s-arc,.u3s-onde{animation:none} }

/* Alignement Vous / Nous quand les pastilles passent sur plusieurs lignes (pages avec colonne latérale) */
.u3s--bandeau .u3s-duo{align-items:start}
.u3s--bandeau .u3s-duo dt,.u3s--bandeau .u3s-duo dd{line-height:26px}
.u3s--bandeau .u3s-atouts li{line-height:18px}
.u3s--bandeau .u3s-atouts li.u3s-verbe{line-height:18px}