:root {
             --brand-color: #506AF8;
             --brand-dark-color: rgb(68, 93, 235);
             --brand-tint-color: rgba(80, 105, 248, 0.05);
             --overlay-color: rgba(255, 255, 255, 0.98);
             --text-color: #526680;
             --dark-color: #171b1f;
             --light-color: #ffffff;
             --input-color: rgb(249, 250, 252);
             --border-color: rgb(204, 211, 228);
             --border-light-color: rgb(226, 231, 241);
             --error-color: #ea3168;
             --error-tint-color: rgba(234, 49, 104, 0.05);
         }
         
         *,
         *::before,
         *::after {
             box-sizing: border-box;
         }
         
          :focus {
             outline: 0;
         }
         
         html {
             scroll-behavior: smooth;
         }
         
         body {
             color: var(--dark-color);
             background-color: #fff;
             font-family: 'Work Sans', sans-serif;
             font-size: 16px;
             line-height: 1.5;
             font-weight: 400;
             font-style: normal;
             font-kerning: normal;
             letter-spacing: -.5px;
             -webkit-font-smoothing: antialiased;
             -moz-osx-font-smoothing: grayscale;
             text-rendering: optimizeLegibility;
             -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
         }
         
         a {
             color: var(--brand-dark-color);
             text-decoration: none;
         }
         
         a:hover {
             color: var(--brand-dark-color);
         }
         
         p {
             line-height: 1.5;
             margin-top: 0;
             margin-bottom: 15px;
             letter-spacing: -.5px;
             color: var(--text-color);
         }
         
         p.lead {
             font-size: 22px;
             margin-bottom: 30px;
             color: var(--brand-color);
         }
         
         ul {
             padding-left: 0px;
             color: var(--brand-color);
             font-weight: 400;
             margin-bottom: 30px;
             margin-top: 30px;
             list-style: none;
         }
         
         ul li {
             margin-bottom: 15px;
             color: var(--dark-color);
         }
         
         img {
             width: 100%;
             height: auto;
             border-radius: 5px;
         }
         
         strong {
             font-weight: 500;
             color: var(--dark-color);
         }
         
         em {
             font-style: normal;
             font-weight: 500;
             color: var(--brand-color);
         }
         
         hr {
             border: none;
             margin: 50px 0;
         }
         
         h1 {
             font-size: 40px;
             font-weight: 400;
             letter-spacing: -2.2px;
             line-height: 1.2;
             margin-bottom: 20px;
             margin-top: 0;
             margin-bottom: 45px;
         }
         
         h2 {
             font-size: 38px;
             font-weight: 400;
             letter-spacing: -2.5px;
             line-height: 1.2;
             margin-bottom: 30px;
             margin-top: 0;
             margin-bottom: 40px;
         }
         
         h2 span {
             color: var(--brand-color);
         }
         
         h3 {
             font-size: 15px;
             font-weight: 500;
             text-transform: uppercase;
             letter-spacing: .8px;
             color: var(--brand-color);
             margin-top: 0;
             margin-bottom: 20px;
         }
         
         h4 {
             font-size: 20px;
             margin-top: 45px;
             color: var(--brand-color);
             margin-bottom: 20px;
             font-weight: 500;
             display: block;
             position: relative;
         }
         /** H4 heading for Manage on Learn More page **/
         
         .manage {
             color: var(--dark-color);
         }
         
         h4.check {
             padding-left: 30px;
         }
         
         h4.check:before {
             content: url('../assets/icon-check.svg');
             width: 24px;
             height: 24px;
             position: absolute;
             display: block;
             left: 0;
             top: 0;
         }
         
         h5 {
             font-size: 17px;
             margin-top: 0px;
             color: var(--dark-color);
             margin-bottom: 5px;
             font-weight: 500;
             display: block;
         }
         
         h5+p {
             margin-bottom: 30px;
         }
         /* Pulse */
         
         .pulse {
             position: fixed;
             width: 200vh;
             height: 200vh;
             top: -100vh;
             left: -100vh;
             border-radius: 100%;
             border: 2px solid var(--brand-color);
             animation: pulse ease-out 4s 2 forwards;
             z-index: -1;
         }
         
         @keyframes pulse {
             0% {
                 opacity: 1;
                 transform: scale(0);
             }
             100% {
                 opacity: 0;
                 transform: scale(1);
             }
         }
         /* Header */
         
         header {
             position: fixed;
             height: 100px;
             border-bottom: 1px solid #eee;
             background-color: rgba(255, 255, 255, 0.5);
             backdrop-filter: blur(20px);
             width: 100%;
             display: flex;
             justify-content: space-between;
         }
         
         .logo {
             position: fixed;
             top: 0;
             left: 0;
             padding: 30px;
             width: 230px;
             z-index: 3;
         }
         
         nav {
             padding: 25px;
         }
         
         nav a {
             display: inline-flex;
             padding: 0px 20px;
             color: var(--dark-color);
             align-content: center;
             justify-content: center;
             align-items: center;
             min-height: 50px;
             padding-top: 1px;
         }
         
         nav a:hover {
             color: var(--brand-color);
         }
         
         nav .button {
             padding-top: 1px;
             margin-left: 15px;
         }
         
         .login-button {
             position: fixed;
             top: 20px;
             right: 90px;
             padding: 20px;
         }
         /* Footer */
         
         footer {
             text-align: center;
             padding: 30px;
             border-top: 1px solid var(--border-light-color);
         }
         
         .footer-menu {
             padding: 0;
             max-width: 1024px;
             margin: auto;
         }
         
         .footer-menu a {
             color: var(--brand-color);
         }
         
         .legal {
             padding: 0;
         }
         
         .legal a {
             font-size: 15px;
             padding: 15px;
             color: var(--text-color);
             opacity: .8;
         }
         
         .legal a:hover {
             color: var(--text-color);
             opacity: 1;
         }
         
         .sec-logo {
             max-width: 240px;
             margin: 30px auto;
         }
         
         .copy {
             font-size: 13px;
             color: var(--text-color);
             opacity: .5;
             margin-top: 0px;
         }
         /* Buttons */
         
         .button {
             color: #fff;
             font-weight: 500;
             font-size: 17px;
             min-height: 50px;
             border-radius: 12px;
             letter-spacing: -.6px;
             display: inline-flex;
             align-items: center;
             vertical-align: top;
             padding: 0 30px;
             padding-top: 1px;
             justify-content: center;
             background-color: var(--brand-color);
         }
         
         .button:hover,
         .button:active,
         .button:focus {
             color: #fff;
             background-color: var(--brand-dark-color);
         }
         
         .button.inverse {
             color: var(--brand-color);
             background-color: #fff;
         }
         
         .button.outline {
             color: var(--brand-color);
             background-color: #fff;
             border: 2px solid var(--brand-color);
         }
         
         .button.outline:hover,
         .button.outline:active,
         .button.outline:focus {
             background-color: var(--brand-tint-color);
         }
         /* Menu */
         
         .menu-container {
             position: relative;
             z-index: 3;
         }
         
         .bars,
         .bars-inverse {
             position: fixed;
             top: 15px;
             right: 15px;
             height: 70px;
             width: 70px;
             padding: 20px;
             transition: background .2s ease-out;
             text-indent: -9999px;
             z-index: 4;
             cursor: pointer;
         }
         
         .bars:before,
         .bars:after,
         .bars-inverse:before,
         .bars-inverse:after {
             content: '';
             display: block;
             height: 3px;
             position: absolute;
             transition: all .2s ease-out;
             width: 20px;
         }
         
         .bars:before,
         .bars:after {
             background: var(--brand-color);
         }
         
         .bars-inverse:before,
         .bars-inverse:after {
             background: #fff;
         }
         
         .bars:before,
         .bars-inverse:before {
             top: 32px;
         }
         
         .bars:after,
         .bars-inverse:after {
             top: 40px;
         }
         
         .overlay {
             display: flex;
             position: fixed;
             margin: 0;
             top: 0;
             left: 0;
             right: 0;
             bottom: 0;
             padding: 30px 0;
             opacity: 0;
             visibility: hidden;
             background-color: var(--overlay-color);
             transition: all .3s ease-out .2s;
             display: flex;
             align-items: flex-start;
             justify-content: center;
             overflow: scroll;
         }
         
         .menu {
             display: flex;
             align-items: center;
             flex-direction: column;
             margin-top: 10vh;
             opacity: 0;
             transition: all .3s ease-out;
         }
         
         .menu .button {
             margin-top: 30px;
             height: 55px;
         }
         
         .menu a {
             font-size: 20px;
             padding: 15px;
         }
         
         #toggle-menu {
             display: none;
         }
         
         #toggle-menu:checked~.overlay {
             transition: all .3s ease-in-out;
             opacity: 1;
             visibility: visible;
         }
         
         #toggle-menu:checked~.overlay .menu {
             opacity: 1;
         }
         
         #toggle-menu:checked~.overlay .menu {
             transition: all .3s ease-out .2s;
         }
         
         #toggle-menu:checked~.bars {
             background: transparent;
         }
         
         #toggle-menu:checked~.bars-inverse {
             background: transparent;
         }
         
         #toggle-menu:checked~.bars:before {
             transform: rotate(-45deg) translateY(5.5px);
         }
         
         #toggle-menu:checked~.bars-inverse:before {
             transform: rotate(-45deg) translateY(5.5px);
         }
         
         #toggle-menu:checked~.bars:after {
             transform: rotate(45deg) translateY(-5.5px);
         }
         
         #toggle-menu:checked~.bars-inverse:after {
             transform: rotate(45deg) translateY(-5.5px);
         }
         
         #toggle-menu:checked~.bars-inverse:before {
             background: var(--brand-color);
         }
         
         #toggle-menu:checked~.bars-inverse:after {
             background: var(--brand-color);
         }
         /* Layout */
         
         .container {
             margin: auto;
             max-width: 1280px;
             padding: 5vw;
         }
         
         section {
             padding: 10vh 0;
         }
         
         .beam-home-landing {
             height: 100vh;
         }
         /* Actions */
         
         .actions {
             display: flex;
             margin-top: 50px;
         }
         
         .actions .button {
             margin-right: 15px;
             margin-bottom: 25px;
         }
         
         .actions .button:last-of-type {
             margin-right: 0;
         }
         
         .actions+p {
             font-size: 14px;
             margin-bottom: 80px;
         }
         
         .grid .actions+p {
             max-width: 375px;
         }
         
         .actions small {
             padding: 5px;
         }
         /* Intro */
         
         .intro {
             padding-top: 70px;
             padding-bottom: 0;
         }
         
         .intro img {
             margin-bottom: 15px;
         }
         
         .intro h2 {
             font-size: 40px;
             font-weight: 400;
             letter-spacing: -2.2px;
             line-height: 1.2;
             margin-bottom: 20px;
             margin-top: 0;
             margin-bottom: 45px;
             text-align: center;
         }
         
         .intro h1 {
             font-size: 15px;
             font-weight: 500;
             text-transform: uppercase;
             letter-spacing: .8px;
             color: var(--brand-color);
             margin-top: 0;
             margin-bottom: 20px;
             text-align: center;
         }
         
         .intro-steps {
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
             column-gap: 60px;
         }
         
         .intro-steps div {
             margin-bottom: 30px;
         }
         
         .intro .actions {
             margin-bottom: 80px;
             justify-content: center;
         }
         /* Projects */
         
         .project {
             margin-bottom: 10vh;
         }
         
         .project h4 {
             color: var(--dark-color);
         }
         
         .project-steps {
             padding: 30px;
             border-radius: 16px;
             box-shadow: rgba(95, 120, 149, 0.2) 0px 0px 0px 1px, rgba(95, 120, 149, 0.1) 0px 8px 8px;
         }
         /* Get Started */
         
         .get-started {
             text-align: ;
         }
         
         .get-started .actions {
             margin-top: 45px;
         }
         /* Steps */
         
         .section-heading {
             font-size: 48px;
             margin-top: 10vh;
             font-weight: 400;
             letter-spacing: -3px;
             border-bottom: 5px solid var(--brand-color);
             display: inline-block;
         }
         
         .testimonials .section-heading {
             margin-bottom: 8vh;
             margin-top: 0;
         }
         
         .assess+.section-heading {
             margin-bottom: 0;
             margin-top: 0;
         }
         
         .steps {
             margin-top: 80px;
             padding-left: 100px;
             padding-right: 5vw;
             position: relative;
             padding-top: 10vh;
             max-width: 1024px;
             margin: auto;
         }
         
         .step {
             padding-bottom: 10vh;
         }
         
         .steps:before {
             content: '';
             position: absolute;
             left: 25px;
             top: 10vh;
             bottom: 15vh;
             width: 1px;
             background-color: var(--border-light-color);
         }
         
         .steps h2 {
             margin-bottom: 20px;
         }
         
         .steps h3 {
             margin-top: 15px;
         }
         
         .step-number {
             width: 50px;
             height: 50px;
             font-size: 22px;
             font-weight: 500;
             color: #fff;
             background-color: var(--brand-color);
             display: inline-flex;
             justify-content: center;
             align-items: center;
             border-radius: 12px;
             position: absolute;
             left: 0;
             margin-top: -15px;
         }
         
         .step-number.outline {
             border: 2px solid var(--brand-color);
             color: var(--brand-color);
             background-color: #fff;
         }
         
         .step-number.outline img {
             width: 65%;
         }
         /* Landing */
         
         .landing {
             display: flex;
         }
         
         .landing-page h1 {
             margin-bottom: 20px;
         }
         
         .landing-page {
             width: 100vw;
             height: 95vh;
             display: flex;
             align-items: center;
             flex-direction: column;
             justify-content: center;
             background-color: var(--brand-color);
             color: #fff;
         }
         
         .landing-page p {
             color: #fff;
             margin-bottom: 30px;
         }
         
         .landing-hero {
             max-width: 600px;
             padding: 30px;
         }
         
         .landing-content {
             display: flex;
             justify-content: center;
             flex-direction: column;
             padding: 60px;
         }
         
         .landing .button {
             margin-top: 30px;
         }
         
         .landing-page form {
             display: flex;
             gap: 5px
         }
         
         .landing-page .button {
             margin: 0;
             border: 2px solid #fff;
             cursor: pointer;
         }
         
         .landing-page input[type=email] {
             font-size: 16px;
             padding: 14px 18px;
             letter-spacing: -.5px;
             border-radius: 12px;
             border: 2px solid #fff;
             appearance: none;
             color: var(--dark-color);
             font-weight: 500;
             min-width: 300px;
         }
         
         .landing-page input[type=email]::-webkit-input-placeholder {
             color: var(--text-color);
             font-weight: 300;
         }
         
         .landing-page input[type=email]:-ms-input-placeholder {
             color: var(--text-color);
             font-weight: 300;
         }
         
         .landing-page input[type=email]::placeholder {
             color: var(--text-color);
             font-weight: 300;
         }
         /* Logo Carousels */
         
         .logo-carousel {
             min-height: 120px;
             border-radius: 5px;
             margin-top: 30px;
             margin-bottom: 50px;
             display: flex;
             padding: 40px 30px;
             overflow: scroll;
             border-right: solid 1px var(--border-light-color);
         }
         
         .logo-carousel img {
             max-height: 50px;
             width: auto;
             margin-right: 50px;
         }
         
         .logo-carousel img:last-child {
             padding-right: 50px;
         }
         /* Logo Grids */
         
         .logo-grid {
             display: flex;
             flex-direction: row;
             flex-wrap: wrap;
             justify-content: flex-start;
             align-items: center;
             align-content: space-between;
         }
         
         .logo-grid img {
             max-height: 40px;
             width: auto;
             margin: 30px;
         }
         /* Grid  */
         
         .grid {
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
             column-gap: 60px;
         }
         
         .terms .grid {
             grid-template-columns: 30% 70%;
             margin-bottom: 60px;
         }
         
         .grid.locations {
             max-width: 900px;
         }
         /* Tables */
         
         table {
             width: 100%;
             border-collapse: collapse;
             margin: 60px 0;
             vertical-align: middle;
             table-layout: fixed;
         }
         
         th,
         td {
             min-width: 33.33%;
             padding: 10px 15px;
         }
         
         th {
             font-weight: 500;
         }
         
         th.title {
             color: var(--brand-color);
             font-size: 19px;
         }
         
         td {
             font-size: 15px;
             color: var(--text-color);
         }
         
         tbody tr:nth-of-type(odd) {
             background-color: var(--brand-tint-color);
         }
         
         thead tr th:first-of-type,
         tbody tr td:first-of-type {
             text-align: left;
         }
         
         .comparison-table table {
             text-align: right;
         }
         
         .comparison-table tbody tr td:last-of-type {
             color: var(--brand-color);
         }
         
         .pricing-table {
             /* text-align: right;
    margin: 0; */
         }
         
         .pricing-table tbody tr td:last-of-type {
             color: var(--brand-color);
         }
         
         .pricing-table tbody tr td:first-of-type {
             width: 400px;
         }
         
         .table-group-title {
             font-size: 17px;
             font-weight: 500;
             color: var(--dark-color);
             margin-bottom: 10px;
             text-align: left;
         }
         
         .table-group {
             padding: 15px 0px;
             box-shadow: rgba(95, 120, 149, 0.2) 0px 0px 0px 1px, rgba(95, 120, 149, 0.1) 0px 8px 8px;
             border-radius: 8px;
             margin-top: 10px;
             margin-bottom: 45px;
             text-align: left;
         }
         
         .table-group .table-row {
             display: flex;
             justify-content: space-between;
             padding: 6px 25px;
         }
         
         .table-row-title {
             color: var(--dark-color);
             font-size: 16px;
             font-weight: 500;
             padding-left: 25px;
             padding-bottom: 10px;
         }
         
         .table-row div {
             flex: 1;
             font-size: 15px;
             color: var(--text-color);
         }
         
         .table-row div:first-of-type {
             flex: 2;
         }
         
         .table-row div:last-of-type {
             text-align: right;
         }
         
         .table-row div em {
             font-weight: 400;
         }
         /* Lists */
         
         ul.checklist {
             margin-top: 0;
             list-style: none;
         }
         
         ul.checklist li {
             font-size: 17px;
             font-weight: 400;
             color: var(--brand-color);
             margin-bottom: 15px;
             position: relative;
             padding-left: 35px;
         }
         
         ul.checklist li:before {
             content: url('../assets/icon-check.svg');
             width: 24px;
             height: 24px;
             position: absolute;
             display: block;
             left: 0;
             top: 0;
         }
         
         ul.stats {
             list-style: none;
             padding: 0;
             margin: auto;
             max-width: 320px;
             margin-top: 60px;
             margin-bottom: 60px;
         }
         
         ul.stats li span {
             float: right;
             color: var(--brand-color);
         }
         /* Chart */
         
         .chart {
             margin-top: 60px;
             margin-bottom: 15px;
         }
         /* Testimonials */
         
         .testimonials-grid {
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
             gap: 60px;
         }
         
         .testimonials .actions {
             margin-top: 80px;
         }
         
         .testimonial {
             margin-bottom: 40px;
         }
         
         blockquote {
             padding: 0;
             margin: 0;
             font-style: normal;
             font-weight: 400;
             font-size: 20px;
             line-height: 1.4;
             max-width: 680px;
             margin-top: 0;
             margin-bottom: 15px;
             letter-spacing: -.5px;
             color: var(--brand-color);
         }
         
         cite {
             font-style: normal;
             font-weight: 400;
             color: var(--text-color);
         }
         
         cite strong {
             color: var(--dark-color);
             font-weight: 500;
         }
         /* Device */
         
         .device {
             padding: 120px;
         }
         
         .device .actions {
             justify-content: center;
         }
         
         @media all and (max-width: 1440px) {
             .landing-hero {
                 max-width: 500px;
                 padding-right: 80px;
             }
             @media all and (max-width: 960px) {
                 .container {
                     padding: 30px;
                 }
                 .login-button {
                     top: 6px;
                     right: 70px;
                     padding: 20px 10px;
                 }
                 .bars {
                     top: 0px;
                     right: 0px;
                 }
                 .logo {
                     padding: 20px;
                     width: 185px;
                 }
                 section {
                     padding: 80px 0;
                 }
                 h1,
                 h2 {
                     font-size: 30px;
                     letter-spacing: -1.5px;
                 }
                 ul.checklist {
                     margin-top: 30px;
                     margin-bottom: 15px;
                 }
                 .actions {
                     flex-direction: column;
                 }
                 .actions+p {
                     margin-top: 15px;
                     text-align: center;
                 }
                 .actions .button {
                     margin-bottom: 10px !important;
                 }
                 .button {
                     width: 100%;
                 }
                 .step {
                     padding-bottom: 5vh;
                 }
                 .steps:before {
                     left: -20px;
                 }
                 .step-number {
                     font-size: 18px;
                     width: 35px;
                     height: 40px;
                     padding-right: 6px;
                     left: -30px;
                     border-radius: 100px;
                     margin-top: -60px;
                     border-top-left-radius: 0;
                     border-bottom-left-radius: 0;
                 }
                 .step-number.outline {
                     border-left: none;
                 }
                 .steps {
                     padding-left: 0px;
                     padding-right: 0;
                 }
                 .landing-page .bars:before,
                 .landing-page .bars:after {
                     background: #fff;
                 }
                 .landing-page #toggle-menu:checked~.bars:before,
                 .landing-page #toggle-menu:checked~.bars:after {
                     background: var(--brand-color);
                 }
                 .landing {
                     display: block;
                 }
                 .landing-panel {
                     width: 100vw;
                     padding: 90px 60px;
                     height: auto;
                 }
                 .landing-panel:first-of-type h1 {
                     margin-top: 30px;
                 }
                 .menu {
                     margin-top: 15px;
                 }
                 br {
                     display: none;
                 }
                 .footer-menu a {
                     width: 100%;
                 }
                 .footer-menu {
                     margin-bottom: 20px;
                 }
                 .landing-page {
                     display: block;
                     padding-top: 80px;
                 }
                 .landing-hero {
                     text-align: center;
                     margin: auto;
                 }
                 .landing-page form {
                     flex-direction: column;
                 }
                 .landing-page input {
                     width: 100%;
                 }
             }
             .supplier-grid {
                 display: grid;
                 grid-template-columns: 50% 50%;
                 padding: 20px;
                 min-height: 147px;
                 border: 1px solid #D3D9ED;
                 border-radius: 5px;
                 margin-bottom: 22px !important;
             }
             .supplier-grid .supplier-grid-item img {
                 max-height: 45px;
                 max-width: 100px;
                 margin: 0;
                 object-fit: contain;
             }
             .supplier-grid .supplier-grid-item {
                 display: flex;
                 align-items: center;
                 justify-content: center;
                 margin: 0;
                 padding: 0 20px;
             }