/* GLOBAL HEADER — slim black reference-inspired navigation */
.site-header{position:fixed;top:12px;left:0;right:0;z-index:1000;padding:0 18px;pointer-events:none}
.header-shell{pointer-events:auto;max-width:1360px;margin:auto;min-height:58px;padding:8px 10px 8px 16px;display:flex;align-items:center;gap:20px;background:rgba(7,7,8,.82);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 14px 45px rgba(0,0,0,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand-mark{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;white-space:nowrap}.brand-orbit{width:31px;height:31px;border:1px solid rgba(255,255,255,.26);border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:900;letter-spacing:-.06em;position:relative}.brand-orbit:after{content:"";position:absolute;inset:4px -4px;border:1px solid rgba(124,58,237,.75);border-radius:50%;transform:rotate(35deg)}.brand-text{font-size:12px;letter-spacing:.14em}.brand-text b{color:#a78bfa}
.main-nav{display:flex;align-items:center;gap:4px;margin:auto}.main-nav>a,.nav-drop>button{color:rgba(255,255,255,.7);background:none;border:0;text-decoration:none;font:600 11px/1 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:13px 12px;border-radius:8px;transition:.25s ease}.main-nav>a:hover,.nav-drop>button:hover{color:#fff;background:rgba(255,255,255,.055)}
.nav-drop{position:relative}.nav-menu{position:absolute;top:calc(100% + 12px);left:50%;width:310px;max-height:72vh;overflow:auto;padding:10px;background:#0b0b0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 25px 70px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translate(-50%,-8px);transition:.24s ease}.nav-drop:hover .nav-menu,.nav-drop.open .nav-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}.nav-menu a{display:block;color:#d5d5d8;text-decoration:none;padding:11px 12px;border-radius:7px;font-size:12px}.nav-menu a:hover{background:#6d28d9;color:#fff}
.header-call{display:flex;align-items:center;gap:9px;background:#fff;color:#08080a;text-decoration:none;border-radius:9px;padding:8px 12px;min-width:164px;transition:.25s ease}.header-call:hover{transform:translateY(-1px);box-shadow:0 9px 30px rgba(124,58,237,.25)}.header-call small,.header-call b{display:block}.header-call small{font-size:8px;letter-spacing:.13em}.header-call b{font-size:11px;margin-top:2px}.call-icon{font-size:14px}.menu-toggle{display:none;margin-left:auto;background:#fff;color:#000;border:0;border-radius:8px;width:40px;height:40px;font-size:18px}
body{padding-top:0}.site-header+main,.site-header~main{position:relative}


/* HEADER V10 — original Digital Promotix logo */
.brand-image-link{display:flex;align-items:center;width:182px;height:42px;overflow:hidden;text-decoration:none}.brand-image-link img{width:174px;height:auto;display:block;object-fit:contain}.header-shell{background:rgba(5,5,7,.88);border-color:rgba(255,255,255,.09)}

/* V11 — exact supplied white Digital Promotix logo */
.brand-image-link{width:202px;height:46px;overflow:visible}.brand-image-link img{width:198px;max-height:44px;object-fit:contain;object-position:left center}

/* V13 HEADER — non-sticky + directly clickable Services */
.site-header{position:absolute!important;top:0!important;left:0;right:0;z-index:1000;padding:0 18px;pointer-events:none}.header-shell{pointer-events:auto}.brand-image-link{width:158px!important;height:54px!important;overflow:visible!important}.brand-image-link img{display:block!important;max-width:154px!important;width:auto!important;max-height:46px!important;height:auto!important;object-fit:contain!important;object-position:left center!important}.nav-drop{display:flex!important;align-items:center!important}.nav-drop>.services-link{color:rgba(255,255,255,.7);text-decoration:none;font:600 11px/1 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:13px 4px 13px 12px;border-radius:8px 0 0 8px;transition:.25s ease}.nav-drop>.services-link:hover{color:#fff;background:rgba(255,255,255,.055)}.nav-drop-toggle{padding:13px 10px 13px 6px!important;border-radius:0 8px 8px 0!important}.site-header.scrolled{transform:none!important}.footer-logo img{max-width:210px!important;width:auto!important;height:auto!important;max-height:92px!important;object-fit:contain!important}.dp-reference-home .site-header{position:absolute!important}.dp-reference-home .brand-image-link{width:145px!important;height:48px!important}.dp-reference-home .brand-image-link img{max-width:140px!important;max-height:42px!important;transform:none!important}@media(max-width:900px){.nav-drop{display:block!important}.nav-drop>.services-link{display:inline-block!important}.nav-drop-toggle{display:inline-block!important}}
/* =========================================================
   FINAL HEADER BACKGROUND OVERRIDE
   KEEP THIS AT THE VERY BOTTOM OF header.css
========================================================= */

.site-header{
    background:transparent !important;
}

.site-header .header-shell{
    background:transparent !important;
    background-color:transparent !important;

    border:none !important;
    border-color:transparent !important;

    box-shadow:none !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

/* remove any pseudo-element background */
.site-header .header-shell::before,
.site-header .header-shell::after{
    background:transparent !important;
    box-shadow:none !important;
}

/* keep call box white */
.site-header .header-call{
    background:#ffffff !important;
    color:#08080a !important;
}

/* keep dropdown black */
.site-header .nav-menu{
    background:#0b0b0d !important;
}