:root {
--gradient-primary:linear-gradient(90deg, #3933FF 0%, #944DFF 100%);
--icon-arrow:url('data:image/svg+xml,');
--icon-arrow-primary:url('data:image/svg+xml,');
--icon-arrow-white:url('data:image/svg+xml,');
--icon-hook:url('data:image/svg+xml,');
--icon-hook-muted:url('data:image/svg+xml,');
--icon-coil-hook:url('data:image/svg+xml,');
--icon-coil-hook-black:url('data:image/svg+xml,');
--icon-coil-hook-white:url('data:image/svg+xml,');
--icon-coil-hook-outline-black:url('data:image/svg+xml,');
--icon-arrow-right:url('data:image/svg+xml,');
--icon-arrow-right-black:url('data:image/svg+xml,');
--icon-arrow-right-primary:url('data:image/svg+xml,');
--icon-win:url('data:image/svg+xml,');
--icon-win-primary:url('data:image/svg+xml,');
--icon-win-gray:url('data:image/svg+xml,');
--icon-mac:url('data:image/svg+xml,');
--icon-mac-primary:url('data:image/svg+xml,');
--icon-mac-gray:url('data:image/svg+xml,');
--icon-android:url('data:image/svg+xml,');
--icon-android-gray:url('data:image/svg+xml,');
--icon-android-primary:url('data:image/svg+xml,');
--icon-ios:url('data:image/svg+xml,');
--icon-ios-gray:url('data:image/svg+xml,');
--icon-ios-primary:url('data:image/svg+xml,');
--icon-buy:url('data:image/svg+xml,');
--icon-buy-primary:url('data:image/svg+xml,');
--icon-mh:url("data:image/svg+xml,")
}
.btn-primary-gradual {border-color:rgba(0, 0, 0, 0);background:var(--gradient-primary); background-size:120%; background-position: center; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btn-primary-gradual:hover {background:linear-gradient(90deg, #944DFF 0%, #3933FF 100%);}
.btn-arrow img,
.btn-arrow svg {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btn-arrow:hover img,
.btn-arrow:focus img,
.btn-arrow:hover svg,
.btn-arrow:focus svg {margin-left: .25rem;}
.list-hook,
.list-hook-muted,
.list-coil-hook,
.list-coil-hook-black,
.list-coil-hook-white,
.list-coil-hook-outline-black {padding:0;list-style: none;}
.list-hook li,
.list-hook-muted li,
.list-coil-hook li,
.list-coil-hook-black li,
.list-coil-hook-white li,
.list-coil-hook-outline-black li {
padding-left: 1.5rem;
position: relative;
}
.list-hook li::before,
.list-hook-muted li::before,
.list-coil-hook li::before,
.list-coil-hook-black li::before,
.list-coil-hook-white li::before,
.list-coil-hook-outline-black li::before {
display: block;
content: '';
width: 1rem;
height: 1rem;
position: absolute;
top: .125rem;
left: 0;
background-repeat: no-repeat;
background-position: 0 0;
}
.list-hook li::before {
background-image: var(--icon-hook);
/* list-style:disc outside var(--icon-coil-hook); */
}
.list-hook li.icon-muted::before,
.list-hook-muted li::before {
background-image: var(--icon-hook-muted);
/* list-style:disc outside var(--icon-coil-hook); */
}
.list-coil-hook li::before {
background-image: var(--icon-coil-hook);
/* list-style:disc outside var(--icon-coil-hook); */
}
.list-coil-hook-black li::before {
background-image: var(--icon-coil-hook-black);
/* list-style:disc outside var(--icon-coil-hook-black); */
}
.list-coil-hook-white li::before {
background-image: var(--icon-coil-hook-white);
/* list-style:disc outside var(--icon-coil-hook-black); */
}
.list-coil-hook-outline-black li::before {
background-image: var(--icon-coil-hook-outline-black);
/* list-style:disc outside var(--icon-coil-hook-outline-black); */
}
.fw-100 {
font-weight: 100 !important;
}
.fw-200 {
font-weight: 200 !important;
}
.fw-300 {
font-weight: 300 !important;
}
.fw-400 {
font-weight: 400 !important;
}
.fw-500 {
font-weight: 500 !important;
}
.fw-600 {
font-weight: 600 !important;
}
.fw-700 {
font-weight: 700 !important;
}
.fw-800 {
font-weight: 800 !important;
}
.fw-900 {
font-weight: 800 !important;
}
.icon-star:after,
.icon-star-f:after {display: block; content: ''; background-position:center;background-repeat: no-repeat;background-size: contain; width: 1.5rem; height: 1.5rem;}
.icon-star:after {background-image: url('data:image/svg+xml,');}
.icon-star-f:after {background-image: url('data:image/svg+xml,');}
.icon {display: block; width: 32px; height: 32px; background-position: center; background-repeat: no-repeat; background-size: contain;}
.icon-android {background-image: var(--icon-android);}
.icon-ios {background-image: var(--icon-ios);}
a:hover .icon-android {background-image: var(--icon-android-primary);}
a:hover .icon-ios {background-image: var(--icon-ios-primary);}
.text-primary-gradual {background:var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.bg-primary-gradual {background:var(--gradient-primary);}
.bg-primary-muted {background:linear-gradient(90deg, rgba(57, 51, 255, 0.05) 0%, rgba(148, 77, 255, 0.05) 100%);}
/* totop */
.totop {display: none;position: fixed; z-index:1000; right:1%;bottom:80px; width:40px;height:40px;background:var(--gradient-primary);border-radius: .5rem;}
.totop::after{display: block;content: '';width: 50%;height: 50%; margin: 25%; background-position:center;background-repeat: no-repeat;background-size: contain;background-image: url('data:image/svg+xml,');}
.totop.active {display: block;}
/* cookies */
.toast-accept-cookies {width: 100%; padding:1rem; position: fixed; z-index:1001; bottom: 0; left:0;}
.toast-accept-cookies .toast {width: 100%; max-width: 1320px; margin:0 auto;}
@media (min-width: 768px) {
.toast-accept-cookies {bottom:0;}
}
body {position: relative;}
.header {position: sticky; top: 0; z-index: 100;}
.ad_banner .title {font-size:2.625rem;}
@media (max-width: 767px) {
.ad_banner .title {font-size:2.25rem;}
}
.step-start .num {position: relative;}
@media (min-width: 768px) {
.step-start .num:after,
.step-start .num:before {display: block; content: ''; position: absolute; top: 50%; width: 50%; height: 0; overflow: hidden; border-top: dashed 1.5px #fff;}
.step-start .num:after {right:0;}
.step-start .num:before {left:0;}
.step-start .item:first-child .num:before {display: none;}
.step-start .item:last-child .num:after {display: none;}
.step-start .num > * {position: relative; z-index: 2;}
}