:root{
  --blue:#042149;
  --orange:#ff743e;
  --cream:#f9f9f9;
  --ink:#0f172a;
  --muted:#64748b;
  --white:#ffffff;
  --fadeWidth: 380px; /* largeur du fondu sur l'image du hero */
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; color:#0b1020; background:#fff;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  line-height:1.55;
}
h1,h2,h3{font-family:"Playfair Display",serif; margin:0 0 .5rem}
a{color:inherit; text-decoration:none}
.container{max-width:1180px; margin:0 auto; padding:0 20px}
section{padding:72px 0}
.section-cream{background:var(--cream)}
.grid-2{display:grid; grid-template-columns:1fr 1fr; gap:36px; align-items:center}
.pill{display:inline-block; font-weight:600; color:var(--blue); background:#eaf2ff; border:1px solid #d6e6ff; border-radius:999px; padding:8px 14px; margin:0 8px 8px 0}
.muted{color:var(--muted)}
.cta{
  background:var(--orange); color:#fff; padding:12px 18px; border-radius:10px;
  font-weight:600; box-shadow:0 6px 18px rgba(255,116,62,.25); border:0; cursor:pointer;
}
.cta-big{display:inline-block; font-size:1.12rem; padding:16px 28px; border-radius:999px; background:var(--orange); color:#fff; font-weight:700; box-shadow:0 14px 34px rgba(255,116,62,.35)}
.cta-big:hover{transform:translateY(-3px) scale(1.02)}
@media (max-width: 980px){
  .grid-2{grid-template-columns:1fr}
}

.orias{
  background:#fff;
  border-top:1px solid #e8edf6;
  padding:40px 0;
}
.orias-inner{
  display:flex;
  align-items:center;
  gap:24px;
  flex-wrap:wrap;
  justify-content:center;
  text-align:left;
}
.orias-logo{
  display:block;
  height:auto;
  max-width:240px;
}
.orias-text p{
  margin:0 0 8px;
  font-size:.95rem;
  color:#0f172a;
}
.orias-text .muted{
  color:#64748b;
  font-size:.85rem;
}