/* Immerxif Hub (immerxif.com) et Immerxif Pro (pro.immerxif.com) : identité épurée et moderne,
   même famille visuelle que globalskills.immerxif.com et ataf.immerxif.com. Complète style.css (body.mx). */
.mx{--paper:#FAFAF8;--line:#E4E2DC;--sand:#F3EEE6;--ink-2:#4A4F63;--radius-l:20px;background:#FAFAF8}
body.mx[data-pole="hub"]{--accent:#0E1530;--accent-ink:#0E1530;--accent-soft:#EEF0F6}
.mx .section{padding:clamp(72px,10vw,128px) 0}
.mx h2{font-size:clamp(30px,4vw,50px);letter-spacing:-.025em}
.mx .lead{color:var(--ink-2)}
.mx .dark .lead,.mx .hero-pro .lead,.mx .mx-band .lead,.mx .cta .lead{color:var(--on-navy)}
.mx main .section:not(.dark) .eyebrow,.mx .eyebrow{display:inline-flex;align-items:center;gap:10px;letter-spacing:.16em}
.mx .eyebrow::before{content:"";width:28px;height:2px;background:currentColor;display:inline-block;flex:none}
.mx .section.tint{background:var(--sand)}
.mx .site-header{background:rgba(255,255,255,.9);border-bottom:1px solid rgba(14,21,48,.06)}
.mx .photo{border-radius:var(--radius-l);overflow:hidden}
.mx .photo img{width:100%;height:100%;object-fit:cover}
.mx .card,.mx .workshops div,.mx .timeline div,.mx .addon,.mx details.mod,.mx details.price-group,.mx .price-card,.mx .cycle,.mx .offer-card,
.mx .estimate,.mx .note,.mx .form,.mx .who-guide a,.mx .tier,.mx .office,.mx .dl{border-radius:16px;border-color:var(--line)}
.mx .price-card,.mx .cycle,.mx .card{box-shadow:0 1px 0 rgba(14,21,48,.03),0 12px 40px -22px rgba(14,21,48,.2)}
.mx .site-footer{background:#0B1226}
.mx .btn{transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.mx .btn-dark:hover{box-shadow:0 10px 24px -12px rgba(14,21,48,.6)}

/* Bandeau d'ouverture des pages intérieures : dégradé sobre, ou photo (classe .ph) */
.mx .page-hero{position:relative;overflow:hidden;padding:clamp(72px,9vw,120px) 0 clamp(56px,7vw,88px);background:linear-gradient(135deg,#0B1226 0%,#18213F 60%,#24305A 100%);color:#fff}
.mx .page-hero.o{background:linear-gradient(135deg,#0B1226 0%,#5A2A0B 70%,#EE7A1A 140%)}
.mx .page-hero.g{background:linear-gradient(135deg,#0B1226 0%,#29400B 70%,#8DC21F 140%)}
.mx .page-hero.b{background:linear-gradient(135deg,#0B1226 0%,#0F3E73 70%,#1676C9 140%)}
.mx .page-hero.p{background:linear-gradient(135deg,#0B1226 0%,#5A0B33 70%,#D3146F 140%)}
.mx .page-hero .lead,.mx .page-hero p{color:rgba(255,255,255,.86)}
.mx .page-hero .eyebrow{color:rgba(255,255,255,.75)}
.mx .page-hero .chip{background:rgba(255,255,255,.12);color:#fff}
.mx .page-hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.7)}
.mx .page-hero .btn-dark{background:#fff;color:var(--navy)}
.mx .page-hero h1{max-width:960px}
.mx .page-hero>.ph{position:absolute;inset:0}
.mx .page-hero>.ph img{width:100%;height:100%;object-fit:cover}
.mx .page-hero>.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,18,38,.35) 0%,rgba(11,18,38,.55) 45%,rgba(11,18,38,.9) 100%)}
.mx .page-hero>.wrap{position:relative;z-index:1}
.mx .page-hero .logo-badge{background:rgba(255,255,255,.96);border-radius:16px}

/* Hero plein écran avec photo */
.mx-hero{position:relative;min-height:min(88vh,780px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--navy)}
.mx-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mx-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,18,38,.2) 0%,rgba(11,18,38,.35) 40%,rgba(11,18,38,.9) 100%)}
.mx-hero .wrap{position:relative;z-index:1;padding-top:110px;padding-bottom:clamp(48px,7vw,88px);display:grid;gap:22px;width:100%}
.mx-hero h1{font-size:clamp(40px,6.2vw,86px);max-width:1000px;line-height:.98}
.mx-hero h1 em{font-style:normal;color:var(--hero-em,#8DC21F)}
.mx-hero .lead{color:rgba(255,255,255,.88);max-width:680px}
.mx-hero .eyebrow{color:rgba(255,255,255,.8)}
.mx-hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.7)}
.mx-hero .btn-primary{background:#fff;color:var(--navy)}
.mx-hero .btn-primary:hover{background:var(--paper)}
.mx-hero.court{min-height:min(64vh,560px)}
.mx-hero.court h1{font-size:clamp(36px,5.4vw,70px)}
.mx-bar{display:flex;height:6px}
.mx-bar i{flex:1}

/* Bande de repères sous le hero */
.mx-trust{background:#fff;border-bottom:1px solid var(--line)}
.mx-trust .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px 32px;padding-top:24px;padding-bottom:24px;font-size:15px;color:var(--ink-2)}
.mx-trust strong{display:block;font-family:var(--display);font-size:24px;color:var(--navy);letter-spacing:-.01em}

/* Cartes illustrées */
.mx-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mx-cards.deux{grid-template-columns:repeat(2,minmax(0,1fr))}
.mx-cards.quatre{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.mx-cards.quatre{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:960px){.mx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.mx-cards,.mx-cards.deux,.mx-cards.quatre{grid-template-columns:1fr}}
.mx-card{--c:var(--accent-ink);background:#fff;border-radius:var(--radius-l);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:var(--navy);box-shadow:0 1px 0 rgba(14,21,48,.04),0 12px 40px -18px rgba(14,21,48,.18);transition:transform .25s ease,box-shadow .25s ease}
.mx-card:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(14,21,48,.04),0 24px 60px -20px rgba(14,21,48,.28);color:var(--navy)}
.mx-card .img{aspect-ratio:4/3;overflow:hidden;position:relative}
.mx-card .img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.mx-card:hover .img img{transform:scale(1.04)}
.mx-card .img .logo{position:absolute;left:16px;bottom:16px;background:#fff;border-radius:10px;padding:8px 12px;box-shadow:0 8px 20px -10px rgba(0,0,0,.4)}
.mx-card .img .logo img{height:26px;width:auto;transform:none!important}
.mx-card .txt{padding:24px 26px 28px;display:flex;flex-direction:column;gap:10px;flex:1;border-top:5px solid var(--c)}
.mx-card small{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--c)}
.mx-card h3{font-size:24px;letter-spacing:-.015em}
.mx-card p{font-size:15.5px;color:var(--ink-2)}
.mx-card .go{margin-top:auto;padding-top:6px;font-weight:700;font-size:15px;color:var(--c)}
.mx-card.o{--c:#B5550A}.mx-card.b{--c:#1263A8}.mx-card.g{--c:#4D7A00}.mx-card.p{--c:#B01060}

/* Sections image + texte */
.mx-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,88px);align-items:center}
.mx-split.inverse>.mx-img{order:2}
@media (max-width:900px){.mx-split{grid-template-columns:1fr}.mx-split.inverse>.mx-img{order:0}}
.mx-img{border-radius:var(--radius-l);overflow:hidden;aspect-ratio:5/4;box-shadow:0 30px 70px -30px rgba(14,21,48,.35);position:relative}
.mx-img img{width:100%;height:100%;object-fit:cover}
.mx-img .badge-img{position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.95);border-radius:14px;padding:14px 18px;display:grid;gap:2px;box-shadow:0 12px 30px -14px rgba(0,0,0,.4)}
.mx-img .badge-img strong{font-family:var(--display);font-size:26px;line-height:1}
.mx-img .badge-img span{font-size:14px;color:var(--ink-2)}
.mx-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.mx-list li{display:grid;grid-template-columns:28px 1fr;gap:12px;color:#2A2F45}
.mx-list li::before{content:"";width:22px;height:22px;border-radius:50%;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E1530' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/13px no-repeat;margin-top:2px}

/* Étapes */
.mx-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.mx-steps.trois{grid-template-columns:repeat(3,minmax(0,1fr))}
.mx-steps div{padding:28px 24px 0 0}
.mx-steps b{display:block;font-family:var(--display);font-size:46px;color:var(--accent);line-height:1;margin-bottom:14px}
body.mx[data-pole="hub"] .mx-steps div:nth-child(1) b{color:#EE7A1A}body.mx[data-pole="hub"] .mx-steps div:nth-child(2) b{color:#1676C9}
body.mx[data-pole="hub"] .mx-steps div:nth-child(3) b{color:#8DC21F}body.mx[data-pole="hub"] .mx-steps div:nth-child(4) b{color:#D3146F}
.mx-steps h3{font-family:var(--body);font-size:18px;font-weight:700;letter-spacing:0;margin-bottom:6px}
.mx-steps p{font-size:15px;color:var(--ink-2)}
@media (max-width:860px){.mx-steps,.mx-steps.trois{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media (max-width:480px){.mx-steps,.mx-steps.trois{grid-template-columns:1fr}}

/* Chiffres */
.mx-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
@media (max-width:860px){.mx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mx-stats div{border-left:3px solid var(--line);padding-left:18px}
.mx-stats strong{display:block;font-family:var(--display);font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:-.02em}
.mx-stats span{display:block;color:var(--ink-2);font-size:15px;margin-top:8px}

/* Bandeau sombre */
.mx-band{background:#0B1226;color:#fff;border-radius:28px;padding:clamp(36px,6vw,72px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:center}
@media (max-width:900px){.mx-band{grid-template-columns:1fr}}
.mx-band .lead{color:rgba(255,255,255,.8)}
.mx-band .eyebrow{color:rgba(255,255,255,.7)}
.mx-band .offers{border-color:rgba(255,255,255,.25)}
.mx-band .offer{border-color:rgba(255,255,255,.12)}
.mx-band .offer p{color:rgba(255,255,255,.72)}
.mx-tags{display:flex;flex-wrap:wrap;gap:10px}
.mx-tags span{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:10px 16px;font-size:15px;font-weight:600}

/* Citation */
.mx-quote{max-width:920px;margin:0 auto;text-align:center;display:grid;gap:22px;justify-items:center}
.mx-quote blockquote{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(26px,3.4vw,40px);line-height:1.2;letter-spacing:-.02em}
.mx-quote cite{font-style:normal;color:var(--ink-2)}
.mx-quote .portrait{width:84px;height:84px;border-radius:50%;overflow:hidden}
.mx-quote .portrait img{width:100%;height:100%;object-fit:cover}

/* Appel à l'action final */
.mx-cta{position:relative;border-radius:28px;overflow:hidden;color:#fff;min-height:380px;display:flex;align-items:center;background:#0B1226}
.mx-cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mx-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,18,38,.96) 0%,rgba(11,18,38,.82) 45%,rgba(11,18,38,.2) 100%)}
.mx-cta>div{position:relative;z-index:1;padding:clamp(32px,6vw,72px);max-width:700px;display:grid;gap:16px}
.mx-cta p{color:rgba(255,255,255,.88)}
.mx-cta .btn-dark{background:#fff;color:var(--navy)}
.mx-cta .btn-ghost{color:#fff;border-color:rgba(255,255,255,.7)}

/* Logos des pôles (bandeau) */
.mx-logos{display:flex;flex-wrap:wrap;gap:20px 48px;align-items:center;justify-content:center;opacity:.9}
.mx-logos img{height:38px;width:auto}

/* Pro : héros photo */
.mx.pro-site .mx-hero h1 em{color:#A3D63A}
.mx .pro-topbar{background:#0B1226}
.mx .hero-pro{background:#0B1226}

/* Pro : héros photo (section.hero-pro avec .ph) */
.mx .hero-pro>.ph{position:absolute;inset:0}
.mx .hero-pro>.ph img{width:100%;height:100%;object-fit:cover}
.mx .hero-pro:has(>.ph)::after{content:"";right:auto;top:0;left:0;width:100%;height:100%;border-radius:0;background:linear-gradient(90deg,rgba(11,18,38,.94) 0%,rgba(11,18,38,.8) 45%,rgba(11,18,38,.35) 100%)}
.mx .hero-pro{padding:clamp(80px,10vw,140px) 0 clamp(56px,7vw,96px)}
.mx .entry{backdrop-filter:blur(6px);background:rgba(11,18,38,.45)}
.mx .entry.hot{background:var(--green)}
@media (max-width:760px){.mx .hero-pro:has(>.ph)::after{background:linear-gradient(180deg,rgba(11,18,38,.75) 0%,rgba(11,18,38,.92) 100%)}}