/* Page /plateforme/ : vue d’ensemble des solutions d’IA */
a:focus-visible{outline:2px solid #2A63B5;outline-offset:3px;border-radius:8px}
.kicker{font-size:15px;font-weight:500;color:#6F6E69;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;box-sizing:border-box}
.btn-dark{background:#2F2E2B;color:#FFFFFF}
.btn-dark:hover{background:#1E1D1B;color:#FFFFFF}
.btn-ghost{background:#FFFFFF;color:#2F2E2B;border:1px solid #E3E2DF}
.btn-ghost:hover{color:#2F2E2B;border-color:#CFCEC9}

.pf-hero{padding:96px 0 72px}
.pf-hero-inner{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.pf-titre{margin:0;max-width:900px;font-size:clamp(42px,6.4vw,76px);line-height:1.04;letter-spacing:-0.035em;color:#2F2E2B}
.pf-titre em{font-style:italic;font-weight:500;color:#3B7A4E}
.pf-intro{margin:0;max-width:640px;font-size:19px;line-height:1.55;color:#55544F}
.pf-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.pf-actions-centre{justify-content:center}
.pf-note{margin:0;font-size:14px;color:#6F6E69}

.pf-sec{padding:88px 0;border-top:1px solid #ECEBE8}
.pf-entete{display:flex;flex-direction:column;gap:12px;max-width:760px;margin-bottom:48px}
.pf-h2{margin:0;font-size:clamp(32px,4.2vw,48px);line-height:1.08;letter-spacing:-0.03em;color:inherit}
.pf-sous{margin:0;font-size:17px;line-height:1.55;color:#55544F}
.pf-h3{margin:0 0 8px;font-size:20px;font-weight:600;letter-spacing:-0.01em}

/* Pile des trois couches */
.pf-couches{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:center}
.pf-pile{position:relative;display:flex;flex-direction:column;gap:14px;padding:32px;background:#F3F2EF;border:1px solid #E3E2DF;border-radius:28px}
.pf-dalle{display:flex;align-items:center;gap:14px;min-height:76px;padding:0 22px;border-radius:18px;background:#FFFFFF;border:1px solid #E3E2DF;box-shadow:0 1px 2px rgba(47,46,43,.04),0 12px 28px rgba(47,46,43,.07)}
.pf-d1{margin-right:28px}
.pf-d2{margin:0 14px;background:#2F2E2B;border-color:#2F2E2B;color:#FFFFFF}
.pf-d3{margin-left:28px}
.pf-dalle-num{font-size:12px;font-weight:600;letter-spacing:.06em;color:#6F6E69}
.pf-d2 .pf-dalle-num{color:rgba(255,255,255,.7)}
.pf-dalle-nom{flex:1;font-size:16px;font-weight:600}
.pf-dalle-ui{display:flex;gap:5px}
.pf-dalle-ui i{display:block;width:18px;height:22px;border-radius:5px;background:#ECEBE8}
.pf-dalle-ui i:nth-child(2){background:#D9E8DD}
.pf-dalle-point{width:10px;height:10px;border-radius:50%;background:#7FB08E;box-shadow:0 0 0 5px rgba(127,176,142,.18)}
.pf-dalle-ok{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#EAF2EC;color:#2E6340;font-size:13px;font-weight:700}
.pf-socle{display:flex;justify-content:space-between;gap:8px;margin-top:6px;padding:14px 18px;border-top:1px dashed #CFCEC9;font-size:13px;font-weight:600;color:#6F6E69;letter-spacing:.02em}

.pf-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.pf-item{display:flex;gap:22px;padding:26px 0;border-bottom:1px solid #ECEBE8}
.pf-item:first-child{padding-top:0}
.pf-item:last-child{border-bottom:0}
.pf-num{flex:none;font-family:'Newsreader',Georgia,serif;font-weight:600;font-size:22px;color:#3B7A4E;line-height:1.3}
.pf-item p{margin:0;font-size:16px;line-height:1.55;color:#55544F}
.pf-puces{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pf-puces li{padding:6px 12px;border:1px solid #E3E2DF;border-radius:999px;background:#FFFFFF;font-size:13.5px;color:#3F3E3A}
.pf-lien{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:8px;font-size:15px;font-weight:600;color:#2F2E2B;text-decoration:none}
.pf-lien span{color:#3B7A4E;transition:transform .2s ease}
.pf-lien:hover span{transform:translateX(3px)}

.pf-fondations{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;margin-top:56px}
.pf-fond-titre{display:flex;align-items:center;padding-right:12px;font-size:14px;font-weight:600;color:#6F6E69}
.pf-fondations a{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border:1px solid #E3E2DF;border-radius:16px;background:#FFFFFF;color:#2F2E2B;text-decoration:none;transition:border-color .2s ease,transform .2s ease}
.pf-fondations a:hover{border-color:#CFCEC9;transform:translateY(-2px)}
.pf-fondations strong{font-size:15.5px}
.pf-fondations span{font-size:14px;line-height:1.45;color:#6F6E69}

/* Exemple, sur fond encre */
.pf-sec-encre{background:#2F2E2B;color:#FFFFFF;border-top:0}
.pf-kicker-clair{color:rgba(255,255,255,.65)}
.pf-sous-clair{color:rgba(255,255,255,.72)}
.pf-etapes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:etape}
.pf-etape{position:relative;padding:28px 26px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.04)}
.pf-etape p{margin:0;font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.75)}
.pf-tag{display:inline-block;margin-bottom:18px;padding:5px 11px;border-radius:999px;background:rgba(127,176,142,.16);color:#A9CFB4;font-size:13px;font-weight:600}
.pf-demo{margin:24px 0 0;font-size:14px;color:rgba(255,255,255,.6)}
.pf-demo a{display:inline-block;padding:10px 0;color:#FFFFFF;text-underline-offset:4px}

/* Comparaison */
.pf-tableau-cadre{overflow-x:auto;border:1px solid #E3E2DF;border-radius:20px;background:#FFFFFF}
.pf-tableau{width:100%;min-width:620px;border-collapse:collapse;font-size:15.5px}
.pf-tableau th,.pf-tableau td{padding:18px 22px;text-align:left;vertical-align:top;border-bottom:1px solid #ECEBE8}
.pf-tableau tr:last-child th,.pf-tableau tr:last-child td{border-bottom:0}
.pf-tableau thead th{font-size:14px;font-weight:600;color:#6F6E69;background:#F7F6F3}
.pf-tableau thead th:last-child{color:#2E6340}
.pf-tableau tbody th{width:22%;font-weight:600;color:#2F2E2B}
.pf-tableau td{color:#6F6E69}
.pf-tableau td:last-child{color:#2F2E2B;font-weight:500;background:#FAFCFA}

.pf-fin{text-align:center}
.pf-fin-inner{display:flex;flex-direction:column;align-items:center;gap:14px}
.pf-fin .pf-sous{max-width:520px}

@media (max-width:900px){
  .pf-couches{grid-template-columns:1fr;gap:40px}
  .pf-fondations{grid-template-columns:1fr}
  .pf-fond-titre{padding:0}
  .pf-etapes{grid-template-columns:1fr}
}
@media (max-width:640px){
  .pf-hero{padding:56px 0 48px}
  .pf-sec{padding:64px 0}
  .pf-intro{font-size:17px}
  .pf-pile{padding:18px;gap:10px}
  .pf-dalle{min-height:64px;padding:0 16px}
  .pf-d1{margin-right:14px}.pf-d2{margin:0 7px}.pf-d3{margin-left:14px}
  .pf-item{gap:14px}
  .pf-tableau{min-width:0;font-size:14.5px}
  .pf-tableau thead{display:none}
  .pf-tableau,.pf-tableau tbody,.pf-tableau tr,.pf-tableau th,.pf-tableau td{display:block;width:auto}
  .pf-tableau tr{padding:16px 18px;border-bottom:1px solid #ECEBE8}
  .pf-tableau tr:last-child{border-bottom:0}
  .pf-tableau th,.pf-tableau td{padding:0;border:0}
  .pf-tableau tbody th{width:auto;margin-bottom:8px}
  .pf-tableau td{background:none!important;padding:4px 0}
  .pf-tableau td::before{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#6F6E69}
  .pf-tableau td:nth-of-type(1)::before{content:"Chatbot générique"}
  .pf-tableau td:nth-of-type(2)::before{content:"Solution Oarva";color:#3B7A4E}
}