/* HUMANBOTS I NEED RESCUE (BUSINESS RESCUE) STYLES (loads after global.css) */


/* =========================================================
   HERO
=========================================================*/
/* =========================================================
   HUMANBOTS - BUSINESS RESCUE HERO
   CINEMATIC / PREMIUM / ELEMENTOR READY
========================================================= */

#hbRescueHeroNew,
#hbRescueHeroNew *{
    box-sizing:border-box;
}

#hbRescueHeroNew{
    --orange:#ff4d16;
    --black:#000;
    --white:#f5f5f3;
    --muted:#7b7b7b;

    position:relative;

    width:100%;
    min-height:100vh;
    min-height:100svh;

    overflow:hidden;

    background:#000;

    color:#fff;

    font-family:var(--font-body);
}

/* =========================================================
   BACKGROUND
========================================================= */

#hbRescueHeroNew::before{
    content:"";

    position:absolute;
    inset:0;

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(255,77,22,.12),
            transparent 24%
        ),
        radial-gradient(
            circle at 50% 85%,
            rgba(255,77,22,.08),
            transparent 32%
        ),
        #000;

    pointer-events:none;
}

#hbRescueHeroNew::after{
    content:"";

    position:absolute;
    inset:0;

    background-image:
        linear-gradient(
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        );

    background-size:
        72px
        72px;

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.45),
            transparent 88%
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.45),
            transparent 88%
        );

    pointer-events:none;
}

/* =========================================================
   GLOW
========================================================= */

#hbRescueHeroNew .hbrh-glow{
    position:absolute;

    left:50%;
    top:66%;

    width:720px;
    height:220px;

    transform:
        translateX(-50%);

    border-radius:50%;

    background:
        radial-gradient(
            ellipse,
            rgba(255,77,22,.22),
            transparent 68%
        );

    filter:
        blur(55px);

    opacity:.75;

    pointer-events:none;
}

/* =========================================================
   INNER
========================================================= */

#hbRescueHeroNew .hbrh-inner{
    position:relative;
    z-index:3;

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

    min-height:100vh;
    min-height:100svh;

    margin:0 auto;

    padding:
        165px
        24px
        70px;

    display:flex;
    flex-direction:column;

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

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

#hbRescueHeroNew .hbrh-content{
    position:relative;

    z-index:5;

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

    text-align:center;

    margin:0 auto;
}

#hbRescueHeroNew .hbrh-eyebrow{
    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-bottom:20px;

    color:var(--orange);

    font-size:9px;
    font-weight:700;

    letter-spacing:2.6px;

    text-transform:uppercase;
}

#hbRescueHeroNew .hbrh-eyebrow::before,
#hbRescueHeroNew .hbrh-eyebrow::after{
    content:"";

    width:28px;
    height:1px;

    background:
        var(--orange);
}

/* =========================================================
   HEADING
========================================================= */

#hbRescueHeroNew .hbrh-title{
    margin:0;

    color:#f4f4f2;

    font-size:
        clamp(
            44px,
            5.4vw,
            78px
        );

    line-height:.95;

    letter-spacing:-4px;

    font-weight:600;

    text-align:center;

    text-transform:none;
}

#hbRescueHeroNew .hbrh-title span{
    display:block;

    margin-top:8px;

    color:var(--orange);

}

/* =========================================================
   COPY
========================================================= */

#hbRescueHeroNew .hbrh-copy{
    max-width:720px;

    margin:
        24px
        auto
        0;

    color:#777;

    font-size:
        clamp(
            13px,
            1.2vw,
            16px
        );

    line-height:1.7;
}

#hbRescueHeroNew .hbrh-copy strong{
    color:#dedede;

    font-weight:500;
}

/* =========================================================
   CTA
========================================================= */

#hbRescueHeroNew .hbrh-actions{
    display:flex;

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

    gap:10px;

    margin-top:28px;
}

#hbRescueHeroNew .hbrh-btn{
    min-height:50px;

    padding:
        0
        21px;

    display:inline-flex;

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

    gap:10px;

    border-radius:999px;

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

    text-decoration:none;

    color:#fff;

    font-size:10px;
    font-weight:600;

    letter-spacing:.3px;

    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}

#hbRescueHeroNew .hbrh-btn.primary{
    background:
        var(--orange);

    border-color:
        var(--orange);

    box-shadow:
        0 18px 45px
        rgba(255,77,22,.18);
}

#hbRescueHeroNew .hbrh-btn.secondary{
    background:
        rgba(255,255,255,.03);

    backdrop-filter:
        blur(8px);

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

#hbRescueHeroNew .hbrh-btn:hover{
    transform:
        translateY(-3px);
}

#hbRescueHeroNew .hbrh-btn.secondary:hover{
    border-color:
        rgba(255,77,22,.4);
}

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

#hbRescueHeroNew .hbrh-arrow{
    position:relative;

    width:12px;
    height:12px;
}

#hbRescueHeroNew .hbrh-arrow::before{
    content:"";

    position:absolute;

    left:1px;
    top:6px;

    width:9px;
    height:1px;

    background:#fff;
}

#hbRescueHeroNew .hbrh-arrow::after{
    content:"";

    position:absolute;

    right:1px;
    top:3px;

    width:5px;
    height:5px;

    border-top:
        1px solid
        #fff;

    border-right:
        1px solid
        #fff;

    transform:
        rotate(45deg);
}

/* =========================================================
   VISUAL STAGE
========================================================= */

#hbRescueHeroNew .hbrh-visual{
    position:relative;

    width:min(960px,95vw);
    height:350px;

    margin-top:48px;

    perspective:900px;
}

/* =========================================================
   FLOOR
========================================================= */

#hbRescueHeroNew .hbrh-floor{
    position:absolute;

    left:50%;
    bottom:5px;

    width:680px;
    height:140px;

    transform:
        translateX(-50%)
        rotateX(68deg);

    border-radius:50%;

    border:
        1px solid
        rgba(255,77,22,.16);

    background:
        radial-gradient(
            ellipse,
            rgba(255,77,22,.09),
            transparent 65%
        );

    box-shadow:
        0 0 80px
        rgba(255,77,22,.07);
}

/* =========================================================
   CORE
========================================================= */

#hbRescueHeroNew .hbrh-core{
    position:absolute;

    left:50%;
    top:50%;

    width:170px;
    height:170px;

    transform:
        translate(-50%,-50%);

    border-radius:50%;

    display:flex;

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

    text-align:center;

    background:
        radial-gradient(
            circle at 35% 30%,
            #171717,
            #050505 65%
        );

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

    box-shadow:
        0 0 0 22px rgba(255,255,255,.018),
        0 0 0 50px rgba(255,77,22,.025),
        0 0 70px rgba(255,77,22,.16);

    z-index:5;
}

#hbRescueHeroNew .hbrh-core::before{
    content:"";

    position:absolute;

    inset:-28px;

    border-radius:50%;

    border:
        1px dashed
        rgba(255,77,22,.22);

    animation:
        hbrhSpin
        22s
        linear
        infinite;
}

@keyframes hbrhSpin{

    from{
        transform:
            rotate(0deg);
    }

    to{
        transform:
            rotate(360deg);
    }

}

#hbRescueHeroNew .hbrh-core-text{
    position:relative;
    z-index:2;
}

#hbRescueHeroNew .hbrh-core-status{
    display:block;

    margin-bottom:8px;

    color:var(--orange);

    font-size:7px;
    font-weight:800;

    letter-spacing:1.7px;

    text-transform:uppercase;
}

#hbRescueHeroNew .hbrh-core-title{
    display:block;

    color:#fff;

    font-size:15px;
    font-weight:600;

    line-height:1.1;

    letter-spacing:-.4px;
}

/* =========================================================
   SIGNALS
========================================================= */

#hbRescueHeroNew .hbrh-signal{
    position:absolute;

    width:145px;
    min-height:62px;

    padding:
        12px
        13px;

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

    border-radius:14px;

    background:
        rgba(10,10,10,.78);

    backdrop-filter:
        blur(12px);

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

    box-shadow:
        0 18px 45px
        rgba(0,0,0,.28);

    animation:
        hbrhFloat
        5s
        ease-in-out
        infinite;
}

#hbRescueHeroNew .hbrh-signal::before{
    content:"";

    display:block;

    width:5px;
    height:5px;

    margin-bottom:8px;

    border-radius:50%;

    background:
        var(--orange);

    box-shadow:
        0 0 10px
        var(--orange);
}

#hbRescueHeroNew .hbrh-signal strong{
    display:block;

    color:#e9e9e9;

    font-size:10px;
    font-weight:500;

    line-height:1.2;
}

#hbRescueHeroNew .hbrh-signal span{
    display:block;

    margin-top:4px;

    color:#595959;

    font-size:8px;
}

#hbRescueHeroNew .hbrh-signal.s1{
    left:7%;
    top:14%;
}

#hbRescueHeroNew .hbrh-signal.s2{
    left:1%;
    bottom:17%;

    animation-delay:-1s;
}

#hbRescueHeroNew .hbrh-signal.s3{
    right:7%;
    top:14%;

    animation-delay:-2s;
}

#hbRescueHeroNew .hbrh-signal.s4{
    right:1%;
    bottom:17%;

    animation-delay:-3s;
}

@keyframes hbrhFloat{

    0%,
    100%{
        transform:
            translateY(0);
    }

    50%{
        transform:
            translateY(-8px);
    }

}

/* =========================================================
   CONNECTORS
========================================================= */

#hbRescueHeroNew .hbrh-svg{
    position:absolute;

    inset:0;

    width:100%;
    height:100%;

    pointer-events:none;
}

#hbRescueHeroNew .hbrh-path{
    fill:none;

    stroke:
        rgba(255,77,22,.26);

    stroke-width:1;

    stroke-dasharray:5 8;

    animation:
        hbrhDash
        12s
        linear
        infinite;
}

@keyframes hbrhDash{

    to{
        stroke-dashoffset:
            -80;
    }

}

/* =========================================================
   BOTTOM STATUS
========================================================= */

#hbRescueHeroNew .hbrh-status{
    display:flex;

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

    gap:9px;

    margin-top:18px;

    color:#515151;

    font-size:8px;
    font-weight:700;

    letter-spacing:1.7px;

    text-transform:uppercase;
}

#hbRescueHeroNew .hbrh-status span{
    color:var(--orange);
}

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

@media(max-width:767px){

    #hbRescueHeroNew .hbrh-inner{
        min-height:100svh;

        justify-content:flex-start;

        padding:
            135px
            18px
            60px;
    }

    #hbRescueHeroNew .hbrh-title{
        font-size:
            clamp(
                34px,
                10vw,
                45px
            );

        line-height:.98;

        letter-spacing:-2px;
    }

    #hbRescueHeroNew .hbrh-copy{
        max-width:360px;

        font-size:12px;

        line-height:1.6;
    }

    #hbRescueHeroNew .hbrh-actions{
        flex-direction:column;

        width:100%;

        max-width:330px;

        margin:
            25px
            auto
            0;
    }

    #hbRescueHeroNew .hbrh-btn{
        width:100%;
    }

    #hbRescueHeroNew .hbrh-visual{
        height:390px;

        margin-top:35px;
    }

    #hbRescueHeroNew .hbrh-floor{
        width:430px;
        height:100px;
    }

    #hbRescueHeroNew .hbrh-core{
        width:135px;
        height:135px;
    }

    #hbRescueHeroNew .hbrh-core::before{
        inset:-20px;
    }

    #hbRescueHeroNew .hbrh-core-title{
        font-size:12px;
    }

    #hbRescueHeroNew .hbrh-signal{
        width:112px;

        min-height:55px;

        padding:
            10px
            10px;
    }

    #hbRescueHeroNew .hbrh-signal strong{
        font-size:9px;
    }

    #hbRescueHeroNew .hbrh-signal span{
        font-size:7px;
    }

    #hbRescueHeroNew .hbrh-signal.s1{
        left:0;
        top:8%;
    }

    #hbRescueHeroNew .hbrh-signal.s2{
        left:0;
        bottom:9%;
    }

    #hbRescueHeroNew .hbrh-signal.s3{
        right:0;
        top:8%;
    }

    #hbRescueHeroNew .hbrh-signal.s4{
        right:0;
        bottom:9%;
    }

}

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

@media(max-width:420px){

    #hbRescueHeroNew .hbrh-title{
        font-size:35px;
    }

}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

    #hbRescueHeroNew .hbrh-core::before,
    #hbRescueHeroNew .hbrh-signal,
    #hbRescueHeroNew .hbrh-path{
        animation:none !important;
    }

}


/* =========================================================
   SCROLL TAGLINE (sticky word fill)
=========================================================*/
/* =========================================================
   HUMANBOTS - BUSINESS RESCUE SCROLL TAGLINE
========================================================= */

.hb-rescue-tagline,
.hb-rescue-tagline *{
    box-sizing:border-box;
}

.hb-rescue-tagline{
    --orange:#ff4d16;
    --white:#f4f4f4;
    --dim:#292929;

    position:relative;
    width:100%;
    height:250vh;

    background:#000;
    font-family:var(--font-body);
}

/* STICKY */

.hb-rescue-tagline-sticky{
    position:sticky;
    top:0;

    width:100%;
    height:100vh;
    height:100svh;

    display:flex;
    align-items:center;

    /* keeps the copy clear of the fixed header */
    padding-top:110px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 70% 50%,
            rgba(255,77,22,.045),
            transparent 35%
        ),
        #000;
}

/* INNER */

.hb-rescue-tagline-inner{
    width:100%;
    max-width:1350px;

    margin:auto;

    padding:
        40px
        clamp(30px,7vw,100px);
}

/* EYEBROW */

.hb-rescue-tagline-label{
    display:flex;
    align-items:center;
    gap:13px;

    margin-bottom:28px;

    color:var(--orange);

    font-size:9px;
    font-weight:700;

    letter-spacing:2.7px;

    text-transform:uppercase;
}

.hb-rescue-tagline-label::before{
    content:"";

    width:35px;
    height:1px;

    background:var(--orange);
}

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

.hb-rescue-tagline-heading{
    max-width:1100px;

    margin:0;

    font-size:
        clamp(
            42px,
            5.4vw,
            76px
        );

    line-height:.99;

    letter-spacing:-4px;

    font-weight:500;
}

.hb-rt-word{
    color:var(--dim);

    transition:color .08s linear;
}

/* =========================================================
   BOTTOM MESSAGE
========================================================= */

.hb-rescue-tagline-bottom{
    max-width:650px;

    margin-top:45px;
    margin-left:auto;

    opacity:0;

    transform:translateY(25px);

    transition:
        opacity .5s ease,
        transform .7s cubic-bezier(.16,1,.3,1);
}

.hb-rescue-tagline-bottom.show{
    opacity:1;
    transform:none;
}

.hb-rescue-tagline-bottom p{
    margin:0 0 18px;

    color:#777;

    font-size:
        clamp(
            14px,
            1.2vw,
            17px
        );

    line-height:1.55;
}

.hb-rescue-tagline-bottom p strong{
    color:#eee;
    font-weight:500;
}

/* FINAL MICRO LINE */

.hb-rescue-tagline-final{
    display:flex;
    align-items:center;
    gap:12px;

    color:var(--orange);

    font-size:9px;
    font-weight:700;

    letter-spacing:2.2px;

    text-transform:uppercase;
}

.hb-rescue-tagline-final::before{
    content:"";

    width:0;
    height:1px;

    background:var(--orange);

    transition:
        width .7s cubic-bezier(.16,1,.3,1);
}

.hb-rescue-tagline-bottom.show
.hb-rescue-tagline-final::before{
    width:42px;
}

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

@media(max-width:767px){

    .hb-rescue-tagline{
        height:270vh;
    }

    .hb-rescue-tagline-sticky{
        height:100svh;
        padding-top:96px;
    }

    .hb-rescue-tagline-inner{
        padding:
            30px
            20px;
    }

    .hb-rescue-tagline-label{
        margin-bottom:22px;

        font-size:7px;

        letter-spacing:2px;
    }

    .hb-rescue-tagline-label::before{
        width:25px;
    }

    .hb-rescue-tagline-heading{
        max-width:100%;

        font-size:
            clamp(
                34px,
                9.5vw,
                46px
            );

        line-height:1;

        letter-spacing:-2.2px;
    }

    .hb-rescue-tagline-bottom{
        margin-top:38px;
        margin-left:0;

        max-width:330px;
    }

    .hb-rescue-tagline-bottom p{
        font-size:13px;
    }

    .hb-rescue-tagline-final{
        font-size:7px;
        letter-spacing:1.7px;
    }

}

/* REDUCED MOTION */

@media(prefers-reduced-motion:reduce){

    .hb-rescue-tagline-bottom,
    .hb-rescue-tagline-final::before{
        transition:none;
    }

}


/* =========================================================
   TYPES OF BUSINESS RESCUE
=========================================================*/
/* =========================================================
   HUMANBOTS - TYPES OF BUSINESS RESCUES
   HARDENED ELEMENTOR VERSION
========================================================= */

#hbBusinessRescueTypes,
#hbBusinessRescueTypes *{
    box-sizing:border-box;
}

#hbBusinessRescueTypes{
    --orange:#ff4d16;
    --black:#050505;
    --white:#fff8f5;

    position:relative;

    width:100%;

    margin:0;

    padding:
        105px
        24px
        115px;

    background:#ff4d16;

    color:#050505;

    font-family:var(--font-body);

    overflow:hidden;
}

/* =========================================================
   DECORATIVE BACKGROUND
========================================================= */

#hbBusinessRescueTypes::before{
    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    background-image:
        linear-gradient(
            rgba(0,0,0,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(0,0,0,.035) 1px,
            transparent 1px
        );

    background-size:
        64px
        64px;

    opacity:.65;
}

#hbBusinessRescueTypes::after{
    content:"";

    position:absolute;

    width:650px;
    height:650px;

    right:-280px;
    top:-280px;

    border:
        1px solid
        rgba(0,0,0,.12);

    border-radius:50%;

    box-shadow:
        0 0 0 90px rgba(0,0,0,.025),
        0 0 0 180px rgba(0,0,0,.018);

    pointer-events:none;
}

/* =========================================================
   INNER
========================================================= */

#hbBusinessRescueTypes .hbr-types-inner{
    position:relative;

    z-index:2;

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

    margin:
        0
        auto;

    padding:0;
}

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

#hbBusinessRescueTypes .hbr-types-header{
    display:grid;

    grid-template-columns:
        minmax(0,1.2fr)
        minmax(300px,.65fr);

    align-items:end;

    gap:70px;

    width:100%;

    margin:
        0
        0
        58px;

    padding:0;
}

#hbBusinessRescueTypes .hbr-types-eyebrow{
    display:flex;

    align-items:center;

    gap:12px;

    margin:
        0
        0
        17px;

    padding:0;

    color:#050505;

    font-size:9px;
    font-weight:800;

    line-height:1;

    letter-spacing:2.4px;

    text-transform:uppercase;
}

#hbBusinessRescueTypes .hbr-types-eyebrow::before{
    content:"";

    display:block;

    width:34px;
    height:1px;

    background:#050505;

    flex:
        0
        0
        auto;
}

/* =========================================================
   TITLE
========================================================= */

#hbBusinessRescueTypes .hbr-types-title{
    display:block;

    width:100%;

    margin:0;
    padding:0;

    color:#050505;

    font-size:
        clamp(
            38px,
            4.2vw,
            62px
        );

    line-height:.98;

    letter-spacing:-3px;

    font-weight:600;

    text-align:left;
}

#hbBusinessRescueTypes .hbr-title-line{
    display:block;

    margin:0;
    padding:0;
}

#hbBusinessRescueTypes .hbr-title-line.white{
    color:#fff7f2;

    margin-top:5px;
}

/* =========================================================
   HEADER COPY
========================================================= */

#hbBusinessRescueTypes .hbr-types-intro{
    width:100%;
    max-width:480px;

    margin:
        0
        0
        4px
        auto;

    padding:0;

    color:
        rgba(0,0,0,.65);

    font-size:13px;

    line-height:1.7;

    font-weight:400;
}

#hbBusinessRescueTypes .hbr-types-intro strong{
    color:#050505;

    font-weight:600;
}

/* =========================================================
   GRID
========================================================= */

#hbBusinessRescueTypes .hbr-types-grid{
    display:grid;

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

    gap:14px;

    width:100%;

    margin:0;

    padding:0;
}

/* =========================================================
   CARD
========================================================= */

#hbBusinessRescueTypes .hbr-type-card{
    position:relative;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    min-width:0;

    min-height:355px;

    margin:0;

    padding:
        28px
        28px
        30px;

    border:
        1px solid
        rgba(0,0,0,.18);

    border-radius:24px;

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

    box-shadow:none;

    overflow:hidden;

    transition:
        transform .4s cubic-bezier(.16,1,.3,1),
        background .35s ease,
        border-color .35s ease;
}

#hbBusinessRescueTypes .hbr-type-card:hover{
    transform:
        translateY(-6px);

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

    border-color:
        rgba(0,0,0,.32);
}

/* =========================================================
   TOP
========================================================= */

#hbBusinessRescueTypes .hbr-type-top{
    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    width:100%;

    margin:0;

    padding:0;
}

#hbBusinessRescueTypes .hbr-type-number{
    margin:0;

    padding:0;

    color:
        rgba(0,0,0,.52);

    font-size:9px;

    font-weight:800;

    letter-spacing:1.5px;
}

/* =========================================================
   ICON CONTAINER
========================================================= */

#hbBusinessRescueTypes .hbr-type-icon{
    position:relative;

    display:block;

    width:58px;
    height:58px;

    flex:
        0
        0
        58px;

    margin:0;

    padding:0;

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

    border-radius:18px;

    background:
        rgba(0,0,0,.055);
}

/* =========================================================
   GENERIC ICON DRAWING
========================================================= */

#hbBusinessRescueTypes .hbr-type-icon::before,
#hbBusinessRescueTypes .hbr-type-icon::after{
    content:"";

    position:absolute;

    display:block;
}

/* ---------------------------------------------------------
   REVENUE ICON
--------------------------------------------------------- */

#hbBusinessRescueTypes .icon-revenue::before{
    left:14px;
    bottom:17px;

    width:29px;
    height:2px;

    background:#050505;

    transform:
        rotate(-24deg);

    transform-origin:left center;
}

#hbBusinessRescueTypes .icon-revenue::after{
    right:11px;
    top:14px;

    width:10px;
    height:10px;

    border-top:
        2px solid
        #050505;

    border-right:
        2px solid
        #050505;

    transform:
        rotate(-22deg);
}

/* ---------------------------------------------------------
   MARKETING ICON
--------------------------------------------------------- */

#hbBusinessRescueTypes .icon-marketing::before{
    left:15px;
    top:15px;

    width:27px;
    height:27px;

    border:
        2px solid
        #050505;

    border-radius:50%;
}

#hbBusinessRescueTypes .icon-marketing::after{
    left:27px;
    top:10px;

    width:2px;
    height:38px;

    background:#050505;

    transform:
        rotate(43deg);
}

/* ---------------------------------------------------------
   OPERATIONS ICON
--------------------------------------------------------- */

#hbBusinessRescueTypes .icon-operations::before{
    left:14px;
    top:14px;

    width:30px;
    height:30px;

    border:
        2px solid
        #050505;

    border-radius:9px;
}

#hbBusinessRescueTypes .icon-operations::after{
    left:22px;
    top:22px;

    width:14px;
    height:14px;

    border:
        2px solid
        #050505;

    border-radius:50%;
}

/* ---------------------------------------------------------
   CUSTOMER ICON
--------------------------------------------------------- */

#hbBusinessRescueTypes .icon-customer::before{
    left:11px;
    top:14px;

    width:36px;
    height:26px;

    border:
        2px solid
        #050505;

    border-radius:10px;
}

#hbBusinessRescueTypes .icon-customer::after{
    left:17px;
    bottom:11px;

    width:11px;
    height:11px;

    border-left:
        2px solid
        #050505;

    border-bottom:
        2px solid
        #050505;

    transform:
        rotate(-30deg);
}

/* ---------------------------------------------------------
   SYSTEM ICON
--------------------------------------------------------- */

#hbBusinessRescueTypes .icon-system::before{
    left:50%;
    top:50%;

    width:15px;
    height:15px;

    transform:
        translate(-50%,-50%);

    border-radius:50%;

    background:#050505;

    box-shadow:
        -17px -14px 0 -4px #050505,
        17px -14px 0 -4px #050505,
        -17px 14px 0 -4px #050505,
        17px 14px 0 -4px #050505;
}

#hbBusinessRescueTypes .icon-system::after{
    left:12px;
    right:12px;
    top:28px;

    height:1px;

    background:
        rgba(0,0,0,.50);
}

/* ---------------------------------------------------------
   TEAM ICON
--------------------------------------------------------- */

#hbBusinessRescueTypes .icon-team::before{
    left:20px;
    top:11px;

    width:16px;
    height:16px;

    border:
        2px solid
        #050505;

    border-radius:50%;
}

#hbBusinessRescueTypes .icon-team::after{
    left:13px;
    bottom:11px;

    width:32px;
    height:17px;

    border:
        2px solid
        #050505;

    border-bottom:0;

    border-radius:
        20px
        20px
        0
        0;
}

/* =========================================================
   CARD CONTENT
========================================================= */

#hbBusinessRescueTypes .hbr-type-content{
    display:block;

    width:100%;

    margin:
        72px
        0
        0;

    padding:0;
}

#hbBusinessRescueTypes .hbr-type-card h3{
    display:block;

    width:100%;

    margin:
        0
        0
        12px;

    padding:0;

    color:#050505;

    font-size:
        clamp(
            21px,
            1.7vw,
            27px
        );

    line-height:1.04;

    letter-spacing:-1.1px;

    font-weight:600;

    text-align:left;
}

#hbBusinessRescueTypes .hbr-type-card p{
    display:block;

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

    margin:0;

    padding:0;

    color:
        rgba(0,0,0,.64);

    font-size:12px;

    line-height:1.62;

    font-weight:400;

    text-align:left;
}

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

#hbBusinessRescueTypes .hbr-type-meta{
    display:flex;

    align-items:center;

    gap:8px;

    margin:
        28px
        0
        0;

    padding:0;

    color:
        rgba(0,0,0,.52);

    font-size:8px;

    font-weight:800;

    line-height:1.4;

    letter-spacing:1.1px;

    text-transform:uppercase;
}

#hbBusinessRescueTypes .hbr-type-meta::before{
    content:"";

    width:5px;
    height:5px;

    flex:
        0
        0
        5px;

    border-radius:50%;

    background:#050505;
}

/* =========================================================
   BLACK FEATURE CARD
========================================================= */

#hbBusinessRescueTypes .hbr-type-card.dark{
    background:#050505;

    border-color:#050505;

    box-shadow:
        0
        25px
        60px
        rgba(0,0,0,.12);
}

#hbBusinessRescueTypes
.hbr-type-card.dark
.hbr-type-number{
    color:
        rgba(255,255,255,.38);

}

#hbBusinessRescueTypes
.hbr-type-card.dark
.hbr-type-icon{
    border-color:
        rgba(255,255,255,.13);

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

#hbBusinessRescueTypes
.hbr-type-card.dark
h3{
    color:#f5f5f3;

}

#hbBusinessRescueTypes
.hbr-type-card.dark
p{
    color:
        rgba(255,255,255,.54);

}

#hbBusinessRescueTypes
.hbr-type-card.dark
.hbr-type-meta{
    color:
        rgba(255,255,255,.42);

}

#hbBusinessRescueTypes
.hbr-type-card.dark
.hbr-type-meta::before{
    background:
        var(--orange);
}

/* DARK SYSTEM ICON */

#hbBusinessRescueTypes
.hbr-type-card.dark
.icon-system::before{
    background:#fff;

    box-shadow:
        -17px -14px 0 -4px #fff,
        17px -14px 0 -4px #fff,
        -17px 14px 0 -4px #fff,
        17px 14px 0 -4px #fff;
}

#hbBusinessRescueTypes
.hbr-type-card.dark
.icon-system::after{
    background:
        rgba(255,255,255,.45);
}

/* =========================================================
   BOTTOM
========================================================= */

#hbBusinessRescueTypes .hbr-types-bottom{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:40px;

    width:100%;

    margin:
        42px
        0
        0;

    padding:
        27px
        0
        0;

    border-top:
        1px solid
        rgba(0,0,0,.15);
}

#hbBusinessRescueTypes .hbr-types-bottom p{
    max-width:760px;

    margin:0;

    padding:0;

    color:
        rgba(0,0,0,.62);

    font-size:12px;

    line-height:1.65;
}

#hbBusinessRescueTypes .hbr-types-bottom strong{
    color:#050505;

    font-weight:600;
}

#hbBusinessRescueTypes .hbr-types-process{
    flex:
        0
        0
        auto;

    color:#050505;

    font-size:9px;

    font-weight:800;

    letter-spacing:1.5px;

    text-transform:uppercase;
}

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

@media(max-width:1000px){

    #hbBusinessRescueTypes{
        padding:
            85px
            20px
            95px;
    }

    #hbBusinessRescueTypes .hbr-types-header{
        grid-template-columns:
            1fr;

        gap:23px;
    }

    #hbBusinessRescueTypes .hbr-types-intro{
        max-width:650px;

        margin:0;
    }

    #hbBusinessRescueTypes .hbr-types-grid{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }

}

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

@media(max-width:650px){

    #hbBusinessRescueTypes{
        padding:
            70px
            14px
            78px;
    }

    #hbBusinessRescueTypes .hbr-types-header{
        margin-bottom:
            38px;
    }

    #hbBusinessRescueTypes .hbr-types-title{
        font-size:
            33px;

        line-height:
            1.01;

        letter-spacing:
            -1.6px;
    }

    #hbBusinessRescueTypes .hbr-types-intro{
        font-size:
            11.5px;
    }

    #hbBusinessRescueTypes .hbr-types-grid{
        grid-template-columns:
            1fr;

        gap:10px;
    }

    #hbBusinessRescueTypes .hbr-type-card{
        min-height:
            305px;

        padding:
            23px;

        border-radius:
            20px;
    }

    #hbBusinessRescueTypes .hbr-type-content{
        margin-top:
            52px;
    }

    #hbBusinessRescueTypes .hbr-type-card h3{
        font-size:
            23px;
    }

    #hbBusinessRescueTypes .hbr-type-card p{
        font-size:
            11px;
    }

    #hbBusinessRescueTypes .hbr-types-bottom{
        display:block;
    }

    #hbBusinessRescueTypes .hbr-types-process{
        display:block;

        margin-top:
            18px;
    }

}


/* =========================================================
   WARNING SIGNS (stacking sticky cards)
=========================================================*/
/* =========================================================
   HUMANBOTS - BUSINESS RESCUE
   WHY BUSINESSES KEEP GETTING WORSE
   STACKING SCROLL CARDS
========================================================= */

.hb-rescue-stuck,
.hb-rescue-stuck *{
    box-sizing:border-box;
}

.hb-rescue-stuck{
    --orange:#ff4d16;
    --white:#f2f2f2;
    --muted:#707070;
    --line:rgba(255,255,255,.10);

    position:relative;

    width:100%;

    background:#000;
    color:#fff;

    font-family:var(--font-body);

    padding:
        110px
        24px
        130px;
}

.hb-rescue-stuck-inner{
    width:100%;
    max-width:1450px;

    margin:0 auto;
}

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

.hb-rescue-stuck-header{
    max-width:880px;

    margin-bottom:65px;
}

.hb-rescue-stuck-eyebrow{
    margin-bottom:15px;

    color:var(--orange);

    font-size:9px;
    font-weight:700;

    letter-spacing:2.8px;

    text-transform:uppercase;
}

.hb-rescue-stuck-title{
    margin:0;

    color:#f2f2f2;

    font-size:
        clamp(
            36px,
            3.4vw,
            52px
        );

    line-height:1.03;

    letter-spacing:-2.4px;

    font-weight:500;
}

.hb-rescue-stuck-title span{
    color:#5f5f5f;
}

.hb-rescue-stuck-copy{
    max-width:670px;

    margin:19px 0 0;

    color:#727272;

    font-size:13px;
    line-height:1.65;
}

/* =========================================================
   STACK WRAP
========================================================= */

.hb-rescue-stack{
    position:relative;

    width:100%;

    padding-bottom:80px;
}

/* =========================================================
   CARD
========================================================= */

.hb-rescue-stack-card{
    position:sticky;

    top:
        calc(
            140px +
            var(--index) * 24px
        );

    min-height:420px;

    margin-bottom:30px;

    padding:
        34px
        34px
        38px;

    display:grid;

    grid-template-columns:
        1fr
        .8fr;

    gap:60px;

    align-items:center;

    border-radius:28px;

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

    background:
        radial-gradient(
            circle at 80% 15%,
            rgba(255,77,22,.055),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #0d0d0d,
            #050505
        );

    box-shadow:
        0 30px 90px
        rgba(0,0,0,.38);

    overflow:hidden;

    transform:
        scale(
            calc(
                1 -
                var(--index) * .01
            )
        );

    transform-origin:center top;
}

/* =========================================================
   LEFT CONTENT
========================================================= */

.hb-rescue-stack-content{
    max-width:650px;
}

.hb-rescue-stack-number{
    margin-bottom:18px;

    color:var(--orange);

    font-size:9px;
    font-weight:700;
}

.hb-rescue-stack-card h3{
    margin:0 0 16px;

    color:#efefef;

    font-size:
        clamp(
            29px,
            2.6vw,
            40px
        );

    line-height:1.02;

    letter-spacing:-1.7px;

    font-weight:500;
}

.hb-rescue-stack-card h3 span{
    color:#5f5f5f;
}

.hb-rescue-stack-card p{
    max-width:560px;

    margin:0;

    color:#717171;

    font-size:13px;
    line-height:1.68;
}

.hb-rescue-stack-card p strong{
    color:#ddd;

    font-weight:500;
}

/* =========================================================
   TAG
========================================================= */

.hb-rescue-stack-tag{
    display:inline-flex;

    align-items:center;

    gap:7px;

    margin-top:22px;

    padding:
        8px
        11px;

    border-radius:999px;

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

    color:#676767;

    font-size:8px;
}

.hb-rescue-stack-tag::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--orange);

    box-shadow:
        0 0 8px
        rgba(255,77,22,.45);
}

/* =========================================================
   VISUAL
========================================================= */

.hb-rescue-stack-visual{
    position:relative;

    height:260px;

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

/* =========================================================
   01 - WARNING SIGNS
========================================================= */

.hb-rescue-warning{
    position:relative;

    width:285px;
    height:220px;
}

.hb-rescue-warning-card{
    position:absolute;

    width:132px;
    height:82px;

    padding:12px;

    border-radius:14px;

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

    background:
        linear-gradient(
            145deg,
            #141414,
            #090909
        );

    box-shadow:
        0 15px 35px
        rgba(0,0,0,.30);
}

.hb-rescue-warning-card.c1{
    left:5px;
    top:15px;

    transform:rotate(-6deg);
}

.hb-rescue-warning-card.c2{
    right:0;
    top:25px;

    transform:rotate(6deg);
}

.hb-rescue-warning-card.c3{
    left:35px;
    bottom:10px;

    transform:rotate(4deg);
}

.hb-rescue-warning-card.c4{
    right:25px;
    bottom:0;

    transform:rotate(-5deg);
}

.hb-rescue-warning-dot{
    width:7px;
    height:7px;

    margin-bottom:10px;

    border-radius:50%;

    background:var(--orange);

    box-shadow:
        0 0 8px
        rgba(255,77,22,.45);
}

.hb-rescue-warning-line{
    height:5px;

    margin-bottom:6px;

    border-radius:999px;

    background:#2c2c2c;
}

.hb-rescue-warning-line.short{
    width:60%;
}

/* =========================================================
   02 - DISCONNECTED PROBLEMS
========================================================= */

.hb-rescue-disconnect{
    position:relative;

    width:240px;
    height:220px;
}

.hb-rescue-disconnect-core{
    position:absolute;

    left:50%;
    top:50%;

    width:64px;
    height:64px;

    transform:
        translate(-50%,-50%);

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

    border-radius:20px;

    background:
        linear-gradient(
            145deg,
            #ff6330,
            #7e2108
        );

    box-shadow:
        0 0 35px
        rgba(255,77,22,.16);

    z-index:3;
}

.hb-rescue-disconnect-core::before,
.hb-rescue-disconnect-core::after{
    content:"";

    position:absolute;

    background:#fff;

    opacity:.85;
}

.hb-rescue-disconnect-core::before{
    width:26px;
    height:1.5px;
}

.hb-rescue-disconnect-core::after{
    width:1.5px;
    height:26px;
}

.hb-rescue-disconnect-node{
    position:absolute;

    width:42px;
    height:42px;

    border-radius:13px;

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

    background:#171717;
}

.hb-rescue-disconnect-node.n1{
    left:0;
    top:15px;
}

.hb-rescue-disconnect-node.n2{
    right:0;
    top:15px;
}

.hb-rescue-disconnect-node.n3{
    left:0;
    bottom:15px;
}

.hb-rescue-disconnect-node.n4{
    right:0;
    bottom:15px;
}

/* =========================================================
   03 - FIREFIGHTING
========================================================= */

.hb-rescue-fire{
    position:relative;

    width:210px;
    height:210px;
}

.hb-rescue-fire-ring{
    position:absolute;

    left:50%;
    top:50%;

    transform:
        translate(-50%,-50%);

    border-radius:50%;

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

.hb-rescue-fire-ring.r1{
    width:90px;
    height:90px;
}

.hb-rescue-fire-ring.r2{
    width:140px;
    height:140px;
}

.hb-rescue-fire-ring.r3{
    width:200px;
    height:200px;
}

.hb-rescue-fire-center{
    position:absolute;

    left:50%;
    top:50%;

    width:70px;
    height:70px;

    transform:
        translate(-50%,-50%);

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

    border-radius:50%;

    background:
        linear-gradient(
            145deg,
            #ff6330,
            #792008
        );

    color:#fff;

    font-size:10px;
    font-weight:700;

    letter-spacing:1.3px;

    box-shadow:
        0 0 30px
        rgba(255,77,22,.16);
}

/* =========================================================
   04 - NO CLEAR PRIORITY
========================================================= */

.hb-rescue-priority{
    position:relative;

    width:240px;
    height:180px;

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

.hb-rescue-priority-line{
    position:absolute;

    width:195px;
    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,77,22,.55),
            transparent
        );
}

.hb-rescue-priority-node{
    position:absolute;

    width:36px;
    height:36px;

    border-radius:50%;

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

    background:#161616;
}

.hb-rescue-priority-node.n1{
    left:0;
}

.hb-rescue-priority-node.n2{
    left:33%;

    transform:translateX(-50%);
}

.hb-rescue-priority-node.n3{
    left:66%;

    transform:translateX(-50%);
}

.hb-rescue-priority-node.n4{
    right:0;
}

.hb-rescue-priority-pointer{
    position:absolute;

    right:-1px;

    width:13px;
    height:13px;

    border-top:
        2px solid
        var(--orange);

    border-right:
        2px solid
        var(--orange);

    transform:rotate(45deg);
}

/* =========================================================
   FINAL - RECOVERY SYSTEM
========================================================= */

.hb-rescue-stack-card.final{
    background:
        radial-gradient(
            circle at 70% 30%,
            rgba(255,77,22,.18),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #121212,
            #050505
        );

    border-color:
        rgba(255,77,22,.24);
}

.hb-rescue-final-system{
    position:relative;

    width:230px;
    height:210px;
}

.hb-rescue-final-ring{
    position:absolute;

    left:50%;
    top:50%;

    width:155px;
    height:155px;

    transform:translate(-50%,-50%);

    border-radius:50%;

    border:
        1px dashed
        rgba(255,77,22,.16);
}

.hb-rescue-final-core{
    position:absolute;

    left:50%;
    top:50%;

    width:82px;
    height:82px;

    transform:
        translate(-50%,-50%);

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

    border-radius:25px;

    background:
        linear-gradient(
            145deg,
            #ff6330,
            #8d2608
        );

    color:#fff;

    box-shadow:
        0 0 50px
        rgba(255,77,22,.22);

    z-index:3;
}

.hb-rescue-final-core::before{
    content:"";

    width:24px;
    height:24px;

    border:
        1.5px solid
        rgba(255,255,255,.9);

    border-radius:50%;
}

.hb-rescue-final-core::after{
    content:"";

    position:absolute;

    width:8px;
    height:8px;

    border-radius:50%;

    background:#fff;
}

.hb-rescue-final-node{
    position:absolute;

    width:36px;
    height:36px;

    border-radius:12px;

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

    background:#181818;
}

.hb-rescue-final-node.n1{
    left:5px;
    top:10px;
}

.hb-rescue-final-node.n2{
    right:5px;
    top:10px;
}

.hb-rescue-final-node.n3{
    left:5px;
    bottom:10px;
}

.hb-rescue-final-node.n4{
    right:5px;
    bottom:10px;
}

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

@media(max-width:760px){

    .hb-rescue-stuck{
        padding:
            75px
            15px
            90px;
    }

    .hb-rescue-stuck-header{
        margin-bottom:45px;
    }

    .hb-rescue-stuck-title{
        font-size:32px;

        letter-spacing:-1.5px;
    }

    .hb-rescue-stuck-copy{
        font-size:11px;
    }

    .hb-rescue-stack-card{
        top:
            calc(
                115px +
                var(--index) * 14px
            );

        min-height:500px;

        padding:24px;

        grid-template-columns:1fr;

        gap:20px;

        border-radius:22px;
    }

    .hb-rescue-stack-card h3{
        font-size:26px;
    }

    .hb-rescue-stack-card p{
        font-size:11px;
    }

    .hb-rescue-stack-visual{
        height:190px;
    }

    .hb-rescue-warning{
        transform:scale(.80);
    }

    .hb-rescue-disconnect{
        transform:scale(.82);
    }

    .hb-rescue-fire{
        transform:scale(.82);
    }

    .hb-rescue-priority{
        transform:scale(.84);
    }

    .hb-rescue-final-system{
        transform:scale(.82);
    }

}


/* =========================================================
   HOW WE RESCUE (#rescue-how, capability grid)
=========================================================*/
/* =========================================================
   HUMANBOTS - BUSINESS RESCUE CAPABILITY GRID
========================================================= */

.hb-rescue-capabilities,
.hb-rescue-capabilities *{
    box-sizing:border-box;
}

.hb-rescue-capabilities{
    --orange:#ff4d16;
    --white:#f2f2f2;
    --muted:#737373;
    --line:rgba(255,255,255,.10);

    width:100%;

    background:#000;
    color:#fff;

    font-family:var(--font-body);

    padding:
        110px
        24px
        120px;

    overflow:hidden;
}

.hb-rescue-capabilities-inner{
    width:100%;
    max-width:1500px;

    margin:0 auto;
}

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

.hb-rescue-capabilities-header{
    max-width:900px;

    margin-bottom:52px;
}

.hb-rescue-capabilities-eyebrow{
    margin-bottom:15px;

    color:var(--orange);

    font-size:9px;
    font-weight:700;

    letter-spacing:2.8px;

    text-transform:uppercase;
}

.hb-rescue-capabilities-title{
    margin:0;

    color:#f2f2f2;

    font-size:
        clamp(
            36px,
            3.4vw,
            52px
        );

    line-height:1.03;

    letter-spacing:-2.4px;

    font-weight:500;
}

.hb-rescue-capabilities-title span{
    color:#5f5f5f;
}

.hb-rescue-capabilities-copy{
    max-width:720px;

    margin:19px 0 0;

    color:#717171;

    font-size:13px;
    line-height:1.65;
}

/* =========================================================
   GRID
========================================================= */

.hb-rescue-capabilities-grid{
    display:grid;

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

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

    border-left:
        1px solid
        var(--line);

    border-radius:28px;

    overflow:hidden;
}

/* =========================================================
   CARD
========================================================= */

.hb-rescue-cap-card{
    position:relative;

    min-height:455px;

    padding:30px;

    border-right:
        1px solid
        var(--line);

    border-bottom:
        1px solid
        var(--line);

    background:
        radial-gradient(
            circle at 75% 12%,
            rgba(255,77,22,.03),
            transparent 32%
        ),
        #020202;

    opacity:0;

    transform:
        translateY(34px)
        scale(.986);

    transition:
        opacity .7s cubic-bezier(.16,1,.3,1),
        transform .85s cubic-bezier(.16,1,.3,1),
        background .35s ease,
        border-color .35s ease;
}

.hb-rescue-cap-card.visible{
    opacity:1;

    transform:none;
}

.hb-rescue-cap-card:hover{
    background:
        radial-gradient(
            circle at 75% 12%,
            rgba(255,77,22,.075),
            transparent 38%
        ),
        #050505;

    border-color:
        rgba(255,77,22,.20);
}

/* =========================================================
   VISUAL
========================================================= */

.hb-rescue-cap-visual{
    position:relative;

    height:190px;

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

    margin-bottom:27px;
}

.hb-rescue-cap-glow{
    position:absolute;

    width:145px;
    height:145px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,77,22,.11),
            transparent 70%
        );

    filter:blur(14px);
}

/* =========================================================
   01 DIAGNOSE
========================================================= */

.hb-rescue-v-diagnose{
    width:165px;
    height:150px;

    position:relative;
}

.hb-rescue-v-diagnose-ring{
    position:absolute;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    border-radius:50%;

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

.hb-rescue-v-diagnose-ring.r1{
    width:145px;
    height:145px;
}

.hb-rescue-v-diagnose-ring.r2{
    width:105px;
    height:105px;

    border-style:dashed;

    border-color:
        rgba(255,77,22,.18);
}

.hb-rescue-v-diagnose-ring.r3{
    width:68px;
    height:68px;
}

.hb-rescue-v-diagnose-core{
    position:absolute;

    left:50%;
    top:50%;

    width:48px;
    height:48px;

    transform:translate(-50%,-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle at 35% 30%,
            #ff6533,
            #742008
        );

    box-shadow:
        0 0 28px
        rgba(255,77,22,.18);
}

.hb-rescue-v-diagnose-dot{
    position:absolute;

    width:8px;
    height:8px;

    border-radius:50%;

    background:var(--orange);

    box-shadow:
        0 0 8px
        rgba(255,77,22,.6);
}

.hb-rescue-v-diagnose-dot.d1{
    top:18px;
    left:26px;
}

.hb-rescue-v-diagnose-dot.d2{
    top:31px;
    right:19px;
}

.hb-rescue-v-diagnose-dot.d3{
    bottom:20px;
    left:35px;
}

/* =========================================================
   02 STABILIZE
========================================================= */

.hb-rescue-v-stabilize{
    position:relative;

    width:175px;
    height:125px;

    padding:15px;

    border-radius:16px;

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

    background:
        linear-gradient(
            145deg,
            #111,
            #070707
        );

    box-shadow:
        0 25px 55px
        rgba(0,0,0,.35);
}

.hb-rescue-v-stabilize-top{
    display:flex;

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

    margin-bottom:18px;
}

.hb-rescue-v-stabilize-status{
    width:6px;
    height:6px;

    border-radius:50%;

    background:var(--orange);

    box-shadow:
        0 0 8px
        rgba(255,77,22,.6);
}

.hb-rescue-v-stabilize-label{
    width:56px;
    height:5px;

    border-radius:999px;

    background:#313131;
}

.hb-rescue-v-stabilize-line{
    height:7px;

    margin-bottom:9px;

    border-radius:999px;

    background:#292929;
}

.hb-rescue-v-stabilize-line.orange{
    width:78%;

    background:
        linear-gradient(
            90deg,
            var(--orange),
            #67210d
        );
}

.hb-rescue-v-stabilize-line.short{
    width:52%;
}

/* =========================================================
   03 REVENUE
========================================================= */

.hb-rescue-v-revenue{
    position:relative;

    width:170px;
    height:135px;

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

    gap:9px;
}

.hb-rescue-v-revenue-bar{
    width:22px;

    height:var(--h);

    border-radius:
        7px
        7px
        2px
        2px;

    background:
        linear-gradient(
            to top,
            #251006,
            var(--orange)
        );

    transform:scaleY(.25);

    transform-origin:bottom;

    transition:
        transform .8s
        cubic-bezier(.16,1,.3,1);
}

.hb-rescue-cap-card.visible
.hb-rescue-v-revenue-bar{
    transform:scaleY(1);
}

.hb-rescue-v-revenue-bar:nth-child(1){
    transition-delay:.12s;
}

.hb-rescue-v-revenue-bar:nth-child(2){
    transition-delay:.19s;
}

.hb-rescue-v-revenue-bar:nth-child(3){
    transition-delay:.26s;
}

.hb-rescue-v-revenue-bar:nth-child(4){
    transition-delay:.33s;
}

.hb-rescue-v-revenue-line{
    position:absolute;

    left:10px;
    right:10px;
    top:42px;

    height:1px;

    transform:rotate(-13deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--orange),
            transparent
        );

    box-shadow:
        0 0 10px
        rgba(255,77,22,.3);
}

/* =========================================================
   04 OPERATIONS
========================================================= */

.hb-rescue-v-operations{
    position:relative;

    width:180px;
    height:145px;
}

.hb-rescue-v-operations-core{
    position:absolute;

    left:50%;
    top:50%;

    width:54px;
    height:54px;

    transform:
        translate(-50%,-50%);

    border-radius:18px;

    background:
        radial-gradient(
            circle at 35% 30%,
            #ff6532,
            #742008
        );

    z-index:3;
}

.hb-rescue-v-op-node{
    position:absolute;

    width:31px;
    height:31px;

    border-radius:50%;

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

    background:#171717;
}

.hb-rescue-v-op-node.n1{
    left:5px;
    top:8px;
}

.hb-rescue-v-op-node.n2{
    right:5px;
    top:8px;
}

.hb-rescue-v-op-node.n3{
    left:5px;
    bottom:8px;
}

.hb-rescue-v-op-node.n4{
    right:5px;
    bottom:8px;
}

.hb-rescue-v-op-line{
    position:absolute;

    left:50%;
    top:50%;

    width:115px;
    height:1px;

    transform-origin:center;

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

.hb-rescue-v-op-line.l1{
    transform:
        translate(-50%,-50%)
        rotate(35deg);
}

.hb-rescue-v-op-line.l2{
    transform:
        translate(-50%,-50%)
        rotate(-35deg);
}

/* =========================================================
   05 CUSTOMER EXPERIENCE
========================================================= */

.hb-rescue-v-cx{
    position:relative;

    width:175px;
    height:140px;
}

.hb-rescue-v-cx-message{
    position:absolute;

    min-width:105px;

    padding:
        10px
        12px;

    border-radius:12px;

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

    background:#101010;
}

.hb-rescue-v-cx-message.m1{
    left:0;
    top:13px;
}

.hb-rescue-v-cx-message.m2{
    right:0;
    top:58px;

    border-color:
        rgba(255,77,22,.25);

    background:
        linear-gradient(
            145deg,
            rgba(255,77,22,.12),
            #0b0b0b
        );
}

.hb-rescue-v-cx-message.m3{
    left:19px;
    bottom:0;
}

.hb-rescue-v-cx-line{
    display:block;

    height:5px;

    margin-bottom:6px;

    border-radius:999px;

    background:#303030;
}

.hb-rescue-v-cx-line:last-child{
    width:62%;

    margin-bottom:0;
}

.hb-rescue-v-cx-message.m2
.hb-rescue-v-cx-line:first-child{
    background:var(--orange);
}

/* =========================================================
   06 RECOVERY SYSTEM
========================================================= */

.hb-rescue-v-system{
    position:relative;

    width:185px;
    height:150px;
}

.hb-rescue-v-system-ring{
    position:absolute;

    left:50%;
    top:50%;

    width:135px;
    height:135px;

    transform:translate(-50%,-50%);

    border-radius:50%;

    border:
        1px dashed
        rgba(255,77,22,.17);
}

.hb-rescue-v-system-core{
    position:absolute;

    left:50%;
    top:50%;

    width:62px;
    height:62px;

    transform:
        translate(-50%,-50%);

    border-radius:18px;

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

    color:#fff;

    background:
        radial-gradient(
            circle at 35% 30%,
            #ff6532,
            #742008
        );

    z-index:3;
}

.hb-rescue-v-system-core::before,
.hb-rescue-v-system-core::after{
    content:"";

    position:absolute;

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

.hb-rescue-v-system-core::before{
    width:22px;
    height:1px;
}

.hb-rescue-v-system-core::after{
    width:1px;
    height:22px;
}

.hb-rescue-v-system-node{
    position:absolute;

    width:28px;
    height:28px;

    border-radius:50%;

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

    background:#171717;
}

.hb-rescue-v-system-node.n1{
    left:7px;
    top:9px;
}

.hb-rescue-v-system-node.n2{
    right:7px;
    top:9px;
}

.hb-rescue-v-system-node.n3{
    left:7px;
    bottom:9px;
}

.hb-rescue-v-system-node.n4{
    right:7px;
    bottom:9px;
}

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

.hb-rescue-cap-number{
    margin-bottom:14px;

    color:var(--orange);

    font-size:9px;
    font-weight:700;
}

.hb-rescue-cap-card h3{
    margin:0 0 12px;

    color:#efefef;

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

    letter-spacing:-.9px;

    font-weight:500;
}

.hb-rescue-cap-card p{
    max-width:390px;

    margin:0;

    color:#707070;

    font-size:12px;
    line-height:1.63;
}

/* =========================================================
   TAGS
========================================================= */

.hb-rescue-cap-tags{
    display:flex;
    flex-wrap:wrap;

    gap:7px;

    margin-top:18px;
}

.hb-rescue-cap-tag{
    padding:
        7px
        9px;

    border-radius:999px;

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

    color:#626262;

    font-size:8px;
}

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

@media(max-width:1000px){

    .hb-rescue-capabilities{
        padding:
            90px
            20px
            100px;
    }

    .hb-rescue-capabilities-grid{
        grid-template-columns:
            repeat(2,1fr);
    }

}

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

@media(max-width:650px){

    .hb-rescue-capabilities{
        padding:
            70px
            15px
            80px;
    }

    .hb-rescue-capabilities-header{
        margin-bottom:38px;
    }

    .hb-rescue-capabilities-title{
        font-size:32px;

        letter-spacing:-1.5px;
    }

    .hb-rescue-capabilities-copy{
        font-size:11px;
    }

    .hb-rescue-capabilities-grid{
        grid-template-columns:1fr;

        border-radius:22px;
    }

    .hb-rescue-cap-card{
        min-height:380px;

        padding:24px;
    }

    .hb-rescue-cap-visual{
        height:145px;

        margin-bottom:22px;
    }

    .hb-rescue-cap-card h3{
        font-size:20px;
    }

    .hb-rescue-cap-card p{
        font-size:11px;
    }

}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

    .hb-rescue-cap-card,
    .hb-rescue-v-revenue-bar{
        transition:none !important;
    }

}


/* =========================================================
   QUICK FIX VS HUMANBOTS (comparison matrix)
=========================================================*/
/* =========================================================
   HUMANBOTS - BUSINESS RESCUE
   QUICK FIX VS HUMANBOTS
   FEATURE MATRIX
========================================================= */

#hbRescueCompare,
#hbRescueCompare *{
    box-sizing:border-box;
}

#hbRescueCompare{
    --orange:#ff4d16;
    --white:#f2f2f2;
    --muted:#6a6a6a;
    --line:rgba(255,255,255,.08);
    --stripe:rgba(255,255,255,.018);

    width:100%;

    background:#000;
    color:#fff;

    font-family:var(--font-body);

    padding:
        115px
        24px
        125px;
}

#hbRescueCompare .hbrc-inner{
    width:100%;
    max-width:1450px;

    margin:0 auto;
}

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

#hbRescueCompare .hbrc-header{
    max-width:930px;

    margin-bottom:50px;
}

#hbRescueCompare .hbrc-eyebrow{
    margin-bottom:15px;

    color:var(--orange);

    font-size:9px;
    font-weight:700;

    letter-spacing:2.8px;

    text-transform:uppercase;
}

#hbRescueCompare .hbrc-title{
    margin:0;

    color:var(--white);

    font-size:
        clamp(
            36px,
            3.4vw,
            52px
        );

    line-height:1.03;

    letter-spacing:-2.4px;

    font-weight:500;
}

#hbRescueCompare .hbrc-title span{
    color:#5f5f5f;
}

#hbRescueCompare .hbrc-copy{
    max-width:720px;

    margin:18px 0 0;

    color:#707070;

    font-size:13px;
    line-height:1.65;
}

/* =========================================================
   INTRO STATEMENT
========================================================= */

#hbRescueCompare .hbrc-statement{
    display:grid;

    grid-template-columns:
        180px
        1fr;

    gap:35px;

    align-items:start;

    margin-bottom:32px;

    padding:
        27px
        30px;

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

    border-radius:20px;

    background:
        radial-gradient(
            circle at 90% 0%,
            rgba(255,77,22,.07),
            transparent 35%
        ),
        #050505;
}

#hbRescueCompare .hbrc-statement-label{
    padding-top:3px;

    color:var(--orange);

    font-size:8px;
    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;
}

#hbRescueCompare .hbrc-statement p{
    max-width:900px;

    margin:0;

    color:#929292;

    font-size:13px;
    line-height:1.7;
}

#hbRescueCompare .hbrc-statement strong{
    color:#e1e1e1;

    font-weight:500;
}

/* =========================================================
   TABLE SHELL
========================================================= */

#hbRescueCompare .hbrc-table{
    position:relative;

    /* clip (not hidden) so the column header can stick */
    overflow:hidden;
    overflow:clip;

    border-radius:26px;

    border:
        1px solid
        var(--line);

    background:#040404;
}

/* =========================================================
   STICKY HEADER
========================================================= */

#hbRescueCompare .hbrc-head{
    position:sticky;

    /* sits just under the fixed header pill */
    top:108px;

    z-index:5;

    display:grid;

    grid-template-columns:
        300px
        1fr
        1fr;

    background:#080808;

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

#hbRescueCompare .hbrc-head-blank{
    padding:
        26px
        28px;

    display:flex;
    align-items:flex-end;

    color:#4a4a4a;

    font-size:9px;
    font-weight:700;

    letter-spacing:1.8px;

    text-transform:uppercase;

    border-right:
        1px solid
        var(--line);
}

/* =========================================================
   BRAND HEADERS
========================================================= */

#hbRescueCompare .hbrc-brand{
    padding:
        24px
        20px;

    display:flex;

    flex-direction:column;

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

    gap:10px;

    text-align:center;

    border-right:
        1px solid
        var(--line);
}

#hbRescueCompare .hbrc-brand:last-child{
    border-right:0;
}

#hbRescueCompare .hbrc-brand.hb{
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(255,77,22,.14),
            transparent 62%
        );
}

#hbRescueCompare .hbrc-brand-icon{
    position:relative;

    width:44px;
    height:44px;

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

    border-radius:14px;

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

    color:#5f5f5f;

    background:#0c0c0c;
}

/* QUICK FIX ICON */

#hbRescueCompare .hbrc-brand.quick
.hbrc-brand-icon::before{
    content:"";

    width:18px;
    height:18px;

    border:
        1.5px solid
        currentColor;

    border-radius:50%;
}

#hbRescueCompare .hbrc-brand.quick
.hbrc-brand-icon::after{
    content:"";

    position:absolute;

    width:12px;
    height:1.5px;

    background:currentColor;

    transform:rotate(-45deg);
}

/* HUMANBOTS ICON */

#hbRescueCompare .hbrc-brand.hb
.hbrc-brand-icon{
    color:#fff;

    border-color:
        rgba(255,77,22,.28);

    background:
        linear-gradient(
            145deg,
            #ff6230,
            #812208
        );

    box-shadow:
        0 0 28px
        rgba(255,77,22,.18);
}

#hbRescueCompare .hbrc-brand.hb
.hbrc-brand-icon::before{
    content:"";

    width:17px;
    height:17px;

    border:
        1.5px solid
        rgba(255,255,255,.95);

    border-radius:50%;
}

#hbRescueCompare .hbrc-brand.hb
.hbrc-brand-icon::after{
    content:"";

    position:absolute;

    width:5px;
    height:5px;

    border-radius:50%;

    background:#fff;
}

#hbRescueCompare .hbrc-brand-name{
    color:#8a8a8a;

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

    letter-spacing:-.7px;

    font-weight:500;
}

#hbRescueCompare .hbrc-brand.hb
.hbrc-brand-name{
    color:#efefef;
}

#hbRescueCompare .hbrc-brand-label{
    color:#4f4f4f;

    font-size:8px;
    font-weight:700;

    letter-spacing:1.8px;

    text-transform:uppercase;
}

#hbRescueCompare .hbrc-brand.hb
.hbrc-brand-label{
    color:var(--orange);
}

/* =========================================================
   GROUP
========================================================= */

#hbRescueCompare .hbrc-group{
    padding:
        20px
        28px;

    display:flex;

    align-items:center;

    gap:11px;

    background:#0a0a0a;

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

#hbRescueCompare .hbrc-group-dot{
    width:7px;
    height:7px;

    flex:0 0 auto;

    border-radius:50%;

    background:var(--orange);

    box-shadow:
        0 0 10px
        rgba(255,77,22,.45);
}

#hbRescueCompare .hbrc-group span{
    color:#e4e4e4;

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

    letter-spacing:-.3px;
}

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

#hbRescueCompare .hbrc-row{
    display:grid;

    grid-template-columns:
        300px
        1fr
        1fr;

    border-bottom:
        1px solid
        var(--line);

    opacity:0;

    transform:
        translateY(16px);

    transition:
        opacity .55s cubic-bezier(.16,1,.3,1),
        transform .7s cubic-bezier(.16,1,.3,1);
}

#hbRescueCompare .hbrc-row.visible{
    opacity:1;

    transform:none;
}

#hbRescueCompare .hbrc-row:nth-of-type(even){
    background:
        var(--stripe);
}

#hbRescueCompare .hbrc-row:last-child{
    border-bottom:0;
}

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

#hbRescueCompare .hbrc-feature{
    padding:
        22px
        28px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    border-right:
        1px solid
        var(--line);
}

#hbRescueCompare .hbrc-feature strong{
    color:#d6d6d6;

    font-size:13px;
    font-weight:500;

    letter-spacing:-.2px;
}

#hbRescueCompare .hbrc-feature span{
    margin-top:5px;

    color:#5a5a5a;

    font-size:9px;
    line-height:1.5;
}

/* =========================================================
   CELL
========================================================= */

#hbRescueCompare .hbrc-cell{
    padding:
        22px
        22px;

    display:flex;

    align-items:center;

    border-right:
        1px solid
        var(--line);
}

#hbRescueCompare .hbrc-cell:last-child{
    border-right:0;
}

#hbRescueCompare .hbrc-cell.hb{
    background:
        linear-gradient(
            180deg,
            rgba(255,77,22,.02),
            transparent
        );
}

#hbRescueCompare .hbrc-value{
    margin:0;

    color:#777;

    font-size:11px;
    line-height:1.6;
}

#hbRescueCompare .hbrc-cell.hb
.hbrc-value{
    color:#d8d8d8;
}

/* =========================================================
   FINAL ROW
========================================================= */

#hbRescueCompare .hbrc-row.final{
    background:
        radial-gradient(
            circle at 80% 50%,
            rgba(255,77,22,.09),
            transparent 42%
        );
}

#hbRescueCompare .hbrc-row.final
.hbrc-feature strong{
    color:var(--orange);
}

#hbRescueCompare .hbrc-row.final
.hbrc-value{
    font-size:12px;
}

#hbRescueCompare .hbrc-row.final
.hbrc-cell.hb
.hbrc-value{
    color:#f0f0f0;

    font-weight:500;
}

/* =========================================================
   BOTTOM
========================================================= */

#hbRescueCompare .hbrc-bottom{
    display:flex;

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

    gap:35px;

    margin-top:34px;

    padding-top:28px;

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

    opacity:0;

    transform:
        translateY(18px);

    transition:
        opacity .7s ease,
        transform .8s cubic-bezier(.16,1,.3,1);
}

#hbRescueCompare.active
.hbrc-bottom{
    opacity:1;

    transform:none;

    transition-delay:.35s;
}

#hbRescueCompare .hbrc-bottom-copy{
    max-width:810px;
}

#hbRescueCompare .hbrc-bottom-copy h3{
    margin:
        0
        0
        10px;

    color:#ededed;

    font-size:
        clamp(
            25px,
            2.3vw,
            35px
        );

    line-height:1.05;

    letter-spacing:-1.3px;

    font-weight:500;
}

#hbRescueCompare .hbrc-bottom-copy h3 span{
    color:var(--orange);
}

#hbRescueCompare .hbrc-bottom-copy p{
    margin:0;

    color:#676767;

    font-size:12px;
    line-height:1.65;
}

/* =========================================================
   BUTTON
========================================================= */

#hbRescueCompare .hbrc-btn{
    min-height:50px;

    padding:
        0
        22px;

    display:inline-flex;

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

    flex:0 0 auto;

    gap:11px;

    border-radius:999px;

    text-decoration:none;

    color:#fff;

    background:var(--orange);

    font-size:10px;
    font-weight:600;

    letter-spacing:.3px;

    box-shadow:
        0 14px 35px
        rgba(255,77,22,.18);

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

#hbRescueCompare .hbrc-btn:hover{
    transform:
        translateY(-3px);

    background:#ff5d27;
}

#hbRescueCompare .hbrc-btn-arrow{
    position:relative;

    width:13px;
    height:13px;
}

#hbRescueCompare .hbrc-btn-arrow::before{
    content:"";

    position:absolute;

    left:1px;
    bottom:2px;

    width:10px;
    height:1px;

    background:#fff;

    transform:
        rotate(-45deg);

    transform-origin:center;
}

#hbRescueCompare .hbrc-btn-arrow::after{
    content:"";

    position:absolute;

    right:1px;
    top:1px;

    width:6px;
    height:6px;

    border-top:
        1px solid
        #fff;

    border-right:
        1px solid
        #fff;
}

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

@media(max-width:1050px){

    #hbRescueCompare{
        padding:
            90px
            20px
            100px;
    }

    #hbRescueCompare .hbrc-head,
    #hbRescueCompare .hbrc-row{
        grid-template-columns:
            240px
            1fr
            1fr;
    }

    #hbRescueCompare .hbrc-head-blank,
    #hbRescueCompare .hbrc-feature,
    #hbRescueCompare .hbrc-group{
        padding-left:20px;
        padding-right:20px;
    }

}

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

@media(max-width:760px){

    #hbRescueCompare{
        padding:
            75px
            15px
            85px;
    }

    #hbRescueCompare .hbrc-header{
        margin-bottom:32px;
    }

    #hbRescueCompare .hbrc-title{
        font-size:32px;

        letter-spacing:-1.5px;
    }

    #hbRescueCompare .hbrc-copy{
        font-size:11px;
    }

    #hbRescueCompare .hbrc-statement{
        grid-template-columns:1fr;

        gap:10px;

        padding:
            21px
            18px;
    }

    #hbRescueCompare .hbrc-statement p{
        font-size:11px;
    }

    #hbRescueCompare .hbrc-table{
        border-radius:20px;
    }

    /* HEADER */

    #hbRescueCompare .hbrc-head{
        top:100px;

        grid-template-columns:
            1fr
            1fr;
    }

    #hbRescueCompare .hbrc-head-blank{
        display:none;
    }

    #hbRescueCompare .hbrc-brand{
        padding:
            18px
            10px;

        gap:8px;
    }

    #hbRescueCompare .hbrc-brand-icon{
        width:34px;
        height:34px;

        border-radius:11px;
    }

    #hbRescueCompare .hbrc-brand-name{
        font-size:14px;
    }

    #hbRescueCompare .hbrc-brand-label{
        font-size:6px;

        letter-spacing:1.2px;
    }

    /* GROUP */

    #hbRescueCompare .hbrc-group{
        padding:
            15px
            15px;
    }

    #hbRescueCompare .hbrc-group span{
        font-size:12px;
    }

    /* ROW */

    #hbRescueCompare .hbrc-row{
        grid-template-columns:
            1fr
            1fr;
    }

    #hbRescueCompare .hbrc-feature{
        grid-column:
            1 / -1;

        padding:
            14px
            15px
            11px;

        border-right:0;
    }

    #hbRescueCompare .hbrc-feature strong{
        font-size:11px;
    }

    #hbRescueCompare .hbrc-feature span{
        font-size:8px;
    }

    #hbRescueCompare .hbrc-cell{
        padding:
            8px
            12px
            16px;

        display:block;
    }

    #hbRescueCompare .hbrc-cell::before{
        content:
            attr(data-brand);

        display:block;

        margin-bottom:7px;

        color:#4a4a4a;

        font-size:6px;
        font-weight:700;

        letter-spacing:1.1px;

        text-transform:uppercase;
    }

    #hbRescueCompare .hbrc-cell.hb::before{
        color:
            rgba(255,77,22,.75);
    }

    #hbRescueCompare .hbrc-value{
        font-size:9px;

        line-height:1.55;
    }

    #hbRescueCompare .hbrc-row.final
    .hbrc-value{
        font-size:10px;
    }

    #hbRescueCompare .hbrc-bottom{
        display:block;

        margin-top:28px;
    }

    #hbRescueCompare .hbrc-bottom-copy h3{
        font-size:25px;
    }

    #hbRescueCompare .hbrc-bottom-copy p{
        font-size:11px;
    }

    #hbRescueCompare .hbrc-btn{
        margin-top:20px;
    }

}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

    #hbRescueCompare .hbrc-row,
    #hbRescueCompare .hbrc-bottom{
        transition:none !important;

        opacity:1 !important;

        transform:none !important;
    }

}


/* =========================================================
   HOW BUSINESS RESCUE WORKS (#rescue-process, marquees)
=========================================================*/
/* =========================================================
   RESET / VARIABLES
========================================================= */

.hb-rescue-help-section,
.hb-rescue-help-section *{
    box-sizing:border-box;
}

.hb-rescue-help-section{
    --orange:#ff4d16;
    --white:#f5f5f3;
    --line:rgba(255,255,255,.09);
    --gap:16px;

    width:100%;

    padding:
        100px
        20px;

    overflow:hidden;

    background:#000;
    color:#fff;

    font-family:var(--font-body);
}

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

.hb-rescue-help-section .hb-rescue-help-panel{
    position:relative;

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

    margin:0 auto;

    overflow:hidden;

    border:
        1px solid
        var(--line);

    border-radius:28px;

    background:
        radial-gradient(
            circle at 50% 25%,
            rgba(255,77,22,.08),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #090909,
            #020202
        );
}

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

.hb-rescue-help-section .hb-rescue-help-header{
    position:relative;
    z-index:3;

    max-width:880px;

    margin:0 auto;

    padding:
        70px
        24px
        0;

    text-align:center;
}

.hb-rescue-help-section
.hb-rescue-help-header
.hb-rescue-help-eyebrow{
    display:inline-flex;

    align-items:center;

    gap:10px;

    margin:
        0
        0
        18px;

    color:var(--orange);

    font-size:10px;
    font-weight:700;

    line-height:1;

    letter-spacing:2.2px;

    text-transform:uppercase;
}

.hb-rescue-help-section
.hb-rescue-help-header
.hb-rescue-help-eyebrow::before,
.hb-rescue-help-section
.hb-rescue-help-header
.hb-rescue-help-eyebrow::after{
    content:"";

    display:block;

    width:25px;
    height:1px;

    background:
        var(--orange);
}

/* =========================================================
   HEADING
========================================================= */

.hb-rescue-help-section
.hb-rescue-help-header
.hb-rescue-help-title{
    display:block;

    width:100%;

    margin:0;
    padding:0;

    color:
        var(--white);


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

    line-height:
        1.06;

    letter-spacing:
        -2.4px;

    font-weight:
        600;

    text-align:
        center;

    text-transform:
        none;
}

.hb-rescue-help-section
.hb-rescue-help-header
.hb-rescue-help-title-line{
    display:block;
}

.hb-rescue-help-section
.hb-rescue-help-header
.hb-rescue-help-title-muted{
    display:block;

    color:
        #5c5c5c;

}

.hb-rescue-help-section
.hb-rescue-help-header
.hb-rescue-help-desc{
    max-width:690px;

    margin:
        22px
        auto
        0;

    color:
        #777;

    font-size:
        14px;

    line-height:
        1.7;

    font-weight:
        400;
}

/* =========================================================
   TIMELINE
========================================================= */

.hb-rescue-help-section .hb-rescue-help-timeline{
    position:relative;

    z-index:3;

    max-width:760px;

    margin:
        52px
        auto
        0;

    padding:
        0
        28px;
}

.hb-rescue-help-section .hb-rescue-help-timeline-line{
    position:absolute;

    top:20px;

    left:85px;
    right:85px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            rgba(255,77,22,.12),
            rgba(255,77,22,.9),
            rgba(255,77,22,.12)
        );
}

.hb-rescue-help-section .hb-rescue-help-timeline-grid{
    position:relative;

    z-index:2;

    display:grid;

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

.hb-rescue-help-section .hb-rescue-help-step{
    text-align:center;
}

.hb-rescue-help-section .hb-rescue-help-step-dot{
    display:flex;

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

    width:40px;
    height:40px;

    margin:
        0
        auto
        12px;

    border:
        1px solid
        rgba(255,77,22,.5);

    border-radius:50%;

    background:#080808;

    color:var(--orange);

    font-size:9px;
    font-weight:700;
}

.hb-rescue-help-section .hb-rescue-help-step-label{
    display:block;

    color:#606060;

    font-size:8px;
    font-weight:700;

    letter-spacing:1.4px;

    text-transform:uppercase;
}

/* =========================================================
   CENTER MESSAGE
========================================================= */

.hb-rescue-help-section .hb-rescue-help-message{
    position:relative;

    z-index:3;

    max-width:1000px;

    margin:
        65px
        auto
        0;

    padding:
        0
        30px;

    text-align:center;
}

.hb-rescue-help-section .hb-rescue-help-quote{
    margin-bottom:12px;

    color:
        var(--orange);

    font-family:Georgia,serif;

    font-size:64px;

    line-height:.6;
}

.hb-rescue-help-section
.hb-rescue-help-message
h3{
    margin:
        0;

    padding:
        0;

    color:
        #efefef;


    font-size:
        clamp(
            22px,
            2.5vw,
            34px
        );

    line-height:
        1.24;

    letter-spacing:
        -1.2px;

    font-weight:
        500;

    text-transform:
        none;
}

.hb-rescue-help-section
.hb-rescue-help-message
h3 span{
    color:
        #555;

}

.hb-rescue-help-section .hb-rescue-help-note{
    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-top:28px;

    color:#565656;

    font-size:8px;
    font-weight:700;

    letter-spacing:1.3px;

    text-transform:uppercase;
}

.hb-rescue-help-section .hb-rescue-help-note::before{
    content:"";

    display:block;

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--orange);

    box-shadow:
        0
        0
        8px
        var(--orange);
}

/* =========================================================
   HORIZON GLOW
========================================================= */

.hb-rescue-help-section .hb-rescue-help-horizon{
    position:relative;

    height:140px;

    margin-top:25px;

    pointer-events:none;
}

.hb-rescue-help-section .hb-rescue-help-horizon::before{
    content:"";

    position:absolute;

    left:50%;
    top:25px;

    width:75%;
    height:150px;

    transform:
        translateX(-50%);

    background:
        radial-gradient(
            ellipse,
            rgba(255,77,22,.18),
            transparent 65%
        );

    filter:
        blur(32px);
}

.hb-rescue-help-section .hb-rescue-help-horizon::after{
    content:"";

    position:absolute;

    left:50%;
    top:75px;

    width:75%;
    height:1px;

    transform:
        translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,77,22,.25),
            #ff6b38,
            rgba(255,77,22,.25),
            transparent
        );

    box-shadow:
        0
        0
        18px
        rgba(255,77,22,.4);
}

/* =========================================================
   MARQUEE
========================================================= */

.hb-rescue-help-section .hb-rescue-help-marquee-area{
    position:relative;

    overflow:hidden;

    padding:
        0
        0
        60px;
}

.hb-rescue-help-section
.hb-rescue-help-marquee-area::before,
.hb-rescue-help-section
.hb-rescue-help-marquee-area::after{
    content:"";

    position:absolute;

    top:0;
    bottom:0;

    z-index:10;

    width:90px;

    pointer-events:none;
}

.hb-rescue-help-section
.hb-rescue-help-marquee-area::before{
    left:0;

    background:
        linear-gradient(
            90deg,
            #040404,
            transparent
        );
}

.hb-rescue-help-section
.hb-rescue-help-marquee-area::after{
    right:0;

    background:
        linear-gradient(
            -90deg,
            #040404,
            transparent
        );
}

.hb-rescue-help-section .hb-rescue-help-marquee-row{
    overflow:hidden;

    width:100%;

    margin-bottom:16px;
}

.hb-rescue-help-section
.hb-rescue-help-marquee-row:last-child{
    margin-bottom:0;
}

.hb-rescue-help-section .hb-rescue-help-marquee-track{
    display:flex;

    width:max-content;

    gap:
        var(--gap);

    animation:
        hbRescueScrollLeft
        38s
        linear
        infinite;

    will-change:
        transform;
}

.hb-rescue-help-section
.hb-rescue-help-marquee-row.reverse
.hb-rescue-help-marquee-track{
    animation-name:
        hbRescueScrollRight;

    animation-duration:
        44s;
}

.hb-rescue-help-section
.hb-rescue-help-marquee-row.slow
.hb-rescue-help-marquee-track{
    animation-duration:
        52s;
}

.hb-rescue-help-section
.hb-rescue-help-marquee-row:hover
.hb-rescue-help-marquee-track{
    animation-play-state:
        paused;
}

@keyframes hbRescueScrollLeft{

    from{
        transform:
            translateX(0);
    }

    to{
        transform:
            translateX(
                calc(
                    -50% -
                    (
                        var(--gap) /
                        2
                    )
                )
            );
    }

}

@keyframes hbRescueScrollRight{

    from{
        transform:
            translateX(
                calc(
                    -50% -
                    (
                        var(--gap) /
                        2
                    )
                )
            );
    }

    to{
        transform:
            translateX(0);
    }

}

/* =========================================================
   CARD
========================================================= */

.hb-rescue-help-section .hb-rescue-help-card{
    display:flex;

    flex-direction:column;

    width:300px;
    min-height:175px;

    flex:
        0
        0
        300px;

    padding:20px;

    border:
        1px solid
        var(--line);

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.025),
            rgba(255,255,255,.008)
        );

    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}

.hb-rescue-help-section .hb-rescue-help-card:hover{
    transform:
        translateY(-3px);

    border-color:
        rgba(255,77,22,.20);

    background:
        radial-gradient(
            circle at 90% 0%,
            rgba(255,77,22,.07),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            rgba(255,255,255,.03),
            rgba(255,255,255,.008)
        );
}

.hb-rescue-help-section .hb-rescue-help-card-top{
    display:flex;

    align-items:center;

    gap:7px;

    margin-bottom:15px;
}

.hb-rescue-help-section .hb-rescue-help-card-dot{
    display:block;

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--orange);

    box-shadow:
        0
        0
        8px
        rgba(255,77,22,.7);
}

.hb-rescue-help-section .hb-rescue-help-card-stage{
    color:#5d5d5d;

    font-size:8px;
    font-weight:700;

    letter-spacing:1.2px;

    text-transform:uppercase;
}

.hb-rescue-help-section
.hb-rescue-help-card
h4{
    margin:
        0
        0
        9px;

    padding:
        0;

    color:
        #e5e5e5;


    font-size:
        16px;

    font-weight:
        500;

    line-height:
        1.2;

    letter-spacing:
        -.2px;

    text-transform:
        none;
}

.hb-rescue-help-section
.hb-rescue-help-card
p{
    margin:
        0;

    color:
        #707070;

    font-size:
        11.5px;

    line-height:
        1.6;
}

.hb-rescue-help-section .hb-rescue-help-card-action{
    margin-top:auto;

    padding-top:15px;

    color:#4f4f4f;

    font-size:8px;
    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;
}

.hb-rescue-help-section
.hb-rescue-help-card-action
span{
    margin-left:5px;

    color:
        var(--orange);

}

/* =========================================================
   BOTTOM STATS / RECOVERY FLOW
========================================================= */

.hb-rescue-help-section .hb-rescue-help-stats{
    display:grid;

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

    padding:
        50px
        45px
        42px;

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

    background:#030303;
}

.hb-rescue-help-section .hb-rescue-help-stat{
    position:relative;

    padding:
        0
        18px;

    text-align:center;
}

.hb-rescue-help-section
.hb-rescue-help-stat:not(:last-child)::after{
    content:"";

    position:absolute;

    top:5px;
    right:0;

    width:1px;
    height:55px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(255,255,255,.12),
            transparent
        );
}

.hb-rescue-help-section .hb-rescue-help-stat-number{
    display:block;

    color:#f3f3f1;

    font-size:
        clamp(
            27px,
            2.8vw,
            40px
        );

    line-height:1;

    font-weight:600;

    letter-spacing:-1.7px;
}

.hb-rescue-help-section
.hb-rescue-help-stat-number
span{
    color:
        var(--orange);

}

.hb-rescue-help-section .hb-rescue-help-stat-label{
    display:block;

    max-width:180px;

    margin:
        12px
        auto
        0;

    color:#656565;

    font-size:10px;

    line-height:1.45;
}

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

@media(max-width:900px){

    .hb-rescue-help-section{
        padding:
            80px
            16px;
    }

    .hb-rescue-help-section
    .hb-rescue-help-stats{
        grid-template-columns:
            repeat(
                2,
                1fr
            );

        gap:
            35px
            0;
    }

    .hb-rescue-help-section
    .hb-rescue-help-stat:nth-child(2)::after{
        display:none;
    }

}

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

@media(max-width:650px){

    .hb-rescue-help-section{
        padding:
            55px
            12px;
    }

    .hb-rescue-help-section
    .hb-rescue-help-panel{
        border-radius:20px;
    }

    .hb-rescue-help-section
    .hb-rescue-help-header{
        padding:
            42px
            18px
            0;
    }

    .hb-rescue-help-section
    .hb-rescue-help-header
    .hb-rescue-help-title{
        font-size:
            30px;

        line-height:
            1.14;

        letter-spacing:
            -1.3px;
    }

    .hb-rescue-help-section
    .hb-rescue-help-header
    .hb-rescue-help-desc{
        font-size:
            13px;
    }

    .hb-rescue-help-section
    .hb-rescue-help-timeline{
        margin-top:38px;

        padding:
            0
            5px;
    }

    .hb-rescue-help-section
    .hb-rescue-help-timeline-line{
        top:16px;

        left:38px;
        right:38px;
    }

    .hb-rescue-help-section
    .hb-rescue-help-step-dot{
        width:32px;
        height:32px;

        font-size:7px;
    }

    .hb-rescue-help-section
    .hb-rescue-help-step-label{
        font-size:6.5px;

        letter-spacing:.5px;
    }

    .hb-rescue-help-section
    .hb-rescue-help-message{
        margin-top:48px;

        padding:
            0
            18px;
    }

    .hb-rescue-help-section
    .hb-rescue-help-quote{
        font-size:50px;
    }

    .hb-rescue-help-section
    .hb-rescue-help-message
    h3{
        font-size:
            21px;

        line-height:
            1.28;

        letter-spacing:
            -.6px;
    }

    .hb-rescue-help-section
    .hb-rescue-help-horizon{
        height:100px;
    }

    .hb-rescue-help-section
    .hb-rescue-help-horizon::after{
        top:55px;

        width:90%;
    }

    .hb-rescue-help-section
    .hb-rescue-help-marquee-area::before,
    .hb-rescue-help-section
    .hb-rescue-help-marquee-area::after{
        width:30px;
    }

    .hb-rescue-help-section
    .hb-rescue-help-card{
        width:260px;

        flex-basis:260px;
    }

    .hb-rescue-help-section
    .hb-rescue-help-stats{
        padding:
            38px
            12px
            32px;
    }

    .hb-rescue-help-section
    .hb-rescue-help-stat{
        padding:
            0
            6px;
    }

    .hb-rescue-help-section
    .hb-rescue-help-stat-number{
        font-size:25px;
    }

    .hb-rescue-help-section
    .hb-rescue-help-stat-label{
        max-width:125px;

        font-size:9px;
    }

}

/* =========================================================
   ACCESSIBILITY
========================================================= */

@media(prefers-reduced-motion:reduce){

    .hb-rescue-help-section
    .hb-rescue-help-marquee-track{
        animation:none !important;
    }

}


/* =========================================================
   START YOUR RESCUE (#rescue-start, diagnosis request form)
   Target of every "Rescue My Business" button on the page.
========================================================= */

.hbr-start,
.hbr-start *{
    box-sizing:border-box;
}

.hbr-start{
    --orange:#ff4d16;

    width:100%;
    padding:10px 20px 130px;

    background:#000;
    color:#fff;

    font-family:var(--font-body);

    scroll-margin-top:110px;
}

.hbr-start-card{
    position:relative;

    max-width:1500px;
    margin:0 auto;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;

    padding:70px 60px;

    border:1px solid rgba(255,255,255,.10);
    border-radius:28px;

    overflow:hidden;

    background:
        radial-gradient(circle at 12% 0%, rgba(255,77,22,.16), transparent 52%),
        linear-gradient(145deg,#0d0d0d,#040404);

    box-shadow:0 35px 100px rgba(0,0,0,.45);
}

.hbr-start-eyebrow{
    margin-bottom:16px;

    color:var(--orange);

    font-size:10px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
}

.hbr-start-title{
    margin:0;

    color:#f2f2f2;

    font-size:clamp(38px,3.8vw,60px);
    line-height:1;
    letter-spacing:-2.8px;
    font-weight:500;
}

.hbr-start-title span{
    display:block;
    color:var(--orange);
}

.hbr-start-text{
    max-width:470px;
    margin:24px 0 0;

    color:#7a7a7a;

    font-size:15px;
    line-height:1.65;
}

.hbr-start-note{
    display:inline-flex;
    align-items:center;
    gap:9px;

    margin-top:28px;
    padding:9px 14px;

    border:1px solid rgba(255,77,22,.25);
    border-radius:999px;

    background:rgba(255,77,22,.06);

    color:#d6d6d6;

    font-size:11px;
    font-weight:500;
}

.hbr-start-note-dot{
    width:6px;
    height:6px;

    border-radius:50%;

    background:var(--orange);
    box-shadow:0 0 10px rgba(255,77,22,.7);
}

.hbr-start-call{
    display:flex;
    flex-wrap:wrap;
    gap:8px 12px;

    margin-top:34px;
    padding-top:22px;

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

    font-size:13px;
}

.hbr-start-call span{ color:#6f6f6f; }

.hbr-start-call a{
    color:#f2f2f2;
    font-weight:600;
    transition:color .2s ease;
}

.hbr-start-call a:hover{ color:var(--orange); }

/* form */

.hbr-start-form{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;

    align-content:start;
}

.hbr-start-field{
    display:flex;
    flex-direction:column;
    gap:8px;

    min-width:0;
    margin:0;
    padding:0;
    border:0;
}

.hbr-start-field-full{ grid-column:1 / -1; }

.hbr-start-field label,
.hbr-start-field legend{
    padding:0;

    color:#9a9a9a;

    font-size:11px;
    font-weight:500;
}

.hbr-start-field legend{ margin-bottom:10px; }

.hbr-start-field small{
    color:#555;
    font-size:10px;
}

.hbr-start-field input[type="text"],
.hbr-start-field input[type="email"],
.hbr-start-field input[type="url"],
.hbr-start-field input[type="tel"],
.hbr-start-field textarea{
    width:100%;
    min-height:50px;

    padding:14px 16px;

    border:1px solid rgba(255,255,255,.10);
    border-radius:12px;

    background:#050505;

    color:#fff;

    font-family:inherit;
    font-size:14px;

    resize:vertical;

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

.hbr-start-field input::placeholder{ color:#444; }

.hbr-start-field input:focus,
.hbr-start-field textarea:focus{
    outline:none;
    border-color:rgba(255,77,22,.55);
    box-shadow:0 0 0 4px rgba(255,77,22,.10);
}

.hbr-start-field.has-error input[type]{ border-color:rgba(255,77,22,.8); }

/* problem-area chips (checkboxes) */

.hbr-start-chips{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.hbr-chip{ position:relative; cursor:pointer; }

.hbr-chip input{
    position:absolute;
    opacity:0;
    width:1px;
    height:1px;
}

.hbr-chip span{
    display:inline-flex;
    align-items:center;

    min-height:38px;
    padding:0 15px;

    border:1px solid rgba(255,255,255,.10);
    border-radius:999px;

    background:#050505;

    color:#9a9a9a;

    font-size:12px;
    font-weight:500;

    transition:border-color .2s ease, background .2s ease, color .2s ease;
}

.hbr-chip:hover span{ border-color:rgba(255,77,22,.35); color:#ddd; }

.hbr-chip input:checked + span{
    border-color:var(--orange);
    background:rgba(255,77,22,.12);
    color:#fff;
}

.hbr-chip input:focus-visible + span{
    box-shadow:0 0 0 4px rgba(255,77,22,.18);
}

.hbr-start-submit{
    grid-column:1 / -1;

    min-height:56px;
    margin-top:6px;

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

    border:0;
    border-radius:999px;

    background:var(--orange);
    color:#fff;

    font-family:inherit;
    font-size:13px;
    font-weight:600;

    cursor:pointer;

    box-shadow:0 14px 40px rgba(255,77,22,.22);

    transition:transform .3s ease, box-shadow .3s ease;
}

.hbr-start-submit:hover{
    transform:translateY(-2px);
    box-shadow:0 20px 50px rgba(255,77,22,.32);
}

.hbr-start-msg{
    grid-column:1 / -1;

    min-height:20px;
    margin:0;

    color:#ffb27f;

    font-size:13px;
}

@media(max-width:1000px){
    .hbr-start-card{
        grid-template-columns:1fr;
        gap:45px;
        padding:55px 36px;
    }
}

@media(max-width:650px){
    .hbr-start{ padding:0 12px 100px; }

    .hbr-start-card{
        padding:40px 20px;
        border-radius:20px;
    }

    .hbr-start-title{
        font-size:36px;
        letter-spacing:-1.8px;
    }

    .hbr-start-text{ font-size:13px; }

    .hbr-start-form{ grid-template-columns:1fr; }
}

@media(prefers-reduced-motion:reduce){
    .hbr-start-submit,
    .hbr-chip span{ transition:none !important; }
}