
    :root{
      --purple:#6b3aa8;--purple-dark:#4a2578;--purple-mid:#7c45bc;
      --purple-light:#8c5ec8;--purple-xlight:#e8ddf5;
      --orange:#F7941D;--orange-dark:#e07f10;--orange-light:#fef4e8;
      --white:#fff;--off-white:#f0ebfa;--gray-light:#ebe4f5;
      --gray-text:#666;--border:#cfc5e8;--text:#2d2d2d;
      --radius:18px;--shadow:0 8px 40px rgba(107,58,168,.13);--shadow-card:0 4px 24px rgba(107,58,168,.09);
    }
    *,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
    html{scroll-behavior:smooth;}
    body{font-family:'Poppins',sans-serif;color:var(--text);background:var(--white);overflow-x:hidden;}

    /* NAV */
    nav{background:var(--purple-dark);display:flex;align-items:center;justify-content:space-between;padding:0 52px;height:66px;position:sticky;top:0;z-index:200;box-shadow:0 2px 20px rgba(0,0,0,.22);}
    .nav-logo{font-size:1.65rem;font-weight:900;color:var(--white);letter-spacing:2px;text-decoration:none;}
    .nav-logo span{color:var(--orange);}
    .nav-links{display:flex;gap:28px;list-style:none;align-items:center;}
    .nav-links a{color:rgba(255,255,255,.80);text-decoration:none;font-size:.84rem;font-weight:500;transition:color .2s;}
    .nav-links a:hover,.nav-links a.active{color:var(--orange);}
    .nav-cta{background:var(--orange)!important;color:var(--white)!important;padding:9px 22px;border-radius:50px;font-weight:700!important;font-size:.83rem!important;box-shadow:0 4px 14px rgba(247,148,29,.35);}
    .nav-cta:hover{background:var(--orange-dark)!important;transform:translateY(-1px);}

    /* BREADCRUMB */
    .breadcrumb{background:var(--gray-light);padding:11px 52px;font-size:.77rem;color:var(--gray-text);border-bottom:1px solid var(--border);}
    .breadcrumb a{color:var(--purple);text-decoration:none;font-weight:500;}
    .breadcrumb a:hover{text-decoration:underline;}
    .breadcrumb span{margin:0 7px;color:#aaa;}

    /* HERO — image de fond + contenu + card flottante (comme les autres pages) */
    .hero{position:relative;min-height:540px;display:flex;align-items:center;overflow:hidden;}
    .hero-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?w=1400&q=80');background-size:cover;background-position:center 40%;filter:brightness(.28);}
    .hero-overlay{position:absolute;inset:0;background:linear-gradient(115deg,rgba(74,37,120,.95) 0%,rgba(107,58,168,.80) 55%,rgba(107,58,168,.40) 100%);}
    .hero-content{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:80px 52px;width:100%;display:grid;grid-template-columns:1fr 300px;gap:64px;align-items:center;}
    .hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(247,148,29,.18);border:1px solid rgba(247,148,29,.5);color:var(--orange);font-size:.71rem;font-weight:700;padding:5px 15px;border-radius:50px;margin-bottom:20px;letter-spacing:1px;text-transform:uppercase;}
    .hero h1{font-size:clamp(1.7rem,3vw,2.6rem);font-weight:800;color:var(--white);line-height:1.22;margin-bottom:18px;}
    .hero h1 span{color:var(--orange);}
    .hero-sub{font-size:.92rem;color:rgba(255,255,255,.82);line-height:1.76;margin-bottom:20px;}
    .hero-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:28px;}
    .hero-list li{display:flex;align-items:center;gap:10px;font-size:.85rem;color:rgba(255,255,255,.88);}
    .hero-list li::before{content:'✔';color:var(--orange);font-weight:700;flex-shrink:0;}
    .hero-btns{display:flex;gap:12px;flex-wrap:wrap;}
    .hero-q-num{display:inline-flex;align-items:center;gap:7px;background:rgba(247,148,29,.18);border:1px solid rgba(247,148,29,.45);color:var(--orange);font-size:.73rem;font-weight:700;padding:7px 16px;border-radius:50px;margin-top:18px;}

    /* card flottante hero */
    .hero-glass-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:32px 26px;backdrop-filter:blur(12px);text-align:center;}
    .hgc-logo{width:84px;height:84px;background:linear-gradient(135deg,var(--orange),var(--orange-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.4rem;margin:0 auto 16px;box-shadow:0 6px 24px rgba(247,148,29,.35);}
    .hgc-title{color:var(--white);font-size:1rem;font-weight:800;margin-bottom:6px;}
    .hgc-sub{color:rgba(255,255,255,.65);font-size:.75rem;line-height:1.55;margin-bottom:14px;}
    .hgc-num{font-size:.7rem;font-weight:700;color:var(--orange);background:rgba(247,148,29,.15);border:1px solid rgba(247,148,29,.35);padding:5px 12px;border-radius:30px;display:inline-block;}

    /* BTNS */
    .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:50px;font-family:'Poppins',sans-serif;font-weight:600;font-size:.88rem;text-decoration:none;cursor:pointer;border:none;transition:all .25s;white-space:nowrap;}
    .btn-primary{background:var(--orange);color:var(--white);box-shadow:0 4px 20px rgba(247,148,29,.38);}
    .btn-primary:hover{background:var(--orange-dark);transform:translateY(-2px);box-shadow:0 8px 28px rgba(247,148,29,.44);}
    .btn-purple{background:var(--purple);color:var(--white);}
    .btn-purple:hover{background:var(--purple-dark);transform:translateY(-2px);}
    .btn-ghost{background:transparent;color:var(--purple);border:2px solid var(--border);font-size:.84rem;}
    .btn-ghost:hover{border-color:var(--purple);background:var(--purple-xlight);}
    .btn-outline-white{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.5);}
    .btn-outline-white:hover{background:rgba(255,255,255,.1);border-color:var(--white);transform:translateY(-2px);}
    .btn-sm{padding:9px 20px;font-size:.8rem;}

    /* HELPERS */
    .container{max-width:1100px;margin:0 auto;}
    section{padding:80px 52px;}
    .section-label{display:inline-block;background:var(--gray-light);color:var(--purple);font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 13px;border-radius:50px;margin-bottom:13px;}
    h2{font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:800;color:var(--purple-dark);line-height:1.28;margin-bottom:14px;}
    h2 span{color:var(--orange);}

    /* REFERENTIEL — image gauche + texte droite */
    .referentiel-section{background:var(--off-white);}
    .ref-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
    .ref-img{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3;}
    .ref-img img{width:100%;height:100%;object-fit:cover;display:block;}
    .ref-text p{font-size:.9rem;color:var(--gray-text);line-height:1.76;margin-bottom:18px;}
    .rnq-cards{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;}
    .rnq-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--white);border-radius:14px;border-left:4px solid var(--orange);box-shadow:0 2px 12px rgba(107,58,168,.07);transition:transform .2s,box-shadow .2s;}
    .rnq-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card);}
    .rnq-num{width:44px;height:44px;background:linear-gradient(135deg,var(--purple),var(--purple-light));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:.9rem;font-weight:800;flex-shrink:0;}
    .rnq-card span{font-size:.85rem;font-weight:600;color:var(--purple-dark);}
    .ref-cta{display:flex;gap:12px;flex-wrap:wrap;}

    /* COMPARATIF — layout image droite + tableau gauche */
    .comparatif-section{background:var(--white);}
    .comp-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
    .comp-text p{font-size:.9rem;color:var(--gray-text);line-height:1.76;margin-bottom:28px;}
    .comp-table{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px;}
    .comp-col{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card);}
    .comp-col-head{padding:18px 22px;display:flex;align-items:center;gap:10px;}
    .comp-col.yes .comp-col-head{background:linear-gradient(135deg,var(--purple-dark),var(--purple));}
    .comp-col.no  .comp-col-head{background:linear-gradient(135deg,#555,#777);}
    .comp-col-head h3{font-size:.88rem;font-weight:800;color:var(--white);}
    .comp-col-head .badge{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;}
    .comp-col.yes .badge{background:var(--orange);}
    .comp-col.no  .badge{background:#999;}
    .comp-items{background:var(--white);border:1.5px solid var(--border);border-top:none;}
    .comp-item{display:flex;align-items:flex-start;gap:10px;padding:12px 18px;border-bottom:1px solid var(--gray-light);font-size:.82rem;color:var(--text);line-height:1.45;}
    .comp-item:last-child{border-bottom:none;}
    .comp-item .ci-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:5px;}
    .comp-col.yes .ci-dot{background:var(--orange);}
    .comp-col.no  .ci-dot{background:#bbb;}
    .comp-col.no  .comp-item{color:var(--gray-text);}

    .comp-img{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:3/4;position:sticky;top:90px;}
    .comp-img img{width:100%;height:100%;object-fit:cover;}
    .comp-cta{display:flex;gap:12px;flex-wrap:wrap;}

    /* ENJEUX PROFILS — 2 cards côte à côte */
    .enjeux-section{background:var(--off-white);}
    .enjeux-intro{font-size:.93rem;color:var(--gray-text);line-height:1.76;max-width:720px;margin:0 auto 48px;text-align:center;}
    .enjeux-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:36px;}
    .enjeu-card{background:var(--white);border-radius:var(--radius);padding:36px 30px;box-shadow:var(--shadow-card);position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;}
    .enjeu-card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;}
    .enjeu-card.b2b::before{background:linear-gradient(90deg,var(--purple),var(--purple-light));}
    .enjeu-card.b2c::before{background:linear-gradient(90deg,var(--orange),var(--orange-dark));}
    .enjeu-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);}
    .enjeu-icon{font-size:2rem;margin-bottom:14px;}
    .enjeu-card h3{font-size:.95rem;font-weight:800;color:var(--purple-dark);margin-bottom:5px;}
    .enjeu-card .enjeu-sub{font-size:.78rem;color:var(--orange);font-weight:600;font-style:italic;margin-bottom:14px;}
    .enjeu-list{list-style:none;display:flex;flex-direction:column;gap:9px;}
    .enjeu-list li{display:flex;align-items:flex-start;gap:9px;font-size:.83rem;color:var(--text);line-height:1.45;}
    .enjeu-list li::before{content:'';width:6px;height:6px;background:var(--orange);border-radius:50%;flex-shrink:0;margin-top:5px;}

    /* INDICATEURS */
    .stats-band{background:linear-gradient(135deg,var(--purple-dark),#2a0e50);padding:60px 52px;}
    .stats-inner{max-width:1100px;margin:0 auto;}
    .stats-title{text-align:center;color:rgba(255,255,255,.75);font-size:.93rem;margin-bottom:40px;line-height:1.7;}
    .stats-title strong{color:var(--orange);}
    .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;}
    .stat-item{text-align:center;padding:32px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);transition:transform .25s,background .25s;}
    .stat-item:hover{transform:translateY(-4px);background:rgba(255,255,255,.1);}
    .stat-num{font-size:2.5rem;font-weight:900;color:var(--orange);line-height:1;margin-bottom:10px;}
    .stat-label{font-size:.78rem;color:rgba(255,255,255,.72);line-height:1.45;}
    .stats-note{text-align:center;font-size:.83rem;color:rgba(255,255,255,.5);max-width:680px;margin:0 auto 28px;}
    .stats-cta{text-align:center;}

    /* CONCLUSION */
    .conclusion-section{background:linear-gradient(135deg,var(--purple-dark) 0%,var(--purple) 55%,#7a48b8 100%);padding:80px 52px;text-align:center;position:relative;overflow:hidden;}
    .conclusion-section::before{content:'';position:absolute;top:-80px;right:-80px;width:420px;height:420px;background:radial-gradient(circle,rgba(247,148,29,.15),transparent 65%);border-radius:50%;}
    .conclusion-inner{position:relative;z-index:1;max-width:760px;margin:0 auto;}
    .conclusion-section h2{color:var(--white);margin-bottom:14px;}
    .conclusion-section p{color:rgba(255,255,255,.78);font-size:.92rem;line-height:1.76;margin-bottom:36px;}
    .conclusion-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:20px;}
    .conclusion-chips{font-size:.74rem;color:rgba(255,255,255,.5);display:flex;gap:20px;justify-content:center;flex-wrap:wrap;}
    .conclusion-chips span::before{content:'<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="display:inline-block;vertical-align:middle;flex-shrink:0;"><polyline points="20 6 9 17 4 12" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg> ';color:var(--orange);font-weight:700;}

    /* FOOTER */
    footer{background:var(--purple-dark);color:rgba(255,255,255,.68);padding:48px 52px 24px;}
    .footer-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:36px;margin-bottom:32px;}
    .footer-brand .logo{font-size:1.45rem;font-weight:900;color:var(--white);letter-spacing:2px;margin-bottom:12px;display:block;text-decoration:none;}
    .footer-brand .logo span{color:var(--orange);}
    .footer-brand p{font-size:.79rem;line-height:1.65;margin-bottom:14px;}
    .footer-legal-txt{font-size:.7rem;color:rgba(255,255,255,.42);line-height:1.6;border-top:1px solid rgba(255,255,255,.09);padding-top:10px;margin-top:6px;}
    footer h4{color:var(--white);font-size:.81rem;font-weight:700;margin-bottom:14px;text-transform:uppercase;letter-spacing:.9px;}
    footer ul{list-style:none;}footer ul li{margin-bottom:8px;}
    footer ul li a{color:rgba(255,255,255,.60);text-decoration:none;font-size:.79rem;transition:color .2s;}
    footer ul li a:hover{color:var(--orange);}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding-top:20px;max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:.72rem;flex-wrap:wrap;gap:10px;}
    .q-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(247,148,29,.14);border:1px solid rgba(247,148,29,.32);color:var(--orange);font-size:.69rem;font-weight:700;padding:5px 12px;border-radius:30px;}

    /* ANIM */
    @keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
    .anim{opacity:0;animation:fadeUp .62s ease forwards;}
    .d1{animation-delay:.1s}.d2{animation-delay:.22s}.d3{animation-delay:.34s}.d4{animation-delay:.46s}.d5{animation-delay:.58s}
    .reveal{opacity:0;transform:translateY(30px);transition:opacity .65s ease,transform .65s ease;}
    .reveal.visible{opacity:1;transform:translateY(0);}

    @media(max-width:960px){
      nav{padding:0 24px}.nav-links{display:none}
      .breadcrumb{padding:10px 24px}
      section{padding:56px 24px}
      .hero-content{grid-template-columns:1fr;padding:60px 24px}.hero-glass-card{display:none}
      .ref-grid,.comp-grid,.enjeux-grid{grid-template-columns:1fr}
      .comp-img{aspect-ratio:16/9;position:static}
      .comp-table{grid-template-columns:1fr}
      .stats-band{padding:48px 24px}.stats-grid{grid-template-columns:repeat(2,1fr)}
      footer{padding:40px 24px 20px}.footer-inner{grid-template-columns:1fr 1fr}
      .conclusion-section{padding:56px 24px}
    }
    @media(max-width:560px){.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr}}
  
@media(max-width:480px){
  .cert-block,.criteria-grid,.process-grid{grid-template-columns:1fr!important;}
  .cert-img-block,.cert-visual{display:none!important;}
  .conclusion-chips{flex-direction:column!important;}
}