@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,700;1,800;1,900&family=Inter:wght@400;500;600;700;800&display=swap');


/* =========================================================
   K1 ATHLETICS
   PUBLIC WEBSITE
   ========================================================= */

:root {
    --k1-black: #0D0D0F;
    --k1-red: #E11B22;
    --k1-charcoal: #33363A;
    --k1-silver: #9FA3A8;
    --k1-white: #FFFFFF;

    --k1-surface: #F5F5F6;
    --k1-border: #D8DADD;

    --k1-text: #17181A;
    --k1-muted: #686C72;

    --k1-success: #197A4A;

    --k1-shadow:
        0 22px 65px
        rgba(13, 13, 15, .12);
}


/* =========================================================
   RESET / BASE
   ========================================================= */

* {
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
}


body {
    margin: 0;

    color: var(--k1-text);

    background: #ffffff;

    font-family:
        Inter,
        Arial,
        sans-serif;

    -webkit-font-smoothing:
        antialiased;
}


a {
    color: inherit;
}


/* =========================================================
   PUBLIC HEADER
   ========================================================= */

.k1-public-nav {
    position: sticky;

    top: 0;

    z-index: 9999;

    background:
        rgba(
            13,
            13,
            15,
            .96
        );

    -webkit-backdrop-filter:
        blur(12px);

    backdrop-filter:
        blur(12px);

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            .08
        );
}


.k1-public-nav .navbar {
    position: relative;

    z-index: 1;

    min-height: 78px;
}


/* =========================================================
   K1 PUBLIC LOGO
   ========================================================= */

.k1-logo {
    display: inline-flex;

    align-items: center;

    gap: 13px;

    color: #ffffff;

    text-decoration: none;
}


.k1-logo:hover,
.k1-logo:focus {
    color: #ffffff;
}


.k1-logo-mark {
    font:
        italic
        900
        42px / 1
        "Barlow Condensed",
        Arial,
        sans-serif;

    letter-spacing: -3px;
}


.k1-logo-mark strong {
    color: var(--k1-red);
}


.k1-logo-copy {
    display: flex;

    flex-direction: column;

    line-height: 1;
}


.k1-logo-copy b {
    font:
        italic
        800
        16px / 1.1
        "Barlow Condensed",
        Arial,
        sans-serif;

    letter-spacing: .16em;
}


.k1-logo-copy small {
    margin-top: 5px;

    color: var(--k1-red);

    font:
        800
        8px / 1.4
        Inter,
        Arial,
        sans-serif;

    letter-spacing: .14em;
}


/* =========================================================
   PUBLIC NAVIGATION
   ========================================================= */

.k1-public-nav .k1-nav-link {
    position: relative;

    display: inline-flex;

    align-items: center;

    padding-left: .15rem;
    padding-right: .15rem;

    color:
        rgba(
            255,
            255,
            255,
            .72
        ) !important;

    font-size: .93rem;

    font-weight: 700;

    text-decoration: none;

    transition:
        color .18s ease;
}


.k1-public-nav .k1-nav-link:hover,
.k1-public-nav .k1-nav-link:focus {
    color: #ffffff !important;
}


/* Active-page underline */

.k1-public-nav .k1-nav-link::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;

    bottom: -.7rem;

    height: 3px;

    border-radius: 999px;

    background:
        var(--k1-red);

    transform:
        scaleX(0);

    transform-origin:
        center;

    transition:
        transform .18s ease;
}


.k1-public-nav .k1-nav-link.active {
    color: #ffffff !important;
}


.k1-public-nav .k1-nav-link.active::after {
    transform:
        scaleX(1);
}


/* Ensure all header controls are clickable */

.k1-public-nav a,
.k1-public-nav button {
    position: relative;

    z-index: 2;

    pointer-events: auto;
}


/* =========================================================
   GIVING NAV ITEM
   ========================================================= */

.k1-public-nav .k1-nav-giving {
    display: inline-flex;

    align-items: center;

    gap: .55rem;

    font-weight: 700;
}


.k1-public-nav .k1-nav-giving-heart {
    color: var(--k1-red);

    font-size: 1.3rem;

    line-height: 1;

    transition:
        color .18s ease,
        transform .18s ease;
}


.k1-public-nav
.k1-nav-giving:hover
.k1-nav-giving-heart,

.k1-public-nav
.k1-nav-giving:focus
.k1-nav-giving-heart {
    color: #ff2b33;

    transform:
        scale(1.08);
}


/* =========================================================
   BUTTONS
   ========================================================= */

.btn-k1 {
    padding:
        .78rem
        1.2rem;

    border-color:
        var(--k1-red);

    border-radius:
        10px;

    background:
        var(--k1-red);

    color: #ffffff;

    font-weight: 800;
}


.btn-k1:hover,
.btn-k1:focus {
    border-color:
        #c9151b;

    background:
        #c9151b;

    color: #ffffff;
}


.btn-k1-dark {
    border-color:
        var(--k1-black);

    border-radius:
        10px;

    background:
        var(--k1-black);

    color: #ffffff;

    font-weight: 800;
}


.btn-k1-dark:hover {
    border-color:
        #26272a;

    background:
        #26272a;

    color: #ffffff;
}


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

.k1-hero {
    position: relative;

    overflow: hidden;

    padding:
        90px
        0
        86px;

    background:
        radial-gradient(
            circle at 75% 16%,
            rgba(225, 27, 34, .18),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #0D0D0F 0%,
            #17181A 58%,
            #292b2f 100%
        );

    color: #ffffff;
}


.k1-hero::after {
    content: "K1";

    position: absolute;

    right: -2vw;

    bottom: -10vw;

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

    font:
        italic
        900
        min(38vw, 600px) / .8
        "Barlow Condensed",
        Arial,
        sans-serif;

    letter-spacing: -.08em;

    pointer-events: none;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.k1-eyebrow {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    color:
        var(--k1-red);

    font:
        italic
        800
        .78rem / 1
        "Barlow Condensed",
        Arial,
        sans-serif;

    letter-spacing:
        .18em;

    text-transform:
        uppercase;
}


.k1-eyebrow::before {
    content: "";

    width: 28px;

    height: 3px;

    background:
        var(--k1-red);
}


/* =========================================================
   HOMEPAGE HERO COPY
   ========================================================= */

.k1-display {
    margin:
        .8rem
        0
        1.3rem;

    font:
        italic
        900
        clamp(
            3rem,
            6vw,
            5.7rem
        ) / .9
        "Barlow Condensed",
        Arial,
        sans-serif;

    letter-spacing:
        -.035em;

    text-transform:
        uppercase;
}


.k1-display .red {
    color:
        var(--k1-red);
}


.k1-hero-copy {
    max-width: 650px;

    color:
        #c8c9cd;

    font-size:
        1.1rem;

    line-height:
        1.75;
}


.k1-hero-actions {
    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    margin-top:
        30px;
}


.k1-hero-actions .btn {
    padding:
        .9rem
        1.25rem;
}


/* =========================================================
   TRUST ROW
   ========================================================= */

.k1-trust-row {
    display: flex;

    flex-wrap: wrap;

    gap: 20px;

    margin-top:
        34px;

    color:
        #b9bbc0;

    font-size:
        .86rem;

    font-weight:
        600;
}


.k1-trust-row span {
    display: flex;

    align-items: center;

    gap: 8px;
}


.k1-check {
    display: grid;

    width: 19px;

    height: 19px;

    place-items: center;

    border-radius:
        50%;

    background:
        rgba(
            225,
            27,
            34,
            .17
        );

    color:
        #ff6b70;

    font-size:
        12px;
}


/* =========================================================
   HERO DASHBOARD CARD
   ========================================================= */

.k1-hero-card {
    position: relative;

    z-index: 2;

    padding: 28px;

    border-radius:
        22px;

    background:
        #ffffff;

    color:
        var(--k1-text);

    box-shadow:
        0
        35px
        90px
        rgba(
            0,
            0,
            0,
            .28
        );
}


.k1-hero-card .top {
    display: flex;

    align-items: center;

    justify-content:
        space-between;

    margin-bottom:
        18px;

    padding-bottom:
        18px;

    border-bottom:
        1px solid
        #ececef;
}


.k1-mini-logo {
    font:
        italic
        900
        28px / 1
        "Barlow Condensed";
}


.k1-mini-logo strong {
    color:
        var(--k1-red);
}


.k1-pill {
    display: inline-flex;

    align-items: center;

    padding:
        6px
        10px;

    border-radius:
        99px;

    background:
        #eef8f2;

    color:
        var(--k1-success);

    font-size:
        .72rem;

    font-weight:
        800;
}


.k1-dashboard-row {
    display: grid;

    grid-template-columns:
        54px
        1fr
        auto;

    align-items: center;

    gap: 13px;

    padding:
        14px
        0;

    border-bottom:
        1px solid
        #eeeeee;
}


.k1-dashboard-row:last-child {
    border-bottom: 0;
}


.k1-dashboard-icon {
    display: grid;

    width: 48px;

    height: 48px;

    place-items: center;

    border-radius:
        14px;

    background:
        #f2f2f3;

    color:
        var(--k1-red);

    font-weight:
        900;
}


.k1-dashboard-row b {
    display: block;

    font-size:
        .9rem;
}


.k1-dashboard-row small {
    color:
        var(--k1-muted);
}


/* =========================================================
   STANDARD PUBLIC SECTIONS
   ========================================================= */

.k1-section {
    padding:
        82px
        0;
}


.k1-section-soft {
    background:
        var(--k1-surface);
}


.k1-section-title {
    margin:
        .6rem
        0
        1rem;

    font:
        italic
        900
        clamp(
            2rem,
            4vw,
            3.2rem
        ) / 1
        "Barlow Condensed",
        Arial,
        sans-serif;

    letter-spacing:
        -.02em;

    text-transform:
        uppercase;
}


.k1-section-intro {
    max-width:
        680px;

    color:
        var(--k1-muted);

    font-size:
        1.04rem;

    line-height:
        1.75;
}


/* =========================================================
   FEATURE CARDS
   ========================================================= */

.k1-feature-card {
    height: 100%;

    padding:
        28px;

    border:
        1px solid
        #e3e4e6;

    border-radius:
        18px;

    background:
        #ffffff;

    box-shadow:
        0
        10px
        30px
        rgba(
            13,
            13,
            15,
            .04
        );
}


.k1-feature-number {
    color:
        var(--k1-red);

    font:
        italic
        900
        2rem / 1
        "Barlow Condensed";
}


.k1-feature-card h3 {
    margin:
        16px
        0
        8px;

    font-size:
        1.05rem;

    font-weight:
        800;
}


.k1-feature-card p {
    margin: 0;

    color:
        var(--k1-muted);

    font-size:
        .92rem;

    line-height:
        1.65;
}


/* =========================================================
   FREE PLAN BAND
   ========================================================= */

.k1-free-band {
    padding:
        38px;

    border-radius:
        22px;

    background:
        var(--k1-black);

    color:
        #ffffff;
}


.k1-free-band h2 {
    font:
        italic
        900
        2.5rem / 1
        "Barlow Condensed";

    text-transform:
        uppercase;
}


.k1-free-band p {
    color:
        #c8c9cd;
}


.k1-free-price {
    font:
        italic
        900
        4rem / 1
        "Barlow Condensed";
}


.k1-free-price span {
    color:
        #b9bbc0;

    font:
        600
        1rem
        Inter;
}


.k1-not-trial {
    margin-top:
        16px;

    padding:
        13px
        15px;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .13
        );

    border-radius:
        10px;

    background:
        rgba(
            255,
            255,
            255,
            .055
        );

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

    font-size:
        .92rem;
}


.k1-not-trial strong {
    color:
        #ffffff;
}


.k1-free-forever-label {
    margin-top:
        3px;

    color:
        #9ea1a6;

    font-size:
        .68rem;

    font-weight:
        850;

    letter-spacing:
        .1em;
}


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

.k1-footer {
    padding:
        38px
        0;

    border-top:
        4px solid
        var(--k1-red);

    background:
        #09090a;

    color:
        #aeb0b5;
}


.k1-footer a {
    color:
        #d7d8da;

    text-decoration:
        none;
}


.k1-footer a:hover,
.k1-footer a:focus {
    color:
        #ffffff;
}


.k1-footer-links {
    display: flex;

    flex-wrap: wrap;

    align-items: center;
}


/* =========================================================
   HOMEPAGE ANCHOR POSITIONING
   ========================================================= */

#platform,
#free {
    scroll-margin-top:
        95px;
}


/* =========================================================
   ONBOARDING
   ========================================================= */

.k1-onboard-body {
    min-height:
        100vh;

    background:
        linear-gradient(
            135deg,
            #f5f5f6 0%,
            #ffffff 58%,
            #f2f2f3 100%
        );
}


.k1-onboard-nav {
    padding:
        18px
        0;

    background:
        var(--k1-black);
}


.k1-onboard-nav
.k1-logo-mark {
    font-size:
        34px;
}


.k1-onboard-nav
.k1-logo-copy b {
    font-size:
        13px;
}


.k1-onboard-shell {
    padding:
        48px
        0
        80px;
}


.k1-onboard-card {
    overflow:
        hidden;

    width:
        min(
            100%,
            760px
        );

    margin:
        auto;

    border:
        1px solid
        #e3e4e6;

    border-radius:
        22px;

    background:
        #ffffff;

    box-shadow:
        var(--k1-shadow);
}


.k1-onboard-head {
    padding:
        30px
        34px
        20px;

    border-bottom:
        1px solid
        #ececef;
}


.k1-onboard-body-inner {
    padding:
        32px
        34px
        36px;
}


.k1-progress {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            1fr
        );

    gap:
        8px;

    margin-bottom:
        28px;
}


.k1-progress span {
    height:
        5px;

    border-radius:
        99px;

    background:
        #e3e4e7;
}


.k1-progress span.active {
    background:
        var(--k1-red);
}


.k1-step-label {
    color:
        var(--k1-red);

    font-size:
        .72rem;

    font-weight:
        800;

    letter-spacing:
        .14em;

    text-transform:
        uppercase;
}


.k1-onboard-title {
    margin:
        .55rem
        0
        .7rem;

    font:
        italic
        900
        clamp(
            2rem,
            5vw,
            3rem
        ) / 1
        "Barlow Condensed";

    text-transform:
        uppercase;
}


.k1-onboard-copy {
    margin: 0;

    color:
        var(--k1-muted);

    line-height:
        1.65;
}


/* =========================================================
   FORMS
   ========================================================= */

.k1-form-label {
    margin-bottom:
        .45rem;

    font-size:
        .88rem;

    font-weight:
        800;
}


.k1-form-control,
.k1-form-select {
    min-height:
        50px;

    padding:
        .82rem
        .95rem;

    border:
        1px solid
        #ced0d4;

    border-radius:
        11px;
}


.k1-form-control:focus,
.k1-form-select:focus {
    border-color:
        #8b8e94;

    box-shadow:
        0
        0
        0
        .2rem
        rgba(
            225,
            27,
            34,
            .09
        );
}


.k1-form-hint {
    margin-top:
        .45rem;

    color:
        #7a7d82;

    font-size:
        .78rem;
}


/* =========================================================
   ONBOARDING INFO
   ========================================================= */

.k1-info-box {
    padding:
        16px
        18px;

    border:
        1px solid
        #e4e5e7;

    border-radius:
        14px;

    background:
        #f6f6f7;

    color:
        #5c5f64;

    font-size:
        .86rem;

    line-height:
        1.55;
}


.k1-info-box strong {
    color:
        var(--k1-text);
}


/* =========================================================
   CHOICES
   ========================================================= */

.k1-choice-grid {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        );

    gap:
        12px;
}


.k1-choice input {
    position:
        absolute;

    opacity: 0;

    pointer-events:
        none;
}


.k1-choice label {
    display:
        block;

    height:
        100%;

    padding:
        17px;

    border:
        1px solid
        #d9dbde;

    border-radius:
        14px;

    background:
        #ffffff;

    cursor:
        pointer;

    transition:
        .18s;
}


.k1-choice label strong {
    display:
        block;

    font-size:
        .91rem;
}


.k1-choice label small {
    display:
        block;

    margin-top:
        4px;

    color:
        var(--k1-muted);

    line-height:
        1.4;
}


.k1-choice
input:checked + label {
    border-color:
        var(--k1-red);

    background:
        #fff8f8;

    box-shadow:
        0
        0
        0
        2px
        rgba(
            225,
            27,
            34,
            .10
        );
}


/* =========================================================
   ONBOARDING ACTIONS
   ========================================================= */

.k1-onboard-actions {
    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap:
        12px;

    margin-top:
        28px;
}


.k1-onboard-actions .btn {
    min-height:
        48px;

    padding:
        .72rem
        1.2rem;
}


.k1-back {
    color:
        #62656a;

    font-size:
        .9rem;

    font-weight:
        700;

    text-decoration:
        none;
}


.k1-back:hover {
    color:
        #111111;
}


/* =========================================================
   EMAIL / CODE / SUMMARY
   ========================================================= */

.k1-email-chip {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    margin-top:
        14px;

    padding:
        8px
        12px;

    border-radius:
        99px;

    background:
        #f1f2f3;

    font-size:
        .84rem;

    font-weight:
        700;
}


.k1-dot {
    width:
        8px;

    height:
        8px;

    border-radius:
        50%;

    background:
        var(--k1-success);
}


.k1-code {
    font-size:
        1.5rem;

    font-weight:
        800;

    letter-spacing:
        .32em;

    text-align:
        center;
}


.k1-summary {
    overflow:
        hidden;

    border:
        1px solid
        #e2e3e5;

    border-radius:
        14px;
}


.k1-summary-row {
    display:
        flex;

    justify-content:
        space-between;

    gap:
        24px;

    padding:
        13px
        16px;

    border-bottom:
        1px solid
        #ededee;

    font-size:
        .88rem;
}


.k1-summary-row:last-child {
    border-bottom:
        0;
}


.k1-summary-row span {
    color:
        var(--k1-muted);
}


.k1-summary-row strong {
    text-align:
        right;
}


.k1-success-mark {
    display:
        grid;

    width:
        64px;

    height:
        64px;

    place-items:
        center;

    margin-bottom:
        18px;

    border-radius:
        50%;

    background:
        #edf8f2;

    color:
        var(--k1-success);

    font-size:
        29px;

    font-weight:
        900;
}


/* =========================================================
   TABLET / MOBILE NAVIGATION
   ========================================================= */

@media (
    max-width:
    991.98px
) {

    .k1-public-nav
    .k1-nav-link {
        display:
            flex;

        width:
            100%;

        padding:
            .75rem
            0;
    }


    .k1-public-nav
    .k1-nav-link::after {
        left:
            0;

        right:
            auto;

        bottom:
            .2rem;

        width:
            36px;

        transform:
            scaleX(0);

        transform-origin:
            left;
    }


    .k1-public-nav
    .k1-nav-link.active::after {
        transform:
            scaleX(1);
    }


    .k1-public-nav
    .k1-nav-giving {
        display:
            flex;
    }

}


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

@media (
    max-width:
    767.98px
) {

    .k1-hero {
        padding:
            64px
            0;
    }


    .k1-hero-card {
        margin-top:
            38px;
    }


    .k1-section {
        padding:
            62px
            0;
    }


    .k1-choice-grid {
        grid-template-columns:
            1fr;
    }


    .k1-onboard-shell {
        padding:
            24px
            12px
            55px;
    }


    .k1-onboard-head,
    .k1-onboard-body-inner {
        padding-left:
            22px;

        padding-right:
            22px;
    }


    .k1-onboard-actions {
        align-items:
            stretch;

        flex-direction:
            column-reverse;
    }


    .k1-onboard-actions .btn {
        width:
            100%;
    }


    .k1-back {
        padding:
            10px;

        text-align:
            center;
    }


    .k1-summary-row {
        flex-direction:
            column;

        gap:
            3px;
    }


    .k1-summary-row strong {
        text-align:
            left;
    }


    .k1-footer-links {
        gap:
            .25rem
            0;
    }

}

/* =========================================================
   K1 PUBLIC HERO SYSTEM
========================================================= */

.k1-page-hero,
.k1-platform-hero {
    position: relative;

    min-height: 620px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background: #0d0d0f;

    isolation: isolate;
}


/* =========================================================
   SHARED BACKGROUND IMAGE
========================================================= */

.k1-page-hero-bg,
.k1-platform-hero-background {
    position: absolute;

    inset: 0;

    z-index: 0;

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

    opacity: .72;

    pointer-events: none;
}


/*
|--------------------------------------------------------------------------
| Platform image
|--------------------------------------------------------------------------
*/

.k1-platform-hero-background {
    background-image:
        url("/assets/images/platform/platform-hero.png");
}


/*
|--------------------------------------------------------------------------
| Page-specific image
|--------------------------------------------------------------------------
|
| Free / About / Giving pass the image through:
|
| style="--k1-hero-image:url('/assets/images/free/free-hero.png');"
|
*/

.k1-page-hero-bg {
    background-image:
        var(--k1-hero-image);
}


/* =========================================================
   DARK OVERLAY
========================================================= */

.k1-platform-hero-overlay,
.k1-page-hero::after {
    position: absolute;

    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(8, 8, 10, .92) 0%,
            rgba(8, 8, 10, .84) 24%,
            rgba(8, 8, 10, .62) 42%,
            rgba(8, 8, 10, .28) 60%,
            rgba(8, 8, 10, .08) 78%,
            rgba(8, 8, 10, .03) 100%
        ),
        linear-gradient(
            0deg,
            rgba(8, 8, 10, .22) 0%,
            transparent 28%,
            transparent 76%,
            rgba(8, 8, 10, .16) 100%
        );
}


/*
|--------------------------------------------------------------------------
| Pseudo element needed for shared heroes
|--------------------------------------------------------------------------
*/

.k1-page-hero::after {
    content: "";
}


/* =========================================================
   HERO CONTENT ABOVE BACKGROUND
========================================================= */

.k1-page-hero > .container,
.k1-platform-hero > .container {
    position: relative;

    z-index: 2;

    width: 100%;
}


.k1-page-hero .k1-display,
.k1-platform-hero .k1-display {
    max-width: 760px;
}


.k1-page-hero .k1-hero-copy,
.k1-platform-hero .k1-hero-copy {
    max-width: 650px;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {

    .k1-page-hero,
    .k1-platform-hero {
        min-height: 640px;
    }

}


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

@media (max-width: 991.98px) {

    .k1-page-hero,
    .k1-platform-hero {
        min-height: 580px;
    }


    .k1-page-hero-bg,
    .k1-platform-hero-background {
        background-position: 60% center;

        opacity: .62;
    }


    .k1-platform-hero-overlay,
    .k1-page-hero::after {
        background:
            linear-gradient(
                90deg,
                rgba(8, 8, 10, .94) 0%,
                rgba(8, 8, 10, .84) 45%,
                rgba(8, 8, 10, .52) 72%,
                rgba(8, 8, 10, .28) 100%
            ),
            linear-gradient(
                0deg,
                rgba(8, 8, 10, .22) 0%,
                transparent 30%,
                transparent 75%,
                rgba(8, 8, 10, .18) 100%
            );
    }

}


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

@media (max-width: 575.98px) {

    .k1-page-hero,
    .k1-platform-hero {
        min-height: 560px;
    }


    .k1-page-hero-bg,
    .k1-platform-hero-background {
        background-position: 65% center;

        opacity: .48;
    }


    .k1-platform-hero-overlay,
    .k1-page-hero::after {
        background:
            linear-gradient(
                90deg,
                rgba(8, 8, 10, .94) 0%,
                rgba(8, 8, 10, .84) 65%,
                rgba(8, 8, 10, .68) 100%
            ),
            linear-gradient(
                0deg,
                rgba(8, 8, 10, .28) 0%,
                transparent 35%,
                transparent 70%,
                rgba(8, 8, 10, .20) 100%
            );
    }


    .k1-page-hero .k1-display,
    .k1-platform-hero .k1-display {
        max-width: 100%;
    }


    .k1-page-hero .k1-hero-copy,
    .k1-platform-hero .k1-hero-copy {
        max-width: 100%;
    }

}

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

.k1-footer-copyright {
    color: rgba(255, 255, 255, 0.65);
}

.k1-footer-tagline {
    margin-left: 0.35rem;
}

.k1-footer-always {
    color: #e11b22 !important;
    font-weight: 800;
}

/* K1 Live public navigation */
.k1-nav-live{display:inline-flex;align-items:center;gap:.42rem}.k1-nav-live-dot{width:7px;height:7px;border-radius:50%;background:#e11b22;box-shadow:0 0 0 4px rgba(225,27,34,.12)}

/*
|--------------------------------------------------------------------------
| WCYFCA Floating Logo
|--------------------------------------------------------------------------
*/

.wcyfca-floating-logo {
    position: fixed;

    right: 20px;
    bottom: 20px;

    z-index: 1040;

    width: 72px;
    height: 72px;

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

    padding: 4px;

    border:
        1px solid
        rgba(255, 255, 255, .20);

    border-radius: 50%;

    background:
        rgba(7, 8, 10, .94);

    box-shadow:
        0 10px 28px
        rgba(0, 0, 0, .42);

    backdrop-filter:
        blur(8px);

    -webkit-backdrop-filter:
        blur(8px);

    text-decoration: none;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}


.wcyfca-floating-logo:hover {
    transform:
        translateY(-3px)
        scale(1.06);

    border-color:
        rgba(223, 23, 31, .7);

    box-shadow:
        0 14px 34px
        rgba(0, 0, 0, .52);
}


.wcyfca-floating-logo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;

    border-radius: 50%;
}


/*
|--------------------------------------------------------------------------
| Phone
|--------------------------------------------------------------------------
*/

@media (max-width: 575.98px) {

    .wcyfca-floating-logo {
        right: 14px;
        bottom: 14px;

        width: 60px;
        height: 60px;

        padding: 3px;
    }

}