/* ==========================================================
   IQ CONNECT
   HEADER V4 — TWIN SHADE PREMIUM
========================================================== */

.iq-header-v4{
    --iq-blue:#1268ff;
    --iq-blue-dark:#064fcf;
    --iq-cyan:#23d5ed;
    --iq-cyan-light:#7cecf7;
    --iq-ink:#071c2f;
    --iq-text:#18364e;
    --iq-muted:#71879a;
    --iq-line:rgba(15,105,180,.13);

    position:sticky;
    top:0;
    z-index:1200;

    background:
        linear-gradient(
            100deg,
            rgba(255,255,255,.98) 0%,
            rgba(249,253,255,.98) 44%,
            rgba(237,249,255,.98) 100%
        );

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

    box-shadow:
        0 12px 38px rgba(5,43,78,.075);

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

.iq-header-v4::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--iq-blue-dark),
            var(--iq-blue) 42%,
            var(--iq-cyan) 78%,
            transparent
        );

    pointer-events:none;
}

.iq-header-v4 .header-inner{
    position:relative;
}


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

.iq-header-v4 .brand{
    position:relative;
    text-decoration:none;
}

.iq-header-v4 .brand span{
    color:var(--iq-blue);
}

.iq-header-v4 .header-inner > .brand::after{
    content:"";

    position:absolute;
    left:0;
    bottom:-7px;

    width:42px;
    height:2px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            var(--iq-blue),
            var(--iq-cyan)
        );

    opacity:.75;
}


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

.iq-header-v4 #navigation > a,
.iq-header-v4 .nav-dropdown > summary{
    position:relative;

    color:var(--iq-text);

    font-weight:700;

    letter-spacing:-.015em;

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

.iq-header-v4 #navigation > a:hover,
.iq-header-v4 .nav-dropdown > summary:hover{
    color:var(--iq-blue);
}


/* ==========================================================
   ACTIVE / HOVER LINE
========================================================== */

.iq-header-v4 .iq-nav-direct::after,
.iq-header-v4 .nav-dropdown > summary::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:-9px;

    width:0;
    height:3px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            var(--iq-blue),
            var(--iq-cyan)
        );

    box-shadow:
        0 3px 10px rgba(18,104,255,.20);

    transform:translateX(-50%);

    transition:width .24s ease;
}

.iq-header-v4 .iq-nav-direct:hover::after,
.iq-header-v4 .iq-nav-direct.nav-current::after,
.iq-header-v4 .nav-dropdown > summary:hover::after,
.iq-header-v4 .nav-dropdown.nav-current > summary::after{
    width:70%;
}

.iq-header-v4 .iq-nav-direct.nav-current,
.iq-header-v4 .nav-dropdown.nav-current > summary{
    color:var(--iq-blue);
}


/* ==========================================================
   CHEVRON
========================================================== */

.iq-header-v4 .chevron{
    display:inline-flex;

    margin-left:5px;

    color:#1685e4;

    font-size:12px;

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

.iq-header-v4 .nav-dropdown[open] .chevron{
    color:var(--iq-cyan);
    transform:rotate(180deg);
}


/* ==========================================================
   DROPDOWN BASE
========================================================== */

.iq-header-v4 .dropdown-panel{
    overflow:hidden;

    border:1px solid rgba(16,111,190,.14);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.995),
            rgba(243,251,255,.995)
        );

    box-shadow:
        0 28px 70px rgba(5,37,70,.16),
        0 5px 16px rgba(18,104,255,.06);

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

.iq-header-v4 .dropdown-panel::before{
    content:"";

    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:3px;

    background:
        linear-gradient(
            90deg,
            var(--iq-blue),
            var(--iq-cyan)
        );
}


/* ==========================================================
   ABOUT / RESOURCES / PARTNERS
========================================================== */

.iq-header-v4 .about-dropdown,
.iq-header-v4 .resources-dropdown,
.iq-header-v4 .partners-dropdown{
    width:330px;
    padding:10px;
}

.iq-header-v4 .about-dropdown > a,
.iq-header-v4 .resources-dropdown > a,
.iq-header-v4 .partners-dropdown > a{
    display:flex;

    padding:14px 15px;

    border:1px solid transparent;
    border-radius:12px;

    text-decoration:none;

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

.iq-header-v4 .about-dropdown > a:hover,
.iq-header-v4 .resources-dropdown > a:hover,
.iq-header-v4 .partners-dropdown > a:hover,
.iq-header-v4 .about-dropdown > a[aria-current="page"],
.iq-header-v4 .resources-dropdown > a[aria-current="page"]{
    transform:translateX(3px);

    border-color:rgba(18,104,255,.12);

    background:
        linear-gradient(
            105deg,
            rgba(18,104,255,.075),
            rgba(35,213,237,.075)
        );

    box-shadow:
        inset 3px 0 0 var(--iq-blue);
}

.iq-header-v4 .about-dropdown strong,
.iq-header-v4 .resources-dropdown strong,
.iq-header-v4 .partners-dropdown strong{
    display:block;

    color:#09243b;

    font-size:13px;
    font-weight:800;
}

.iq-header-v4 .about-dropdown small,
.iq-header-v4 .resources-dropdown small,
.iq-header-v4 .partners-dropdown small{
    display:block;

    margin-top:4px;

    color:var(--iq-muted);

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


/* ==========================================================
   PRODUCTS / SOLUTIONS
========================================================== */

.iq-header-v4 .product-dropdown > a,
.iq-header-v4 .solutions-mega > a{
    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.iq-header-v4 .product-dropdown > a:hover,
.iq-header-v4 .solutions-mega > a:hover{
    background:
        linear-gradient(
            110deg,
            rgba(18,104,255,.065),
            rgba(35,213,237,.06)
        );

    transform:translateY(-1px);
}

.iq-header-v4 .dropdown-overview{
    background:
        linear-gradient(
            110deg,
            rgba(18,104,255,.08),
            rgba(35,213,237,.08)
        ) !important;
}


/* ==========================================================
   INTEGRATION MENU
========================================================== */

.iq-header-v4 .integration-feature{
    background:
        linear-gradient(
            115deg,
            rgba(18,104,255,.08),
            rgba(35,213,237,.08)
        );
}

.iq-header-v4 .integration-feature__icon,
.iq-header-v4 .integration-menu-item__icon{
    background:
        linear-gradient(
            135deg,
            var(--iq-blue),
            var(--iq-cyan)
        );

    color:#fff;
}

.iq-header-v4 .integration-menu-item{
    transition:
        background .2s ease,
        transform .2s ease;
}

.iq-header-v4 .integration-menu-item:hover{
    background:
        linear-gradient(
            100deg,
            rgba(18,104,255,.065),
            rgba(35,213,237,.055)
        );

    transform:translateX(2px);
}


/* ==========================================================
   CONTACT US DIRECT LINK
========================================================== */

.iq-header-v4 .iq-nav-direct{
    display:inline-flex;
    align-items:center;

    min-height:42px;

    text-decoration:none;
}


/* ==========================================================
   LOGIN
========================================================== */

.iq-header-v4 .login{
    color:#193a55;

    font-weight:750;

    transition:color .2s ease;
}

.iq-header-v4 .login:hover{
    color:var(--iq-blue);
}


/* ==========================================================
   BOOK A DEMO
========================================================== */

.iq-header-v4 .nav-actions .button.compact{
    position:relative;

    overflow:hidden;

    border:0;

    color:#fff;

    background:
        linear-gradient(
            110deg,
            #064fd4 0%,
            #1268ff 48%,
            #22cee9 100%
        );

    box-shadow:
        0 9px 25px rgba(18,104,255,.23);

    transition:
        transform .22s ease,
        box-shadow .22s ease;
}

.iq-header-v4 .nav-actions .button.compact::before{
    content:"";

    position:absolute;

    top:-90%;
    left:-45%;

    width:42%;
    height:280%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.36),
            transparent
        );

    transform:rotate(18deg);

    transition:left .55s ease;
}

.iq-header-v4 .nav-actions .button.compact:hover{
    transform:translateY(-2px);

    box-shadow:
        0 14px 34px rgba(18,104,255,.31);
}

.iq-header-v4 .nav-actions .button.compact:hover::before{
    left:120%;
}


/* ==========================================================
   SEARCH
========================================================== */

.iq-header-v4 .site-search{
    border-top:1px solid rgba(18,104,255,.09);

    background:
        linear-gradient(
            100deg,
            rgba(255,255,255,.99),
            rgba(239,250,255,.99)
        );
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:1180px){

    .iq-header-v4 .about-dropdown,
    .iq-header-v4 .resources-dropdown,
    .iq-header-v4 .partners-dropdown{
        width:300px;
    }

}


@media (max-width:900px){

    .iq-header-v4{
        background:
            linear-gradient(
                145deg,
                rgba(255,255,255,.99),
                rgba(240,250,255,.99)
            );
    }

    .iq-header-v4 .iq-nav-direct{
        width:100%;

        min-height:48px;
    }

    .iq-header-v4 .iq-nav-direct::after,
    .iq-header-v4 .nav-dropdown > summary::after{
        display:none;
    }

    .iq-header-v4 .about-dropdown,
    .iq-header-v4 .resources-dropdown,
    .iq-header-v4 .partners-dropdown{
        width:100%;
    }

    .iq-header-v4 .nav-dropdown.nav-current > summary,
    .iq-header-v4 .iq-nav-direct.nav-current{
        color:var(--iq-blue);
    }

}


@media (max-width:560px){

    .iq-header-v4 .about-dropdown > a,
    .iq-header-v4 .resources-dropdown > a,
    .iq-header-v4 .partners-dropdown > a{
        padding:12px;
    }

    .iq-header-v4 .about-dropdown small,
    .iq-header-v4 .resources-dropdown small,
    .iq-header-v4 .partners-dropdown small{
        font-size:10px;
    }

}


/* ==========================================================
   ACCESSIBILITY
========================================================== */

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

    .iq-header-v4 *,
    .iq-header-v4 *::before,
    .iq-header-v4 *::after{
        animation:none !important;
        transition:none !important;
        scroll-behavior:auto !important;
    }

}