.vp-page{width:100%;max-width:1588px;margin:0 auto;padding:32px 15px 60px;font-family:Unbounded,sans-serif}
.vp-ph{background:#d9d9d9;border-radius:12px;width:100%}
.vp-ph--hero{height:420px}

.vp-hero{margin-bottom:12px}
.vp-hero__card{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#000;border-radius:20px;overflow:hidden}
.vp-hero__left{padding:48px 44px}
.vp-hero__right{display:flex}
.vp-hero__right .vp-ph{border-radius:0;height:100%;min-height:420px;background:#2a2a2a}
.vp-hero__title{font-size:44px;line-height:1.05;font-weight:700;color:#e50c7e;margin:0 0 18px}
.vp-hero__subtitle{font-size:15px;line-height:1.5;font-weight:600;color:#fff;margin:0 0 18px}
.vp-hero__text{font-size:13px;line-height:1.7;font-weight:300;color:rgba(255,255,255,.72);margin:0 0 28px}
.vp-hero__btn{display:inline-block;padding:14px 38px;background:#e50c7e;color:#fff;border-radius:30px;font-size:15px;font-weight:400;text-decoration:none;transition:opacity .3s}
.vp-hero__btn:hover{opacity:.85;color:#fff}

@media(max-width:991px){
.vp-hero__card{grid-template-columns:1fr}
.vp-hero__left{padding:32px 24px}
.vp-hero__title{font-size:32px}
.vp-hero__right .vp-ph{min-height:260px}
}
@media(max-width:575px){
.vp-page{padding:16px 15px 40px}
.vp-hero__title{font-size:26px}
}

.vp-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}
.vp-ph--strip{height:180px;border-radius:12px}

.vp-problem{background:#efefef;border-radius:16px;padding:32px 40px;margin-bottom:24px}
.vp-problem__title{font-size:30px;font-weight:700;color:#010101;margin:0 0 6px}
.vp-problem__subtitle{font-size:14px;font-weight:600;color:#010101;margin:0 0 18px}
.vp-problem__list{margin:0;padding-left:22px}
.vp-problem__list li{font-size:14px;line-height:1.9;font-weight:300;color:#010101}

.vp-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}
.vp-ph--pair{height:300px}

@media(max-width:991px){
.vp-ph--strip{height:120px}
.vp-problem{padding:24px}
.vp-problem__title{font-size:22px}
.vp-ph--pair{height:220px}
}
@media(max-width:575px){
.vp-strip{grid-template-columns:1fr;gap:8px}
.vp-pair{grid-template-columns:1fr}
.vp-ph--pair{height:180px}
}

.vp-tech{background:#efefef;border-radius:16px;padding:32px 40px;margin-bottom:28px}
.vp-tech__title{font-size:30px;font-weight:700;color:#010101;margin:0 0 18px}
.vp-tech__list{margin:0;padding-left:22px}
.vp-tech__list li{font-size:14px;line-height:1.9;font-weight:300;color:#010101}

.vp-adv{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start;margin-bottom:36px}
.vp-ph--adv{height:420px;background:#2a2a2a}
.vp-adv__title{font-size:30px;line-height:1.15;font-weight:700;color:#010101;margin:0 0 22px}
.vp-adv__list{margin:0;padding-left:20px}
.vp-adv__list li{font-size:14px;line-height:1.6;font-weight:300;color:#010101;margin-bottom:18px}
.vp-adv__name{display:block;font-weight:600;margin-bottom:2px}

.vp-sol{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start;margin-bottom:36px}
.vp-ph--sol{height:340px;background:#2a2a2a}
.vp-sol__title{font-size:30px;line-height:1.15;font-weight:700;color:#010101;margin:0 0 22px}
.vp-sol__list{margin:0;padding-left:20px}
.vp-sol__list li{font-size:14px;line-height:1.6;font-weight:300;color:#010101;margin-bottom:16px}
.vp-sol__name{display:block;font-weight:600;margin-bottom:2px}

@media(max-width:991px){
.vp-tech{padding:24px}
.vp-tech__title{font-size:22px}
.vp-adv,.vp-sol{grid-template-columns:1fr;gap:24px}
.vp-adv__title,.vp-sol__title{font-size:24px}
.vp-ph--adv{height:280px}
.vp-ph--sol{height:240px}
.vp-sol__content{order:1}
.vp-ph--sol{order:2}
}

.vp-steps{border:1px solid #d9d9d9;border-radius:16px;padding:32px 40px;margin-bottom:48px}
.vp-steps__title{font-size:30px;font-weight:700;color:#010101;margin:0 0 24px}
.vp-steps__list{width:100%}
.vp-steps__row{display:flex;justify-content:space-between;gap:24px;align-items:baseline;padding:14px 0 14px 28px;border-bottom:1px solid #d9d9d9;position:relative}
.vp-steps__row:last-child{border-bottom:none}
.vp-steps__row:before{content:"";position:absolute;left:0;top:18px;width:12px;height:12px;background:#e50c7e;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
.vp-steps__num{font-size:14px;font-weight:600;color:#010101}
.vp-steps__desc{font-size:13px;font-weight:300;color:#555;text-align:right}

.vp-projects__main-title{font-size:38px;font-weight:700;color:#e50c7e;text-align:center;margin:0 0 36px}
.vp-case{margin-bottom:44px}
.vp-case__title{font-size:26px;font-weight:700;color:#010101;text-align:center;margin:0 0 10px}
.vp-case__text{font-size:14px;font-weight:300;color:#010101;text-align:center;max-width:760px;margin:0 auto 20px}
.vp-case__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vp-ph--case{height:280px}

@media(max-width:991px){
.vp-steps{padding:24px}
.vp-steps__title{font-size:22px}
.vp-projects__main-title{font-size:28px}
.vp-case__title{font-size:20px}
.vp-ph--case{height:200px}
}
@media(max-width:575px){
.vp-steps__row{flex-direction:column;gap:4px}
.vp-steps__desc{text-align:left}
.vp-case__grid{grid-template-columns:1fr}
.vp-ph--case{height:180px}
}

@media(max-width:767px){
.vp-hero__card{border-radius:16px}
.vp-hero__left{padding:28px 20px}
.vp-hero__title{font-size:28px;line-height:1.1}
.vp-hero__subtitle{font-size:14px}
.vp-hero__text{font-size:12.5px;line-height:1.65}
.vp-hero__btn{width:100%;text-align:center;padding:14px 20px}
.vp-hero__right .vp-ph{min-height:220px}
.vp-problem,.vp-tech,.vp-steps{padding:20px 16px;border-radius:14px}
.vp-problem__title,.vp-tech__title,.vp-steps__title{font-size:20px}
.vp-problem__subtitle{font-size:13px}
.vp-problem__list li,.vp-tech__list li{font-size:13px;line-height:1.7}
.vp-adv__title,.vp-sol__title{font-size:20px}
.vp-adv__title,.vp-sol__title{overflow-wrap:break-word}
.vp-adv__list li,.vp-sol__list li{font-size:13px}
.vp-ph--adv{height:220px}
.vp-ph--sol{height:200px}
.vp-steps__row{padding:12px 0 12px 24px}
.vp-steps__num{font-size:13px}
.vp-steps__desc{font-size:12px}
.vp-projects__main-title{font-size:24px;margin-bottom:24px}
.vp-case{margin-bottom:32px}
.vp-case__title{font-size:18px}
.vp-case__text{font-size:13px}
.vp-ph--strip{height:160px}
}

.vp-img{display:block;width:100%;object-fit:cover;border-radius:12px}
.vp-img.vp-ph--hero{border-radius:0;height:100%;min-height:420px}
.vp-img.vp-ph--strip{height:180px;border-radius:12px}
.vp-img.vp-ph--pair{height:300px}
.vp-img.vp-ph--adv{height:420px}
.vp-img.vp-ph--sol{height:340px}
.vp-img.vp-ph--case{height:280px}
@media(max-width:991px){
.vp-img.vp-ph--hero{min-height:260px}
.vp-img.vp-ph--strip{height:120px}
.vp-img.vp-ph--pair{height:220px}
.vp-img.vp-ph--adv{height:280px}
.vp-img.vp-ph--sol{height:240px}
.vp-img.vp-ph--case{height:200px}
}
@media(max-width:767px){
.vp-img.vp-ph--hero{min-height:220px}
.vp-img.vp-ph--strip{height:160px}
.vp-img.vp-ph--adv{height:220px}
.vp-img.vp-ph--sol{height:200px}
}
@media(max-width:575px){
.vp-img.vp-ph--pair{height:180px}
.vp-img.vp-ph--case{height:180px}
}