.elementor-4550 .elementor-element.elementor-element-59bcd95{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-1d27229 */<style>
  .om-calls{--brand:#103a6f; --brand2:#1e88e5; --accent:#f5b300; --muted:#56627a; --card:#f8fafc; --radius:14px; --shadow:0 10px 30px rgba(16,58,111,.08)}
  .om-calls *{box-sizing:border-box}
  .om-calls .container{max-width:1080px; margin-inline:auto; padding:clamp(16px,3vw,28px)}

  /* ====== HERO compact & design léger ====== */
  .om-calls .hero{background:linear-gradient(180deg,#fff,#f4f7fb); border:1px solid #e6edf5; border-radius:16px; padding:18px}
  .om-calls .eyebrow{display:inline-block; font-size:11px; letter-spacing:.5px; text-transform:uppercase; color:var(--brand); background:rgba(30,136,229,.10); border:1px solid rgba(30,136,229,.2); padding:5px 9px; border-radius:999px}
  .om-calls h1{font-size:clamp(22px,3.6vw,32px); line-height:1.2; margin:8px 0}
  .om-calls .lead{color:var(--muted); margin:0}
  .om-calls .actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:12px}
  .om-calls .btn{display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; border-radius:10px; font-weight:600; text-decoration:none; box-shadow:var(--shadow)}
  .om-calls .btn.primary{background:var(--brand); color:#fff}
  .om-calls .btn.ghost{background:#fff; color:var(--brand); border:1px solid #d7e3f5}
  .om-calls .btn.link{background:#fff; color:var(--brand2); border:1px solid #d7e3f5}

  /* ====== Grilles et cartes ====== */
  .om-calls .grid{display:grid; gap:14px}
  .om-calls .grid.two{grid-template-columns:1fr 1fr}
  .om-calls .grid.three{grid-template-columns:repeat(3,1fr)}
  @media (max-width:900px){.om-calls .grid.two,.om-calls .grid.three{grid-template-columns:1fr}}
  .om-calls .card{background:var(--card); border:1px solid #e6edf5; border-radius:var(--radius); padding:16px}
  .om-calls .icon{width:36px; height:36px; border-radius:8px; display:grid; place-items:center; background:linear-gradient(180deg,rgba(16,58,111,.06),rgba(30,136,229,.06)); margin-bottom:8px}
  .om-calls h2{font-size:clamp(18px,2.5vw,24px); margin:4px 0}
  .om-calls .muted{color:var(--muted)}
  .om-calls .small{font-size:13px}

  /* ====== Étapes ====== */
  .om-calls .section{margin-top:18px}
  .om-calls .steps{display:grid; grid-template-columns:repeat(4,1fr); gap:10px; padding:0; list-style:decimal inside}
  @media (max-width:900px){.om-calls .steps{grid-template-columns:1fr}}
  .om-calls details{background:#fff; border:1px solid #e6edf5; border-radius:12px; padding:12px; margin:8px 0}

  /* ====== Ruban CTA ====== */
  .om-calls .ribbon{background:linear-gradient(90deg, rgba(245,179,0,.12), rgba(30,136,229,.12)); border:1px solid #e6edf5; border-radius:16px}
  .om-calls .ribbon .ribbon-in{display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px}
  .om-calls .ribbon .tight{margin:0 0 4px 0}
  @media (max-width:900px){.om-calls .ribbon .ribbon-in{flex-direction:column; align-items:flex-start}}
</style>/* End custom CSS */