@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeUp{0%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes fadeUp{0%{transform:translateY(10px)}to{transform:translateY(0)}}section.hero-product{padding-top:16px;padding-bottom:25px}section.hero-product .pricing-card-container{margin:auto}section.hero-product .pricing-card:first-child:before{top:14px}section.hero-product .background-accent{position:absolute;width:900px;background-color:#1f2044;left:calc(50% - 450px);top:0;transform:skew(45deg);z-index:-1}section.hero-product h1{margin-bottom:10px;color:#fff}section.hero-product h2{color:#fff}section.hero-product .split .copy{margin:0;color:#fff;font-weight:200;font-size:15px;line-height:24px}section.hero-product .split .copy button{color:#fff;font-weight:400}section.hero-product .split .hero-video-modal-trigger{width:238px;height:188px;transform:translate(31px,7px)}section.hero-product .split .hero-video-modal-trigger .video-box{display:block;position:relative;width:100%;height:100%;margin:auto;background-position:50%;background-repeat:no-repeat}section.hero-product .split .hero-video-modal-trigger .video-box:after{content:"";position:absolute;display:block;width:220px;height:185px;top:3px;left:2px;opacity:0;background-color:rgba(31,32,68,.3);background-repeat:no-repeat;background-position:50%;transition:opacity .25s}section.hero-product .split .hero-video-modal-trigger .video-box .play-button{position:absolute;height:37px;width:37px;top:calc(50% - 18.5px);left:calc(50% - 18.5px);z-index:10;border-radius:50%;transition:all .5s}section.hero-product .split .hero-video-modal-trigger .video-box .play-button .play-button-asset-container{position:relative;width:100%;height:100%}section.hero-product .split .hero-video-modal-trigger .video-box .play-button .play-button-asset-container img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}section.hero-product .split .hero-video-modal-trigger .video-box .play-button .play-button-asset-container .background{position:absolute;top:5%;left:5%;width:80%;height:80%;background-color:#2e93ee;transform:translate(10%,10%);border-radius:50%;z-index:5}section.hero-product .split .hero-video-modal-trigger .video-box video{position:absolute;width:220px;height:186px;top:2px;left:3px}section.hero-product .split .hero-video-modal-trigger .video-box:hover .play-button{transform:scale(1.3)}section.hero-product .split .hero-video-modal-trigger .video-box:hover .play-button .play-button-asset-container .background{top:0;left:0;width:100%;height:100%;transform:none}section.hero-product .split .hero-video-modal-trigger .video-box:hover:after{opacity:1}@media (min-width:768px){section.hero-product{padding-top:5px}section.hero-product .pricing-card:before,section.hero-product .pricing-card:first-child:before{top:20px}section.hero-product .pricing-card.recommended:before{top:35px}section.hero-product .background-accent{width:900px;left:calc(50% - 450px)}section.hero-product h1{font-size:18px}section.hero-product h2{line-height:64px}section.hero-product .split{display:flex;margin-top:25px;max-height:203px}section.hero-product .split .copy{position:relative;padding-top:0;z-index:1;width:360px;color:#fff}section.hero-product .split .copy button{color:#fff}section.hero-product .split .hero-video-modal-trigger{width:293px;height:231px;transform:none;left:calc(50% + 85px);top:277px;position:absolute}section.hero-product .split .hero-video-modal-trigger .video-box:after{width:270px;height:229px;transform:translate(3px,1px)}section.hero-product .split .hero-video-modal-trigger .video-box .play-button{height:54px;width:54px;top:calc(50% - 27px);left:calc(50% - 27px)}section.hero-product .split .hero-video-modal-trigger .video-box video{width:270px;height:229px;transform:translate(1px,1px)}section.hero-product .upper-wrapper{overflow:hidden;margin-bottom:50px}section.hero-product .upper-wrapper .container{margin-top:35px}section.hero-product .video-box{position:relative}}@media (min-width:992px){section.hero-product .pricing-card:before,section.hero-product .pricing-card:first-child:before{top:10px}section.hero-product .pricing-card.recommended:before{top:30px}section.hero-product h2{width:60%}section.hero-product .split .copy{font-size:18px;width:420px}section.hero-product .split .hero-video-modal-trigger{width:400px;height:315px;top:194px}section.hero-product .split .hero-video-modal-trigger .video-box:after{width:368px;height:309px;transform:translate(5px,4px)}section.hero-product .split .hero-video-modal-trigger .video-box video{width:368px;height:309px;transform:translate(4px,4px)}section.hero-product .upper-wrapper{margin-bottom:50px}}@media (min-width:1200px){section.hero-product{padding-top:52px;padding-bottom:40px}section.hero-product .background-accent{width:1700px;left:calc(50% - 850px)}section.hero-product h2{width:50%;line-height:80px}section.hero-product .split{max-height:198px;margin-top:0}section.hero-product .split .copy{padding-top:0;font-size:20px;line-height:32px;width:45%}section.hero-product .split .hero-video-modal-trigger{width:500px;height:394px;top:155px}section.hero-product .split .hero-video-modal-trigger .video-box:after{width:460px;height:388px;transform:translate(6px,3px)}section.hero-product .split .hero-video-modal-trigger .video-box .play-button{height:83px;width:83px;top:calc(50% - 41.5px);left:calc(50% - 41.5px)}section.hero-product .split .hero-video-modal-trigger .video-box video{width:468px;height:388px;transform:translate(1px,4px)}section.hero-product .upper-wrapper{margin-bottom:30px}section.hero-product .upper-wrapper .container{margin-top:5px}}
@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeUp{0%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes fadeUp{0%{transform:translateY(10px)}to{transform:translateY(0)}}.small-spacer-height{height:50px}
@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeUp{0%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes fadeUp{0%{transform:translateY(10px)}to{transform:translateY(0)}}div.sidekick-accordion-container{display:flex;flex-direction:column;width:308px;margin:auto}div.sidekick-accordion-container .stage-container{position:relative;height:178px;margin-bottom:38px}div.sidekick-accordion-container .stage-container .stage img{position:absolute;top:0;left:40px;width:228px;margin:auto;opacity:0}div.sidekick-accordion-container .stage-container .stage.open{-webkit-animation:fadeIn 1s forwards,fadeUp 1s forwards;animation:fadeIn 1s forwards,fadeUp 1s forwards}div.sidekick-accordion-container .selectors{width:100%}div.sidekick-accordion-container .selectors .selector{width:100%;padding:18px 0 18px 37px;text-align:left;margin-bottom:10px;cursor:pointer;position:relative}div.sidekick-accordion-container .selectors .selector:after{content:"";width:calc(100% - 37px);height:1px;background:#cdd8df;position:absolute;bottom:-1px;left:37px}div.sidekick-accordion-container .selectors .selector:last-child:after{display:none}div.sidekick-accordion-container .selectors .selector .accordion-title{font-size:30px;line-height:42px;font-weight:500;color:#1f2044;position:relative}div.sidekick-accordion-container .selectors .selector .accordion-title .caret{position:absolute;left:-35px;top:10px;display:block;transform:rotate(0);transition:transform .5s;background-image:url(/static/cs/img/chevron-dark.svg);height:23px;width:23px}div.sidekick-accordion-container .selectors .selector p{display:none;font-size:18px;line-height:24px;font-weight:300}div.sidekick-accordion-container .selectors .selector.open .accordion-title{color:#2e93ee}div.sidekick-accordion-container .selectors .selector.open .accordion-title .caret{transform:rotate(90deg);background-image:url(/static/cs/img/chevron-light.svg)}div.sidekick-accordion-container .selectors .selector.open p{display:block}@media (min-width:768px){div.sidekick-accordion-container{flex-direction:row;width:701px;margin:auto}div.sidekick-accordion-container.invert{flex-direction:row-reverse}div.sidekick-accordion-container.invert .stage-container{align-items:flex-start}div.sidekick-accordion-container.invert .stage-container .stage img{left:-111px}div.sidekick-accordion-container .stage-container{width:50%;display:flex;justify-content:center}div.sidekick-accordion-container .stage-container .stage{position:relative}div.sidekick-accordion-container .stage-container .stage img{width:315px;left:-205px}div.sidekick-accordion-container .selectors{width:50%}div.sidekick-accordion-container .selectors .selector:after{width:65%}}@media (min-width:1200px){div.sidekick-accordion-container{width:1074px;margin-top:50px}div.sidekick-accordion-container .stage-container{height:100%;align-items:center}div.sidekick-accordion-container .stage-container .stage img{width:400px;left:-225px}div.sidekick-accordion-container .selectors .selector .accordion-title{font-size:36px}}
@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeUp{0%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes fadeUp{0%{transform:translateY(10px)}to{transform:translateY(0)}}.watch-how-it-works{text-align:center;font-weight:400;font-size:18px}@media (min-width:1200px){section.hero-product .split{max-height:221px}}