:root{--vm-orange:#F28C1E;--vm-magenta:#C2178E;--vm-grad:linear-gradient(135deg,var(--vm-orange) 0%,var(--vm-magenta) 100%);--vm-shadow:0 1px 2px rgba(20,20,32,.06),0 14px 36px rgba(20,20,32,.08)}
body{font-size:16px;background:var(--w-bg);color:var(--w-ink);-webkit-font-smoothing:antialiased}
.w-site-header{background:rgba(255,255,255,.9);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--w-line)}
.w-brand img{height:52px;width:auto;display:block}
.w-nav a{padding:8px 14px;border-radius:10px;font-size:.93rem;font-weight:600;color:var(--w-ink)}
.w-nav a:hover{background:var(--w-bg)}
.w-nav a:last-child{background:var(--vm-grad);color:#fff}
.w-nav a:last-child:hover{filter:brightness(1.05)}
/* 5.112.4 — le fond teinté du héros vit sur la SECTION pleine largeur (w-block-hero), pas sur la boîte intérieure :
   le texte garde la gouttière de la page (w-wrap) au lieu d'être collé au bord de la couleur. */
.w-block-hero{padding-block:0;background:radial-gradient(70% 90% at 90% 10%,rgba(242,140,30,.22) 0%,transparent 60%),radial-gradient(50% 70% at 10% 90%,rgba(194,23,142,.16) 0%,transparent 60%),#fff;border-bottom:1px solid var(--w-line)}
.w-hero{position:relative;padding-block:clamp(44px,7vw,104px)}
.w-hero::before{content:none}
.w-hero h1{letter-spacing:-.02em;font-weight:800;max-width:14ch;background:var(--vm-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.w-hero p{color:var(--w-muted);font-size:1.08rem;max-width:60ch}
.w-hero img{border-radius:var(--w-radius);box-shadow:var(--vm-shadow);object-fit:cover}
.w-btn{font-weight:700;border-radius:10px}
.w-btn.solid{background:var(--vm-grad);border-color:transparent;color:#fff;box-shadow:0 8px 20px rgba(194,23,142,.25)}
.w-btn.solid:hover{filter:brightness(1.06)}
.w-btn.outline{border-color:var(--vm-magenta);color:var(--vm-magenta)}
.w-feature,.w-testimonial,.w-card-p,.el-card{background:var(--w-surface);border:1px solid var(--w-line);box-shadow:var(--vm-shadow);border-radius:var(--w-radius)}
.w-feature-ic{background:var(--vm-grad);color:#fff;border-radius:12px}
.w-steps-list .w-step-n{background:var(--vm-grad);color:#fff;font-weight:800}
.w-logo-strip li{background:#fff;border:1px solid var(--w-line);border-radius:10px;padding:12px;display:grid;place-items:center;min-height:92px}
.w-logo-strip img{max-height:64px;max-width:150px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.85;transition:filter .25s,opacity .25s}
.w-logo-strip li:hover img{filter:none;opacity:1}
.w-logo-txt{font-weight:800;letter-spacing:.04em;color:var(--w-muted);text-transform:uppercase}
.w-heading{color:var(--w-ink)}
h2.w-heading::after{content:"";display:block;width:56px;height:4px;border-radius:2px;background:var(--vm-grad);margin-top:10px}
.w-align-center.w-heading::after{margin-inline:auto}
.w-figure img{border-radius:var(--w-radius);box-shadow:var(--vm-shadow)}
.w-site-footer{background:#141420;color:#C9C8D6;border-top:4px solid transparent;border-image:var(--vm-grad) 1}
.w-site-footer a{color:#fff}
input,textarea,select,.w-input{background:#fff;color:var(--w-ink);border:1px solid var(--w-line);border-radius:10px}
input:focus,textarea:focus,select:focus,.w-input:focus{outline:2px solid rgba(194,23,142,.35);outline-offset:1px;border-color:var(--vm-magenta)}
.el-pill{background:var(--w-bg);border:1px solid var(--w-line);border-radius:999px;padding:3px 10px;font-size:.85rem}
.el-pill.ok{background:#E7F6EC;color:#1E7B3A;border-color:#BFE5CB}.el-pill.warn{background:#FFF3E0;color:#A35A00;border-color:#F5D6A8}.el-pill.bad{background:#FDECEC;color:#B3261E;border-color:#F3B9B4}
/* 5.111.1 — en-tête sur UNE ligne : logo | menu centré sans retour à la ligne | actions (Suivi, Espace client, langue).
   Le menu ne se replie jamais : sous 1100px il passe derrière le bouton hamburger (règles reprises du socle, qui ne le
   fait qu'à 900px). « Créer un compte » n'encombre pas l'en-tête (il reste sur la page de connexion). */
.w-site-header{box-shadow:0 1px 0 var(--w-line),0 6px 18px rgba(20,20,32,.05)}
.w-site-header .w-wrap{flex-wrap:nowrap;gap:10px 16px}
.w-brand{flex:0 0 auto}
.w-nav{flex-wrap:nowrap;justify-content:center;gap:2px 4px;min-width:0;overflow:hidden}
.w-nav a{white-space:nowrap;padding:8px 12px}
.w-actions{gap:8px}
.w-signup{display:none}
.w-actions > a[href="/account/login"]{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;border:1.5px solid var(--vm-magenta);color:var(--vm-magenta);font-weight:700;text-decoration:none;font-size:.88rem}
.w-actions > a[href="/account/login"]:hover{background:var(--vm-magenta);color:#fff}
.w-hdr-link{border-color:var(--w-line);color:var(--w-ink)}
.w-hdr-link:hover{border-color:var(--vm-orange);color:var(--vm-magenta);background:transparent}
.w-lang summary span{display:none}   /* code de langue seul (FR / AR / EN), pas le nom complet */
@media (max-width:1100px){
    .w-site-header .w-wrap{flex-wrap:wrap}
    .w-burger{display:flex;order:3}
    .w-actions{order:2;margin-inline-start:auto}
    .w-nav{order:4;flex:1 0 100%;display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;border-top:1px solid var(--w-line);margin-top:4px;padding-top:4px;overflow:visible}
    .w-nav a{padding:11px 4px;border-bottom:1px solid var(--w-line);border-radius:0;background:transparent !important;color:var(--w-ink) !important}
    .w-nav a:last-child{border-bottom:0}
    .w-nav-open:checked ~ .w-nav{display:flex}
}
@media (max-width:720px){.w-brand img{height:42px}.w-hero h1{max-width:none}}
@media (max-width:640px){.w-site-header .w-wrap{gap:6px 10px}.w-actions{gap:6px}.w-actions > a{font-size:.84rem}.w-hdr-link span{display:none}.w-hdr-link{padding:6px 9px}.w-cart-label{display:none}.w-lang summary{padding-inline:8px}
    /* 5.112.4 — téléphone : les actions se replient ENTRE le logo et le bouton menu (jamais le bouton seul sur une 3e ligne). */
    .w-actions{flex:1 1 0;min-width:0;flex-wrap:wrap;justify-content:flex-end}.w-burger{order:3;flex:0 0 auto}}