@-webkit-keyframes modal-video{0%{opacity:0}to{opacity:1}}@keyframes modal-video{0%{opacity:0}to{opacity:1}}@-webkit-keyframes modal-video-inner{0%{transform:translateY(100px)}to{transform:translate(0)}}@keyframes modal-video-inner{0%{transform:translateY(100px)}to{transform:translate(0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000000;cursor:pointer;opacity:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:modal-video;animation-name:modal-video;transition:opacity .3s ease-out}.modal-video-effect-exit{opacity:0}.modal-video-effect-exit .modal-video-movie-wrap{transform:translateY(100px)}.modal-video-body{max-width:960px;margin:0 auto;padding:0 10px;box-sizing:border-box}.modal-video-body,.modal-video-inner{width:100%;height:100%;display:flex;justify-content:center}.modal-video-inner{align-items:center}@media(orientation:landscape){.modal-video-inner{padding:10px 60px;box-sizing:border-box}}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:modal-video-inner;animation-name:modal-video-inner;transform:translate(0);transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-45px;right:0;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}@media(orientation:landscape){.modal-video-close-btn{top:0;right:-45px}}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:after,.modal-video-close-btn:before{content:"";position:absolute;height:2px;width:100%;top:50%;left:0;background:#fff;border-radius:5px;margin-top:-6px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;color:#222}code{font-family:Roboto Mono,monospace}h1,h2,h3,h4,h5,h6{margin-bottom:8px}p{margin:0 0 16px;line-height:160%;overflow-wrap:break-word}a{color:#f22f52;text-decoration:none}img{max-width:100%;width:100%}.link-text:hover,p a:hover{border-bottom:1px solid #f22f52}.error-msg,.success-msg{color:red;margin:8px 0;font-size:14px}.success-msg{color:#56ca1a}.link-text{cursor:pointer}.t-c{text-align:center}.Container{max-width:1200px;margin:0 auto}.Container--lg{max-width:1000px}.Container--md{max-width:600px}.Container--sm{max-width:400px}.Container--side-padding{padding:0 16px}.gray-bg{background:#eaeaea}.cta-btn,button,input,textarea{width:100%;padding:8px 16px;font-size:16px;margin:4px 0;border:1px solid #eaeaea;border-radius:4px;-webkit-appearance:none}.cta-btn,button{background:#f22f52;border:none;color:#f9f9f9;display:inline-block;padding:10px 48px;text-align:center;width:auto;transition:all .4s ease-in-out}.cta-btn:hover{border:none;transform:translateY(-4px)}button:disabled,input:disabled{opacity:.6}.btn-secondary{border:1px solid #444;color:#444;background:#fff;padding:8px 16px;font-size:12px;cursor:pointer}.sm-form{text-align:center;padding:8vh 16px;-webkit-animation:fade-in-up .8s ease forwards;animation:fade-in-up .8s ease forwards}.sm-form h3{margin-bottom:16px}.link-btn{background:0;padding:0;margin:0;width:auto;font-size:inherit;cursor:pointer}.main-nav{padding:8px;display:grid;grid-template-columns:40px auto;align-items:center}.main-nav-menu{justify-self:end}.main-nav ul,.sub-nav{margin:0;padding:0;list-style:none;justify-self:end;display:grid}.non-member{grid-template-columns:auto auto auto auto}.member{grid-template-columns:90px 80px 42px 42px}.sub-nav{grid-template-columns:100px 70px 70px auto;padding:8px;background:#eaeaea}.sub-nav li:last-child{text-align:right}.main-nav li,.sub-nav li{display:inline-block;align-self:center}.main-nav .link-text,.main-nav li a,.sub-nav .link-text,.sub-nav a{padding:4px 8px;color:#222;text-decoration:none;cursor:pointer;font-size:14px}.my-account-hover-menu .link-text:hover,.sub-nav .link-text:hover,.sub-nav a:hover{border:none}.sub-nav__public{background:#f9f9f9}.main-nav ion-icon{font-size:24px;color:#999;vertical-align:middle}.logo-nav{padding:4px 4px 0}.logo-mobile{max-width:26px;margin-right:6px}.logo-desktop{display:none}.logo-sa{width:100%;max-width:160px}.home header{padding:40px 0 0}.home header .Container{padding:8px 16px 24px;display:grid}.home header .content{padding:0 16px;justify-self:center;order:2}.home header .image{text-align:center;order:1;max-width:460px;justify-self:center}.home header h1,.subpage h1{font-size:32px;margin-top:24px}.home h2,.home header h1,.pr h3,.subpage h1,.subpage h2{background:linear-gradient(90deg,#fd4966,#b35fa2,#cf65f5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home h2,.pr h3,.subpage h2{font-size:28px}.pr h3{font-size:24px}.subpage ul{margin:0 0 40px;padding:0 0 0 16px}.subpage ul li{margin:8px 0}.membership h2{background:#fff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.membership-price{padding:10px 20px;border-radius:40px;background:hsla(0,0%,100%,.1);width:100%;max-width:100%;display:inline-block}.home header h1 span{color:#eee;font-size:80%}.section{display:grid;padding:48px 16px}.section .image{max-width:460px;justify-self:center}.section .content{padding:24px}.divider-wrap{background:linear-gradient(90deg,#fd4966,#b35fa2,#cf65f5);color:#fff;text-align:center;padding:40px 16px}.divider-wrap h2,.divider-wrap p{margin:0}.price-table{display:grid;grid-template-columns:1fr 64px 64px;text-align:left;margin:24px 0 16px}.price-table ul{padding:0;margin:24px 0;list-style:none}.price-table ul li{margin:0;height:48px;display:grid;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);font-weight:700}.price-table .t-c ul li{font-size:24px}.screenshots{margin-bottom:40px;padding-left:0;padding-right:0}.screenshots .image{max-width:100%}.screenshots .image img{display:none;max-width:460px}.screenshots .image img.selected{display:block}.screenshot-select .selected,.screenshots .image img.selected{-webkit-animation:fade-in-up .8s ease forwards;animation:fade-in-up .8s ease forwards}.screenshot-select .selected{background:linear-gradient(90deg,#fd4966,#b35fa2,#cf65f5);color:#f9f9f9;box-shadow:0 1px 3px rgba(0,0,0,.16);transform:translateX(0)}.screenshots ul li{padding:16px 24px;margin:2px auto;display:inline-block;width:100%;max-width:480px;border:1px solid #ffebed;border-radius:8px;transform-origin:center;transform:scale(.94) translateX(0)}.screenshots ul li code{display:inline-block;line-height:120%}.screenshot-select h3{margin:0;line-height:140%}.screenshot-select p{margin:0}.screenshot-select li{cursor:pointer}.screenshot-select-wrapper{overflow-x:scroll}.screenshot-select{list-style:none;text-align:center;padding:0;display:grid;grid-template-columns:8px 280px 280px 280px 280px 280px 280px 8px;grid-column-gap:0}.screenshot-select li:first-child,.screenshot-select li:last-child{border:none;padding:0;margin:0}.review-wrap{padding:48px 16px}.review-cards{display:grid;grid-template-columns:1fr;margin:24px 0}.review-cards div{border-radius:8px;border:1px solid #ffebed;box-shadow:4px 4px 8px 4px #fff8f8;padding:24px;margin:8px}.award-logo{max-width:180px}.footer{padding:40px 16px;font-size:12px;font-family:Roboto Mono,monospace}.footer a{padding:2px}.about-img{padding-top:40px}.react-cookie-banner{font-size:14px;position:fixed!important;height:auto!important;text-align:left!important;padding:10px 20px;right:0;bottom:0;max-width:420px;background:#222!important}.cookie-message{line-height:20px!important}.button-close{position:static!important;display:block;margin:10px 0 0!important;padding:5px 20px!important;width:100%;background:#fff!important}.download a{margin-right:10px}.download a:last-child{margin-right:0}.download img{max-width:150px}.no-match{padding:16vh 16px}.journal-links{display:grid;grid-template-columns:1fr;grid-row-gap:10px;margin:0 auto 56px;align-items:top;text-align:center}.journal-links ul{list-style:none;margin:0;padding:0}.journal-links ul li a{padding:4px 2px;display:inline-block}.journal-links h3 a{color:#222}.pr-greeting{margin:16px 0;padding:16px 0;display:grid;grid-template-columns:1fr;grid-column-gap:24px;font-size:14px}.pr-greeting code{line-height:180%}.profile-pic{background:#eaeaea;max-width:100px;max-height:100px;height:100px;width:100px;border-radius:50%}.pr ul{list-style:none;margin:0;padding:0 0 0 32px}.pr ul li{margin:8px 0}.pr ul li:before{content:"✌️";margin-left:-20px}.pr-screenshots{display:grid;grid-template-columns:1fr 1fr 1fr;grid-row-gap:16px;margin:16px auto}.pr .content{margin-top:40px}.gnj-video{position:relative;cursor:pointer}.gnj-video .play-video{position:absolute;top:calc(50% - 40px);left:calc(50% - 40px);opacity:.4;transition:all .6s ease-in-out}.play-video img{max-width:78px}.gnj-video:hover .play-video{opacity:1}.modal-video-close-btn{padding:0!important}.breadcrumb{color:#999;cursor:pointer}.as-seen-on{padding:0 0 40px!important;text-align:center}.as-seen-on img{max-width:780px;margin:0 auto;text-align:center}@media (min-width:768px){.Container{display:grid;grid-template-columns:1fr 1fr;align-items:center}.home header{padding:40px 0}.home header .Container{padding:40px 16px}.home header .content{padding:40px 16px;max-width:540px;order:1}.home header .image{order:2}.section{padding:100px 16px}.section .content{max-width:400px;justify-self:center}.order-switch div:first-child{order:2}.one-column{grid-template-columns:1fr}.membership{max-width:480px}.screenshot-select-wrapper{overflow:visible;overflow:initial}.screenshot-select{display:inherit;text-align:left}.screenshots .image img{max-width:600px}.review-cards{grid-template-columns:1fr 1fr 1fr 1fr}.screenshots ul li{transform-origin:left}.pr-greeting{grid-template-columns:100px 1fr}.pr-screenshots{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.about-ss{grid-template-columns:1fr 1fr 1fr}}@media (min-width:480px){.home header h1,.subpage h1{font-size:56px}.home h2,.subpage h2{font-size:40px}.main-nav{grid-template-columns:200px auto}.main-nav-menu>ul{justify-content:end}.logo-desktop{display:inline-block;max-width:140px;padding:0 0 2px}.journal-links{grid-template-columns:4fr 3fr auto;text-align:left}}@-webkit-keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.order-switch{padding-top:0}.landing h2,.landing header h1{background:linear-gradient(60deg,#092639,#4a6982,#735a28);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing .top-banner{background:#092639;color:#fff;text-align:center;padding:16px;font-size:14px}.landing .top-banner-image img{border-radius:42px 4px 4px 42px;box-shadow:0 4px 24px 0 #244257,0 1.5px 4px 0 #46647c}