/* Page Emails & newsletters — mix Circle Email Hub / beehiiv */
.psemail { --peh:#8e3aa6; --peh-soft:#f6ecf8; --peh-ink:#0b0f1c; }
.psemail .peh-wrap { max-width:1200px; margin:0 auto; padding:0 24px; }
.psemail .peh-block { margin-top:120px; }

/* Hero */
.psemail .peh-hero { padding:110px 24px 56px; text-align:center; background:radial-gradient(55% 70% at 50% 0%, #f4e6f7 0%, rgba(244,230,247,0) 70%), radial-gradient(40% 50% at 85% 10%, #e6ecff 0%, rgba(230,236,255,0) 70%); }
.psemail .peh-eyebrow { display:inline-flex; padding:7px 14px; border-radius:999px; background:#fff; border:1px solid #ecdcf0; color:var(--peh); font-size:14px; font-weight:700; }
body.pm-detail .psemail .peh-hero h1 { max-width:980px; margin:24px auto 22px; color:var(--peh-ink); font-size:clamp(44px,6.4vw,84px); font-weight:800; line-height:1; letter-spacing:-.055em; }
.psemail .peh-hero h1 span { background:linear-gradient(90deg,#8e3aa6,#2f62ee); -webkit-background-clip:text; background-clip:text; color:transparent; }
.psemail .peh-hero > p { max-width:660px; margin:0 auto 34px; color:#5a6175; font-size:20px; line-height:1.55; }
.psemail .peh-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
.psemail .peh-btn { display:inline-flex; align-items:center; height:52px; padding:0 26px; border:1px solid #d9dde6; border-radius:12px; background:#fff; color:var(--peh-ink); font-size:16px; font-weight:650; text-decoration:none; }
.psemail .peh-btn:hover { border-color:var(--peh-ink); }
.psemail .peh-btn.peh-btn-primary { border-color:#2f62ee; background:#2f62ee; color:#fff; box-shadow:0 10px 24px rgba(47,98,238,.28); }
.psemail .peh-btn.peh-btn-primary:hover { background:#2552d0; }
.psemail #exemples { scroll-margin-top:90px; }

/* Piliers */
.psemail .peh-pillars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:20px; }
.psemail .peh-pillars article { padding:28px; border:1px solid #eceef3; border-radius:18px; background:#fff; }
.psemail .peh-ico { display:block; width:44px; height:44px; margin-bottom:18px; border-radius:12px; }
.psemail .peh-ico-1 { background:linear-gradient(135deg,#8e3aa6,#c26bd1); }
.psemail .peh-ico-2 { background:linear-gradient(135deg,#2f62ee,#7b5cff); }
.psemail .peh-ico-3 { background:linear-gradient(135deg,#10b981,#0e7490); }
body.pm-detail .psemail .peh-pillars h3 { margin:0 0 8px; color:var(--peh-ink); font-size:21px; font-weight:750; letter-spacing:-.025em; }
.psemail .peh-pillars p { margin:0; color:#4a5165; font-size:16px; line-height:1.6; }

/* Titres de section */
.psemail .peh-head { max-width:820px; margin:0 auto 56px; text-align:center; }
body.pm-detail .psemail .peh-head h2 { margin:0 0 16px; color:var(--peh-ink); font-size:clamp(34px,4.4vw,56px); font-weight:800; line-height:1.05; letter-spacing:-.05em; }
.psemail .peh-head p { margin:0; color:#5a6175; font-size:19px; line-height:1.55; }

/* Rangées texte + écran */
.psemail .peh-row { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:64px; margin-bottom:72px; }
.psemail .peh-row-rev .peh-row-copy { order:2; }
body.pm-detail .psemail .peh-row h3 { margin:0 0 14px; color:var(--peh-ink); font-size:clamp(26px,2.6vw,34px); font-weight:750; line-height:1.15; letter-spacing:-.035em; }
.psemail .peh-row p { margin:0; color:#4a5165; font-size:18px; line-height:1.65; }
.psemail .peh-panel { padding:44px; border-radius:24px; background:radial-gradient(70% 70% at 0% 0%, #f2e2f6 0%, rgba(242,226,246,0) 70%), radial-gradient(70% 70% at 100% 100%, #dfe7ff 0%, rgba(223,231,255,0) 70%), #f7f5fb; }
.psemail .peh-ui { overflow:hidden; border:1px solid #eceef3; border-radius:16px; background:#fff; box-shadow:0 30px 70px rgba(40,30,80,.12); color:var(--peh-ink); }
.psemail .peh-ui-head { padding:16px 20px; border-bottom:1px solid #f0f2f6; }
.psemail .peh-ui-head strong { font-size:16px; font-weight:750; }
.psemail .peh-field { display:flex; align-items:center; gap:14px; padding:12px 20px; border-bottom:1px solid #f0f2f6; font-size:14px; }
.psemail .peh-field > span { min-width:46px; color:#8a90a0; }
.psemail .peh-field strong { font-weight:600; }
.psemail .peh-chip { padding:4px 10px; border-radius:999px; background:var(--peh-soft); color:var(--peh); font-size:13px; font-weight:650; }
.psemail .peh-mail-body { padding:22px 22px 24px; }
.psemail .peh-kicker { display:block; margin-bottom:8px; color:var(--peh); font-size:12px; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.psemail .peh-mail-body h6 { margin:0 0 8px; color:var(--peh-ink); font-size:21px; font-weight:750; letter-spacing:-.025em; }
.psemail .peh-mail-body > p { margin:0 0 16px; color:#4a5165; font-size:15px; line-height:1.55; }
.psemail .peh-mail-cta { display:inline-flex; padding:10px 16px; border-radius:999px; background:var(--peh-ink); color:#fff; font-size:13px; font-weight:650; }
.psemail .peh-ui-foot { display:flex; justify-content:flex-end; gap:10px; padding:14px 20px; border-top:1px solid #f0f2f6; background:#fafbfd; }
.psemail .peh-ghost, .psemail .peh-primary { padding:9px 16px; border-radius:10px; font-size:13px; font-weight:650; }
.psemail .peh-ghost { border:1px solid #d9dde6; color:var(--peh-ink); }
.psemail .peh-primary { background:#2f62ee; color:#fff; }
.psemail .peh-timeline { margin:0; padding:6px 22px 18px; list-style:none; border-top:1px solid #f0f2f6; }
.psemail .peh-timeline li { position:relative; display:flex; justify-content:space-between; gap:12px; padding:12px 0 12px 30px; font-size:14px; }
.psemail .peh-timeline li::before { content:""; position:absolute; left:4px; top:15px; width:12px; height:12px; border:2px solid #c5cad3; border-radius:50%; background:#fff; }
.psemail .peh-timeline li.is-done::before { border-color:#16a34a; background:#16a34a; }
.psemail .peh-timeline em { padding:3px 10px; border-radius:999px; background:#f1f3f8; color:#5a6175; font-size:12px; font-style:normal; font-weight:650; }
.psemail .peh-timeline li.is-done em { background:#e7f6ec; color:#15803d; }
.psemail .peh-digest { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:4px 12px; padding:12px 0; border-bottom:1px solid #f0f2f6; }
.psemail .peh-digest:last-of-type { margin-bottom:16px; }
.psemail .peh-digest strong { font-size:15px; }
.psemail .peh-digest small { grid-column:2; color:#6b7280; font-size:13px; }
.psemail .peh-tag { grid-row:span 2; padding:4px 10px; border-radius:999px; font-size:12px; font-weight:650; }
.psemail .peh-tag-1 { background:#e8eeff; color:#2f4fd0; }
.psemail .peh-tag-2 { background:#fff1e6; color:#c2410c; }
.psemail .peh-tag-3 { background:#e7f6ec; color:#15803d; }

/* Offres : bloc sombre façon beehiiv */
.psemail .peh-offers { padding:80px 56px; border-radius:28px; background:radial-gradient(60% 50% at 50% 0%, rgba(142,58,166,.35) 0%, rgba(142,58,166,0) 70%), #0b0f1c; }
body.pm-detail .psemail .peh-head-dark h2 { color:#fff; }
.psemail .peh-head-dark p { color:#b8bfd1; }
.psemail .peh-offer-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.psemail .peh-offer-grid article { display:flex; flex-direction:column; padding:28px; border:1px solid rgba(255,255,255,.1); border-radius:20px; background:rgba(255,255,255,.04); }
body.pm-detail .psemail .peh-offer-grid h3 { margin:0 0 8px; color:#fff; font-size:22px; font-weight:750; letter-spacing:-.025em; }
.psemail .peh-offer-grid article > p { margin:0 0 22px; color:#aab0c2; font-size:16px; line-height:1.55; }
.psemail .peh-mini { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin-top:auto; padding:18px; border-radius:14px; background:#fff; color:var(--peh-ink); }
.psemail .peh-mini strong { flex:1 1 100%; font-size:16px; font-weight:750; }
.psemail .peh-mini span { color:#3b4256; font-size:15px; font-weight:650; }
.psemail .peh-mini s { color:#9aa1ad; font-weight:500; }
.psemail .peh-mini b { margin-left:auto; padding:8px 14px; border-radius:999px; background:var(--peh-ink); color:#fff; font-size:13px; }
.psemail .peh-mini em { margin-left:auto; padding:5px 10px; border-radius:999px; background:#fde8ec; color:#be123c; font-size:12px; font-style:normal; font-weight:700; }
.psemail .peh-mini-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.psemail .peh-mini-stats small { display:block; color:#6b7280; font-size:12px; }
.psemail .peh-mini-stats b { display:block; margin:4px 0 0; padding:0; background:none; color:var(--peh-ink); font-size:22px; font-weight:800; }

/* Audience */
.psemail .peh-duo { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.psemail .peh-seg { display:grid; grid-template-columns:minmax(0,1fr) 120px; align-items:center; gap:16px; padding:16px 20px; border-bottom:1px solid #f0f2f6; }
.psemail .peh-seg:last-child { border-bottom:0; }
.psemail .peh-seg strong { display:block; font-size:15px; }
.psemail .peh-seg small { color:#6b7280; font-size:13px; }
.psemail .peh-seg i { display:block; height:8px; overflow:hidden; border-radius:99px; background:#f1f3f8; }
.psemail .peh-seg i b { display:block; height:100%; border-radius:99px; background:var(--peh); }
.psemail .peh-w100 { width:100%; } .psemail .peh-w26 { width:26%; } .psemail .peh-w11 { width:11%; } .psemail .peh-w4 { width:4%; }
.psemail .peh-flow { margin:0; padding:18px 20px; list-style:none; }
.psemail .peh-flow li { position:relative; display:flex; align-items:center; gap:12px; padding:10px 0 10px 18px; font-size:15px; font-weight:600; }
.psemail .peh-flow li::before { content:""; position:absolute; left:0; top:0; bottom:0; width:2px; background:#eceef3; }
.psemail .peh-flow li:first-child::before { top:50%; }
.psemail .peh-flow li:last-child::before { bottom:50%; }
.psemail .peh-flow li::after { content:""; position:absolute; left:-4px; top:50%; width:10px; height:10px; margin-top:-5px; border-radius:50%; background:var(--peh); }
.psemail .peh-flow b { min-width:96px; padding:4px 10px; border-radius:8px; font-size:12px; font-weight:700; text-align:center; }
.psemail .peh-flow-t b { background:#e8eeff; color:#2f4fd0; }
.psemail .peh-flow-e b { background:var(--peh-soft); color:var(--peh); }
.psemail .peh-flow-d b { background:#f1f3f8; color:#5a6175; }

/* Quatre étapes */
.psemail .peh-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin:0 0 44px; padding:0; list-style:none; counter-reset:peh; }
.psemail .peh-steps li { padding-top:22px; border-top:2px solid var(--peh-ink); }
.psemail .peh-steps li::before { counter-increment:peh; content:"0" counter(peh); display:block; margin-bottom:16px; background:linear-gradient(90deg,#8e3aa6,#2f62ee); -webkit-background-clip:text; background-clip:text; color:transparent; font-size:48px; font-weight:850; line-height:1; letter-spacing:-.05em; }
body.pm-detail .psemail .peh-steps h3 { margin:0 0 8px; color:var(--peh-ink); font-size:20px; font-weight:750; letter-spacing:-.02em; }
.psemail .peh-steps p { margin:0; color:#4a5165; font-size:15px; line-height:1.6; }
.psemail .peh-start + .psemail-faq { margin-top:120px; }

@media (max-width:900px) {
  .psemail .peh-hero { padding:72px 20px 40px; }
  .psemail .peh-hero > p { font-size:18px; }
  .psemail .peh-block { margin-top:84px; }
  .psemail .peh-pillars, .psemail .peh-offer-grid, .psemail .peh-duo { grid-template-columns:1fr; }
  .psemail .peh-row { grid-template-columns:1fr; gap:28px; margin-bottom:56px; }
  .psemail .peh-row-rev .peh-row-copy { order:0; }
  .psemail .peh-panel { padding:18px; border-radius:18px; }
  .psemail .peh-offers { padding:48px 20px; border-radius:20px; }
  .psemail .peh-steps { grid-template-columns:1fr 1fr; }
}
@media (max-width:520px) {
  .psemail .peh-steps { grid-template-columns:1fr; }
  .psemail .peh-seg { grid-template-columns:1fr 80px; }
}