.pcx{ --org:#F39237;--red:#AE1F00;--crm:#F5ECE0;--g1:#8A7C6D;--g2:#B7A99A;--brd:#2A2018;--ant:#1A1715;--blk:#0E0D0C;--warm:#7A6A59;
  background:var(--blk); font-family:'Barlow',sans-serif; }
.pcx-wrap{ max-width:1180px; margin:0 auto; display:grid; grid-template-columns:.85fr 64px 1.4fr; gap:34px; align-items:start; }

/* TEXTE */
.pcx-eye{ display:flex; align-items:center; gap:10px; font-family:'Playfair Display',serif; font-style:italic; color:var(--g2); font-size:18px; margin-bottom:14px; }
.pcx-l{ width:30px; height:1px; background:var(--org); display:inline-block; }
.pcx-text h2{ font-family:'Oswald',sans-serif; text-transform:uppercase; color:var(--crm); font-size:clamp(30px,3.6vw,44px); line-height:1.05; letter-spacing:1px; margin:0 0 18px; font-weight:700; }
.pcx-text p{ color:var(--g1); font-size:16px; line-height:1.65; margin:0 0 26px; max-width:300px; }
.pcx-btn{ display:inline-flex; align-items:center; gap:9px; background:linear-gradient(95deg,var(--org),var(--red)) !important; color:#fff !important; font-family:'Oswald',sans-serif; text-transform:uppercase; font-size:13px; letter-spacing:1.5px; font-weight:600; padding:15px 26px; border-radius:9px; text-decoration:none; transition:transform .2s,filter .2s; }
.pcx-btn:hover{ transform:translateY(-2px); filter:brightness(1.08); color:#fff !important; }
.pcx-btn i{ transition:transform .2s; }
.pcx-btn:hover i{ transform:translateX(3px); }

/* CONNECTEUR */
.pcx-conn{ position:relative; align-self:stretch; }
.pcx-line{ position:absolute; left:50%; top:23px; bottom:6px; width:1px; transform:translateX(-50%); background:linear-gradient(var(--org),rgba(243,146,55,.15) 60%,transparent); }
.pcx-node{ position:absolute; left:50%; top:0; transform:translateX(-50%); width:46px; height:46px; border-radius:50%; border:1.5px solid var(--red); background:var(--blk); display:flex; align-items:center; justify-content:center; color:var(--org); font-size:20px; z-index:2; transition:top .38s cubic-bezier(.4,0,.2,1); box-shadow:0 0 0 6px rgba(14,13,12,1), 0 0 18px rgba(243,146,55,.25); }

/* CARTES */
.pcx-list{ display:flex; flex-direction:column; gap:14px; }
.pcx-row{ display:flex; align-items:center; gap:18px; background:var(--ant); border:1px solid var(--brd); border-radius:13px; padding:18px 20px; text-decoration:none; color:var(--crm); transition:border-color .25s,background .25s,transform .25s; }
.pcx-row:hover{ border-color:var(--warm) !important; background:#211c16 !important; transform:translateX(4px) !important; }
.pcx-ri{ width:48px; height:48px; border-radius:11px; background:rgba(243,146,55,.09); display:flex; align-items:center; justify-content:center; font-size:23px; color:var(--org); flex-shrink:0; }
.pcx-c{ display:flex; flex-direction:column; }
.pcx-c b{ font-family:'Oswald',sans-serif; text-transform:uppercase; font-size:16px; letter-spacing:.3px; color:var(--crm); }
.pcx-c small{ font-size:13px; color:var(--g1); margin-top:2px; }
.pcx-price{ margin-left:auto; text-align:right; display:flex; flex-direction:column; align-items:flex-end; }
.pcx-price b{ font-family:'Oswald',sans-serif; font-weight:600; font-size:24px; color:var(--crm); }
.pcx-price em{ font-family:'Oswald',sans-serif; font-style:normal; text-transform:uppercase; font-size:10px; letter-spacing:1.5px; color:var(--org); margin-bottom:2px; }

/* --- ANIMATIONS D'ENTREE (au scroll, activées seulement si le JS tourne : .pcx-ready) --- */
@keyframes pcx-left{ from{opacity:0; transform:translateX(-30px);} to{opacity:1; transform:translateX(0);} }
@keyframes pcx-right{ from{opacity:0; transform:translateX(30px);} to{opacity:1; transform:translateX(0);} }
@keyframes pcx-down{ from{opacity:0; transform:translateY(-30px);} to{opacity:1; transform:translateY(0);} }
.pcx-ready .pcx-eye,.pcx-ready .pcx-text h2,.pcx-ready .pcx-text p,.pcx-ready .pcx-btn,.pcx-ready .pcx-conn,.pcx-ready .pcx-row{ opacity:0; }
.pcx-ready.in .pcx-eye{ animation:pcx-left .7s ease .05s both; }
.pcx-ready.in .pcx-text h2{ animation:pcx-left .7s ease .15s both; }
.pcx-ready.in .pcx-text p{ animation:pcx-left .7s ease .25s both; }
.pcx-ready.in .pcx-btn{ animation:pcx-left .7s ease .35s both; }
.pcx-ready.in .pcx-conn{ animation:pcx-down .7s ease .45s both; }
.pcx-ready.in .pcx-row{ animation:pcx-right .6s ease both; }
.pcx-ready.in .pcx-list .pcx-row:nth-child(1){ animation-delay:.50s; }
.pcx-ready.in .pcx-list .pcx-row:nth-child(2){ animation-delay:.62s; }
.pcx-ready.in .pcx-list .pcx-row:nth-child(3){ animation-delay:.74s; }
.pcx-ready.in .pcx-list .pcx-row:nth-child(4){ animation-delay:.86s; }
.pcx-ready.in .pcx-list .pcx-row:nth-child(5){ animation-delay:.98s; }
.pcx-ready.in .pcx-list .pcx-row:nth-child(6){ animation-delay:1.10s; }
@media (prefers-reduced-motion: reduce){ .pcx-ready .pcx-eye,.pcx-ready .pcx-text h2,.pcx-ready .pcx-text p,.pcx-ready .pcx-btn,.pcx-ready .pcx-conn,.pcx-ready .pcx-row{ animation:none !important; opacity:1 !important; } }

@media(max-width:860px){
  .pcx-wrap{ grid-template-columns:1fr; gap:30px; }
  .pcx-conn{ display:none; }
  .pcx-text p{ max-width:none; }
}