/* bublick unified ecosystem header v4 — 2026-09-10 */
:root{--bkh-header-offset:126px}
html{scroll-padding-top:var(--bkh-header-offset)!important}
.bkh-shell{position:sticky;top:0;z-index:1000;width:100%;color:#f4f7ff;font-family:Inter,Arial,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;isolation:isolate;overflow:visible}
.bkh-shell *{box-sizing:border-box}
.bkh-shell a{text-decoration:none;color:inherit}
.bkh-shell button{font:inherit}
.bkh-primary{position:relative;z-index:4;overflow:visible;background:rgba(8,14,28,.90);border-bottom:1px solid rgba(255,255,255,.075);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:0 8px 28px rgba(0,0,0,.12)}
.bkh-wrap{width:min(1240px,calc(100% - 32px));margin:0 auto}
.bkh-primary>.bkh-wrap{min-height:72px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px}
.bkh-brand{display:inline-flex;align-items:center;white-space:nowrap;font-size:27px;line-height:1;font-weight:900;letter-spacing:.02em;color:#fff}
.bkh-brand span{color:#7c9cff}
.bkh-global{display:flex;align-items:center;justify-content:flex-start;gap:3px;min-width:0}
.bkh-link,.bkh-summary{min-height:42px;display:inline-flex;align-items:center;gap:6px;padding:9px 10px;border-radius:12px;color:#b9c5dd;font-size:14px;font-weight:760;line-height:1;border:1px solid transparent;white-space:nowrap;transition:.16s ease;cursor:pointer;list-style:none}
.bkh-summary::-webkit-details-marker{display:none}
.bkh-link:hover,.bkh-summary:hover,.bkh-link.is-active,.bkh-group.is-active>.bkh-summary,.bkh-group[open]>.bkh-summary{color:#fff;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.07)}
.bkh-chevron{width:14px;height:14px;transition:transform .16s ease;opacity:.72}
.bkh-group{position:relative;z-index:8}
.bkh-group[open]{z-index:12}
.bkh-group[open] .bkh-chevron{transform:rotate(180deg)}
.bkh-dropdown{position:absolute;z-index:30;left:0;top:calc(100% + 16px);width:340px;padding:10px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(11,18,34,.985);box-shadow:0 24px 64px rgba(0,0,0,.34);display:grid;grid-template-columns:1fr;gap:3px}
.bkh-dropdown.bkh-dropdown-wide{width:570px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.bkh-dropdown-link{display:grid;gap:3px;min-width:0;padding:11px 12px;border-radius:12px;border:1px solid transparent;transition:.15s ease}
.bkh-dropdown-link strong{font-size:14px;color:#eef3ff;font-weight:780;line-height:1.25}
.bkh-dropdown-link span{font-size:11.5px;line-height:1.35;color:#8f9db9}
.bkh-dropdown-link:hover,.bkh-dropdown-link[aria-current="page"]{background:rgba(124,156,255,.10);border-color:rgba(124,156,255,.15)}
.bkh-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.bkh-action{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:13px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);color:#eef3ff;font-size:13px;font-weight:780;white-space:nowrap;transition:.16s ease;cursor:pointer}
.bkh-action:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.18);transform:translateY(-1px)}
.bkh-action-primary{border-color:transparent;background:linear-gradient(180deg,#7c9cff,#4f7cff);color:#fff;box-shadow:0 10px 22px rgba(79,124,255,.24)}
.bkh-action-primary:hover{background:linear-gradient(180deg,#89a7ff,#5a85ff);border-color:transparent}
.bkh-support{position:relative;color:#b9c5dd;background:transparent;border-color:transparent}
.bkh-icon-btn{width:42px;height:42px;min-width:42px;padding:0;display:inline-grid;place-items:center;border-radius:13px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);color:#edf3ff;cursor:pointer;transition:.16s ease}
.bkh-icon-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.bkh-icon-btn svg{width:20px;height:20px;display:block}
.bkh-menu-toggle{display:none}
.bkh-theme-toggle{order:99;margin-left:2px}
/* Theme glyph is CSS-bound to the ACTUAL data-theme, so page scripts cannot desync it. */
.bkh-theme-icon{display:none!important}
html[data-theme="light"] [data-bkh-theme-sun]{display:block!important}
html[data-theme="dark"] [data-bkh-theme-moon]{display:block!important}
.bkh-context{position:relative;z-index:1;min-height:46px;background:rgba(8,14,28,.80);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.bkh-context>.bkh-wrap{min-height:46px;display:flex;align-items:center;gap:12px;overflow:hidden}
.bkh-context-label{flex:0 0 auto;color:#70809f;font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.bkh-page-nav{min-width:0;display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),transparent 100%);padding-right:28px}
.bkh-page-nav::-webkit-scrollbar{display:none}
.bkh-page-link{flex:0 0 auto;display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:10px;color:#98a7c2;font-size:12.5px;font-weight:700;white-space:nowrap;transition:.15s ease}
.bkh-page-link:hover,.bkh-page-link.is-current{color:#eef3ff;background:rgba(255,255,255,.055)}
.bkh-mobile-panel{display:none;position:fixed;z-index:20;left:0;right:0;top:72px;max-height:calc(100dvh - 72px);overflow:auto;padding:14px;background:rgba(8,14,28,.985);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 28px 60px rgba(0,0,0,.35)}
.bkh-mobile-panel[hidden]{display:none!important}
.bkh-mobile-inner{width:min(680px,100%);margin:0 auto;display:grid;gap:14px}
.bkh-mobile-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bkh-mobile-main>a,.bkh-mobile-main>button,.bkh-mobile-group summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);font:inherit;font-size:13.5px;font-weight:780;color:#edf3ff;list-style:none;cursor:pointer;text-align:left}
.bkh-mobile-group summary::-webkit-details-marker{display:none}
.bkh-mobile-sub{display:grid;gap:4px;padding:7px 4px 0 10px}
.bkh-mobile-sub a{padding:9px 10px;border-radius:10px;color:#aebbd3;font-size:13px}
.bkh-mobile-sub a:hover{background:rgba(255,255,255,.05);color:#fff}
.bkh-mobile-page{padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.bkh-mobile-title{margin-bottom:8px;color:#71819e;font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.bkh-mobile-page-links{display:flex;flex-wrap:wrap;gap:6px}
.bkh-mobile-page-links a{padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:#b6c2d8;font-size:12.5px;font-weight:680}
.bkh-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.bkh-mobile-actions .bkh-action{width:100%}
#legacyMobileMenu{display:none!important}
body.bkh-menu-open{overflow:hidden!important}

/* Unified light header */
html[data-theme="light"] .bkh-shell{color:#172033}
html[data-theme="light"] .bkh-primary{background:rgba(245,247,250,.93);border-bottom-color:rgba(15,23,42,.09);box-shadow:0 8px 26px rgba(15,23,42,.06)}
html[data-theme="light"] .bkh-brand{color:#172033}
html[data-theme="light"] .bkh-link,html[data-theme="light"] .bkh-summary{color:#546174}
html[data-theme="light"] .bkh-link:hover,html[data-theme="light"] .bkh-summary:hover,html[data-theme="light"] .bkh-link.is-active,html[data-theme="light"] .bkh-group.is-active>.bkh-summary,html[data-theme="light"] .bkh-group[open]>.bkh-summary{color:#172033;background:rgba(15,23,42,.055);border-color:rgba(15,23,42,.06)}
html[data-theme="light"] .bkh-dropdown{background:rgba(251,252,253,.99);border-color:rgba(15,23,42,.11);box-shadow:0 24px 60px rgba(15,23,42,.16)}
html[data-theme="light"] .bkh-dropdown-link strong{color:#172033}
html[data-theme="light"] .bkh-dropdown-link span{color:#667085}
html[data-theme="light"] .bkh-dropdown-link:hover,html[data-theme="light"] .bkh-dropdown-link[aria-current="page"]{background:rgba(79,124,255,.08);border-color:rgba(79,124,255,.14)}
html[data-theme="light"] .bkh-action,html[data-theme="light"] .bkh-icon-btn{color:#172033;background:rgba(255,255,255,.76);border-color:rgba(15,23,42,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
html[data-theme="light"] .bkh-action:hover,html[data-theme="light"] .bkh-icon-btn:hover{background:#fff;border-color:rgba(15,23,42,.18)}
html[data-theme="light"] .bkh-action-primary{color:#fff;background:linear-gradient(180deg,#6f95ff,#315be8);border-color:transparent}
html[data-theme="light"] .bkh-support{background:transparent;border-color:transparent;color:#59667a;box-shadow:none}
html[data-theme="light"] .bkh-context{background:rgba(238,241,245,.91);border-bottom-color:rgba(15,23,42,.08)}
html[data-theme="light"] .bkh-context-label{color:#7a8597}
html[data-theme="light"] .bkh-page-link{color:#667085}
html[data-theme="light"] .bkh-page-link:hover,html[data-theme="light"] .bkh-page-link.is-current{color:#172033;background:rgba(15,23,42,.055)}
html[data-theme="light"] .bkh-mobile-panel{background:rgba(245,247,250,.99);border-bottom-color:rgba(15,23,42,.10);box-shadow:0 28px 60px rgba(15,23,42,.16)}
html[data-theme="light"] .bkh-mobile-main>a,html[data-theme="light"] .bkh-mobile-main>button,html[data-theme="light"] .bkh-mobile-group summary{background:rgba(255,255,255,.78);border-color:rgba(15,23,42,.10);color:#172033}
html[data-theme="light"] .bkh-mobile-sub a{color:#59667a}
html[data-theme="light"] .bkh-mobile-sub a:hover{background:rgba(15,23,42,.05);color:#172033}
html[data-theme="light"] .bkh-mobile-page,html[data-theme="light"] .bkh-mobile-actions{border-color:rgba(15,23,42,.09)}
html[data-theme="light"] .bkh-mobile-page-links a{background:rgba(255,255,255,.72);border-color:rgba(15,23,42,.09);color:#59667a}

/* Light-theme completion for three legacy dark-only landing templates. */
html[data-theme="light"] body[data-bkh-light-patch="true"]{--bg:#eef2f7;--bg2:#e4e8ee;--bg3:#d9dee5;--panel:#fff;--panel-2:#f6f8fb;--text:#101828;--muted:#4a5568;--muted-2:#667085;--line:rgba(15,23,42,.11);--line-strong:rgba(15,23,42,.18);--accent:#6f95ff;--accent-2:#315be8;--accent-3:#2447b8;--ok:#1f9d63;--warn:#9a6416;--danger:#d04444;--shadow:0 26px 64px rgba(15,23,42,.12);--shadow-soft:0 16px 36px rgba(15,23,42,.10);background:radial-gradient(circle at 8% 10%,rgba(79,124,255,.15),transparent 0 24%),radial-gradient(circle at 92% 14%,rgba(49,91,232,.09),transparent 0 22%),linear-gradient(180deg,#d3d8df 0%,#edf0f4 42%,#d9dee5 100%)!important;color:var(--text)}
html[data-theme="light"] body[data-bkh-light-patch="true"] ::selection{background:rgba(79,124,255,.22);color:#101828}
html[data-theme="light"] body[data-bkh-light-patch="true"] .bg-donut{opacity:.24;filter:drop-shadow(0 28px 44px rgba(49,91,232,.13))}
html[data-theme="light"] body[data-bkh-light-patch="true"] .btn{color:var(--text);background:rgba(255,255,255,.72);border-color:rgba(15,23,42,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}
html[data-theme="light"] body[data-bkh-light-patch="true"] .btn:hover{background:#fff;border-color:rgba(15,23,42,.19);box-shadow:0 12px 26px rgba(15,23,42,.10)}
html[data-theme="light"] body[data-bkh-light-patch="true"] .btn-primary{color:#fff;border-color:transparent;background:linear-gradient(180deg,#6f95ff,#315be8)}
html[data-theme="light"] body[data-bkh-light-patch="true"] :is(.card,.glass,.metric,.feature-card,.persona-card,.screen-card,.step-card,.faq-item,.quote-card,.cta-band,.footer-card,.seo-card,.pricing-card,.article-rich-card,.article-note-card,.article-highlight-card,.compare-card,.decision-card,.role-card,.metric-matrix-card,.internal-link-card,.api-path-card,.permission-card,.after-card,.error-card,.setup-step,.trust-item,.proof-item){background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(238,242,247,.82)),#eef2f7!important;border-color:rgba(15,23,42,.11)!important;box-shadow:var(--shadow-soft)}
html[data-theme="light"] body[data-bkh-light-patch="true"] :is(.eyebrow,.section-chip,.screen-tag,.pricing-badge,.metric-tags span){color:#2447b8!important;background:rgba(79,124,255,.10)!important;border-color:rgba(79,124,255,.20)!important}
html[data-theme="light"] body[data-bkh-light-patch="true"] :is(.icon,.step-num,.faq-plus){color:#2447b8!important;background:rgba(79,124,255,.11)!important;border-color:rgba(79,124,255,.20)!important}
html[data-theme="light"] body[data-bkh-light-patch="true"] :is(.article-bullets li,.article-checklist li,.feature-list li,.security-list li,.setup-note){color:#243147!important}
html[data-theme="light"] body[data-bkh-light-patch="true"] :is(.footer-section,.dashboard-kpi,.role-card,.metric-matrix-card,.internal-link-card){background:rgba(255,255,255,.64)!important;border-color:rgba(15,23,42,.10)!important}
html[data-theme="light"] body[data-bkh-light-patch="true"] :is(.hero-browser,.screen-stage,.article-card-media,.after-media,.gallery-modal-media){background:#dfe6ee!important;border-color:rgba(15,23,42,.10)!important}
html[data-theme="light"] body[data-bkh-light-patch="true"] :is(.faq-button,.footer-link-list a,.footer-link-list span){color:var(--text)!important}
html[data-theme="light"] body[data-bkh-light-patch="true"] :is(.article-callout,.api-safe-box){color:#243147!important;background:rgba(79,124,255,.08)!important;border-color:rgba(79,124,255,.18)!important}

@media (max-width:1180px){
 :root{--bkh-header-offset:126px}
 .bkh-primary>.bkh-wrap{gap:10px;grid-template-columns:auto 1fr auto}
 .bkh-global{display:none}.bkh-actions{grid-column:3}.bkh-menu-toggle{display:inline-grid}
 .bkh-mobile-panel:not([hidden]){display:block}
}
@media (max-width:720px){
 :root{--bkh-header-offset:116px}
 .bkh-support{display:none}
 .bkh-wrap{width:min(100% - 24px,1240px)}
 .bkh-primary>.bkh-wrap{min-height:66px;gap:8px}
 .bkh-brand{font-size:23px}
 .bkh-action-login{display:none}
 .bkh-action-primary{min-height:40px;padding:8px 10px;font-size:12px;border-radius:12px}
 .bkh-icon-btn{width:40px;height:40px;min-width:40px;border-radius:12px}
 .bkh-mobile-panel{top:66px;max-height:calc(100dvh - 66px)}
 .bkh-context,.bkh-context>.bkh-wrap{min-height:43px}
 .bkh-context-label{display:none}
 .bkh-page-nav{width:100%;padding-right:20px}
 .bkh-page-link{font-size:12px;min-height:30px;padding:5px 8px}
}
@media (max-width:430px){
 .bkh-primary>.bkh-wrap{gap:6px}
 .bkh-action-primary{padding-inline:8px}
 .bkh-actions{gap:5px}
 .bkh-mobile-main{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.bkh-shell *{scroll-behavior:auto!important;transition:none!important}}