/* Customers hub (/success-stories): stats, logo wall, case study cards, quotes (change #009). */
.mtv-cust-stats{display:flex;flex-wrap:wrap;gap:1.6rem;justify-content:center;margin:4rem auto 0;max-width:80rem}
.mtv-cust-stat{box-sizing:border-box;flex:1 1 19rem;max-width:24rem;padding:2.4rem 1.6rem;border-radius:1.6rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);text-align:center}
.mtv-cust-stat-num{display:block;font-weight:700;font-size:clamp(3.4rem,3.2vw,5rem);line-height:1.1;color:var(--main-color,#F07F1A)}
.mtv-cust-stat-label{display:block;margin-top:.8rem;font-size:clamp(1.4rem,1vw,1.6rem);line-height:1.4;color:rgba(255,255,255,.8)}

.mtv-cust-logos-wrap{margin:7rem auto 6rem;text-align:center}
.mtv-cust-logos-title{margin:0 0 3.2rem;font-size:clamp(1.3rem,.95vw,1.5rem);letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:rgba(255,255,255,.7)}
/* max-width fits exactly 5 logo slots per row (3 on narrower screens) so 9 logos wrap as 5+4 or 3+3+3. */
.mtv-cust-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:3.2rem 4rem;max-width:106rem;margin:0 auto}
.mtv-cust-logos img{display:block;flex:0 0 18rem;width:18rem;height:4.8rem;object-fit:contain;opacity:.85}

.mtv-cust-meta{margin:0 0 .8rem;font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--main-color,#F07F1A)}
.mtv-cust-result{margin:1.2rem 0 1.6rem;font-size:clamp(1.6rem,1.2vw,1.9rem);line-height:1.4;font-weight:700;color:#fff}

.mtv-cust-quotes-title{text-align:center;margin:0 0 4rem}
.mtv-cust-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(28rem,1fr));gap:2.4rem;max-width:120rem;margin:0 auto}
.mtv-cust-quote{margin:0;padding:3.2rem;border-radius:1.6rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);font-style:italic;line-height:1.6;color:rgba(255,255,255,.9)}
.mtv-cust-quote cite{display:block;margin-top:1.6rem;font-style:normal;font-size:clamp(1.3rem,.95vw,1.5rem);color:rgba(255,255,255,.65)}
.mtv-cust-quote cite strong{color:#fff}

/* Case study detail (change #011): perex, facts box with app screenshot, story body, quote. */
.mtv-cs{max-width:96rem;margin:0 auto;padding-bottom:8rem}
.mtv-cs-perex{margin:0 0 4rem}
.mtv-cs-glance{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3.2rem;align-items:center;margin:0 0 5.6rem}
.mtv-cs-facts{padding:3.2rem;border-radius:1.6rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.mtv-cs-facts-title{margin:0 0 1.6rem;font-size:1.3rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--main-color,#F07F1A)}
.mtv-cs-facts dl{margin:0}
.mtv-cs-facts dl>div{display:grid;grid-template-columns:14rem 1fr;gap:1.6rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.1)}
.mtv-cs-facts dl>div:first-child{border-top:0}
.mtv-cs-facts dt{color:rgba(255,255,255,.65)}
.mtv-cs-facts dd{margin:0;color:#fff;font-weight:700}
.mtv-cs-glance-img img{display:block;width:100%;height:auto}
.mtv-cs-body{max-width:76rem;margin:0 auto}
.mtv-cs-body h2{margin:4.8rem 0 1.6rem}
.mtv-cs-body h2:first-child{margin-top:0}
.mtv-cs-body p,.mtv-cs-body li{color:rgba(255,255,255,.85)}
.mtv-cs-body ul{margin:0 0 2.4rem;padding-left:2.4rem}
.mtv-cs-body li{margin:.6rem 0}
.mtv-cs-quote{display:grid;grid-template-columns:auto 1fr;gap:0 2.4rem;align-items:start;margin:4.8rem 0;padding:3.2rem;border-radius:1.6rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.mtv-cs-quote-photo{grid-row:span 2;width:8rem;height:8rem;border-radius:50%;object-fit:cover}
.mtv-cs-quote blockquote{grid-column:2;margin:0;font-style:italic;line-height:1.6;color:rgba(255,255,255,.9)}
.mtv-cs-quote figcaption{grid-column:2;margin-top:1.6rem;font-size:clamp(1.3rem,.95vw,1.5rem);color:rgba(255,255,255,.65)}
.mtv-cs-quote figcaption strong{color:#fff}
.mtv-cs-quote:not(:has(img)) blockquote,.mtv-cs-quote:not(:has(img)) figcaption{grid-column:1 / -1}

/* Case study teaser on product pages and About Us (change #012). */
.mtv-story-teaser{display:grid;grid-template-columns:20rem 1fr;gap:4rem;align-items:center;max-width:100rem;margin:2rem auto 6rem;padding:4rem;border-radius:1.6rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.mtv-story-teaser-logo{display:block;width:100%;height:auto;max-height:8rem;object-fit:contain}
.mtv-story-teaser h2{margin:0 0 1.2rem}
.mtv-story-teaser p{margin:0 0 1.6rem;color:rgba(255,255,255,.85)}
.mtv-story-teaser .mtv-cust-meta{margin-bottom:1rem}
.mtv-story-teaser-links{display:flex;flex-wrap:wrap;gap:1.2rem 3.2rem;margin:0!important}

@media (max-width:1200px){
.mtv-cust-logos{gap:3.2rem;max-width:88rem}
.mtv-cust-logos img{flex-basis:15rem;width:15rem}
}
@media (max-width:1000px){
.mtv-cust-logos{max-width:52rem}
}

@media (max-width:600px){
.mtv-cust-stats{gap:.8rem;margin-top:2.4rem}
.mtv-cust-stat{flex:0 0 calc(33.333% - .6rem);max-width:none;padding:1.2rem .4rem}
.mtv-cust-stat-num{font-size:2.6rem}
.mtv-cust-stat-label{font-size:1.2rem;line-height:1.3}
.mtv-cust-logos-wrap{margin:4.8rem auto 4rem}
.mtv-cust-logos{gap:2.4rem 1.6rem}
.mtv-cust-logos img{flex-basis:calc(33.333% - 1.1rem);width:calc(33.333% - 1.1rem);height:3.2rem}
.mtv-cust-quote{padding:2.4rem}
.mtv-cs-glance{grid-template-columns:1fr;gap:2.4rem;margin-bottom:4rem}
.mtv-cs-facts{padding:2.4rem}
.mtv-cs-facts dl>div{grid-template-columns:11rem 1fr;gap:1.2rem}
.mtv-cs-quote{grid-template-columns:1fr;padding:2.4rem}
.mtv-cs-quote-photo{grid-row:auto;width:6.4rem;height:6.4rem;margin-bottom:1.6rem}
.mtv-cs-quote blockquote,.mtv-cs-quote figcaption{grid-column:1}
.mtv-story-teaser{grid-template-columns:1fr;gap:2rem;padding:2.4rem;margin-bottom:4rem}
.mtv-story-teaser-logo{max-width:16rem;max-height:6rem;object-position:left}
}