/* ==========================================================================
   Haxter Corporation Challenger
   H27-HX26-MS
   ========================================================================== */

.hxchallenger_page {
    --hxchallenger_blue: #0067b8;
    --hxchallenger_blue_hover: #005da6;
    --hxchallenger_navy: #07162b;
    --hxchallenger_black: #0b0b0c;
    --hxchallenger_text: #171717;
    --hxchallenger_muted: #62666d;
    --hxchallenger_border: #e3e5e7;
    --hxchallenger_soft: #f6f7f8;
    --hxchallenger_white: #ffffff;

    width: 100%;
    background: var(--hxchallenger_white);
    color: var(--hxchallenger_text);
    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        "Elms Sans",
        Arial,
        sans-serif;
}

.hxchallenger_page,
.hxchallenger_page * {
    box-sizing: border-box;
}

.hxchallenger_page a {
    font-family: inherit !important;
}


/* ==========================================================================
   Product Header
   ========================================================================== */

.hxchallenger_header {
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid var(--hxchallenger_border);
    position: sticky;
    top: 0;
    z-index: 80;
}

.hxchallenger_header_inner {
    width: min(1460px, calc(100% - 64px));
    min-height: 82px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 42px;
}

.hxchallenger_brand {
    color: #000000 !important;
    font-size: 27px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    letter-spacing: -0.035em;
    text-decoration: none !important;
}

.hxchallenger_nav {
    display: flex;
    align-items: center;
    gap: 28px;
}

.hxchallenger_nav a,
.hxchallenger_header_link {
    color: #41464d !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}

.hxchallenger_nav a:hover,
.hxchallenger_header_link:hover {
    color: var(--hxchallenger_blue) !important;
}

.hxchallenger_header_actions {
    display: flex;
    align-items: center;
    gap: 18px;
}

.hxchallenger_header_primary {
    min-height: 42px;
    padding: 0 18px;

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

    background: #000000;
    border: 1px solid #000000;

    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

.hxchallenger_header_primary:hover {
    background: var(--hxchallenger_blue);
    border-color: var(--hxchallenger_blue);
}


/* ==========================================================================
   Shared
   ========================================================================== */

.hxchallenger_eyebrow,
.hxchallenger_section_header > p,
.hxchallenger_dark_label {
    margin: 0 0 18px;

    color: var(--hxchallenger_blue);

    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 0.085em;
    text-transform: uppercase;
}

.hxchallenger_dark_label {
    color: #8fc4ea;
}

.hxchallenger_button {
    min-height: 48px;
    padding: 0 22px;

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

    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

.hxchallenger_button_primary {
    color: #ffffff !important;
    background: #000000;
    border: 1px solid #000000;
}

.hxchallenger_button_primary:hover {
    background: var(--hxchallenger_blue);
    border-color: var(--hxchallenger_blue);
}

.hxchallenger_button_secondary {
    color: #171717 !important;
    background: #ffffff;
    border: 1px solid #cfd2d5;
}

.hxchallenger_button_secondary:hover {
    color: var(--hxchallenger_blue) !important;
    border-color: var(--hxchallenger_blue);
}

.hxchallenger_inline_link {
    color: var(--hxchallenger_blue) !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

.hxchallenger_inline_link:hover {
    text-decoration: underline !important;
    text-underline-offset: 4px;
}


/* ==========================================================================
   Hero
   ========================================================================== */

.hxchallenger_hero {
    width: 100%;
    background:
        radial-gradient(
            circle at 84% 30%,
            rgba(0, 103, 184, 0.09),
            transparent 34%
        ),
        linear-gradient(
            90deg,
            #ffffff 0%,
            #ffffff 58%,
            #f5f9fc 100%
        );
}

.hxchallenger_hero_inner {
    width: min(1460px, calc(100% - 80px));
    min-height: 690px;
    margin: 0 auto;
    padding: 104px 0 96px;

    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(410px, 0.88fr);
    gap: 94px;
    align-items: center;
}

.hxchallenger_hero_content {
    max-width: 900px;
}

.hxchallenger_hero h1 {
    margin: 0;

    max-width: 950px;

    color: #000000;

    font-size: clamp(56px, 6.5vw, 96px);
    line-height: 0.96;
    font-weight: 300;
    letter-spacing: -0.06em;
}

.hxchallenger_hero_lead {
    max-width: 790px;
    margin: 34px 0 0;

    color: #4d5259;

    font-size: 20px;
    line-height: 1.58;
    font-weight: 300;
}

.hxchallenger_hero_actions {
    margin-top: 34px;

    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}


/* ==========================================================================
   Hero Verification Module
   ========================================================================== */

.hxchallenger_verification {
    width: 100%;
    max-width: 520px;
    justify-self: end;

    background: #ffffff;
    border: 1px solid var(--hxchallenger_border);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.09);
}

.hxchallenger_verification_top {
    min-height: 70px;
    padding: 0 28px;

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

    border-bottom: 1px solid var(--hxchallenger_border);
}

.hxchallenger_verification_top span {
    color: var(--hxchallenger_blue);
    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.hxchallenger_verification_top strong {
    color: #111111;
    font-size: 15px;
    font-weight: 500;
}

.hxchallenger_verification_body {
    padding: 36px 34px 34px;
}

.hxchallenger_verification_instruction {
    margin: 0;

    color: #555a61;

    font-size: 14px;
    line-height: 1.55;
    font-weight: 300;
}

.hxchallenger_equation {
    margin: 34px 0 38px;

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

    color: #000000;

    font-size: clamp(37px, 4vw, 56px);
    line-height: 1;
    font-weight: 300;
    letter-spacing: -0.045em;
}

.hxchallenger_equation small {
    color: #8d9298;

    font-size: 23px;
    line-height: 1;
    font-weight: 300;
}

.hxchallenger_preview_form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: end;
}

.hxchallenger_preview_field label {
    display: block;
    margin-bottom: 8px;

    color: #33383e;

    font-size: 12px;
    line-height: 1.4;
    font-weight: 500;
}

.hxchallenger_preview_field input {
    width: 100%;
    height: 48px;
    padding: 0 14px;

    background: #ffffff;
    border: 1px solid #cfd2d5;
    border-radius: 0;

    color: #171717;

    font-family: inherit;
    font-size: 14px;
    outline: none;
}

.hxchallenger_preview_field input::placeholder {
    color: #91969c;
}

.hxchallenger_preview_field input:disabled {
    opacity: 1;
    -webkit-text-fill-color: #171717;
}

.hxchallenger_preview_form button {
    min-height: 48px;
    padding: 0 20px;

    background: var(--hxchallenger_blue);
    border: 1px solid var(--hxchallenger_blue);
    border-radius: 0;

    color: #ffffff;

    font-family: inherit;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 500;
}

.hxchallenger_preview_form button:disabled {
    opacity: 1;
}

.hxchallenger_verification_note {
    margin: 24px 0 0;
    padding-top: 20px;

    border-top: 1px solid var(--hxchallenger_border);

    color: #767b81;

    font-size: 12px;
    line-height: 1.6;
    font-weight: 300;
}


/* ==========================================================================
   Scope
   ========================================================================== */

.hxchallenger_scope {
    width: 100%;
    background: var(--hxchallenger_navy);
    color: #ffffff;
}

.hxchallenger_scope_inner {
    width: min(1320px, calc(100% - 80px));
    min-height: 92px;
    margin: 0 auto;
    padding: 24px 0;

    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 44px;
    align-items: center;
}

.hxchallenger_scope_label {
    color: #8fc4ea;

    font-size: 12px;
    line-height: 1.3;
    font-weight: 500;
}

.hxchallenger_scope p {
    max-width: 1040px;
    margin: 0;

    color: rgba(255, 255, 255, 0.9);

    font-size: 14px;
    line-height: 1.6;
    font-weight: 300;
}


/* ==========================================================================
   Intro
   ========================================================================== */

.hxchallenger_intro {
    width: 100%;
    background: var(--hxchallenger_soft);
    border-top: 1px solid var(--hxchallenger_border);
    border-bottom: 1px solid var(--hxchallenger_border);
}

.hxchallenger_intro_inner {
    width: min(1320px, calc(100% - 80px));
    margin: 0 auto;
    padding: 100px 0;

    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    gap: 70px;
}

.hxchallenger_section_label {
    color: var(--hxchallenger_blue);

    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 0.085em;
    text-transform: uppercase;
}

.hxchallenger_intro_content h2 {
    max-width: 1020px;
    margin: 0;

    color: #000000;

    font-size: clamp(40px, 5vw, 68px);
    line-height: 1.04;
    font-weight: 300;
    letter-spacing: -0.052em;
}

.hxchallenger_intro_content p {
    max-width: 860px;
    margin: 28px 0 0;

    color: #53585f;

    font-size: 17px;
    line-height: 1.72;
    font-weight: 300;
}


/* ==========================================================================
   Benefits
   ========================================================================== */

.hxchallenger_benefits {
    width: 100%;
    background: #ffffff;
}

.hxchallenger_benefits_inner {
    width: min(1460px, calc(100% - 80px));
    margin: 0 auto;
    padding: 108px 0;
}

.hxchallenger_section_header {
    max-width: 1030px;
    margin-bottom: 68px;
}

.hxchallenger_section_header h2 {
    margin: 0;

    color: #000000;

    font-size: clamp(40px, 5vw, 68px);
    line-height: 1.04;
    font-weight: 300;
    letter-spacing: -0.052em;
}

.hxchallenger_benefit_list {
    border-top: 1px solid var(--hxchallenger_border);
}

.hxchallenger_benefit {
    min-height: 154px;
    padding: 34px 0;

    display: grid;
    grid-template-columns: 80px 280px minmax(0, 1fr);
    gap: 34px;
    align-items: center;

    border-bottom: 1px solid var(--hxchallenger_border);
}

.hxchallenger_benefit_number {
    color: var(--hxchallenger_blue);

    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
}

.hxchallenger_benefit_identity span {
    display: block;
    margin-bottom: 7px;

    color: var(--hxchallenger_muted);

    font-size: 11px;
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: 0.065em;
    text-transform: uppercase;
}

.hxchallenger_benefit_identity h3 {
    margin: 0;

    color: #000000;

    font-size: 26px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: -0.03em;
}

.hxchallenger_benefit > p {
    max-width: 760px;
    margin: 0;

    color: #555a61;

    font-size: 15px;
    line-height: 1.68;
    font-weight: 300;
}


/* ==========================================================================
   Experience
   ========================================================================== */

.hxchallenger_experience {
    width: 100%;
    background: var(--hxchallenger_navy);
    color: #ffffff;
}

.hxchallenger_experience_inner {
    width: min(1320px, calc(100% - 80px));
    margin: 0 auto;
    padding: 110px 0;

    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 100px;
}

.hxchallenger_experience h2 {
    max-width: 700px;
    margin: 0;

    color: #ffffff;

    font-size: clamp(42px, 5vw, 70px);
    line-height: 1.03;
    font-weight: 300;
    letter-spacing: -0.055em;
}

.hxchallenger_experience_copy p {
    max-width: 700px;
    margin: 0 0 24px;

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

    font-size: 17px;
    line-height: 1.72;
    font-weight: 300;
}

.hxchallenger_experience_copy p:last-child {
    margin-bottom: 0;
}


/* ==========================================================================
   Paradigm
   ========================================================================== */

.hxchallenger_paradigm {
    width: 100%;
    background: #ffffff;
}

.hxchallenger_paradigm_inner {
    width: min(1460px, calc(100% - 80px));
    margin: 0 auto;
    padding: 108px 0;
}

.hxchallenger_paradigm_grid {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: 100px;

    border-top: 1px solid var(--hxchallenger_border);
    padding-top: 48px;
}

.hxchallenger_paradigm_statement p {
    max-width: 630px;
    margin: 0;

    color: #111111;

    font-size: clamp(30px, 3vw, 43px);
    line-height: 1.3;
    font-weight: 300;
    letter-spacing: -0.04em;
}

.hxchallenger_paradigm_copy p {
    max-width: 720px;
    margin: 0 0 20px;

    color: #555a61;

    font-size: 16px;
    line-height: 1.72;
    font-weight: 300;
}


/* ==========================================================================
   Business
   ========================================================================== */

.hxchallenger_business {
    width: 100%;
    background: var(--hxchallenger_soft);
    border-top: 1px solid var(--hxchallenger_border);
    border-bottom: 1px solid var(--hxchallenger_border);
}

.hxchallenger_business_inner {
    width: min(1460px, calc(100% - 80px));
    margin: 0 auto;
    padding: 108px 0;

    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 96px;
}

.hxchallenger_business_heading h2 {
    max-width: 840px;
    margin: 0;

    color: #000000;

    font-size: clamp(40px, 5vw, 68px);
    line-height: 1.04;
    font-weight: 300;
    letter-spacing: -0.052em;
}

.hxchallenger_business_body > p {
    max-width: 820px;
    margin: 0 0 22px;

    color: #555a61;

    font-size: 16px;
    line-height: 1.72;
    font-weight: 300;
}

.hxchallenger_business_capabilities {
    margin: 36px 0;

    border-top: 1px solid #d6d9dc;
}

.hxchallenger_business_capabilities span {
    display: block;
    padding: 15px 0;

    border-bottom: 1px solid #d6d9dc;

    color: #25282c;

    font-size: 14px;
    line-height: 1.4;
    font-weight: 300;
}


/* ==========================================================================
   Forms
   ========================================================================== */

.hxchallenger_forms {
    width: 100%;
    background: #ffffff;
}

.hxchallenger_forms_inner {
    width: min(1460px, calc(100% - 80px));
    margin: 0 auto;
    padding: 108px 0;

    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .72fr);
    gap: 94px;
    align-items: start;
}

.hxchallenger_forms_content h2 {
    max-width: 860px;
    margin: 0;

    color: #000000;

    font-size: clamp(40px, 5vw, 68px);
    line-height: 1.04;
    font-weight: 300;
    letter-spacing: -0.052em;
}

.hxchallenger_forms_content > p:not(.hxchallenger_eyebrow) {
    max-width: 820px;
    margin: 26px 0 0;

    color: #555a61;

    font-size: 16px;
    line-height: 1.72;
    font-weight: 300;
}

.hxchallenger_forms_content .hxchallenger_inline_link {
    display: inline-block;
    margin-top: 26px;
}

.hxchallenger_forms_relation {
    width: 100%;

    border-top: 1px solid var(--hxchallenger_border);
    border-bottom: 1px solid var(--hxchallenger_border);
}

.hxchallenger_relation_item {
    padding: 28px 0;
}

.hxchallenger_relation_item span {
    display: block;
    margin-bottom: 26px;

    color: var(--hxchallenger_blue);

    font-size: 12px;
    font-weight: 600;
}

.hxchallenger_relation_item strong {
    display: block;

    color: #000000;

    font-size: 31px;
    line-height: 1.1;
    font-weight: 300;
    letter-spacing: -0.04em;
}

.hxchallenger_relation_item p {
    margin: 10px 0 0;

    color: #676c72;

    font-size: 14px;
    line-height: 1.55;
    font-weight: 300;
}

.hxchallenger_relation_divider {
    padding: 15px 0;

    border-top: 1px solid var(--hxchallenger_border);
    border-bottom: 1px solid var(--hxchallenger_border);

    color: #969ba1;

    font-size: 18px;
    line-height: 1;
    font-weight: 300;
}


/* ==========================================================================
   Security
   ========================================================================== */

.hxchallenger_security {
    width: 100%;
    background: var(--hxchallenger_navy);
    color: #ffffff;
}

.hxchallenger_security_inner {
    width: min(1320px, calc(100% - 80px));
    margin: 0 auto;
    padding: 110px 0;

    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 100px;
}

.hxchallenger_security h2 {
    max-width: 700px;
    margin: 0;

    color: #ffffff;

    font-size: clamp(42px, 5vw, 70px);
    line-height: 1.03;
    font-weight: 300;
    letter-spacing: -0.055em;
}

.hxchallenger_security_products {
    border-top: 1px solid rgba(255,255,255,.15);
}

.hxchallenger_security_products article {
    padding: 28px 0 32px;
    border-bottom: 1px solid rgba(255,255,255,.15);
}

.hxchallenger_security_products article > span {
    display: block;
    margin-bottom: 9px;

    color: #8fc4ea;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: 0.065em;
    text-transform: uppercase;
}

.hxchallenger_security_products h3 {
    margin: 0;

    color: #ffffff;

    font-size: 28px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: -0.035em;
}

.hxchallenger_security_products p {
    max-width: 650px;
    margin: 14px 0 0;

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

    font-size: 15px;
    line-height: 1.68;
    font-weight: 300;
}


/* ==========================================================================
   Statement
   ========================================================================== */

.hxchallenger_statement {
    width: 100%;
    background: #000000;
    color: #ffffff;
}

.hxchallenger_statement_inner {
    width: min(1320px, calc(100% - 80px));
    margin: 0 auto;
    padding: 112px 0;

    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: 100px;
    align-items: end;
}

.hxchallenger_statement_inner > .hxchallenger_dark_label {
    grid-column: 1 / -1;
    margin-bottom: -48px;
}

.hxchallenger_statement h2 {
    margin: 0;

    color: #ffffff;

    font-size: clamp(58px, 7vw, 100px);
    line-height: .93;
    font-weight: 300;
    letter-spacing: -0.062em;
}

.hxchallenger_statement_copy p {
    max-width: 680px;
    margin: 0;

    color: #b8bcc1;

    font-size: 17px;
    line-height: 1.72;
    font-weight: 300;
}

.hxchallenger_statement_link {
    display: inline-block;
    margin-top: 28px;

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    text-decoration: none !important;
}

.hxchallenger_statement_link:hover {
    text-decoration: underline !important;
    text-underline-offset: 4px;
}


/* ==========================================================================
   Contact
   ========================================================================== */

.hxchallenger_contact {
    width: 100%;
    background: #ffffff;
}

.hxchallenger_contact_inner {
    width: min(1460px, calc(100% - 80px));
    margin: 0 auto;
    padding: 108px 0;

    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 80px;
    align-items: end;
}

.hxchallenger_contact h2 {
    max-width: 860px;
    margin: 0;

    color: #000000;

    font-size: clamp(42px, 5vw, 70px);
    line-height: 1.03;
    font-weight: 300;
    letter-spacing: -0.055em;
}

.hxchallenger_contact p:not(.hxchallenger_eyebrow) {
    max-width: 780px;
    margin: 28px 0 0;

    color: #555a61;

    font-size: 16px;
    line-height: 1.7;
    font-weight: 300;
}

.hxchallenger_contact_actions {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}


/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 1180px) {

    .hxchallenger_header_inner {
        grid-template-columns: auto 1fr;
    }

    .hxchallenger_nav {
        display: none;
    }

    .hxchallenger_header_actions {
        justify-self: end;
    }

    .hxchallenger_hero_inner,
    .hxchallenger_experience_inner,
    .hxchallenger_business_inner,
    .hxchallenger_forms_inner,
    .hxchallenger_security_inner,
    .hxchallenger_statement_inner,
    .hxchallenger_contact_inner {
        grid-template-columns: 1fr;
    }

    .hxchallenger_hero_inner {
        min-height: auto;
    }

    .hxchallenger_verification {
        max-width: 720px;
        justify-self: start;
    }

    .hxchallenger_paradigm_grid {
        grid-template-columns: 1fr;
        gap: 46px;
    }

    .hxchallenger_statement_inner > .hxchallenger_dark_label {
        margin-bottom: 0;
    }

    .hxchallenger_contact_actions {
        justify-content: flex-start;
    }
}


@media (max-width: 820px) {

    .hxchallenger_header_inner {
        width: min(100% - 32px, 1460px);
        min-height: 70px;
    }

    .hxchallenger_brand {
        font-size: 23px !important;
    }

    .hxchallenger_header_link {
        display: none;
    }

    .hxchallenger_header_primary {
        min-height: 38px;
        padding: 0 14px;
    }

    .hxchallenger_hero_inner,
    .hxchallenger_intro_inner,
    .hxchallenger_benefits_inner,
    .hxchallenger_experience_inner,
    .hxchallenger_paradigm_inner,
    .hxchallenger_business_inner,
    .hxchallenger_forms_inner,
    .hxchallenger_security_inner,
    .hxchallenger_statement_inner,
    .hxchallenger_contact_inner {
        width: min(100% - 38px, 1460px);
    }

    .hxchallenger_scope_inner {
        width: min(100% - 38px, 1320px);
    }

    .hxchallenger_hero_inner {
        padding: 76px 0 72px;
        gap: 54px;
    }

    .hxchallenger_hero h1 {
        font-size: clamp(48px, 12vw, 70px);
    }

    .hxchallenger_hero_lead {
        font-size: 18px;
    }

    .hxchallenger_intro_inner {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 76px 0;
    }

    .hxchallenger_scope_inner {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .hxchallenger_benefits_inner,
    .hxchallenger_paradigm_inner,
    .hxchallenger_business_inner,
    .hxchallenger_forms_inner,
    .hxchallenger_contact_inner {
        padding: 78px 0;
    }

    .hxchallenger_experience_inner,
    .hxchallenger_security_inner,
    .hxchallenger_statement_inner {
        padding: 82px 0;
        gap: 52px;
    }

    .hxchallenger_benefit {
        grid-template-columns: 44px 1fr;
        gap: 20px;
    }

    .hxchallenger_benefit > p {
        grid-column: 2;
    }

    .hxchallenger_preview_form {
        grid-template-columns: 1fr;
    }

    .hxchallenger_preview_form button {
        width: 100%;
    }

    .hxchallenger_equation {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}


@media (max-width: 520px) {

    .hxchallenger_header_primary {
        font-size: 11px !important;
    }

    .hxchallenger_hero h1 {
        font-size: 50px;
    }

    .hxchallenger_hero_actions,
    .hxchallenger_contact_actions {
        flex-direction: column;
        align-items: stretch;
    }

    .hxchallenger_button {
        width: 100%;
    }

    .hxchallenger_verification_body {
        padding: 28px 22px;
    }

    .hxchallenger_verification_top {
        padding: 0 22px;
    }

    .hxchallenger_equation {
        font-size: 38px;
        gap: 8px;
    }

    .hxchallenger_equation small {
        font-size: 18px;
    }

    .hxchallenger_benefit {
        grid-template-columns: 1fr;
    }

    .hxchallenger_benefit > p {
        grid-column: auto;
    }

    .hxchallenger_benefit_number {
        margin-bottom: -8px;
    }

    .hxchallenger_statement h2 {
        font-size: 58px;
    }

    .hxchallenger_relation_item strong {
        font-size: 28px;
    }
}