/* Homepage content redesign (change #030): logos band, reason cards, switching steps,
   case study results, platform cards, cooperation models and FAQ. */
.mtv-hp-section{padding-top:4rem;padding-bottom:4rem}
#switching{scroll-margin-top:10rem}
.mtv-hp-head{max-width:100rem;margin:0 auto 4.8rem;text-align:center}
.mtv-hp-head h2,.mtv-hp-head h3{margin:0 0 1.6rem}
.mtv-hp-head p{margin:0;color:rgba(255,255,255,.8)}

.mtv-hp-logos .logos-description{text-align:center}
.mtv-hp-logos-title{margin:0 0 3.2rem;line-height:1.3;font-size:clamp(2rem,1.6vw,2.6rem)}

.mtv-hp-cards{display:grid;gap:2.4rem;max-width:120rem;margin:0 auto}
.mtv-hp-cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mtv-hp-cards-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:96rem}
.mtv-hp-card{padding:3.2rem 2.8rem;border-radius:1.6rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-top:3px solid var(--main-color,#F07F1A)}
.mtv-hp-card h3{margin:0 0 1.2rem}
.mtv-hp-card p{margin:0;line-height:1.6;color:rgba(255,255,255,.85)}

.mtv-hp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4rem;max-width:120rem;margin:0 auto;padding:0;list-style:none;counter-reset:none}
.mtv-hp-step{position:relative;padding:3.2rem 2.8rem;border-radius:1.6rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.mtv-hp-step::before{content:none}
.mtv-hp-step-num{display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;margin:0 0 2rem;border-radius:50%;background:var(--main-color,#F07F1A);font-weight:700;font-size:2.2rem;color:#fff}
.mtv-hp-step h3{margin:0 0 1.2rem}
.mtv-hp-step p{margin:0;line-height:1.6;color:rgba(255,255,255,.85)}

.mtv-hp-btn{display:flex;justify-content:center;margin-top:4.8rem}
.top-image-btn .btn-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1.6rem}

.caseStudies-container .mtv-hp-result{margin:1.2rem 0;font-size:clamp(1.6rem,1.2vw,1.9rem);line-height:1.4;font-weight:700;color:var(--main-color,#F07F1A)}
.caseStudies-container .mtv-hp-quote{margin:0 0 1.6rem;padding:0;border:0;font-style:italic;line-height:1.6;color:rgba(255,255,255,.85)}
.caseStudies-container .mtv-hp-quote cite{display:block;margin-top:.8rem;font-style:normal;font-size:clamp(1.3rem,.95vw,1.5rem);color:rgba(255,255,255,.65)}

.mtv-hp-video{margin-top:9.6rem}
.mtv-hp-video .mtv-hp-head{margin-bottom:3.2rem}

.mtv-hp-line{max-width:96rem;margin:3.2rem auto 0;text-align:center;color:rgba(255,255,255,.85)}
.mtv-hp-line .link{margin-left:.8rem;white-space:nowrap}

.mtv-faq{max-width:96rem;margin:0 auto}
.mtv-faq-item{border-bottom:1px solid rgba(255,255,255,.15)}
.mtv-faq-item:first-child{border-top:1px solid rgba(255,255,255,.15)}
.mtv-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:2.4rem;padding:2.4rem 0;cursor:pointer;list-style:none}
.mtv-faq-item summary::-webkit-details-marker{display:none}
.mtv-faq-item summary::after{content:"+";flex:0 0 auto;font-size:3rem;line-height:1;font-weight:400;color:var(--main-color,#F07F1A)}
.mtv-faq-item[open] summary::after{content:"\2212"}
.mtv-faq-q{margin:0;font-size:clamp(1.8rem,1.3vw,2.2rem);line-height:1.35}
.mtv-faq-a p{margin:0 0 2.4rem;font-size:1.6rem;line-height:1.6;color:rgba(255,255,255,.85)}

@media (max-width:1200px){
.mtv-hp-cards-4,.mtv-hp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
.mtv-hp-cards-4,.mtv-hp-cards-2,.mtv-hp-steps{grid-template-columns:minmax(0,1fr)}
.mtv-hp-head{margin-bottom:3.2rem}
.mtv-hp-card,.mtv-hp-step{padding:2.4rem 2rem}
.mtv-hp-video{margin-top:6.4rem}
}