html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:"";content:none}q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}a img{outline:none}img,svg,i{max-width:100%;vertical-align:middle}a{color:#0957ff;cursor:pointer;transition:all 160ms linear}a:not(.btn):hover{color:#fbb03b}*::selection{color:#fff;background-color:#fbb03b}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-ExtraLight.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-ExtraLight.ttf) format("truetype");font-weight:100}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-ExtraLightItalic.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-ExtraLightItalic.ttf) format("truetype");font-weight:100;font-style:italic}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-Light.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-Light.ttf) format("truetype");font-weight:200}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-LightItalic.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-LightItalic.ttf) format("truetype");font-weight:200;font-style:italic}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-Thin.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-Thin.ttf) format("truetype");font-weight:300}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-ThinItalic.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-ThinItalic.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-Regular.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-RegularItalic.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-RegularItalic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-Medium.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-Medium.ttf) format("truetype");font-weight:500}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-MediumItalic.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-SemiBold.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-SemiBoldItalic.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-SemiBoldItalic.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-Bold.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-BoldItalic.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-ExtraBold.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-ExtraBold.ttf) format("truetype");font-weight:800}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-ExtraBoldItalic.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-ExtraBoldItalic.ttf) format("truetype");font-weight:800;font-style:italic}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-Black.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-Black.ttf) format("truetype");font-weight:900}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-BlackItalic.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic}@font-face{font-family:"Montserrat";src:url(https://codemagic.io/landing-assets/fonts/Montserrat-Regular.woff2) format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"Montserrat";src:url(https://codemagic.io/landing-assets/fonts/Montserrat-Regular.ttf) format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Montserrat";src:url(https://codemagic.io/landing-assets/fonts/Montserrat-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal}@font-face{font-family:"Montserrat";src:url(https://codemagic.io/landing-assets/fonts/Montserrat-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeInHalfway{0%{opacity:0}100%{opacity:.3}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes authLoading{10%{left:0;right:100%}50%{left:0;right:0}90%{left:100%;right:0}}@keyframes authTransitionOut{0%{left:0}100%{left:100%}}@keyframes moveUp{0%{transform:translateY(10px)}100%{transform:translateY(0)}}@keyframes moveDownLeft{0%{transform:translate(10px, -10px)}100%{transform:translate(0, 0)}}@keyframes moveDownRight{0%{transform:translate(-10px, -10px)}100%{transform:translate(0, 0)}}@keyframes moveUpLeft{0%{transform:translate(10px, 10px)}100%{transform:translate(0, 0)}}@keyframes moveUpRight{0%{transform:translate(-10px, 10px)}100%{transform:translate(0, 0)}}@keyframes moveDown{0%{transform:translateY(-10px)}100%{transform:translateY(0)}}@keyframes floatDown{0%{transform:translateY(-10px)}50%{transform:translateY(0)}100%{transform:translateY(-10px)}}@keyframes scaleDown{0%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes floatUp{0%{transform:translateY(10px)}50%{transform:translateY(0)}100%{transform:translateY(10px)}}@keyframes strokeIn{0%{stroke-dashoffset:100%}100%{stroke-dashoffset:0%}}@keyframes strokeOut{0%{stroke-dashoffset:0%}100%{stroke-dashoffset:100%}}@keyframes removeTopSlice{0%{transform:translateY(0)}100%{transform:translateY(calc(-100% - 5px))}}@keyframes removeBottomSlice{0%{transform:translateY(0)}100%{transform:translateY(calc(100% + 5px))}}.cm-logo .letter{fill:#0957ff;transition:fill 300ms ease-in-out}.cm-logo__star .base{fill:#ee1a43;transition:fill 300ms ease-in-out}.cm-logo__star .gradient{fill:url(#cm_logo_star);transition:opacity 300ms ease-in-out}.cm-logo--white .letter{fill:#fff}.cm-logo--white .cm-logo__star .base{fill:#fff}.cm-logo--white .cm-logo__star .gradient{opacity:0}.cm-logo--blue .letter{fill:#0957ff}.cm-logo--blue .cm-logo__star .base{fill:#0957ff}.cm-logo--blue .cm-logo__star .gradient{opacity:0}.btn{display:inline-block;background-color:#f8f8f8;color:#000626;font-weight:400;height:48px;line-height:48px;padding:0 40px;border-radius:10px;text-align:center;cursor:pointer;transition:all 160ms linear}.btn>*{cursor:pointer}.btn--red{color:#fff;background-color:#e944ff;background:linear-gradient(103deg, #ff0036 0%, #ff9116 0%, #fe19fe 100%)}.btn--red::after{background-color:#fff}.btn--white{color:#0957ff;background-color:#fff;box-shadow:0 7px 30px -5px rgba(0,0,0,.2)}.btn--white::after{background-color:#0957ff}.btn--blue{color:#fff;background-color:#0957ff}.btn--blue:hover{background-color:#2032eb}.btn--blue::after{background-color:#0957ff}.btn--cta{height:53px;line-height:53px;font-size:14px}.btn--with-arrow{position:relative;padding-right:70px;text-align:left}.btn--with-arrow::after{position:absolute;right:30px;top:calc(50% - 5px);width:10px;height:10px;display:inline-block;content:"";-webkit-mask:url(https://codemagic.io/landing-assets/svg/arrow-right.svg) no-repeat 50% 50%;mask:url(https://codemagic.io/landing-assets/svg/arrow-right.svg) no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover;transition:all 160ms linear}.btn--with-arrow:hover::after{right:28px}.btn--small{height:30px;line-height:30px;padding:0 20px;font-size:10px}@media(max-width: 560px){.btn--cta{height:48px;line-height:48px}}button:not(:disabled),button:not(:disabled) *{cursor:pointer}.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:"";display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s,opacity 0s;-moz-transition:transform 0s,opacity 0s;transition:transform 0s,opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all .25s;-moz-transition:all .25s;transition:all .25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity .6s;-moz-transition:opacity .6s;transition:opacity .6s;opacity:.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:"";display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}#cookie-notice{position:fixed;max-width:360px;bottom:10px;left:10px;right:10px;padding:15px 20px;border-radius:4px;font-size:12px;line-height:16px;background-color:#e944ff;background:linear-gradient(20deg, #e944ff 0%, #fbb03b 100%);z-index:150}#cookie-notice .inner{display:flex;margin:auto;width:auto;justify-content:space-between;align-items:center;color:#fff}#cookie-notice p{margin-right:10px}#cookie-notice a{color:#2032eb}#cookie-notice a:hover{text-decoration:underline}@media(max-width: 320px){#cookie-notice .inner{flex-direction:column;text-align:center}#cookie-notice p{margin-bottom:20px}#cookie-notice a{font-weight:600}#cookie-notice br{display:none}}#footer{background-color:#0957ff;color:#fff}#footer .inner{padding:60px 0;border-top:1px solid rgba(7,49,234,.33)}#footer a{color:#fff;font-size:16px}#footer a:hover{color:#fbb03b}#footer .footer__menu{display:flex;justify-content:space-between;width:100%}#footer .footer__links{margin-right:15px}#footer .footer__links:last-child{margin-right:0}#footer .footer__links-header{font-size:18px;margin-bottom:30px;font-weight:600}#footer .footer__link{display:block;font-size:14px}#footer .footer__link:not(:last-child){margin-bottom:15px}#footer .footer__logo{width:140px;margin-top:40px;grid-row:2;grid-column:1}#footer .footer__logo .cm-logo .letter{fill:#fff}#footer .footer__content{display:grid}#footer .footer__social{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-top:30px;grid-row:2;grid-column:1}#footer .footer__social .social-links{display:flex;justify-content:space-between;width:140px}#footer .footer__social .social-links svg{height:16px}#footer .footer__social .social-links svg path{fill:#fff;transition:160ms ease-in-out}#footer .footer__social .social-links a:hover svg path{fill:#fbb03b;transition:160ms ease-in-out}#footer #copyright{text-align:center;opacity:.4;font-size:12px;width:100%;margin-top:60px}@media(max-width: 1024px){#footer .footer__menu{display:grid;gap:30px;grid-template-columns:1fr 1fr}#footer .footer__logo{margin-top:0;margin-bottom:40px;grid-row:1}#footer .footer__links{margin-right:0}#footer .footer__links-header{margin-bottom:20px}#footer .footer__social{justify-content:flex-start;grid-row:3}#footer .footer__social .social-links{margin-top:0}#footer #copyright{text-align:left}}@media(max-width: 500px){#footer .footer__menu{display:flex;flex-direction:column;gap:40px}#footer .footer__links{display:flex;flex-direction:column}#footer .footer__links-header{margin-bottom:15px}#footer .footer__link{margin-bottom:10px;display:inline-block}#footer .footer__link:last-child{margin-bottom:0}#footer .footer__social{margin-top:40px;order:1}#footer .footer__social .social-links{justify-content:space-around;width:100%}#footer #copyright{margin-top:30px;text-align:center}}.page-content{background-color:#fff;padding:50px 0}.page-content a:not(.btn){font-weight:600}.page-content .inner>h2{text-align:center;font-size:32px;line-height:1.3;font-weight:600;line-height:1.3;margin-bottom:2em}.page-content .inner>h2~p{text-align:center;font-size:17px;line-height:1.7em;max-width:900px;margin:auto}.page-content__cols{display:grid;margin:50px 0}.page-content__cols--cols2{grid-template-columns:1fr 1fr;gap:50px}.page-content__cols--cols3{grid-template-columns:1fr 1fr 1fr;gap:20px}.page-content__cols--centered-v{align-items:center}.page-content__cols--reversed{grid-auto-flow:dense}.page-content__cols--reversed .page-content__illustration{grid-column:2;display:flex;justify-content:center}.page-content__cols--reversed .page-content__text{grid-column:1}@media(max-width: 1024px){.page-content__cols{margin:0}.page-content__cols .page-content__illustration{grid-column:1}.page-content__cols .page-content__text{grid-column:1}}.page-content__text h3{font-size:26px;font-weight:600;position:relative;padding-bottom:20px;margin-bottom:20px}.page-content__text h3::after{content:"";position:absolute;left:0;bottom:-5px;background-color:#0957ff;height:5px;width:50px}.page-content__text p,.page-content__text blockquote{font-size:17px;line-height:1.7em}.page-content__text blockquote{margin:20px 0;padding:15px 20px;border-left:5px solid #eee}@media(max-width: 1300px){.page-content .inner>h2{font-size:28px}}@media(max-width: 1024px){.page-content .inner>h2{font-size:24px;text-align:left}.page-content__cols--cols2{grid-template-columns:1fr}.page-content__cols--cols3{grid-template-columns:1fr 1fr}}@media(max-width: 840px){.page-content__cols--cols3{grid-template-columns:1fr}.page-content__text h3{font-size:18px}.page-content__text p,.page-content__text blockquote{font-size:14px}}body{min-height:100vh;font-family:"Metropolis";font-size:14px;font-weight:400;color:#06225d;background-color:#008af6}body.loggedIn [hide_on_authenticated]{display:none !important}body.loggedIn [hide_on_unauthenticated]{display:inline-block !important}body #page{position:relative;z-index:2;background-color:#fff}body .inner{width:1200px;margin:auto}@media(max-width: 1360px){body .inner{width:auto;margin:auto 50px}}@media(max-width: 800px){body .inner{margin:auto 30px}}body h2{font-size:34px;line-height:1.2;font-weight:600}body h3{font-size:20px;line-height:1.2;font-weight:600}body code{background:#eee;color:#06225d;font-family:Courier;font-size:.8em;padding:6px 8px;border-radius:3px;white-space:pre;vertical-align:middle}@media(max-width: 865px){body h2{font-size:28px}}@media(max-width: 560px){body h2{font-size:20px}body h3{font-size:16px}}#vector-styles{opacity:0;position:fixed;z-index:-1000}.section-subheader{max-width:800px;font-size:16px;line-height:1.5;text-align:center;margin:auto}@media(max-width: 560px){.section-subheader{font-size:14px;text-align:left}}body:not(.head-white) #authentication a,body:not(.head-white) #header-logo .letter,body:not(.head-white) #header-menu>a{transition:none}#header{padding:14px 0;position:fixed;top:0;left:0;right:0;font-weight:600;z-index:3}#header.fixed{position:fixed}#header .inner{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}#header:not(.white):not(.white-fixed) #header-logo .letter{fill:#fff}#header:not(.white):not(.white-fixed) #header-menu>a:not(.btn){color:#fff}#header:not(.white):not(.white-fixed) #header-menu>a:not(.btn):hover{color:#fbb03b}#header:not(.white):not(.white-fixed) #signup-btn:hover{color:#0957ff}#header.white,#header.white-fixed{background-color:#fff;color:#000626;box-shadow:0 0 20px -10px rgba(0,0,0,.3)}#header.white a:not(.btn),#header.white-fixed a:not(.btn){color:#000626}#header.white a:not(.btn).toggle-dropdown-button::after,#header.white-fixed a:not(.btn).toggle-dropdown-button::after{background-color:#000626}#header.white a:not(.btn):hover,#header.white-fixed a:not(.btn):hover{color:#0957ff}#header.white a:not(.btn):hover.toggle-dropdown-button::after,#header.white-fixed a:not(.btn):hover.toggle-dropdown-button::after{background-color:#0957ff}#header.white #signup-btn,#header.white-fixed #signup-btn{background-color:#0957ff;color:#fff}#header.white #signup-btn:hover,#header.white-fixed #signup-btn:hover{background-color:#2032eb}#header.white #menu-toggle .bar,#header.white-fixed #menu-toggle .bar{background-color:#000626}#header-logo{width:140px;margin-right:50px;cursor:pointer}#header-logo .cm-logo{cursor:pointer}#header-logo .cm-logo path{cursor:pointer}#menu-toggle{display:none;width:42px;height:42px;position:relative;cursor:pointer}#menu-toggle .bar{position:absolute;left:0;right:0;height:2px;width:42px;border-radius:2px;background-color:#fff;transition:all 160ms linear;overflow:hidden}#menu-toggle .bar:nth-child(1){top:9px}#menu-toggle .bar:nth-child(2){top:20px}#menu-toggle .bar:nth-child(3){top:31px}#menu-toggle.open .bar:nth-child(1){top:21px;transform:rotate(45deg)}#menu-toggle.open .bar:nth-child(2){top:20px;width:0}#menu-toggle.open .bar:nth-child(3){top:21px;transform:rotate(-45deg)}#header-menu-wrap{display:flex;align-items:center;justify-content:space-between;flex:1}#header-menu{display:flex}#header-menu a{display:block;height:48px;line-height:48px;padding:0 24px;color:#fff;cursor:pointer}#header-menu a:hover{color:#fbb03b}#header-menu a:hover.toggle-dropdown-button::after{background-color:#fbb03b}#header-menu a.toggle-dropdown-button{position:relative;display:flex;align-items:center;transition:all 160ms linear}#header-menu a.toggle-dropdown-button::after{width:9px;height:9px;display:inline-block;content:"";-webkit-mask:url(https://codemagic.io/landing-assets/svg/chevron-down.svg) no-repeat 50% 50%;mask:url(https://codemagic.io/landing-assets/svg/chevron-down.svg) no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;margin-left:10px;background-color:#fff}#header-menu a.toggle-dropdown-button.open::after{transform:rotate(180deg)}#header-menu .menu-dropdown{display:none;position:absolute;box-shadow:0px 3px 60px #06225d29;background:#fff;top:100%;border-radius:20px;padding:30px}#header-menu .menu-dropdown.open{display:block}#header-menu .menu-block__header{color:#06225d;font-size:12px;margin-bottom:10px;text-transform:uppercase}#header-menu .menu-block__links{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}#header-menu .menu-block__link{font-size:13px;display:flex;height:56px;align-items:center;padding:0 20px;border-radius:10px;color:#06225d;box-shadow:0px 3px 46px #e4e8f7}#header-menu .menu-block__link svg{width:20px;height:20px;margin-right:10px}#header-menu .menu-block__link svg *{transition:fill 200ms linear;stroke:none;fill:#06225d;opacity:1}#header-menu .menu-block__link svg.ios{position:relative;bottom:3px}#header-menu .menu-block__link:hover{color:#0957ff}#header-menu .menu-block__link:hover svg *{fill:#0957ff}#header-menu .menu-block:not(:last-child){margin-bottom:30px}#authentication{width:200px;height:48px;position:relative;display:flex;align-items:center;overflow:hidden}#authentication:hover{overflow:visible}#authentication:hover #auth-logout{animation:fadeIn 300ms forwards,moveUp 600ms forwards}#authentication.loading #auth-logout{display:none}#authentication.loading #auth-user .label,#authentication.loading #user-avatar{opacity:.8;filter:grayscale(50)}#auth-loading{position:absolute;left:0;right:0;height:100%;animation:fadeIn 400ms forwards}#auth-loading.transition-out{animation:authTransitionOut 200ms forwards}#auth-loading .grey-line{position:absolute;height:10px;background-color:#eee;left:0;top:16px;right:100%;animation:authLoading 2s infinite linear}#auth-visitor,#auth-user{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;transform:translateY(-100px);opacity:0}#auth-visitor.transition-in,#auth-user.transition-in{transform:translateY(0);transition:transform 0ms linear 0ms;animation:fadeIn 500ms forwards 200ms}#auth-visitor.transition-out,#auth-user.transition-out{transform:translateY(-100px);animation:fadeOut 500ms forwards;transition:transform 0ms linear 500ms}#auth-logout{display:none;position:absolute;right:0;top:100%;background:#f8f8f8;padding:16px 20px;border-radius:4px;font-size:12px;width:100px;line-height:13px;cursor:pointer;opacity:0;transform:translateY(10px);transition:color 160ms linear}#auth-logout:hover{color:#0957ff}#login-link{color:#fff;padding:0 10px;margin-right:10px}#login-link:hover{color:#fbb03b}#signup-btn{flex:1;text-align:center;width:150px;font-weight:600}#auth-user{color:#fff;width:150px;margin-left:50px}#auth-user .label{transition:all 160ms linear}#auth-user:hover{color:#fbb03b}#auth-user.transition-in~#auth-logout{display:block}#user-avatar{flex-shrink:0;width:40px;height:40px;border-radius:100%;overflow:hidden;border:2px solid rgba(255,255,255,.1)}@media(max-width: 1100px){#header-logo{width:110px;margin-right:25px}#header-menu a{padding:0 10px}}@media(min-width: 911px){#header-menu-wrap{display:flex !important}}@media(max-width: 910px){#header:not(.white) #header-menu>a:not(.btn){color:#06225d !important}#menu-toggle{display:block}#header-menu-wrap{display:none;position:fixed;background:#fff;top:0;left:0;flex:none;right:100px;box-shadow:0 0 50px rgba(0,0,0,.1);height:100vh;overflow:auto}#header-menu{flex:none;display:block;padding-top:70px}#header-menu a{display:block;flex:none;padding:5px 50px 5px 30px;border-top:1px solid #eee;position:relative}#header-menu a:last-child{border-bottom:1px solid #eee}#header-menu a::after{position:absolute;right:30px;top:calc(50% - 4.5px);width:9px;height:9px;line-height:48px;display:inline-block;content:"";-webkit-mask:url(https://codemagic.io/landing-assets/svg/arrow-right.svg) no-repeat 50% 50%;mask:url(https://codemagic.io/landing-assets/svg/arrow-right.svg) no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;margin-left:10px;background-color:#000626;transition:all 160ms linear}#header-menu a:not(.toggle-dropdown-button):hover::after{right:25px;background-color:#fbb03b}#header.white #header-menu a:not(.toggle-dropdown-button):hover::after{background-color:#0957ff}#header-menu a.toggle-dropdown-button::after{content:"";background-color:#000626}#header-menu .menu-dropdown{position:static;box-shadow:none;border-radius:0;padding:0}#header-menu .menu-block__links{display:block}#header-menu .menu-block__link{box-shadow:none;border-radius:0;padding:5px 50px;height:unset}#header-menu .menu-block__link svg{display:none}#header-menu .menu-block__header{display:none}#header-menu .menu-block:not(:last-child){margin:0}#authentication{display:block;width:100%;height:auto;padding:30px;box-sizing:border-box}#authentication:hover #auth-logout{animation:none}#user-avatar{display:none}#login-link{color:#06225d}#login-link,#signup-btn,#auth-user,#auth-logout{box-sizing:border-box;display:block;border-radius:4px;width:100%;text-align:center;height:48px;line-height:48px;margin-top:10px;background:#eee}#auth-visitor,#auth-user{display:none;position:static;width:100%;margin:0}#auth-visitor.transition-in,#auth-user.transition-in{display:block}#signup-btn,#auth-user,#auth-user label{background-color:#0957ff;color:#fff !important}#auth-logout{display:none;animation:none;opacity:1;transform:none !important;position:relative;padding:0}}body#home.head-white #header-menu>a:not(.btn),body#home.head-white #login-link,body#home.head-white #auth-user,body#customers.head-white #header-menu>a:not(.btn),body#customers.head-white #login-link,body#customers.head-white #auth-user{color:#06225d}body#home.head-white #header-menu>a:not(.btn):hover,body#home.head-white #login-link:hover,body#home.head-white #auth-user:hover,body#customers.head-white #header-menu>a:not(.btn):hover,body#customers.head-white #login-link:hover,body#customers.head-white #auth-user:hover{color:#0957ff}body#home.head-white #header-logo .letter,body#customers.head-white #header-logo .letter{fill:#0957ff}body#home.head-white #signup-btn,body#customers.head-white #signup-btn{background-color:#0957ff;color:#fff;width:150px}@media(max-width: 910px){body#home.head-white #menu-toggle .bar,body#customers.head-white #menu-toggle .bar{background-color:#000626}body#home.head-white #signup-btn,body#customers.head-white #signup-btn{width:100%}}.clients{background:#fff}.clients .inner{padding:35px 0 35px;border-top:1px solid #e4e8f7;border-bottom:1px solid #e4e8f7}.clients__logos{width:100%;display:grid;grid-template-columns:repeat(auto-fit, minmax(100px, 160px));gap:10px;justify-content:space-around;align-items:center;justify-items:center}@media(max-width: 985px){.clients .inner{display:block}.clients__content{margin-bottom:20px}.clients__header{margin-bottom:5px}.clients__logos{justify-content:center}.clients__logo{margin:0}}.how{padding:80px 0 50px;background:#fff}.how .inner{position:relative}.how__items{margin-top:50px}.how__images{display:none}.how__item{position:relative;margin-bottom:18px;padding-left:60px;counter-increment:counter}.how__item:first-child{counter-reset:counter}.how__item::before{content:"0" counter(counter);font-weight:600;font-size:20px;line-height:1.2;position:absolute;left:0;top:0;color:#0957ff;transition:color 200ms ease-in-out}.how__header{margin-bottom:16px;color:#06225d;transition:color 200ms ease-in-out}.how__description{font-size:16px;line-height:24px}.how__description p{margin:10px 0}.how__image{display:block;max-width:500px;margin:60px auto;width:100%}.how__image--bigger{padding:0 30px;box-sizing:border-box}.how--interactive .inner{display:grid;grid-template-columns:1fr 1fr;gap:50px}.how--interactive .how__content{position:absolute;width:50%;grid-column:1}.how--interactive .how__content.sticky{position:fixed}.how--interactive .how__items .how__image{display:none}.how--interactive .how__header{color:#c6cbde;cursor:pointer}.how--interactive .how__images{display:block;grid-column:2}.how--interactive .how__description{display:none}.how--interactive .how__item::before{color:#c6cbde}.how--interactive .how__item.active::before{color:#0957ff}.how--interactive .how__item.active .how__header{color:#06225d;cursor:default;pointer-events:none}@media(max-height: 600px){.how--interactive h2{font-size:24px}.how--interactive .how__items{margin-top:20px}.how--interactive .how__header,.how--interactive .how__item::before{font-size:16px}.how--interactive .how__description{font-size:14px}}.testimonials__wrapper{position:relative}.testimonials .quote{background-color:#fff;border-radius:30px}.testimonials .quote__text{font-size:20px;line-height:1.25;margin-bottom:40px;position:relative;padding-right:10px}.testimonials .quote__text::after{content:"";background-image:url(https://static.codemagic.io/media/landing/homepage/testimonials-quote.svg);width:35px;height:35px;position:absolute;right:-35px;top:0}.testimonials .quote .btn{transition:all 300ms linear}.testimonials .quote .btn:hover{box-shadow:0px 2px 8px #06225d20}.testimonials .quote__footer .btn{padding:0 30px}.testimonials .quote__author-name{font-weight:600;font-size:16px}.testimonials .quote__author-position{font-size:14px}.testimonials .tns-controls{z-index:1}.testimonials .tns-controls button{position:relative;border-radius:10px;border:none;outline:none;font-size:14px;width:45px;height:45px;transition:all 300ms linear}.testimonials .tns-controls button[data-controls=prev]::after{-webkit-mask:url(https://codemagic.io/landing-assets/svg/chevron-left.svg) no-repeat 50% 50%;mask:url(https://codemagic.io/landing-assets/svg/chevron-left.svg) no-repeat 50% 50%}.testimonials .tns-controls button[data-controls=next]::after{-webkit-mask:url(https://codemagic.io/landing-assets/svg/chevron-right.svg) no-repeat 50% 50%;mask:url(https://codemagic.io/landing-assets/svg/chevron-right.svg) no-repeat 50% 50%}.testimonials .tns-controls button::after{position:absolute;right:calc(50% - 7px);top:calc(50% - 7px);width:14px;height:14px;display:inline-block;content:"";-webkit-mask-size:cover;mask-size:cover;background-color:#fff;transition:all 160ms linear}.testimonials .tns-controls button:hover::after{background-color:#fbb03b}@media(max-width: 560px){.testimonials .quote__text{margin-right:0;padding-right:0}.testimonials .quote__text::after{display:none}}.testimonials--horizontal{margin-bottom:-50px}.testimonials--horizontal .testimonials__wrapper{padding:0 65px}.testimonials--horizontal .testimonials__slider-wrapper{opacity:0}.testimonials--horizontal .slider-item{padding:0 20px}.testimonials--horizontal .slider-item.tns-slide-active .quote{box-shadow:0px 3px 30px #06225d15}.testimonials--horizontal .quotes{padding:50px 0;display:flex;align-items:center}.testimonials--horizontal .quote{transition:all 800ms linear;padding:30px 20px}.testimonials--horizontal .quote__text{margin-right:40px}.testimonials--horizontal .quote__footer{display:flex;justify-content:space-between;align-items:center}.testimonials--horizontal .tns-inner{margin:0 20px !important}.testimonials--horizontal .tns-controls button{top:calc(50% - 22px);position:absolute;background-color:#f7f8fa;color:#06225d}.testimonials--horizontal .tns-controls button:hover{box-shadow:0px 2px 8px #06225d20}.testimonials--horizontal .tns-controls button[data-controls=prev]{left:0}.testimonials--horizontal .tns-controls button[data-controls=next]{right:0}@media(max-width: 1024px){.testimonials--horizontal .tns-slide-active~.tns-slide-active .quote{box-shadow:none}}@media(max-width: 768px){.testimonials--horizontal .testimonials__wrapper{padding:0;margin:0 -30px}.testimonials--horizontal .tns-outer{display:flex;flex-direction:column-reverse}.testimonials--horizontal .tns-inner{margin:0 10px !important}.testimonials--horizontal .tns-controls{display:flex;justify-content:center;gap:20px;position:relative;top:-20px}.testimonials--horizontal .tns-controls button{position:static}.testimonials--horizontal .quote__text{font-size:16px;line-height:1.5;margin-bottom:20px}.testimonials--horizontal .quote__footer{flex-direction:column;align-items:flex-start;gap:30px}.testimonials--horizontal .quote__footer .btn{margin-top:0;width:100%;box-sizing:border-box}}.testimonials--vertical{margin:200px 0}.testimonials--vertical .testimonials__wrapper{background:#0957ff url(https://static.codemagic.io/media/landing/homepage/testimonials-bg-waves.svg) right no-repeat;background-size:contain;padding:40px 40px 110px;border-radius:30px}.testimonials--vertical .testimonials__content{color:#fff;width:35%}.testimonials--vertical .testimonials__header{margin-bottom:30px}.testimonials--vertical .testimonials__text{font-size:16px;line-height:1.5}.testimonials--vertical .testimonials__slider-wrapper{opacity:0;position:absolute;right:40px;bottom:-20px;width:50%;border-radius:30px}.testimonials--vertical .tns-controls{position:absolute;bottom:60px;right:calc(100% + 100px);display:flex}.testimonials--vertical .tns-controls button{color:#fff;background-color:rgba(0,139,247,.06)}.testimonials--vertical .tns-controls button:hover{background-color:rgba(0,139,247,.2)}.testimonials--vertical .tns-controls button:not(:last-child){margin-right:25px}.testimonials--vertical .tns-inner{border-radius:30px;overflow:hidden}.testimonials--vertical .quote-wrapper{padding:50px 0}.testimonials--vertical .quote{display:grid;grid-template-columns:150px auto;border:2px solid #06225d10;padding:40px 70px 40px 40px}.testimonials--vertical .quote__side{padding-right:20px;text-align:center}.testimonials--vertical .quote__side .btn{margin-top:20px;padding:0 10px}.testimonials--vertical .quote__logo{max-width:80%}.testimonials--vertical .quote__footer .btn{display:none}@media(max-width: 1140px){.testimonials--vertical .testimonials__wrapper{padding-top:40px}.testimonials--vertical .testimonials__content{width:40%}.testimonials--vertical .quote{padding-right:40px;display:block}.testimonials--vertical .quote__side{text-align:left;padding-right:0;margin-bottom:20px}.testimonials--vertical .quote__side .btn{display:none}.testimonials--vertical .quote__footer{display:flex;justify-content:space-between;align-items:center}.testimonials--vertical .quote__footer .btn{line-height:16px;display:flex;align-items:center}.testimonials--vertical .quote__logo{max-width:120px}.testimonials--vertical .quote__logo--criton{max-width:90px}.testimonials--vertical .quote__text{margin-right:40px;font-size:20px}.testimonials--vertical .quote__text::after{right:-40px}}@media(max-width: 865px){.testimonials--vertical{margin-bottom:100px}}@media(max-width: 865px)and (min-width: 769px){.testimonials--vertical .quote__text{font-size:16px}}@media(min-width: 769px){.testimonials--vertical .quote-wrapper{opacity:0}.testimonials--vertical .quote-wrapper:not(.tns-slide-active){animation:fadeOut 500ms forwards}.testimonials--vertical .quote-wrapper.tns-slide-active{opacity:1}}@media(max-width: 768px){.testimonials--vertical{margin-top:100px}.testimonials--vertical .testimonials__wrapper{padding-bottom:40px;background-size:cover;background-position:left}.testimonials--vertical .testimonials__content{width:100%}.testimonials--vertical .testimonials__slider-wrapper{position:static;width:100%}.testimonials--vertical .tns-controls{position:static;display:flex;justify-content:center}}@media(max-width: 560px){.testimonials--vertical{margin:50px 0}.testimonials--vertical .testimonials__wrapper{padding:20px;border-radius:20px}.testimonials--vertical .testimonials__text{font-size:14px}.testimonials--vertical .testimonials__header{margin-bottom:15px}.testimonials--vertical .tns-inner{border-radius:20px}.testimonials--vertical .quote{padding:20px;border-radius:20px}.testimonials--vertical .quote__text{margin-bottom:15px;font-size:16px}.testimonials--vertical .quote__logo{max-width:90px}.testimonials--vertical .quote__logo--criton{max-width:60px}.testimonials--vertical .quote__author-name{font-size:14px;margin-bottom:3px}.testimonials--vertical .quote__footer{display:block}.testimonials--vertical .quote__footer .btn{margin-top:30px;justify-content:center}}.funnels{background:linear-gradient(211.71deg, #008bf7 11.6%, #0031ea 87.57%);color:#fff;text-align:center;min-height:calc(100vh);display:flex;flex-direction:column;align-items:center;position:relative;transition:min-height 150ms ease-in-out;overflow:hidden}.funnels h1{font-size:48px;line-height:1.3;font-weight:600;max-width:740px;margin:150px auto 35px;animation:fadeIn 1000ms forwards,moveDown 900ms forwards}.funnels .subheader{font-size:24px;line-height:1.3;font-weight:600;padding:20px 0;animation:fadeIn 1000ms forwards,moveDown 900ms forwards}.funnels h1,.funnels .subheader{text-shadow:0px 0px 3px rgba(0,0,0,.25)}.funnels .inner{z-index:1}.funnels::before{background:url(https://static.codemagic.io/media/landing/homepage/funnels-bg-codelines.svg) no-repeat center;mix-blend-mode:overlay}.funnels::after{background:url(https://static.codemagic.io/media/landing/homepage/funnels-bg-stars.svg) no-repeat center}.funnels::before,.funnels::after{position:absolute;content:"";top:200px;bottom:100px;left:0;right:0;background-size:contain;animation:fadeIn 1000ms forwards,scaleDown 900ms forwards}@media(max-width: 1200px){.funnels::before,.funnels::after{display:none}}.funnels-platforms-wrapper{margin:auto auto 80px;padding-bottom:95px;position:relative}.funnels-platforms-wrapper::after{position:absolute;content:"";top:0px;bottom:0px;left:0;right:0;animation:fadeIn 1000ms forwards,moveUp 900ms forwards;background:url(https://static.codemagic.io/media/landing/homepage/funnels-platforms-bg.svg) no-repeat center;background-size:contain;filter:drop-shadow(0px 5px 30px rgba(0, 0, 0, 0.25));z-index:-1}.funnels-platforms{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;max-width:600px;margin:auto}.funnels-platforms .platform{font-size:16px;border-radius:10px;padding:10px 5px 25px;text-align:center;background-color:#fff;box-sizing:border-box;color:#06225d;box-shadow:0px 5px 30px rgba(0,0,0,.25);animation-delay:200ms}.funnels-platforms .platform__img{width:40px;height:60px;display:flex;margin:auto;align-items:center}.funnels-platforms .platform__img svg{width:100%}.funnels-platforms .platform__img svg *{transition:fill 200ms linear}.funnels-platforms .platform__text{font-weight:600}.funnels-platforms .platform:hover{color:#06225d;box-shadow:0px 3px 20px rgba(0,0,0,.25)}.funnels-platforms .platform:hover svg *{fill:#06225d !important}.funnels-platforms .platform:nth-child(1){transform:translate(-10px, -10px);animation:fadeIn 1000ms forwards,moveDownRight 900ms forwards}.funnels-platforms .platform:nth-child(2){transform:translateY(-10px);animation:fadeIn 1000ms forwards,moveDown 900ms forwards}.funnels-platforms .platform:nth-child(4){transform:translate(-10px, 10px);animation:fadeIn 1000ms forwards,moveUpRight 900ms forwards}.funnels-platforms .platform:nth-child(3){transform:translate(10px, 10px);animation:fadeIn 1000ms forwards,moveDownLeft 900ms forwards}.funnels-platforms .platform:nth-child(5){transform:translateY(10px);animation:fadeIn 1000ms forwards,moveUp 900ms forwards}.funnels-platforms .platform:nth-child(6){transform:translate(10px, -10px);animation:fadeIn 1000ms forwards,moveUpLeft 900ms forwards}.scroll-down{position:absolute;bottom:20px;width:100%;left:0;right:0;display:flex;justify-content:center;z-index:1}.scroll-down__button{display:flex;flex-direction:column;align-items:center;color:rgba(211,243,255,.45);cursor:pointer;transition:all 200ms linear;opacity:0}.scroll-down__button::after{width:14px;height:14px;margin-top:10px;display:block;transform:rotate(90deg);content:"";-webkit-mask-size:cover;mask-size:cover;background-color:rgba(211,243,255,.45);transition:all 200ms linear;position:relative;top:0;-webkit-mask:url(https://codemagic.io/landing-assets/svg/chevron-right.svg) no-repeat 50% 50%;mask:url(https://codemagic.io/landing-assets/svg/chevron-right.svg) no-repeat 50% 50%}.scroll-down__button:hover{color:#fff}.scroll-down__button:hover::after{background-color:#fff;top:2px}@media(min-width: 1025px)and (max-height: 760px){.funnels h1{font-size:42px;line-height:1.2;margin-bottom:0}.funnels .subheader{font-size:20px}.funnels-platforms-wrapper{margin-bottom:0}}@media(max-width: 1024px){.funnels h1{font-size:32px}.funnels .subheader{font-size:18px}}@media(max-width: 768px){.funnels h1{font-size:28px}.funnels .subheader{font-size:16px}.funnels .platform{font-size:14px}.funnels-platforms{width:80%;margin:auto}.funnels-platforms .platform{padding:10px 5px 15px}.funnels-platforms .platform__img{height:55px}}@media(max-width: 560px){.funnels h1{margin-bottom:20px}.funnels-platforms-wrapper{padding:15px 0}.funnels-platforms{grid-template-columns:1fr 1fr;gap:15px}.funnels-platforms .platform{animation:none}}@media(max-width: 480px){.funnels-platforms{width:100%}.funnels-platforms-wrapper::after{top:-50vh;bottom:-50vh;left:-50vh;right:-50vh}}.platforms{margin:75px 0}.platforms h2{text-align:center;margin-bottom:20px}.platforms__main{display:grid;grid-template-columns:1fr 1fr}.platforms__side{min-height:550px;align-items:center;display:flex;background:url(https://static.codemagic.io/media/landing/homepage/platforms-section-backgroud-shape.svg) no-repeat center;background-size:80%}.platforms__buttons{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-right:70px;width:100%}.platforms__button{height:80px;display:flex;align-items:center;padding:0 25px;border-radius:10px;box-shadow:0px 3px 66px #06225d15;color:#c6cbde;font-weight:600;background-color:#fff;transition:color 200ms linear;cursor:pointer}.platforms__button svg *{transition:fill 200ms linear;stroke:none;fill:#c6cbde;opacity:1}.platforms__button:hover{color:rgba(6,34,93,.5)}.platforms__button:hover svg *{fill:rgba(6,34,93,.5) !important}.platforms__button.active{color:#06225d}.platforms__button.active svg *{fill:#06225d !important}.platforms__img{width:30px;margin-right:15px}.platforms__img--ios{position:relative;bottom:3px}.platforms__content{display:flex;align-items:center}.platforms__items{margin:20px 0;width:100%;height:100%;position:relative}.platforms__item{opacity:1;animation:fadeOut 200ms forwards;position:absolute;top:0;min-height:550px;display:flex;flex-direction:column;justify-content:center}.platforms__item.active{opacity:0;animation:fadeIn 200ms forwards;animation-delay:200ms;z-index:1}.platforms__description{font-size:16px;line-height:1.5}.platforms__description p{margin-top:20px}.platforms__description .btn--cta{margin-top:20px}@media(max-width: 865px){.platforms__main{display:block}.platforms__side{min-height:unset;padding:20px 0;background-size:contain;margin:40px 0 0}.platforms__buttons{padding-right:0;gap:20px 30px}.platforms__button{height:60px}.platforms__item{position:static;min-height:unset;display:none}.platforms__item.active{display:block}}@media(max-width: 560px){.platforms{margin-bottom:0}.platforms h2{text-align:left}.platforms__buttons{gap:15px}.platforms__button{padding:0 15px;height:50px}.platforms__img{width:18px;margin-right:10px}.platforms__description{font-size:14px}}.features{display:none;margin-top:100px;margin-bottom:50px;position:relative}.features h2{text-align:center}.features .segments{margin-top:50px}.features .segment{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px}.features .segment:not(.active){display:none}.features .feature__header{margin-bottom:20px;display:flex;align-items:center}.features .feature__text{font-size:16px;line-height:1.5}.features .feature__text a{font-weight:600}.features .feature__img{height:70px;width:70px;min-width:70px;display:flex;align-items:center;justify-content:center;position:relative;margin-right:10px}.features .feature__img::before,.features .feature__img::after{content:"";position:absolute;border-radius:100%;left:0;background-color:#0957ff;background:-webkit-linear-gradient(136deg, #008af6 0%, #0957ff 100%);background:-moz-linear-gradient(136deg, #008af6 0%, #0957ff 100%);background:-o-linear-gradient(136deg, #008af6 0%, #0957ff 100%);background:linear-gradient(136deg, #008af6 0%, #0957ff 100%)}.features .feature__img::before{width:70px;height:70px;opacity:.5}.features .feature__img::after{left:8px;width:54px;height:54px}.features .feature__img svg{height:30px;width:30px;position:relative;z-index:1;max-width:unset}.features .feature__img svg path{fill:#fff}.features .load-content-btn-wrap{width:100%;display:flex;justify-content:center;opacity:0;height:0;pointer-events:none;transition:all 300ms ease-in-out}.features .load-content-btn{color:#fff;margin-top:50px}@media(max-width: 1025px){.features .segment{grid-template-columns:1fr}}@media(max-width: 620px){.features .tabs .tab:not(:last-child){margin-right:20px}}@media(max-width: 560px){.features{margin-bottom:60px}.features .tabs .tab:not(:last-child){margin-right:20px}.features .feature__img{height:60px;width:60px;min-width:60px}.features .feature__img::before{width:60px;height:60px}.features .feature__img::after{left:6px;width:48px;height:48px}.features .feature__img svg{height:25px;width:25px}}#page.hide-content .features{min-height:calc(100vh - 70px - 168px - 150px);margin-bottom:0;padding-bottom:50px}#page.hide-content .features .load-content-btn-wrap{opacity:1;height:100%;pointer-events:all}.flow{margin:100px 0}.flow .inner{text-align:center}.flow h2{text-align:center}.flow__diagram{width:100%;max-width:940px;margin:auto;display:flex}.flow__diagram svg{width:100%;height:100%;padding:30px}.flow__diagram svg .diagram__path:not(.diagram__path--overlay){stroke:#ecedf4;opacity:1;stroke-dasharray:50%;stroke-dashoffset:0%}.flow__diagram svg .diagram__path--overlay{stroke:#0957ff;opacity:1;stroke-width:18}.flow__diagram.animate[data-animate=merge] svg #source #icon-2 path{fill:#0957ff;transition:fill 200ms}.flow__diagram.animate[data-animate=merge] svg #line-PR-CM{animation:strokeIn 2s ease-in-out forwards}.flow__diagram.animate[data-animate=commit] svg #source #icon path{fill:#0957ff}.flow__diagram.animate[data-animate=commit] svg #line-C-CM{animation:strokeIn 2s ease-in-out forwards}.flow__diagram.animate[data-animate=tag] svg #source #icon-3 path{fill:#0957ff}.flow__diagram.animate[data-animate=tag] svg #line-TAG-CM{animation:strokeIn 2s ease-in-out forwards}.flow__diagram.animate:not([data-animate]){animation-delay:0}.flow__diagram.animate svg .icon--destination{fill:#0957ff}.flow__diagram.animate .diagram__path--destination:not(.diagram__path--overlay){animation-play-state:running;animation:strokeOut 2s ease-in-out forwards}.flow__diagram.animate:not(.without) .diagram__path--destination:not(.diagram__path--overlay){animation-delay:1s}.flow__diagram.animate:not(.without) svg .icon--destination{transition-delay:2s}.flow__diagram.animate.without #line-CM-playstore:not(.diagram__path--overlay){animation-delay:1s}.flow__diagram.animate.without #line-CM-appstore:not(.diagram__path--overlay){animation-delay:2s}.flow__diagram.animate.without #line-CM-slack:not(.diagram__path--overlay){animation-delay:3s}.flow__diagram.animate.without #line-CM-phone:not(.diagram__path--overlay){animation-delay:4s}.flow__diagram.animate.without svg #google-play-2{transition-delay:2s}.flow__diagram.animate.without svg #apple{transition-delay:3s}.flow__diagram.animate.without svg #slack-2{transition-delay:4s}.flow__diagram.animate.without svg #mobile{transition-delay:5s}.flow__diagram.without svg #star{display:none}.flow__diagram-label{writing-mode:vertical-lr;font-size:24px;font-weight:600;text-align:center}.flow__diagram-label--from{transform:rotate(-180deg)}@media(max-width: 560px){.flow{margin:60px 0}.flow h2{text-align:left}.flow__diagram svg{padding:10px}.flow__diagram-label{font-size:16px}}.reasons-section{margin:100px 0}.reasons-section .inner{display:grid;grid-template-columns:300px auto;gap:65px}.reasons-section .section-header{margin-top:70px}.reasons-section .reasons{display:grid;grid-template-columns:1fr 1fr;gap:0 75px}.reasons-section .reasons__column{display:flex;flex-direction:column;justify-content:flex-end}.reasons-section .reasons__header{height:min-content}.reasons-section .reasons__header-placeholder{display:none}.reasons-section .reasons__header.sticky{position:fixed;width:300px}.reasons-section .reasons__header.sticky~.reasons__header-placeholder{display:block}.reasons-section .reasons__header.sticky--bottom{display:flex;flex-direction:column;position:static;align-self:end;margin-bottom:50px}.reasons-section .reasons__header.sticky--bottom~.reasons__header-placeholder{display:none}.reasons-section .reason{background-color:#fff;box-shadow:0px 3px 46px #e4e8f7;border-radius:30px;padding:30px}.reasons-section .reason:not(:last-child){margin-bottom:50px}.reasons-section .reason__header{margin-bottom:20px}.reasons-section .reason__description{font-size:16px;line-height:1.5}.reasons-section .reason__image{margin-bottom:-20px}@media(max-width: 1200px){.reasons-section .inner{display:block}.reasons-section .section-header{text-align:center}.reasons-section .reasons{margin-top:50px;gap:50px}.reasons-section .reasons__column{justify-content:flex-start}}@media(max-width: 865px){.reasons-section .reason__image{max-width:120px}}@media(max-width: 768px){.reasons-section .reasons{grid-template-columns:1fr}.reasons-section .reason{display:flex;align-items:flex-start}.reasons-section .reason__image{margin-right:-10px}}@media(max-width: 560px){.reasons-section{margin:60px 0}.reasons-section .reasons{margin-top:30px;gap:0}.reasons-section .reason{display:block;padding:20px;border-radius:20px}.reasons-section .reason,.reasons-section .reason:not(:last-child){margin-bottom:20px}.reasons-section .reason__image{max-width:100px}.reasons-section .reason__description{font-size:14px}}.articles-section{margin:170px 0 80px}.articles-section h2{text-align:center}.articles-section .articles{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:50px;gap:75px}.articles-section .article__header{display:block;color:#06225d;margin:15px 0 10px}.articles-section .article__header:hover{color:#2032eb}.articles-section .article__description{font-size:16px;line-height:1.5}.articles-section .article__image{transition:transform 1s ease-in-out,opacity 200ms ease-in-out}.articles-section .article__image:hover{transform:scale(1.02);opacity:.95}.articles-section .article__image-wrapper{border-radius:10px;display:block;overflow:hidden}@media(max-width: 1200px){.articles-section .articles{gap:0 25px}}@media(max-width: 768px){.articles-section .articles{grid-template-columns:1fr;gap:50px 0}}@media(max-width: 560px){.articles-section{margin:60px 0}.articles-section h2{text-align:left}.articles-section .articles{margin-top:30px;gap:30px 0}.articles-section .article__description{font-size:14px}}#footer-cta-banner{background-color:#0957ff;background-image:url("https://static.codemagic.io/media/landing/campaigns/backgrounds/cta-banner-wave.svg");background-repeat:no-repeat;background-position:0 -1px;background-size:100% 400px;color:#fff;padding:400px 0 100px;text-align:center;margin-top:-50px}#footer-cta-banner .footer-cta-banner__subheader{margin-bottom:30px;font-size:16px;line-height:1.5}#footer-cta-banner .section-header{margin-bottom:20px}#footer-cta-banner .cta-row .btn{width:260px;box-sizing:border-box}#footer-cta-banner .cta-row .btn:not(:last-child){margin-right:40px}#footer-cta-banner h2{font-weight:600;font-size:36px}#footer-cta-banner p{font-size:17px;line-height:26px;margin:20px auto}@media(max-width: 1200px){#footer-cta-banner{background-size:100% 300px;padding:300px 0 100px}}@media(max-width: 800px){#footer-cta-banner{background-size:100% 200px;padding:200px 0 100px}}@media(max-width: 768px){#footer-cta-banner h2{font-size:28px;line-height:32px}}@media(max-width: 600px){#footer-cta-banner{background-size:100% 130px;padding:130px 0 30px;margin-top:-30px}}@media(max-width: 630px){#footer-cta-banner .cta-row .btn{max-width:100%}#footer-cta-banner .cta-row .btn:not(:last-child){display:block;margin:0 auto 15px}}#top-cta{display:none;position:fixed;z-index:3;top:0;left:0;right:0;padding:15px;background:#0957ff;color:#fff;text-align:center;font-size:12px;line-height:1.2}#top-cta.nevercode{background-color:#000626}#top-cta.nevercode a.button{background:#ec0c43}#top-cta.nevercode .slashes{color:#ec0c43;font-weight:bold}#top-cta.red{background:linear-gradient(103deg, #ff0036 0%, #ff9116 0%, #fe19fe 100%);font-weight:600}#top-cta a{font-weight:600}#top-cta a.button{background:linear-gradient(103deg, #ff0036 0%, #ff9116 0%, #fe19fe 100%);color:#fff;display:inline-block;padding:0 20px;border-radius:4px;margin-left:40px;font-weight:600;height:40px;line-height:40px}#top-cta.under-page{z-index:1}@media(max-width: 860px){#top-cta a.button{padding:0 10px;margin:5px 10px;height:20px;line-height:20px}}body.with-top-cta #header,body.with-top-cta #page,body.with-top-cta #top-cta{transition:top 150ms ease-in-out}body.with-top-cta #top-cta{display:block}.tabs{border-bottom:1px solid #e4e8f7;display:inline-block;margin:45px auto 0;display:flex;align-items:center;width:fit-content}.tabs.darker-tabs-text .tab:not(.active){color:#06225d;opacity:.8}.tabs .tab{color:#c6cbde;padding-bottom:15px;transition:all 200ms ease-in-out;position:relative;display:inline-block;font-weight:600;cursor:pointer}.tabs .tab::after{content:"";position:absolute;left:0;width:100%;bottom:-2px;height:3px;background-color:transparent;transition:all 200ms ease-in-out}.tabs .tab.active{color:#06225d}.tabs .tab.active::after{background-color:#0957ff}.tabs .tab:not(:last-child){margin-right:45px}#pricing-plans{padding-top:150px;position:relative}#pricing-plans .inner{position:relative;display:grid;grid-template-columns:300px 1fr 1fr;align-items:flex-start;gap:50px}#pricing-plans .background{background-image:url("https://static.codemagic.io/media/landing/pricing/wave-bottom-pricing.svg");background-color:#0957ff;background-size:4095px 1080px;background-position:bottom center;background-repeat:no-repeat;position:absolute;display:block;top:0;bottom:0;left:0;right:0}#pricing-plans .card{position:relative;color:#fff;padding:40px 30px 30px 30px;border-radius:20px;box-shadow:0 0 30px rgba(6,34,93,.2)}#pricing-plans .card__content{margin-bottom:30px}#pricing-plans .card__content:last-of-type{margin-bottom:0}#pricing-plans .card__title{font-weight:600;font-size:28px}#pricing-plans .card__title--secondary{margin-bottom:10px;font-size:20px}#pricing-plans .card__title--secondary a{color:#fff}#pricing-plans .card__title--secondary a:hover{color:#fbb03b}#pricing-plans .card__description{margin:10px 0;font-size:14px;line-height:1.4em;color:#beddfc;min-height:60px}#pricing-plans .card__description .bold{font-weight:600}#pricing-plans .card__ribbon{position:absolute;width:200px;right:-14px;top:-14px;cursor:default}#pricing-plans .card .feature{display:grid;grid-template-rows:1fr auto;gap:0 10px;position:relative;padding-top:15px;padding-bottom:15px;font-size:14px;font-weight:600;margin-bottom:2px;min-height:50px;box-sizing:border-box;align-items:center;transition:all 200ms ease-in-out}#pricing-plans .card .feature::after{content:"";display:block;position:absolute;bottom:0;left:0;height:2px;width:100%;background-color:#00e2ff;opacity:.1}#pricing-plans .card .feature--not-billed{grid-template-columns:20px 1fr !important;align-items:center}#pricing-plans .card .feature--not-billed::before{content:"";position:relative;bottom:2px;width:20px;height:20px;background-image:url(https://static.codemagic.io/media/commons/checkmark-1.svg);transition:opacity 200ms ease-in-out}#pricing-plans .card .feature--not-billed .feature__name{position:relative;bottom:1px}#pricing-plans .card .feature--not-billed.feature--transparent{color:rgba(255,255,255,.3)}#pricing-plans .card .feature--not-billed.feature--transparent::before{opacity:.5}#pricing-plans .card .feature:not(.feature--not-billed){grid-template-columns:1fr 120px}#pricing-plans .card .feature--empty{pointer-events:none;visibility:hidden}#pricing-plans .card .feature--active .tooltip{opacity:1;top:calc(100% - 10px)}#pricing-plans .card .feature__price--timespan{font-weight:400;font-size:12px}#pricing-plans .card .tooltip{top:100%;left:30px;max-width:calc(100% - 60px);box-sizing:border-box;position:absolute;background-color:#00e2ff;padding:15px;border-radius:10px;font-size:10px;line-height:1.4em;color:#000626;box-shadow:0 10px 20px rgba(6,34,93,.3);transition:all 200ms ease-in-out;pointer-events:none;opacity:0;z-index:2}#pricing-plans .card .action-wrap{position:relative;margin-bottom:30px}#pricing-plans .card .action-wrap:last-child{margin-bottom:0}#pricing-plans .card .btn{width:100%;box-sizing:border-box;position:relative}#pricing-plans .card .btn~.btn-companion{display:block;margin:10px auto;text-align:center;color:#beddfc;font-size:12px}#pricing-plans .card .btn~.btn-companion a{color:#fbb03b}#pricing-plans .card--payg{background-color:#fff;color:#000626}#pricing-plans .card--payg .card__description{color:#8488ad}#pricing-plans .card--payg .feature::after{background-color:#eee;opacity:.5}#pricing-plans .card--payg .feature--transparent{color:rgba(0,6,38,.3)}#pricing-plans .card--payg .feature .tooltip{left:0;max-width:calc(100% - 30px)}#pricing-plans .card--free{padding:40px 0;box-shadow:none}#pricing-plans .card--business{background-color:#0957ff}#pricing-plans .card--business .card__description .bold{color:#fff}@media(max-width: 1280px){#pricing-plans .inner{grid-template-columns:250px 1fr 1fr;gap:30px}#pricing-plans .card__description{font-size:12px}#pricing-plans .card .feature{font-size:12px}}@media(max-width: 1100px){#pricing-plans .inner{grid-template-columns:1fr 1fr}#pricing-plans .background{bottom:auto;height:800px}#pricing-plans .card--free{grid-column:1/span 2;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}#pricing-plans .card--free .feature--empty{display:none}#pricing-plans .card__description{min-height:0}#pricing-plans .card .btn{margin:0}}@media(max-width: 870px){#pricing-plans{padding-top:100px}#pricing-plans .inner{grid-template-columns:1fr}#pricing-plans .card--free{grid-column:1}}@media(max-width: 600px){#pricing-plans .card--free{display:block}}@media(max-width: 600px){#pricing-plans .card__title{font-size:22px}#pricing-plans .card__title--secondary{font-size:18px}#pricing-plans .card .feature:not(.feature--not-billed){grid-template-columns:1fr}#pricing-plans .card .feature:not(.feature--not-billed) .feature__price{opacity:.5;margin-top:3px}}#pricing-plans.without-background{padding-top:100px}#pricing-plans.without-background .background{display:none}#pricing-plans.without-background .inner{grid-template-columns:320px 1fr 1fr;margin:0}#pricing-plans.without-background .card--free{background-color:#0957ff;padding:40px 30px 30px 30px}@media(max-width: 1280px){#pricing-plans.without-background .inner{grid-template-columns:270px 1fr 1fr}#pricing-plans.without-background .card__description{min-height:64px}#pricing-plans.without-background .card--business .card__description{margin-right:40px}}@media(max-width: 1100px){#pricing-plans.without-background{padding-top:50px}#pricing-plans.without-background .inner{grid-template-columns:1fr 1fr}#pricing-plans.without-background .card__description{min-height:unset}}@media(max-width: 1100px)and (min-width: 871px){#pricing-plans.without-background .card--free{grid-column:unset;grid-template-columns:1fr}#pricing-plans.without-background .card--business{grid-column:1/span 2;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}#pricing-plans.without-background .card--business .action-wrap{margin-bottom:0;margin-top:30px}#pricing-plans.without-background .card--business .card__content--with-cta{display:flex;flex-direction:column-reverse}}@media(max-width: 870px){#pricing-plans.without-background .inner{grid-template-columns:1fr}#pricing-plans.without-background .card--free{display:block}}#return-to-app-button,.enable-billing-button{display:none;margin-bottom:0}#return-to-app-button::before,.enable-billing-button::before{display:none}.pricing-section{display:none;margin-bottom:150px}.pricing-section h2{text-align:center;margin-bottom:20px}#page.version2 .features{display:block}#page.pricing-version .pricing-section{display:block}#page.pricing-version .platforms{display:none}#page.hide-content .how,#page.hide-content .testimonials,#page.hide-content .platforms,#page.hide-content .flow,#page.hide-content .reasons-section,#page.hide-content .articles-section,#page.hide-content #footer-cta-banner,#page.hide-content #footer{display:none}