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,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}strong{font-weight:500}body{font-family:"Rubik",sans-serif;font-weight:400;color:#151111}a,a:visited{color:#a5152a;text-decoration:none}a:hover,a:visited:hover{text-decoration:underline}.container{width:100%;max-width:1000px;margin:auto}@media only screen and (max-width: 1075px){.container{width:auto;margin:0px 36px}}.flex{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-end}.hero{padding:30px 10px;background-color:#a5152a;color:white;font-size:14px;position:relative}.hero .background-overlay{position:absolute;top:0;bottom:0;right:0;left:0;opacity:0.06;background-position:left;background-repeat:repeat;background-size:120px;background-image:url("/live/oe_/https://graphql.pro/img/rubytile.png")}.hero .container{position:relative}.hero .logo-container{flex:1}.hero .logo-container .logo{max-width:120px;width:120px;padding-left:2px;height:auto}.hero .logo-container .logo-name{font-size:27px;margin-top:7px;font-weight:400}.hero .logo-container .logo-name .logo-padding{margin-left:2px}.hero nav{font-size:17px;flex:0 0 420px;text-align:center;display:flex;align-items:baseline;justify-content:space-between}@media only screen and (max-width: 780px){.hero nav{margin-top:20px;flex:0 0 100%}}a.header-link{flex:1;margin:0px 5px;color:white;text-decoration:none;padding:10px;border-radius:5px}a.header-link:last-child{margin-right:0px}a.header-link:hover{text-decoration:underline}a.header-link.header-link-active{background-color:rgba(255,255,255,0.1)}a.header-link.buy-button{flex:0 1 auto;margin:auto;color:#a5152a;background:white}@media only screen and (max-width: 780px){a.header-link.buy-button{flex-grow:1;display:block;text-align:center;line-height:3em;font-size:24px}}.intro{background-color:#eaeaea;padding:10px 0}.intro p{font-size:18px;color:#8b8b8a;flex:1 1 auto;margin:0;padding:15px 0;line-height:1.4em;font-weight:300}.sub-header{font-size:16px;color:#a5152a;margin-top:0px;padding:33px 0px;text-transform:uppercase;font-weight:300}.key-features{background:white;padding-top:4px}.key-features h3{margin-top:0px;margin-bottom:14px;font-size:26px;color:#40413f}.key-features p{font-size:18px;margin-top:5px;margin-bottom:0px;line-height:29px;font-weight:300}.key-features ul.bullets{margin-left:30px}@media only screen and (max-width: 420px){.key-features ul.bullets{margin-left:0px}}.key-features ul.bullets li:after{content:url("/live/oe_/https://graphql.pro/img/key-features-disc.svg");position:absolute;left:-35px;top:5px}@media only screen and (max-width: 420px){.key-features ul.bullets li:after{display:none}}.key-features ul.bullets li{position:relative;margin-bottom:0;padding-bottom:1.5em}@media only screen and (max-width: 780px){.key-features ul.bullets li{padding-bottom:4.5em}}.key-features ul.bullets li:before{content:"";position:absolute;left:-31px;border-left:2px solid #e6e7e7;height:100%;width:1px}@media only screen and (max-width: 420px){.key-features ul.bullets li:before{display:none}}.key-features ul.bullets li:first-child:before{top:6px}.key-features ul.bullets li:last-child:before{height:6px}.key-features .learn-more{margin:25px 0px 40px 0px}.key-features .learn-more a{padding:10px;border-radius:5px;color:white;background-color:#a5152a}.feature-block{display:flex;justify-content:space-between}@media only screen and (max-width: 780px){.feature-block{flex-wrap:wrap}}.feature-block .feature-desc{flex:1 1 auto;max-width:520px}.feature-block .feature-desc-full{max-width:100%}.feature-block .feature-img{flex:0 1 350px;width:350px;margin-left:36px}@media only screen and (max-width: 780px){.feature-block .feature-img{margin-left:0px}}.feature-block .feature-img img{width:350px}@media only screen and (max-width: 780px){.feature-block .feature-img img{width:100%}}.feature-block .feature-img img.support-img{padding:0px 25px 25px 25px;margin-top:-10px;max-width:250px;width:250px}@media only screen and (max-width: 780px){.feature-block .feature-img img.support-img{padding:25px;margin:0}}.details{background-color:#eaeaea;padding:4px 0px 20px 0px}.details ul{font-weight:300;margin:5px 0px;font-size:18px}.details ul li{line-height:1.4em;margin-left:15px;list-style:disc}.details .details-container{display:flex;flex-wrap:wrap}.details .details-container .detail-box{flex:0 0 50%;margin-bottom:45px}.details .details-container .detail-box h3{margin-top:0px;margin-bottom:14px;font-size:26px;color:#40413f}.details .details-container .detail-box p{font-size:18px;margin-top:5px;margin-bottom:0px;line-height:29px;font-weight:300}.details .details-container .detail-box ul.bullets{margin-left:30px}@media only screen and (max-width: 420px){.details .details-container .detail-box ul.bullets{margin-left:0px}}.details .details-container .detail-box ul.bullets li:after{content:url("/live/oe_/https://graphql.pro/img/details-disc.svg");position:absolute;left:-35px;top:5px}@media only screen and (max-width: 420px){.details .details-container .detail-box ul.bullets li:after{display:none}}.details .details-container .detail-box ul.bullets li{position:relative;margin-bottom:0;padding-bottom:1.5em}@media only screen and (max-width: 780px){.details .details-container .detail-box ul.bullets li{padding-bottom:4.5em}}.details .details-container .detail-box ul.bullets li:before{content:"";position:absolute;left:-31px;border-left:2px solid #c9c7c7;height:100%;width:1px}@media only screen and (max-width: 420px){.details .details-container .detail-box ul.bullets li:before{display:none}}.details .details-container .detail-box ul.bullets li:first-child:before{top:6px}.details .details-container .detail-box ul.bullets li:last-child:before{height:6px}@media only screen and (max-width: 780px){.details .details-container .detail-box{flex-basis:100%}}.details .details-container .detail-box h3,.details .details-container .detail-box p{padding-right:45px}footer{background-color:#40413f;color:#8b8b8a;text-align:center;padding:10px 30px;font-size:16px}@media only screen and (max-width: 780px){footer{line-height:1.4em}}footer .contact-link{font-size:16px;margin:30px 0px 20}footer .contact-link a{color:#eaeaea}footer form input{font-family:"Rubik",sans-serif}footer form input[type=email]{font-size:16px;border-radius:5px;border:none;padding:10px;line-height:1em}@media only screen and (max-width: 780px){footer form input[type=email]{margin-bottom:10px}}footer form input[type=submit]{background:#a5152a;border-radius:5px;padding:10px;margin:0px 0px 0px 15px;border:none;color:white;font-size:16px;cursor:pointer}footer form input[type=submit]:hover{text-decoration:underline}@media only screen and (max-width: 780px){footer form .desktop-submit{display:none}}footer form .mobile-submit{display:none}@media only screen and (max-width: 780px){footer form .mobile-submit{margin:auto !important;display:block}}footer .privacy-link{font-size:14px;margin:20px}footer .privacy-link a,footer .privacy-link a:visited{color:#eaeaea}footer .copyright,footer .copyright a{font-weight:300;color:#8b8b8a;text-align:center;margin:20px 0 10px 0;font-size:14px}code{font-family:monospace}