/* Corporate training providers page (template-corporate-training-v2.php).
   Shares components with the EdTech page (assets/edtech-v2, .ed2-*); only page-specific additions live here. */

/* Case study: four results in a 2 x 2 grid */
.ctp2 .ctp2-case__stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }

/* Case study visual: three tilted LMS screens (sharp at any pixel density) */
.ctp2 .ctp2-collage { position: relative; aspect-ratio: 548 / 500; background: radial-gradient(120% 90% at 30% 10%, #2E2E2E 0%, #1F1F1F 70%); }
.ctp2-collage__stage { position: absolute; inset: 0; overflow: hidden; }
.ctp2-collage__screen { position: absolute; display: block; border-radius: 10px; overflow: hidden; background: #FFFFFF; box-shadow: 0 24px 50px -18px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .06); transform: rotate(12deg); transition: transform .6s cubic-bezier(.16, 1, .3, 1); }
.ctp2 .ctp2-collage__screen img { display: block; width: 100%; height: auto; transform: none; }
.ctp2-collage__screen--1 { width: 80%; left: -26%; top: 14%; z-index: 1; }
.ctp2-collage__screen--2 { width: 96%; left: 26%; top: -8%; }
.ctp2-collage__screen--3 { width: 96%; left: 10%; top: 50%; z-index: 2; }
.ctp2-collage:hover .ctp2-collage__screen--1 { transform: rotate(12deg) translate(-6px, -4px); }
.ctp2-collage:hover .ctp2-collage__screen--2 { transform: rotate(12deg) translate(6px, -6px); }
.ctp2-collage:hover .ctp2-collage__screen--3 { transform: rotate(12deg) translate(4px, 6px); }
.ctp2 .ctp2-collage:hover img { transform: none; }

/* Capabilities: description + optional button in the open tab */
.ctp2 .ctp2-cap .cpdv2-pillar__detail { gap: 14px; }
.ctp2 .ctp2-cap .primary-button { align-self: flex-start; }

/* Why us: seven reasons, the last one spans the full row */
.ctp2 .ctp2-why__list li:last-child:nth-child(odd) { grid-column: 1 / -1; }

/* Pricing: head with the currency switch, two packages */
.ctp2-pricing__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 32px; }
.ctp2-pricing__head .cpdv2-currency { margin-left: 0; background: var(--cpd-white); }
.ctp2 .ctp2-plans { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ctp2 .ctp2-plans .home2-plan__top { min-height: 0; }

@media (max-width: 1100px) {
    .ctp2 .ctp2-plans { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .ctp2 .ctp2-case__stats { grid-template-columns: 1fr; }
    .ctp2-pricing__head { flex-direction: column; align-items: flex-start; }
    .ctp2-pricing__head .cpdv2-currency { align-self: flex-start; }
}