/* H4I-ITSM — page produit (itsm1). Complète itsm.css. */

/* Bouton outline (2e CTA du hero) */
.btn-outline{background:transparent;border:1.5px solid rgba(255,255,255,.4);color:#fff}
.btn-outline:hover{border-color:var(--cyan2);color:var(--cyan2)}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}

/* Bandeau de confiance */
.trustbar{background:var(--navy);color:#cfe0f2;border-top:1px solid rgba(255,255,255,.08)}
.trustbar .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 34px;padding:18px 22px;font-size:14.5px;font-weight:600}
.trustbar span{white-space:nowrap}
@media(max-width:600px){.trustbar .wrap{font-size:13px;gap:10px 18px}}

/* Tableau comparatif */
.cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px;border:1px solid var(--line);background:#fff;box-shadow:0 18px 40px rgba(15,49,92,.08)}
.cmp{width:100%;border-collapse:collapse;min-width:560px}
.cmp th,.cmp td{padding:15px 18px;text-align:center;font-size:14.5px;border-bottom:1px solid var(--line)}
.cmp thead th{font-size:15px;font-weight:800;color:var(--navy);background:var(--soft)}
.cmp td:first-child,.cmp th:first-child{text-align:left;font-weight:600;color:var(--ink);min-width:230px}
.cmp .cmp-us{background:linear-gradient(180deg,rgba(39,175,223,.10),rgba(39,175,223,.04));color:var(--navy);font-weight:800;border-left:2px solid var(--cyan);border-right:2px solid var(--cyan)}
.cmp thead .cmp-us{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff;border-top-left-radius:10px;border-top-right-radius:10px}
.cmp tbody tr:last-child td{border-bottom:0}
.cmp tbody tr:hover td{background:rgba(242,248,253,.6)}
.cmp tbody tr:hover .cmp-us{background:rgba(39,175,223,.14)}
.cmp-note{text-align:center;color:var(--mut);font-size:12.5px;margin-top:14px}

/* FAQ (repris du style accueil, isolé ici car home.css non chargé) */
.faq{max-width:820px;margin:0 auto}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden;transition:.25s}
.faq details[open]{border-color:var(--cyan);box-shadow:0 12px 30px rgba(15,49,92,.08)}
.faq summary{cursor:pointer;list-style:none;padding:18px 22px;font-weight:800;font-size:16.5px;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:22px;font-weight:800;color:var(--cyan);flex:none;transition:.25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 22px 18px;color:var(--mut);font-size:15px;line-height:1.65}
.faq details a{color:var(--blue);font-weight:700}

/* CTA réutilisé de home — assure le rendu sur cette page */
.cta{border-radius:24px;text-align:center;padding:60px 30px;position:relative;overflow:hidden}
.cta h2{font-size:34px;font-weight:900;letter-spacing:-.02em}
.grid.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:880px){.grid.g4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.grid.g4{grid-template-columns:1fr}}