.center-image-link{display: block;margin: 8px auto 16px auto; cursor: pointer;width: fit-content;}.center-image-link img{display:block;max-width:100%;height:auto;box-shadow:0 1px 3px rgba(0,0,0,0.12);transition:all .3s ease;}.center-image-link:hover img{box-shadow:0 4px 8px rgba(0,0,0,0.25),0 2px 4px rgba(0,0,0,0.2);transform:scale(1.02);cursor:pointer;}
   
   .screenshots-box{background-color:#fff;box-shadow:0 2px 8px 0 rgba(25,27,38,.06);border:1px solid #ebecf0;width:100%;max-height:calc(100vh - 48px);display:flex;flex-direction:column;border-radius:12px;margin-top:24px;margin-bottom:24px;padding:10px;}.screenshots{position:relative;height:250px;margin-top:24px;margin-bottom:24px;}.screenshots-list{position:absolute;z-index:1;overflow-x:auto;overflow-y:hidden;width:100%;height:260px;white-space:nowrap;list-style:none;padding:0;margin:0;}.screenshots-list li{position:relative;display:inline-block;margin-right:5px;}.screenshots-list-item{display:inline-block;max-width:none;min-height:250px;max-height:250px;}.screenshots-list-item img{display:inline-block;max-width:none;min-height:250px;max-height:250px;}.screenshots-title{color:#333;margin-bottom:24px;}.screenshots-title:hover{color:#30b235;}

.yepmob-inline-promo{
    margin:12px 0 20px;
}
.yepmob-inline-promo__link{
    position:relative;
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 14px;
    border:1px solid #e7ecf3;
    border-radius:14px;
    background:linear-gradient(135deg,#f7fbff 0%,#ffffff 55%,#f5fff7 100%);
    text-decoration:none!important;
    box-shadow:0 2px 8px rgba(25,27,38,.05);
    overflow:hidden;
}
.yepmob-inline-promo__link::before{
    content:"";
    position:absolute;
    top:0;
    left:-130%;
    width:60%;
    height:100%;
    background:linear-gradient(120deg,rgba(255,255,255,0),rgba(255,255,255,.35),rgba(255,255,255,0));
    transform:skewX(-22deg);
    animation:yepmobShine 3.2s linear infinite;
}
.yepmob-inline-promo__icon{
    width:46px;
    height:46px;
    border-radius:14px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 46px;
    overflow:hidden;
    box-shadow:0 2px 8px rgba(25,27,38,.08);
    position:relative;
    z-index:1;
}
.yepmob-inline-promo__icon img{
    width:34px;
    height:34px;
    display:block;
    object-fit:contain;
}
.yepmob-inline-promo__text{
    min-width:0;
    flex:1;
    color:#202124;
    line-height:1.3;
    position:relative;
    z-index:1;
}
.yepmob-inline-promo__text strong{
    display:block;
    font-size:15px;
    font-weight:800;
    margin-bottom:3px;
}
.yepmob-inline-promo__text span{
    display:block;
    font-size:13px;
    color:#5f6368;
}
.yepmob-inline-promo__cta{
    flex:0 0 auto;
    padding:8px 11px;
    border-radius:999px;
    background:#30b235;
    color:#fff;
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
    position:relative;
    z-index:1;
    animation:yepmobBreath 2.2s ease-in-out infinite;
}
.yepmob-inline-promo__link:hover{
    transform:translateY(-1px);
    box-shadow:0 5px 14px rgba(25,27,38,.09);
}
@keyframes yepmobShine{
    0%{left:-130%;}
    100%{left:140%;}
}
@keyframes yepmobBreath{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.06);}
}
@media(max-width:576px){
    .yepmob-inline-promo{
        margin:10px 0 18px;
    }
    .yepmob-inline-promo__link{
        padding:11px;
        gap:10px;
    }
    .yepmob-inline-promo__icon{
        width:42px;
        height:42px;
        flex-basis:42px;
    }
    .yepmob-inline-promo__icon img{
        width:31px;
        height:31px;
    }
    .yepmob-inline-promo__text strong{
        font-size:14px;
    }
    .yepmob-inline-promo__text span{
        font-size:12px;
    }
    .yepmob-inline-promo__cta{
        padding:7px 9px;
        font-size:12px;
    }
}
@media(prefers-reduced-motion:reduce){
    .yepmob-inline-promo__link::before,
    .yepmob-inline-promo__cta{
        animation:none!important;
    }
}.yepmob-ad{
    margin:12px 0 20px;
}
.yepmob-ad__btn{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
    max-width:460px;
    padding:14px 18px;
    border-radius:999px;
    color:#fff!important;
    text-decoration:none!important;
    font-size:15px;
    font-weight:800;
    line-height:1.2;
    background:linear-gradient(135deg,#1a8cff 0%,#30b235 100%);
    box-shadow:0 8px 22px rgba(26,140,255,.22);
    overflow:hidden;
    transform:translateZ(0);
    animation:yepmobAdBreath 2.4s ease-in-out infinite;
}
.yepmob-ad__btn::before{
    content:"";
    position:absolute;
    top:0;
    left:-130%;
    width:60%;
    height:100%;
    background:linear-gradient(120deg,rgba(255,255,255,0),rgba(255,255,255,.25),rgba(255,255,255,0));
    transform:skewX(-22deg);
    animation:yepmobAdShine 3.2s linear infinite;
}
.yepmob-ad__dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 0 0 rgba(255,255,255,.55);
    flex:0 0 10px;
    animation:yepmobAdPing 1.8s infinite;
    position:relative;
    z-index:1;
}
.yepmob-ad__text,
.yepmob-ad__arrow{
    position:relative;
    z-index:1;
}
.yepmob-ad__arrow{
    font-size:18px;
    font-weight:900;
}
.yepmob-ad__btn:hover{
    transform:translateY(-1px) scale(1.02);
    box-shadow:0 10px 26px rgba(26,140,255,.28);
}
@keyframes yepmobAdBreath{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.025);}
}
@keyframes yepmobAdShine{
    0%{left:-130%;}
    100%{left:140%;}
}
@keyframes yepmobAdPing{
    0%{box-shadow:0 0 0 0 rgba(255,255,255,.55);}
    70%{box-shadow:0 0 0 10px rgba(255,255,255,0);}
    100%{box-shadow:0 0 0 0 rgba(255,255,255,0);}
}
@media(max-width:576px){
    .yepmob-ad__btn{
        font-size:14px;
        padding:13px 14px;
    }
}
@media(prefers-reduced-motion:reduce){
    .yepmob-ad__btn,
    .yepmob-ad__btn::before,
    .yepmob-ad__dot{
        animation:none!important;
    }
}
.buttonRow .yepmob-ad{
    display:block!important;
    width:100%!important;
    margin:10px 0!important;
}

.buttonRow .yepmob-ad__btn{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    width:100%!important;
    max-width:none!important;
    min-height:46px!important;
    padding:12px 18px!important;
    box-sizing:border-box!important;
    border-radius:6px!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1.2!important;
    background:linear-gradient(135deg,#1a8cff 0%,#30b235 100%)!important;
    box-shadow:0 6px 18px rgba(26,140,255,.22)!important;
    overflow:hidden!important;
    border:0!important;
    animation:yepmobAdBreath 2.4s ease-in-out infinite!important;
}

.buttonRow .yepmob-ad__btn::before{
    content:""!important;
    position:absolute!important;
    top:0!important;
    left:-130%!important;
    width:60%!important;
    height:100%!important;
    background:linear-gradient(120deg,rgba(255,255,255,0),rgba(255,255,255,.25),rgba(255,255,255,0))!important;
    transform:skewX(-22deg)!important;
    animation:yepmobAdShine 3.2s linear infinite!important;
}

.buttonRow .yepmob-ad__dot{
    display:block!important;
    width:10px!important;
    height:10px!important;
    border-radius:50%!important;
    background:#fff!important;
    flex:0 0 10px!important;
    position:relative!important;
    z-index:1!important;
    animation:yepmobAdPing 1.8s infinite!important;
}

.buttonRow .yepmob-ad__text,
.buttonRow .yepmob-ad__arrow{
    position:relative!important;
    z-index:1!important;
    color:#fff!important;
}

.buttonRow .yepmob-ad__arrow{
    font-size:18px!important;
    font-weight:900!important;
}

@keyframes yepmobAdBreath{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.015);}
}

@keyframes yepmobAdShine{
    0%{left:-130%;}
    100%{left:140%;}
}

@keyframes yepmobAdPing{
    0%{box-shadow:0 0 0 0 rgba(255,255,255,.55);}
    70%{box-shadow:0 0 0 10px rgba(255,255,255,0);}
    100%{box-shadow:0 0 0 0 rgba(255,255,255,0);}
}

@media(max-width:576px){
    .buttonRow .yepmob-ad__btn{
        font-size:14px!important;
        padding:12px 14px!important;
        min-height:44px!important;
    }
}