/* Refonte « IA » de la vitrine (29/09/2026) — complète style.css sans le modifier.
   Couleurs de risque AI Act : texte blanc lisible (contraste AA) sur chacune. */
:root{
  --risque-min:#15803d;
  --risque-lim:#0e7490;
  --risque-haut:#c2410c;
  --risque-inter:#b91c1c;
}

/* ---------- Navigation : 6 liens, bascule en menu plus tôt ---------- */
.nav-links{gap:26px}
@media(max-width:1180px){
  .mobile-toggle{display:block}
  .nav-links,.nav-cta{display:none}
  .nav-links.open{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:#fff;padding:24px;gap:16px;border-bottom:1px solid var(--border);box-shadow:var(--shadow)}
  .nav-lang{margin-left:auto;margin-right:14px}
}

/* ---------- Héros ---------- */
.hero-kicker{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:700;margin-bottom:14px}
.hero h1{font-size:3rem}
.hero-actions{flex-wrap:wrap}
.hero-actions a{white-space:nowrap}
.stat-ia{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid rgba(8,145,178,.2)}
.stat-ia .number{font-size:1.35rem;padding-top:6px}
.stat-ia .label{color:#0e7490;font-weight:600}
.hero-plateforme{display:flex;gap:10px;align-items:center;margin-top:18px;padding:14px 16px;background:var(--primary);border-radius:var(--radius);color:#fff;font-size:.88rem;line-height:1.4}
.hero-plateforme svg{flex-shrink:0}

/* ---------- En-têtes de section alignés à gauche ---------- */
.section-header.gauche{text-align:left;margin-bottom:0}
.section-header.gauche p{margin-left:0}

/* ---------- Le constat ---------- */
.constat{padding:96px 0;background:var(--bg)}
.constat-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.constat-texte p{color:var(--text-light);font-size:1.05rem;line-height:1.7;margin-top:14px}
.constat-cartes{display:grid;grid-template-columns:1fr;gap:16px}
.constat-carte{padding:22px 24px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);display:grid;grid-template-columns:44px 1fr;column-gap:18px;align-items:start}
.constat-carte .icon{grid-row:span 2}
.constat-carte .icon{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center}
.constat-carte .icon svg{width:22px;height:22px;stroke:#fff;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.constat-carte h3{font-family:'Manrope',sans-serif;font-size:1.02rem;color:var(--text);margin-bottom:4px}
.constat-carte p{font-size:.9rem;color:var(--text-light);line-height:1.6}

/* ---------- AI Act ---------- */
.aiact{padding:96px 0;background:#f8fafc;border-top:1px solid var(--border-light)}
.aiact .section-header p{max-width:720px}
.aiact-fiche{display:grid;grid-template-columns:230px 1fr 1fr;background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:40px}
.aiact-fiche .titre{background:var(--primary);color:#fff;padding:24px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.aiact-fiche .titre strong{font-family:'Outfit',sans-serif;font-size:1.15rem}
.aiact-fiche .titre span{font-size:.82rem;color:rgba(255,255,255,.78);line-height:1.5}
.aiact-fiche .texte{padding:24px 28px;display:flex;flex-direction:column;gap:8px}
.aiact-fiche .texte + .texte{border-left:1px solid var(--border-light)}
.aiact-fiche .etiquette{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}
.aiact-fiche .etiquette.modifie{color:var(--risque-haut)}
.aiact-fiche .intitule{font-weight:700;color:var(--primary);line-height:1.45;font-size:.95rem}
.aiact-fiche .dates{font-size:.88rem;color:var(--text-light);line-height:1.6}
.aiact-fiche a{font-size:.88rem;font-weight:700;color:var(--accent)}
.aiact-fiche a:hover{color:var(--primary)}
.niveaux{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.niveau{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.niveau .bandeau{height:6px}
.niveau .corps{padding:26px;display:flex;flex-direction:column;gap:12px}
.niveau .echelle{display:flex;gap:6px}
.niveau .echelle span{width:20px;height:20px;border-radius:5px;background:var(--border-light)}
.niveau h3{font-family:'Outfit',sans-serif;font-size:1.2rem;color:var(--primary)}
.niveau .obligation{align-self:flex-start;font-size:.8rem;font-weight:700;color:#fff;padding:5px 12px;border-radius:999px}
.niveau .article{font-size:.76rem;font-weight:700;letter-spacing:.04em;color:#475569}
.niveau p{font-size:.88rem;line-height:1.6;color:var(--text-light)}
.niveau.n1 .bandeau,.niveau.n1 .obligation,.niveau.n1 .echelle span:nth-child(-n+1){background:var(--risque-min)}
.niveau.n2 .bandeau,.niveau.n2 .obligation,.niveau.n2 .echelle span:nth-child(-n+2){background:var(--risque-lim)}
.niveau.n3 .bandeau,.niveau.n3 .obligation,.niveau.n3 .echelle span:nth-child(-n+3){background:var(--risque-haut)}
.niveau.n4 .bandeau,.niveau.n4 .obligation,.niveau.n4 .echelle span:nth-child(-n+4){background:var(--risque-inter)}
.gradient-risque{margin-top:20px}
.gradient-risque .barre{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--risque-min),var(--risque-lim) 35%,var(--risque-haut) 70%,var(--risque-inter))}
.gradient-risque .legende{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:.8rem;font-weight:700;color:var(--text-muted)}
.aiact-tous{display:flex;gap:18px;align-items:center;margin-top:40px;padding:22px 28px;background:var(--primary);border-radius:12px;color:#fff}
.aiact-tous .ic{width:44px;height:44px;border-radius:10px;background:rgba(6,182,212,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.aiact-tous p{font-size:1rem;line-height:1.6}
.frise{margin-top:48px}
.frise h3{font-family:'Outfit',sans-serif;font-size:1.35rem;margin-bottom:26px}
.frise ol{list-style:none;display:grid;grid-template-columns:repeat(7,1fr);border-top:3px solid var(--border)}
.frise li{display:flex;flex-direction:column;gap:8px;padding:18px 16px 0 0;position:relative}
.frise li::before{content:'';position:absolute;top:-9px;left:0;width:14px;height:14px;border-radius:50%;background:var(--primary)}
.frise li.a-venir::before{background:#fff;border:3px solid var(--risque-haut);box-sizing:border-box}
.frise time{font-family:'Outfit',sans-serif;font-weight:700;font-size:1.05rem;color:var(--primary)}
.frise li.a-venir time{color:var(--risque-haut)}
.frise li span{font-size:.88rem;line-height:1.5;color:var(--text-light)}
.frise .note{margin-top:18px;font-size:.8rem;color:var(--text-muted)}
.aiact-debut{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:48px;padding:28px 32px;background:#fff;border:1px solid var(--border);border-radius:12px}
.aiact-debut h3{font-family:'Outfit',sans-serif;font-size:1.3rem;margin-bottom:6px}
.aiact-debut p{font-size:.95rem;color:var(--text-light);line-height:1.6}
.aiact-debut .btn-primary{flex-shrink:0}

/* ---------- Savoir-faire ---------- */
.savoir-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.savoir-card{background:var(--bg-card);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:12px;padding:36px 32px;display:flex;flex-direction:column;gap:14px;transition:all .3s}
.savoir-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px -4px rgba(26,54,93,.12)}
.savoir-card .haut{display:flex;justify-content:space-between;align-items:center}
.savoir-card .num{font-family:'Outfit',sans-serif;font-size:2.1rem;font-weight:700;color:var(--border)}
.savoir-card h3{font-size:1.3rem}
.savoir-card p{font-size:.95rem;line-height:1.65;color:var(--text-light)}
.savoir-card ul{list-style:none;display:flex;flex-direction:column;gap:9px;padding-top:12px;border-top:1px solid var(--border-light);font-size:.9rem;color:var(--text-light)}
.savoir-card li::before{content:'✓';color:var(--accent);font-weight:800;margin-right:8px}
.savoir-card .lien{margin-top:auto;font-weight:700;font-size:.9rem;color:var(--accent)}
.savoir-aussi{text-align:center;margin-top:36px;font-size:.95rem;color:var(--text-muted)}
.savoir-aussi a{font-weight:600;color:var(--accent)}
.savoir-aussi a:hover{color:var(--primary)}

/* ---------- Plateforme IA (fond marine, reprend .ia-teaser) ---------- */
.plateforme-intro{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;margin-bottom:48px}
.plateforme-intro .tag{display:inline-block;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-light);font-weight:600;margin-bottom:12px}
.plateforme-intro h2{color:#fff;font-size:2.6rem}
.plateforme-intro p{color:rgba(255,255,255,.8);font-size:1.05rem;line-height:1.7}
.piliers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative}
.pilier{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:30px}
.pilier .grand{font-family:'Outfit',sans-serif;font-size:2.5rem;font-weight:700;color:var(--accent-light);line-height:1;display:block;margin-bottom:12px}
.pilier h3{font-family:'Manrope',sans-serif;color:#fff;font-size:1.1rem;margin-bottom:8px}
.pilier p{color:rgba(255,255,255,.72);font-size:.9rem;line-height:1.6}
.gouvernance{margin-top:24px;padding:30px 34px;border-radius:12px;background:rgba(8,145,178,.14);border:1px solid rgba(6,182,212,.3);position:relative}
.gouvernance .tag{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-light);font-weight:700}
.gouvernance ol{list-style:none;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:center;margin-top:18px}
.gouvernance li strong{display:block;font-family:'Outfit',sans-serif;font-size:1.3rem;color:#fff;margin-bottom:4px}
.gouvernance li span{font-size:.88rem;color:rgba(255,255,255,.72)}
.gouvernance .fleche{color:var(--accent-light)}
.plateforme-actions{display:flex;gap:16px;margin-top:36px;position:relative;flex-wrap:wrap}
.btn-clair{background:#fff;color:var(--primary);padding:14px 30px;border-radius:var(--radius);font-weight:700;font-size:.95rem;border:2px solid #fff;transition:all .2s}
.btn-clair:hover{background:transparent;color:#fff}
.btn-contour-clair{color:#fff;padding:14px 30px;border-radius:var(--radius);font-weight:600;font-size:.95rem;border:2px solid rgba(255,255,255,.35);transition:all .2s}
.btn-contour-clair:hover{border-color:#fff}

/* ---------- Mes applications ---------- */
.applications{padding:96px 0;background:var(--bg)}
.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.app-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:34px 30px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-sm);transition:all .3s;color:inherit}
.app-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 12px 32px -4px rgba(26,54,93,.12)}
.app-card .haut{display:flex;justify-content:space-between;align-items:center;gap:12px}
.app-card .badge{font-size:.75rem;font-weight:700;letter-spacing:.04em;color:#0e7490;background:#f0f9ff;border:1px solid rgba(8,145,178,.25);padding:5px 12px;border-radius:999px;text-align:right}
.app-card h3{font-size:1.4rem}
.app-card .accroche{font-weight:600;color:var(--accent);font-size:.95rem}
.app-card p{font-size:.93rem;line-height:1.65;color:var(--text-light)}
.app-card .demontre{background:var(--bg-soft);border-radius:8px;padding:14px 16px;font-size:.88rem;color:var(--text-light);line-height:1.55}
.app-card .demontre b{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-bottom:6px}
.app-card .lien{margin-top:auto;font-weight:700;font-size:.9rem;color:var(--accent)}

/* ---------- Témoignages : défilement ---------- */
.testimonials{background:var(--bg)}
.temoignage-une{background:linear-gradient(135deg,#f0f9ff,var(--bg-card));border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:12px;padding:40px;margin-bottom:28px}
.temoignage-une .testimonial-quote{font-size:1.15rem}
.piste{display:grid;align-items:stretch;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:6px;scrollbar-width:none}
.piste::-webkit-scrollbar{display:none}
.piste .testimonial-card{scroll-snap-align:start;display:flex;flex-direction:column}
.piste .testimonial-quote{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}
.piste .testimonial-quote.ouverte{display:block;-webkit-line-clamp:unset;overflow:visible}
.piste .lire-suite{align-self:flex-start;background:none;border:0;padding:0;margin:0 0 18px 20px;font-family:'Manrope',sans-serif;font-weight:700;font-size:.85rem;color:var(--accent);cursor:pointer}
.piste .lire-suite:hover{color:var(--primary)}
.piste .testimonial-author{margin-top:auto}

.piste-commandes{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px}
.piste-commandes button{width:44px;height:44px;border-radius:50%;border:2px solid var(--border);background:#fff;color:var(--primary);font-size:1.1rem;cursor:pointer;font-family:'Manrope',sans-serif;transition:all .2s}
.piste-commandes button:hover{border-color:var(--primary)}
.piste-commandes button:disabled{opacity:.35;cursor:default}
.piste-points{display:flex;gap:8px}
.piste-points span{width:8px;height:8px;border-radius:999px;background:var(--border);transition:all .2s}
.piste-points span.actif{width:28px;background:var(--accent)}

/* ---------- Divers ---------- */
.why{background:var(--bg-soft)}
.publications{background:var(--bg-soft)}
.pub-card{background:#fff}
.pub-toutes{background:var(--primary);border-color:var(--primary);justify-content:center}
.pub-toutes .pub-tag,.pub-toutes .lien{color:var(--accent-light)}
.pub-toutes h3{color:#fff}
.pub-toutes p{color:rgba(255,255,255,.75);flex:0 0 auto;margin-bottom:14px}
.pub-toutes .lien{font-weight:700;font-size:.9rem}
.pub-toutes:hover{border-color:var(--accent)}
.cta-lien{margin-bottom:40px}

/* ---------- Réactif ---------- */
@media(max-width:1024px){
  .constat-grid,.plateforme-intro{grid-template-columns:1fr}
  .niveaux{grid-template-columns:repeat(2,1fr)}
  .savoir-grid,.apps-grid{grid-template-columns:1fr 1fr}
  .aiact-fiche{grid-template-columns:1fr}
  .aiact-fiche .texte + .texte{border-left:0;border-top:1px solid var(--border-light)}
  .frise ol{grid-template-columns:repeat(3,1fr);row-gap:28px}
  .piste{grid-auto-columns:calc((100% - 24px)/2)}
}
@media(max-width:768px){
  .hero h1{font-size:2.1rem}
  .niveaux,.savoir-grid,.apps-grid,.piliers{grid-template-columns:1fr}
  .gouvernance ol{grid-template-columns:1fr}
  .gouvernance .fleche{transform:rotate(90deg);justify-self:start}
  .frise ol{grid-template-columns:1fr 1fr}
  .aiact-debut,.aiact-tous{flex-direction:column;align-items:flex-start}
  .piste{grid-auto-columns:88%}
  .plateforme-intro h2{font-size:2rem}
  .gradient-risque .legende span:nth-child(2){display:none}
}

/* Formation des dirigeants et des managers */
.formation{padding:96px 0;background:var(--bg)}
.formation-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.formation-texte .tag{display:inline-block;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:600}
.formation-texte h2{font-size:2.4rem;margin:12px 0 18px}
@media(max-width:768px){.formation-texte h2{font-size:2rem}}
.formation-texte p{color:var(--text-light);line-height:1.7}
.formation-note{margin-top:16px;padding:14px 18px;background:var(--bg-soft);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;font-size:.92rem}
.formation-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}
.formation-lien{font-weight:700;color:var(--accent)}
.formation-lien:hover{color:var(--primary)}
.formation-publics{display:flex;flex-direction:column;gap:18px}
.public{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:12px;padding:24px 26px}
.public h3{font-size:1.15rem;margin-bottom:8px}
.public p{font-size:.93rem;line-height:1.6;color:var(--text-light)}
.public-format{font-size:.88rem;color:var(--text-muted);padding-left:4px}
@media(max-width:1024px){.formation-grid{grid-template-columns:1fr;gap:36px}}