/* offres.css — utilisé par : b2b-seo-consultant.html, index-fr.html, index.html, multilingual-seo-consultant.html, saas-seo-consultant.html, seo-for-startups.html */
.offres{
  max-width:1020px;margin:0 auto;display:flex;flex-direction:column;gap:14px;
}
.offre{
  display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;
  background:var(--surface-2);border:1px solid var(--line);border-radius:18px;
  padding:26px 28px;transition:border-color .2s ease,transform .2s ease;
}
.offre:hover{
  border-color:var(--line-strong);transform:translateY(-2px);
}
.offre h3{
  font-family:'Space Grotesk',sans-serif;font-size:19px;margin:0 0 6px;
  letter-spacing:-.01em;font-weight:600;
}
.offre p{
  margin:0;color:var(--muted);font-size:14.5px;max-width:62ch;line-height:1.6;
}
.offre .prix{
  text-align:right;white-space:nowrap;
}
.offre .prix b{
  display:block;font-family:'Space Grotesk',sans-serif;font-size:22px;color:var(--ink);
}
.offre .prix em{
  display:block;font-size:12px;color:var(--muted-2);margin-top:2px;font-style:normal;
}
.offre .prix a{
  display:inline-block;margin-top:12px;font-size:13.5px;font-weight:600;
  color:var(--violet-bright);text-decoration:none;
}
.offre .prix a:hover{
  text-decoration:underline;
}
@media(max-width:760px){
  .offre{
  grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .offre .prix{
  text-align:left;
  }
}
.respire{
  background:var(--ink);border-radius:24px;padding:52px 44px;max-width:1020px;
  margin:0 auto;text-align:center;
}
.respire p.phrase{
  font-family:'Space Grotesk',sans-serif;font-size:27px;line-height:1.3;
  letter-spacing:-.02em;color:#fff;margin:0 auto;max-width:24ch;
}
.respire p.phrase em{
  color:var(--signal);font-style:normal;
}
.respire p.qui{
  margin:22px 0 0;font-size:13px;color:rgba(255,255,255,.55);
}
@media(max-width:600px){
  .respire{
  padding:38px 24px;
  }
}
@media(max-width:600px){
  .respire p.phrase{
  font-size:22px;
  }
}