@charset "utf-8";
/* CSS Document */
.details{width: 1200px; padding: 0;margin: 0 auto;}
a,a:hover {color: inherit;text-decoration: none;}
img{max-width: 100%;}
.file-down-arr1 {display: inline-block;vertical-align: middle;margin: -8px 4px 0 0;}
[type=range]{position:absolute; width:100%; height:100%; background-color:initial; -webkit-appearance:none; appearance:none; cursor:ew-resize;}
::-webkit-slider-thumb{-webkit-appearance:none; appearance:none; width:0;}
::-moz-range-track{height:100%;}
::-moz-range-thumb{width:0; opacity:0;}

main {background:#fff url(../images/promo-materials/banner-bg.jpg) no-repeat center top/100% auto;text-align: center;}
.content {padding: 60px 0 0;}
h1 {font-size: 45px;color: #000;line-height: 1;font-weight: 500;}
.content-p {font-size: 25px;color: #4c4c4c;line-height: 1.1;padding: 20px 0 35px;}
.the-btns {display: flex;justify-content: center;flex-wrap: wrap;gap: 16px;}
.the-btn {display: flex;flex-direction: column;align-items: center;gap: 11px;color: #fff;}
.link-btn, .down-btn {min-width: 260px;height: 54px;box-sizing: border-box;padding: 0 10px;display: flex;justify-content: center;align-items: center;gap: 16px;border-radius: 5px;font-size: 21px;color: #fff;line-height: 1;}
.link-btn {background-color: #1c97ff;}
.down-btn {background-color: #92cf3f;}
.down-btn::after {content: "";background: url(../images/ai-index/m01-icons.svg) no-repeat 0 -33px/63px 152px;height: 22px;width: 19px;}
.down-btn.mac-plat::after {background-position: 0 -130px;}
.down-btn.mobile-plat::after {display: none;}
.btn-bottom {font-size: 15px;color: #898989;line-height: 1;}
.btn-bottom>a {color: #404040;text-decoration: underline;}
.down-btn+.btn-bottom>a {color: #898989;}
.content-items {display: flex;justify-content: center;flex-wrap: wrap;gap: 4px;padding-top: 42px;color: #0a45ff;}
.content-item {width: 168px;height: 47px;border-radius: 5px 5px 0 0;background-color: #d9e2ff;display: flex;justify-content: center;align-items: center;font-size: 17px;line-height: 1;text-align: center;}
.content-item:hover,.content-item.active {background-color: #0842ff;color: #fff;}
.content-wrap {display: none;padding: 56px 0;background-color: #fff;}
.content-wrap.active {display: block;}
.content-h2 {font-size: 45px;color: #05071e;line-height: 1;display: inline-block;position: relative;z-index: 0;margin-bottom: 45px;}
.content-h2::after {content: "";width: 110%;height: 14px;background-color: #c8d8ff;position: absolute;bottom: 0;left: -5%;z-index: -1;}
.the-gallery {display: none;}
.the-gallery.active {display: block;}
.images-gallery {display: flex;flex-wrap: wrap;justify-content: space-between;row-gap: 60px;}
.image-file .images-gallery,.video-file .images-gallery {gap: 27px 56px;}
.screenshot-file .images-gallery {gap: 34px 28px;}
.images-gallery>li {display: none;}
.screenshot-file .images-gallery>li {display: block;box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);border-radius: 6px;overflow: hidden;}
.logo-file .images-gallery>li {width: 100%;}
.file-wrap {display: flex;overflow: hidden;position: relative;}
.screenshot-file .file-wrap {border-radius: 0;}
.logo-file .file-wrap {justify-content: center;}
.video-file .file-wrap .play-icon {width: 84px;height: 83px;background-image: url(../images/promo-materials/play-icon.png);position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%, -50%);cursor: pointer;}
.emit-popup {cursor: pointer;}
.search-icon {width: 42px;height: 42px;border-radius: 50%;background: rgba(0,0,0,0.6) url(../images/promo-materials/search-icon.png) no-repeat center;position: absolute;top: 7px;left: 7px;cursor: pointer;}
.table1 {border: none;width: 100%;margin-top: 12px;}
.table1 th, .table1 td {height: 45px;font-size: 17px;color: #000;text-align: center;}
.table1 th {background-color: #e2eafd;}
.table1 th:nth-child(even) {background-color: #eff4ff;}
.table1 td {background-color: #fff;}
.table1 tbody tr:nth-child(even) td {background-color: #f8faff;}
.table1 tbody tr:nth-child(even) td:nth-child(even) {background-color: #f5f5f5;}
.table1 td:nth-child(even) {background-color: #fbfbfb;}
.table1 td>a,.table1 td>a:hover {color: #1c5cff;}
.screenshot-download {padding: 15px 10px;background-color: #fff;color: #000;}
.screenshot-download>a {display: flex;justify-content: center;align-items: center;gap: 12px;font-size: 19px;line-height: 1;}
.screenshot-download>a::after {content: url(../images/promo-materials/down-arr.png);line-height: 0;}
.gallery-toggles{padding-top:76px;display:flex;justify-content:center;align-items:center;gap:10px;}
.arrow-toggle{width:30px;height:30px;box-sizing: border-box;padding-left: 4px;color:#fff;border:1px solid;border-radius:50%;background-color: #000;display:flex;justify-content:center;align-items:center;cursor:pointer;}
.arrow-toggle.next-toggle {padding: 0 4px 0 0;}
.arrow-toggle.inactive{color:#5d5d5d;}
.arrow-toggle::before{content:"";width:10px;height:10px;border-left:2px solid;border-bottom:2px solid;transform:rotate(45deg);}
.arrow-toggle.next-toggle::before{transform:rotate(-135deg);}
.nums-toggle{display:flex;justify-content:center;gap:20px;font-size:25px;color:#a2a2a2;}
.num-toggle{cursor:pointer;}
.num-toggle.active{color:#000;}
.compare-popup{width:100%;height:100%;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;z-index:10000;display:none;justify-content:center;align-items:center;color: #fff;}
.compare-popup.active{display:flex;}
.compare-popup-content{max-width:90%;min-width: 300px;min-height: 300px;font-size: 17px;position:relative;box-sizing:border-box;padding:4px;background-color:#3a3a3a;}
.cancel-compare-popup{width:115px;line-height:31px;background-color:#3a3a3a;border-radius:12px 12px 0 0;text-align:center;position:absolute;bottom:100%;right:0;cursor:pointer;}
.cancel-compare-popup>span{font-size:23px;display: inline-block;vertical-align: middle;margin-top: -4px;}
.compare-words{width:100%;box-sizing:border-box;padding:24px 27px 0;display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;left:0;}
.compare-words>span{line-height:33px;padding:0 13px;background-color:rgba(0,0,0,0.6);border-radius:6px;text-align:center;}
.compare-logo{width:48px;height:32px;border-radius: 0 5px 0 12px;background:#3a3a3a url(../../img/logo2.png) no-repeat center;position:absolute;bottom:0;left:0;background-size: contain;}
.compare-btn{min-width: 145px;line-height:38px;box-sizing: border-box;padding:0 10px;border-radius:5px;background-color:#1631ff;font-size: 19px;color: #fff;text-align:center;position:absolute;bottom:17px;right:15px;}
.compare-inner{position:relative;overflow:hidden;}
.compare-inner > img{vertical-align:middle;}
.compare-inner > img:not(.the-compare-img){max-width:100%;height:auto;max-height: 85vh;}
.the-compare{position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;}
.the-compare::-moz-range-thumb{width:0;}
.the-compare-img{position:absolute;height:100%;width:calc(var(--wid,.5) * 100%);object-fit:cover;object-position:0;}
.the-compare-line{position:absolute;top:0;bottom:0;left:calc(var(--wid,.5) * 100%);pointer-events:none;display:flex;flex-flow:column;align-items:center;width:1px;}
.the-compare-line>img{max-width:initial;}
.the-compare-line::before,.the-compare-line::after{content:'';flex:1;width:100%;background-color:#fff;}
.image-toggles {width: fit-content;padding: 3px;border: 1px solid #000;border-radius: 100vw;display: flex;justify-content: center;gap: 100px;margin: 0 auto 48px;}
.image-toggle {width: 204px;height: 46px;border-radius: 100vw;text-align: center;display: flex;justify-content: center;align-items: center;font-size: 21px;color: #000;line-height: 1;cursor: pointer;}
.image-toggle.active {background-color: #f5b22d;}
.image-download {font-size: 21px;color: #010101;line-height: 1;text-align: center;padding-top: 22px;}
.image-download>a,.image-download>a:hover {border-bottom: 1px solid;}
.video-wrap {width: 572px;background-color: #000;position: relative;}
.video-wrap::before {content: "";display: block;padding-top: 56.25%;}
.video-wrap>video {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.aff-file {padding: 100px 0 0;background: url(../images/promo-materials/aff-bg.jpg) no-repeat center top/100% auto, linear-gradient(#f8fafc, #f8fafc) no-repeat center bottom/100% 90px;background-color: #fff;text-align: left;color: #000;overflow: hidden;}
.aff-content {position: relative;z-index: 0;}
.aff-img {position: absolute;top: -150px;right: -66px;z-index: -1;}
.aff-h2 {font-size: 40px;line-height: 1;font-weight: 500;}
.aff-p {font-size: 30px;line-height: 1;padding: 24px 0 38px;}
.aff-lists {padding-bottom: 26px}
.aff-list {padding: 0 0 12px 29px;font-size: 17px;line-height: 1.4;position: relative;}
.aff-list::before {content: "";width: 23px;height: 23px;background-color: #4dc100;border-radius: 50%;position: absolute;top: 2px;left: 0;}
.aff-list::after {content: "";width: 4px;height: 9px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);position: absolute;top: 7px;left: 8px;}
.aff-list>b {font-weight: 600;}
.aff-btns {display: flex;}
.aff-btn {min-width: 228px;height: 50px;box-sizing: border-box;padding: 0 10px;border-radius: 6px;background-color: #1c97ff;font-size: 21px;color: #fff;display: flex;align-items: center;justify-content: center;text-align: center;}
.aff-cards {display: flex;justify-content: center;flex-wrap: wrap;gap: 36px;padding-top: 35px;}
.aff-card {width: 582px;box-sizing: border-box;border-radius: 10px;background-color: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);padding: 40px 38px 30px;}
.aff-card-h3 {font-size: 30px;line-height: 1.1;font-weight: 500;padding-left: 5px;margin-bottom: 22px;border-left: 3px solid #ff8f45;}
.aff-card-p {font-size: 17px;line-height: 1.6;}
.aff-card-form-top {font-size: 17px;color: #ff8f45;padding: 30px 0 15px;}
.aff-card-form {display: flex;justify-content: center;flex-wrap: wrap;}
.aff-card-form-left {flex: 1;font-size: 15px;color: #808080;line-height: 1.4;padding: 4px 10px;border: 1px solid #c1c1c1;border-right: none;border-radius: 4px 0 0 4px;}
.aff-card-form-left>span {color: #ff8f45;}
.aff-card-form-right {min-width: 150px;box-sizing: border-box;padding: 0 5px;line-height: 52px;background-color: #0842ff;border-radius: 0 4px 4px 0;font-size: 21px;color: #fff;text-align: center;}
.aff-card-form-right:hover {color: #fff;}
.aff-card-bottom-p {font-size: 15px;color: #808080;line-height: 1.1;padding-top: 16px;}
.aff-card-copied {border: 1px solid #c1c1c1;border-radius: 4px;padding: 12px 7px;font-size: 15px;color: #808080;line-height: 1.4;word-break: break-all;}
.aff-card-copied>span {color: #ff8f45;}
.aff-card-copy {display: block;width: 100%;line-height: 50px;font-size: 21px;color: #fff;background-color: #0842ff;border-radius: 4px;cursor: pointer;border: none;outline: none;margin: 10px 0;}
.aff-card-copy.active {background-color: #92cf3f;cursor: not-allowed;}
.aff-card-copy>span:last-child {display: none;}
.aff-card-copy.active>span:first-child {display: none;}
.aff-card-copy.active>span:last-child {display: inline;}
.aff-card-list {border: 2px dashed #7879f1;border-radius: 8px;background-color: #eeeeff;padding: 8px 16px 2px;}
.aff-card-list>li {font-size: 17px;line-height: 1;padding-bottom: 12px;}
.aff-card-list>li>b {font-weight: 600;}
.aff-card-list>li>span {color: #808080;}
.aff-bottom-h2 {font-size: 35px;text-align: center;line-height: 1;font-weight: 500;padding: 105px 0 52px;}
.aff-bottom-h2>span {color: #207eff;}
.aff-bottom-links {display: flex;justify-content: center;flex-wrap: wrap;gap: 19px;}
.aff-bottom-link {width: 387px;border-radius: 6px;background-color: #fff;box-sizing: border-box;border: 1px solid #f0f0f0;padding: 24px 38px 20px;transition: all 0.2s;}
.aff-bottom-link:hover {transform: translateY(-5px);}
.aff-bottom-h4 {font-size: 19px;line-height: 1.1;font-weight: 600;display: flex;align-items: center;}
.aff-bottom-h4::before {content: "";width: 48px;height: 32px;background: url(../images/promo-materials/aff-icons.png) no-repeat left center;}
.aff-bottom-link:nth-child(2) .aff-bottom-h4::before {background-position-x: -407px;}
.aff-bottom-link:nth-child(3) .aff-bottom-h4::before {background-position-x: -813px;}
.aff-bottom-p {font-size: 15px;color: #979797;line-height: 1.6;padding: 18px 0 24px;}
.aff-bottom-arr {display: block;width: 38px;height: 1px;background-color: #000;position: relative;margin: 0 0 0 auto;}
.aff-bottom-arr::after {content: "";border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 7px solid #000;position: absolute;top: -5px;right: 0;}

.logo-file {background-color: #fcfcfd;}
.table2 {width: 100%;border: none;background-color: #fff;}
.table2 th {height: 18px;background-color: #e2eafd;border-left: 1px solid #fff;}
.table2 th:first-child {border-left: none;}
.table2 th:nth-child(even) {background-color: #eff4ff;}
.table2 td {height: 55px;font-size: 17px;color: #000;border-right: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;}
.table2 td:last-child {border-right: none;}
.table2 td>a {color: #1c5cff;}

.faq {padding: 64px 0 60px;background-color: #f8fafc;color: #000;}
.faq-toggles {width: fit-content;margin: 0 auto 55px;border: 1px solid #646c77;border-radius: 100vw;display: flex;justify-content: center;overflow: hidden;}
.faq-toggle {width: 160px;line-height: 50px;text-align: center;font-size: 27px;font-weight: 600;cursor: pointer;}
.faq-toggle.active {background-color: #0842ff;color: #fff;box-shadow: 0 0 0 1px #0842ff;}
.faq-wrap {display: none;text-align: left;}
.faq-wrap.active {display: block;}
.faq-list {display: flex;justify-content: center;flex-wrap: wrap;gap: 60px;}
.faq-list>li {width: 570px;}
.faq-h3 {font-size: 23px;line-height: 1;font-weight: 500;padding-bottom: 18px;}
.faq-inner:last-child .faq-h3 {padding-top: 15px;}
.faq-inner:last-child .faq-h3:first-child {padding-top: 0;}
.faq-p {font-size: 19px;color: #666;line-height: 1.4;padding-bottom: 10px;}
.faq-p>a {text-decoration: underline;color: #538ffe;}
.faq-inner {display: none;}
.faq-inner.active {display: block;}

@media (max-width: 1200px) {
    .details {width: 96%;}
    .content-item {border-radius: 5px;}
    .images-gallery {justify-content: center;}
    .faq-list>li {width: 100%;}
    .aff-img {display: none;}
    .faq-list {gap: 20px;}
    .aff-list>br {display: none;}
    .image-toggles {gap: 10px;}
}
@media (max-width: 750px) {
    .image-toggles {width: 100%;border: none;flex-wrap: wrap;}
    .image-toggle {border: 1px solid #000;}
    .image-toggle.active {border: none;}
    .aff-card {padding: 30px 15px;}
    .aff-card-form {gap: 10px;}
    .aff-card-form-left {width: 100%;flex: auto;border-right: 1px solid #c1c1c1;border-radius: 4px;}
    .aff-card-form-right {border-radius: 4px;}
    .aff-bottom-link {padding: 20px;}

    h1 {font-size: 35px;}
    .content-p,.faq-h3,.faq-toggle {font-size: 19px;}
    .content-h2,.aff-h2,.aff-bottom-h2 {font-size: 29px;}
    .aff-p,.aff-card-h3 {font-size: 23px;}
    .faq-p,.image-download,.nums-toggle {font-size: 17px;}
    .table1 th, .table1 td, .table2 td {font-size: 13px;}
}