/* ========================= Capabilities in depth (Connectors) ============= */
.pg-cncap { background-color:#fff; padding:104px 0; }
.pg-cncap__inner { max-width:1280px; margin:0 auto; padding:0 80px; }
.pg-cncap__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-cncap__title { font-family:"Cabin",sans-serif; font-weight:700; font-size:44px; line-height:1.22; color:#12140f; margin-top:18px; max-width:720px; }
.pg-cncap__lead { font-family:"Cabin",sans-serif; font-weight:400; font-size:16px; line-height:26px; color:#4d4d4d; margin-top:18px; max-width:560px; }
.pg-cncap__grid { margin-top:44px; display:grid; grid-template-columns:1.05fr 0.95fr; }
.pg-cncap__col { display:flex; flex-direction:column; }
.pg-cncap__col--left { padding-right:52px; }
.pg-cncap__col--right { padding-left:52px; border-left:1px solid #ececec; }
.pg-cncap__item { position:relative; padding:26px 0 26px 22px; border-top:1px solid #ececec; transition:padding-left 0.35s ease; }
.pg-cncap__col--left .pg-cncap__item:first-child, .pg-cncap__col--right .pg-cncap__item:first-child { border-top:none; }
.pg-cncap__item::before { content:""; position:absolute; left:0; top:28px; width:2px; height:0; border-radius:2px; background:linear-gradient(180deg,#0036fa,#4e87fc); transition:height 0.4s ease; }
.pg-cncap__item:hover { padding-left:28px; }
.pg-cncap__item:hover::before { height:calc(100% - 56px); }
.pg-cncap__index { font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace; font-size:12px; letter-spacing:0.06em; font-weight:700; background:linear-gradient(90deg,#0036fa,#4e87fc); -webkit-background-clip:text; background-clip:text; color:transparent; opacity:0.35; transition:opacity 0.3s ease; }
.pg-cncap__item:hover .pg-cncap__index { opacity:1; }
.pg-cncap__item-title { font-family:"Cabin",sans-serif; font-weight:600; font-size:18px; line-height:24px; color:#12140f; margin-top:8px; transition:color 0.3s ease; }
.pg-cncap__item:hover .pg-cncap__item-title { color:#0036fa; }
.pg-cncap__item-text { font-family:"Cabin",sans-serif; font-weight:400; font-size:15px; line-height:24px; color:#4d4d4d; margin-top:10px; }
.pg-cncap__head, .pg-cncap__item { opacity:0; transform:translateY(16px); transition:opacity 0.6s ease, transform 0.6s ease, padding-left 0.35s ease, color 0.3s ease; }
.pg-cncap__head.is-in, .pg-cncap__item.is-in { opacity:1; transform:none; }
.pg-cncap__item.is-in:nth-child(1) { transition-delay:0.06s; }
.pg-cncap__item.is-in:nth-child(2) { transition-delay:0.14s; }
.pg-cncap__item.is-in:nth-child(3) { transition-delay:0.22s; }
.pg-cncap__item.is-in:nth-child(4) { transition-delay:0.30s; }

@media (prefers-reduced-motion: reduce) {
  .pg-cncap__head, .pg-cncap__item { opacity:1; transform:none; transition:none; }
}
@media (max-width:1040px) {
  .pg-cncap { padding:80px 0; }
  .pg-cncap__inner { padding:0 24px; }
  .pg-cncap__title { font-size:34px; }
  .pg-cncap__grid { grid-template-columns:1fr; }
  .pg-cncap__col--left { padding-right:0; }
  .pg-cncap__col--right { padding-left:0; border-left:none; }
  .pg-cncap__col--right .pg-cncap__item:first-child { border-top:1px solid #ececec; }
}
@media (max-width:600px) {
  .pg-cncap__title { font-size:28px; }
}