#xeta-shared-header-root{position:sticky;top:0;z-index:4000}
.xeta-header{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:rgba(7,8,18,.95);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid rgba(255,255,255,.08);color:#eef1ff}
.xeta-wrap{max-width:1400px;margin:0 auto;padding:0 20px;height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.xeta-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#eef1ff;font-weight:800}
.xeta-brand img{height:36px;width:auto;display:block}
.xeta-nav{display:flex;align-items:center;gap:18px}
.xeta-link{color:#a7b0d6;text-decoration:none;font-weight:700;font-size:14px;transition:.15s}
.xeta-link:hover{color:#eef1ff}
.xeta-actions{display:flex;align-items:center;gap:10px}
.xeta-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 14px;border-radius:10px;border:1px solid transparent;text-decoration:none;font-size:14px;font-weight:700;cursor:pointer}
.xeta-btn-ghost{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);color:#eef1ff}
.xeta-btn-primary{background:linear-gradient(135deg,#7c6cff,#5a49f0);color:#fff;box-shadow:0 8px 18px rgba(92,79,240,.35)}
.xeta-btn-accent{background:#00ffd0;color:#07131f}
.xeta-menu-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.2);color:#eef1ff;border-radius:10px;height:38px;width:38px}
.xeta-mobile{display:none;background:#0f1226;border-top:1px solid rgba(255,255,255,.08);padding:12px 20px}
.xeta-mobile.open{display:block}
.xeta-mobile a{display:block;padding:10px 0;color:#c3cae9;text-decoration:none;font-weight:600}
.xeta-mobile a:hover{color:#fff}
@media (max-width:980px){
  .xeta-nav,.xeta-actions .xeta-btn-ghost{display:none}
  .xeta-menu-toggle{display:inline-flex;align-items:center;justify-content:center}
}
html.xeta-legacy-hide header,
html.xeta-legacy-hide #menu-portal,
html.xeta-legacy-hide #mobileMenu{display:none !important}

/* XETA production: hide ALL legacy WP/Elementor headers once shared header is mounted */
body.xeta-header-mounted:not(.wp-admin):not(.elementor-editor-active):not(.elementor-editor-preview) #site-header,
body.xeta-header-mounted:not(.wp-admin):not(.elementor-editor-active):not(.elementor-editor-preview) header.site-header,
body.xeta-header-mounted:not(.wp-admin):not(.elementor-editor-active):not(.elementor-editor-preview) .elementor-location-header,
body.xeta-header-mounted:not(.wp-admin):not(.elementor-editor-active):not(.elementor-editor-preview) #masthead,
body.xeta-header-mounted:not(.wp-admin):not(.elementor-editor-active):not(.elementor-editor-preview) .ast-header-break-point,
body.xeta-header-mounted:not(.wp-admin):not(.elementor-editor-active):not(.elementor-editor-preview) .site-header {
  display: none !important;
}

/* XETA production: hide Elementor/Astra sticky header clones */
body.xeta-header-mounted:not(.wp-admin):not(.elementor-editor-active):not(.elementor-editor-preview) .elementor-sticky,
body.xeta-header-mounted:not(.wp-admin):not(.elementor-editor-active):not(.elementor-editor-preview) .elementor-sticky--active,
body.xeta-header-mounted:not(.wp-admin):not(.elementor-editor-active):not(.elementor-editor-preview) .e-sticky,
body.xeta-header-mounted:not(.wp-admin):not(.elementor-editor-active):not(.elementor-editor-preview) .ast-sticky-header,
body.xeta-header-mounted:not(.wp-admin):not(.elementor-editor-active):not(.elementor-editor-preview) [data-elementor-type="header"] {
  display: none !important;
}

/* XETA FINAL: force-hide legacy dynamic theme header */
body.xeta-header-mounted:not(.wp-admin):not(.elementor-editor-active):not(.elementor-editor-preview) header#site-header.site-header.dynamic-header {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* XETA FINAL: kill any sticky state of legacy header */
body.xeta-header-mounted header#site-header.site-header.dynamic-header[class*="sticky"],
body.xeta-header-mounted header#site-header.site-header.dynamic-header[class*="fixed"] {
  display: none !important;
}

/* ===== XETA responsive/layout hardening ===== */
/* ===== Desktop ===== */
@media (min-width: 992px) {
  .xeta-menu-toggle { display: none !important; }
  .xeta-mobile { display: none !important; }
  .xeta-nav { display: flex !important; }
}

/* ===== Mobile ===== */
@media (max-width: 991px) {
  .xeta-nav { display: none !important; }
  .xeta-menu-toggle { display: inline-flex !important; }
}

.xeta-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.xeta-nav {
  flex: 1;
  justify-content: center;
  gap: 28px;
}

.xeta-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* ===== Homepage conversion layout (no inline body CSS) ===== */
#xeta-homepage-v3{background:linear-gradient(180deg,#070b12,#090f18);color:#e9f0ff}
#xeta-homepage-v3 .xeta-home-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
#xeta-homepage-v3 .xeta-home-hero{padding:88px 0 44px}
#xeta-homepage-v3 .xeta-eyebrow{display:inline-block;padding:6px 12px;border:1px solid #29466d;border-radius:999px;color:#9bdffd;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
#xeta-homepage-v3 h1{font-size:clamp(34px,5vw,62px);line-height:1.05;margin:14px 0}
#xeta-homepage-v3 .xeta-sub{color:#bdc9de;max-width:860px}
#xeta-homepage-v3 .xeta-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
#xeta-homepage-v3 .xeta-btn{display:inline-flex;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700}
#xeta-homepage-v3 .xeta-btn-primary{background:linear-gradient(90deg,#31d1ff,#8b5cf6);color:#06101d}
#xeta-homepage-v3 .xeta-btn-secondary{background:#0d1624;border:1px solid #33507b;color:#dbe8ff}
#xeta-homepage-v3 .xeta-home-section{padding:52px 0}
#xeta-homepage-v3 .xeta-ecos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#xeta-homepage-v3 .xeta-ecos-grid article{background:#0e1726;border:1px solid #1d2a3f;border-radius:14px;padding:18px}
#xeta-homepage-v3 .xeta-ecos-grid a{color:#8ddfff;text-decoration:none;font-weight:600}
@media(max-width:991px){#xeta-homepage-v3 .xeta-ecos-grid{grid-template-columns:1fr}#xeta-homepage-v3 .xeta-home-hero{padding:70px 0 30px}}
