/* layout, @media breakpoints  */
@import url(/-/media/7fea65b2cafc4b0684291c166772d85b.css);
/* padding & margin utilities */
@import url(/-/media/0c8295966c4f4c9c9a09067dce8873f4.css);
/* reset brochure.css  */
@import url(/-/media/fd043d0f583e450ea859a3c513478dd2.css);

/*
/   Breakpoints:
/
/   size:       breakpoint / max-width / padding / cols / rem
/   ---------------------------------------------------
/   small:      x       /   x       /   1.25rem     /   4   /   x
/   medium:     600px   /   x       /   2rem        /   8   /   37.5rem    
/   medium(x):  928px   /   864px   /   2rem        /   12  /   58rem
/   large:      1040px  /   1234px  /   3rem        /   12  /   65rem
/
/*/
html,
body {
    scroll-behavior: smooth;
}

body {
    font-size: 16px;
    background-color: var(--white) !important;
    font-family: VIC, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 400;
    font-style: normal;
    letter-spacing: var(--letter-spacing);
    line-height: 1.5;
    font-size: 16px;
    color: var(--grey-100);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    --primary-100: var(--orange-100);
    --primary-75: var(--orange-75);
    --primary-50: var(--orange-50);
    --primary-25: var(--orange-25);
    --primary-10: var(--orange-10);
    --primary-5: var(--orange-5);
    --primary-brand: var(--orange-brand);
    --primary-background: var(--background-orange);
}

body.primary-bluegrey {
    --primary-100: var(--bluegrey-100);
    --primary-75: var(--bluegrey-75);
    --primary-50: var(--bluegrey-50);
    --primary-25: var(--bluegrey-25);
    --primary-10: var(--bluegrey-10);
    --primary-5: var(--bluegrey-5);
    --primary-brand: var(--bluegrey-100);
    --primary-background: var(--background-body);
}

#landingpage {
    background-color: var(--white) !important;
    font-family: VIC, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 400;
    font-style: normal;
    letter-spacing: var(--letter-spacing);
    line-height: 1.5;
    font-size: 16px;
    color: var(--grey-100);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}

#landingpage h1 {
    /* Mobile/H1 */
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 700;
    margin: 0;
    letter-spacing: var(--letter-spacing);
    text-wrap: balance;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage h1 {
        /* Desktop/H1 */
        font-size: 2.5rem;
        line-height: 1.15;
    }
}

#landingpage h2 {
    /* Mobile/H2 */
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 700;
    margin: 0;
    letter-spacing: var(--letter-spacing);
    text-wrap: balance;
}

#landingpage h2.numbered {
    position: relative;
    text-wrap: pretty;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage h2.numbered {
        padding-left: 3.5rem;
    }
}

#landingpage h2.numbered .number {
    display: block;
    font-size: 1.75rem;
    font-weight: 600;
    width: 2.75rem;
    height: 2.75rem;
    background: var(--grey-100);
    color: var(--white);
    border-radius: 50%;
    line-height: 2.75rem;
    text-align: center;
    margin-bottom: 0.5rem;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage h2.numbered .number {
        position: absolute;
        margin-left: -3.5rem;
        margin-top: -0.25rem;
        margin-bottom: 0;
    }
}

#landingpage h3 {
    /* Mobile/H3 */
    font-size: 1.5rem;
    line-height: 1.25;
    font-style: normal;
    font-weight: 700;
    margin: 0;
    letter-spacing: var(--letter-spacing);
}

#landingpage h3.numbered {
    position: relative;
    text-wrap: pretty;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage h3.numbered {
        padding-left: 3rem;
    }
}

#landingpage h3.numbered .number {
    display: block;
    font-size: 1.25rem;
    font-weight: 600;
    width: 2rem;
    height: 2rem;
    background: var(--grey-100);
    color: var(--white);
    border-radius: 50%;
    line-height: 2rem;
    text-align: center;
    margin-bottom: 0.5rem;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage h3.numbered .number {
        position: absolute;
        margin-left: -3rem;
        margin-top: -0.125rem;
        margin-bottom: 0;
    }
}

#landingpage h4 {
    /* Mobile/H4 */
    font-size: 1.25rem;
    line-height: 1.3;
    font-style: normal;
    font-weight: 700;
    margin: 0;
    letter-spacing: var(--letter-spacing);
}

#landingpage p {
    /* Mobile/Body */
    font-size: 1.125rem;
    line-height: 1.5;
    font-style: normal;
    font-weight: 400;
    margin: 0.5em 0 0.75em 0;
    letter-spacing: var(--letter-spacing);
}

#landingpage p.tagline {
    /* Mobile/Tagline */
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: var(--letter-spacing);
}

#landingpage p.small-text {
    font-size: 0.75rem;
    line-height: 1.5;
    font-style: normal;
    font-weight: 400;
}

#landingpage strong {
    font-weight: 700;
}

#landingpage ul,
#landingpage ol {
    /* Mobile/Body */
    font-size: 1.125rem;
    line-height: 1.5;
    font-style: normal;
    font-weight: 400;
    margin: 0.5em 0;
}

#landingpage a {
    color: var(--brown-dark);
    text-decoration: underline;
    text-decoration-thickness: from-font;
}

#landingpage a:hover {
    color: var(--hover);
}

#landingpage a:focus {
    outline: 0.25rem solid var(--hover);
}

#landingpage a:active {
    background-color: var(--orange-10);
    color: var(--brown-dark);
    outline: 0.25rem solid var(--orange-50);
}

#landingpage a.link-external span.link-icon {
    padding-right: 0.65rem;
}

#landingpage a.tel {
    color: currentColor;
    white-space: nowrap;
}

#landingpage a.further-reading {
    text-decoration: none;
    color: currentColor;
    will-change: box-shadow;
    box-shadow: 0 0 0 0 var(--primary-25);
    transition: box-shadow ease-out 150ms;
}

#landingpage a.further-reading:hover {
    border-color: var(--primary-100);
    background-color: var(--primary-5);
    box-shadow: 0 0 0 8px var(--primary-25);
}

#landingpage a.button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
    padding: 0.5rem 1rem;
    width: 100%;
    max-width: 100%;
    background-color: var(--primary-100);
    color: var(--white);
    height: 3.125rem;
    line-height: 1;
    text-align: center;
    border-radius: 0.25rem;
    border: 2px solid transparent;
    font-size: 1.125rem;
    font-weight: 700 !important;
    letter-spacing: 0.015rem;
    gap: 0.5rem;
    white-space: nowrap;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage a.button {
        min-width: 12rem;
        width: auto;
        padding: 0.5rem 1.25rem;
    }
}

#landingpage a.button:hover {
    background-color: var(--brown-dark);
    color: var(--white);
    outline: 0.25rem solid var(--primary-25);
}

#landingpage a.button:focus-visible {
    outline: 0.25rem solid var(--hover);
    border-color: var(--white);
}

#landingpage a.button:active {
    background-color: var(--brown-dark);
    color: var(--white);
    outline: 0.25rem solid var(--primary-50);
}

#landingpage a.button.white {
    background-color: var(--white);
    color: var(--primary-100);
}

#landingpage a.button.white:hover {
    background-color: var(--primary-10);
}

#landingpage a.button.bluegrey {
    background-color: var(--bluegrey-100);
    color: var(--white);
}

#landingpage a.button.bluegrey:hover {
    background-color: var(--grey-100);
    outline: 0.25rem solid var(--grey-25);
}

#landingpage a.button.orange {
    background-color: var(--orange-100);
    color: var(--white);
}

#landingpage a.button.orange:hover {
    background-color: var(--brown-dark);
    outline: 0.25rem solid var(--orange-25);
}

#landingpage a.button.secondary {
    outline: 2px solid currentColor;
    background-color: transparent;
}

#landingpage a.button.secondary:hover {
    border-color: currentColor;
}

#landingpage a.button.secondary.text-orange {
    color: var(--orange-100);
}

#landingpage a.button.secondary.text-orange:hover {
    color: var(--bluegrey-100);
    background-color: var(--white);
    outline: 0.25rem solid var(--bluegrey-25);
}

#landingpage a.button.secondary.text-brown {
    color: var(--brown-dark);
}

#landingpage a.button.secondary.text-brown:hover {
    color: var(--brown-dark);
    background-color: var(--white);
    outline: 0.25rem solid var(--orange-25);
    border-color: currentColor;
}

#landingpage a.button.secondary.white {
    color: var(--white);
}

#landingpage a.button.secondary.white:hover {
    color: var(--white);
    background-color: var(--orange-75);
    outline: 0.25rem solid var(--orange-50);
    border-color: currentColor;
}

#landingpage a.button.secondary.bluegrey {
    color: var(--white);
}

#landingpage a.button.secondary.bluegrey:hover {
    color: var(--white);
    background-color: var(--bluegrey-75);
    outline: 0.25rem solid var(--bluegrey-50);
    border-color: currentColor;
}

#landingpage a.button span.link-icon {
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
}

#landingpage a.button span.link-icon::after {
    display: none;
}

#landingpage .go-top {
    display: none;
}

@media only screen and (min-width: 65rem) {
    #landingpage .go-top {
        background-color: transparent;
        border: 2px solid var(--brown-dark);
        color: var(--brown-dark);
        font-size: 1.125rem;
        font-weight: 500;
        padding: 0.5rem 1rem;
        border-radius: 0.2rem;
        cursor: pointer;
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        max-width: 140px;
        text-decoration: none;
    }

    #landingpage .go-top:hover,
    #landingpage .go-top:active {
        border-color: var(--brown-dark);
        outline: 0.25rem solid var(--orange-25);
    }
}

#landingpage a.text-link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-decoration: underline;
    text-decoration-color: var(--bluegrey-50);
    text-decoration-thickness: 2px;
    text-decoration-style: solid;
    padding: 0.25rem 1rem;
    width: 100%;
    max-width: 100%;
    color: var(--bluegrey-100);
    line-height: 1;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 500 !important;
    letter-spacing: 0.015rem;
    gap: 0.5rem;
    white-space: nowrap;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage a.text-link {
        max-width: none;
        width: auto;
        white-space: nowrap;
        text-wrap: none;
    }
}

#landingpage a.text-link:hover {
    color: var(--brown-dark);
    text-decoration-color: var(--brown-light);
}

#landingpage a.text-link:focus-visible {
    outline: 0.25rem solid var(--hover);
    border-color: var(--white);
}

#landingpage a.text-link:active {
    color: var(--orange-100);
}

#landingpage a.text-link span.link-icon {
    height: 1.5rem;
    width: 1.5rem;
    padding: 0;
    margin: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzE1MDJfMTM4MyIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI0Ij4KPHJlY3QgeD0iMC41IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiNEOUQ5RDkiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzE1MDJfMTM4MykiPgo8cGF0aCBkPSJNMTIuNSAxN0MxMi43ODMzIDE3IDEzLjAyMDggMTYuOTA0MiAxMy4yMTI1IDE2LjcxMjVDMTMuNDA0MiAxNi41MjA4IDEzLjUgMTYuMjgzMyAxMy41IDE2QzEzLjUgMTUuNzE2NyAxMy40MDQyIDE1LjQ3OTIgMTMuMjEyNSAxNS4yODc1QzEzLjAyMDggMTUuMDk1OCAxMi43ODMzIDE1IDEyLjUgMTVDMTIuMjE2NyAxNSAxMS45NzkyIDE1LjA5NTggMTEuNzg3NSAxNS4yODc1QzExLjU5NTggMTUuNDc5MiAxMS41IDE1LjcxNjcgMTEuNSAxNkMxMS41IDE2LjI4MzMgMTEuNTk1OCAxNi41MjA4IDExLjc4NzUgMTYuNzEyNUMxMS45NzkyIDE2LjkwNDIgMTIuMjE2NyAxNyAxMi41IDE3Wk0xMS41IDEzSDEzLjVWN0gxMS41VjEzWk0xMi41IDIyQzExLjExNjcgMjIgOS44MTY2NyAyMS43Mzc1IDguNiAyMS4yMTI1QzcuMzgzMzMgMjAuNjg3NSA2LjMyNSAxOS45NzUgNS40MjUgMTkuMDc1QzQuNTI1IDE4LjE3NSAzLjgxMjUgMTcuMTE2NyAzLjI4NzUgMTUuOUMyLjc2MjUgMTQuNjgzMyAyLjUgMTMuMzgzMyAyLjUgMTJDMi41IDEwLjYxNjcgMi43NjI1IDkuMzE2NjcgMy4yODc1IDguMUMzLjgxMjUgNi44ODMzMyA0LjUyNSA1LjgyNSA1LjQyNSA0LjkyNUM2LjMyNSA0LjAyNSA3LjM4MzMzIDMuMzEyNSA4LjYgMi43ODc1QzkuODE2NjcgMi4yNjI1IDExLjExNjcgMiAxMi41IDJDMTMuODgzMyAyIDE1LjE4MzMgMi4yNjI1IDE2LjQgMi43ODc1QzE3LjYxNjcgMy4zMTI1IDE4LjY3NSA0LjAyNSAxOS41NzUgNC45MjVDMjAuNDc1IDUuODI1IDIxLjE4NzUgNi44ODMzMyAyMS43MTI1IDguMUMyMi4yMzc1IDkuMzE2NjcgMjIuNSAxMC42MTY3IDIyLjUgMTJDMjIuNSAxMy4zODMzIDIyLjIzNzUgMTQuNjgzMyAyMS43MTI1IDE1LjlDMjEuMTg3NSAxNy4xMTY3IDIwLjQ3NSAxOC4xNzUgMTkuNTc1IDE5LjA3NUMxOC42NzUgMTkuOTc1IDE3LjYxNjcgMjAuNjg3NSAxNi40IDIxLjIxMjVDMTUuMTgzMyAyMS43Mzc1IDEzLjg4MzMgMjIgMTIuNSAyMlpNMTIuNSAyMEMxNC43MzMzIDIwIDE2LjYyNSAxOS4yMjUgMTguMTc1IDE3LjY3NUMxOS43MjUgMTYuMTI1IDIwLjUgMTQuMjMzMyAyMC41IDEyQzIwLjUgOS43NjY2NyAxOS43MjUgNy44NzUgMTguMTc1IDYuMzI1QzE2LjYyNSA0Ljc3NSAxNC43MzMzIDQgMTIuNSA0QzEwLjI2NjcgNCA4LjM3NSA0Ljc3NSA2LjgyNSA2LjMyNUM1LjI3NSA3Ljg3NSA0LjUgOS43NjY2NyA0LjUgMTJDNC41IDE0LjIzMzMgNS4yNzUgMTYuMTI1IDYuODI1IDE3LjY3NUM4LjM3NSAxOS4yMjUgMTAuMjY2NyAyMCAxMi41IDIwWiIgZmlsbD0iIzZENzc4OCIvPgo8L2c+Cjwvc3ZnPgo=");
}

#landingpage a.text-link span.link-icon::after {
    display: none;
}

#landingpage .stepper {
    font-size: 1.125rem;
    color: var(--orange-100);
    font-weight: 600;
}

#landingpage .is-hidden {
    display: none !important;
}

#landingpage section {
    padding-top: 2rem;
    padding-bottom: 2rem;
    /* medium: 8 columns */
    /* large: 12 columns */
    /* x-large: 12 columns */
}

@media only screen and (min-width: 37.5rem) {
    #landingpage section {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

@media only screen and (min-width: 58rem) {
    #landingpage section {
        padding-top: 3.6rem;
        padding-bottom: 3.6rem;
    }
}

@media only screen and (min-width: 88rem) {
    #landingpage section {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

#landingpage header {
    --header-height: 400px;
    color: var(--white);
    background: var(--primary-100);
    background: linear-gradient(129deg, var(--primary-100) 32%, var(--primary-brand) 88%);
    min-height: 400px;
    overflow: hidden;
    position: relative;
}

@media only screen and (min-width: 65rem) {
    #landingpage header {
        --header-height: 464px;
    }
}

#landingpage header.tiny {
    --header-height: 140px;
}

@media only screen and (min-width: 65rem) {
    #landingpage header.tiny {
        --header-height: 120px;
    }
}

#landingpage header.short {
    --header-height: 340px;
}

@media only screen and (min-width: 65rem) {
    #landingpage header.short {
        --header-height: 320px;
    }
}

#landingpage header.jumbo {
    --header-height: 600px;
    max-height: fit-content;
}

@media only screen and (min-width: 65rem) {
    #landingpage header.jumbo {
        --header-height: 720px;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage header.jumbo .image {
        align-items: start;
    }
}

#landingpage header.jumbo .image img {
    object-fit: cover;
    object-position: top;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage header.jumbo .image img {
        min-height: var(--header-height);
    }
}

#landingpage header.jumbo .content {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

@media only screen and (min-width: 65rem) {
    #landingpage header.jumbo .content {
        padding-top: 0;
        padding-bottom: 0;
    }
}

#landingpage header.bg-bluegrey {
    background: var(--bluegrey-100);
    background: linear-gradient(129deg, var(--bluegrey-100) 32%, var(--bluegrey-100) 88%);
}

#landingpage header .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage header .container {
        display: flex;
        flex-direction: column;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage header .container {
        flex-direction: row;
        height: var(--header-height);
    }
}

#landingpage header .image {
    display: flex;
    width: 100vw;
    height: 100vw;
    max-height: var(--header-height);
    overflow: hidden;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage header .image {
        width: 100vw;
        height: auto;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage header .image {
        width: 50%;
        height: var(--header-height);
        max-height: none;
        align-items: center;
        overflow: visible;
    }
}

#landingpage header .image img {
    min-width: 100%;
    max-height: var(--header-height);
    height: auto;
    object-fit: cover;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage header .image img {
        height: 75vw;
        object-fit: cover;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage header .image img {
        min-width: 50vw;
        height: auto;
        max-height: none;
        object-fit: cover;
    }
}

#landingpage header.tiny {
    display: flex;
    min-height: var(--header-height);
    align-items: center;
}

@media only screen and (min-width: 65rem) {
    #landingpage header.tiny .container {
        height: var(--header-height);
    }
}

#landingpage header.short {
    min-height: var(--header-height);
}

@media only screen and (min-width: 65rem) {
    #landingpage header.short .container {
        height: var(--header-height);
    }
}

#landingpage header.short .image {
    max-height: var(--header-height);
}

@media only screen and (min-width: 37.5rem) {
    #landingpage header.short .image {
        width: 100vw;
        height: auto;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage header.short .image {
        width: 50%;
        height: var(--header-height);
        max-height: none;
        align-items: center;
        overflow: visible;
    }
}

#landingpage header.short .image img {
    min-width: 100%;
    max-height: var(--header-height);
    height: auto;
    object-fit: cover;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage header.short .image img {
        height: 75vw;
        object-fit: cover;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage header.short .image img {
        min-width: 50vw;
        height: auto;
        max-height: none;
        object-fit: cover;
    }
}

#landingpage header .content {
    order: 2;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    width: 100%;
    text-align: center;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage header .content {
        text-align: left;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

@media only screen and (min-width: 58rem) {
    #landingpage header .content {
        padding-top: 3rem;
        padding-bottom: 3rem;
        padding-right: 5.5rem;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage header .content {
        order: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
}

#landingpage header h1 {
    font-size: 2.6rem;
}

@media only screen and (min-width: 58rem) {
    #landingpage header h1 {
        font-size: 3.5rem;
    }
}

@media only screen and (min-width: 88rem) {
    #landingpage header h1 {
        font-size: 4.25rem;
    }
}

#landingpage header.tiny h1 {
    font-size: 2rem;
}

@media only screen and (min-width: 58rem) {
    #landingpage header.tiny h1 {
        font-size: 2.5rem;
    }
}

@media only screen and (min-width: 88rem) {
    #landingpage header.tiny h1 {
        font-size: 2.5rem;
    }
}

#landingpage header p.subheading {
    font-size: 1.125rem;
    font-weight: 700;
}

@media only screen and (min-width: 58rem) {
    #landingpage header p.subheading {
        font-size: 1.25rem;
    }
}

#landingpage header .divider {
    position: absolute;
    bottom: 0;
}

#landingpage section.get-started-top {
    padding-top: 2rem;
    padding-bottom: 0;
}

#landingpage section.get-started-top .container .container-inner {
    display: flex;
    align-content: center;
    flex-direction: column;
    gap: 1.5rem;
    padding-bottom: 2rem;
    position: relative;
    border-bottom: 2px solid var(--bluegrey-10);
}

@media only screen and (min-width: 37.5rem) {
    #landingpage section.get-started-top .container .container-inner {
        flex-direction: row;
        gap: 2rem;
    }
}

#landingpage section.get-started-top .content {
    display: flex;
    justify-content: center;
}

#landingpage section.get-started-top .content p {
    margin: auto 0;
    font-size: 1.25rem;
    font-weight: 500;
    color: var(--grey-75);
    line-height: 1.3;
    text-wrap: balance;
    text-align: center;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage section.get-started-top .content p {
        text-align: left;
        padding-left: 0;
        padding-right: 0;
    }
}

#landingpage section.get-started-top .div-line {
    display: none;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage section.get-started-top .div-line {
        display: flex;
        width: 1rem;
        height: auto;
        border-left: 2px solid var(--bluegrey-10);
    }
}

#landingpage section.get-started-top .to-complete {
    width: 100%;
    max-width: 250px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    color: var(--grey-75);
    align-self: center;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage section.get-started-top .to-complete {
        width: auto;
        order: 4;
        width: 100%;
        max-width: 250px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0rem;
    }
}

@media only screen and (min-width: 58rem) {
    #landingpage section.get-started-top .to-complete {
        flex-direction: row;
        align-items: center;
        gap: 1rem;
    }
}

#landingpage section.get-started-top .time-container {
    width: 100%;
}

#landingpage section.get-started-top .time-container h2,
#landingpage section.get-started-top .time-container p {
    margin: 0;
    padding: 0;
    line-height: 1.125;
    text-wrap: nowrap;
}

@media only screen and (min-width: 37.5rem) {

    #landingpage section.get-started-top .time-container h2,
    #landingpage section.get-started-top .time-container p {
        text-align: center;
    }
}

@media only screen and (min-width: 58rem) {

    #landingpage section.get-started-top .time-container h2,
    #landingpage section.get-started-top .time-container p {
        text-align: left;
    }
}

#landingpage .sticky-top {
    display: flex;
    grid-column-start: 1;
    grid-column-end: -1;
    position: sticky;
    top: 0;
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    padding-bottom: 1rem;
    padding-top: 1rem;
    background: var(--white);
}

#landingpage .get-started {
    padding-top: 0;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .get-started {
        padding-top: 4rem;
    }
}

#landingpage .get-started .container {
    padding-top: 2rem;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .get-started .container {
        padding-top: 0;
    }
}

#landingpage .get-started .get-started-cta {
    display: none;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .get-started .get-started-cta {
        display: flex;
    }
}

#landingpage .get-started .highlight-col-orange {
    margin-top: 1rem;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .get-started .highlight-col-orange {
        margin-top: 0;
    }
}

#landingpage .get-started .sticky-bottom {
    padding-left: var(--page-margin);
    padding-right: 108px;
    /* this is to avoid the "ask" chat bot */
    padding-bottom: 1rem;
    padding-top: 1rem;
    position: sticky;
    bottom: 0;
    background: var(--white);
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .get-started .sticky-bottom {
        display: none;
    }
}

#landingpage span.divider {
    --start: var(--orange-100);
    --end: transparent;
    display: flex;
    width: 100%;
    height: 8vw;
    max-height: 2rem;
    overflow: hidden;
    background: linear-gradient(to left bottom, var(--start) 50%, var(--end) calc(50% + 1px));
}

#landingpage span.divider.orange-5 {
    --start: var(--orange-5);
}

#landingpage span.divider.orange-10 {
    --start: var(--orange-10);
}

#landingpage span.divider.orange-25 {
    --start: var(--orange-25);
}

#landingpage span.divider.orange-50 {
    --start: var(--orange-50);
}

#landingpage span.divider.orange-75 {
    --start: var(--orange-75);
}

#landingpage span.divider.orange-100 {
    --start: var(--orange-100);
}

#landingpage span.divider.bluegrey-5 {
    --start: var(--bluegrey-5);
}

#landingpage span.divider.bluegrey-10 {
    --start: var(--bluegrey-10);
}

#landingpage span.divider.bluegrey-25 {
    --start: var(--bluegrey-25);
}

#landingpage span.divider.bluegrey-50 {
    --start: var(--bluegrey-50);
}

#landingpage span.divider.bluegrey-75 {
    --start: var(--bluegrey-75);
}

#landingpage span.divider.bluegrey-100 {
    --start: var(--bluegrey-100);
}

#landingpage span.divider.grey-5 {
    --start: var(--grey-5);
}

#landingpage span.divider.grey-10 {
    --start: var(--grey-10);
}

#landingpage span.divider.grey-25 {
    --start: var(--grey-25);
}

#landingpage span.divider.grey-50 {
    --start: var(--grey-50);
}

#landingpage span.divider.grey-75 {
    --start: var(--grey-75);
}

#landingpage span.divider.grey-100 {
    --start: var(--grey-100);
}

#landingpage span.divider.red-100 {
    --start: var(--red-100);
}

#landingpage span.divider.red-50 {
    --start: var(--red-50);
}

#landingpage span.divider.red-15 {
    --start: var(--red-15);
}

#landingpage span.divider.green-100 {
    --start: var(--green-100);
}

#landingpage span.divider.green-50 {
    --start: var(--green-50);
}

#landingpage span.divider.green-15 {
    --start: var(--green-15);
}

#landingpage span.divider.white {
    --start: var(--white);
}

#landingpage span.divider.background-grey {
    --start: var(--background-grey);
}

#landingpage span.divider.background-body {
    --start: var(--background-body);
}

#landingpage span.divider.background-orange {
    --start: var(--background-orange);
}

@media only screen and (min-width: 37.5rem) {
    #landingpage span.divider {
        height: 7vw;
        max-height: 3rem;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage span.divider {
        height: 6vw;
        max-height: 4rem;
    }
}

#landingpage span.divider.flip-horiz {
    background: linear-gradient(to right bottom, var(--start) 50%, var(--end) calc(50% + 1px));
}

#landingpage span.divider.flip-vert {
    background: linear-gradient(to left top, var(--start) 50%, var(--end) calc(50% + 1px));
}

#landingpage span.divider.flip-vert.flip-horiz {
    background: linear-gradient(to right top, var(--start) 50%, var(--end) calc(50% + 1px));
}

#landingpage .section-break {
    position: relative;
    width: 100%;
    height: 16px;
}

#landingpage .hero-block {
    overflow: hidden;
    border-radius: 0;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .hero-block {
        border-radius: var(--radius-lg);
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .hero-block {
        border-radius: var(--radius-lg);
        margin-left: -3rem;
        margin-right: -3rem;
    }
}

@media only screen and (min-width: 88rem) {
    #landingpage .hero-block {
        margin-left: -5rem;
        margin-right: -5rem;
    }
}

#landingpage .hero-block .image {
    grid-column: span 4 / span 4;
    aspect-ratio: 6 / 4;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .hero-block .image {
        grid-column: span 8 / span 8;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .hero-block .image {
        grid-column: span 6 / span 6;
        aspect-ratio: 10 / 9;
    }
}

#landingpage .hero-block .image img {
    width: 100%;
    height: auto;
}

#landingpage .hero-block .content {
    padding: 2rem 1.25rem 1rem;
    grid-column: span 4 / span 4;
    justify-content: center;
    min-height: 18rem;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .hero-block .content {
        padding: 3rem;
        grid-column: span 8 / span 8;
        min-height: 14rem;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .hero-block .content {
        grid-column: span 6 / span 6;
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media only screen and (min-width: 88rem) {
    #landingpage .hero-block .content {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

#landingpage .hero-block.img-end .image {
    order: 2;
}

#landingpage .hero-block-full {
    overflow: hidden;
    position: relative;
    padding: 0;
    margin: 0;
}

#landingpage .hero-block-full .row {
    margin: 0;
    min-height: 120vw;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .hero-block-full .row {
        min-height: 350px;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .hero-block-full .row {
        min-height: 500px;
    }
}

#landingpage .hero-block-full.bg-image .row {
    min-height: 120vw;
    align-content: center;
    padding: 5rem 0;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .hero-block-full.bg-image .row {
        min-height: 500px;
        padding: 0;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .hero-block-full.bg-image .row {
        min-height: 600px;
    }
}

#landingpage .hero-block-full.auto-height .row {
    min-height: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

@media only screen and (min-width: 65rem) {
    #landingpage .hero-block-full.auto-height .row {
        padding-top: 1rem;
        padding-bottom: 2rem;
    }
}

#landingpage .hero-block-full .image {
    position: absolute;
    z-index: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#landingpage .hero-block-full .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.15;
}

#landingpage .hero-block-full .content {
    z-index: 10;
    padding: 1.25rem 2rem;
    grid-column: span 4 / span 4;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-height: 500px;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .hero-block-full .content {
        grid-column: span 8 / span 8;
        padding: 0;
        max-height: 600px;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .hero-block-full .content {
        grid-column: span 10 / span 10;
        grid-column-start: 2;
        padding: 3rem;
    }
}

@media only screen and (min-width: 88rem) {
    #landingpage .hero-block-full .content {
        grid-column: span 8 / span 8;
        grid-column-start: 3;
    }
}

#landingpage .intro-content {
    grid-column: span 4;
    padding: 1.25rem 0;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .intro-content {
        padding: 3rem 0 2rem;
        grid-column: span 8;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .intro-content {
        padding: 4rem 0 3rem;
        grid-column: span 7;
    }
}

#landingpage .intro-content.text-center {
    text-align: center;
    padding: 1.25rem 1rem;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .intro-content.text-center {
        grid-column: 1 / -1;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .intro-content.text-center {
        grid-column: 3 / -3;
    }
}

#landingpage .intro-content.text-center .tagline {
    text-wrap: balance;
}

#landingpage .content-and-image {
    align-items: center;
}

#landingpage .content-and-image .image {
    aspect-ratio: 6 / 4;
    overflow: hidden;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: var(--radius);
    grid-column: span 4;
    object-fit: fill;
    order: 1;
}

@media only screen and (min-width: 65rem) {
    #landingpage .content-and-image .image {
        order: unset;
    }
}

#landingpage .content-and-image .image.col {
    grid-column: span 4;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .content-and-image .image.col {
        grid-column: span 8;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .content-and-image .image.col {
        grid-column: span 5;
    }
}

#landingpage .content-and-image .image img {
    object-fit: cover;
    min-width: 100%;
    height: 100%;
}

#landingpage .content-and-image .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-column: span 4;
    padding: 0rem;
    order: 2;
}

@media only screen and (min-width: 65rem) {
    #landingpage .content-and-image .content {
        order: unset;
    }
}

#landingpage .content-and-image .content.col {
    grid-column: span 4;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .content-and-image .content.col {
        padding: 0 1.25rem;
        grid-column: span 8;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .content-and-image .content.col {
        padding: 2rem;
        grid-column: 7 / -1;
    }
}

#landingpage .content-and-image.img-end .image {
    order: 2;
}

@media only screen and (min-width: 65rem) {
    #landingpage .content-and-image.img-end .image.col {
        grid-column: 8 / -1;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .content-and-image.img-end .content.col {
        grid-column: span 6;
    }
}

#landingpage .video-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    background: var(--bluegrey-25);
    padding-bottom: 56.25%;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .video-wrapper {
        border-radius: var(--radius-lg);
    }
}

#landingpage .video-wrapper>iframe {
    position: absolute;
    top: -0.5%;
    left: -0.5%;
    width: 101%;
    height: 101%;
    border: 0;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .video-wrapper>iframe {
        border-radius: var(--radius-lg);
    }
}

#landingpage .video-wrapper.embedded {
    border-radius: var(--radius-lg);
    background: var(--bluegrey-10);
}

#landingpage .video-wrapper.embedded>iframe {
    top: 0.25rem;
    left: 0.25rem;
    width: calc(100% - 0.5rem);
    height: calc(100% - 0.5rem);
    border-radius: calc(var(--radius-lg) - 0.25rem);
}

#landingpage img.embedded {
    border-radius: var(--radius-lg);
    outline: 0.25rem solid var(--bluegrey-10);
    outline-offset: -0.20rem;
}

#landingpage .content-and-video {
    padding-bottom: 0;
    background: linear-gradient(180deg, var(--bluegrey-10) 0%, var(--white) 60%);
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .content-and-video {
        background: linear-gradient(359deg, var(--bluegrey-10) 0, var(--bluegrey-5) 15%, var(--white) 45%);
    }
}

#landingpage .content-and-video .full-width-video {
    width: 100%;
    margin: 1rem auto 1rem auto;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .content-and-video .full-width-video {
        padding-left: var(--page-margin);
        padding-right: var(--page-margin);
        max-width: var(--container-width);
    }
}

#landingpage .content-and-video .full-width-video .video-wrapper {
    padding-bottom: 56.25%;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .content-and-video .full-width-video .video-wrapper {
        border-radius: var(--radius-lg);
        box-shadow: 0px 0.125rem 0.5rem 0px rgba(109, 119, 136, 0.125), 0px 2rem 8rem 0px rgba(109, 119, 136, 0.5);
    }
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .content-and-video .full-width-video .video-wrapper>iframe {
        border-radius: var(--radius-lg);
    }
}

#landingpage .highlight-col-orange {
    background-color: var(--orange-10);
    border-radius: var(--radius-xl);
    padding: 2rem;
    margin-bottom: 2rem;
}

@media only screen and (min-width: 65rem) {
    #landingpage .highlight-col-orange {
        margin-bottom: 0;
        padding: 3rem;
    }
}

#landingpage .content-card {
    background-color: var(--white);
    border-radius: var(--radius);
    padding: 1.25rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

@media only screen and (min-width: 65rem) {
    #landingpage .content-card {
        padding: 2rem;
    }
}

#landingpage .content-card .image-icon {
    overflow: hidden;
    width: 88px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#landingpage .content-card .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 1rem;
}

#landingpage .content-card .cta-link {
    display: flex;
    margin-top: auto;
    font-size: 1.125rem;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

#landingpage .content-card .cta-link a {
    width: 100%;
    min-height: 2.6rem;
    padding: 0.5rem 2.6rem 0.5rem 0;
}

#landingpage .content-card .cta-link::after {
    content: "\2192";
    color: var(--primary-100);
    padding: 0.5rem;
    display: flex;
    background-color: var(--primary-10);
    width: 2.6rem;
    height: 2.6rem;
    text-align: center;
    padding: 0.5rem 0.75rem;
    border-radius: 3rem;
    pointer-events: none;
    margin-left: -2.6rem;
}

#landingpage .content-card .cta-link:hover::after {
    background-color: var(--hover);
    color: var(--white);
}

#landingpage .social-share {
    padding-top: 1rem;
}

#landingpage .social-share ul {
    margin: 1rem 0 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.64rem;
}

@media only screen and (min-width: 65rem) {
    #landingpage .social-share ul {
        flex-direction: row;
        gap: 2rem;
    }
}

#landingpage .social-share li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#landingpage .social-share li a {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    height: 24px;
    line-height: 24px;
    color: var(--grey-100);
}

#landingpage .social-share li a:hover {
    color: var(--hover);
}

#landingpage .social-share li img {
    margin-right: 0.64rem;
    display: inline-flex;
}

#landingpage .quick-links {
    gap: 2rem;
}

@media only screen and (min-width: 65rem) {
    #landingpage .quick-links {
        column-gap: 4rem;
    }
}

#landingpage .quick-links .col {
    grid-column: span 4;
    display: flex;
    flex-direction: row;
    font-weight: 500;
}

#landingpage .quick-links .col img.sm {
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
    margin-top: 0.25rem;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .quick-links .col img.sm {
        display: none;
    }
}

#landingpage .quick-links .col img.lg {
    display: none;
    width: 3rem;
    height: 3rem;
    margin-right: 1.5rem;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .quick-links .col img.lg {
        display: block;
    }
}

#landingpage .quick-links .col a {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    text-decoration-line: underline;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .features-grid {
        gap: 2rem;
    }
}

#landingpage .features-grid .col {
    grid-column: span 4;
    display: flex;
    flex-direction: row;
}

#landingpage .features-grid .col .feature {
    text-align: center;
    padding-bottom: 1rem;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .features-grid .col .feature {
        padding: 1rem;
    }
}

#landingpage .features-grid .col .feature h4 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.125rem;
}

#landingpage .features-grid .col .feature p {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0.5rem;
    text-wrap: balance;
}

#landingpage .features-grid .col img {
    width: 3rem;
    height: 3rem;
    margin-bottom: 0.5rem;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .features-grid .col img {
        width: 3rem;
        height: 3rem;
    }
}

#landingpage .features-grid .col img.icon {
    width: 4rem;
    height: 4rem;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .features-grid .col img.icon {
        width: 4rem;
        height: 4rem;
    }
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .features-grid-x4 {
        gap: 2rem;
    }
}

#landingpage .features-grid-x4 .col {
    grid-column: span 4;
    display: flex;
    flex-direction: row;
}

@media only screen and (min-width: 65rem) {
    #landingpage .features-grid-x4 .col {
        grid-column: span 3;
    }
}

#landingpage .features-grid-x4 .col .feature {
    text-align: center;
    padding-bottom: 1rem;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .features-grid-x4 .col .feature {
        padding: 1rem;
    }
}

#landingpage .features-grid-x4 .col .feature h4 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.125rem;
}

#landingpage .features-grid-x4 .col .feature p {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0.5rem;
    text-wrap: balance;
    font-size: 1rem;
}

#landingpage .features-grid-x4 .col img {
    width: 5rem;
    height: 5rem;
    margin-bottom: 0.5rem;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .features-grid-x4 .col img {
        width: 5rem;
        height: 5rem;
    }
}

#landingpage .further-reading-grid {
    gap: 2rem;
}

#landingpage .further-reading-grid .col {
    grid-column: span 4;
    display: flex;
    flex-direction: row;
}

#landingpage .further-reading-flex {
    gap: 2rem;
}

#landingpage .further-reading-flex .col {
    display: flex;
    flex-direction: row;
}

#landingpage .further-reading-2up {
    gap: 2rem;
    grid-template-columns: repeat(1, 1fr);
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .further-reading-2up {
        grid-template-columns: repeat(2, 1fr);
    }
}

#landingpage .further-reading-2up .col {
    display: flex;
    flex-direction: row;
    grid-auto-columns: 1;
}

#landingpage .further-reading-intro {
    align-content: center;
    padding-right: 1rem;
}

#landingpage .further-reading {
    padding: 1rem;
    border: 2px solid var(--grey-25);
    border-radius: var(--radius);
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .further-reading {
        padding: 2rem;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .further-reading {
        padding: 2rem;
    }
}

#landingpage .further-reading p:last-of-type {
    margin-bottom: 0;
}

#landingpage .further-reading img {
    width: 3rem;
    height: 3rem;
}

#landingpage .further-reading img.icon {
    width: 4rem;
    height: 4rem;
}

#landingpage .further-reading-image {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    border-radius: var(--radius);
    border: 2px solid var(--bluegrey-10);
    overflow: hidden;
    background-color: var(--white);
}

#landingpage .further-reading-image p:last-of-type {
    margin-bottom: 0;
}

#landingpage .further-reading-image img {
    width: 100%;
    height: auto;
}

#landingpage .further-reading-image .further-reading-inner {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    height: 100%;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .further-reading-image .further-reading-inner {
        padding: 2rem;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .further-reading-image .further-reading-inner {
        padding: 2rem;
    }
}

#landingpage .further-reading-image:hover .further-reading-inner {
    border-color: var(--primary-100);
}

#landingpage .check-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#landingpage .check-list li {
    background-image: url("/-/media/6707cb3832a545219c7ae6933daecd7a.svg");
    background-position: 0 0.15rem;
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    padding: 0 0 1rem 3rem;
    list-style: none;
}

#landingpage .check-list li h4 {
    font-weight: 500;
}

#landingpage .features-list .feature {
    display: flex;
    flex-direction: row;
    align-items: start;
}

#landingpage .features-list .feature .content {
    padding: 0.5rem 0rem 1rem 0.5rem;
    margin-bottom: 1rem;
}

#landingpage .features-list.large-icons {
    gap: 1rem;
    display: flex;
    flex-direction: column;
}

#landingpage .features-list.large-icons .feature {
    align-items: center;
}

#landingpage .features-list.large-icons .feature img {
    margin-bottom: 0;
    margin-right: 1rem;
}

#landingpage .features-list.large-icons .feature .content {
    font-weight: 500;
    margin-bottom: 0;
}

#landingpage .features-list.large-icons .feature .content h4 {
    font-weight: 500;
}

#landingpage .features-list.large-ticks {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    max-width: 42rem;
}

@media only screen and (min-width: 65rem) {
    #landingpage .features-list.large-ticks {
        margin-top: 2rem;
    }
}

#landingpage .features-list.large-ticks .feature {
    align-items: start;
}

#landingpage .features-list.large-ticks .feature img {
    margin-bottom: 0;
    margin-right: 0.6rem;
    margin-left: -0.4rem;
    width: 2.4rem;
    height: 2.4rem;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .features-list.large-ticks .feature img {
        width: 3rem;
        height: 3rem;
        margin-right: 1rem;
    }
}

#landingpage .features-list.large-ticks .feature .content {
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0;
}

#landingpage .features-list.large-ticks .feature .content h4 {
    font-weight: 500;
    text-wrap: balance;
    margin-bottom: 0rem;
}

#landingpage .features-list.large-ticks .feature .content p {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
}

#landingpage .card-group-vertical {
    gap: 2rem;
}

#landingpage .card-group-vertical .card-container {
    grid-column: span 4;
}

@media only screen and (min-width: 65rem) {
    #landingpage .card-group-vertical .card-container {
        grid-column: span 6;
        display: flex;
        justify-content: end;
    }

    #landingpage .card-group-vertical .card-container:last-child {
        justify-content: start;
    }
}

@media only screen and (min-width: 88rem) {
    #landingpage .card-group-vertical .card-container {
        grid-column: span 5;
    }

    #landingpage .card-group-vertical .card-container:first-of-type {
        /* indent first card */
        grid-column: 2 / 7;
    }
}

#landingpage .card-group-vertical .card-container .card {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 495px;
    border-radius: var(--radius);
    outline: 1px solid rgba(22, 32, 38, 0.075);
    outline-offset: -1px;
    box-shadow: 0px 1rem 2rem 0px rgba(206, 209, 215, 0.25), 0px 2px 0.25rem 0px rgba(206, 209, 215, 0.1);
}

#landingpage .card-group-vertical .image {
    aspect-ratio: 6 / 4;
    overflow: hidden;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#landingpage .card-group-vertical .content {
    padding: 1rem;
    flex-grow: 1;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .card-group-vertical .content {
        padding: 2rem;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .card-group-vertical .content {
        padding: 2.5rem;
    }
}

#landingpage .card-group-vertical ul {
    margin-top: 1.5rem;
}

#landingpage .card-group-vertical .footer {
    padding: 0 1rem 1rem;
}

@media only screen and (min-width: 65rem) {
    #landingpage .card-group-vertical .footer {
        padding: 0 2.5rem 2.5rem;
    }
}

#landingpage .card-group-vertical .footer a.button {
    max-width: none;
}

#landingpage .content-page .index {
    grid-column: span 4;
    margin-bottom: 3rem;
}

@media only screen and (min-width: 65rem) {
    #landingpage .content-page .index {
        grid-column: span 3;
        margin-bottom: 0;
    }
}

#landingpage .content-page .sticky-index {
    position: sticky;
    top: 2rem;
    gap: 2rem;
    display: flex;
    flex-direction: column;
}

#landingpage .content-page .sticky-index .sticky-index-inner {
    border: 2px solid var(--primary-100);
    border-left: 0.5rem solid var(--primary-100);
    border-radius: 0.5rem;
    padding: 1.25rem 1.5rem;
    background-color: var(--primary-10);
}

#landingpage .content-page .sticky-index .sticky-index-inner h3 {
    background-color: transparent;
    margin: 0 0 1rem 0;
    border-radius: 0;
}

#landingpage .content-page .sticky-index .sticky-index-inner ul {
    background-color: transparent;
    padding: 0;
    margin: 0 0 0 0;
    list-style: none;
    font-size: 1rem;
}

#landingpage .content-page .sticky-index .sticky-index-inner li {
    padding: 0 0 0.75rem 0;
    list-style: none;
    font-size: 1rem;
}

#landingpage .content-page .sticky-index .sticky-index-inner li:last-of-type {
    padding-bottom: 0;
}

#landingpage .content-page .sticky-index .sticky-index-inner dl {
    background-color: transparent;
    padding: 0;
    margin: 0 0 0 0;
    list-style: none;
    font-size: 1rem;
}

#landingpage .content-page .sticky-index .sticky-index-inner dl div {
    padding-top: 0;
}

#landingpage .content-page .sticky-index .sticky-index-inner dl div:has(dd) {
    padding-bottom: 1.25rem;
}

#landingpage .content-page .sticky-index .sticky-index-inner dl div dt {
    list-style: none;
    font-weight: 600;
    padding: 0 0 0.75rem 0;
}

#landingpage .content-page .sticky-index .sticky-index-inner dl div dt a {
    font-size: 1rem;
    text-decoration: underline solid currentColor;
    text-underline-offset: 2px;
}

#landingpage .content-page .sticky-index .sticky-index-inner dl div dd {
    list-style: disc;
    padding: 0 0 0.5rem 1.25rem;
    position: relative;
    font-size: 1rem;
}

#landingpage .content-page .sticky-index .sticky-index-inner dl div dd a {
    font-size: 1rem;
    text-decoration: underline solid currentColor;
    text-underline-offset: 2px;
}

#landingpage .content-page .sticky-index .sticky-index-inner dl div dd::before {
    font-family: "Helvetica Neue", "Vitesco W05 Roman", Helvetica, Arial, sans-serif;
    /*content: "\221F";*/
    content: ' ';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjUgNEgyLjVWMTJIMS41VjRaIiBmaWxsPSIjMUExQTFBIi8+CjxwYXRoIGQ9Ik0xLjUgMTJMMS41IDExSDYuNVYxMkgxLjVaIiBmaWxsPSIjMUExQTFBIi8+Cjwvc3ZnPgo=");
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    margin-left: -1rem;
    margin-top: 0.125rem;
    height: 1rem;
    width: 1rem;
}

#landingpage .content-page .sticky-index .sticky-index-inner a {
    color: var(--grey-100);
    font-size: 1rem;
}

#landingpage .content-page .sticky-index .sticky-index-inner a:hover {
    color: var(--hover);
}

#landingpage .content-page .sticky-index .sticky-index-inner figure .list {
    display: grid;
    grid-template-rows: 0fr;
    will-change: grid-template-rows;
    transition: grid-template-rows 0.25s ease-out;
    /*
                    border-left: 0.125rem solid var(--grey-75);
                    */
    padding-left: 0.5rem;
}

#landingpage .content-page .sticky-index .sticky-index-inner figure .list ul {
    overflow: hidden;
}

#landingpage .content-page .sticky-index .sticky-index-inner figure .list li {
    padding: 0.5rem 0rem;
}

#landingpage .content-page .sticky-index .sticky-index-inner figcaption {
    font-weight: 700;
    position: relative;
    color: currentColor;
    border-top: 0.125rem solid var(--orange-25);
    margin-top: 1rem;
    padding: 0.5rem 0;
    cursor: pointer;
}

#landingpage .content-page .sticky-index .sticky-index-inner figcaption:before {
    content: "+";
    color: currentColor;
    font-weight: 400;
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 1rem;
    transform: translateY(-50%);
}

#landingpage .content-page .sticky-index .sticky-index-inner figcaption:hover {
    border-color: var(--brown-dark);
    color: var(--brown-dark);
}

#landingpage .content-page .sticky-index .sticky-index-inner figcaption:hover:before {
    color: var(--brown-dark);
}

#landingpage .content-page .sticky-index .sticky-index-inner figure.is-open .list {
    grid-template-rows: 1fr;
}

#landingpage .content-page .sticky-index .sticky-index-inner figure.is-open figcaption::before {
    content: "-";
}

#landingpage .content-page .sticky-index.long .sticky-index-inner {
    background-color: transparent;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    border-left: 0.25rem solid var(--primary-100);
}

#landingpage .content-page .content {
    grid-column: span 4;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .content-page .content {
        grid-column: span 8;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .content-page .content {
        grid-column-end: 13;
    }
}

#landingpage .content-page .content .content-and-image {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .content-page .content .content-and-image {
        gap: 3rem;
        flex-direction: row;
    }
}

#landingpage .content-page .content .content-and-image .image {
    width: 100%;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .content-page .content .content-and-image .image {
        min-width: 40%;
        max-width: 316px;
    }
}

#landingpage .content-page .content .content-and-image .content {
    width: auto;
}

#landingpage .content-page .content .readme {
    padding: 0rem 0 5rem;
    margin-bottom: 3rem;
    border-bottom: 0.125rem solid var(--bluegrey-10);
}

#landingpage .content-page .content .readme:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 1rem;
}

#landingpage .content-page .content .readme h1,
#landingpage .content-page .content .readme h2,
#landingpage .content-page .content .readme h3,
#landingpage .content-page .content .readme h4,
#landingpage .content-page .content .readme h5 {
    margin-bottom: 0.5em;
}

#landingpage .content-page .content .readme-heading {
    padding: 0rem 0 4rem;
}

#landingpage .content-page .content .readme-heading:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 1rem;
}

#landingpage .content-page .content .readme-item {
    padding: 0rem 0 6rem;
    margin-bottom: 0rem;
}

#landingpage .content-page .content .readme-item:last-child {
    margin-bottom: 0;
    padding-bottom: 1rem;
}

@media only screen and (min-width: 65rem) {
    #landingpage .content-page.index-rhs .index {
        grid-column-start: 10;
        grid-column-end: 13;
        grid-row-start: 1;
    }
}

#landingpage .content-page.index-rhs .index .sticky-index.long {
    padding-right: 0;
}

@media only screen and (min-width: 65rem) {
    #landingpage .content-page.index-rhs .content {
        grid-column-start: 1;
        grid-column-end: 9;
        grid-row-start: 1;
    }
}

#landingpage .page-end-cta {
    text-align: center;
}

@media only screen and (min-width: 65rem) {
    #landingpage .page-end-cta {
        text-align: left;
    }
}

#landingpage .page-end-cta a.button {
    font-weight: 700 !important;
}

#landingpage .sociallink.link-external span.link-icon {
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
}

#landingpage .sociallink.link-external span.link-icon::after {
    display: none;
}

#landingpage .fine-print {
    color: var(--grey-75);
}

#landingpage .fine-print p {
    font-size: 0.75rem;
}

#landingpage .fine-print .col {
    padding-top: 1rem;
    border-top: 1px solid var(--grey-10);
}

#landingpage .get-app {
    padding: 0;
    text-align: center;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .get-app {
        text-align: left;
        background-image: linear-gradient(-63deg, var(--bluegrey-25) 50%, var(--bluegrey-10) calc(50% + 1px));
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .get-app.orange {
        background-image: linear-gradient(-63deg, var(--orange-25) 50%, var(--white) calc(50% + 1px));
    }
}

#landingpage .get-app .container {
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .get-app .container {
        background-image: url("https://service.vic.gov.au/-/media/ff9fe084c83e4927af33b4a7ad204cfa.png");
        background-size: 100% auto;
        background-position: bottom right;
        background-repeat: no-repeat;
    }
}

@media only screen and (min-width: 58rem) {
    #landingpage .get-app .container {
        background-image: url("https://service.vic.gov.au/-/media/1fb46727ffb0426584efa5c076c1c63e.png");
        background-size: auto 100%;
        background-position: bottom right;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .get-app .container {
        background-image: url("https://service.vic.gov.au/-/media/ff9fe084c83e4927af33b4a7ad204cfa.png");
        background-size: cover;
        background-position: top right;
    }
}

#landingpage .get-app .col {
    grid-column: span 4 / span 4;
    /* medium: 8 columns */
    /* large: 12 columns */
    /* x-large: 12 columns */
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .get-app .col {
        grid-column: span 4 / span 4;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .get-app .col {
        grid-column: span 6 / span 6;
    }
}

@media only screen and (min-width: 88rem) {
    #landingpage .get-app .col {
        grid-column: span 4 / span 4;
    }
}

#landingpage .get-app .content {
    height: 100%;
    justify-content: space-around;
    display: flex;
    flex-direction: column;
    padding: 4rem 0 0;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .get-app .content {
        padding: 6rem 0;
    }
}

#landingpage .get-app .text {
    padding-left: 3rem;
    padding-right: 3rem;
    margin-bottom: 2rem;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .get-app .text {
        padding-left: var(--page-margin);
        padding-right: 0;
    }
}

#landingpage .get-app .col-center {
    margin: auto;
}

#landingpage .get-app img.phone-sm {
    width: 100%;
    height: auto;
    grid-column: span 4 / span 4;
    margin-top: 2rem;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .get-app img.phone-sm {
        display: none;
    }
}

#landingpage .get-app .cta-text {
    display: none;
}

#landingpage .get-app .cta-text.small {
    display: flex;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .get-app .cta-text {
        display: flex;
        padding-left: var(--page-margin);
        padding-right: var(--page-margin);
    }

    #landingpage .get-app .cta-text.small {
        display: none;
    }
}

#landingpage .get-app .cta-text.medium img {
    border: 2px solid var(--grey-25);
    border-radius: 1.5rem;
}

#landingpage .get-app .appstores {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0 auto;
    align-content: center;
    justify-content: center;
    text-align: center;
}

#landingpage .get-app .appstores a {
    text-align: center;
    width: 100%;
}

#landingpage .get-app .appstores img {
    width: auto;
    height: auto;
    max-height: 60px;
    margin: 0 auto;
}

#landingpage .dynamic-app-link .qr-code {
    flex-direction: column;
    padding-top: 1rem;
}

#landingpage .dynamic-app-link .qr-code img {
    border: 2px solid var(--primary-50);
    border-radius: 1.5rem;
}

#landingpage .dynamic-app-link .qr-code.center {
    text-align: center;
}

#landingpage .dynamic-app-link .qr-code.center img {
    margin-left: auto;
    margin-right: auto;
}

#landingpage .marketing-cta {
    padding-top: 0;
    padding-bottom: 0;
    --gradient-start: var(--primary-50);
    --gradient-mid: var(--primary-25);
    background-color: var(--background-orange);
    /*

		background: linear-gradient(-8deg, var(--gradient-start) 0, var(--gradient-mid) 200px, var(--background-orange) 400px);

		@media only screen and (min-width: 37.5rem) {
			background: radial-gradient(500px 90% at calc(50% + 500px) 100%, var(--gradient-start) 0%, var(--gradient-mid) 70%, var(--background-orange) 100%);
		}
			*/
}

#landingpage .marketing-cta h2 {
    text-wrap: balance;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .marketing-cta .row {
        gap: 4rem;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .marketing-cta .row {
        gap: 1rem;
    }
}

#landingpage .marketing-cta .content {
    grid-column: span 4 / span 4;
    padding-top: 3rem;
    padding-bottom: 2rem;
    align-content: center;
    color: var(--grey-100);
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .marketing-cta .content {
        grid-column: span 4 / span 4;
        padding: 4rem 0;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .marketing-cta .content {
        grid-column-start: 1;
        grid-column-end: 6;
        padding: 6rem 0;
    }
}

@media only screen and (min-width: 88rem) {
    #landingpage .marketing-cta .content {
        grid-column-start: 1;
        grid-column-end: 6;
        padding: 6rem 0;
    }
}

#landingpage .marketing-cta .cta-text {
    display: none;
}

#landingpage .marketing-cta .cta-text.small {
    display: flex;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .marketing-cta .cta-text {
        display: flex;
    }

    #landingpage .marketing-cta .cta-text.small {
        display: none;
    }
}

#landingpage .marketing-cta .cta-text.medium img {
    border: 2px solid var(--grey-25);
    border-radius: 1.5rem;
}

#landingpage .marketing-cta .appstores {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0 auto;
    align-content: center;
    justify-content: center;
    text-align: center;
}

#landingpage .marketing-cta .appstores a {
    text-align: center;
    width: 100%;
}

#landingpage .marketing-cta .appstores img {
    width: auto;
    height: auto;
    max-height: 60px;
    margin: 0 auto;
}

#landingpage .marketing-cta .text {
    margin-bottom: 2rem;
    text-align: center;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .marketing-cta .text {
        text-align: left;
    }
}

#landingpage .marketing-cta .divider {
    position: absolute;
    margin-top: -23px;
    height: 24px;
    max-height: 24px;
    z-index: 720;
    display: flex;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .marketing-cta .divider {
        position: absolute;
        margin-top: -31px;
        height: 32px;
        max-height: 32px;
        z-index: 900;
        display: flex;
    }
}

@media only screen and (min-width: 58rem) {
    #landingpage .marketing-cta .divider {
        margin-top: -47px;
        height: 48px;
        max-height: 48px;
    }
}

#landingpage .marketing-cta .image {
    align-content: end;
    grid-column: span 4 / span 4;
    margin-left: calc(var(--page-margin) * -1);
    margin-right: calc(var(--page-margin) * -1);
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .marketing-cta .image {
        grid-column: span 4/ span 4;
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .marketing-cta .image {
        grid-column-start: 7;
        grid-column-end: 13;
        grid-column-end: -1;
    }
}

#landingpage .marketing-cta .image .image-container {
    position: sticky;
    bottom: 0;
    display: flex;
    flex-direction: column;
    margin-top: auto;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .marketing-cta .image .image-container {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .marketing-cta .image .image-container {
        padding-top: 0;
        padding-bottom: 0;
    }
}

#landingpage .marketing-cta .image img {
    width: 100%;
    height: auto;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .marketing-cta .image img {
        display: none;
    }
}

#landingpage .marketing-cta .image img.lg {
    display: none;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .marketing-cta .image img.lg {
        display: inline;
    }
}

#landingpage .marketing-cta.img-left {
    background: linear-gradient(8deg, var(--gradient-start) 0, var(--gradient-mid) 200px, var(--grey-5) 400px);
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .marketing-cta.img-left {
        background: radial-gradient(800px 90% at calc(50% + 800px) 100%, var(--gradient-start) 0%, var(--gradient-mid) 26%, var(--grey-5) 100%);
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .marketing-cta.img-left {
        background: radial-gradient(800px 90% at calc(50% - 800px) 100%, var(--gradient-start) 0%, var(--gradient-mid) 26%, var(--grey-5) 100%);
    }
}

#landingpage .marketing-cta.img-left .content {
    grid-column: span 4 / span 4;
    order: 2;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .marketing-cta.img-left .content {
        grid-column: span 5 / span 5;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .marketing-cta.img-left .content {
        grid-column: span 6 / span 6;
        grid-column-end: -1;
    }
}

#landingpage .marketing-cta.img-left .image {
    grid-column: span 4 / span 4;
    order: 3;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .marketing-cta.img-left .image {
        grid-column: span 3 / span 3;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .marketing-cta.img-left .image {
        grid-column: span 5 / span 5;
        order: 1;
    }
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .marketing-cta.img-top .image {
        align-content: start;
        padding-top: 2rem;
    }
}

#landingpage .marketing-cta.img-top .image .image-container {
    top: 0;
    bottom: auto;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .marketing-cta.img-top .image .image-container {
        padding-top: 2rem;
        padding-bottom: 4rem;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .marketing-cta.img-top .image .image-container {
        padding-top: 4rem;
        padding-bottom: 6rem;
    }
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .marketing-cta.img-center .image {
        align-content: center;
    }
}

#landingpage .marketing-cta .content-short p {
    color: var(--bluegrey-100);
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: var(--letter-spacing);
}

#landingpage .marketing-cta .content-details {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows 0.5s ease, opacity 0.5s ease;
}

#landingpage .marketing-cta .content-details.show {
    opacity: 1;
    grid-template-rows: 1fr;
}

#landingpage .marketing-cta .content-details .content-details-inner {
    overflow: hidden;
}

#landingpage .marketing-cta .toggle-details {
    display: inline-flex;
    flex-direction: row;
    align-items: start;
    margin-top: 1rem;
    border-radius: 0;
    font-size: 1.125rem;
    padding: 0 0.25rem 0 0;
    border-bottom: 3px solid var(--orange-100);
    cursor: pointer;
    height: 2rem;
    color: var(--bluegrey-100);
    font-weight: 500;
}

#landingpage .marketing-cta .toggle-details:before {
    content: '+';
    position: relative;
    display: inline-flex;
    padding: 0;
    color: var(--orange-100);
    font-size: 2rem;
    font-weight: 400;
    height: 2rem;
    width: 1.5rem;
    line-height: 1.25rem;
    vertical-align: top;
    padding-top: 2px;
}

#landingpage .marketing-cta .toggle-details.hide:before {
    content: '-';
    color: var(--bluegrey-100);
}

#landingpage .marketing-cta .cta-block {
    display: block;
    margin-top: 4rem;
}

#landingpage .marketing-cta .cta-block a.marketing-cta {
    background-color: var(--bluegrey-100);
    display: flex;
    margin-top: 1.6rem;
    max-width: 220px;
}

#landingpage .marketing-cta .cta-block a.marketing-cta:hover {
    background-color: var(--highlight-light);
    color: var(--bluegrey-100);
}

#landingpage .marketing-cta .cta-block .pills {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 440px;
}

#landingpage .marketing-cta .cta-block .pills .pill {
    list-style: none;
    display: inline-flex;
    border: 1px solid var(--bluegrey-50);
    color: var(--bluegrey-100);
    height: 2rem;
    line-height: 1.88rem;
    padding: 0 1.5rem;
    margin: 0 0.5rem 0.5rem 0;
    border-radius: 1rem;
    font-size: 1.125rem;
    font-weight: 500;
}

#landingpage .col-split-lg {
    grid-column: span 4 / span 4;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .col-split-lg {
        grid-column: span 8 / span 8;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .col-split-lg {
        grid-column: span 5 / span 5;
    }

    #landingpage .col-split-lg:last-of-type {
        grid-column: span 6 / span 6;
        grid-column-end: -1;
    }
}

#landingpage .cald-banner {
    padding-top: 0;
}

#landingpage .cald-banner .cald-banner-inner {
    background-color: var(--bluegrey-5);
    border-radius: var(--radius-lg);
    padding: 1rem;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .cald-banner .cald-banner-inner {
        padding: 2rem;
    }
}

#landingpage .cald-banner .cald-banner-inner.bg-white {
    background-color: var(--white);
}

#landingpage .cald-banner .image {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: start;
    grid-column: span 4;
    object-fit: fill;
}

#landingpage .cald-banner .image.col {
    grid-column: span 4;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .cald-banner .image.col {
        grid-column: span 8;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .cald-banner .image.col {
        grid-column: span 2;
    }
}

#landingpage .cald-banner .image img {
    width: 100%;
    max-width: 7rem;
    height: auto;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .cald-banner .image img {
        max-width: 10rem;
    }
}

#landingpage .cald-banner .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-column: span 4;
    padding: 0rem;
}

#landingpage .cald-banner .content.col {
    grid-column: span 4;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .cald-banner .content.col {
        grid-column: span 8;
    }
}

@media only screen and (min-width: 65rem) {
    #landingpage .cald-banner .content.col {
        grid-column: span 10;
    }
}

#landingpage .cald-banner .content p {
    text-wrap: pretty;
}

#landingpage .cald-banner .cald-inline {
    padding: 0;
    margin: 0;
}

@media only screen and (min-width: 65rem) {
    #landingpage .cald-banner .cald-inline {
        padding: 0;
        margin: 0;
    }
}

#landingpage .cald-banner .cald-inline li {
    padding: 0.25rem 0 0.5rem;
    margin: 0 0 0.25rem 0;
    display: flex;
    border-bottom: 1px solid var(--bluegrey-10);
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .cald-banner .cald-inline li {
        display: inline-flex;
        border-bottom: none;
        padding: 0.125rem 0;
        margin: 0;
    }
}

#landingpage .cald-banner .cald-inline li.dot {
    display: none;
}

@media only screen and (min-width: 37.5rem) {
    #landingpage .cald-banner .cald-inline li.dot {
        display: inline-flex;
        font-size: 1.25rem;
        color: var(--grey-25);
        padding: 0 0.25rem;
        line-height: 1;
    }
}

#landingpage .cald-banner .cald-inline li a {
    padding: 0 0.25rem;
    position: relative;
    direction: ltr;
    font-size: 1rem;
}


.navigator-thumbinator .thumbinator-form .ctrl .is-thumbs-down+label[for="feedback-bad"]::before {
    transform: scaleY(-1) translateX(-35px);
    -webkit-transform: scaleY(-1) translateX(-35px);
    -ms-transform: scaleY(-1) translateX(-35px);
    background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%22596.917 0.019 1565.083 1639.809%22%3E%3Cpath d%3D%22M1520.563 60.725c9.253 0 22.9-2.293 31.023 1.278 4.022 1.768 10.09 1.592 14.476 2.719 5.846 1.502 11.685 2.95 17.423 4.837 19.83 6.524 38.454 17.597 54.307 31.12 15.487 13.21 28.81 28.882 38.565 46.79 10.313 18.935 15.656 39.202 20.942 59.935 5.438 21.33 6.397 44.45 6.553 66.378.158 22.094-1.357 45.119-6.279 66.644-4.716 20.626-9.55 40.627-17.272 60.421-8.124 20.823-19.252 40.622-29.217 60.595-9.631 19.303-18.846 38.775-28.171 58.222-9.034 18.838-17.956 38.783-24.129 58.77-6.09 19.72-11.492 40.319-10.548 61.155.3 6.63 1.042 21.013 7.093 25.293 3.045 2.152 8.778.943 12.213.872 6.377-.132 12.75-.39 19.122-.664 46.156-1.98 92.468-1.798 138.661-1.742 45.614.055 91.168.327 136.706 3.246 22.506 1.444 45.473 2.387 67.765 5.908 20.108 3.175 39.549 8.596 55.7 21.558 15.697 12.596 29.253 29.27 40.94 45.546 11.874 16.54 23.23 34.922 30.152 54.157 3.218 8.942 6.893 18.637 7.878 28.133 1.101 10.62-.965 19.257-6.22 28.48-10.132 17.781-24.422 32.933-35.49 50.126-5.583 8.673-9.693 17.283-8.127 27.857 1.575 10.629 6.979 20.636 12.171 29.892 9.83 17.52 21.52 34.124 30.47 52.127 4.114 8.276 7.985 17.604 7.16 27.031-.873 9.971-6.896 18.98-12.749 26.78-12.395 16.517-27.395 30.905-39.722 47.482-5.754 7.736-11.442 16.167-11.772 26.147-.349 10.58 2.444 20.917 6.013 30.783 7.359 20.347 17.403 40.346 23.221 61.171 6.097 21.818-.474 39.715-13.589 57.382-12.592 16.965-28.89 30.98-43.835 45.787-14.408 14.275-27.154 28.667-27.001 50.026.078 10.965.159 21.93.265 32.894.107 11.05 1.443 22.939-1.663 33.7-5.489 19.013-21.404 36.128-34.737 50.115-14.46 15.169-30.637 28.789-47.772 40.833-17.229 12.11-34.815 20.514-55.194 25.638-20.921 5.26-42.941 7.833-64.431 9.682-90.568 7.796-181.67 2.407-272.32-.816-44.748-1.59-89.675-4.466-134.243-8.845-10.273-1.01-20.537-1.433-30.82-2.177-10.144-.735-20.514-3.37-30.52-5.204-21.054-3.86-42.13-7.698-63.139-11.787-42.794-8.328-85.759-15.862-128.62-23.852-21.616-4.03-43.25-7.954-64.874-11.94-10.515-1.938-21.033-3.88-31.52-5.964-3.214-.638-6.578-1.077-7.177-4.895-.922-5.876-.113-12.464-.11-18.409.09-185.77.086-371.539.087-557.308v-33.438c0-2.712-.873-7.27.696-9.68 1.835-2.821 9.785-1.37 12.482-1.384 9.85-.055 19.896.807 29.61-1.186 9.93-2.037 19.051-6.662 27.528-12.106 34.091-21.898 59.65-57.769 81.01-91.489 23.28-36.752 43.927-75.44 62.133-114.943 18.337-39.788 34.385-80.533 51.877-120.697 17.024-39.092 48.256-65.273 80.857-91.255 16.483-13.136 32.667-26.548 46.32-42.7 13.802-16.33 24.984-34.827 33.761-54.297 18.117-40.185 30.142-84.311 36.223-127.968 6.213-44.611 12.6-89.2 14.965-134.246.392-7.456 1.608-14.582 7.37-19.875 2.448-2.247 5.388-3.894 8.488-5.06 2.417-.908 7.75-1.01 9.035-3.583 9.871 0-.79 1.582 0 0zM654.164 898.269v602.91c2.952.6 3.069 7.43 3.902 9.69 5.868 15.91 20.754 29.584 36.645 35.103 9.34 3.244 18.812 3.296 28.58 3.303 11.044.007 22.088.012 33.132.014 46.016.011 92.033-.01 138.05.01 19.08.008 36.949-6.92 49.56-21.655 13.44-15.707 14.566-34.7 14.561-54.456-.012-46.62-.02-93.24-.025-139.86-.01-93.242-.013-186.482-.025-279.723-.005-46.373 1.154-92.918-.086-139.273-.534-19.973-7.438-38.352-23.344-51.113-15.417-12.368-33.585-13.338-52.507-13.38-46.4-.105-92.8-.138-139.2-.006-20.993.06-42.73-1.966-61.138 10.064-7.417 4.848-13.948 11.045-18.71 18.549a57.975 57.975 0 0 0-5.407 10.953c-.757 2.047-1.295 8.409-3.988 8.87 0 200.97 1.578-.27 0 0z%22 fill%3D%22%233C4A60%22/%3E%3C/svg%3E');
}

.navigator-thumbinator .thumbinator-form .ctrl .is-thumbs-down:checked+label[for="feedback-bad"]::before {
    transform: scaleY(-1) translateX(-35px);
    -webkit-transform: scaleY(-1) translateX(-35px);
    -ms-transform: scaleY(-1) translateX(-35px);
    background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%22596.917 0.019 1565.083 1639.809%22%3E%3Cpath d%3D%22M1520.563 60.725c9.253 0 22.9-2.293 31.023 1.278 4.022 1.768 10.09 1.592 14.476 2.719 5.846 1.502 11.685 2.95 17.423 4.837 19.83 6.524 38.454 17.597 54.307 31.12 15.487 13.21 28.81 28.882 38.565 46.79 10.313 18.935 15.656 39.202 20.942 59.935 5.438 21.33 6.397 44.45 6.553 66.378.158 22.094-1.357 45.119-6.279 66.644-4.716 20.626-9.55 40.627-17.272 60.421-8.124 20.823-19.252 40.622-29.217 60.595-9.631 19.303-18.846 38.775-28.171 58.222-9.034 18.838-17.956 38.783-24.129 58.77-6.09 19.72-11.492 40.319-10.548 61.155.3 6.63 1.042 21.013 7.093 25.293 3.045 2.152 8.778.943 12.213.872 6.377-.132 12.75-.39 19.122-.664 46.156-1.98 92.468-1.798 138.661-1.742 45.614.055 91.168.327 136.706 3.246 22.506 1.444 45.473 2.387 67.765 5.908 20.108 3.175 39.549 8.596 55.7 21.558 15.697 12.596 29.253 29.27 40.94 45.546 11.874 16.54 23.23 34.922 30.152 54.157 3.218 8.942 6.893 18.637 7.878 28.133 1.101 10.62-.965 19.257-6.22 28.48-10.132 17.781-24.422 32.933-35.49 50.126-5.583 8.673-9.693 17.283-8.127 27.857 1.575 10.629 6.979 20.636 12.171 29.892 9.83 17.52 21.52 34.124 30.47 52.127 4.114 8.276 7.985 17.604 7.16 27.031-.873 9.971-6.896 18.98-12.749 26.78-12.395 16.517-27.395 30.905-39.722 47.482-5.754 7.736-11.442 16.167-11.772 26.147-.349 10.58 2.444 20.917 6.013 30.783 7.359 20.347 17.403 40.346 23.221 61.171 6.097 21.818-.474 39.715-13.589 57.382-12.592 16.965-28.89 30.98-43.835 45.787-14.408 14.275-27.154 28.667-27.001 50.026.078 10.965.159 21.93.265 32.894.107 11.05 1.443 22.939-1.663 33.7-5.489 19.013-21.404 36.128-34.737 50.115-14.46 15.169-30.637 28.789-47.772 40.833-17.229 12.11-34.815 20.514-55.194 25.638-20.921 5.26-42.941 7.833-64.431 9.682-90.568 7.796-181.67 2.407-272.32-.816-44.748-1.59-89.675-4.466-134.243-8.845-10.273-1.01-20.537-1.433-30.82-2.177-10.144-.735-20.514-3.37-30.52-5.204-21.054-3.86-42.13-7.698-63.139-11.787-42.794-8.328-85.759-15.862-128.62-23.852-21.616-4.03-43.25-7.954-64.874-11.94-10.515-1.938-21.033-3.88-31.52-5.964-3.214-.638-6.578-1.077-7.177-4.895-.922-5.876-.113-12.464-.11-18.409.09-185.77.086-371.539.087-557.308v-33.438c0-2.712-.873-7.27.696-9.68 1.835-2.821 9.785-1.37 12.482-1.384 9.85-.055 19.896.807 29.61-1.186 9.93-2.037 19.051-6.662 27.528-12.106 34.091-21.898 59.65-57.769 81.01-91.489 23.28-36.752 43.927-75.44 62.133-114.943 18.337-39.788 34.385-80.533 51.877-120.697 17.024-39.092 48.256-65.273 80.857-91.255 16.483-13.136 32.667-26.548 46.32-42.7 13.802-16.33 24.984-34.827 33.761-54.297 18.117-40.185 30.142-84.311 36.223-127.968 6.213-44.611 12.6-89.2 14.965-134.246.392-7.456 1.608-14.582 7.37-19.875 2.448-2.247 5.388-3.894 8.488-5.06 2.417-.908 7.75-1.01 9.035-3.583 9.871 0-.79 1.582 0 0zM654.164 898.269v602.91c2.952.6 3.069 7.43 3.902 9.69 5.868 15.91 20.754 29.584 36.645 35.103 9.34 3.244 18.812 3.296 28.58 3.303 11.044.007 22.088.012 33.132.014 46.016.011 92.033-.01 138.05.01 19.08.008 36.949-6.92 49.56-21.655 13.44-15.707 14.566-34.7 14.561-54.456-.012-46.62-.02-93.24-.025-139.86-.01-93.242-.013-186.482-.025-279.723-.005-46.373 1.154-92.918-.086-139.273-.534-19.973-7.438-38.352-23.344-51.113-15.417-12.368-33.585-13.338-52.507-13.38-46.4-.105-92.8-.138-139.2-.006-20.993.06-42.73-1.966-61.138 10.064-7.417 4.848-13.948 11.045-18.71 18.549a57.975 57.975 0 0 0-5.407 10.953c-.757 2.047-1.295 8.409-3.988 8.87 0 200.97 1.578-.27 0 0z%22 fill%3D%22%23e3710a%22/%3E%3C/svg%3E');
}