.site-header{position:sticky;top:0;z-index:100;background:#101d35;border-bottom:1px solid #334763;backdrop-filter:blur(15px)}
.header-inner{min-height:84px;display:flex;align-items:center;gap:25px;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo-symbol{display:grid;place-items:center;width:42px;height:42px;background:linear-gradient(135deg,#175cff,#0a329c);color:#fff;border-radius:13px;font-size:25px;font-weight:900;box-shadow:0 8px 20px #155eef33}
.logo-text{font-size:23px;font-weight:900;letter-spacing:-1px;line-height:1}
.logo-text>span{color:#60a5fa}
.logo-text small{display:block;font-size:8px;letter-spacing:2px;color:#b9c8dc;margin-top:7px}
.navigation{display:flex;align-items:center;gap:24px}
.navigation a{font-size:13px;font-weight:700;color:#e2e8f0;transition:color .2s}
.navigation a:hover{color:#60a5fa}
.header-actions{display:flex;align-items:center;gap:15px}
.header-login{font-size:11px;color:#cbd5e1;font-weight:600}
.header-cta{background:#155eef;color:white;padding:12px 18px;border-radius:9px;font-size:13px;font-weight:800;white-space:nowrap}
.menu-toggle{display:none;border:0;background:transparent;cursor:pointer;padding:10px}
.menu-toggle span{display:block;width:23px;height:2px;background:#ffffff;margin:5px 0}
.skip-link{position:absolute;top:-100px;left:10px;z-index:200;background:white;padding:12px}
.skip-link:focus{top:10px}
@media(max-width:1080px){.header-login{display:none}.navigation{gap:15px}}
@media(max-width:900px){
.header-inner{min-height:72px;flex-wrap:wrap;gap:10px}
.menu-toggle{display:block;margin-left:auto}
.navigation{display:none;order:4;width:100%;padding:15px 0 20px;flex-direction:column;align-items:flex-start;gap:18px}
.navigation.is-open{display:flex}
.header-actions{margin-left:auto}
}
@media(max-width:540px){.header-actions{display:none}.logo-text{font-size:20px}.logo-symbol{width:38px;height:38px}}

/* STEP 20N-AZ: Dark header contrast */
.site-header .logo-text{color:#ffffff}
.site-header .logo-text>span{color:#60a5fa}
.site-header .logo-text small{color:#b9c8dc}
.site-header .navigation a{color:#e2e8f0}
.site-header .navigation a:hover,.site-header .navigation a:focus-visible{color:#60a5fa}
.site-header .header-login{color:#cbd5e1}
.site-header .header-cta{background:#2563eb;color:#ffffff}
.site-header .header-cta:hover{background:#1d4ed8}
.site-header .menu-toggle span{background:#ffffff}
.site-header .skip-link{color:#101d35;background:#ffffff}


/* STEP 121 — WordPress-style BulkPostAds header */
.site-header{
    background:#081d2d;
    border-bottom:0;
    box-shadow:none;
    position:relative;
    z-index:100;
}
.site-header .header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    min-height:98px;
}
.site-header .logo{
    display:flex;
    align-items:center;
    flex-shrink:0;
    text-decoration:none;
}
.site-header .header-brand-image{
    display:block;
    width:auto;
    height:auto;
    max-width:130px;
    max-height:78px;
    object-fit:contain;
}
.site-header .navigation{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:27px;
}
.site-header .navigation>a{
    color:#fff;
    font-size:13px;
    font-weight:600;
    white-space:nowrap;
    text-decoration:none;
    transition:color .2s;
}
.site-header .navigation>a:hover{
    color:#d8ad59;
}
.site-header .header-actions{
    display:flex;
    align-items:center;
    gap:12px;
}
.site-header .header-login{
    color:#fff;
    font-size:12px;
    font-weight:600;
    white-space:nowrap;
}
.site-header .header-cta{
    white-space:nowrap;
}
@media(max-width:1050px){
    .site-header .navigation{
        gap:16px;
    }
    .site-header .navigation>a{
        font-size:12px;
    }
}
@media(max-width:850px){
    .site-header .header-inner{
        min-height:78px;
    }
    .site-header .header-brand-image{
        max-width:112px;
        max-height:65px;
    }
    .site-header .navigation{
        gap:0;
    }
    .site-header .navigation>a{
        font-size:14px;
    }
}


/* STEP 123 — UNIFORM HEADER MENU */
@media (min-width:1061px) {
    .site-header .header-inner {
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:24px;
    }

    .site-header .logo {
        flex:0 0 auto;
    }

    .site-header .navigation {
        display:flex;
        align-items:center;
        justify-content:flex-end;
        gap:24px;
        margin-left:auto;
        margin-right:0;
        width:auto;
        flex:0 1 auto;
    }

    .site-header .header-actions {
        display:flex;
        align-items:center;
        justify-content:flex-start;
        gap:24px;
        flex:0 0 auto;
        margin:0;
    }

    .site-header .navigation > a,
    .site-header .header-actions > .header-login {
        font-family:inherit;
        font-size:14px;
        font-weight:600;
        line-height:1.5;
        letter-spacing:0;
        white-space:nowrap;
        margin:0;
        padding:0;
    }

    .site-header .header-actions > .header-cta {
        font-size:14px;
        font-weight:700;
        line-height:1.5;
        white-space:nowrap;
        margin:0;
    }
}

@media (min-width:851px) and (max-width:1060px) {
    .site-header .header-inner {
        gap:14px;
    }

    .site-header .navigation {
        gap:14px;
        margin-left:auto;
        width:auto;
        flex:0 1 auto;
    }

    .site-header .header-actions {
        gap:14px;
        flex:0 0 auto;
    }

    .site-header .navigation > a,
    .site-header .header-actions > .header-login,
    .site-header .header-actions > .header-cta {
        font-size:12px;
        font-weight:600;
        white-space:nowrap;
    }
}

@media (max-width:850px) {
    .site-header .navigation > a,
    .site-header .header-actions > .header-login {
        font-size:14px;
        font-weight:600;
        line-height:1.5;
    }
}