/* EVE canonical header v8 — product box + resources dropdown */
/* Premium motion + depth + glass + animated trust visuals (single source of truth) */
@import url('/css/eve-motion.css?v=1');

/* Base header — lifted slate tone, static accent line */
.hdr { position: sticky; top: 0; z-index: 100; display: flex; align-items: center; gap: 20px; padding: 14px 36px; background: #0a0d14 !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; font-family: 'IBM Plex Sans', system-ui, sans-serif; color: #e2e6ef !important; }
.hdr::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent 0%, rgba(79,142,247,0.55) 25%, rgba(6,182,212,0.75) 50%, rgba(79,142,247,0.55) 75%, transparent 100%); pointer-events: none; }

/* Logo */
.hdr-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; color: #e2e6ef; font-weight: 600; letter-spacing: 0.05em; flex-shrink: 0; }
.hdr-logo:hover { color: #fff; }
.hdr-logo-img { width: 36px; height: 36px; display: block; border-radius: 6px; object-fit: contain; }
.hdr-logo-wordmark { font-size: 18px; text-transform: uppercase; letter-spacing: 0.1em; }
.hdr-logo-em { color: #4a90e2; }
.hdr-logo:hover .hdr-logo-em { color: #6aaef5; }

/* Nav container */
.hdr-nav { display: flex; gap: 8px; flex: 1; justify-content: center; align-items: center; }

/* ── Products box: labeled group with subtle border ── */
.hdr-product-group { display: flex; align-items: center; gap: 2px; padding: 3px 4px 3px 10px; border: 1px solid rgba(255,255,255,0.1); border-radius: 5px; position: relative; }
.hdr-product-label { font-size: 9px; text-transform: uppercase; letter-spacing: 0.1em; color: #556; font-weight: 600; margin-right: 6px; user-select: none; }
.hdr-product-group a { color: #b0b8c8; text-decoration: none; font-size: 12px; font-weight: 500; letter-spacing: 0.02em; padding: 4px 8px; border-radius: 3px; transition: color 0.12s, background 0.12s; white-space: nowrap; }
.hdr-product-group a:hover { color: #fff; background: rgba(255,255,255,0.08); }
.hdr-product-group a[aria-current="page"] { color: #4a90e2; }

/* ── Resources dropdown ── */
.hdr-nav-group { position: relative; }
.hdr-nav-trigger { display: flex; align-items: center; gap: 5px; color: #b0b8c8; font-size: 14px; font-weight: 500; letter-spacing: 0.02em; padding: 6px 12px; border-radius: 4px; cursor: default; background: none; border: none; font-family: inherit; transition: color 0.12s, background 0.12s; }
.hdr-nav-trigger:hover { color: #fff; background: rgba(255,255,255,0.06); }
.hdr-chevron { font-size: 9px; opacity: 0.4; transition: transform 0.25s ease, opacity 0.2s; }
.hdr-nav-group:hover .hdr-chevron { transform: rotate(180deg); opacity: 0.7; }

/* Dropdown panel — smooth opacity/transform, invisible bridge */
.hdr-dropdown {
    position: absolute;
    top: calc(100% + 2px);
    left: 50%;
    transform: translateX(-50%) translateY(-4px);
    min-width: 190px;
    padding: 6px 0;
    background: #0e121e; /* fully opaque — was rgba(...,0.98)+blur which read as hazy/see-through */
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 8px;
    box-shadow: 0 10px 32px rgba(0,0,0,0.6);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
}
.hdr-nav-group::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 8px;
}
.hdr-nav-group:hover .hdr-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}
.hdr-dropdown a {
    display: block;
    padding: 8px 16px;
    color: #b0b8c8;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    transition: color 0.12s, background 0.12s, padding-left 0.12s;
    margin: 0 4px;
    border-radius: 4px;
}
.hdr-dropdown a:hover { color: #fff; background: rgba(74,144,226,0.12); padding-left: 18px; }
.hdr-dropdown .hdr-dd-divider { height: 1px; background: rgba(255,255,255,0.06); margin: 3px 8px; }

/* ── Flagship product — EVE CoreGuard standout in the Product dropdown ── */
.hdr-dropdown a.hdr-dd-flagship {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 9px 14px;
    margin: 2px 4px 6px;
    border-radius: 6px;
    white-space: nowrap;
    background: linear-gradient(135deg, rgba(74,144,226,0.30), rgba(74,144,226,0.14));
    border: 1px solid rgba(74,144,226,0.50);
}
.hdr-dropdown a.hdr-dd-flagship:hover {
    padding-left: 14px; /* neutralise the generic anchor hover shift */
    background: linear-gradient(135deg, rgba(74,144,226,0.40), rgba(74,144,226,0.20));
    border-color: rgba(74,144,226,0.70);
}
.hdr-dd-flagship-title { display: flex; align-items: center; gap: 8px; color: #eaf1fb; font-size: 14px; font-weight: 600; letter-spacing: 0.01em; }
.hdr-dd-flagship:hover .hdr-dd-flagship-title { color: #ffffff; }
.hdr-dd-flagship-sub { color: rgba(198,208,224,0.92); font-size: 11.5px; font-weight: 400; letter-spacing: 0.01em; }
.hdr-dd-flagship:hover .hdr-dd-flagship-sub { color: rgba(207,226,251,0.90); }
.hdr-dd-flagship-tag,
.hdr-mob-flagship-tag {
    font-family: 'IBM Plex Mono','Consolas',monospace;
    font-size: 8.5px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase;
    color: #cfe2fb;
    background: rgba(74,144,226,0.28);
    border: 1px solid rgba(74,144,226,0.45);
    padding: 2px 7px; border-radius: 999px; line-height: 1.05;
}

/* ── EVE Proof — purple standout in the Product dropdown (mirrors flagship) ── */
.hdr-dropdown a.hdr-dd-proof {
    padding: 9px 14px;
    margin: 2px 4px;
    border-radius: 6px;
    white-space: nowrap;
    color: #efe9fb;
    background: linear-gradient(135deg, rgba(139,92,246,0.20), rgba(139,92,246,0.06));
    border: 1px solid rgba(139,92,246,0.42);
}
.hdr-dropdown a.hdr-dd-proof:hover {
    padding-left: 14px; /* neutralise the generic anchor hover shift */
    color: #ffffff;
    background: linear-gradient(135deg, rgba(139,92,246,0.30), rgba(139,92,246,0.11));
    border-color: rgba(139,92,246,0.64);
}

/* ── Flat nav links (License, etc.) ── */
.hdr-nav > a { color: #b0b8c8; text-decoration: none; font-size: 14px; font-weight: 500; letter-spacing: 0.02em; padding: 6px 12px; border-radius: 4px; transition: color 0.12s, background 0.12s; white-space: nowrap; }
.hdr-nav > a:hover { color: #fff; background: rgba(255,255,255,0.06); }

/* Separator */
.hdr-sep { width: 3px; height: 3px; border-radius: 50%; background: rgba(255,255,255,0.12); margin: 0 2px; flex-shrink: 0; }

/* CTAs */
.hdr-cta { display: flex; gap: 8px; align-items: center; flex-shrink: 0; }
.hdr-btn { padding: 8px 20px; border-radius:0; font-size: 13px; font-weight: 600; text-decoration: none; letter-spacing: 0.03em; transition: all 0.12s; white-space: nowrap; }
.hdr-btn-ghost { color: #a0a8b8; border: 1px solid rgba(255,255,255,0.1); }
.hdr-btn-ghost:hover { color: #fff; border-color: rgba(255,255,255,0.3); }
.hdr-btn-primary { color: #fff; background: #5b9ee8; border: 1px solid #5b9ee8; }
.hdr-btn-primary:hover { background: #4a8fd6; border-color: #4a8fd6; }
/* The "Book a Pilot" CTA sits inside .hdr-nav, so ".hdr-nav > a" (higher specificity than
   .hdr-btn-primary) would tint its label with the muted nav-link color over the blue fill —
   the blue-on-blue bug. Keep the label white at matching specificity. */
.hdr-nav > a.hdr-nav-pilot,
.hdr-nav > a.hdr-nav-pilot:hover,
.hdr-nav > a.hdr-nav-pilot:focus { color: #fff !important; border-radius: 0 !important; }

/* Mobile */
.hdr-menu-btn { display: none; background: transparent; border: 1px solid rgba(255,255,255,0.2); color: #e2e6ef; font-size: 22px; line-height: 1; padding: 6px 12px; border-radius:0; cursor: pointer; font-family: inherit; margin-left: auto; }
.hdr-mob-overlay { display: none; position: fixed; inset: 0; background: rgba(10,13,20,0.99); z-index: 200; padding: 70px 20px 40px; overflow-y: auto; }
.hdr-mob-overlay.active { display: block; animation: hdr-mob-fade 0.2s ease; }
@keyframes hdr-mob-fade { from { opacity: 0; } to { opacity: 1; } }
.hdr-mob-close { position: absolute; top: 16px; right: 16px; background: rgba(74,144,226,0.15); border: 1px solid rgba(74,144,226,0.4); color: #fff; font-size: 20px; line-height: 1; padding: 5px 12px; border-radius: 3px; cursor: pointer; }
.hdr-mob-nav { display: flex; flex-direction: column; gap: 4px; max-width: 400px; margin: 0 auto; }
.hdr-mob-nav .hdr-mob-section { font-size: 10px; text-transform: uppercase; letter-spacing: 0.12em; color: #4a90e2; padding: 14px 16px 4px; font-weight: 600; }
.hdr-mob-nav a { display: block; padding: 11px 16px; color: #e2e6ef; text-decoration: none; font-size: 14px; font-weight: 500; background: rgba(30,35,50,0.4); border: 1px solid rgba(255,255,255,0.04); border-radius: 4px; transition: all 0.15s; }
.hdr-mob-nav a:hover { background: rgba(74,144,226,0.15); border-color: rgba(74,144,226,0.3); color: #fff; transform: translateX(4px); }
.hdr-mob-btn { text-align: center; margin-top: 3px; }
.hdr-mob-btn-primary { background: #5b9ee8 !important; border-color: #5b9ee8 !important; color: #fff !important; }
/* Flagship product — EVE CoreGuard standout in the mobile Product list */
.hdr-mob-nav a.hdr-mob-flagship { display: flex; align-items: center; gap: 8px; color: #eaf1fb; font-weight: 600; background: linear-gradient(135deg, rgba(74,144,226,0.18), rgba(74,144,226,0.05)); border-color: rgba(74,144,226,0.40); }
.hdr-mob-nav a.hdr-mob-flagship:hover { color: #fff; background: linear-gradient(135deg, rgba(74,144,226,0.26), rgba(74,144,226,0.09)); border-color: rgba(74,144,226,0.60); }
/* EVE Proof — purple standout in the mobile Product list */
.hdr-mob-nav a.hdr-mob-proof { color: #efe9fb; font-weight: 600; background: linear-gradient(135deg, rgba(139,92,246,0.20), rgba(139,92,246,0.06)); border-color: rgba(139,92,246,0.42); }
.hdr-mob-nav a.hdr-mob-proof:hover { color: #fff; background: linear-gradient(135deg, rgba(139,92,246,0.30), rgba(139,92,246,0.11)); border-color: rgba(139,92,246,0.62); }

/* Collapse to the hamburger before the desktop nav + CTA row overflows.
   The full header needs ~1072px of width; below that .hdr-cta spills past
   the viewport (container-fit audit, 2026-06-25). Was 960px. */
@media (max-width: 1100px) {
  .hdr-nav, .hdr-cta { display: none; }
  .hdr-menu-btn { display: block; }
  .hdr { padding: 12px 20px; }
}

/* Iframe auto-hide */
html.is-embedded .hdr, html.is-embedded .hdr-mob-overlay,
body.is-embedded .hdr, body.is-embedded .hdr-mob-overlay,
html.is-embedded header.header, body.is-embedded header.header,
html.is-embedded .mobile-menu-overlay, body.is-embedded .mobile-menu-overlay {
  display: none !important;
}
html.is-embedded body, body.is-embedded { padding-top: 0 !important; }

/* ── Light-mode shield: force all .hdr content to stay visible on dark bg ── */
[data-theme="light"] .hdr,
html[data-theme="light"] .hdr {
    background: rgba(10,13,20,0.97) !important;
    border-bottom-color: rgba(255,255,255,0.08) !important;
    color: #e2e6ef !important;
}
[data-theme="light"] .hdr-logo,
html[data-theme="light"] .hdr-logo { color: #e2e6ef !important; }
[data-theme="light"] .hdr-logo:hover,
html[data-theme="light"] .hdr-logo:hover { color: #ffffff !important; }
[data-theme="light"] .hdr-logo-em,
html[data-theme="light"] .hdr-logo-em { color: #4a90e2 !important; }
[data-theme="light"] .hdr-product-label,
html[data-theme="light"] .hdr-product-label { color: #667 !important; }
[data-theme="light"] .hdr-product-group a,
html[data-theme="light"] .hdr-product-group a { color: #b0b8c8 !important; }
[data-theme="light"] .hdr-product-group a:hover,
html[data-theme="light"] .hdr-product-group a:hover { color: #ffffff !important; }
[data-theme="light"] .hdr-nav-trigger,
html[data-theme="light"] .hdr-nav-trigger { color: #b0b8c8 !important; }
[data-theme="light"] .hdr-nav-trigger:hover,
html[data-theme="light"] .hdr-nav-trigger:hover { color: #ffffff !important; }
[data-theme="light"] .hdr-dropdown,
html[data-theme="light"] .hdr-dropdown { background: #0e121e !important; border-color: rgba(255,255,255,0.14) !important; }
[data-theme="light"] .hdr-dropdown a,
html[data-theme="light"] .hdr-dropdown a { color: #b0b8c8 !important; }
[data-theme="light"] .hdr-dropdown a:hover,
html[data-theme="light"] .hdr-dropdown a:hover { color: #ffffff !important; }
[data-theme="light"] .hdr-nav > a,
html[data-theme="light"] .hdr-nav > a { color: #b0b8c8 !important; }
[data-theme="light"] .hdr-nav > a:hover,
html[data-theme="light"] .hdr-nav > a:hover { color: #ffffff !important; }
[data-theme="light"] .hdr-nav > a.hdr-nav-pilot,
html[data-theme="light"] .hdr-nav > a.hdr-nav-pilot { color: #ffffff !important; }
[data-theme="light"] .hdr-btn-ghost,
html[data-theme="light"] .hdr-btn-ghost { color: #a0a8b8 !important; border-color: rgba(255,255,255,0.1) !important; }
[data-theme="light"] .hdr-btn-ghost:hover,
html[data-theme="light"] .hdr-btn-ghost:hover { color: #ffffff !important; border-color: rgba(255,255,255,0.3) !important; }
[data-theme="light"] .hdr-btn-primary,
html[data-theme="light"] .hdr-btn-primary { color: #ffffff !important; background: #5b9ee8 !important; border-color: #5b9ee8 !important; }
[data-theme="light"] .hdr-menu-btn,
html[data-theme="light"] .hdr-menu-btn { color: #e2e6ef !important; border-color: rgba(255,255,255,0.2) !important; }
[data-theme="light"] .hdr-mob-overlay,
html[data-theme="light"] .hdr-mob-overlay { background: rgba(10,13,20,0.99) !important; }
[data-theme="light"] .hdr-mob-nav a,
html[data-theme="light"] .hdr-mob-nav a { color: #e2e6ef !important; }
[data-theme="light"] .hdr-sep,
html[data-theme="light"] .hdr-sep { background: rgba(255,255,255,0.12) !important; }

/* ────────────────────────────────────────────────────────────────────
   eveaicore.com only — larger header.
   Gated by `host-eveaicore` on <html> (set in eve-header.js from the
   hostname). These selectors are more specific than the base rules, so
   they win without !important and leave every other domain untouched.
   ──────────────────────────────────────────────────────────────────── */
/* Taller bar */
html.host-eveaicore .hdr { padding: 20px 36px; gap: 24px; }
/* Bigger logo + wordmark */
html.host-eveaicore .hdr-logo-img { width: 44px; height: 44px; }
html.host-eveaicore .hdr-logo-wordmark { font-size: 22px; }
/* Bigger nav text */
html.host-eveaicore .hdr-product-label { font-size: 10px; }
html.host-eveaicore .hdr-product-group a { font-size: 13px; }
html.host-eveaicore .hdr-nav-trigger { font-size: 15px; }
html.host-eveaicore .hdr-nav > a { font-size: 15px; }
html.host-eveaicore .hdr-dropdown a { font-size: 15px; }
/* CTAs scaled to match */
html.host-eveaicore .hdr-btn { padding: 9px 22px; font-size: 14px; }

@media (max-width: 960px) {
  html.host-eveaicore .hdr { padding: 14px 20px; }
}

/* ────────────────────────────────────────────────────────────────────
   Site-wide responsive-table safety net. Loaded by every public page,
   so wide data tables (compliance/blog/docs) scroll inside their own box
   on phones instead of forcing page-wide horizontal scroll. Only sets
   display/overflow, scoped to <table> elements, so per-page inline table
   rules are never overridden in a breaking way.
   ──────────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  table.req-table, table.compare, table.comparison-table,
  table.ref-table, table.mapping-table, table.xref {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }
}


/* ════════════════════════════════════════════════════════════════════
   PRODUCT MEGA MENU (v9)
   A wide 3-column enterprise mega menu that replaces the tall single-
   column Product dropdown. JS-driven open state (`.open`) so we can add a
   hover-intent delay and full keyboard/ARIA control (see eve-header.js).
   Panel stays out of flow (position:absolute) → zero layout shift.
   ════════════════════════════════════════════════════════════════════ */
.hdr-nav-group--mega { position: relative; }
.hdr-nav-group--mega .hdr-nav-trigger { cursor: pointer; }
/* Invisible bridge so the pointer can travel trigger → panel without closing */
.hdr-nav-group--mega::after { height: 12px; }
.hdr-nav-group--mega.open .hdr-chevron { transform: rotate(180deg); opacity: 0.7; }

.hdr-mega {
  position: absolute;
  top: calc(100% + 9px);
  left: 0;
  z-index: 120;
  width: min(800px, calc(100vw - 32px));
  padding: 14px;
  background: linear-gradient(158deg, #0e1322 0%, #0a0d16 62%, #090c14 100%);
  border: 1px solid rgba(120,140,180,0.22);
  border-radius: 15px;
  box-shadow: 0 22px 60px -12px rgba(0,0,0,0.62), 0 2px 8px rgba(0,0,0,0.4);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-6px);
  transition: opacity 0.17s ease, transform 0.17s ease, visibility 0.17s;
}
/* Restrained accent hairline along the top edge (no glow) */
.hdr-mega::before {
  content: '';
  position: absolute; left: 16px; right: 16px; top: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(79,142,247,0.5), rgba(6,182,212,0.5), transparent);
  border-radius: 1px;
}
.hdr-nav-group--mega.open .hdr-mega {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.hdr-mega-cols {
  display: grid;
  grid-template-columns: 1.18fr 1fr 1fr;
  gap: 10px;
}
.hdr-mega-col { display: flex; flex-direction: column; min-width: 0; }
.hdr-mega-col--products { padding-right: 12px; border-right: 1px solid rgba(255,255,255,0.06); }
.hdr-mega-heading {
  font-family: 'IBM Plex Mono','Consolas',monospace;
  font-size: 10px; font-weight: 600; letter-spacing: 0.13em; text-transform: uppercase;
  color: rgba(174,185,205,0.55);
  padding: 2px 8px 9px;
}

/* Product cards (column 1) */
.hdr-mega-card {
  display: flex; align-items: flex-start; gap: 11px;
  padding: 10px 11px;
  margin-bottom: 6px;
  border-radius: 9px;
  border: 1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.015);
  text-decoration: none;
  transition: background 0.14s ease, border-color 0.14s ease, transform 0.14s ease;
}
.hdr-mega-card:last-child { margin-bottom: 0; }
.hdr-mega-card:hover { background: rgba(74,144,226,0.10); border-color: rgba(74,144,226,0.34); }
.hdr-mega-ico {
  flex-shrink: 0; width: 30px; height: 30px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 7px;
  background: rgba(74,144,226,0.12);
  border: 1px solid rgba(74,144,226,0.22);
  color: #6aaef5;
}
.hdr-mega-ico svg { width: 17px; height: 17px; }
.hdr-mega-card:hover .hdr-mega-ico { color: #8fc2ff; border-color: rgba(74,144,226,0.4); }
.hdr-mega-card-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.hdr-mega-card-title {
  display: flex; align-items: center; flex-wrap: wrap; gap: 7px;
  color: #eaf1fb; font-size: 13.5px; font-weight: 600; letter-spacing: 0.01em; line-height: 1.25;
}
.hdr-mega-card-sub { color: rgba(176,184,200,0.72); font-size: 11.5px; font-weight: 400; line-height: 1.35; }
.hdr-mega-card:hover .hdr-mega-card-sub { color: rgba(207,226,251,0.85); }

.hdr-mega-card--flagship {
  background: linear-gradient(135deg, rgba(74,144,226,0.15), rgba(74,144,226,0.03));
  border-color: rgba(74,144,226,0.34);
}
.hdr-mega-card--flagship:hover {
  background: linear-gradient(135deg, rgba(74,144,226,0.22), rgba(74,144,226,0.06));
  border-color: rgba(74,144,226,0.55);
}

/* Plain links (columns 2 & 3) */
.hdr-mega-link {
  display: block;
  padding: 7px 9px;
  border-radius: 6px;
  color: #b7c0d0; text-decoration: none;
  font-size: 13px; font-weight: 400; letter-spacing: 0.01em; line-height: 1.3;
  transition: color 0.12s ease, background 0.12s ease;
}
.hdr-mega-link:hover { color: #ffffff; background: rgba(74,144,226,0.12); }

/* Badges */
.hdr-mega-badge {
  font-family: 'IBM Plex Mono','Consolas',monospace;
  font-size: 8px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase;
  padding: 2px 6px; border-radius: 999px; line-height: 1.1; white-space: nowrap;
}
.hdr-mega-badge--flag { color: #cfe2fb; background: rgba(74,144,226,0.28); border: 1px solid rgba(74,144,226,0.45); }
.hdr-mega-badge--preview { color: #bfeedd; background: rgba(16,185,129,0.16); border: 1px solid rgba(52,211,153,0.5); }
.hdr-mega-badge--soon { color: #c3d6f5; background: linear-gradient(90deg, rgba(91,158,232,0.18), rgba(139,92,246,0.2)); border: 1px solid rgba(130,150,240,0.5); }

/* Bottom feature strip */
.hdr-mega-strip {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  margin-top: 12px; padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.02);
  text-decoration: none;
  transition: background 0.14s ease, border-color 0.14s ease;
}
.hdr-mega-strip:hover { background: rgba(74,144,226,0.1); border-color: rgba(74,144,226,0.32); }
.hdr-mega-strip-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.hdr-mega-strip-title { color: #eaf1fb; font-size: 13.5px; font-weight: 600; letter-spacing: 0.01em; }
.hdr-mega-strip-sub { color: rgba(176,184,200,0.72); font-size: 11.5px; font-weight: 400; }
.hdr-mega-strip-arrow { flex-shrink: 0; color: #6aaef5; font-size: 18px; line-height: 1; transition: transform 0.16s ease; }
.hdr-mega-strip:hover .hdr-mega-strip-arrow { transform: translateX(4px); color: #8fc2ff; }

/* Visible focus rings (keyboard) */
.hdr-mega a:focus-visible,
.hdr-nav-group--mega .hdr-nav-trigger:focus-visible {
  outline: 2px solid #5b9ee8;
  outline-offset: 2px;
  border-radius: 8px;
}

/* Mobile preview badge (parity with desktop mega badges) */
.hdr-mob-preview-tag {
  display: inline-block; margin-left: 6px; padding: 1px 7px;
  border: 1px solid rgba(130,150,240,0.55); border-radius: 999px;
  font-family: 'IBM Plex Mono','Consolas',monospace; font-size: 9px; font-weight: 600;
  letter-spacing: 0.09em; text-transform: uppercase; color: #c3d6f5;
  background: linear-gradient(90deg, rgba(91,158,232,0.18), rgba(139,92,246,0.2));
  vertical-align: middle; line-height: 1.6; white-space: nowrap;
}
.hdr-mob-preview-tag--green {
  border-color: rgba(52,211,153,0.55); color: #bfeedd; background: rgba(16,185,129,0.14);
}

/* ── Mobile accordion (sections collapse; built by eve-header.js) ── */
.hdr-mob-acc {
  display: flex; align-items: center; justify-content: space-between; width: 100%;
  background: transparent; border: none; cursor: pointer; font: inherit; text-align: left;
  color: #4a90e2; font-size: 10px; text-transform: uppercase; letter-spacing: 0.12em;
  font-weight: 600; padding: 14px 16px 4px;
}
.hdr-mob-acc-chev { font-size: 10px; opacity: 0.7; transition: transform 0.2s ease; }
.hdr-mob-acc[aria-expanded="true"] .hdr-mob-acc-chev { transform: rotate(180deg); }
.hdr-mob-acc-panel { display: flex; flex-direction: column; gap: 4px; }
.hdr-mob-acc-panel[hidden] { display: none; }
.hdr-mob-acc:focus-visible { outline: 2px solid #5b9ee8; outline-offset: 2px; border-radius: 4px; }

/* Never allow a horizontal scrollbar from the panel on any width */
@media (min-width: 1101px) {
  .hdr-mega { max-width: calc(100vw - 32px); }
}

/* ── Light-mode shield: mega stays dark in both themes (house rule) ── */
[data-theme="light"] .hdr-mega,
html[data-theme="light"] .hdr-mega {
  background: linear-gradient(158deg, #0e1322 0%, #0a0d16 62%, #090c14 100%) !important;
  border-color: rgba(120,140,180,0.22) !important;
}
[data-theme="light"] .hdr-mega-card-title,
html[data-theme="light"] .hdr-mega-card-title,
[data-theme="light"] .hdr-mega-strip-title,
html[data-theme="light"] .hdr-mega-strip-title { color: #eaf1fb !important; }
[data-theme="light"] .hdr-mega-link,
html[data-theme="light"] .hdr-mega-link { color: #b7c0d0 !important; }
[data-theme="light"] .hdr-mega-link:hover,
html[data-theme="light"] .hdr-mega-link:hover { color: #ffffff !important; }
[data-theme="light"] .hdr-mega-card-sub,
html[data-theme="light"] .hdr-mega-card-sub,
[data-theme="light"] .hdr-mega-strip-sub,
html[data-theme="light"] .hdr-mega-strip-sub { color: rgba(176,184,200,0.72) !important; }
[data-theme="light"] .hdr-mega-heading,
html[data-theme="light"] .hdr-mega-heading { color: rgba(174,185,205,0.55) !important; }



/* ── Mega-menu per-menu size + layout modifiers (v10) ──
   Solutions/Docs/Pricing/Trust/Company reuse the approved Product mega
   design system, sized to content, wired by the same setupMega(). */
.hdr-mega--solutions { width: min(780px, calc(100vw - 32px)); }
.hdr-mega--solutions .hdr-mega-cols { grid-template-columns: 0.85fr 0.85fr 1.1fr; }

.hdr-mega--docs { width: min(760px, calc(100vw - 32px)); }
.hdr-mega--docs .hdr-mega-cols { grid-template-columns: 1fr 1.12fr 0.72fr; }

.hdr-mega--pricing { width: min(520px, calc(100vw - 32px)); }

.hdr-mega--trust { width: min(560px, calc(100vw - 32px)); }
.hdr-mega--trust .hdr-mega-cols { grid-template-columns: 1.05fr 0.8fr; }

.hdr-mega--company { width: min(720px, calc(100vw - 32px)); }
.hdr-mega--company .hdr-mega-cols { grid-template-columns: 0.82fr 1fr 1.05fr; }

/* Pricing: 2x2 card grid (no columns/headings — the cards carry the meaning) */
.hdr-mega-cardgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }

/* External-site arrow glyph on network / external links */
.hdr-mega-ext { font-size: 11px; opacity: 0.6; margin-left: 2px; }
.hdr-mega-link:hover .hdr-mega-ext { opacity: 0.9; }

/* Respect reduced-motion: keep menus instant, drop transforms/animations */
@media (prefers-reduced-motion: reduce) {
  .hdr-mega, .hdr-dropdown, .hdr-chevron,
  .hdr-mega-card, .hdr-mega-strip, .hdr-mega-strip-arrow,
  .hdr-mob-overlay, .hdr-mob-acc-chev, .hdr-mob-nav a {
    transition: none !important;
    animation: none !important;
  }
  .hdr-nav-group--mega.open .hdr-mega { transform: none; }
}