:root{--base-one: #002646;--base-two: #88b9d0;--gray-one: #e6e9ed;--gray-two: #b3bec8;--gray-three: #8093a3;--gray-four: #4d677e;--gray-five: #1a3c59;--gray-six: #001e38;--gray-seven: #00172a;--dark-green: #004620;--light-green: #88d09f;--yellow: #d0c488;--light-red: #d08e88;--dark-red: #460013}.bg-base-one{background-color:var(--base-one);color:#fff}.bg-base-two{background-color:var(--base-two);color:#fff}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-overflow-scrolling:touch;font-family:'Heebo', sans-serif}*:focus{outline:none}*::after,*::before{content:"";display:none;box-sizing:border-box}html,body{overflow-x:hidden;height:100%;background-color:var(--gray-one)}a{text-decoration:none;color:inherit}a:not(.button):hover{text-decoration:underline}a,button{cursor:pointer}a[disabled],button[disabled]{cursor:not-allowed;pointer-events:none}.pressed-animation{cursor:pointer}.pressed-animation:active{transform:scale(0.98);opacity:.9}.not-found-container{display:flex;flex-flow:column nowrap;align-items:center;padding:50px 0}.not-found-container img{max-width:500px;height:auto;margin:50px 0}header{height:75px;width:100%;background-color:#fff;padding:0 20px;display:flex;justify-content:center;align-items:center}header .header-container{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;max-width:1100px;width:95%}header .logo{height:60px;width:auto}header .logo-container{display:flex;flex-flow:row nowrap;align-items:center}header .logo-container:hover{text-decoration:none}header .logo-container span{font-size:30px;color:var(--base-one);font-weight:700}header .logo-container img{margin-right:10px}#mobileNextButton{display:none}#mobileNextButton:disabled{opacity:.2;cursor:not-allowed;pointer-events:none}@media all and (max-width: 600px){header .logo-container span{display:none}#mobileNextButton{display:flex}}footer{width:100%;background-color:#fff;padding:50px 0}footer .inner{display:flex;flex-flow:column nowrap;align-items:center}footer img{margin-bottom:20px}footer p{margin-bottom:10px}a.button:not(.text),button:not(.text){text-transform:uppercase;border-radius:6px;padding:0 10px;display:flex;justify-content:center;align-items:center;font-weight:500;transition:100ms all}a.button:not(.text).ghost,button:not(.text).ghost{background:transparent;color:var(--base-one);border:2px solid var(--base-one)}a.button:not(.text).ghost:active,a.button:not(.text).ghost:hover,button:not(.text).ghost:active,button:not(.text).ghost:hover{background:var(--base-one);color:#fff}a.button:not(.text).blue,button:not(.text).blue{background-color:var(--base-one);color:#fff}a.button:not(.text).light-blue,button:not(.text).light-blue{background-color:var(--base-two);color:#fff}a.button:not(.text).cta,button:not(.text).cta{height:45px;font-size:18px}a.button:not(.text).loading,button:not(.text).loading{color:transparent !important;background-size:50px;background-position:center;background-repeat:no-repeat;background-image:url(/assets/icons/white-load-dots.svg);opacity:.3;cursor:not-allowed;pointer-events:none}button.text{background:transparent;font-size:16px;text-decoration:underline}.pretty-switch-container{display:flex;flex-flow:row wrap;align-items:center;margin-bottom:20px;justify-content:center}label.pretty-switch{border-radius:12px;background-color:#fff;height:fit-content;width:250px;display:flex;flex-flow:column nowrap;align-items:center;position:relative;cursor:pointer;margin-bottom:20px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.12);transition:100ms all;padding:20px 0}label.pretty-switch:nth-child(odd){margin-right:20px}label.pretty-switch.chosen{box-shadow:0px 0px 8px 8px rgba(136,185,208,0.8)}label.pretty-switch.chosen .title{color:var(--gray-six);font-weight:500}label.pretty-switch input{appearance:none;-webit-appearance:none;position:absolute}label.pretty-switch img{height:60px;width:auto;margin-bottom:20px}label.pretty-switch .title{color:var(--gray-five);font-size:18px;font-weight:400}label.base{display:flex;flex-flow:column nowrap;max-width:400px;width:95%;margin-bottom:20px}label.base input,label.base textarea,label.base select{width:100%;margin-top:3px}input.base,textarea.base,select.base{height:45px;width:95%;max-width:400px;background-color:#fff;border:1px solid var(--gray-two);border-radius:4px;text-indent:15px;font-size:16px;color:var(--gray-five);transition:150ms all}input.base:focus,textarea.base:focus,select.base:focus{outline:none;border:2px solid var(--base-two)}select{cursor:pointer}select:invalid{color:var(--gray-three)}textarea.base{height:100px;text-indent:0;padding:15px;resize:vertical}label.checkbox-button{border:2px solid var(--base-one);color:var(--base-one);font-size:16px;border-radius:6px;padding:0 10px;display:flex;justify-content:center;align-items:center;height:35px;font-weight:500;animation:100ms all;cursor:pointer;position:relative}label.checkbox-button:active{opacity:.7;transform:scale(0.99)}label.checkbox-button.checked{background-color:var(--base-one);color:#fff}label.checkbox-button input[type=checkbox]{appearance:none;-webkit-appearance:none;height:100%;width:100%;position:absolute;cursor:pointer;top:0;left:0}.modal{height:100vh;width:100vw;background-color:rgba(0,0,0,0.5);z-index:999;position:absolute;top:0;left:0;display:flex;justify-content:center;padding-top:50px;visibility:hidden;opacity:0;transition:150ms all}.modal.open{visibility:visible;opacity:1}.modal.open .inner{transform:translateY(0px);opacity:1}.modal .inner{min-height:550px;height:fit-content;width:95%;max-width:500px;border-radius:12px;background-color:var(--gray-one);display:flex;flex-flow:column nowrap;align-items:center;transform:translateY(50px);transition:150ms all;opacity:0}.modal .inner header{height:50px;width:100%;display:flex;flex-flow:row nowrap;justify-content:space-between;background-color:var(--gray-one);align-items:center;padding:0 20px;border-bottom:1px solid var(--gray-two);border-top-left-radius:12px;border-top-right-radius:12px}.modal .inner header .clearfix,.modal .inner header [data-close]{height:100%;width:50px}.modal .inner header [data-close]{background-repeat:no-repeat;background-size:44px;background-position:center;background-image:url(/assets/icons/x.svg)}.modal .inner header h2{font-size:20px;font-weight:500;color:var(--gray-six)}.modal .inner .body{width:100%;padding:20px;height:fit-content}.modal .inner .body p{text-align:center;font-size:14px;color:var(--gray-five);line-height:20px;margin-bottom:20px}.modal .inner .body img{max-width:250px;height:auto;display:block;margin:20px auto}.modal .inner .body form{width:100%;display:flex;flex-flow:column nowrap;align-items:center}.modal .inner .body form:invalid button[type=submit]{opacity:.1;cursor:not-allowed;pointer-events:none}.modal .inner .body form button[type=submit]{max-width:400px;width:95%;height:40px;background-color:var(--base-one);color:#fff;font-size:16px}.modal .inner .body form button[type=submit]:active{transform:scale(0.98);opacity:.9}#cloudProviderNotListed .inner .body{padding:0;position:relative;display:flex;flex-flow:row nowrap;max-height:550px;height:100%}.modal:not(.open) .feedback-page{opacity:0 !important;visibility:hidden !important}.feedback-page{height:fit-content;width:100%;position:absolute;top:0;left:0;visibility:hidden;opacity:0;transition:150ms all;padding:20px;display:flex;flex-flow:column nowrap;align-items:center}.feedback-page.show{opacity:1;visibility:visible}@media all and (max-width: 430px){#cloudProviderNotListed .inner{min-height:575px}}section.screen{display:none;flex-flow:column nowrap;align-items:center;width:100%;min-height:calc(100vh - 75px);height:fit-content;visibility:hidden;opacity:0;transition:200ms all;padding:50px 0}section.screen[data-screen-name$="landing"] img.illustration{width:95%;max-width:350px;height:auto}section.screen.shown{display:flex;visibility:visible;opacity:1}section.screen h2{text-align:center;font-size:40px;color:var(--gray-seven);margin-bottom:20px;max-width:95%}section.screen p{font-size:17px;color:var(--gray-six);line-height:25px;margin-bottom:20px;text-align:center;max-width:700px;width:95%}section.screen form{display:flex;flex-flow:column nowrap;align-items:center;margin-bottom:20px;width:100%}section.screen form .error{font-size:16px;color:var(--dark-red)}section.screen form .error:empty{display:none}section.screen form:invalid button[type=submit]{opacity:.1;cursor:not-allowed;pointer-events:none}section.screen form button[type=submit]{max-width:400px;width:95%;height:40px;background-color:var(--base-one);color:#fff;font-size:16px}section.screen form button[type=submit]:active{transform:scale(0.98);opacity:.9}form[name="ChosenProvider"] .pretty-switch-container,form[name="ProjectList"] .pretty-switch-container{max-width:600px}a.provider-login-link{height:50px;width:250px;background-repeat:no-repeat;background-position-x:left;background-position-y:center;position:relative;transition:100ms all;margin-bottom:20px;background-size:50px}a.provider-login-link span{--amount-left: 50px;left:var(--amount-left);position:absolute;width:calc(100% - var(--amount-left));background-color:var(--gray-three);color:#fff;font-weight:400;font-size:18px;height:100%;display:inline-flex;align-items:center;justify-content:center;border-top-right-radius:2px;border-bottom-right-radius:2px}a.provider-login-link[href=""]{cursor:not-allowed;pointer-events:none;opacity:.3}a#gcp-login-link{background-image:url(/assets/login-with-google.svg);background-size:57px}a#gcp-login-link span{--amount-left: 53px;background-color:#4285F4;color:#fff}a#digital_ocean-login-link{width:270px;background-color:#fff;border-radius:2px;background-image:url(/assets/logos/providers/digital_ocean-logo.svg);background-size:46px;background-position-x:2px}a#digital_ocean-login-link span{background-color:#008bcf}a#heroku-login-link{background-image:url(/assets/logos/providers/heroku-logo.svg)}a#heroku-login-link span{background-color:#7C858C;color:#FBFBFD}@media all and (max-width: 600px){form[name="ChosenProvider"] .pretty-switch-container,form[name="ProjectList"] .pretty-switch-container{flex-flow:column nowrap}label.pretty-switch{margin-right:0}label.pretty-switch:nth-child(odd){margin-right:0}}section:not(.screen){max-width:1100px;width:95%;margin:100px auto}section:not(.screen) h1,section:not(.screen) h2,section:not(.screen) h3{color:var(--gray-six);margin-bottom:20px}section:not(.screen) h1{font-size:calc(24.24px + 2.8vw);line-height:1.15}section:not(.screen) p{color:var(--gray-five);margin-bottom:20px;font-size:calc(16.6px + .33333vw);line-height:1.35}section:not(.screen) .cta{width:fit-content;padding:30px}section:not(.screen).hero{display:flex;flex-flow:row nowrap;justify-content:space-between}section:not(.screen).hero .text{max-width:700px}section:not(.screen).hero .text,section:not(.screen).hero .image{display:flex;flex-flow:column nowrap}section:not(.screen).hero img{width:400px;margin-left:50px;height:auto}section:not(.screen):not(.hero) h2,section:not(.screen):not(.hero) p{text-align:center;max-width:85%;margin-left:auto;margin-right:auto}section:not(.screen):not(.hero) h2{font-size:calc(20.48px + .6vw);line-height:1.1}.shadowbox{padding:50px;border-radius:12px;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);display:flex;flex-flow:column nowrap;align-items:center}.shadowbox.app-agreement{max-width:1100px;width:95%;flex-flow:row nowrap;justify-content:space-between;margin-bottom:20px}.shadowbox.app-agreement [data-display_name]{font-size:28px;color:var(--gray-six);margin-bottom:10px;text-decoration:underline;display:block}.shadowbox.app-agreement [data-display_description]{font-size:16px;color:var(--gray-five);text-align:left}.shadowbox.app-agreement a{text-decoration:underline}hr{height:1px;width:95%;max-width:1100px;margin:20px auto;background-color:var(--gray-two)}#learning{max-width:100%;width:100%;padding:50px;background-color:#fff;margin:0 auto}#learning h2{max-width:270px;text-align:left;margin:0}#learning .inner-container{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;max-width:1100px;width:95%;margin:0 auto}#learning .inner-container .images{display:flex;flex-flow:row nowrap}#learning .inner-container .images .square{display:flex;flex-flow:column nowrap;max-width:300px;width:95%}#learning .inner-container .images .square:not(:last-child){margin-right:50px}#learning .inner-container .images .square .heading{display:flex;flex-flow:row nowrap;align-items:center;margin-bottom:10px}#learning .inner-container .images .square .circle{--size: 30px;display:inline-block;height:30px;width:30px;border-radius:30px;margin-right:10px;box-shadow:2px 2px 9px rgba(0,0,0,0.4);background-position:center;background-repeat:no-repeat;background-size:20px}#learning .inner-container .images .square .circle.red{background-color:var(--light-red);background-image:url(/assets/icons/target.svg)}#learning .inner-container .images .square .circle.green{background-color:var(--light-green);background-image:url(/assets/icons/money.svg)}#learning .inner-container .images .square .title{font-size:20px;font-weight:500;color:var(--gray-four)}#learning .inner-container .images .square p{color:var(--gray-three);font-size:16px;line-height:20px;text-align:left;max-width:100%;width:100%;margin:0}.how-does-it-work-container{display:flex;width:100%;flex-flow:row nowrap;align-items:center;justify-content:space-between}.how-does-it-work-container figure{max-width:33%;height:100%;flex:1;display:flex;flex-flow:column nowrap;align-items:center}.how-does-it-work-container figure h2{text-decoration:underline}.how-does-it-work-container figure img{max-width:200px;width:95%;height:200px;margin-bottom:20px}.how-does-it-work-container figure figcaption,.how-does-it-work-container figure p{max-width:350px;text-align:center}.how-does-it-work-container figure figcaption{color:var(--gray-seven);font-weight:500;font-size:20px;margin-bottom:10px;height:30px}.how-does-it-work-container figure p{color:var(--gray-six);font-size:16px;line-height:20px}.how-does-it-work-container hr{display:none;opacity:.5;max-width:200px}.how-does-it-work-container .cta{display:none !important}@media all and (max-width: 1100px){section:not(.screen) h1,section:not(.screen) h2,section:not(.screen) h3,section:not(.screen) p{text-align:center}section:not(.screen).hero{flex-flow:column nowrap}section:not(.screen).hero .text,section:not(.screen).hero .image{max-width:100%;align-items:center}section:not(.screen).hero .text:first-child,section:not(.screen).hero .image:first-child{margin-bottom:50px}section:not(.screen).hero img{margin-left:0;max-width:400px;width:95%}section:not(.screen) .cta{padding:10px}.shadowbox{padding:25px}.shadowbox.app-agreement{flex-flow:column nowrap;align-items:center}.shadowbox.app-agreement [data-display_name],.shadowbox.app-agreement [data-display_description]{text-align:center}.how-does-it-work-container{flex-flow:column nowrap}.how-does-it-work-container figure{max-width:100%}.how-does-it-work-container hr{display:block}.how-does-it-work-container .cta{display:flex !important}#learning{padding:25px}#learning .inner-container{flex-flow:column nowrap;align-items:center}#learning .inner-container h2{text-align:center;max-width:95%;margin-bottom:20px}#learning .inner-container .images{flex-flow:column nowrap}#learning .inner-container .images .square:not(:last-child){margin-right:0;margin-bottom:50px}#learning .inner-container .images .square .heading{justify-content:center}#learning .inner-container .images .square p{text-align:center}}.success-main{padding:50px 0;display:flex;flex-flow:column nowrap;align-items:center;max-width:750px;width:95%;margin:0 auto}.success-main h1{font-size:45px;text-align:center}.success-main p{text-align:center;line-height:1.5}.success-main img{max-width:500px;height:auto;margin:50px 0}