/* Modèles et inspirations — blocs propres à la page (base : launch-guide-v2.css) */
body main.pmo .pmo-sec { max-width:1200px; margin:0 auto; padding:128px 24px 0; scroll-margin-top:70px; }

/* Catégories du hero */
body main.pmo .pmo-cats { max-width:1040px; margin:0 auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; text-align:left; }
body main.pmo .pmo-cats a { display:flex; flex-direction:column; gap:8px; padding:24px; border:1px solid #fff; border-radius:16px; background:#fff; color:inherit; text-decoration:none; box-shadow:0 24px 50px rgba(25,35,90,.12); transition:transform .15s, border-color .15s; }
body main.pmo .pmo-cats a:hover { transform:translateY(-3px); border-color:#2f62ee; }
body main.pmo .pmo-cats strong { font-size:18px; line-height:1.25; letter-spacing:-.02em; color:#0b0f1c; }
body main.pmo .pmo-cats span { font-size:14px; line-height:1.5; color:#5a6175; }
body main.pmo .pmo-cats em { margin-top:auto; padding-top:6px; font-style:normal; font-size:13px; font-weight:700; color:#2f62ee; }

/* Sections de modèles */
body main.pmo .pmo-sec-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:32px; }
body main.pmo .pmo-sec-head p { margin:0; max-width:380px; font-size:17px; line-height:1.55; color:#5a6175; }
body main.pmo .pmo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
body main.pmo .pmo-card { display:flex; flex-direction:column; border:1px solid #e9ecf3; border-radius:16px; background:#fff; overflow:hidden; transition:box-shadow .15s, border-color .15s; }
body main.pmo .pmo-card:hover { border-color:#d3dcf7; box-shadow:0 18px 40px rgba(25,35,90,.08); }
body main.pmo .pmo-card-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 22px; border-bottom:1px solid #eef0f5; }
body main.pmo .pmo-card-head strong { font-size:18px; letter-spacing:-.02em; color:#0b0f1c; }
body main.pmo .pmo-copy { flex:none; height:38px; padding:0 16px; border:1px solid #d9dde6; border-radius:10px; background:#fff; color:#0b0f1c; font:inherit; font-size:14px; font-weight:650; cursor:pointer; transition:background .15s, border-color .15s, color .15s; }
body main.pmo .pmo-copy:hover { border-color:#0b0f1c; }
body main.pmo .pmo-copy .pmo-c2 { display:none; }
body main.pmo .pmo-copy.is-copied { background:#2f62ee; border-color:#2f62ee; color:#fff; }
body main.pmo .pmo-copy.is-copied .pmo-c1 { display:none; }
body main.pmo .pmo-copy.is-copied .pmo-c2 { display:inline; }
body main.pmo .pmo-text { flex:1; margin:16px; padding:20px 22px; border-radius:12px; background:#f6f8fc; }
body main.pmo .pmo-text p { margin:0 0 8px; font-size:15px; line-height:1.6; color:#2b3142; }
body main.pmo .pmo-text p:last-child { margin-bottom:0; }

@media (max-width:900px) {
  body main.pmo .pmo-cats { grid-template-columns:1fr 1fr; }
  body main.pmo .pmo-sec { padding-top:88px; }
  body main.pmo .pmo-sec-head { flex-direction:column; align-items:flex-start; gap:12px; }
  body main.pmo .pmo-grid { grid-template-columns:1fr; }
}
@media (max-width:520px) {
  body main.pmo .pmo-cats { grid-template-columns:1fr; }
}
