/* V108: sixth public topic and example – existing visual language preserved. */
.pl60-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1190px){.pl60-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.pl60-module-grid{grid-template-columns:1fr}}
.pl108-example{padding:28px 0 64px}
.pl108-panel{border:1px solid rgba(90,209,234,.39);border-radius:24px;background:linear-gradient(135deg,#08263e 0%,#0c4056 100%);padding:clamp(20px,4vw,42px);box-shadow:0 18px 38px rgba(0,22,42,.19);color:#eaf9fc}
.pl108-example-head{display:flex;justify-content:space-between;align-items:center;gap:26px}
.pl108-example-head>div{min-width:0;max-width:800px}
.pl108-example-head h2{font-size:clamp(24px,2.9vw,38px);line-height:1.17;margin:8px 0 12px;color:white}
.pl108-example-head p:not(.eyebrow){font-size:15px;line-height:1.65;color:#cde6eb;margin:0}
.pl108-example-head img{width:min(31%,290px);height:auto;max-width:100%;object-fit:contain}
.pl108-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:25px 0 15px}
.pl108-kpis>div{min-width:0;background:rgba(4,30,48,.75);border:1px solid rgba(111,224,239,.23);padding:15px 17px;border-radius:13px}
.pl108-kpis small{display:block;color:#b0d2dc;font-size:12px;line-height:1.3;margin-bottom:7px}
.pl108-kpis strong{display:block;font-size:clamp(19px,2.2vw,28px);color:#e4faff;font-variant-numeric:tabular-nums}
.pl108-disclaimer{font-size:12px;line-height:1.6;color:#bdd7e0}
.pl108-downloads{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.pl108-downloads a{max-width:100%;white-space:normal;text-align:center}
@media(max-width:960px){.pl108-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.pl108-example-head{display:block}.pl108-example-head img{display:block;width:min(240px,80%);margin:20px 0 0}.pl108-kpis{gap:8px}.pl108-kpis>div{padding:12px 11px}.pl108-downloads a{width:100%}}

/* V109 – focused marketing journey, respects the existing PerformanceLab visual language. */
.pl109-journey{padding:clamp(24px,4vw,48px) 0 15px}
.pl109-journey h2{font-size:clamp(25px,2.8vw,40px);line-height:1.16;margin:9px 0 13px;color:#f0faff}
.pl109-journey .eyebrow{color:#9de7ef}
.pl109-journey-intro{color:#c7dfe6;max-width:780px;font-size:15px;line-height:1.65;margin:0 0 24px}
.pl109-journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.pl109-journey-card{display:flex;flex-direction:column;gap:0;min-width:0;min-height:218px;padding:22px 23px;border-radius:18px;text-decoration:none!important;background:linear-gradient(155deg,rgba(9,49,73,.98),rgba(6,27,46,.98));border:1px solid rgba(106,203,223,.33);color:#eafaff!important;box-shadow:0 14px 30px rgba(0,16,35,.14);transition:border-color .18s,transform .18s}
.pl109-journey-card:hover,.pl109-journey-card:focus-visible{border-color:#75e4f3;transform:translateY(-2px);outline-offset:3px}
.pl109-step{font-size:11px;font-weight:750;letter-spacing:.13em;color:#90e8f4}
.pl109-journey-card h3{font-size:clamp(20px,1.75vw,26px);line-height:1.2;margin:13px 0 10px;color:white}
.pl109-journey-card p{font-size:14px;line-height:1.62;color:#c8e3e9;margin:0 0 18px}
.pl109-journey-link{margin-top:auto;font-weight:700;font-size:13px;color:#94f0fa}
@media(max-width:960px){.pl109-journey-grid{grid-template-columns:1fr;gap:12px}.pl109-journey-card{min-height:0}}
@media(prefers-reduced-motion:reduce){.pl109-journey-card{transition:none}.pl109-journey-card:hover{transform:none}}