/* =========================================================
   Carte formation avec image — L'IAventeur
   ========================================================= */

.liav-formation-card {
    --liav-accent: #7c3aed;
    --liav-accent-dark: #5b21b6;
    --liav-text: #172033;
    --liav-text-soft: #5e687a;
    --liav-border: rgba(23, 32, 51, 0.12);
    --liav-background: #ffffff;

    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;

    background: var(--liav-background);
    border: 1px solid var(--liav-border);
    border-radius: 24px;
    box-shadow:
        0 10px 30px rgba(15, 23, 42, 0.07),
        0 2px 8px rgba(15, 23, 42, 0.04);

    transition:
        transform 220ms ease,
        box-shadow 220ms ease,
        border-color 220ms ease;
}

.liav-formation-card:hover {
    transform: translateY(-5px);
    border-color: rgba(124, 58, 237, 0.3);
    box-shadow:
        0 22px 45px rgba(15, 23, 42, 0.12),
        0 4px 12px rgba(15, 23, 42, 0.06);
}


/* Image */

.liav-formation-card__visual {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #e8eaf2;
	margin-bottom: 10px;
}

.liav-formation-card__visual::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(10, 16, 32, 0) 45%,
            rgba(10, 16, 32, 0.48) 100%
        );
}

.liav-formation-card__visual picture,
.liav-formation-card__visual img {
    display: block;
    width: 100%;
    height: 100%;
}

.liav-formation-card__visual img {
    object-fit: cover;
    object-position: center;
    transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}

.liav-formation-card:hover .liav-formation-card__visual img {
    transform: scale(1.045);
}

.liav-formation-card__image-label {
    position: absolute;
    z-index: 1;
    right: 18px;
    bottom: 16px;

    padding: 7px 12px;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;

    background: rgba(15, 23, 42, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 999px;
    backdrop-filter: blur(8px);
}


/* Contenu */

.liav-formation-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 26px;
}

.liav-formation-card__category {
    align-self: flex-start;
    margin-bottom: 13px;
    padding: 7px 11px;

    color: var(--liav-accent-dark);
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.06em;
    text-transform: uppercase;

    background: rgba(124, 58, 237, 0.09);
    border-radius: 999px;
}

.liav-formation-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-bottom: 12px;

    color: var(--liav-text-soft);
    font-size: 0.86rem;
    font-weight: 600;
}

.liav-formation-card__title {
    margin: 0 0 14px;
    color: var(--liav-text);
    font-size: clamp(1.3rem, 2vw, 1.6rem);
    font-weight: 750;
    line-height: 1.2;
    text-wrap: balance;
}

.liav-formation-card__description {
    margin: 0 0 22px;
    color: var(--liav-text-soft);
    font-size: 0.98rem;
    line-height: 1.65;
}


/* Programme */

.liav-formation-card__program {
    margin-bottom: 25px;
}

.liav-formation-card__program-title {
    margin: 0 0 10px;
    color: var(--liav-text);
    font-size: 0.88rem;
    font-weight: 750;
}

.liav-formation-card__program ul {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.liav-formation-card__program li {
    position: relative;
    padding-left: 24px;
    color: var(--liav-text-soft);
    font-size: 0.9rem;
    line-height: 1.5;
}

.liav-formation-card__program li::before {
    content: "✓";
    position: absolute;
    top: 0;
    left: 0;

    color: var(--liav-accent);
    font-weight: 800;
}


/* Tarif et bouton */

.liav-formation-card__footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-top: auto;
    padding-top: 20px;

    border-top: 1px solid var(--liav-border);
}

.liav-formation-card__price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px;
    margin: 0;

    color: var(--liav-text-soft);
    font-size: 0.8rem;
}

.liav-formation-card__price strong {
    color: var(--liav-text);
    font-size: 1.08rem;
    font-weight: 800;
}

.liav-formation-card__button {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 8px;

    min-height: 44px;
    padding: 11px 17px;

    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;

    background: var(--liav-accent);
    border-radius: 12px;

    transition:
        background-color 180ms ease,
        transform 180ms ease;
}

.liav-formation-card__button:hover {
    color: #ffffff;
    background: var(--liav-accent-dark);
    transform: translateX(2px);
}

.liav-formation-card__button:focus-visible,
.liav-formation-card__visual:focus-visible {
    outline: 3px solid rgba(124, 58, 237, 0.4);
    outline-offset: 4px;
}


/* Responsive */

@media (max-width: 600px) {
    .liav-formation-card {
        border-radius: 19px;
    }

    .liav-formation-card__content {
        padding: 21px;
    }

    .liav-formation-card__footer {
        align-items: stretch;
        flex-direction: column;
    }

    .liav-formation-card__button {
        width: 100%;
    }
}


/* Respect des préférences d’accessibilité */

@media (prefers-reduced-motion: reduce) {
    .liav-formation-card,
    .liav-formation-card__visual img,
    .liav-formation-card__button {
        transition: none;
    }

    .liav-formation-card:hover,
    .liav-formation-card:hover .liav-formation-card__visual img {
        transform: none;
    }
}
        .glassmorphism {
            background: rgba(26, 26, 28, 0.75);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.05);
        }
        .text-glow {
            text-shadow: 0 0 15px rgba(255, 206, 27, 0.35);
        }
		.retrait {
            margin-left: 10px !important;
        }
        /* Custom scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #0B0B0C;
        }
        ::-webkit-scrollbar-thumb {
            background: #27272A;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #FFCE1B;
        }
		.hero h1 {
    margin: 0;
    max-width: 870px;
    font-size: clamp(2.75rem, 6.8vw, 3.75rem);
    line-height: .98;
    letter-spacing: -.064em;
}
    :root {
      --bg: #090909;
      --bg-soft: #111112;
      --surface: #171719;
      --surface-2: #1d1d20;
      --text: #f7f7f5;
      --muted: #aaaab2;
      --line: rgba(255,255,255,.10);
      --accent: #ffce1b;
      --accent-2: #f6b900;
      --accent-soft: rgba(255,206,27,.12);
      --success: #c8ff66;
      --radius: 22px;
      --shadow: 0 24px 80px rgba(0,0,0,.38);
      --container: 1180px;
    }

    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; scroll-padding-top: 24px; }
    body {
      margin: 0;
      color: var(--text);
      background:
        radial-gradient(circle at 78% 5%, rgba(255,206,27,.10), transparent 26rem),
        radial-gradient(circle at 8% 34%, rgba(255,206,27,.05), transparent 22rem),
        var(--bg);
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }
    img { max-width: 100%; display: block; }
    a { color: inherit; text-decoration: none; }
    button, a { -webkit-tap-highlight-color: transparent; }
    ::selection { background: var(--accent); color: #111; }

    .skip-link {
      position: fixed; left: 16px; top: -80px; z-index: 1000;
      padding: 12px 16px; border-radius: 12px; color: #111; background: var(--accent);
      font-weight: 800; transition: top .2s ease;
    }
    .skip-link:focus { top: 16px; }

    .container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
    .section { padding: 104px 20px; position: relative; }
    .section--compact { padding: 76px 0; }
    .section--surface {
      background: linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.012));
      border-block: 1px solid var(--line);
    }

    .eyebrow {
      display: inline-flex; align-items: center; gap: 9px;
      color: var(--accent); font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 850;
    }
    .eyebrow::before { content: ""; width: 26px; height: 2px; background: var(--accent); border-radius: 2px; }

    .section-head { max-width: 760px; margin-bottom: 42px; }
    .section-head h2 {
      margin: 13px 0 14px; font-size: clamp(2rem, 4vw, 2rem); line-height: 1.05; letter-spacing: -.045em;
    }
    .section-head p { margin: 0; color: var(--muted); font-size: 1.08rem; }
    .accent { color: var(--accent); }

    .site-header {
      position: sticky; top: 0; z-index: 100;
      border-bottom: 1px solid rgba(255,255,255,.08);
      background: rgba(9,9,9,.82); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
    }
    .nav-wrap { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
    .brand { display: inline-flex; align-items: center; flex-shrink: 0; }
    .brand img { width: 208px; height: auto; }
    .nav { display: flex; align-items: center; gap: 27px; }
    .nav a { color: #d7d7dc; font-size: .93rem; font-weight: 650; transition: color .2s ease; }
    .nav a:hover, .nav a:focus-visible { color: var(--accent); }
    .nav .nav-cta { color: #111; background: var(--accent); padding: 11px 18px; border-radius: 999px; font-weight: 850; }
    .nav .nav-cta:hover, .nav .nav-cta:focus-visible { color: #111; background: #ffe06b; }
    .menu-toggle {
      display: none; width: 46px; height: 46px; border-radius: 14px; border: 1px solid var(--line);
      background: var(--surface); color: var(--text); align-items: center; justify-content: center; cursor: pointer;
    }
    .menu-toggle svg { width: 22px; height: 22px; }

    .hero { padding: 104px 0 72px; overflow: clip; position: relative; }
    .hero::before {
      content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .17;
      background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
      background-size: 58px 58px; mask-image: linear-gradient(to bottom, black, transparent 70%);
    }
    .hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(310px, .75fr); gap: 72px; align-items: center; }
    .hero-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 24px; }
    .pill {
      display: inline-flex; align-items: center; gap: 8px; padding: 8px 13px; border-radius: 999px;
      border: 1px solid rgba(255,206,27,.35); background: var(--accent-soft); color: var(--accent);
      font-weight: 800; font-size: .78rem; letter-spacing: .035em; text-transform: uppercase;
    }
    .pill--subtle { border-color: var(--line); background: rgba(255,255,255,.04); color: #c3c3ca; }
    .hero h1 {
      margin: 0; max-width: 870px; font-size: clamp(2.75rem, 6.8vw, 3.75rem); line-height: .98; letter-spacing: -.064em;
    }
    .hero-lead { max-width: 790px; margin: 28px 0 0; color: #c3c3ca; font-size: clamp(1.05rem, 1.7vw, 1.3rem); }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 34px; }
    .btn {
      display: inline-flex; align-items: center; justify-content: center; gap: 10px;
      min-height: 52px; padding: 13px 21px; border-radius: 0.5rem; border: 1px solid transparent;
      font-weight: 850; transition: transform .2s ease, background .2s ease, border-color .2s ease;
    }
    .btn:hover { transform: translateY(-2px); }
    .btn-primary { color: #111; background: var(--accent); box-shadow: 0 12px 36px rgba(255,206,27,.14); }
    .btn-primary:hover { background: #ffe067; }
    .btn-secondary { color: var(--text); border-color: var(--line); background: rgba(255,255,255,.035); }
    .btn-secondary:hover { border-color: rgba(255,206,27,.45); background: rgba(255,206,27,.06); }
    .btn svg { width: 19px; height: 19px; }

    .hero-card {
      position: relative; border: 1px solid rgba(255,206,27,.2); border-radius: 28px;
      background: linear-gradient(145deg, rgba(255,206,27,.11), rgba(255,255,255,.025) 43%, rgba(255,255,255,.04));
      padding: 28px; box-shadow: var(--shadow); overflow: hidden;
    }
    .hero-card::after {
      content: ""; position: absolute; width: 190px; height: 190px; right: -85px; top: -85px;
      border-radius: 50%; background: var(--accent); filter: blur(85px); opacity: .12;
    }
    .hero-card-title { color: var(--muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 800; }
    .hero-card h2 { margin: 9px 0 22px; font-size: 1.55rem; line-height: 1.18; letter-spacing: -.025em; }
    .quick-list { display: grid; gap: 13px; }
    .quick-item { display: grid; grid-template-columns: 42px 1fr; gap: 13px; align-items: center; }
    .quick-icon {
      width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center;
      color: var(--accent); background: rgba(255,206,27,.09); border: 1px solid rgba(255,206,27,.17);
    }
    .quick-icon svg { width: 21px; height: 21px; }
    .quick-item strong { display: block; font-size: .98rem; }
    .quick-item span { display: block; color: var(--muted); font-size: .84rem; }
    .hero-card-foot { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); color: #c8c8ce; font-size: .9rem; }

    .metrics { padding: 0 0 70px; }
    .metrics-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
    .metric {
      min-height: 132px; padding: 24px; border: 1px solid var(--line); border-radius: 20px;
      background: linear-gradient(150deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
    }
    .metric strong { display: block; color: var(--accent); font-size: 1.8rem; line-height: 1.05; letter-spacing: -.04em; }
    .metric span { display: block; margin-top: 8px; color: var(--muted); font-size: .9rem; }

    .objective-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 22px; }
    .card {
      border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.028); padding: 30px;
    }
    .card--accent { background: linear-gradient(145deg, rgba(255,206,27,.12), rgba(255,255,255,.025)); border-color: rgba(255,206,27,.2); }
    .card-kicker { color: var(--accent); font-size: .78rem; font-weight: 850; text-transform: uppercase; letter-spacing: .12em; }
    .card h3 { margin: 10px 0 12px; font-size: 1.45rem; line-height: 1.18; letter-spacing: -.025em; }
    .card p { margin: 0; color: #c4c4cb; }
    .check-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 16px; }
    .check-list li { position: relative; padding-left: 38px; color: #e3e3e7; }
    .check-list li::before {
      content: "→"; position: absolute; left: 0; top: -2px; color: var(--accent); font-weight: 900; font-size: 1.3rem;
    }

    .modules { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .module {
      position: relative; overflow: hidden; min-height: 100%; border-radius: 24px; border: 1px solid var(--line);
      background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)); padding: 31px;
    }
    .module::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--accent); }
    .module-top { display: flex; justify-content: space-between; gap: 18px; align-items: center; }
    .module-number { color: var(--accent); font-size: .78rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 900; }
    .duration { padding: 7px 11px; border-radius: 999px; background: rgba(255,206,27,.1); color: var(--accent); font-weight: 850; font-size: .82rem; }
    .module h3 { margin: 16px 0 18px; font-size: 1.55rem; line-height: 1.2; letter-spacing: -.03em; }
    .module ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 13px; }
    .module li { color: #c8c8ce; padding-left: 24px; position: relative; }
    .module li::before { content: ""; position: absolute; left: 1px; top: .7em; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }

    .triptych { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
    .info-card { border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.026); padding: 28px; }
    .info-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; color: var(--accent); background: var(--accent-soft); margin-bottom: 18px; }
    .info-icon svg { width: 24px; height: 24px; }
    .info-card h3 { margin: 0 0 12px; font-size: 1.25rem; }
    .info-card p { margin: 0; color: var(--muted); }
    .info-card ul { list-style: none; padding: 0; margin: 15px 0 0; display: grid; gap: 9px; color: #cfcfd4; }
    .info-card li { padding-left: 18px; position: relative; }
    .info-card li::before { content: "•"; color: var(--accent); position: absolute; left: 0; }

    .audience-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 20px; }
    .accessibility { border: 1px solid rgba(255,206,27,.22); background: linear-gradient(145deg, rgba(255,206,27,.09), rgba(255,255,255,.025)); }
    .accessibility strong { color: var(--accent); }

    .pricing-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 900px; }
    .price-card { position: relative; border: 1px solid var(--line); border-radius: 26px; background: rgba(255,255,255,.028); padding: 31px; }
    .price-card.featured { border-color: rgba(255,206,27,.42); background: linear-gradient(145deg, rgba(255,206,27,.11), rgba(255,255,255,.025)); }
    .price-badge { position: absolute; top: 22px; right: 22px; padding: 6px 10px; border-radius: 999px; color: #111; background: var(--accent); font-size: .72rem; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }
    .price-type { color: var(--muted); font-size: .82rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
    .price { margin: 14px 0 8px; font-size: clamp(2.4rem, 5vw, 4rem); line-height: .95; letter-spacing: -.055em; font-weight: 900; }
    .price small { font-size: .95rem; letter-spacing: 0; color: var(--muted); font-weight: 650; }
    .price-card p { color: #c9c9cf; }
    .price-card .btn { width: 100%; margin-top: 14px; }
    .funding-note { color: var(--muted); font-size: .88rem; margin-top: 18px; max-width: 900px; }

    .cta-panel {
      position: relative; overflow: hidden; border: 1px solid rgba(255,206,27,.28); border-radius: 30px;
      background: linear-gradient(125deg, rgba(255,206,27,.17), rgba(255,255,255,.035) 50%, rgba(255,206,27,.05));
      padding: 50px; box-shadow: var(--shadow);
    }
    .cta-panel::after { content: ""; position: absolute; width: 340px; height: 340px; right: -150px; bottom: -210px; border-radius: 50%; background: var(--accent); filter: blur(95px); opacity: .18; }
    .cta-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: center; }
    .cta-panel h2 { margin: 0 0 11px; font-size: clamp(2rem, 4vw, 3.3rem); line-height: 1.04; letter-spacing: -.045em; }
    .cta-panel p { margin: 0; color: #d0d0d4; max-width: 690px; }
    .cta-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-end; }

    .faq { display: grid; gap: 12px; max-width: 900px; }
    details { border: 1px solid var(--line); border-radius: 17px; background: rgba(255,255,255,.025); overflow: clip; }
    summary { cursor: pointer; list-style: none; padding: 20px 56px 20px 22px; font-weight: 800; position: relative; }
    summary::-webkit-details-marker { display: none; }
    summary::after { content: "+"; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); color: var(--accent); font-size: 1.5rem; transition: transform .2s ease; }
    details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
    details p { margin: 0; padding: 0 22px 22px; color: var(--muted); }

    .site-footer { border-top: 1px solid var(--line); padding: 52px 0 28px; background: #070707; }
    .footer-grid { display: grid; grid-template-columns: 1.25fr .75fr .75fr; gap: 46px; }
    .footer-brand img { width: 205px; }
    .footer-brand p { max-width: 510px; margin: 18px 0 0; color: var(--muted); }
    .footer-col h3 { margin: 0 0 13px; font-size: .82rem; color: var(--accent); text-transform: uppercase; letter-spacing: .12em; }
    .footer-col a, .footer-col span { display: block; color: #c3c3c9; margin: 8px 0; }
    .footer-col a:hover { color: var(--accent); }
    .footer-bottom { display: flex; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); margin-top: 38px; padding-top: 24px; color: #86868e; font-size: .84rem; }

    .mobile-cta { display: none; }

	h1 { font-family: 'Montserrat', sans-serif !important; font-size: 3.75rem !important;     line-height: .98;
    letter-spacing: -.064em; padding-bottom: 0.5em; }
 h2 {font-family: 'Montserrat', sans-serif !important; font-size: 2em !important; line-height: 1em !important; padding-top: 0.5em; padding-bottom: 0.25em; letter-spacing: -.045em; }
	
	@media (min-width: 1536px) {
    .container {
        max-width: 1280px !important;
    }
}

    @media (max-width: 980px) {
      .menu-toggle { display: inline-flex; }
      .nav {
        display: none; position: absolute; top: 78px; left: 20px; right: 20px; flex-direction: column; align-items: stretch;
        gap: 4px; padding: 14px; border: 1px solid var(--line); border-radius: 18px; background: rgba(15,15,16,.98); box-shadow: var(--shadow);
      }
      .nav.is-open { display: flex; }
      .nav a { padding: 12px 13px; border-radius: 11px; }
      .nav .nav-cta { text-align: center; margin-top: 5px; }
      .hero { padding-top: 82px; }
      .hero-grid, .objective-grid, .audience-grid, .cta-inner { grid-template-columns: 1fr; }
      .hero-card { max-width: 680px; }
      .triptych { grid-template-columns: 1fr; }
      .cta-actions { justify-content: flex-start; }
      .footer-grid { grid-template-columns: 1fr 1fr; }
      .footer-brand { grid-column: 1 / -1; }
    }

    @media (max-width: 720px) {
      .container { width: min(calc(100% - 28px), var(--container)); }
      .section { padding: 78px 20px; }
      .section--compact { padding: 60px 20px; }
      .brand img { width: 184px; }
      .hero { padding: 68px 20px 52px; }
      .hero-grid { gap: 38px; }
      .hero h1 { font-size: clamp(2.6rem, 13vw, 4.5rem); }
      .hero-lead { font-size: 1.04rem; }
      .hero-actions .btn { width: 100%; }
      .hero-card { padding: 23px; }
      .metrics { padding-bottom: 52px; }
      .metrics-grid { grid-template-columns: repeat(2, 1fr); }
      .metric { min-height: 112px; padding: 20px; }
      .modules, .pricing-grid { grid-template-columns: 1fr; }
      .card, .module, .info-card, .price-card { padding: 24px; }
      .cta-panel { padding: 32px 24px; }
      .cta-actions, .cta-actions .btn { width: 100%; }
      .footer-grid { grid-template-columns: 1fr; gap: 28px; }
      .footer-brand { grid-column: auto; }
      .footer-bottom { flex-direction: column; }
      .mobile-cta {
        display: block; position: fixed; left: 14px; right: 14px; bottom: 14px; z-index: 80;
        color: #111; background: var(--accent); padding: 13px 18px; border-radius: 999px; text-align: center; font-weight: 900;
        box-shadow: 0 12px 40px rgba(0,0,0,.45);
      }
      body { padding-bottom: 72px; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
    }

/* =========================================================
   Styles de contenu : a-propos.html
   Activation : URL canonique, avec data-page en secours
   ========================================================= */


    :is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])){--gold:#ffce1b;--gold2:#ffe169;--ink:#0a0a0a;--ink2:#111214;--panel:#17181b;--panel2:#202126;--line:rgba(255,255,255,.1);--text:#f7f7f5;--muted:#b7b9c0;--radius:20px;--shadow:0 20px 60px rgba(0,0,0,.35);--max:1180px}
    :is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) *{box-sizing:border-box}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])){scroll-behavior:smooth;scroll-padding-top:90px}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) body{margin:0;background:var(--ink);color:var(--text);font-family:"Inter",Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) body::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 50% 0,rgba(255,206,27,.075),transparent 38%),linear-gradient(180deg,#0a0a0a,#0c0c0e 60%,#080808)}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) a{color:#OBOBOC;text-decoration:none}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) img,:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) svg{display:block;max-width:100%}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) button{font:inherit;cursor:pointer}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) :focus-visible{outline:3px solid var(--gold);outline-offset:3px}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) ::selection{background:var(--gold);color:#111}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .skip-link{position:fixed;top:10px;left:10px;z-index:9999;padding:.7rem 1rem;background:var(--gold);color:#111;font-weight:800;border-radius:10px;transform:translateY(-150%)}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .skip-link:focus{transform:none}
    :is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .topbar{padding:.58rem 1rem;text-align:center;background:#1A1A1CBF;border-bottom:1px solid rgba(255,206,27,.22);font-size:.76rem;font-weight:600;letter-spacing:.025em;color:#e8e8e8}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .topbar span{display:inline-flex;align-items:center;gap:.55rem}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .topbar i{width:7px;height:7px;border-radius:50%;background:var(--gold)}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .site-header{position:sticky;top:0;z-index:100;background:#1A1A1CBF;border-bottom:1px solid rgba(255,255,255,.08)}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .brand{flex:0 0 auto}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .brand img{width:300px;height:auto}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .main-nav{display:flex;align-items:center;justify-content:flex-end;gap:1.1rem}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .main-nav a{font-family:"Inter",Arial,sans-serif;font-size:.78rem;font-weight:600;color:#f2f2f2;white-space:nowrap;transition:.2s}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .main-nav a:hover,:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .main-nav a[aria-current="page"]{color:var(--gold)}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .nav-cta,:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-weight:700;line-height:1.2;transition:.18s}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .nav-cta{padding:.8rem 1rem;background:var(--gold);color:#080808!important;border-radius:8px}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .nav-cta:hover,:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .btn-primary:hover{transform:translateY(-2px);background:var(--gold2)}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .menu-toggle{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#111;color:#fff;align-items:center;justify-content:center}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .menu-toggle span,:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .menu-toggle span::before,:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .menu-toggle span::after{display:block;width:21px;height:2px;background:currentColor;position:relative;transition:.2s}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .menu-toggle span::before,:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .menu-toggle span::after{content:"";position:absolute;left:0}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .menu-toggle span::before{top:-7px}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .menu-toggle span::after{top:7px}
    :is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) h1,:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) h2,:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) h3,:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) h4{margin:0.5em 0;font-family:"Montserrat",Arial,sans-serif;line-height:1.15;letter-spacing:-.02em}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) h1{font-size:clamp(2.35rem,5vw,2.5rem);font-weight:700;max-width:980px}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) h2{font-size:clamp(1.85rem,3.2vw,2rem);font-weight:700}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) h3{font-size:clamp(1.15rem,1.6vw,1.35rem);font-weight:600}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) h4{font-weight:600}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .accent{color:var(--gold)}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .eyebrow{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .75rem;border:1px solid rgba(255,206,27,.28);border-radius:999px;background:rgba(255,206,27,.07);font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
    :is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .about-hero{position:relative;overflow:hidden;padding:7rem 0 5.5rem;border-bottom:1px solid rgba(255,255,255,.04)}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .about-hero::before{content:"";position:absolute;inset:0;background:none}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .about-hero::after{}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:end}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .hero-copy p{font-size:clamp(1.05rem,2vw,1.25rem);color:#d0d1d5;max-width:760px;margin:1.5rem 0 2rem}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .hero-note{padding:1.5rem;border:1px solid rgba(255,206,27,.25);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,206,27,.08),rgba(255,255,255,.025));box-shadow:var(--shadow)}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .hero-note strong{display:block;font:600 1.5rem/1 Montserrat,Arial,sans-serif;color:var(--gold);margin-bottom:.7rem}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .hero-note p{margin:0;color:#d5d6da}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .btn{min-height:52px;padding:.95rem 1.25rem;border:1px solid transparent}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .btn-primary{background:var(--gold);color:#111;     border-radius: 0.75rem;}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .btn-secondary{background:rgba(255,255,255,.05);border-color:var(--line);color:#fff;     border-radius: 0.75rem;}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .actions{display:flex;flex-wrap:wrap;gap:.8rem}
    :is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .section{padding:3rem 0}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .section.alt{background:rgba(255,255,255,.018);border-block:1px solid rgba(255,255,255,.04)}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .section-head{max-width:780px;margin:0 auto 3rem;text-align:center}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .section-head p{color:var(--muted);font-size:1.05rem}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .section-kicker{display:block;margin-bottom:.7rem;color:var(--gold);font-size:.75rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .card{padding:1.55rem;background:linear-gradient(180deg,rgba(29,30,34,.96),rgba(19,20,23,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 45px rgba(0,0,0,.18)}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .card:hover{border-color:rgba(255,206,27,.32)}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .number{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:rgba(255,206,27,.1);color:var(--gold);border:1px solid rgba(255,206,27,.18);font-weight:900;margin-bottom:1rem}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .card p{color:var(--muted);margin-bottom:0}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .split{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:center}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .manifesto{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;line-height:1.35}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .manifesto em{color:var(--gold);font-style:normal}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .check-list{display:grid;gap:.85rem;margin:1.5rem 0 0;padding:0;list-style:none}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .check-list li{position:relative;padding-left:1.55rem;color:#d3d4d8}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .check-list li::before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:900}
    :is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .profile{display:grid;grid-template-columns:.72fr 1.28fr;gap:2rem;align-items:stretch}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .profile-aside{position:relative;overflow:hidden;min-height:520px;padding:2rem;border-radius:var(--radius);background:none;border:1px solid rgba(255,206,27,.2);display:flex;flex-direction:column;justify-content:flex-top}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .profile-aside::before{}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .profile-aside .role{color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .profile-aside h2{font-size:clamp(2.2rem,5vw,2rem);margin:.35rem 0}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .profile-aside p{color:#c9cbd0}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .profile-body{display:grid;gap:1rem}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .profile-card{padding:1.5rem;border-radius:var(--radius);background:#131416;border:1px solid var(--line)}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .profile-card h3{margin-bottom:.5rem}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .profile-card p{margin:0;color:var(--muted)}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .expertise-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .tag{padding:.45rem .7rem;border-radius:999px;border:1px solid rgba(255,206,27,.2);background:rgba(255,206,27,.06);font-size:.75rem;font-weight:750;color:#e4e4e5}
    :is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .cta{padding:2.2rem;border-radius:26px;border:1px solid rgba(255,206,27,.26);background:radial-gradient(circle at 90% 0,rgba(255,206,27,.13),transparent 35%),#131416;display:flex;align-items:center;justify-content:space-between;gap:2rem}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .cta p{color:var(--muted);margin:.7rem 0 0;max-width:720px}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .site-footer{padding:2rem 0 1.35rem;background:#050505;border-top:3px solid var(--gold)}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .footer-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;padding-bottom:2.2rem;border-bottom:1px solid rgba(255,255,255,.1)}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .footer-intro-copy{max-width:690px}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .footer-intro-copy h3{font-size:clamp(1.5rem,2.5vw,2.25rem);margin-bottom:.45rem}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .footer-intro-copy p{margin:0;color:#b9b9bd}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .footer-logo img{width:300px;margin-top:1em}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .footer-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:2.5rem;padding:2.4rem 0}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .footer-col h4{font-size:1rem;margin-bottom:1rem;color:#fff}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .footer-col ul{list-style:none;padding:0;margin:0;display:grid;gap:.58rem}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .footer-col a,:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .footer-col li{color:#aeb0b7;font-size:.84rem}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .footer-col a:hover{color:var(--gold)}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .footer-cert{padding:1.2rem;border:1px solid rgba(255,206,27,.22);background:#0d0d0d}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .footer-cert strong{display:block;color:var(--gold);margin-bottom:.55rem}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .footer-cert p{margin:.35rem 0;color:#b8bac0;font-size:.82rem}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .footer-bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.1);font-size:.76rem;color:#8f9198}
    @media(max-width:1100px){:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .main-nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:1rem 20px 1.4rem;background:#0a0a0a;border-bottom:1px solid var(--line)}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .main-nav.open{display:flex}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .menu-toggle{display:flex}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .hero-grid,:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .split,:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .profile{grid-template-columns:1fr}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .grid-3{grid-template-columns:1fr}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .hero-note{max-width:560px}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .footer-grid{grid-template-columns:1fr 1fr}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .footer-intro{flex-direction:column}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .profile-aside{min-height:390px}}
    @media(max-width:640px){:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .container{width:min(var(--max),calc(100% - 28px))}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .topbar{font-size:.69rem}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .brand img{width:190px}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .about-hero{padding:5.2rem 0 4rem}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .section{padding:4.5rem 0}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .footer-grid{grid-template-columns:1fr}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .cta{align-items:flex-start;flex-direction:column}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .actions{width:100%}:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .actions .btn{width:100%}}
  

    :is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .liaventeur-shell-host{display:block;width:100%;position:relative;z-index:120}
    :is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .liaventeur-shell-host[data-shell="header"]{z-index:200}
    :is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .liaventeur-shell-loader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
    :is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .liaventeur-shell-fallback{display:block}
    @media (prefers-reduced-motion:reduce){:is(html[data-page="a-propos"],html:has(link[rel="canonical"][href$="/a-propos.html"])) .liaventeur-shell-host *{scroll-behavior:auto!important}}

/* =========================================================
   Styles de contenu : decouvrir-ia-generative-dans-votre-entreprise.html
   Activation : URL canonique, avec data-page en secours
   ========================================================= */


  	/* =========================================================
   Carte formation avec image — L'IAventeur
   ========================================================= */

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card {
    --liav-accent: #7c3aed;
    --liav-accent-dark: #5b21b6;
    --liav-text: #172033;
    --liav-text-soft: #5e687a;
    --liav-border: rgba(23, 32, 51, 0.12);
    --liav-background: #ffffff;

    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;

    background: var(--liav-background);
    border: 1px solid var(--liav-border);
    border-radius: 24px;
    box-shadow:
        0 10px 30px rgba(15, 23, 42, 0.07),
        0 2px 8px rgba(15, 23, 42, 0.04);

    transition:
        transform 220ms ease,
        box-shadow 220ms ease,
        border-color 220ms ease;
}

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card:hover {
    transform: translateY(-5px);
    border-color: rgba(124, 58, 237, 0.3);
    box-shadow:
        0 22px 45px rgba(15, 23, 42, 0.12),
        0 4px 12px rgba(15, 23, 42, 0.06);
}


/* Image */

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__visual {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #e8eaf2;
	margin-bottom: 10px;
}

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__visual::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(10, 16, 32, 0) 45%,
            rgba(10, 16, 32, 0.48) 100%
        );
}

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__visual picture,:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__visual img {
    display: block;
    width: 100%;
    height: 100%;
}

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__visual img {
    object-fit: cover;
    object-position: center;
    transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card:hover .liav-formation-card__visual img {
    transform: scale(1.045);
}

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__image-label {
    position: absolute;
    z-index: 1;
    right: 18px;
    bottom: 16px;

    padding: 7px 12px;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;

    background: rgba(15, 23, 42, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 999px;
    backdrop-filter: blur(8px);
}


/* Contenu */

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 26px;
}

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__category {
    align-self: flex-start;
    margin-bottom: 13px;
    padding: 7px 11px;

    color: var(--liav-accent-dark);
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.06em;
    text-transform: uppercase;

    background: rgba(124, 58, 237, 0.09);
    border-radius: 999px;
}

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-bottom: 12px;

    color: var(--liav-text-soft);
    font-size: 0.86rem;
    font-weight: 600;
}

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__title {
    margin: 0 0 14px;
    color: var(--liav-text);
    font-size: clamp(1.3rem, 2vw, 1.6rem);
    font-weight: 750;
    line-height: 1.2;
    text-wrap: balance;
}

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__description {
    margin: 0 0 22px;
    color: var(--liav-text-soft);
    font-size: 0.98rem;
    line-height: 1.65;
}


/* Programme */

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__program {
    margin-bottom: 25px;
}

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__program-title {
    margin: 0 0 10px;
    color: var(--liav-text);
    font-size: 0.88rem;
    font-weight: 750;
}

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__program ul {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__program li {
    position: relative;
    padding-left: 24px;
    color: var(--liav-text-soft);
    font-size: 0.9rem;
    line-height: 1.5;
}

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__program li::before {
    content: "✓";
    position: absolute;
    top: 0;
    left: 0;

    color: var(--liav-accent);
    font-weight: 800;
}


/* Tarif et bouton */

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-top: auto;
    padding-top: 20px;

    border-top: 1px solid var(--liav-border);
}

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px;
    margin: 0;

    color: var(--liav-text-soft);
    font-size: 0.8rem;
}

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__price strong {
    color: var(--liav-text);
    font-size: 1.08rem;
    font-weight: 800;
}

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__button {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 8px;

    min-height: 44px;
    padding: 11px 17px;

    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;

    background: var(--liav-accent);
    border-radius: 12px;

    transition:
        background-color 180ms ease,
        transform 180ms ease;
}

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__button:hover {
    color: #ffffff;
    background: var(--liav-accent-dark);
    transform: translateX(2px);
}

:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__button:focus-visible,:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__visual:focus-visible {
    outline: 3px solid rgba(124, 58, 237, 0.4);
    outline-offset: 4px;
}


/* Responsive */

@media (max-width: 600px) {
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card {
        border-radius: 19px;
    }

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__content {
        padding: 21px;
    }

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__footer {
        align-items: stretch;
        flex-direction: column;
    }

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__button {
        width: 100%;
    }
}


/* Respect des préférences d’accessibilité */

@media (prefers-reduced-motion: reduce) {
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card,:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__visual img,:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__button {
        transition: none;
    }

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card:hover,:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card:hover .liav-formation-card__visual img {
        transform: none;
    }
}

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) {
      --bg: #090909;
      --bg-soft: #111112;
      --surface: #171719;
      --surface-2: #1d1d20;
      --text: #f7f7f5;
      --muted: #aaaab2;
      --line: rgba(255,255,255,.10);
      --accent: #ffce1b;
      --accent-2: #f6b900;
      --accent-soft: rgba(255,206,27,.12);
      --success: #c8ff66;
      --radius: 22px;
      --shadow: 0 24px 80px rgba(0,0,0,.38);
      --container: 1180px;
    }

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) *,:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) *::before,:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) *::after { box-sizing: border-box; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) { scroll-behavior: smooth; scroll-padding-top: 24px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) body {
      margin: 0;
      color: var(--text);
      background:
        radial-gradient(circle at 78% 5%, rgba(255,206,27,.10), transparent 26rem),
        radial-gradient(circle at 8% 34%, rgba(255,206,27,.05), transparent 22rem),
        var(--bg);
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) img { max-width: 100%; display: block; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) a { color: #OBOBOC; text-decoration: none; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) button,:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) a { -webkit-tap-highlight-color: transparent; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) ::selection { background: var(--accent); color: #111; }

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .skip-link {
      position: fixed; left: 16px; top: -80px; z-index: 1000;
      padding: 12px 16px; border-radius: 12px; color: #111; background: var(--accent);
      font-weight: 800; transition: top .2s ease;
    }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .skip-link:focus { top: 16px; }

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .section { padding: 104px 20px; position: relative; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .section--compact { padding: 76px 0; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .section--surface {
      background: linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.012));
      border-block: 0px solid var(--line);
    }

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .eyebrow {
      display: inline-flex; align-items: center; gap: 9px;
      color: var(--accent); font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 850;
    }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .eyebrow::before { content: ""; width: 26px; height: 2px; background: var(--accent); border-radius: 2px; }

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .section-head { max-width: 760px; margin-bottom: 42px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .section-head h2 {
      margin: 13px 0 14px; font-size: clamp(2rem, 4vw, 2rem); line-height: 1.05; letter-spacing: -.045em;
    }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .section-head p { margin: 0; color: var(--muted); font-size: 1.08rem; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .accent { color: var(--accent); }

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .site-header {
      position: sticky; top: 0; z-index: 100;
      border-bottom: 1px solid rgba(255,255,255,.08);
      background: rgba(9,9,9,.82); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
    }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .nav-wrap { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .brand { display: inline-flex; align-items: center; flex-shrink: 0; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .brand img { width: 208px; height: auto; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .nav { display: flex; align-items: center; gap: 27px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .nav a { color: #d7d7dc; font-size: .93rem; font-weight: 650; transition: color .2s ease; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .nav a:hover,:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .nav a:focus-visible { color: var(--accent); }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .nav .nav-cta { color: #111; background: var(--accent); padding: 11px 18px; border-radius: 999px; font-weight: 850; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .nav .nav-cta:hover,:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .nav .nav-cta:focus-visible { color: #111; background: #ffe06b; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .menu-toggle {
      display: none; width: 46px; height: 46px; border-radius: 14px; border: 1px solid var(--line);
      background: var(--surface); color: var(--text); align-items: center; justify-content: center; cursor: pointer;
    }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .menu-toggle svg { width: 22px; height: 22px; }

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .hero { padding: 104px 20px 72px; overflow: clip; position: relative; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .hero::before {
      content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .17;
      background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
      background-size: 58px 58px; mask-image: linear-gradient(to bottom, black, transparent 70%);
    }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(310px, .75fr); gap: 72px; align-items: center; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .hero-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 24px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .pill {
      display: inline-flex; align-items: center; gap: 8px; padding: 8px 13px; border-radius: 999px;
      border: 1px solid rgba(255,206,27,.35); background: var(--accent-soft); color: var(--accent);
      font-weight: 800; font-size: .78rem; letter-spacing: .035em; text-transform: uppercase;
    }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .pill--subtle { border-color: var(--line); background: rgba(255,255,255,.04); color: #c3c3ca; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .hero h1 {
      margin: 0; max-width: 870px; font-size: clamp(2.75rem, 6.8vw, 3.75rem); line-height: .98; letter-spacing: -.064em;
    }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .hero-lead { max-width: 790px; margin: 28px 0 0; color: #c3c3ca; font-size: clamp(1.05rem, 1.7vw, 1.3rem); }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 34px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .btn {
      display: inline-flex; align-items: center; justify-content: center; gap: 10px;
      min-height: 52px; padding: 13px 21px; border-radius: 0.5rem !important; border: 1px solid transparent;
      font-weight: 850; transition: transform .2s ease, background .2s ease, border-color .2s ease;
    }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .btn:hover { transform: translateY(-2px); }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .btn-primary { color: #111; background: var(--accent); box-shadow: 0 12px 36px rgba(255,206,27,.14); }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .btn-primary:hover { background: #ffe067; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .btn-secondary { color: var(--text); border-color: var(--line); background: rgba(255,255,255,.035); }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .btn-secondary:hover { border-color: rgba(255,206,27,.45); background: rgba(255,206,27,.06); }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .btn svg { width: 19px; height: 19px; }

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .hero-card {
      position: relative; border: 1px solid rgba(255,206,27,.2); border-radius: 28px;
      background: linear-gradient(145deg, rgba(255,206,27,.11), rgba(255,255,255,.025) 43%, rgba(255,255,255,.04));
      padding: 28px; box-shadow: var(--shadow); overflow: hidden;
    }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .hero-card::after {
      content: ""; position: absolute; width: 190px; height: 190px; right: -85px; top: -85px;
      border-radius: 50%; background: var(--accent); filter: blur(85px); opacity: .12;
    }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .hero-card-title { color: var(--muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 800; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .hero-card h2 { margin: 9px 0 22px; font-size: 1.55rem; line-height: 1.18; letter-spacing: -.025em; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .quick-list { display: grid; gap: 13px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .quick-item { display: grid; grid-template-columns: 42px 1fr; gap: 13px; align-items: center; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .quick-icon {
      width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center;
      color: var(--accent); background: rgba(255,206,27,.09); border: 1px solid rgba(255,206,27,.17);
    }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .quick-icon svg { width: 21px; height: 21px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .quick-item strong { display: block; font-size: .98rem; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .quick-item span { display: block; color: var(--muted); font-size: .84rem; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .hero-card-foot { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); color: #c8c8ce; font-size: .9rem; }

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .metrics { padding: 0 0 70px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .metrics-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .metric {
      min-height: 132px; padding: 24px; border: 1px solid var(--line); border-radius: 20px;
      background: linear-gradient(150deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
    }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .metric strong { display: block; color: var(--accent); font-size: 1.8rem; line-height: 1.05; letter-spacing: -.04em; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .metric span { display: block; margin-top: 8px; color: var(--muted); font-size: .9rem; }

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .objective-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 22px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .card {
      border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.028); padding: 30px;
    }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .card--accent { background: linear-gradient(145deg, rgba(255,206,27,.12), rgba(255,255,255,.025)); border-color: rgba(255,206,27,.2); }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .card-kicker { color: var(--accent); font-size: .78rem; font-weight: 850; text-transform: uppercase; letter-spacing: .12em; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .card h3 { margin: 10px 0 12px; font-size: 1.45rem; line-height: 1.18; letter-spacing: -.025em; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .card p { margin: 0; color: #c4c4cb; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .check-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 16px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .check-list li { position: relative; padding-left: 38px; color: #e3e3e7; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .check-list li::before {
      content: "→"; position: absolute; left: 0; top: -2px; color: var(--accent); font-weight: 900; font-size: 1.3rem;
    }

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .modules { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .module {
      position: relative; overflow: hidden; min-height: 100%; border-radius: 24px; border: 1px solid var(--line);
      background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)); padding: 31px;
    }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .module::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--accent); }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .module-top { display: flex; justify-content: space-between; gap: 18px; align-items: center; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .module-number { color: var(--accent); font-size: .78rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 900; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .duration { padding: 7px 11px; border-radius: 999px; background: rgba(255,206,27,.1); color: var(--accent); font-weight: 850; font-size: .82rem; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .module h3 { margin: 16px 0 18px; font-size: 1.55rem; line-height: 1.2; letter-spacing: -.03em; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .module ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 13px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .module li { color: #c8c8ce; padding-left: 24px; position: relative; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .module li::before { content: ""; position: absolute; left: 1px; top: .7em; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .triptych { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .info-card { border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.026); padding: 28px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .info-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; color: var(--accent); background: var(--accent-soft); margin-bottom: 18px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .info-icon svg { width: 24px; height: 24px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .info-card h3 { margin: 0 0 12px; font-size: 1.25rem; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .info-card p { margin: 0; color: var(--muted); }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .info-card ul { list-style: none; padding: 0; margin: 15px 0 0; display: grid; gap: 9px; color: #cfcfd4; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .info-card li { padding-left: 18px; position: relative; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .info-card li::before { content: "•"; color: var(--accent); position: absolute; left: 0; }

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .audience-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 20px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .accessibility { border: 1px solid rgba(255,206,27,.22); background: linear-gradient(145deg, rgba(255,206,27,.09), rgba(255,255,255,.025)); }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .accessibility strong { color: var(--accent); }

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .pricing-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 900px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .price-card { position: relative; border: 1px solid var(--line); border-radius: 26px; background: rgba(255,255,255,.028); padding: 31px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .price-card.featured { border-color: rgba(255,206,27,.42); background: linear-gradient(145deg, rgba(255,206,27,.11), rgba(255,255,255,.025)); }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .price-badge { position: absolute; top: 22px; right: 22px; padding: 6px 10px; border-radius: 999px; color: #111; background: var(--accent); font-size: .72rem; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .price-type { color: var(--muted); font-size: .82rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .price { margin: 14px 0 8px; font-size: clamp(2.4rem, 5vw, 4rem); line-height: .95; letter-spacing: -.055em; font-weight: 900; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .price small { font-size: .95rem; letter-spacing: 0; color: var(--muted); font-weight: 650; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .price-card p { color: #c9c9cf; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .price-card .btn { width: 100%; margin-top: 14px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .funding-note { color: var(--muted); font-size: .88rem; margin-top: 18px; max-width: 900px; }

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .cta-panel {
      position: relative; overflow: hidden; border: 1px solid rgba(255,206,27,.28); border-radius: 30px;
      background: linear-gradient(125deg, rgba(255,206,27,.17), rgba(255,255,255,.035) 50%, rgba(255,206,27,.05));
      padding: 50px; box-shadow: var(--shadow);
    }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .cta-panel::after { content: ""; position: absolute; width: 340px; height: 340px; right: -150px; bottom: -210px; border-radius: 50%; background: var(--accent); filter: blur(95px); opacity: .18; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .cta-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: center; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .cta-panel h2 { margin: 0 0 11px; font-size: clamp(2rem, 4vw, 3.3rem); line-height: 1.04; letter-spacing: -.045em; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .cta-panel p { margin: 0; color: #d0d0d4; max-width: 690px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .cta-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-end; }

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .faq { display: grid; gap: 12px; max-width: 900px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) details { border: 1px solid var(--line); border-radius: 17px; background: rgba(255,255,255,.025); overflow: clip; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) summary { cursor: pointer; list-style: none; padding: 20px 56px 20px 22px; font-weight: 800; position: relative; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) summary::-webkit-details-marker { display: none; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) summary::after { content: "+"; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); color: var(--accent); font-size: 1.5rem; transition: transform .2s ease; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) details p { margin: 0; padding: 0 22px 22px; color: var(--muted); }

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .site-footer { border-top: 1px solid var(--line); padding: 52px 0 28px; background: #070707; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .footer-grid { display: grid; grid-template-columns: 1.25fr .75fr .75fr; gap: 46px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .footer-brand img { width: 205px; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .footer-brand p { max-width: 510px; margin: 18px 0 0; color: var(--muted); }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .footer-col h3 { margin: 0 0 13px; font-size: .82rem; color: var(--accent); text-transform: uppercase; letter-spacing: .12em; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .footer-col a,:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .footer-col span { display: block; color: #c3c3c9; margin: 8px 0; }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .footer-col a:hover { color: var(--accent); }
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .footer-bottom { display: flex; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); margin-top: 38px; padding-top: 24px; color: #86868e; font-size: .84rem; }

    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .mobile-cta { display: none; }

	:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) h1,:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) h2 { font-family: 'Montserrat', sans-serif !important; }
	:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) h1 { font-size: 4.5rem; padding-top: 0.5rem;}
	
	@media (min-width: 1536px) {
    :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .container {
        max-width: 1280px !important;
    }
}

    @media (max-width: 980px) {
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .menu-toggle { display: inline-flex; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .nav {
        display: none; position: absolute; top: 78px; left: 20px; right: 20px; flex-direction: column; align-items: stretch;
        gap: 4px; padding: 14px; border: 1px solid var(--line); border-radius: 18px; background: rgba(15,15,16,.98); box-shadow: var(--shadow);
      }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .nav.is-open { display: flex; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .nav a { padding: 12px 13px; border-radius: 11px; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .nav .nav-cta { text-align: center; margin-top: 5px; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .hero { padding-top: 82px; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .hero-grid,:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .objective-grid,:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .audience-grid,:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .cta-inner { grid-template-columns: 1fr; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .hero-card { max-width: 680px; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .triptych { grid-template-columns: 1fr; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .cta-actions { justify-content: flex-start; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .footer-grid { grid-template-columns: 1fr 1fr; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .footer-brand { grid-column: 1 / -1; }
    }

    @media (max-width: 720px) {
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .container { width: min(calc(100% - 28px), var(--container)); }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .section { padding: 78px 20px; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .section--compact { padding: 60px 20px; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .brand img { width: 184px; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .hero { padding: 68px 20px 52px; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .hero-grid { gap: 38px; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .hero h1 { font-size: clamp(2.6rem, 13vw, 4.5rem); }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .hero-lead { font-size: 1.04rem; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .hero-actions .btn { width: 100%; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .hero-card { padding: 23px; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .metrics { padding-bottom: 52px; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .metrics-grid { grid-template-columns: repeat(2, 1fr); }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .metric { min-height: 112px; padding: 20px; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .modules,:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .pricing-grid { grid-template-columns: 1fr; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .card,:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .module,:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .info-card,:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .price-card { padding: 24px; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .cta-panel { padding: 32px 24px; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .cta-actions,:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .cta-actions .btn { width: 100%; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .footer-grid { grid-template-columns: 1fr; gap: 28px; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .footer-brand { grid-column: auto; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .footer-bottom { flex-direction: column; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .mobile-cta {
        display: block; position: fixed; left: 14px; right: 14px; bottom: 14px; z-index: 80;
        color: #111; background: var(--accent); padding: 13px 18px; border-radius: 999px; text-align: center; font-weight: 900;
        box-shadow: 0 12px 40px rgba(0,0,0,.45);
      }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) body { padding-bottom: 72px; }
    }

    @media (prefers-reduced-motion: reduce) {
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) { scroll-behavior: auto; }
      :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) *,:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) *::before,:is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) *::after { transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
    }
  

        :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .glassmorphism {
            background: rgba(26, 26, 28, 0.75);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.05);
        }
        :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) .text-glow {
            text-shadow: 0 0 15px rgba(255, 206, 27, 0.35);
        }
        /* Custom scrollbar */
        :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) ::-webkit-scrollbar {
            width: 8px;
        }
        :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) ::-webkit-scrollbar-track {
            background: #0B0B0C;
        }
        :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) ::-webkit-scrollbar-thumb {
            background: #27272A;
            border-radius: 4px;
        }
        :is(html[data-page="decouvrir-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/decouvrir-ia-generative-dans-votre-entreprise.html"])) ::-webkit-scrollbar-thumb:hover {
            background: #FFCE1B;
        }

/* =========================================================
   Styles de contenu : formation-ia-marketing-communication.html
   Activation : URL canonique, avec data-page en secours
   ========================================================= */


    :is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])){--bg:#090909;--surface:#111113;--surface2:#171719;--text:#f5f5f5;--muted:#a7a7af;--line:rgba(255,255,255,.10);--accent:#ffce1b;--accent-soft:rgba(255,206,27,.10);--radius:22px;--shadow:0 24px 80px rgba(0,0,0,.38);--container:1280px}
    :is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) *,:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) *::before,:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) *::after{box-sizing:border-box}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])){scroll-behavior:smooth;scroll-padding-top:90px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) body{margin:0;color:var(--text);background:radial-gradient(circle at 78% 5%,rgba(255,206,27,.10),transparent 26rem),radial-gradient(circle at 8% 34%,rgba(255,206,27,.05),transparent 22rem),var(--bg);font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) img{max-width:100%;display:block}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) a{color:inherit;text-decoration:none}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) button,:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) a{-webkit-tap-highlight-color:transparent}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) ::selection{background:var(--accent);color:#111}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .section{padding:104px 20px;position:relative}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .section--compact{padding:76px 20px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .section--surface{background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012));border-block:1px solid rgba(255,255,255,.04)}
    :is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .topbar{background:linear-gradient(90deg,#090909,#181817,#090909);padding:10px 18px;text-align:center;font-size:.74rem;font-weight:700;letter-spacing:.045em;border-bottom:1px solid rgba(255,206,27,.16)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .topbar span{display:inline-flex;align-items:center;gap:9px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(255,206,27,.08)}
    :is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .site-header{position:sticky;top:0;z-index:100;background:rgba(9,9,9,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .nav-wrap{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .brand img{width:300px;height:auto}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .nav{display:flex;align-items:center;gap:28px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .nav a{color:#d7d7dc;font-size:.9rem;font-weight:650;transition:.2s}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .nav a:hover,:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .nav a:focus-visible{color:var(--accent)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .nav .nav-cta{color:#111;background:var(--accent);padding:11px 18px;border-radius:8px;font-weight:850}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .menu-toggle{display:none;width:46px;height:46px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:1.3rem;cursor:pointer}
    :is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--accent);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .eyebrow::before{content:"";width:26px;height:2px;background:var(--accent)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) h1,:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) h2,:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) h3{font-family:Montserrat,sans-serif; font-weight:400;}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .accent{color:var(--accent)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .section-head{max-width:780px;margin-bottom:42px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .section-head h2{margin:13px 0 14px;font-size:clamp(2rem,4vw,2rem);line-height:1.05;letter-spacing:-.045em}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .section-head p{margin:0;color:var(--muted);font-size:1.08rem}
    :is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .hero{padding:100px 20px 72px;overflow:hidden;position:relative}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .hero::before{content:"";position:absolute;inset:0;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 72%)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:72px;align-items:center}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .hero-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .pill{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;border:1px solid rgba(255,206,27,.35);background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:.75rem;letter-spacing:.035em;text-transform:uppercase}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .pill--subtle{border-color:var(--line);background:rgba(255,255,255,.04);color:#c3c3ca}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .hero h1{margin:0;max-width:900px;font-size:clamp(3rem,6vw,3.75rem);line-height:.98;letter-spacing:-.064em}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .hero-lead{max-width:820px;margin:28px 0 0;color:#c3c3ca;font-size:clamp(1.05rem,1.7vw,1.3rem)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:34px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:13px 21px;border-radius:8px;border:1px solid transparent;font-weight:850;transition:.2s}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .btn:hover{transform:translateY(-2px)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .btn-primary{color:#111;background:var(--accent);box-shadow:0 12px 36px rgba(255,206,27,.14)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .btn-primary:hover{background:#ffe067}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .btn-secondary{border-color:var(--line);background:rgba(255,255,255,.035)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .btn-secondary:hover{border-color:rgba(255,206,27,.45);background:rgba(255,206,27,.06)}
    :is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .hero-card{position:relative;border:1px solid rgba(255,206,27,.2);border-radius:28px;background:linear-gradient(145deg,rgba(255,206,27,.11),rgba(255,255,255,.025) 43%,rgba(255,255,255,.04));padding:28px;box-shadow:var(--shadow);overflow:hidden}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .hero-card::after{content:"";position:absolute;width:190px;height:190px;right:-85px;top:-85px;border-radius:50%;background:var(--accent);filter:blur(85px);opacity:.12}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .marketing-visual{position:relative;height:190px;margin-bottom:25px;border-radius:19px;overflow:hidden;background:linear-gradient(145deg,#1f1f21,#101011);border:1px solid var(--line)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .marketing-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:28px 28px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .campaign-card{position:absolute;left:22px;right:22px;top:24px;padding:16px;background:rgba(9,9,9,.88);border:1px solid rgba(255,206,27,.24);border-radius:14px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .campaign-top{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:#bcbcc3}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .campaign-top b{color:var(--accent)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .bars{display:flex;align-items:end;gap:8px;height:72px;margin-top:11px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .bars span{flex:1;background:linear-gradient(var(--accent),#7f680e);border-radius:4px 4px 1px 1px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .bars span:nth-child(1){height:30%}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .bars span:nth-child(2){height:48%}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .bars span:nth-child(3){height:42%}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .bars span:nth-child(4){height:70%}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .bars span:nth-child(5){height:88%}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .hero-card-title{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .hero-card h2{margin:9px 0 22px;font-size:1.5rem;line-height:1.18}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .quick-list{display:grid;gap:13px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .quick-item{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:center}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .quick-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--accent);background:rgba(255,206,27,.09);border:1px solid rgba(255,206,27,.17);font-weight:900}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .quick-item strong{display:block;font-size:.96rem}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .quick-item span{display:block;color:var(--muted);font-size:.82rem}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .hero-card-foot{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);color:#c8c8ce;font-size:.88rem}
    :is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .metrics{padding:0 0 70px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .metric{min-height:132px;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.018))}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .metric strong{display:block;color:var(--accent);font-size:1.75rem;line-height:1.05;letter-spacing:-.04em}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .metric span{display:block;margin-top:8px;color:var(--muted);font-size:.9rem}
	/* Image */

:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .liav-formation-card__visual {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #e8eaf2;
	margin-bottom: 10px;
}

:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .liav-formation-card__visual::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(10, 16, 32, 0) 45%,
            rgba(10, 16, 32, 0.48) 100%
        );
}

:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .liav-formation-card__visual picture,:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .liav-formation-card__visual img {
    display: block;
    width: 100%;
    height: 100%;
}

:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .liav-formation-card__visual img {
    object-fit: cover;
    object-position: center;
    transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}

:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .liav-formation-card:hover .liav-formation-card__visual img {
    transform: scale(1.045);
}

:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .liav-formation-card__image-label {
    position: absolute;
    z-index: 1;
    right: 18px;
    bottom: 16px;

    padding: 7px 12px;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;

    background: rgba(15, 23, 42, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 999px;
    backdrop-filter: blur(8px);
}

    :is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .objective-grid,:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .audience-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .card{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.028);padding:30px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .card--accent,:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .accessibility{background:linear-gradient(145deg,rgba(255,206,27,.12),rgba(255,255,255,.025));border-color:rgba(255,206,27,.2)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .card-kicker{color:var(--accent);font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .card h3{margin:10px 0 12px;font-size:1.42rem;line-height:1.18}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .card p{margin:0;color:#c4c4cb}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .check-list{list-style:none;padding:0;margin:0;display:grid;gap:16px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .check-list li{position:relative;padding-left:38px;color:#e3e3e7}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .check-list li::before{content:"→";position:absolute;left:0;color:var(--accent);font-weight:900;font-size:1.3rem}
    :is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .day-title{display:flex;align-items:center;gap:16px;margin:36px 0 18px;font-family:Montserrat,sans-serif;font-size:1.15rem}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .day-title::after{content:"";height:1px;flex:1;background:var(--line)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .modules{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .module{position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));padding:31px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .module::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .module-top{display:flex;justify-content:space-between;gap:18px;align-items:center}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .module-number{color:var(--accent);font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .duration{padding:7px 11px;border-radius:999px;background:rgba(255,206,27,.1);color:var(--accent);font-weight:850;font-size:.8rem}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .module h3{margin:16px 0 18px;font-size:1.45rem;line-height:1.2}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .module ul{margin:0;padding:0;list-style:none;display:grid;gap:13px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .module li{color:#c8c8ce;padding-left:24px;position:relative}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .module li::before{content:"";position:absolute;left:1px;top:.7em;width:7px;height:7px;border-radius:50%;background:var(--accent)}
    :is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .info-card{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.026);padding:28px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .info-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#111;background:var(--accent);margin-bottom:18px;font-size:1.2rem;font-weight:900}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .info-card h3{margin:0 0 12px;font-size:1.2rem}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .info-card p{margin:0;color:var(--muted)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .info-card ul{list-style:none;padding:0;margin:15px 0 0;display:grid;gap:9px;color:#cfcfd4}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .info-card li{padding-left:18px;position:relative}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .info-card li::before{content:"•";color:var(--accent);position:absolute;left:0}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .accessibility strong{color:var(--accent)}
    :is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .deliverables{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .deliverable{padding:24px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .deliverable b{display:block;margin-bottom:7px;font-family:Montserrat,sans-serif}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .deliverable span{color:var(--muted);font-size:.9rem}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .deliverable i{display:block;color:var(--accent);font-style:normal;font-weight:900;margin-bottom:12px}
    :is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:900px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .price-card{position:relative;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.028);padding:31px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .price-card.featured{border-color:rgba(255,206,27,.42);background:linear-gradient(145deg,rgba(255,206,27,.11),rgba(255,255,255,.025))}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .price-badge{position:absolute;top:22px;right:22px;padding:6px 10px;border-radius:999px;color:#111;background:var(--accent);font-size:.7rem;font-weight:900;text-transform:uppercase}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .price-type{color:var(--muted);font-size:.8rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .price{margin:14px 0 8px;font-size:clamp(2.35rem,5vw,3.8rem);line-height:.95;letter-spacing:-.055em;font-weight:900}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .price small{font-size:.9rem;letter-spacing:0;color:var(--muted);font-weight:650}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .price-card p{color:#c9c9cf}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .price-card .btn{width:100%;margin-top:14px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .funding-note{color:var(--muted);font-size:.86rem;margin-top:18px;max-width:900px}
    :is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .cta-panel{position:relative;overflow:hidden;border:1px solid rgba(255,206,27,.28);border-radius:30px;background:linear-gradient(125deg,rgba(255,206,27,.17),rgba(255,255,255,.035) 50%,rgba(255,206,27,.05));padding:50px;box-shadow:var(--shadow)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .cta-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .cta-panel h2{margin:0 0 11px;font-size:clamp(2rem,4vw,3.3rem);line-height:1.04}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .cta-panel p{margin:0;color:#d0d0d4;max-width:690px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .faq{display:grid;gap:12px;max-width:920px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) details{border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) summary{cursor:pointer;list-style:none;padding:20px 56px 20px 22px;font-weight:800;position:relative}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) summary::-webkit-details-marker{display:none}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);color:var(--accent);font-size:1.5rem}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) details[open] summary::after{transform:translateY(-50%) rotate(45deg)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) details p{margin:0;padding:0 22px 22px;color:var(--muted)}
    :is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .site-footer{border-top:1px solid var(--line);padding:52px 0 28px;background:#070707}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:38px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .footer-brand img{width:205px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .footer-brand p{margin:18px 0 0;color:var(--muted);font-size:.78rem}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .footer-col h3{margin:0 0 13px;font-family:Inter,sans-serif;font-size:.76rem;color:#d9d9de;text-transform:uppercase;letter-spacing:.1em}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .footer-col a,:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .footer-col span{display:block;color:#9999a2;margin:8px 0;font-size:.75rem}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .footer-col a:hover{color:var(--accent)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .credential{padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);font-size:.72rem;color:#cacacf}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .credential b{color:var(--accent)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:38px;padding-top:24px;color:#777780;font-size:.74rem}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .mobile-cta{display:none}
    @media(max-width:1050px){:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .menu-toggle{display:inline-grid;place-items:center}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .nav{display:none;position:absolute;top:80px;left:20px;right:20px;flex-direction:column;align-items:stretch;gap:4px;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(15,15,16,.98);box-shadow:var(--shadow)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .nav.is-open{display:flex}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .nav a{padding:12px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .hero-grid,:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .objective-grid,:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .audience-grid,:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .cta-inner{grid-template-columns:1fr}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .hero-card{max-width:720px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .triptych{grid-template-columns:1fr}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .footer-grid{grid-template-columns:1fr 1fr}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .footer-brand{grid-column:1/-1}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .cta-actions{justify-content:flex-start}}
    @media(max-width:720px){:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .container{width:min(calc(100% - 28px),var(--container))}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .topbar{font-size:.65rem}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .section{padding:76px 14px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .section--compact{padding:60px 14px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .brand img{width:300px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .hero{padding:64px 14px 50px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .hero-grid{gap:38px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .hero h1{font-size:clamp(2.65rem,13vw,4.5rem)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .hero-actions .btn{width:100%}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .hero-card{padding:22px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .metrics-grid{grid-template-columns:repeat(2,1fr)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .metric{min-height:112px;padding:19px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .modules,:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .pricing-grid,:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .deliverables{grid-template-columns:1fr}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .card,:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .module,:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .info-card,:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .price-card{padding:23px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .cta-panel{padding:31px 23px}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .cta-actions,:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .cta-actions .btn{width:100%}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .footer-grid{grid-template-columns:1fr}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .footer-brand{grid-column:auto}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .footer-bottom{flex-direction:column}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) .mobile-cta{display:block;position:fixed;left:14px;right:14px;bottom:14px;z-index:110;color:#111;background:var(--accent);padding:13px 18px;border-radius:999px;text-align:center;font-weight:900;box-shadow:0 12px 40px rgba(0,0,0,.45)}:is(html[data-page="formation-ia-marketing-communication"],html:has(link[rel="canonical"][href$="/formation-ia-marketing-communication.html"])) body{padding-bottom:72px}}

/* =========================================================
   Styles de contenu : integrer-ia-generative-dans-votre-entreprise.html
   Activation : URL canonique, avec data-page en secours
   ========================================================= */


	/* =========================================================
   Carte formation avec image — L'IAventeur
   ========================================================= */

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card {
    --liav-accent: #7c3aed;
    --liav-accent-dark: #5b21b6;
    --liav-text: #172033;
    --liav-text-soft: #5e687a;
    --liav-border: rgba(23, 32, 51, 0.12);
    --liav-background: #ffffff;

    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;

    background: var(--liav-background);
    border: 1px solid var(--liav-border);
    border-radius: 24px;
    box-shadow:
        0 10px 30px rgba(15, 23, 42, 0.07),
        0 2px 8px rgba(15, 23, 42, 0.04);

    transition:
        transform 220ms ease,
        box-shadow 220ms ease,
        border-color 220ms ease;
}

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card:hover {
    transform: translateY(-5px);
    border-color: rgba(124, 58, 237, 0.3);
    box-shadow:
        0 22px 45px rgba(15, 23, 42, 0.12),
        0 4px 12px rgba(15, 23, 42, 0.06);
}


/* Image */

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__visual {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #e8eaf2;
	margin-bottom: 10px;
}

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__visual::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(10, 16, 32, 0) 45%,
            rgba(10, 16, 32, 0.48) 100%
        );
}

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__visual picture,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__visual img {
    display: block;
    width: 100%;
    height: 100%;
}

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__visual img {
    object-fit: cover;
    object-position: center;
    transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card:hover .liav-formation-card__visual img {
    transform: scale(1.045);
}

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__image-label {
    position: absolute;
    z-index: 1;
    right: 18px;
    bottom: 16px;

    padding: 7px 12px;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;

    background: rgba(15, 23, 42, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 999px;
    backdrop-filter: blur(8px);
}


/* Contenu */

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 26px;
}

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__category {
    align-self: flex-start;
    margin-bottom: 13px;
    padding: 7px 11px;

    color: var(--liav-accent-dark);
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.06em;
    text-transform: uppercase;

    background: rgba(124, 58, 237, 0.09);
    border-radius: 999px;
}

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-bottom: 12px;

    color: var(--liav-text-soft);
    font-size: 0.86rem;
    font-weight: 600;
}

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__title {
    margin: 0 0 14px;
    color: var(--liav-text);
    font-size: clamp(1.3rem, 2vw, 1.6rem);
    font-weight: 750;
    line-height: 1.2;
    text-wrap: balance;
}

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__description {
    margin: 0 0 22px;
    color: var(--liav-text-soft);
    font-size: 0.98rem;
    line-height: 1.65;
}


/* Programme */

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__program {
    margin-bottom: 25px;
}

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__program-title {
    margin: 0 0 10px;
    color: var(--liav-text);
    font-size: 0.88rem;
    font-weight: 750;
}

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__program ul {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__program li {
    position: relative;
    padding-left: 24px;
    color: var(--liav-text-soft);
    font-size: 0.9rem;
    line-height: 1.5;
}

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__program li::before {
    content: "✓";
    position: absolute;
    top: 0;
    left: 0;

    color: var(--liav-accent);
    font-weight: 800;
}


/* Tarif et bouton */

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-top: auto;
    padding-top: 20px;

    border-top: 1px solid var(--liav-border);
}

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px;
    margin: 0;

    color: var(--liav-text-soft);
    font-size: 0.8rem;
}

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__price strong {
    color: var(--liav-text);
    font-size: 1.08rem;
    font-weight: 800;
}

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__button {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 8px;

    min-height: 44px;
    padding: 11px 17px;

    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;

    background: var(--liav-accent);
    border-radius: 12px;

    transition:
        background-color 180ms ease,
        transform 180ms ease;
}

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__button:hover {
    color: #ffffff;
    background: var(--liav-accent-dark);
    transform: translateX(2px);
}

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__button:focus-visible,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__visual:focus-visible {
    outline: 3px solid rgba(124, 58, 237, 0.4);
    outline-offset: 4px;
}


/* Responsive */

@media (max-width: 600px) {
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card {
        border-radius: 19px;
    }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__content {
        padding: 21px;
    }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__footer {
        align-items: stretch;
        flex-direction: column;
    }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__button {
        width: 100%;
    }
}


/* Respect des préférences d’accessibilité */

@media (prefers-reduced-motion: reduce) {
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__visual img,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__button {
        transition: none;
    }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card:hover,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card:hover .liav-formation-card__visual img {
        transform: none;
    }
}

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) {
      --bg: #090909;
      --bg-soft: #111112;
      --surface: #171719;
      --surface-2: #1d1d20;
      --text: #f7f7f5;
      --muted: #aaaab2;
      --line: rgba(255,255,255,.10);
      --accent: #ffce1b;
      --accent-2: #f6b900;
      --accent-soft: rgba(255,206,27,.12);
      --success: #c8ff66;
      --radius: 22px;
      --shadow: 0 24px 80px rgba(0,0,0,.38);
      --container: 1180px;
    }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) *,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) *::before,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) *::after { box-sizing: border-box; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) { scroll-behavior: smooth; scroll-padding-top: 100px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) body {
      margin: 0;
      color: var(--text);
      background:
        radial-gradient(circle at 78% 5%, rgba(255,206,27,.10), transparent 26rem),
        radial-gradient(circle at 8% 34%, rgba(255,206,27,.05), transparent 22rem),
        var(--bg);
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) img { max-width: 100%; display: block; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) a { color: #OBOBOC; text-decoration: none; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) button,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) a { -webkit-tap-highlight-color: transparent; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) button { font: inherit; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) ::selection { background: var(--accent); color: #111; }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .skip-link {
      position: fixed; left: 16px; top: -80px; z-index: 1000;
      padding: 12px 16px; border-radius: 12px; color: #111; background: var(--accent);
      font-weight: 800; transition: top .2s ease;
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .skip-link:focus { top: 16px; }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .section { padding: 104px 0; position: relative; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .section--compact { padding: 76px 0; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .section--surface {
      background: linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.012));
      border-block: 1px solid var(--line);
    }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .eyebrow {
      display: inline-flex; align-items: center; gap: 9px;
      color: var(--accent); font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 850;
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .eyebrow::before { content: ""; width: 26px; height: 2px; background: var(--accent); border-radius: 2px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .accent { color: var(--accent); }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .section-head { max-width: 760px; margin-bottom: 42px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .section-head h2 {
      margin: 13px 0 13px; font-family: Montserrat, Inter, sans-serif;
      font-size: clamp(2rem, 4vw, 3.35rem); line-height: 1.08; letter-spacing: -.04em;
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .section-head p { margin: 0; color: var(--muted); font-size: 1.05rem; }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .site-topbar {
      border-bottom: 1px solid rgba(255,255,255,.07);
      background: #050505;
      color: #aaaab2;
      font-size: .76rem;
      letter-spacing: .025em;
      text-align: center;
      padding: 8px 20px;
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .site-topbar strong { color: #d8d8dc; font-weight: 650; }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .site-header {
      position: sticky; top: 0; z-index: 90;
      background: rgba(9,9,9,.88);
      border-bottom: 1px solid rgba(255,255,255,.08);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .header-inner { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .brand { display: inline-flex; align-items: center; flex: 0 0 auto; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .brand img { width: 215px; height: auto; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav { display: flex; align-items: center; gap: 4px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav a { color: #c5c5cb; font-size: .86rem; font-weight: 600; padding: 10px 10px; border-radius: 10px; transition: .2s ease; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav a:hover,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav a:focus-visible { color: var(--accent); background: rgba(255,255,255,.04); outline: none; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav .nav-cta {
      margin-left: 8px; color: #111; background: linear-gradient(135deg, var(--accent), var(--accent-2));
      font-weight: 850; padding: 11px 16px; box-shadow: 0 8px 28px rgba(255,206,27,.13);
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav .nav-cta:hover,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav .nav-cta:focus-visible { color: #111; background: var(--accent); transform: translateY(-1px); }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .menu-toggle {
      display: none; width: 44px; height: 44px; align-items: center; justify-content: center;
      color: #d7d7dc; background: rgba(255,255,255,.04); border: 1px solid var(--line); border-radius: 12px; cursor: pointer;
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .menu-toggle svg { width: 23px; height: 23px; }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero { padding: 92px 20px 70px; overflow: hidden; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr); gap: 64px; align-items: center; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-meta { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 28px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .pill {
      display: inline-flex; align-items: center; min-height: 32px; padding: 7px 12px; border-radius: 999px;
      color: #111; background: var(--accent); font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase;
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .pill--subtle { color: #d7d7dc; background: rgba(255,255,255,.055); border: 1px solid var(--line); }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero h1 {
      max-width: 820px; margin: 16px 0 22px;
      font-family: Montserrat, Inter, sans-serif; font-size: clamp(3rem, 6.4vw, 5.35rem); line-height: .98; letter-spacing: -.06em; font-weight: 900;
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-lead { max-width: 750px; margin: 0; color: #c7c7cd; font-size: 1.16rem; line-height: 1.7; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .btn {
      display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 10px;
      border-radius: 0.5rem !important; padding: 13px 20px; font-weight: 600 !important; transition: .2s ease; border: 1px solid transparent;
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .btn svg { width: 19px; height: 19px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .btn-primary { color: #111; background: linear-gradient(135deg, var(--accent), var(--accent-2)); box-shadow: 0 14px 38px rgba(255,206,27,.13); }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .btn-primary:hover,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .btn-primary:focus-visible { transform: translateY(-2px); box-shadow: 0 18px 45px rgba(255,206,27,.19); outline: none; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .btn-secondary { color: #efeff2; background: rgba(255,255,255,.035); border-color: var(--line); }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .btn-secondary:hover,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .btn-secondary:focus-visible { background: rgba(255,255,255,.07); border-color: rgba(255,206,27,.34); outline: none; }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-card {
      position: relative; border: 1px solid rgba(255,255,255,.12); border-radius: 28px; padding: 30px;
      background: linear-gradient(155deg, rgba(255,255,255,.065), rgba(255,255,255,.025));
      box-shadow: var(--shadow); overflow: hidden;
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-card::after {
      content: ""; position: absolute; width: 190px; height: 190px; right: -85px; top: -85px;
      border-radius: 50%; background: var(--accent); filter: blur(85px); opacity: .12;
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-card-title { color: var(--muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 800; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-card h2 { margin: 9px 0 22px; font-family: Montserrat, Inter, sans-serif; font-size: 1.55rem; line-height: 1.18; letter-spacing: -.025em; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .quick-list { display: grid; gap: 13px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .quick-item { display: grid; grid-template-columns: 42px 1fr; gap: 13px; align-items: center; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .quick-icon {
      width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center;
      color: var(--accent); background: rgba(255,206,27,.09); border: 1px solid rgba(255,206,27,.17);
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .quick-icon svg { width: 21px; height: 21px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .quick-item strong { display: block; font-size: .98rem; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .quick-item span { display: block; color: var(--muted); font-size: .84rem; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-card-foot { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); color: #c8c8ce; font-size: .9rem; }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .metrics { padding: 0 0 70px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .metrics-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .metric {
      min-height: 132px; padding: 24px; border: 1px solid var(--line); border-radius: 20px;
      background: linear-gradient(150deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .metric strong { display: block; color: var(--accent); font-family: Montserrat, Inter, sans-serif; font-size: 1.8rem; line-height: 1.05; letter-spacing: -.04em; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .metric span { display: block; margin-top: 8px; color: var(--muted); font-size: .9rem; }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .objective-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 22px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .card {
      border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.028); padding: 30px;
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .card--accent { background: linear-gradient(145deg, rgba(255,206,27,.12), rgba(255,255,255,.025)); border-color: rgba(255,206,27,.20); }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .card-kicker { color: var(--accent); font-size: .78rem; font-weight: 850; text-transform: uppercase; letter-spacing: .12em; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .card h3 { margin: 10px 0 12px; font-family: Montserrat, Inter, sans-serif; font-size: 1.45rem; line-height: 1.18; letter-spacing: -.025em; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .card p { margin: 0; color: #c4c4cb; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .check-list { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 12px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .check-list li { position: relative; padding-left: 31px; color: #d1d1d7; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .check-list li::before {
      content: "✓"; position: absolute; left: 0; top: 1px; width: 21px; height: 21px; display: grid; place-items: center;
      color: #111; background: var(--accent); border-radius: 50%; font-size: .72rem; font-weight: 950;
    }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .program-days { display: grid; gap: 22px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .day-block { border: 1px solid var(--line); border-radius: 26px; padding: 26px; background: rgba(255,255,255,.022); }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .day-heading { display: flex; justify-content: space-between; gap: 24px; align-items: center; margin-bottom: 20px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .day-heading h3 { margin: 0; font-family: Montserrat, Inter, sans-serif; font-size: 1.5rem; letter-spacing: -.03em; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .day-heading span { color: var(--accent); font-weight: 900; font-size: .82rem; letter-spacing: .1em; text-transform: uppercase; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .modules { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .module {
      position: relative; min-height: 100%; padding: 28px; border-radius: 20px;
      border: 1px solid var(--line); background: linear-gradient(155deg, rgba(255,255,255,.048), rgba(255,255,255,.018));
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .module-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .module-number { color: var(--accent); font-weight: 900; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .module-duration { color: #111; background: var(--accent); border-radius: 999px; padding: 5px 10px; font-size: .72rem; font-weight: 900; white-space: nowrap; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .module h3 { margin: 11px 0 15px; font-family: Montserrat, Inter, sans-serif; font-size: 1.22rem; line-height: 1.25; letter-spacing: -.025em; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .module ul { margin: 0; padding-left: 19px; color: #c6c6cc; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .module li + li { margin-top: 8px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .module li::marker { color: var(--accent); }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .triptych { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .info-card {
      padding: 29px; border: 1px solid var(--line); border-radius: var(--radius);
      background: linear-gradient(155deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .info-icon {
      width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 20px;
      color: var(--accent); background: rgba(255,206,27,.09); border: 1px solid rgba(255,206,27,.18); border-radius: 15px;
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .info-icon svg { width: 23px; height: 23px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .info-card h3 { margin: 0 0 11px; font-family: Montserrat, Inter, sans-serif; font-size: 1.28rem; letter-spacing: -.025em; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .info-card p,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .info-card li { color: #c2c2c9; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .info-card p { margin: 0; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .info-card ul { padding-left: 18px; margin: 14px 0 0; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .info-card li + li { margin-top: 7px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .info-card li::marker { color: var(--accent); }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .audience-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .audience-card { min-height: 100%; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .audience-card h3 { margin-top: 12px; }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .attestation {
      display: flex; align-items: center; gap: 15px; margin-top: 24px; padding: 18px 20px;
      border: 1px solid rgba(200,255,102,.18); border-radius: 16px; background: rgba(200,255,102,.045); color: #dceec1;
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .attestation svg { flex: 0 0 auto; width: 27px; height: 27px; color: var(--success); }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .pricing-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .price-card {
      position: relative; padding: 32px; border: 1px solid var(--line); border-radius: 25px;
      background: linear-gradient(155deg, rgba(255,255,255,.052), rgba(255,255,255,.018)); overflow: hidden;
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .price-card--featured { border-color: rgba(255,206,27,.35); background: linear-gradient(150deg, rgba(255,206,27,.13), rgba(255,255,255,.022)); }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .price-card--featured::after {
      content: ""; position: absolute; width: 180px; height: 180px; top: -100px; right: -70px; border-radius: 50%; background: var(--accent); filter: blur(78px); opacity: .13;
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .price-label { color: var(--accent); font-size: .77rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .price-card h3 { margin: 12px 0 4px; font-family: Montserrat, Inter, sans-serif; font-size: 1.2rem; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .price { margin: 10px 0 11px; font-family: Montserrat, Inter, sans-serif; font-size: clamp(2.15rem, 4vw, 2rem); line-height: 1; letter-spacing: -.05em; font-weight: 600; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .price small { display: inline-block; color: var(--muted); font-family: Inter, sans-serif; font-size: .9rem; letter-spacing: 0; font-weight: 600; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .price-card p { color: #c4c4ca; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .price-note { margin: 24px 0 0; color: #aaaab2; font-size: .9rem; }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .cta-panel {
      position: relative; overflow: hidden; border: 1px solid rgba(255,206,27,.26); border-radius: 30px; padding: 48px;
      background: linear-gradient(135deg, rgba(255,206,27,.13), rgba(255,255,255,.028));
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .cta-panel::before {
      content: ""; position: absolute; width: 270px; height: 270px; right: -100px; bottom: -135px; border-radius: 50%; background: var(--accent); filter: blur(110px); opacity: .12;
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .cta-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1.25fr .75fr; gap: 40px; align-items: center; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .cta-panel h2 { margin: 9px 0 13px; font-family: Montserrat, Inter, sans-serif; font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.06; letter-spacing: -.045em; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .cta-panel p { max-width: 720px; margin: 0; color: #cbcbcf; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .cta-actions { display: flex; flex-direction: column; align-items: stretch; gap: 11px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .cta-actions .btn { width: 100%; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .contact-mini { margin-top: 8px; text-align: center; color: var(--muted); font-size: .86rem; }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .faq-list { display: grid; gap: 12px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .faq-item { border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.025); overflow: hidden; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .faq-question {
      width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 21px 23px;
      color: var(--text); background: transparent; border: 0; text-align: left; font-weight: 750; cursor: pointer;
    }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .faq-question svg { width: 20px; height: 20px; flex: 0 0 auto; color: var(--accent); transition: transform .2s ease; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .25s ease; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .faq-answer > div { overflow: hidden; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .faq-answer p { margin: 0; padding: 0 23px 22px; color: #bdbdc4; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .faq-item.is-open .faq-answer { grid-template-rows: 1fr; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .faq-item.is-open .faq-question svg { transform: rotate(45deg); }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .site-footer { border-top: 1px solid var(--line); padding: 52px 0 28px; background: #070707; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-grid { display: grid; grid-template-columns: 1.25fr .75fr .75fr; gap: 46px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-brand img { width: 205px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-brand p { max-width: 510px; margin: 18px 0 0; color: var(--muted); }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-col h3 { margin: 0 0 13px; font-size: .82rem; color: var(--accent); text-transform: uppercase; letter-spacing: .12em; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-col a,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-col span { display: block; color: #c3c3c9; margin: 8px 0; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-col a:hover { color: var(--accent); }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-certification { color: #a9a9b1; font-size: .88rem; line-height: 1.55; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-bottom { display: flex; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); margin-top: 38px; padding-top: 24px; color: #86868e; font-size: .84rem; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-legal { display: flex; flex-wrap: wrap; gap: 18px; }
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-legal a:hover { color: var(--accent); }

    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .mobile-cta { display: none; }

    @media (max-width: 980px) {
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .menu-toggle { display: inline-flex; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav {
        display: none; position: absolute; top: 78px; left: 20px; right: 20px; flex-direction: column; align-items: stretch;
        gap: 4px; padding: 14px; border: 1px solid var(--line); border-radius: 18px; background: rgba(15,15,16,.98); box-shadow: var(--shadow);
      }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav.is-open { display: flex; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav a { padding: 12px 13px; border-radius: 11px; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav .nav-cta { text-align: center; margin: 5px 0 0; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero { padding-top: 82px; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-grid,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .objective-grid,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .audience-grid,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .cta-inner { grid-template-columns: 1fr; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-card { max-width: 680px; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .triptych { grid-template-columns: 1fr; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .cta-actions { max-width: 520px; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-grid { grid-template-columns: 1fr 1fr; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-brand { grid-column: 1 / -1; }
    }

    @media (max-width: 720px) {
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .container { width: min(calc(100% - 28px), var(--container)); }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .section { padding: 78px 20px; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .section--compact { padding: 60px 0; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .site-topbar { font-size: .7rem; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .brand img { width: 184px; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .header-inner { min-height: 72px; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav { top: 72px; left: 14px; right: 14px; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero { padding: 68px 20px 52px; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-grid { gap: 38px; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero h1 { font-size: clamp(2.55rem, 13vw, 4.15rem); }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-lead { font-size: 1.04rem; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-actions .btn { width: 100%; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-card { padding: 23px; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .metrics { padding-bottom: 52px; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .metrics-grid { grid-template-columns: repeat(2, 1fr); }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .metric { min-height: 112px; padding: 20px; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .modules,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .pricing-grid { grid-template-columns: 1fr; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .day-block { padding: 19px; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .day-heading { align-items: flex-start; flex-direction: column; gap: 4px; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .card,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .module,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .info-card,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .price-card { padding: 24px; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .cta-panel { padding: 32px 24px; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .cta-actions,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .cta-actions .btn { width: 100%; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-grid { grid-template-columns: 1fr; gap: 28px; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-brand { grid-column: auto; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-bottom { flex-direction: column; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .mobile-cta {
        display: block; position: fixed; left: 14px; right: 14px; bottom: 14px; z-index: 80;
        color: #111; background: var(--accent); padding: 13px 18px; border-radius: 999px; text-align: center; font-weight: 900;
        box-shadow: 0 12px 40px rgba(0,0,0,.45);
      }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) body { padding-bottom: 72px; }
    }

    @media (max-width: 460px) {
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .metrics-grid { grid-template-columns: 1fr; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .metric { min-height: auto; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-meta { gap: 7px; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .pill { font-size: .64rem; }
    }

    @media (prefers-reduced-motion: reduce) {
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) { scroll-behavior: auto; }
      :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) *,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) *::before,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) *::after { transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
    }
  

/* Harmonisation fidèle avec la page de référence L’IAventeur. */
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) { scroll-padding-top: 24px; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) body,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) h1,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) h2,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) h3,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .metric strong,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .price {
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .section-head { max-width: 760px; margin-bottom: 42px; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .section-head h2 {
  margin: 13px 0 14px;
  font-family: inherit;
  font-size: clamp(2rem, 4vw, 2rem);
  line-height: 1.05;
  letter-spacing: -.045em;
}
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .section-head p { margin: 0; color: var(--muted); font-size: 1.08rem; }

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .site-topbar {
  border-bottom: 1px solid rgba(255,255,255,.07);
  background: #050505;
  color: #aaaab2;
  font-size: .76rem;
  letter-spacing: .025em;
  text-align: center;
  padding: 8px 20px;
}
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .site-topbar strong { color: #d8d8dc; font-weight: 650; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(9,9,9,.82);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav-wrap { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .brand { display: inline-flex; align-items: center; flex-shrink: 0; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .brand img { width: 208px; height: auto; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav { display: flex; align-items: center; gap: 27px; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav a {
  color: #d7d7dc;
  font-size: .93rem;
  font-weight: 650;
  padding: 0;
  border-radius: 0;
  transition: color .2s ease;
}
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav a:hover,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav a:focus-visible { color: var(--accent); background: transparent; outline: none; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav .nav-cta {
  margin-left: 0;
  color: #111;
  background: var(--accent);
  padding: 11px 18px;
  border-radius: 999px;
  font-weight: 850;
  box-shadow: none;
}
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav .nav-cta:hover,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav .nav-cta:focus-visible { color: #111; background: #ffe06b; transform: none; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .menu-toggle {
  display: none;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--text);
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .menu-toggle svg { width: 22px; height: 22px; }

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero { padding: 104px 0 72px; overflow: clip; position: relative; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .17;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: linear-gradient(to bottom, black, transparent 70%);
  -webkit-mask-image: linear-gradient(to bottom, black, transparent 70%);
}
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(310px, .75fr);
  gap: 72px;
  align-items: center;
}
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 24px; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 0;
  padding: 8px 13px;
  border-radius: 999px;
  border: 1px solid rgba(255,206,27,.35);
  background: var(--accent-soft);
  color: var(--accent);
  font-weight: 800;
  font-size: .78rem;
  letter-spacing: .035em;
  text-transform: uppercase;
}
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .pill--subtle { border-color: var(--line); background: rgba(255,255,255,.04); color: #c3c3ca; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero h1 {
  margin: 0;
  max-width: 870px;
  font-family: inherit;
  font-size: clamp(2.75rem, 6.8vw, 3.75rem);
  line-height: .98;
  letter-spacing: -.064em;
  font-weight: 600;
}
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-lead {
  max-width: 790px;
  margin: 28px 0 0;
  color: #c3c3ca;
  font-size: clamp(1.05rem, 1.7vw, 1.3rem);
  line-height: 1.6;
}
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 34px; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 13px 21px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-weight: 850;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .btn:hover { transform: translateY(-2px); }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .btn-primary { color: #111; background: var(--accent); box-shadow: 0 12px 36px rgba(255,206,27,.14); }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .btn-primary:hover,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .btn-primary:focus-visible { background: #ffe067; box-shadow: 0 12px 36px rgba(255,206,27,.14); outline: none; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .btn-secondary { color: var(--text); border-color: var(--line); background: rgba(255,255,255,.035); }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .btn-secondary:hover,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .btn-secondary:focus-visible { border-color: rgba(255,206,27,.45); background: rgba(255,206,27,.06); outline: none; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-card {
  position: relative;
  border: 1px solid rgba(255,206,27,.20);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(255,206,27,.11), rgba(255,255,255,.025) 43%, rgba(255,255,255,.04));
  padding: 28px;
  box-shadow: var(--shadow);
  overflow: hidden;
}
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-card h2 { margin: 9px 0 22px; font-family: inherit; font-size: 1.55rem; line-height: 1.18; letter-spacing: -.025em; }

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .metric strong { font-family: inherit; font-size: 1.8rem; line-height: 1.05; letter-spacing: -.04em; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .card h3 { margin: 10px 0 12px; font-family: inherit; font-size: 1.45rem; line-height: 1.18; letter-spacing: -.025em; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .check-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 16px; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .check-list li { position: relative; padding-left: 38px; color: #e3e3e7; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .check-list li::before {
  content: "→";
  position: absolute;
  left: 0;
  top: -2px;
  width: auto;
  height: auto;
  display: block;
  color: var(--accent);
  background: transparent;
  border-radius: 0;
  font-weight: 900;
  font-size: 1.3rem;
}

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .day-block { border: 1px solid var(--line); border-radius: 24px; padding: 26px; background: rgba(255,255,255,.018); }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .day-heading h3 { margin: 0; font-family: inherit; font-size: 1.55rem; line-height: 1.2; letter-spacing: -.03em; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .modules { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .module {
  position: relative;
  overflow: hidden;
  min-height: 100%;
  border-radius: 24px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  padding: 31px;
}
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .module::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--accent); }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .module-top { display: flex; justify-content: space-between; gap: 18px; align-items: center; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .module-number { color: var(--accent); font-size: .78rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 900; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .module-duration {
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(255,206,27,.10);
  color: var(--accent);
  font-weight: 850;
  font-size: .82rem;
}
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .module h3 { margin: 16px 0 18px; font-family: inherit; font-size: 1.55rem; line-height: 1.2; letter-spacing: -.03em; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .module ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 13px; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .module li { color: #c8c8ce; padding-left: 24px; position: relative; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .module li + li { margin-top: 0; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .module li::before { content: ""; position: absolute; left: 1px; top: .7em; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .module li::marker { content: ""; }

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .triptych { grid-template-columns: repeat(3, 1fr); gap: 18px; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .info-card { padding: 29px; border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.03); }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .info-card h3 { margin: 0 0 11px; font-family: inherit; font-size: 1.28rem; letter-spacing: -.025em; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .price-card h3 { margin: 12px 0 4px; font-family: inherit; font-size: 1.4rem; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .price { margin: 10px 0 11px; font-family: inherit; font-size: clamp(2.15rem, 4vw, 2rem); line-height: 1; letter-spacing: -.05em; font-weight: 600; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .cta-panel h2 { margin: 9px 0 13px; font-family: inherit; font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.06; letter-spacing: -.045em; }

:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .site-footer { border-top: 1px solid var(--line); padding: 52px 0 28px; background: #070707; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-grid { display: grid; grid-template-columns: 1.25fr .75fr .75fr; gap: 46px; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-brand img { width: 205px; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-brand p { max-width: 510px; margin: 18px 0 0; color: var(--muted); }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-col h3 { margin: 0 0 13px; font-family: inherit; font-size: .82rem; color: var(--accent); text-transform: uppercase; letter-spacing: .12em; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-col a,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-col span { display: block; color: #c3c3c9; margin: 8px 0; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-col a:hover { color: var(--accent); }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-certification-grid { margin-top: 38px; grid-template-columns: 1fr; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-certification { color: #a9a9b1; font-size: .88rem; line-height: 1.55; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-bottom { display: flex; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); margin-top: 38px; padding-top: 24px; color: #86868e; font-size: .84rem; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-legal { display: flex; flex-wrap: wrap; gap: 18px; }
:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-legal a:hover { color: var(--accent); }

	:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) h1,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) h2 { font-family: 'Montserrat', sans-serif !important; }
	:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) h1 { font-size: 4.5rem; padding-top: 0.5rem;}

@media (min-width: 1536px) {
    :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .container {
        max-width: 1280px !important;
    }
}

@media (max-width: 980px) {
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .site-topbar { font-size: .7rem; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .menu-toggle { display: inline-flex; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav {
    display: none;
    position: absolute;
    top: calc(100% + 1px);
    left: 20px;
    right: 20px;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(15,15,16,.98);
    box-shadow: var(--shadow);
  }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav.is-open { display: flex; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav a { padding: 12px 13px; border-radius: 11px; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .nav .nav-cta { text-align: center; margin-top: 5px; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero { padding-top: 82px; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-grid,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .objective-grid,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .audience-grid,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .cta-inner { grid-template-columns: 1fr; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-card { max-width: 680px; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .triptych { grid-template-columns: 1fr; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .cta-actions { justify-content: flex-start; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-grid { grid-template-columns: 1fr 1fr; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-brand { grid-column: 1 / -1; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-certification-grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .site-topbar { display: none; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .container { width: min(calc(100% - 28px), var(--container)); }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .section { padding: 78px 20px; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .section--compact { padding: 60px 0; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .brand img { width: 184px; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero { padding: 68px 20px 52px; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-grid { gap: 38px; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero h1 { font-size: clamp(2.6rem, 13vw, 4.15rem); }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-lead { font-size: 1.04rem; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-actions .btn { width: 100%; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .hero-card { padding: 23px; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .metrics { padding-bottom: 52px; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .metrics-grid { grid-template-columns: repeat(2, 1fr); }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .metric { min-height: 112px; padding: 20px; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .modules,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .pricing-grid { grid-template-columns: 1fr; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .card,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .module,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .info-card,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .price-card { padding: 24px; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .cta-panel { padding: 32px 24px; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .cta-actions,:is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .cta-actions .btn { width: 100%; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-grid { grid-template-columns: 1fr; gap: 28px; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-brand { grid-column: auto; }
  :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .footer-bottom { flex-direction: column; }
}


        :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .glassmorphism {
            background: rgba(26, 26, 28, 0.75);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.05);
        }
        :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) .text-glow {
            text-shadow: 0 0 15px rgba(255, 206, 27, 0.35);
        }
        /* Custom scrollbar */
        :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) ::-webkit-scrollbar {
            width: 8px;
        }
        :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) ::-webkit-scrollbar-track {
            background: #0B0B0C;
        }
        :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) ::-webkit-scrollbar-thumb {
            background: #27272A;
            border-radius: 4px;
        }
        :is(html[data-page="integrer-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/integrer-ia-generative-dans-votre-entreprise.html"])) ::-webkit-scrollbar-thumb:hover {
            background: #FFCE1B;
        }

/* =========================================================
   Styles de contenu : mentions-legales.html
   Activation : URL canonique, avec data-page en secours
   ========================================================= */


        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .glassmorphism {
            background: rgba(26, 26, 28, 0.75);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.05);
        }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .text-glow { text-shadow: 0 0 15px rgba(255, 206, 27, 0.35); }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) ::-webkit-scrollbar { width: 8px; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) ::-webkit-scrollbar-track { background: #0B0B0C; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) ::-webkit-scrollbar-thumb { background: #27272A; border-radius: 4px; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) ::-webkit-scrollbar-thumb:hover { background: #FFCE1B; }

        /* Contenu spécifique à la page — le header et le footer restent ceux du site principal. */
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-page {
            --gold: #FFCE1B;
            --black: #0A0A0A;
            --ink: #1A1A1A;
            --slate: #6B6B6B;
            --offwhite: #FAF9F6;
            --white: #FFFFFF;
            --line: rgba(26,26,26,.12);
            --shadow: 0 22px 60px rgba(10,10,10,.09);
            --radius: 18px;
            color: var(--ink);
            background: var(--offwhite);
            font-family: "Inter", sans-serif;
            line-height: 1.68;
        }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-page *,:is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-page *::before,:is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-page *::after { box-sizing: border-box; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-hero {
            position: relative;
            overflow: hidden;
            background:
                radial-gradient(circle at 80% 25%, rgba(255,206,27,.16), transparent 28%),
                linear-gradient(135deg, #090909 0%, #151515 100%);
            color: #fff;
            padding: 92px 24px 88px;
        }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-hero::before {
            content: "";
            position: absolute;
            inset: 0;
            opacity: .09;
            background-image:
                linear-gradient(rgba(255,255,255,.09) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px);
            background-size: 44px 44px;
            mask-image: linear-gradient(to bottom, black, transparent 85%);
        }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-hero::after {
            content: "✦";
            position: absolute;
            right: max(5vw, 36px);
            top: 34px;
            color: var(--gold);
            font-size: 92px;
            line-height: 1;
            opacity: .18;
        }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-hero-inner { position: relative; z-index: 1; max-width: 1180px; margin: 0 auto; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 22px;
            color: var(--gold);
            font-size: 12px;
            font-weight: 800;
            letter-spacing: .14em;
            text-transform: uppercase;
        }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-eyebrow::before { content: ""; width: 38px; height: 2px; background: var(--gold); }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-page h1,:is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-page h2,:is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-page h3 { font-family: "Montserrat", sans-serif; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-page h1 {
            max-width: 820px;
            margin: 0 0 22px;
            font-size: clamp(40px, 6vw, 25px);
            line-height: 1.05;
            letter-spacing: -.035em;
            font-weight: 700;
        }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-hero-lead { max-width: 780px; margin: 0; color: rgba(255,255,255,.72); font-size: 18px; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-hero-meta { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-meta-pill {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            border: 1px solid rgba(255,255,255,.12);
            background: rgba(255,255,255,.05);
            border-radius: 999px;
            padding: 9px 14px;
            color: rgba(255,255,255,.78);
            font-size: 13px;
        }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-meta-pill strong { color: #fff; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-meta-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 5px rgba(255,206,27,.12); }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-shell {
            max-width: 1180px;
            margin: 0 auto;
            padding: 72px 24px 96px;
            display: grid;
            grid-template-columns: 280px minmax(0, 1fr);
            gap: 48px;
            align-items: start;
        }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-nav {
            position: sticky;
            top: 112px;
            border: 1px solid var(--line);
            background: rgba(255,255,255,.86);
            border-radius: var(--radius);
            box-shadow: 0 14px 42px rgba(10,10,10,.05);
            overflow: hidden;
        }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-nav-head { background: var(--black); color: #fff; padding: 20px 22px; border-bottom: 3px solid var(--gold); }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-nav-head span { display: block; color: var(--gold); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 5px; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-nav-head strong { font-family: "Montserrat", sans-serif; font-size: 18px; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-nav ol { list-style: none; margin: 0; padding: 14px 12px 18px; counter-reset: item; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-nav li { counter-increment: item; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-nav a {
            display: grid;
            grid-template-columns: 30px 1fr;
            gap: 6px;
            align-items: start;
            padding: 10px;
            color: #454545;
            text-decoration: none;
            font-size: 13px;
            line-height: 1.35;
            border-radius: 9px;
            transition: background .2s ease, color .2s ease;
        }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-nav a::before { content: counter(item, decimal-leading-zero); color: #9c7b00; font-weight: 800; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-nav a:hover,:is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-nav a:focus-visible { background: rgba(255,206,27,.14); color: var(--black); }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-content { min-width: 0; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-intro {
            position: relative;
            margin-bottom: 24px;
            padding: 28px 30px 28px 34px;
            border: 1px solid var(--line);
            background: var(--white);
            border-radius: var(--radius);
            box-shadow: var(--shadow);
            overflow: hidden;
        }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-intro::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--gold); }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-intro p { margin: 0; color: #4f4f4f; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-section {
            scroll-margin-top: 112px;
            margin-bottom: 20px;
            padding: 34px 36px;
            background: var(--white);
            border: 1px solid var(--line);
            border-radius: var(--radius);
            box-shadow: 0 12px 34px rgba(10,10,10,.045);
        }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-section-heading {
            display: grid;
            grid-template-columns: 48px minmax(0, 1fr);
            gap: 16px;
            align-items: center;
            margin-bottom: 22px;
        }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-number {
            width: 48px;
            height: 48px;
            display: grid;
            place-items: center;
            background: var(--black);
            color: var(--gold);
            border: 1px solid rgba(255,206,27,.55);
            border-radius: 12px;
            font-family: "Montserrat", sans-serif;
            font-size: 15px;
            font-weight: 800;
        }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-section-heading h2 { margin: 0; font-size: clamp(23px, 3vw, 31px); line-height: 1.18; letter-spacing: -.025em; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-section p { margin: 0 0 14px; color: #4b4b4b; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-section p:last-child { margin-bottom: 0; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-section strong { color: var(--ink); }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-section a { color: #7a6100; text-decoration-thickness: 1px; text-underline-offset: 3px; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-section a:hover { color: var(--black); }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 20px 0 18px; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-fact { padding: 16px 18px; border: 1px solid var(--line); background: #FCFBF8; border-radius: 12px; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-fact span { display: block; margin-bottom: 5px; color: var(--slate); font-size: 11px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-fact strong,:is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-fact a { font-size: 14px; word-break: break-word; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-notice { margin-top: 18px; padding: 16px 18px; border-left: 4px solid var(--gold); background: rgba(255,206,27,.10); border-radius: 0 10px 10px 0; color: #4a420e; font-size: 14px; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-list { margin: 14px 0 0; padding-left: 20px; color: #4b4b4b; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-list li { margin-bottom: 7px; padding-left: 4px; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-list li::marker { color: #b18d00; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-update {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            margin-top: 28px;
            padding: 20px 24px;
            background: var(--black);
            color: rgba(255,255,255,.75);
            border-radius: 14px;
        }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-update strong { color: var(--gold); }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-update a { color: #fff; font-weight: 700; text-decoration: none; }
        :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-update a:hover { color: var(--gold); }
        @media (max-width: 980px) {
            :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-shell { grid-template-columns: 1fr; gap: 28px; }
            :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-nav { position: static; }
            :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-nav ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
        }
        @media (max-width: 640px) {
            :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-hero { padding: 68px 20px 64px; }
            :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-shell { padding: 46px 18px 72px; }
            :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-nav ol { grid-template-columns: 1fr; }
            :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-section { padding: 28px 22px; }
            :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-facts { grid-template-columns: 1fr; }
            :is(html[data-page="mentions-legales"],html:has(link[rel="canonical"][href$="/mentions-legales.html"])) .legal-update { align-items: flex-start; flex-direction: column; }
        }

/* =========================================================
   Styles de contenu : politique-de-confidentialite.html
   Activation : URL canonique, avec data-page en secours
   ========================================================= */


    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .glassmorphism {
      background: rgba(26, 26, 28, 0.75);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.05);
    }
  

    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) {
      --gold: #FFCE1B;
      --gold-soft: #FFE477;
      --black: #0A0A0A;
      --black-2: #141414;
      --ink: #1A1A1A;
      --slate: #6B6B6B;
      --offwhite: #FAF9F6;
      --white: #FFFFFF;
      --line: rgba(26,26,26,.12);
      --shadow: 0 22px 60px rgba(10,10,10,.09);
      --radius: 18px;
      --max: 1180px;
    }

    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) * { box-sizing: border-box; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) { scroll-behavior: smooth; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) body {
      margin: 0;
      font-family: "Inter", Arial, sans-serif;
      color: var(--ink);
      background: var(--offwhite);
      line-height: 1.68;
      -webkit-font-smoothing: antialiased;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) img { max-width: 100%; display: block; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) a { color: inherit; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) button,:is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) a { -webkit-tap-highlight-color: transparent; }

    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .topbar {
      background: var(--gold);
      color: var(--black);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .05em;
      text-align: center;
      padding: 8px 20px;
    }

    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .site-header {
      position: sticky;
      top: 0;
      z-index: 1000;
      background: rgba(10,10,10,.97);
      border-bottom: 1px solid rgba(255,206,27,.25);
      backdrop-filter: blur(14px);
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .header-inner {
      max-width: var(--max);
      margin: 0 auto;
      min-height: 78px;
      padding: 0 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .brand {
      flex: 0 0 auto;
      width: 250px;
      text-decoration: none;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .brand img { width: 100%; height: auto; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .main-nav { display: flex; align-items: center; gap: 22px; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .main-nav a {
      color: rgba(255,255,255,.84);
      text-decoration: none;
      font-size: 13px;
      font-weight: 600;
      transition: color .2s ease;
      white-space: nowrap;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .main-nav a:hover,:is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .main-nav a:focus-visible { color: var(--gold); }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .header-cta {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 42px;
      padding: 0 18px;
      border-radius: 10px;
      background: var(--gold);
      color: var(--black) !important;
      font-weight: 800 !important;
      box-shadow: 0 8px 24px rgba(255,206,27,.18);
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .menu-toggle {
      display: none;
      width: 44px;
      height: 44px;
      border: 1px solid rgba(255,255,255,.16);
      background: rgba(255,255,255,.05);
      color: #fff;
      border-radius: 10px;
      cursor: pointer;
      align-items: center;
      justify-content: center;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .menu-toggle span,:is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .menu-toggle::before,:is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .menu-toggle::after {
      content: "";
      display: block;
      width: 20px;
      height: 2px;
      background: currentColor;
      border-radius: 2px;
      transition: transform .2s ease, opacity .2s ease;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .menu-toggle span { margin: 5px 0; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .menu-toggle[aria-expanded="true"] span { opacity: 0; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .menu-toggle[aria-expanded="true"]::before { transform: translateY(7px) rotate(45deg); }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .menu-toggle[aria-expanded="true"]::after { transform: translateY(-7px) rotate(-45deg); }

    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .hero {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 80% 25%, rgba(255,206,27,.16), transparent 28%),
        linear-gradient(135deg, #090909 0%, #151515 100%);
      color: var(--white);
      padding: 92px 24px 88px;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: .09;
      background-image:
        linear-gradient(rgba(255,255,255,.09) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px);
      background-size: 44px 44px;
      mask-image: linear-gradient(to bottom, black, transparent 85%);
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .hero::after {
      content: "✦";
      position: absolute;
      right: max(5vw, 36px);
      top: 34px;
      color: var(--gold);
      font-size: 92px;
      line-height: 1;
      opacity: .18;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .hero-inner { position: relative; z-index: 1; max-width: var(--max); margin: 0 auto; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 22px;
      color: var(--gold);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .14em;
      text-transform: uppercase;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .eyebrow::before { content: ""; width: 38px; height: 2px; background: var(--gold); }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) main h1,:is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) main h2,:is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) main h3,:is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) main h4 { font-family: "Montserrat", Arial, sans-serif; margin-top: 0; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) h1 {
      max-width: 820px;
      margin-bottom: 22px;
      font-size: clamp(40px, 6vw, 68px);
      line-height: 1.05;
      letter-spacing: -.035em;
      font-weight: 800;
    }
	:is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) #titre-page {
        max-width: 820px;
    margin: 0 0 22px;
    font-size: clamp(40px, 6vw, 25px);
    line-height: 1.05;
    letter-spacing: -.035em;
    font-weight: 700;
	  }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .hero-lead {
      max-width: 780px;
      margin: 0;
      color: rgba(255,255,255,.72);
      font-size: 18px;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .hero-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 34px;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .meta-pill {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.05);
      border-radius: 999px;
      padding: 9px 14px;
      color: rgba(255,255,255,.78);
      font-size: 13px;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .meta-pill strong { color: #fff; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .meta-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 5px rgba(255,206,27,.12); }

    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .page-shell {
      max-width: var(--max);
      margin: 0 auto;
      padding: 72px 24px 96px;
      background: #FAF9F6;
      display: grid;
      grid-template-columns: 280px minmax(0, 1fr);
      gap: 48px;
      align-items: start;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-nav {
      position: sticky;
      top: 112px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.86);
      border-radius: var(--radius);
      box-shadow: 0 14px 42px rgba(10,10,10,.05);
      overflow: hidden;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-nav-head {
      background: var(--black);
      color: #fff;
      padding: 20px 22px;
      border-bottom: 3px solid var(--gold);
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-nav-head span { display: block; color: var(--gold); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 5px; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-nav-head strong { font-family: "Montserrat", Arial, sans-serif; font-size: 18px; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-nav ol { list-style: none; margin: 0; padding: 14px 12px 18px; counter-reset: item; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-nav li { counter-increment: item; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-nav a {
      display: grid;
      grid-template-columns: 30px 1fr;
      gap: 6px;
      align-items: start;
      padding: 10px 10px;
      color: #454545;
      text-decoration: none;
      font-size: 13px;
      line-height: 1.35;
      border-radius: 9px;
      transition: background .2s ease, color .2s ease;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-nav a::before { content: counter(item, decimal-leading-zero); color: #9c7b00; font-weight: 800; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-nav a:hover,:is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-nav a:focus-visible { background: rgba(255,206,27,.14); color: var(--black); }

    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-content { min-width: 0; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .intro-card {
      position: relative;
      margin-bottom: 24px;
      padding: 28px 30px 28px 34px;
      border: 1px solid var(--line);
      background: var(--white);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      overflow: hidden;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .intro-card::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--gold); }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .intro-card p { margin: 0; color: #4f4f4f; }

    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-section {
      scroll-margin-top: 112px;
      margin-bottom: 20px;
      padding: 34px 36px;
      background: var(--white);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      box-shadow: 0 12px 34px rgba(10,10,10,.045);
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .section-heading {
      display: grid;
      grid-template-columns: 48px minmax(0, 1fr);
      gap: 16px;
      align-items: center;
      margin-bottom: 22px;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .section-number {
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      background: var(--black);
      color: var(--gold);
      border: 1px solid rgba(255,206,27,.55);
      border-radius: 12px;
      font-family: "Montserrat", Arial, sans-serif;
      font-size: 15px;
      font-weight: 800;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .section-heading h2 {
      margin: 0;
      font-size: clamp(23px, 3vw, 31px);
      line-height: 1.18;
      letter-spacing: -.025em;
	  color: #1A1A1A;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-section p { margin: 0 0 14px; color: #4b4b4b; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-section p:last-child { margin-bottom: 0; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-section strong { color: var(--ink); }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-section a { color: #7a6100; text-decoration-thickness: 1px; text-underline-offset: 3px; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-section a:hover { color: var(--black); }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .facts {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin: 20px 0 18px;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .fact {
      padding: 16px 18px;
      border: 1px solid var(--line);
      background: #FCFBF8;
      border-radius: 12px;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .fact span { display: block; margin-bottom: 5px; color: var(--slate); font-size: 11px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .fact strong,:is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .fact a { font-size: 14px; word-break: break-word; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .notice {
      margin-top: 18px;
      padding: 16px 18px;
      border-left: 4px solid var(--gold);
      background: rgba(255,206,27,.10);
      border-radius: 0 10px 10px 0;
      color: #4a420e;
      font-size: 14px;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .compact-list { margin: 14px 0 0; padding-left: 20px; color: #4b4b4b; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .compact-list li { margin-bottom: 7px; padding-left: 4px; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .compact-list li::marker { color: #b18d00; }

    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .update-box {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      margin-top: 28px;
      padding: 20px 24px;
      background: var(--black);
      color: rgba(255,255,255,.75);
      border-radius: 14px;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .update-box strong { color: var(--gold); }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .update-box a { color: #fff; font-weight: 700; text-decoration: none; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .update-box a:hover { color: var(--gold); }

    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .site-footer {
      position: relative;
      background: var(--black);
      color: rgba(255,255,255,.68);
      border-top: 4px solid var(--gold);
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .footer-inner {
      max-width: var(--max);
      margin: 0 auto;
      padding: 68px 24px 42px;
      display: grid;
      grid-template-columns: 1.35fr 1fr 1fr 1.15fr;
      gap: 44px;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .footer-brand img { width: 250px; margin-bottom: 20px; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .footer-brand p { margin: 0; font-size: 14px; max-width: 360px; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .footer-col h3 {
      margin: 0 0 18px;
      color: #fff;
      font-size: 15px;
      letter-spacing: -.01em;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .footer-col ul { list-style: none; margin: 0; padding: 0; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .footer-col li { margin: 0 0 10px; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .footer-col a { color: rgba(255,255,255,.68); text-decoration: none; font-size: 13px; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .footer-col a:hover { color: var(--gold); }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .cert-card {
      padding: 18px;
      border: 1px solid rgba(255,206,27,.25);
      background: rgba(255,255,255,.035);
      border-radius: 12px;
      font-size: 12px;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .cert-card p { margin: 0 0 9px; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .cert-card p:last-child { margin-bottom: 0; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .cert-card strong { color: #fff; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .check { color: var(--gold); font-weight: 900; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .footer-bottom {
      max-width: var(--max);
      margin: 0 auto;
      padding: 22px 24px 28px;
      border-top: 1px solid rgba(255,255,255,.09);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      font-size: 12px;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .footer-legal { display: flex; flex-wrap: wrap; gap: 16px; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .footer-legal a { color: rgba(255,255,255,.72); text-decoration: none; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .footer-legal a[aria-current="page"],:is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .footer-legal a:hover { color: var(--gold); }

    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .skip-link {
      position: fixed;
      left: 16px;
      top: -100px;
      z-index: 2000;
      padding: 10px 14px;
      background: var(--gold);
      color: var(--black);
      font-weight: 800;
      border-radius: 8px;
      transition: top .2s ease;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .skip-link:focus { top: 16px; }

    @media (max-width: 1060px) {
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .brand { width: 220px; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .main-nav { gap: 14px; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .main-nav a { font-size: 12px; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .footer-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 900px) {
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .menu-toggle { display: inline-flex; flex-direction: column; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .main-nav {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 14px 24px 22px;
        background: #0d0d0d;
        border-top: 1px solid rgba(255,255,255,.08);
        box-shadow: 0 18px 30px rgba(0,0,0,.25);
      }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .main-nav.is-open { display: flex; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .main-nav a { padding: 12px 6px; font-size: 14px; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .header-cta { margin-top: 8px; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .page-shell { grid-template-columns: 1fr; gap: 28px; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-nav { position: static; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-nav ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 680px) {
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .topbar { font-size: 10px; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .header-inner { min-height: 70px; padding: 0 18px; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .brand { width: 210px; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .hero { padding: 70px 20px 66px; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .hero-lead { font-size: 16px; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .page-shell { padding: 46px 18px 64px; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-nav ol { grid-template-columns: 1fr; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-section,:is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .intro-card { padding: 26px 22px; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .section-heading { grid-template-columns: 42px minmax(0, 1fr); gap: 12px; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .section-number { width: 42px; height: 42px; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .facts { grid-template-columns: 1fr; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .update-box { align-items: flex-start; flex-direction: column; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .footer-inner { grid-template-columns: 1fr; gap: 34px; padding-top: 50px; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .footer-bottom { flex-direction: column; align-items: flex-start; }
    }
    @media (prefers-reduced-motion: reduce) {
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) { scroll-behavior: auto; }
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) *,:is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) *::before,:is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) *::after { transition: none !important; }
    }

    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .data-table-wrap {
      margin: 20px 0 8px;
      overflow-x: auto;
      border: 1px solid var(--line);
      border-radius: 13px;
      background: #fff;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .data-table {
      width: 100%;
      border-collapse: collapse;
      min-width: 720px;
      font-size: 13px;
      line-height: 1.45;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .data-table th,:is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .data-table td {
      padding: 15px 16px;
      text-align: left;
      vertical-align: top;
      border-bottom: 1px solid var(--line);
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .data-table th {
      background: var(--black);
      color: #fff;
      font-family: "Montserrat", Arial, sans-serif;
      font-size: 12px;
      letter-spacing: .02em;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .data-table tr:last-child td { border-bottom: 0; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .data-table td:first-child { font-weight: 700; color: var(--ink); }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .data-table tbody tr:nth-child(even) { background: #FCFBF8; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .rights-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin: 18px 0;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .right-card {
      padding: 17px 18px;
      border: 1px solid var(--line);
      background: #FCFBF8;
      border-radius: 12px;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .right-card strong { display: block; margin-bottom: 5px; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .right-card p { margin: 0; font-size: 14px; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-section h3 {
      margin: 24px 0 10px;
      color: var(--ink);
      font-size: 18px;
      line-height: 1.35;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .legal-section h3:first-of-type { margin-top: 8px; }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .privacy-contact {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-top: 18px;
    }
    :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .privacy-contact .fact { min-height: 100%; }
    @media (max-width: 760px) {
      :is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .rights-grid,:is(html[data-page="politique-de-confidentialite"],html:has(link[rel="canonical"][href$="/politique-de-confidentialite.html"])) .privacy-contact { grid-template-columns: 1fr; }
    }

/* =========================================================
   Styles de contenu : utiliser-ia-generative-dans-votre-entreprise.html
   Activation : URL canonique, avec data-page en secours
   ========================================================= */


	/* =========================================================
   Carte formation avec image — L'IAventeur
   ========================================================= */

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card {
    --liav-accent: #7c3aed;
    --liav-accent-dark: #5b21b6;
    --liav-text: #172033;
    --liav-text-soft: #5e687a;
    --liav-border: rgba(23, 32, 51, 0.12);
    --liav-background: #ffffff;

    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;

    background: var(--liav-background);
    border: 1px solid var(--liav-border);
    border-radius: 24px;
    box-shadow:
        0 10px 30px rgba(15, 23, 42, 0.07),
        0 2px 8px rgba(15, 23, 42, 0.04);

    transition:
        transform 220ms ease,
        box-shadow 220ms ease,
        border-color 220ms ease;
}

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card:hover {
    transform: translateY(-5px);
    border-color: rgba(124, 58, 237, 0.3);
    box-shadow:
        0 22px 45px rgba(15, 23, 42, 0.12),
        0 4px 12px rgba(15, 23, 42, 0.06);
}


/* Image */

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__visual {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #e8eaf2;
	margin-bottom: 10px;
}

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__visual::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(10, 16, 32, 0) 45%,
            rgba(10, 16, 32, 0.48) 100%
        );
}

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__visual picture,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__visual img {
    display: block;
    width: 100%;
    height: 100%;
}

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__visual img {
    object-fit: cover;
    object-position: center;
    transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card:hover .liav-formation-card__visual img {
    transform: scale(1.045);
}

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__image-label {
    position: absolute;
    z-index: 1;
    right: 18px;
    bottom: 16px;

    padding: 7px 12px;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;

    background: rgba(15, 23, 42, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 999px;
    backdrop-filter: blur(8px);
}


/* Contenu */

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 26px;
}

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__category {
    align-self: flex-start;
    margin-bottom: 13px;
    padding: 7px 11px;

    color: var(--liav-accent-dark);
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.06em;
    text-transform: uppercase;

    background: rgba(124, 58, 237, 0.09);
    border-radius: 999px;
}

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-bottom: 12px;

    color: var(--liav-text-soft);
    font-size: 0.86rem;
    font-weight: 600;
}

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__title {
    margin: 0 0 14px;
    color: var(--liav-text);
    font-size: clamp(1.3rem, 2vw, 1.6rem);
    font-weight: 750;
    line-height: 1.2;
    text-wrap: balance;
}

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__description {
    margin: 0 0 22px;
    color: var(--liav-text-soft);
    font-size: 0.98rem;
    line-height: 1.65;
}


/* Programme */

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__program {
    margin-bottom: 25px;
}

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__program-title {
    margin: 0 0 10px;
    color: var(--liav-text);
    font-size: 0.88rem;
    font-weight: 750;
}

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__program ul {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__program li {
    position: relative;
    padding-left: 24px;
    color: var(--liav-text-soft);
    font-size: 0.9rem;
    line-height: 1.5;
}

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__program li::before {
    content: "✓";
    position: absolute;
    top: 0;
    left: 0;

    color: var(--liav-accent);
    font-weight: 800;
}


/* Tarif et bouton */

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-top: auto;
    padding-top: 20px;

    border-top: 1px solid var(--liav-border);
}

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px;
    margin: 0;

    color: var(--liav-text-soft);
    font-size: 0.8rem;
}

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__price strong {
    color: var(--liav-text);
    font-size: 1.08rem;
    font-weight: 800;
}

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__button {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 8px;

    min-height: 44px;
    padding: 11px 17px;

    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;

    background: var(--liav-accent);
    border-radius: 12px;

    transition:
        background-color 180ms ease,
        transform 180ms ease;
}

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__button:hover {
    color: #ffffff;
    background: var(--liav-accent-dark);
    transform: translateX(2px);
}

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__button:focus-visible,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__visual:focus-visible {
    outline: 3px solid rgba(124, 58, 237, 0.4);
    outline-offset: 4px;
}


/* Responsive */

@media (max-width: 600px) {
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card {
        border-radius: 19px;
    }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__content {
        padding: 21px;
    }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__footer {
        align-items: stretch;
        flex-direction: column;
    }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__button {
        width: 100%;
    }
}


/* Respect des préférences d’accessibilité */

@media (prefers-reduced-motion: reduce) {
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__visual img,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card__button {
        transition: none;
    }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card:hover,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .liav-formation-card:hover .liav-formation-card__visual img {
        transform: none;
    }
}

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) {
      --bg: #090909;
      --bg-soft: #111112;
      --surface: #171719;
      --surface-2: #1d1d20;
      --text: #f7f7f5;
      --muted: #aaaab2;
      --line: rgba(255,255,255,.10);
      --accent: #ffce1b;
      --accent-2: #f6b900;
      --accent-soft: rgba(255,206,27,.12);
      --success: #c8ff66;
      --radius: 22px;
      --shadow: 0 24px 80px rgba(0,0,0,.38);
      --container: 1180px;
    }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) *,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) *::before,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) *::after { box-sizing: border-box; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) { scroll-behavior: smooth; scroll-padding-top: 100px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) body {
      margin: 0;
      color: var(--text);
      background:
        radial-gradient(circle at 78% 5%, rgba(255,206,27,.10), transparent 26rem),
        radial-gradient(circle at 8% 34%, rgba(255,206,27,.05), transparent 22rem),
        var(--bg);
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) img { max-width: 100%; display: block; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) a { color: #OBOBOC; text-decoration: none; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) button,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) a { -webkit-tap-highlight-color: transparent; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) button { font: inherit; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) ::selection { background: var(--accent); color: #111; }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .skip-link {
      position: fixed; left: 16px; top: -80px; z-index: 1000;
      padding: 12px 16px; border-radius: 12px; color: #111; background: var(--accent);
      font-weight: 800; transition: top .2s ease;
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .skip-link:focus { top: 16px; }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .section { padding: 104px 0; position: relative; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .section--compact { padding: 76px 0; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .section--surface {
      background: linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.012));
      border-block: 1px solid var(--line);
    }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .eyebrow {
      display: inline-flex; align-items: center; gap: 9px;
      color: var(--accent); font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 850;
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .eyebrow::before { content: ""; width: 26px; height: 2px; background: var(--accent); border-radius: 2px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .accent { color: var(--accent); }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .section-head { max-width: 760px; margin-bottom: 42px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .section-head h2 {
      margin: 13px 0 13px; font-family: Montserrat, Inter, sans-serif;
      font-size: clamp(2rem, 4vw, 3.35rem); line-height: 1.08; letter-spacing: -.04em;
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .section-head p { margin: 0; color: var(--muted); font-size: 1.05rem; }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .site-topbar {
      border-bottom: 1px solid rgba(255,255,255,.07);
      background: #050505;
      color: #aaaab2;
      font-size: .76rem;
      letter-spacing: .025em;
      text-align: center;
      padding: 8px 20px;
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .site-topbar strong { color: #d8d8dc; font-weight: 650; }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .site-header {
      position: sticky; top: 0; z-index: 90;
      background: rgba(9,9,9,.88);
      border-bottom: 1px solid rgba(255,255,255,.08);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .header-inner { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .brand { display: inline-flex; align-items: center; flex: 0 0 auto; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .brand img { width: 215px; height: auto; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav { display: flex; align-items: center; gap: 4px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav a { color: #c5c5cb; font-size: .86rem; font-weight: 600; padding: 10px 10px; border-radius: 10px; transition: .2s ease; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav a:hover,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav a:focus-visible { color: var(--accent); background: rgba(255,255,255,.04); outline: none; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav .nav-cta {
      margin-left: 8px; color: #111; background: linear-gradient(135deg, var(--accent), var(--accent-2));
      font-weight: 850; padding: 11px 16px; box-shadow: 0 8px 28px rgba(255,206,27,.13);
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav .nav-cta:hover,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav .nav-cta:focus-visible { color: #111; background: var(--accent); transform: translateY(-1px); }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .menu-toggle {
      display: none; width: 44px; height: 44px; align-items: center; justify-content: center;
      color: #d7d7dc; background: rgba(255,255,255,.04); border: 1px solid var(--line); border-radius: 12px; cursor: pointer;
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .menu-toggle svg { width: 23px; height: 23px; }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero { padding: 92px 20px 70px; overflow: hidden; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr); gap: 64px; align-items: center; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-meta { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 28px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .pill {
      display: inline-flex; align-items: center; min-height: 32px; padding: 7px 12px; border-radius: 999px;
      color: #111; background: var(--accent); font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase;
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .pill--subtle { color: #d7d7dc; background: rgba(255,255,255,.055); border: 1px solid var(--line); }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero h1 {
      max-width: 820px; margin: 16px 0 22px;
      font-family: Montserrat, Inter, sans-serif; font-size: clamp(3rem, 6.4vw, 5.35rem); line-height: .98; letter-spacing: -.06em; font-weight: 900;
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-lead { max-width: 750px; margin: 0; color: #c7c7cd; font-size: 1.16rem; line-height: 1.7; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .btn {
      display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 10px;
      border-radius: 0.5rem !important; padding: 13px 20px; font-weight: 850; transition: .2s ease; border: 1px solid transparent;
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .btn svg { width: 19px; height: 19px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .btn-primary { color: #111; background: linear-gradient(135deg, var(--accent), var(--accent-2)); box-shadow: 0 14px 38px rgba(255,206,27,.13); }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .btn-primary:hover,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .btn-primary:focus-visible { transform: translateY(-2px); box-shadow: 0 18px 45px rgba(255,206,27,.19); outline: none; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .btn-secondary { color: #efeff2; background: rgba(255,255,255,.035); border-color: var(--line); }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .btn-secondary:hover,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .btn-secondary:focus-visible { background: rgba(255,255,255,.07); border-color: rgba(255,206,27,.34); outline: none; }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-card {
      position: relative; border: 1px solid rgba(255,255,255,.12); border-radius: 28px; padding: 30px;
      background: linear-gradient(155deg, rgba(255,255,255,.065), rgba(255,255,255,.025));
      box-shadow: var(--shadow); overflow: hidden;
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-card::after {
      content: ""; position: absolute; width: 190px; height: 190px; right: -85px; top: -85px;
      border-radius: 50%; background: var(--accent); filter: blur(85px); opacity: .12;
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-card-title { color: var(--muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 800; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-card h2 { margin: 9px 0 22px; font-family: Montserrat, Inter, sans-serif; font-size: 1.55rem; line-height: 1.18; letter-spacing: -.025em; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .quick-list { display: grid; gap: 13px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .quick-item { display: grid; grid-template-columns: 42px 1fr; gap: 13px; align-items: center; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .quick-icon {
      width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center;
      color: var(--accent); background: rgba(255,206,27,.09); border: 1px solid rgba(255,206,27,.17);
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .quick-icon svg { width: 21px; height: 21px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .quick-item strong { display: block; font-size: .98rem; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .quick-item span { display: block; color: var(--muted); font-size: .84rem; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-card-foot { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); color: #c8c8ce; font-size: .9rem; }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .metrics { padding: 0 0 70px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .metrics-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .metric {
      min-height: 132px; padding: 24px; border: 1px solid var(--line); border-radius: 20px;
      background: linear-gradient(150deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .metric strong { display: block; color: var(--accent); font-family: Montserrat, Inter, sans-serif; font-size: 1.8rem; line-height: 1.05; letter-spacing: -.04em; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .metric span { display: block; margin-top: 8px; color: var(--muted); font-size: .9rem; }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .objective-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 22px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .card {
      border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.028); padding: 30px;
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .card--accent { background: linear-gradient(145deg, rgba(255,206,27,.12), rgba(255,255,255,.025)); border-color: rgba(255,206,27,.20); }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .card-kicker { color: var(--accent); font-size: .78rem; font-weight: 850; text-transform: uppercase; letter-spacing: .12em; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .card h3 { margin: 10px 0 12px; font-family: Montserrat, Inter, sans-serif; font-size: 1.45rem; line-height: 1.18; letter-spacing: -.025em; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .card p { margin: 0; color: #c4c4cb; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .check-list { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 12px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .check-list li { position: relative; padding-left: 31px; color: #d1d1d7; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .check-list li::before {
      content: "✓"; position: absolute; left: 0; top: 1px; width: 21px; height: 21px; display: grid; place-items: center;
      color: #111; background: var(--accent); border-radius: 50%; font-size: .72rem; font-weight: 950;
    }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .program-days { display: grid; gap: 22px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .day-block { border: 1px solid var(--line); border-radius: 26px; padding: 26px; background: rgba(255,255,255,.022); }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .day-heading { display: flex; justify-content: space-between; gap: 24px; align-items: center; margin-bottom: 20px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .day-heading h3 { margin: 0; font-family: Montserrat, Inter, sans-serif; font-size: 1.5rem; letter-spacing: -.03em; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .day-heading span { color: var(--accent); font-weight: 900; font-size: .82rem; letter-spacing: .1em; text-transform: uppercase; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .modules { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .module {
      position: relative; min-height: 100%; padding: 28px; border-radius: 20px;
      border: 1px solid var(--line); background: linear-gradient(155deg, rgba(255,255,255,.048), rgba(255,255,255,.018));
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .module-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .module-number { color: var(--accent); font-weight: 900; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .module-duration { color: #111; background: var(--accent); border-radius: 999px; padding: 5px 10px; font-size: .72rem; font-weight: 900; white-space: nowrap; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .module h3 { margin: 11px 0 15px; font-family: Montserrat, Inter, sans-serif; font-size: 1.22rem; line-height: 1.25; letter-spacing: -.025em; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .module ul { margin: 0; padding-left: 19px; color: #c6c6cc; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .module li + li { margin-top: 8px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .module li::marker { color: var(--accent); }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .triptych { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .info-card {
      padding: 29px; border: 1px solid var(--line); border-radius: var(--radius);
      background: linear-gradient(155deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .info-icon {
      width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 20px;
      color: var(--accent); background: rgba(255,206,27,.09); border: 1px solid rgba(255,206,27,.18); border-radius: 15px;
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .info-icon svg { width: 23px; height: 23px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .info-card h3 { margin: 0 0 11px; font-family: Montserrat, Inter, sans-serif; font-size: 1.28rem; letter-spacing: -.025em; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .info-card p,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .info-card li { color: #c2c2c9; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .info-card p { margin: 0; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .info-card ul { padding-left: 18px; margin: 14px 0 0; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .info-card li + li { margin-top: 7px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .info-card li::marker { color: var(--accent); }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .audience-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .audience-card { min-height: 100%; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .audience-card h3 { margin-top: 12px; }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .attestation {
      display: flex; align-items: center; gap: 15px; margin-top: 24px; padding: 18px 20px;
      border: 1px solid rgba(200,255,102,.18); border-radius: 16px; background: rgba(200,255,102,.045); color: #dceec1;
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .attestation svg { flex: 0 0 auto; width: 27px; height: 27px; color: var(--success); }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .pricing-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .price-card {
      position: relative; padding: 32px; border: 1px solid var(--line); border-radius: 25px;
      background: linear-gradient(155deg, rgba(255,255,255,.052), rgba(255,255,255,.018)); overflow: hidden;
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .price-card--featured { border-color: rgba(255,206,27,.35); background: linear-gradient(150deg, rgba(255,206,27,.13), rgba(255,255,255,.022)); }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .price-card--featured::after {
      content: ""; position: absolute; width: 180px; height: 180px; top: -100px; right: -70px; border-radius: 50%; background: var(--accent); filter: blur(78px); opacity: .13;
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .price-label { color: var(--accent); font-size: .77rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .price-card h3 { margin: 12px 0 4px; font-family: Montserrat, Inter, sans-serif; font-size: 1.4rem; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .price { margin: 10px 0 11px; font-family: Montserrat, Inter, sans-serif; font-size: clamp(2.15rem, 4vw, 3.25rem); line-height: 1; letter-spacing: -.05em; font-weight: 900; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .price small { display: inline-block; color: var(--muted); font-family: Inter, sans-serif; font-size: .9rem; letter-spacing: 0; font-weight: 600; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .price-card p { color: #c4c4ca; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .price-note { margin: 24px 0 0; color: #aaaab2; font-size: .9rem; }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .cta-panel {
      position: relative; overflow: hidden; border: 1px solid rgba(255,206,27,.26); border-radius: 30px; padding: 48px;
      background: linear-gradient(135deg, rgba(255,206,27,.13), rgba(255,255,255,.028));
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .cta-panel::before {
      content: ""; position: absolute; width: 270px; height: 270px; right: -100px; bottom: -135px; border-radius: 50%; background: var(--accent); filter: blur(110px); opacity: .12;
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .cta-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1.25fr .75fr; gap: 40px; align-items: center; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .cta-panel h2 { margin: 9px 0 13px; font-family: Montserrat, Inter, sans-serif; font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.06; letter-spacing: -.045em; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .cta-panel p { max-width: 720px; margin: 0; color: #cbcbcf; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .cta-actions { display: flex; flex-direction: column; align-items: stretch; gap: 11px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .cta-actions .btn { width: 100%; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .contact-mini { margin-top: 8px; text-align: center; color: var(--muted); font-size: .86rem; }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .faq-list { display: grid; gap: 12px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .faq-item { border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.025); overflow: hidden; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .faq-question {
      width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 21px 23px;
      color: var(--text); background: transparent; border: 0; text-align: left; font-weight: 750; cursor: pointer;
    }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .faq-question svg { width: 20px; height: 20px; flex: 0 0 auto; color: var(--accent); transition: transform .2s ease; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .25s ease; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .faq-answer > div { overflow: hidden; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .faq-answer p { margin: 0; padding: 0 23px 22px; color: #bdbdc4; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .faq-item.is-open .faq-answer { grid-template-rows: 1fr; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .faq-item.is-open .faq-question svg { transform: rotate(45deg); }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .site-footer { border-top: 1px solid var(--line); padding: 52px 0 28px; background: #070707; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-grid { display: grid; grid-template-columns: 1.25fr .75fr .75fr; gap: 46px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-brand img { width: 205px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-brand p { max-width: 510px; margin: 18px 0 0; color: var(--muted); }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-col h3 { margin: 0 0 13px; font-size: .82rem; color: var(--accent); text-transform: uppercase; letter-spacing: .12em; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-col a,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-col span { display: block; color: #c3c3c9; margin: 8px 0; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-col a:hover { color: var(--accent); }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-certification { color: #a9a9b1; font-size: .88rem; line-height: 1.55; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-bottom { display: flex; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); margin-top: 38px; padding-top: 24px; color: #86868e; font-size: .84rem; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-legal { display: flex; flex-wrap: wrap; gap: 18px; }
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-legal a:hover { color: var(--accent); }

    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .mobile-cta { display: none; }

    @media (max-width: 980px) {
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .menu-toggle { display: inline-flex; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav {
        display: none; position: absolute; top: 78px; left: 20px; right: 20px; flex-direction: column; align-items: stretch;
        gap: 4px; padding: 14px; border: 1px solid var(--line); border-radius: 18px; background: rgba(15,15,16,.98); box-shadow: var(--shadow);
      }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav.is-open { display: flex; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav a { padding: 12px 13px; border-radius: 11px; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav .nav-cta { text-align: center; margin: 5px 0 0; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero { padding-top: 82px; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-grid,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .objective-grid,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .audience-grid,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .cta-inner { grid-template-columns: 1fr; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-card { max-width: 680px; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .triptych { grid-template-columns: 1fr; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .cta-actions { max-width: 520px; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-grid { grid-template-columns: 1fr 1fr; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-brand { grid-column: 1 / -1; }
    }

    @media (max-width: 720px) {
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .container { width: min(calc(100% - 28px), var(--container)); }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .section { padding: 78px 20px; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .section--compact { padding: 60px 0; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .site-topbar { font-size: .7rem; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .brand img { width: 184px; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .header-inner { min-height: 72px; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav { top: 72px; left: 14px; right: 14px; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero { padding: 68px 20px 52px; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-grid { gap: 38px; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero h1 { font-size: clamp(2.55rem, 13vw, 4.15rem); }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-lead { font-size: 1.04rem; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-actions .btn { width: 100%; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-card { padding: 23px; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .metrics { padding-bottom: 52px; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .metrics-grid { grid-template-columns: repeat(2, 1fr); }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .metric { min-height: 112px; padding: 20px; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .modules,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .pricing-grid { grid-template-columns: 1fr; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .day-block { padding: 19px; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .day-heading { align-items: flex-start; flex-direction: column; gap: 4px; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .card,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .module,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .info-card,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .price-card { padding: 24px; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .cta-panel { padding: 32px 24px; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .cta-actions,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .cta-actions .btn { width: 100%; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-grid { grid-template-columns: 1fr; gap: 28px; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-brand { grid-column: auto; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-bottom { flex-direction: column; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .mobile-cta {
        display: block; position: fixed; left: 14px; right: 14px; bottom: 14px; z-index: 80;
        color: #111; background: var(--accent); padding: 13px 18px; border-radius: 999px; text-align: center; font-weight: 900;
        box-shadow: 0 12px 40px rgba(0,0,0,.45);
      }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) body { padding-bottom: 72px; }
    }

    @media (max-width: 460px) {
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .metrics-grid { grid-template-columns: 1fr; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .metric { min-height: auto; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-meta { gap: 7px; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .pill { font-size: .64rem; }
    }

    @media (prefers-reduced-motion: reduce) {
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) { scroll-behavior: auto; }
      :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) *,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) *::before,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) *::after { transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
    }
  

/* Harmonisation fidèle avec la page de référence L’IAventeur. */
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) { scroll-padding-top: 24px; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) body,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) h1,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) h2,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) h3,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .metric strong,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .price {
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .section-head { max-width: 760px; margin-bottom: 42px; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .section-head h2 {
  margin: 13px 0 14px;
  font-family: inherit;
  font-size: clamp(2rem, 4vw, 2rem);
  line-height: 1.05;
  letter-spacing: -.045em;
}
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .section-head p { margin: 0; color: var(--muted); font-size: 1.08rem; }

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .site-topbar {
  border-bottom: 1px solid rgba(255,255,255,.07);
  background: #050505;
  color: #aaaab2;
  font-size: .76rem;
  letter-spacing: .025em;
  text-align: center;
  padding: 8px 20px;
}
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .site-topbar strong { color: #d8d8dc; font-weight: 650; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(9,9,9,.82);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav-wrap { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .brand { display: inline-flex; align-items: center; flex-shrink: 0; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .brand img { width: 208px; height: auto; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav { display: flex; align-items: center; gap: 27px; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav a {
  color: #d7d7dc;
  font-size: .93rem;
  font-weight: 650;
  padding: 0;
  border-radius: 0;
  transition: color .2s ease;
}
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav a:hover,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav a:focus-visible { color: var(--accent); background: transparent; outline: none; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav .nav-cta {
  margin-left: 0;
  color: #111;
  background: var(--accent);
  padding: 11px 18px;
  border-radius: 999px;
  font-weight: 850;
  box-shadow: none;
}
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav .nav-cta:hover,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav .nav-cta:focus-visible { color: #111; background: #ffe06b; transform: none; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .menu-toggle {
  display: none;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--text);
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .menu-toggle svg { width: 22px; height: 22px; }

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero { padding: 104px 0 72px; overflow: clip; position: relative; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .17;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: linear-gradient(to bottom, black, transparent 70%);
  -webkit-mask-image: linear-gradient(to bottom, black, transparent 70%);
}
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(310px, .75fr);
  gap: 72px;
  align-items: center;
}
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 24px; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 0;
  padding: 8px 13px;
  border-radius: 999px;
  border: 1px solid rgba(255,206,27,.35);
  background: var(--accent-soft);
  color: var(--accent);
  font-weight: 800;
  font-size: .78rem;
  letter-spacing: .035em;
  text-transform: uppercase;
}
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .pill--subtle { border-color: var(--line); background: rgba(255,255,255,.04); color: #c3c3ca; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero h1 {
  margin: 0;
  max-width: 870px;
  font-family: inherit;
  font-size: clamp(2.75rem, 6.8vw, 3.75rem);
  line-height: .98;
  letter-spacing: -.064em;
  font-weight: 600;
}
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-lead {
  max-width: 790px;
  margin: 28px 0 0;
  color: #c3c3ca;
  font-size: clamp(1.05rem, 1.7vw, 1.3rem);
  line-height: 1.6;
}
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 34px; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 13px 21px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-weight: 850;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .btn:hover { transform: translateY(-2px); }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .btn-primary { color: #111; background: var(--accent); box-shadow: 0 12px 36px rgba(255,206,27,.14); }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .btn-primary:hover,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .btn-primary:focus-visible { background: #ffe067; box-shadow: 0 12px 36px rgba(255,206,27,.14); outline: none; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .btn-secondary { color: var(--text); border-color: var(--line); background: rgba(255,255,255,.035); }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .btn-secondary:hover,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .btn-secondary:focus-visible { border-color: rgba(255,206,27,.45); background: rgba(255,206,27,.06); outline: none; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-card {
  position: relative;
  border: 1px solid rgba(255,206,27,.20);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(255,206,27,.11), rgba(255,255,255,.025) 43%, rgba(255,255,255,.04));
  padding: 28px;
  box-shadow: var(--shadow);
  overflow: hidden;
}
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-card h2 { margin: 9px 0 22px; font-family: inherit; font-size: 1.55rem; line-height: 1.18; letter-spacing: -.025em; }

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .metric strong { font-family: inherit; font-size: 1.8rem; line-height: 1.05; letter-spacing: -.04em; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .card h3 { margin: 10px 0 12px; font-family: inherit; font-size: 1.45rem; line-height: 1.18; letter-spacing: -.025em; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .check-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 16px; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .check-list li { position: relative; padding-left: 38px; color: #e3e3e7; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .check-list li::before {
  content: "→";
  position: absolute;
  left: 0;
  top: -2px;
  width: auto;
  height: auto;
  display: block;
  color: var(--accent);
  background: transparent;
  border-radius: 0;
  font-weight: 900;
  font-size: 1.3rem;
}

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .day-block { border: 1px solid var(--line); border-radius: 24px; padding: 26px; background: rgba(255,255,255,.018); }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .day-heading h3 { margin: 0; font-family: inherit; font-size: 1.55rem; line-height: 1.2; letter-spacing: -.03em; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .modules { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .module {
  position: relative;
  overflow: hidden;
  min-height: 100%;
  border-radius: 24px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  padding: 31px;
}
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .module::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--accent); }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .module-top { display: flex; justify-content: space-between; gap: 18px; align-items: center; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .module-number { color: var(--accent); font-size: .78rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 900; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .module-duration {
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(255,206,27,.10);
  color: var(--accent);
  font-weight: 850;
  font-size: .82rem;
}
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .module h3 { margin: 16px 0 18px; font-family: inherit; font-size: 1.55rem; line-height: 1.2; letter-spacing: -.03em; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .module ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 13px; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .module li { color: #c8c8ce; padding-left: 24px; position: relative; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .module li + li { margin-top: 0; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .module li::before { content: ""; position: absolute; left: 1px; top: .7em; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .module li::marker { content: ""; }

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .triptych { grid-template-columns: repeat(3, 1fr); gap: 18px; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .info-card { padding: 29px; border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.03); }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .info-card h3 { margin: 0 0 11px; font-family: inherit; font-size: 1.28rem; letter-spacing: -.025em; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .price-card h3 { margin: 12px 0 4px; font-family: inherit; font-size: 1.4rem; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .price { margin: 10px 0 11px; font-family: inherit; font-size: clamp(2.15rem, 4vw, 3.25rem); line-height: 1; letter-spacing: -.05em; font-weight: 900; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .cta-panel h2 { margin: 9px 0 13px; font-family: inherit; font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.06; letter-spacing: -.045em; }

:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .site-footer { border-top: 1px solid var(--line); padding: 52px 0 28px; background: #070707; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-grid { display: grid; grid-template-columns: 1.25fr .75fr .75fr; gap: 46px; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-brand img { width: 205px; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-brand p { max-width: 510px; margin: 18px 0 0; color: var(--muted); }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-col h3 { margin: 0 0 13px; font-family: inherit; font-size: .82rem; color: var(--accent); text-transform: uppercase; letter-spacing: .12em; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-col a,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-col span { display: block; color: #c3c3c9; margin: 8px 0; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-col a:hover { color: var(--accent); }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-certification-grid { margin-top: 38px; grid-template-columns: 1fr; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-certification { color: #a9a9b1; font-size: .88rem; line-height: 1.55; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-bottom { display: flex; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); margin-top: 38px; padding-top: 24px; color: #86868e; font-size: .84rem; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-legal { display: flex; flex-wrap: wrap; gap: 18px; }
:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-legal a:hover { color: var(--accent); }

	:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) h1,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) h2 { font-family: 'Montserrat', sans-serif !important; }
	:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) h1 { font-size: 4.5rem; padding-top: 0.5rem;}

@media (min-width: 1536px) {
    :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .container {
        max-width: 1280px !important;
    }
}

@media (max-width: 980px) {
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .site-topbar { font-size: .7rem; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .menu-toggle { display: inline-flex; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav {
    display: none;
    position: absolute;
    top: calc(100% + 1px);
    left: 20px;
    right: 20px;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(15,15,16,.98);
    box-shadow: var(--shadow);
  }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav.is-open { display: flex; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav a { padding: 12px 13px; border-radius: 11px; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .nav .nav-cta { text-align: center; margin-top: 5px; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero { padding-top: 82px; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-grid,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .objective-grid,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .audience-grid,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .cta-inner { grid-template-columns: 1fr; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-card { max-width: 680px; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .triptych { grid-template-columns: 1fr; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .cta-actions { justify-content: flex-start; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-grid { grid-template-columns: 1fr 1fr; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-brand { grid-column: 1 / -1; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-certification-grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .site-topbar { display: none; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .container { width: min(calc(100% - 28px), var(--container)); }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .section { padding: 78px 20px; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .section--compact { padding: 60px 0; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .brand img { width: 184px; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero { padding: 68px 20px 52px; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-grid { gap: 38px; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero h1 { font-size: clamp(2.6rem, 13vw, 4.15rem); }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-lead { font-size: 1.04rem; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-actions .btn { width: 100%; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .hero-card { padding: 23px; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .metrics { padding-bottom: 52px; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .metrics-grid { grid-template-columns: repeat(2, 1fr); }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .metric { min-height: 112px; padding: 20px; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .modules,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .pricing-grid { grid-template-columns: 1fr; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .card,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .module,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .info-card,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .price-card { padding: 24px; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .cta-panel { padding: 32px 24px; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .cta-actions,:is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .cta-actions .btn { width: 100%; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-grid { grid-template-columns: 1fr; gap: 28px; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-brand { grid-column: auto; }
  :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .footer-bottom { flex-direction: column; }
}


        :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .glassmorphism {
            background: rgba(26, 26, 28, 0.75);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.05);
        }
        :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) .text-glow {
            text-shadow: 0 0 15px rgba(255, 206, 27, 0.35);
        }
        /* Custom scrollbar */
        :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) ::-webkit-scrollbar {
            width: 8px;
        }
        :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) ::-webkit-scrollbar-track {
            background: #0B0B0C;
        }
        :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) ::-webkit-scrollbar-thumb {
            background: #27272A;
            border-radius: 4px;
        }
        :is(html[data-page="utiliser-ia-generative-dans-votre-entreprise"],html:has(link[rel="canonical"][href$="/utiliser-ia-generative-dans-votre-entreprise.html"])) ::-webkit-scrollbar-thumb:hover {
            background: #FFCE1B;
        }