<style>
        /*reset*/
        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, 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;
        }
        /* HTML5 display-role reset for older browsers */
        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;
        }
    </style>
    <style>
    /* Navigate360 styles */
    @import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

    /* latin-ext */
    @font-face {
      font-family: 'Aleo';
      font-style: italic;
      font-weight: 300;
      src: url(https://fonts.gstatic.com/s/aleo/v11/c4mi1nF8G8_swAjxeDd5k6d4xKM.woff2) format('woff2');
    }
    /* latin */
    @font-face {
      font-family: 'Aleo';
      font-style: italic;
      font-weight: 300;
      src: url(https://fonts.gstatic.com/s/aleo/v11/c4mi1nF8G8_swAjxeDd5nad4.woff2) format('woff2');
    }
    /* latin-ext */
    @font-face {
      font-family: 'Aleo';
      font-style: italic;
      font-weight: 400;
      src: url(https://fonts.gstatic.com/s/aleo/v11/c4mh1nF8G8_swAj53RVsooY.woff2) format('woff2');
    }
    /* latin */
    @font-face {
      font-family: 'Aleo';
      font-style: italic;
      font-weight: 400;
      src: url(https://fonts.gstatic.com/s/aleo/v11/c4mh1nF8G8_swAj50xVs.woff2) format('woff2');
    }
    /* latin-ext */
    @font-face {
      font-family: 'Aleo';
      font-style: italic;
      font-weight: 700;
      src: url(https://fonts.gstatic.com/s/aleo/v11/c4mi1nF8G8_swAjxaDB5k6d4xKM.woff2) format('woff2');
    }
    /* latin */
    @font-face {
      font-family: 'Aleo';
      font-style: italic;
      font-weight: 700;
      src: url(https://fonts.gstatic.com/s/aleo/v11/c4mi1nF8G8_swAjxaDB5nad4.woff2) format('woff2');
    }
    /* latin-ext */
    @font-face {
      font-family: 'Aleo';
      font-style: normal;
      font-weight: 300;
      src: url(https://fonts.gstatic.com/s/aleo/v11/c4mg1nF8G8_syKbrxDxJn798.woff2) format('woff2');
    }
    /* latin */
    @font-face {
      font-family: 'Aleo';
      font-style: normal;
      font-weight: 300;
      src: url(https://fonts.gstatic.com/s/aleo/v11/c4mg1nF8G8_syKbrxDJJnw.woff2) format('woff2');
    }
    /* latin-ext */
    @font-face {
      font-family: 'Aleo';
      font-style: normal;
      font-weight: 400;
      src: url(https://fonts.gstatic.com/s/aleo/v11/c4mv1nF8G8_swAPJ0Q1o.woff2) format('woff2');
    }
    /* latin */
    @font-face {
      font-family: 'Aleo';
      font-style: normal;
      font-weight: 400;
      src: url(https://fonts.gstatic.com/s/aleo/v11/c4mv1nF8G8_swA3J0Q.woff2) format('woff2');
    }
    /* latin-ext */
    @font-face {
      font-family: 'Aleo';
      font-style: normal;
      font-weight: 700;
      src: url(https://fonts.gstatic.com/s/aleo/v11/c4mg1nF8G8_syLbsxDxJn798.woff2) format('woff2');
    }
    /* latin */
    @font-face {
      font-family: 'Aleo';
      font-style: normal;
      font-weight: 700;
      src: url(https://fonts.gstatic.com/s/aleo/v11/c4mg1nF8G8_syLbsxDJJnw.woff2) format('woff2');
    }
    </style>
    <style>
        body, html {
            background: #fafafa;
            box-sizing: border-box;
            color: #54565B;
            font-family: "Figtree", sans-serif;
            font-size: 16px;
            font-weight: 400;
            width: 100%;
        }
        h1, h2, h3, h4, h5, h6 {
            color: #54565B;
            font-family: 'Aleo', serif;
        }
        h1 {
            font-size: 3rem;
            font-weight: 700;
            padding-bottom: 10px
        }
        h2 {
            font-size: 1.625rem;
        }
        p {
            font-size: 1.125rem;
            line-height: 1.4;
            font-weight: 400;
            font-family: "Figtree", sans-serif;
        }
        ul {
            list-style-type: disc;
            padding-left: 1rem;
            line-height: 1.4;
           /* padding-top: 1rem; */
            font-family: "Figtree", sans-serif;
            font-size: 1.125rem;
            font-weight: 400;
        }
        .txt-white {
            color: #ffffff;
            font-family: 'Aleo', serif;
        }
        .txt-purple {
            color: #613393;
        }
        .txt-orange {
            color: #F15E3E;
        }
        .cta-primary {
            background-color: #F15E3E;
            border-radius: 6px;
            color: #ffffff;
            display: inline-block;
            padding: 16px 20px;
            text-decoration: none;
            transition: 0.2s;
        }
        .cta-primary:hover {
            transform: scale(1.1);
        }
        .img-responsive {
            height: auto;
            width: 100%;
        }
        .pre-headline {
            color: #613393;
            font-size: 1rem;
            font-weight: 700;
            padding-bottom: 6px;
            text-transform: uppercase;
            font-family: "Figtree", sans-serif;
        }
        .wrapper {
            box-sizing: border-box;
            height: 100%;
            margin: 2rem auto 0 auto;
            width: 100%;
            overflow: hidden;
        }
        .container {
            box-sizing: border-box;
            display: flex;
            margin: 0 auto;
            max-width: 90%;
            width: 1200px;
            gap: 24px 22px;
        }
        header {
            align-items: center;
            display: flex;
            flex-flow: row wrap;
            justify-content:space-between;
            margin: 24px auto 0 auto;
            max-width: 90%;
            width: 100%;
            gap: 24px 22px;
        }
        .header-link, .footer-link {
            color: #613393;
            text-decoration: none;
            transition: 0.5s;
        }
        .header-link:hover, .footer-link:hover {
            color: #40C0C0;
        }
        .header-link + .header-link {
            margin-left:12px;
        }
        .hero {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin: 3rem auto 0 auto;
            max-width: 90%;
            gap: 24px 22px;
            padding-bottom: 3rem;
        }
        .hero-copy {
            width: 40%;

        }
        .hero-copy p {
            line-height: 1.4;
        }
        .promo-bar {
            align-items: center;
            background: #613393;
            display: flex;
            justify-content: center;
            min-height: 60px;
            padding: 2rem 0;
            width: 100%;
        }
        .promo-content {
            color: white;
            max-width: 90%;
            padding: 0 1.75rem;
            text-align: center;
        }
        .promo-video {
            background: #40C0C0;
            padding: 3rem 0;
            width: 100%;
        }
        .container.video {
            justify-content: space-between;
            gap: 24px 22px;
        }
        .box-shadow {
            rgba(149,157,165,0.2) 0px 8px 24px;
        }
        .video-content, .video-desc {
            box-sizing: border-box;
            width: 50%;
        }
        .video-desc {
            color: #fff;
            display: block;
            height: 100%;
        }
        .video-title {
            font-size: 1.75rem;
            padding-bottom: 8px;
            font-family: 'Aleo', serif;
        }
        .video-body-copy {
            font-size: 1.125rem;
            font-weight: 400;
            line-height: 1.4;
            padding-bottom: 18px;
        }
        .stats_child {
            height: 100%;
            text-align: center;
            width: 100%;
        }
        .promo-stats {
            background: #54565B;
            box-sizing: border-box;
            padding: 50px 0;
            width: 100%;
        }

        .cta-download {
            color: white;
            text-align: center;
        }        

        .container.stats {
            display: flex;
            justify-content: space-between;
            text-align: center;
            overflow: hidden;
        }
        .large-stat {
            font-size: 6.25rem;
            font-weight: 700;
        }
        .stats-detail {
            font-size: 1rem;
            font-weight: 500;
            font-family: "Figtree", sans-serif;
        }
        footer {
            background: #fff;
            box-sizing: border-box;
            width: 100%;
        }
        .container.footer {
            display: flex;
            flex-direction: column;
            padding: 2rem 1rem 0 1rem;
        }
        footer img {
            display: block;
            margin: 0 auto;
            padding-bottom: 32px;
        }
        .img-container {
            max-width: 280px;
            margin: 0 auto;
        }
        .img-container img {
            width: 100%;
            height: auto;
        }
        .footer-link {
            display: inline-block;
        }
        footer li + li {
            margin-top: 18px;
        }
        /* Hubspot Form Styling */
        .form-header {
            background: #613393;
            color: #fff;
            font-family: 'Aleo', serif;
            font-size: 1.75rem;
            padding: 1rem;
            text-align: center;
        }
        .hubspot-form-container {
            background: #ffffff;
            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
            width: 59%;
        }
        .hubspot-form-container .form-body {
            padding: 1.5rem;
        }
        .hubspot-form-container .form-body div[id^="hs_form_target_form_"] {
            height: 100%;
            width: 100%;    
        }
        .hubspot-form-container .form-body .form-columns-2 {
            display: flex;
            flex-direction: row;
            gap: 16px;
            width: 100%;
            max-width: 100%;
        }
        .hubspot-form-container .form-columns-2 + .form-columns-2,
        .hubspot-form-container .form-columns-1 {
            margin-top: 16px;
        }
        .hubspot-form-container fieldset {
            max-width: 100% !important;
        }
        .hubspot-form-container input[name="firstname"],
        .hubspot-form-container input[name="lastname"],
        .hubspot-form-container input[name="email"],
        .hubspot-form-container input[name="phone"],
        .hubspot-form-container input[name="company"],
        .hubspot-form-container input[name="city"],
        .hubspot-form-container input[name="zip"],
        .hubspot-form-container input[name="address"],
        .hubspot-form-container input[name="jobtitle"],
        .hubspot-form-container input[name="student_information_system"],
        .hubspot-form-container input[name="students__c"],
        .hubspot-form-container input[name="active_daily_enrollment"]
        .hubspot-form-container input[name="country_region_picklist_"]{
            box-sizing: border-box;
            width: 100%;
            font-family: "Figtree", sans-serif;
        }
        .hs-field-desc {
          font-size: 10px;
          font-style: italic;
        }

        .inputs-list {
          margin-left: 0;
          list-style: none outside none;
          padding-left: 0;
        }
        
        .hubspot-form-container fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]) {
            box-sizing: border-box;
            padding: 0 15px;
            min-height: 38px;
            height: 38px;
            border: 1px solid #cbd6e2;
            background-color: #f5f8fa;
            margin-top: 4px;
            border-radius: 4px;
            font-family: "Figtree", sans-serif;
        }
        .hubspot-form-container fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]):focus,
        .hubspot-form-container fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]):active {
            border: 2px solid #613393;
        }
        .hubspot-form-container .input select.hs-input {
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box;
            padding: 0 15px;
            min-height: 38px;
            height: 38px;
            border: 1px solid #cbd6e2;
            background-color: #f5f8fa;
            border-radius: 4px;
            margin-top: 4px;
            font-family: "Figtree", sans-serif;
        }
        .hubspot-form-container fieldset[data-reactid=".hbspt-forms-0.1:$6"],
        .hubspot-form-container fieldset[data-reactid=".hbspt-forms-0.1:$7"],
        .hubspot-form-container fieldset[data-reactid=".hbspt-forms-0.1:$8"],
        .hubspot-form-container fieldset[data-reactid=".hbspt-forms-0.1:$9"] {
            display: none !important;
            visibility: hidden !important;
            opacity: 0 !important;
        }
        .hubspot-form-container .legal-consent-container p {
            font-size: .75rem;
            line-height: 1.3;
        }
        .hubspot-form-container .actions input[type="submit"] {
            background-color: #F15E3E;
            border-radius: 6px;
            color: #ffffff;
            display: inline-block;
            padding: 16px 20px;
            text-decoration: none;
            transition: 0.2s;
            margin-top: 10px;
            border: none;
            font-family: "Figtree", sans-serif;
        }
        .hubspot-form-container .hs-error-msg {
            font-size: .75rem;
            color: red;
        }
        /* Responsive Styles */
        @media screen and (max-width: 845px) {
            body, html {
                font-size: 14px;
            }
           .hero-copy ul {
              list-style: none;
            }
            .hero-copy ul li:before {
                display: inline-block;
                width: 20px;
                text-align: center;
                list-style-type: disc;
                padding: 0 5px;
            }
            header {
                display: block;
                text-align: center;
            }
            header .img {
                display: block;
                margin: 0 auto;
                text-align: center;
                max-width: 280px;
                height: auto;
            }
            .top-nav {
                display: none;
                opacity: 0;
                visibility: hidden;
            }
            .hero {
                flex-direction: column;
            }
            .hero-copy {
                text-align: center;
                width: 100%;
            }
            .hero-content {
                display: none;
                opacity: 0;
                visibility: hidden;
            }
            .hubspot-form-container {
                width: 100%;
            }
            .promo-bar {
                box-sizing: border-box;
                display: block;
                padding: 18px 12px;
            }
            .container.video {
                flex-direction: column;
            }
            .video-content, .video-desc {
                width: 100%;
            }
            .container.stats {
                flex-direction: column;
            }
            .stats_child + .stats_child {
                border-top: 1px solid rgba(255, 255, 255, 0.2);
                padding-top: 18px;
            }
        }
        @media screen and (max-width: 580px) {
            .hubspot-form-container .form-body .form-columns-2 {
                flex-direction: column !important;
            }
            .hubspot-form-container .form-columns-2 .field.hs-form-field {
                width: 100% !important;
            }
        }
    </style>