.elementor-9132 .elementor-element.elementor-element-a24bf84{--display:flex;}body.elementor-page-9132:not(.elementor-motion-effects-element-type-background), body.elementor-page-9132 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F4F7;}/* Start custom CSS *//* =========================================================
   WFFM — HOLDING PAGE
   NEW WFFM DESIGN
========================================================= */


/* =========================================================
   VARIABLES
========================================================= */

.wffm-page {

    --purple:#6845C7;
    --purple-dark:#4F339B;
    --purple-soft:#9A83DD;

    --black:#211E27;
    --background:#F7F6F8;
    --background-dark:#E5E3E9;

    --white:#FFFFFF;

    --muted:#6E6A75;

    min-height:100vh;

    display:flex;
    flex-direction:column;

    background:var(--background);
    color:var(--black);

    font-family:"Lato", Arial, sans-serif;

    overflow:hidden;
}


/* =========================================================
   SHARED SITE HEADER
========================================================= */

.wffm-page .site-header {

    width:100%;

    margin:0;
    padding:0;

    background:var(--background);

    border-bottom:1px solid var(--background-dark);

    color:var(--black);
}


/* Header container */

.wffm-page .site-header .container {

    width:100%;
    max-width:1320px;

    height:72px;

    margin:0 auto;
    padding:0 42px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    box-sizing:border-box;
}


/* =========================================================
   LOGO
========================================================= */

.wffm-page .logo {

    display:inline-block;

    margin:0;
    padding:0;

    color:var(--black);

    font-family:"Lato", Arial, sans-serif;

    font-size:22px;
    line-height:1;

    font-weight:900;

    letter-spacing:-.7px;

    text-decoration:none !important;

    transition:color .2s ease;
}

.wffm-page .logo:hover {

    color:var(--purple);

    text-decoration:none !important;
}


/* =========================================================
   DESKTOP NAVIGATION
========================================================= */

.wffm-page #primary-nav {

    display:flex;

    align-items:center;

    gap:30px;

    margin:0;
    padding:0;
}


/* Nav links */

.wffm-page #primary-nav .nav-link {

    position:relative;

    display:inline-block;

    margin:0;
    padding:8px 0;

    color:var(--muted);

    font-family:"Lato", Arial, sans-serif;

    font-size:10px;
    line-height:1;

    font-weight:900;

    letter-spacing:1.3px;

    text-transform:uppercase;

    text-decoration:none !important;

    transition:color .2s ease;
}


/* Underline */

.wffm-page #primary-nav .nav-link::after {

    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:0;
    height:2px;

    background:var(--purple);

    transition:width .2s ease;
}


/* Hover */

.wffm-page #primary-nav .nav-link:hover {

    color:var(--black);

    text-decoration:none !important;
}

.wffm-page #primary-nav .nav-link:hover::after {

    width:100%;
}


/* Active */

.wffm-page #primary-nav .nav-link.is-active {

    color:var(--black);
}

.wffm-page #primary-nav .nav-link.is-active::after {

    width:100%;
}


/* =========================================================
   BURGER
========================================================= */

.wffm-page .burger {

    width:42px;
    height:42px;

    margin:0;
    padding:0;

    display:none;

    align-items:center;
    justify-content:center;

    flex-direction:column;

    gap:6px;

    background:var(--white);

    border:1px solid var(--background-dark);

    border-radius:9px;

    color:var(--black);

    cursor:pointer;
}


/* Burger lines */

.wffm-page .burger span {

    width:17px;
    height:2px;

    display:block;

    background:var(--black);

    transition:
        transform .2s ease,
        opacity .2s ease;
}


/* Open state */

.wffm-page .burger.is-open span:first-child {

    transform:
        translateY(4px)
        rotate(45deg);
}

.wffm-page .burger.is-open span:last-child {

    transform:
        translateY(-4px)
        rotate(-45deg);
}


/* =========================================================
   MOBILE BACKDROP
========================================================= */

.wffm-page .menu-backdrop {

    position:fixed;

    inset:0;

    z-index:150;

    background:rgba(33,30,39,.42);

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    transition:
        opacity .25s ease,
        visibility .25s ease;
}

.wffm-page .menu-backdrop.is-open {

    opacity:1;

    visibility:visible;

    pointer-events:auto;
}


/* =========================================================
   MAIN
========================================================= */

.wffm-main {

    width:100%;
    max-width:1320px;

    margin:0 auto;

    padding:100px 42px 90px;

    box-sizing:border-box;

    flex:1;
}


/* =========================================================
   HERO
========================================================= */

.wffm-hero {

    max-width:1100px;
}


.wffm-hero h1 {

    max-width:1050px;

    margin:0;
    padding:0;

    color:var(--black);

    font-family:"Lato", Arial, sans-serif;

    font-size:clamp(64px,9vw,126px);

    line-height:.9;

    font-weight:900;

    letter-spacing:-6px;
}


.wffm-hero h1 span {

    display:block;

    color:var(--purple);
}


.wffm-intro {

    max-width:650px;

    margin:38px 0 0;

    color:var(--muted);

    font-family:"Lato", Arial, sans-serif;

    font-size:21px;

    line-height:1.55;

    font-weight:400;
}


/* =========================================================
   ABOUT / DATA SECTION
========================================================= */

.wffm-data {

    margin-top:120px;

    padding:52px;

    display:grid;

    grid-template-columns:.9fr 1.1fr;

    gap:90px;

    box-sizing:border-box;

    background:var(--white);

    border-radius:26px;
}


/* Heading */

.wffm-data-heading {

    max-width:480px;
}


.wffm-section-label {

    display:inline-block;

    margin-bottom:20px;

    color:var(--purple);

    font-size:10px;

    line-height:1;

    font-weight:900;

    letter-spacing:1.7px;

    text-transform:uppercase;
}


.wffm-data-heading h2 {

    margin:0;
    padding:0;

    color:var(--black);

    font-size:clamp(34px,4vw,50px);

    line-height:.98;

    font-weight:900;

    letter-spacing:-2px;
}


/* Copy */

.wffm-data-copy {

    align-self:center;

    max-width:590px;
}


.wffm-data-copy p {

    margin:0 0 20px;

    color:var(--muted);

    font-size:18px;

    line-height:1.65;

    font-weight:400;
}


.wffm-data-copy p:last-child {

    margin-bottom:0;
}


/* =========================================================
   LAUNCH
========================================================= */

.wffm-launch {

    position:relative;

    margin-top:30px;

    padding:52px 52px 56px;

    box-sizing:border-box;

    background:var(--purple);

    color:var(--white);

    border-radius:26px;

    overflow:hidden;
}


/* =========================================================
   LAUNCH DECORATION
========================================================= */

.wffm-launch::before {

    content:"";

    position:absolute;

    width:520px;
    height:520px;

    right:-220px;
    top:-260px;

    border-radius:50%;

    border:70px solid rgba(255,255,255,.09);

    pointer-events:none;
}


.wffm-launch::after {

    content:"";

    position:absolute;

    width:300px;
    height:300px;

    right:-120px;
    bottom:-180px;

    border-radius:50%;

    background:var(--purple-dark);

    opacity:.45;

    pointer-events:none;
}


/* =========================================================
   LAUNCH LABEL
========================================================= */

.wffm-launch-label {

    position:relative;

    z-index:2;

    margin-bottom:13px;

    color:var(--white);

    font-size:11px;

    line-height:1;

    font-weight:900;

    letter-spacing:2px;

    text-transform:uppercase;
}


/* =========================================================
   LAUNCH DATE
========================================================= */

.wffm-launch-date {

    position:relative;

    z-index:2;

    color:var(--white);

    font-size:clamp(58px,8vw,112px);

    line-height:.88;

    font-weight:900;

    letter-spacing:-5px;
}


.wffm-launch-date span {

    display:inline-block;

    color:var(--purple-soft);
}


/* =========================================================
   LAUNCH DIVIDER
========================================================= */

.wffm-launch-line {

    position:relative;

    z-index:2;

    width:100%;

    height:2px;

    margin-top:48px;

    background:rgba(255,255,255,.25);
}


/* =========================================================
   LAUNCH DESCRIPTION
========================================================= */

.wffm-launch p {

    position:relative;

    z-index:2;

    margin:17px 0 0;

    color:rgba(255,255,255,.88);

    font-size:13px;

    line-height:1.5;

    font-weight:700;
}


/* =========================================================
   RESOURCES
========================================================= */

.wffm-resources {

    margin-top:115px;
}


.wffm-resources-heading {

    max-width:700px;

    margin-bottom:45px;
}


.wffm-resources-heading .wffm-section-label {

    margin-bottom:15px;
}


.wffm-resources-heading h2 {

    margin:0 0 14px;
    padding:0;

    color:var(--black);

    font-size:clamp(42px,5vw,62px);

    line-height:.92;

    font-weight:900;

    letter-spacing:-3px;
}


.wffm-resources-heading p {

    max-width:580px;

    margin:0;

    color:var(--muted);

    font-size:17px;

    line-height:1.6;
}


/* =========================================================
   RESOURCE LIST
========================================================= */

.wffm-resource-list {

    border-top:2px solid var(--black);
}


/* =========================================================
   RESOURCE ROW
========================================================= */

.wffm-resource {

    position:relative;

    min-height:125px;

    padding:25px 90px 25px 0;

    display:grid;

    grid-template-columns:145px minmax(0,720px);

    align-items:center;

    box-sizing:border-box;

    border-bottom:1px solid var(--background-dark);

    background:transparent;

    color:var(--black) !important;

    text-decoration:none !important;

    transition:
        background .2s ease,
        padding-left .2s ease;
}


/* Remove Elementor link styling */

.wffm-resource,
.wffm-resource:hover,
.wffm-resource:focus,
.wffm-resource:visited {

    text-decoration:none !important;
}


/* =========================================================
   RESOURCE META
========================================================= */

.wffm-resource-meta {

    display:flex;

    flex-direction:column;

    gap:7px;
}


.wffm-resource-meta span {

    color:var(--purple);

    font-size:12px;

    line-height:1;

    font-weight:900;
}


/* =========================================================
   RESOURCE CONTENT
========================================================= */

.wffm-resource-main h3 {

    margin:0 0 8px;
    padding:0;

    color:var(--black) !important;

    font-size:clamp(24px,3vw,32px);

    line-height:1;

    font-weight:900;

    letter-spacing:-1.2px;

    text-decoration:none !important;
}


.wffm-resource-main p {

    margin:0;

    color:var(--muted) !important;

    font-size:15px;

    line-height:1.5;

    text-decoration:none !important;
}


/* =========================================================
   RESOURCE ARROW
========================================================= */

.wffm-resource-arrow {

    position:absolute;

    right:15px;
    top:50%;

    width:44px;
    height:44px;

    display:flex;

    align-items:center;
    justify-content:center;

    transform:translateY(-50%);

    border-radius:50%;

    background:var(--purple);

    color:var(--white) !important;

    font-size:20px;

    line-height:1;

    text-decoration:none !important;

    transition:
        transform .2s ease,
        background .2s ease;
}


/* =========================================================
   RESOURCE HOVER
========================================================= */

.wffm-resource:hover {

    padding-left:15px;

    background:var(--white);

    color:var(--black) !important;
}


.wffm-resource:hover .wffm-resource-arrow {

    background:var(--purple-dark);

    transform:
        translate(5px,-50%);
}


/* =========================================================
   FOOTER
========================================================= */

.wffm-footer {

    width:100%;
    max-width:1320px;

    margin:0 auto;

    padding:25px 42px;

    display:flex;

    align-items:center;
    justify-content:space-between;

    box-sizing:border-box;

    border-top:1px solid var(--background-dark);

    color:var(--muted);

    font-size:10px;

    line-height:1;

    font-weight:800;

    letter-spacing:.8px;

    text-transform:uppercase;
}


/* =========================================================
   FOOTER LINK
========================================================= */

.wffm-footer-link {

    color:var(--black);

    font-size:10px;

    font-weight:900;

    letter-spacing:.8px;

    text-transform:uppercase;

    text-decoration:none !important;

    transition:color .2s ease;
}


.wffm-footer-link:hover {

    color:var(--purple);

    text-decoration:none !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:1000px) {

    .wffm-data {

        grid-template-columns:1fr;

        gap:45px;
    }


    .wffm-resource {

        grid-template-columns:
            120px
            minmax(0,1fr);
    }

}


/* =========================================================
   MOBILE HEADER
========================================================= */

@media (max-width:768px) {

    .wffm-page .site-header .container {

        height:64px;

        padding:0 22px;
    }


    .wffm-page .logo {

        font-size:21px;
    }


    /* Mobile navigation */

    .wffm-page #primary-nav {

        position:fixed;

        top:64px;
        right:-100%;

        z-index:200;

        width:260px;

        height:calc(100vh - 64px);

        padding:25px 22px;

        box-sizing:border-box;

        display:flex;

        flex-direction:column;

        align-items:flex-start;

        gap:8px;

        background:var(--white);

        box-shadow:
            -12px 0 35px rgba(33,30,39,.08);

        transition:right .25s ease;
    }


    .wffm-page #primary-nav.is-open {

        right:0;
    }


    .wffm-page #primary-nav .nav-link {

        width:100%;

        padding:12px 0;

        font-size:11px;

        color:var(--black);
    }


    /* Burger */

    .wffm-page .burger {

        display:flex;

        position:relative;

        z-index:210;
    }


    /* =====================================================
       MAIN
    ===================================================== */

    .wffm-main {

        padding:
            55px
            22px
            60px;
    }


    /* =====================================================
       HERO
    ===================================================== */

    .wffm-hero h1 {

        font-size:
            clamp(
                52px,
                16vw,
                82px
            );

        letter-spacing:-4px;
    }


    .wffm-intro {

        margin-top:28px;

        font-size:18px;
    }


    /* =====================================================
       ABOUT
    ===================================================== */

    .wffm-data {

        margin-top:75px;

        padding:30px;

        border-radius:20px;
    }


    .wffm-data-heading h2 {

        font-size:35px;
    }


    .wffm-data-copy p {

        font-size:16px;
    }


    /* =====================================================
       LAUNCH
    ===================================================== */

    .wffm-launch {

        padding:
            38px
            30px
            42px;

        border-radius:20px;
    }


    .wffm-launch-date {

        font-size:
            clamp(
                48px,
                14vw,
                76px
            );

        letter-spacing:-3px;
    }


    .wffm-launch-line {

        margin-top:35px;
    }


    .wffm-launch::before {

        width:300px;
        height:300px;

        right:-150px;
        top:-150px;

        border-width:45px;
    }


    /* =====================================================
       RESOURCES
    ===================================================== */

    .wffm-resources {

        margin-top:80px;
    }


    .wffm-resources-heading {

        margin-bottom:32px;
    }


    .wffm-resources-heading h2 {

        font-size:40px;

        letter-spacing:-2px;
    }


    .wffm-resources-heading p {

        font-size:16px;
    }


    /* Resource rows */

    .wffm-resource {

        min-height:120px;

        padding:
            22px
            55px
            22px
            0;

        grid-template-columns:
            65px
            minmax(0,1fr);
    }


    .wffm-resource:hover {

        padding-left:8px;
    }


    .wffm-resource-main h3 {

        font-size:22px;

        letter-spacing:-.7px;
    }


    .wffm-resource-main p {

        font-size:13px;
    }


    .wffm-resource-arrow {

        right:2px;

        width:37px;
        height:37px;

        font-size:17px;
    }


    /* =====================================================
       FOOTER
    ===================================================== */

    .wffm-footer {

        padding:
            20px
            22px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width:480px) {

    .wffm-main {

        padding:
            48px
            20px
            55px;
    }


    .wffm-hero h1 {

        font-size:52px;

        letter-spacing:-3px;
    }


    .wffm-intro {

        font-size:17px;
    }


    .wffm-data {

        padding:26px;

        border-radius:18px;
    }


    .wffm-data-heading h2 {

        font-size:32px;
    }


    .wffm-launch {

        padding:
            34px
            26px
            38px;

        border-radius:18px;
    }


    .wffm-launch-date {

        font-size:48px;

        letter-spacing:-2.5px;
    }


    .wffm-resources-heading h2 {

        font-size:38px;
    }


    .wffm-resource {

        grid-template-columns:
            60px
            minmax(0,1fr);
    }


    .wffm-resource-main h3 {

        font-size:21px;
    }


    .wffm-resource-main p {

        font-size:13px;
    }

}/* End custom CSS */