/* Composant CTA inline — version harmonisée */
.cta-inline{font-family:'IBM Plex Sans',sans-serif;background:#FAF9F6}
.cta-inline-box{max-width:1000px;margin:0 auto}
.cta-text-col{display:flex;flex-direction:column}
.cta-inline-kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#F5A623}
.cta-inline-title{font-weight:800;line-height:1.2;letter-spacing:-.01em;color:#1E2D3F}
.cta-inline-sub{font-size:15.5px;line-height:1.6;color:#6B7888}
.cta-inline-actions{display:flex;flex-wrap:wrap}

/* Boutons */
.cta-inline-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 28px;font-size:15.5px;font-weight:700;border-radius:12px;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s,color .2s,border-color .2s;cursor:pointer;white-space:nowrap}
.cta-inline-btn svg{transition:transform .2s}
.cta-inline-btn--primary{background:#F5A623;color:#fff;box-shadow:0 8px 22px rgba(245,166,35,.32)}
.cta-inline-btn--primary:hover{background:#FF7A00;transform:translateY(-2px);box-shadow:0 12px 28px rgba(255,122,0,.4)}
.cta-inline-btn--primary:hover svg{transform:translateX(3px)}
.cta-inline-btn--ghost{background:transparent;color:#1E2D3F;border:1.5px solid rgba(30,45,63,.22)}
.cta-inline-btn--ghost:hover{border-color:#1E2D3F;background:rgba(30,45,63,.04);transform:translateY(-2px)}

/* ───── Variantes inline (soft / solid / dual) : layout horizontal ───── */
.cta-inline--soft,.cta-inline--solid,.cta-inline--dual{padding:64px 24px}
.cta-inline--soft .cta-inline-box,.cta-inline--solid .cta-inline-box,.cta-inline--dual .cta-inline-box{
  display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;
}
.cta-inline--soft .cta-inline-kicker,.cta-inline--solid .cta-inline-kicker,.cta-inline--dual .cta-inline-kicker{margin:0 0 8px}
.cta-inline--soft .cta-inline-title,.cta-inline--solid .cta-inline-title,.cta-inline--dual .cta-inline-title{margin:0 0 8px;font-size:clamp(1.4rem,2.4vw,1.9rem)}
.cta-inline--soft .cta-inline-sub,.cta-inline--solid .cta-inline-sub,.cta-inline--dual .cta-inline-sub{margin:0;max-width:600px}
.cta-inline--soft .cta-inline-actions,.cta-inline--solid .cta-inline-actions,.cta-inline--dual .cta-inline-actions{flex-shrink:0;flex-direction:column;gap:12px}
.cta-inline--dual .cta-inline-actions{flex-direction:row}
/* soft : bouton outline orange léger */
.cta-inline--soft .cta-inline-btn--primary{background:transparent;color:#F5A623;border:1.5px solid rgba(245,166,35,.5);box-shadow:none}
.cta-inline--soft .cta-inline-btn--primary:hover{background:#F5A623;color:#fff;border-color:#F5A623}

/* ───── Variante FINAL : split-screen navy + soleil animé ───── */
.cta-inline--final{padding:88px 24px}
.cta-inline--final .cta-inline-box{
  display:grid;grid-template-columns:1fr 300px;align-items:center;gap:48px;
  background:#1E2D3F;border-radius:32px;padding:56px;position:relative;overflow:hidden;
  box-shadow:0 40px 90px rgba(30,45,63,.32);
}
.cta-inline--final .cta-inline-kicker{margin:0 0 14px}
.cta-inline--final .cta-inline-title{margin:0 0 16px;color:#fff;font-size:clamp(1.7rem,2.8vw,2.3rem);line-height:1.15}
.cta-inline--final .cta-inline-sub{margin:0 0 28px;color:rgba(255,255,255,.72);max-width:460px}
.cta-inline--final .cta-inline-actions{margin:0;flex-direction:row;gap:14px}
.cta-inline--final .cta-inline-btn--ghost{color:#fff;border-color:rgba(255,255,255,.3)}
.cta-inline--final .cta-inline-btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
/* Soleil SVG animé */
.cta-sun-viz{align-self:center;display:flex;justify-content:center}
.cta-sun-svg{width:220px;height:220px;filter:drop-shadow(0 0 40px rgba(245,166,35,.5))}
.cta-sun-rays{transform-origin:100px 100px;animation:ctaSunSpin 40s linear infinite}
.cta-sun-halo{transform-origin:100px 100px;animation:ctaHaloPulse 4s ease-in-out infinite}
@keyframes ctaSunSpin{to{transform:rotate(360deg)}}
@keyframes ctaHaloPulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.5);opacity:0}}

/* Responsive */
@media (max-width:760px){
  .cta-inline--soft .cta-inline-box,.cta-inline--solid .cta-inline-box,.cta-inline--dual .cta-inline-box,
  .cta-inline--final .cta-inline-box{grid-template-columns:1fr;gap:28px;text-align:center}
  .cta-inline--final .cta-inline-box{text-align:center}
  .cta-text-col{align-items:center}
  .cta-inline-actions{justify-content:center}
  .cta-inline--final .cta-sun-viz{order:-1}
  .cta-inline--final .cta-sun-svg{width:170px;height:170px}
}
@media (max-width:560px){
  .cta-inline--soft,.cta-inline--solid,.cta-inline--dual{padding:48px 24px}
  .cta-inline--final .cta-inline-box{padding:40px 28px}
  .cta-inline-btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .cta-sun-rays,.cta-sun-halo{animation:none!important}
}