/* Text-slide conversions for /work/publictransportapp (agent 5) */
.tx-slide{
  --tx-purple:#5b25ff;
  position:relative;
  width:100vw;
  aspect-ratio:16/9;
  container-type:inline-size;
  overflow:hidden;
  background:#fff;
  color:#7b7b7b;
  font-family:"Open Sans",Generalsans,Arial,sans-serif;
  text-align:left;
}
.tx-slide h2,.tx-slide h3,.tx-slide p,.tx-slide ul,.tx-slide li,.tx-slide blockquote,.tx-slide footer{
  margin:0;padding:0;border:0;list-style:none;
}
.tx-slide h2{
  font-family:"Playfair Display","PT Serif",Georgia,serif;
  font-weight:900;font-variant-numeric:oldstyle-nums;color:var(--tx-purple);
}

/* ---------- Slide: Insights & User Voices ---------- */
.tx-insights h2{
  position:absolute;left:8.7cqw;top:6.2cqw;
  font-size:3.9cqw;line-height:1.25;letter-spacing:.01em;
}
.tx-insights h2 span{position:relative;z-index:0;white-space:nowrap}
.tx-insights h2 span::after{
  content:"";position:absolute;z-index:-1;left:11.4cqw;right:-.3cqw;bottom:.6cqw;height:1.4cqw;
  background:#e8fbff;border-radius:1cqw;
}
.tx-insights .tx-stats{
  position:absolute;left:8.7cqw;top:18.8cqw;
  display:grid;grid-template-columns:20.8cqw 18.6cqw 14cqw;grid-auto-rows:16.6cqw;
}
.tx-insights .tx-stat-main{grid-row:1 / span 2}
.tx-insights .tx-num{
  font-family:"Playfair Display","PT Serif",Georgia,serif;
  font-weight:900;font-variant-numeric:oldstyle-nums;font-size:5cqw;line-height:1.1;color:var(--tx-purple);
  margin-bottom:2cqw;white-space:nowrap;
}
.tx-insights .tx-label{
  font-size:1.25cqw;line-height:1.55;font-weight:600;color:#7b7b7b;letter-spacing:.02em;max-width:16.5cqw;
}
.tx-insights .tx-desc{
  font-size:1.25cqw;line-height:1.55;font-weight:400;color:#858585;letter-spacing:.02em;max-width:16.5cqw;
}
.tx-insights .tx-note{
  font-size:1.25cqw;line-height:1.55;font-weight:600;color:var(--tx-purple);letter-spacing:.02em;max-width:16.5cqw;
  margin:1.6cqw 0 1.6cqw;
}
.tx-insights .tx-stat:not(.tx-stat-main) .tx-label{max-width:14cqw}
.tx-insights .tx-stat-main .tx-label,.tx-insights .tx-stat-main .tx-note{max-width:15cqw}
.tx-insights .tx-stat-main .tx-desc{max-width:16.5cqw}
.tx-insights .tx-panel{
  position:absolute;right:0;top:0;bottom:0;width:31.85cqw;
  background:var(--tx-purple);color:#fff;
  padding:6.4cqw 3.5cqw 0 5.55cqw;box-sizing:border-box;
  font-size:1.1cqw;line-height:1.76;letter-spacing:0;
}
.tx-insights .tx-panel h3{font-size:1.1cqw;line-height:1.76;font-weight:600;max-width:18cqw;margin-bottom:1.9cqw}
.tx-insights .tx-panel li{margin:0}
.tx-insights .tx-panel li.tx-in{text-indent:.3cqw}

/* ---------- Slide: Questions users asked + quotes ---------- */
.tx-questions{background:#fff}
.tx-questions::before{
  content:"";position:absolute;inset:0 0 0 41.65cqw;pointer-events:none;
  background:radial-gradient(ellipse 55% 42% at 62% 100%,#f1efff 0,#f6f5ff 60%,transparent 100%);
}
.tx-questions .tx-left{
  position:absolute;left:0;top:0;bottom:0;width:41.65cqw;box-sizing:border-box;
  background:var(--tx-purple);color:#fff;padding:7.6cqw 2cqw 0 6.65cqw;
  font-size:1.1cqw;line-height:1.76;letter-spacing:.015em;
}
.tx-questions .tx-left h3{font-size:1.1cqw;line-height:1.76;font-weight:600;margin:0}
.tx-questions .tx-left h4{font-size:1.1cqw;line-height:1.76;font-weight:600;margin:0}
.tx-questions .tx-left ul{margin:0 0 1.9cqw}
.tx-questions .tx-left h3{margin-bottom:1.9cqw}
.tx-questions .tx-left li{margin:0}
.tx-questions .tx-quote{
  position:absolute;left:41.65cqw;right:0;text-align:center;box-sizing:border-box;
}
.tx-questions .tx-quote p{
  font-size:1.25cqw;line-height:1.55;font-weight:600;color:var(--tx-purple);letter-spacing:.02em;margin:0 auto;
}
.tx-questions .tx-quote footer{
  font-size:1.2cqw;line-height:1.62;font-weight:400;color:#7b7b7b;letter-spacing:.02em;
}
.tx-questions .tx-q1{top:6.2cqw}.tx-questions .tx-q1 p{max-width:40cqw}
.tx-questions .tx-q2{top:23.8cqw}.tx-questions .tx-q2 p{max-width:32cqw}.tx-questions .tx-q2 footer{margin-top:2cqw}
.tx-questions .tx-q3{top:38.2cqw}.tx-questions .tx-q3 p{max-width:32cqw}.tx-questions .tx-q3 footer{margin-top:2cqw}

/* ---------- Mobile ---------- */
@media (max-width:767px){
  .tx-slide{aspect-ratio:auto;container-type:normal;overflow:visible}
  .tx-slide h2,.tx-slide .tx-stats,.tx-slide .tx-panel,.tx-slide .tx-left,.tx-slide .tx-quote{position:static}
  .tx-insights h2{font-size:30px;line-height:1.25;padding:36px 20px 0}
  .tx-insights h2 span{white-space:normal;position:relative}
  .tx-insights h2 span::after{position:absolute;left:30%;right:0;bottom:3px;height:10px;border-radius:6px}
  .tx-insights .tx-stats{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:26px 18px;padding:28px 20px 36px}
  .tx-insights .tx-stat-main{grid-row:auto;grid-column:1 / -1}
  .tx-insights .tx-num{font-size:44px;margin-bottom:8px}
  .tx-insights .tx-label,.tx-insights .tx-desc,.tx-insights .tx-note{font-size:16px;max-width:none}
  .tx-insights .tx-stat:not(.tx-stat-main) .tx-label,.tx-insights .tx-stat-main .tx-label,.tx-insights .tx-stat-main .tx-desc,.tx-insights .tx-stat-main .tx-note{max-width:none}
  .tx-insights .tx-note{margin:14px 0}
  .tx-insights .tx-panel{width:auto;padding:30px 20px 36px;font-size:15px;line-height:1.7}
  .tx-insights .tx-panel h3{font-size:15px;line-height:1.7;max-width:none;margin-bottom:14px}
  .tx-insights .tx-panel li.tx-in{text-indent:0}
  .tx-insights .tx-panel br{display:none}

  .tx-questions{display:flex;flex-direction:column}
  .tx-questions::before{display:none}
  .tx-questions .tx-left{width:auto;padding:32px 20px 32px;font-size:15px;line-height:1.7}
  .tx-questions .tx-left h3,.tx-questions .tx-left h4{font-size:15px;line-height:1.7}
  .tx-questions .tx-left br{display:none}
  .tx-questions .tx-left h3,.tx-questions .tx-left ul{margin-bottom:14px}
  .tx-questions .tx-quote{padding:28px 24px 0}
  .tx-questions .tx-quote:last-child{padding-bottom:32px}
  .tx-questions .tx-quote p{font-size:16px;line-height:1.6;max-width:none !important}
  .tx-questions .tx-quote footer{font-size:15px;line-height:1.6;margin-top:6px !important}
}
