/* Feuille de route — inspirée de Klubizz, version premium */
body main.pgx.prd{--prd-ink:#0b0f1c;--prd-text:#4a5165;--prd-line:#e7e9ef;--prd-blue:#2f62ee;display:flow-root;color:var(--prd-ink)}
body main.pgx.prd .prd-hero{max-width:1180px;margin:0 auto;padding:88px 24px 44px}
body main.pgx.prd .prd-eyebrow{display:block;margin:0 0 18px;color:var(--prd-blue);font-size:13px;font-weight:650;letter-spacing:.09em;text-transform:uppercase}
body main.pgx.prd .prd-hero h1{margin:0;max-width:900px;font-size:clamp(44px,6.2vw,78px);line-height:1.02;font-weight:700;letter-spacing:-.045em;color:var(--prd-ink)}
body main.pgx.prd .prd-hero h1 span{color:var(--prd-blue)}
body main.pgx.prd .prd-lead{max-width:720px;margin:26px 0 0;font-size:19px;line-height:1.6;color:var(--prd-text)}

body main.pgx.prd .prd-board{max-width:1180px;margin:20px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
body main.pgx.prd .prd-col{padding:18px;border-radius:22px;border:1px solid}
body main.pgx.prd .prd-live{background:#f1f8f4;border-color:#e0efe6}
body main.pgx.prd .prd-soon{background:#fdf6ec;border-color:#f4e6d0}
body main.pgx.prd .prd-design{background:#f4f5f8;border-color:#e7e9ef}
body main.pgx.prd .prd-col>header{padding:6px 6px 8px}
body main.pgx.prd .prd-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;font-size:14px;font-weight:650}
body main.pgx.prd .prd-badge i{width:8px;height:8px;border-radius:50%;flex:none}
body main.pgx.prd .prd-live .prd-badge{background:#dcefe3;color:#1b6a42}
body main.pgx.prd .prd-live .prd-badge i{background:#22a35a;box-shadow:0 0 0 0 rgba(34,163,90,.5);animation:prd-pulse 2.2s ease-out infinite}
body main.pgx.prd .prd-soon .prd-badge{background:#fbe5c6;color:#8a4a0e}
body main.pgx.prd .prd-soon .prd-badge i{background:#f08c1a}
body main.pgx.prd .prd-design .prd-badge{background:#e6e8ee;color:#4a5165}
body main.pgx.prd .prd-design .prd-badge i{background:#9aa0ac}
body main.pgx.prd .prd-col>header p{margin:12px 0 4px;font-size:14.5px;line-height:1.55;color:var(--prd-text)}

body main.pgx.prd .prd-card{margin-top:10px;padding:20px;border:1px solid var(--prd-line);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:box-shadow .18s ease,border-color .18s ease}
body main.pgx.prd .prd-card:hover{border-color:#dcdfe7;box-shadow:0 14px 34px rgba(16,24,40,.07)}
body main.pgx.prd .prd-card h2{margin:0 0 8px;font-size:17px;line-height:1.35;font-weight:650;letter-spacing:-.01em;color:var(--prd-ink)}
body main.pgx.prd .prd-card p{margin:0;font-size:14.5px;line-height:1.65;color:var(--prd-text)}
body main.pgx.prd .prd-card a{display:inline-block;margin-top:14px;font-size:14px;font-weight:600;color:var(--prd-blue);text-decoration:underline;text-decoration-color:rgba(47,98,238,.3);text-underline-offset:4px}
body main.pgx.prd .prd-card a:hover{color:var(--prd-ink);text-decoration-color:var(--prd-ink)}

body main.pgx.prd .prd-idea{max-width:1180px;margin:64px auto 104px;padding:0 24px}
body main.pgx.prd .prd-idea>div{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:40px 44px;border-radius:24px;background:radial-gradient(90% 140% at 100% 0%,rgba(47,98,238,.35) 0,transparent 60%),#0b0f1c;color:#fff}
body main.pgx.prd .prd-idea h2{margin:0 0 8px;font-size:clamp(24px,2.6vw,32px);line-height:1.15;font-weight:700;letter-spacing:-.03em;color:#fff}
body main.pgx.prd .prd-idea p{margin:0;max-width:560px;font-size:16px;line-height:1.6;color:rgba(255,255,255,.72)}
body main.pgx.prd .prd-idea a{flex:none;padding:14px 22px;border-radius:10px;background:#fff;color:var(--prd-ink);font-size:15px;font-weight:650;text-decoration:none;transition:transform .12s ease,background .15s ease}
body main.pgx.prd .prd-idea a:hover{background:#eef2ff;transform:translateY(-1px)}
body main.pgx.prd :focus-visible{outline:3px solid #8aa8f4;outline-offset:3px}

@keyframes prd-pulse{0%{box-shadow:0 0 0 0 rgba(34,163,90,.45)}70%{box-shadow:0 0 0 7px rgba(34,163,90,0)}100%{box-shadow:0 0 0 0 rgba(34,163,90,0)}}
@media(max-width:960px){
  body main.pgx.prd .prd-hero{padding:56px 20px 32px}
  body main.pgx.prd .prd-board{grid-template-columns:1fr;padding:0 20px}
  body main.pgx.prd .prd-idea{padding:0 20px;margin-bottom:72px}
  body main.pgx.prd .prd-idea>div{flex-direction:column;align-items:flex-start;padding:32px 26px}
  body main.pgx.prd .prd-lead{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
  body main.pgx.prd .prd-live .prd-badge i{animation:none}
  body main.pgx.prd *{transition:none!important}
}