/* ================ Rollout guide + Evaluation checklist (Connectors) ======= */
.pg-cnck { background-color:#fff; padding:104px 0; }
.pg-cnck__inner { max-width:1280px; margin:0 auto; padding:0 80px; display:grid; grid-template-columns:0.92fr 1.08fr; }
.pg-cnck__col--rollout { padding-right:56px; }
.pg-cnck__col--check { padding-left:56px; border-left:1px solid #ececec; }
.pg-cnck__kicker { font-family:"Cabin",sans-serif; font-weight:600; font-size:14px; line-height:16px; letter-spacing:0.1em; text-transform:uppercase; background:linear-gradient(90deg,#0036fa,#4e87fc); -webkit-background-clip:text; background-clip:text; color:transparent; }
.pg-cnck__title { font-family:"Cabin",sans-serif; font-weight:700; font-size:30px; line-height:1.2; letter-spacing:-0.01em; color:#12140f; margin-top:16px; }
.pg-cnck__list { margin-top:30px; }
.pg-cnck__phase { position:relative; padding:20px 0 20px 20px; border-top:1px solid #ececec; font-family:"Cabin",sans-serif; font-weight:400; font-size:15.5px; line-height:24px; color:#4d4d4d; transition:padding-left 0.35s ease; }
.pg-cnck__phase:first-child { border-top:none; }
.pg-cnck__phase::before { content:""; position:absolute; left:0; top:22px; width:2px; height:0; border-radius:2px; background:linear-gradient(180deg,#0036fa,#4e87fc); transition:height 0.4s ease; }
.pg-cnck__phase:hover { padding-left:26px; }
.pg-cnck__phase:hover::before { height:calc(100% - 44px); }
.pg-cnck__phaselabel { font-weight:700; background:linear-gradient(90deg,#0036fa,#4e87fc); -webkit-background-clip:text; background-clip:text; color:transparent; }
.pg-cnck__q { display:flex; align-items:flex-start; gap:14px; padding:16px 0; border-top:1px solid #ececec; }
.pg-cnck__q:first-child { border-top:none; }
.pg-cnck__check { flex-shrink:0; width:22px; height:22px; margin-top:1px; border-radius:50%; background-image:linear-gradient(135deg,#0036fa,#4e87fc); box-shadow:0 5px 12px rgba(0,54,250,0.24); display:flex; align-items:center; justify-content:center; color:#fff; font-size:12px; font-weight:700; transform:scale(0); transition:transform 0.45s cubic-bezier(0.34,1.56,0.64,1); }
.pg-cnck__q.is-in .pg-cnck__check { transform:scale(1); }
.pg-cnck__q:hover .pg-cnck__check { transform:scale(1.12); }
.pg-cnck__qtext { font-family:"Cabin",sans-serif; font-weight:400; font-size:15.5px; line-height:23px; color:#33373f; transition:color 0.3s ease; }
.pg-cnck__q:hover .pg-cnck__qtext { color:#0036fa; }
.pg-cnck__head, .pg-cnck__phase, .pg-cnck__q { opacity:0; transform:translateY(16px); transition:opacity 0.6s ease, transform 0.6s ease, padding-left 0.35s ease, color 0.3s ease; }
.pg-cnck__head.is-in, .pg-cnck__phase.is-in, .pg-cnck__q.is-in { opacity:1; transform:none; }
.pg-cnck__phase.is-in:nth-child(1) { transition-delay:0.06s; }
.pg-cnck__phase.is-in:nth-child(2) { transition-delay:0.14s; }
.pg-cnck__phase.is-in:nth-child(3) { transition-delay:0.22s; }
.pg-cnck__phase.is-in:nth-child(4) { transition-delay:0.30s; }
.pg-cnck__q.is-in:nth-child(1) { transition-delay:0.05s; }
.pg-cnck__q.is-in:nth-child(2) { transition-delay:0.11s; }
.pg-cnck__q.is-in:nth-child(3) { transition-delay:0.17s; }
.pg-cnck__q.is-in:nth-child(4) { transition-delay:0.23s; }
.pg-cnck__q.is-in:nth-child(5) { transition-delay:0.29s; }
.pg-cnck__q.is-in:nth-child(6) { transition-delay:0.35s; }
.pg-cnck__q.is-in:nth-child(7) { transition-delay:0.41s; }

@media (prefers-reduced-motion: reduce) {
  .pg-cnck__head, .pg-cnck__phase, .pg-cnck__q, .pg-cnck__check { opacity:1; transform:none; transition:none; }
  .pg-cnck__check { transform:scale(1); }
}
@media (max-width:1040px) {
  .pg-cnck { padding:80px 0; }
  .pg-cnck__inner { padding:0 24px; grid-template-columns:1fr; }
  .pg-cnck__col--rollout { padding-right:0; padding-bottom:52px; }
  .pg-cnck__col--check { padding-left:0; border-left:none; border-top:1px solid #ececec; padding-top:52px; }
}
@media (max-width:600px) {
  .pg-cnck__title { font-size:26px; }
}