/* Shared site header: used by every public page (landing.html, platform, FAQ, ...). Page-specific tweaks stay in the page.
   Purple bar, frosted dark dropdown panels, and a full-screen menu on phones (see site-nav.js). */
html,body{overflow-x:hidden;overflow-x:clip}
    /* ── HEADER ── */
    .site-header{padding:16px 0;position:sticky;top:0;width:100%;z-index:200;background:#241c4a;border-bottom:1px solid rgba(255,255,255,.08)}
    .site-nav-inner{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}
    .site-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#241c4a;transition:transform .3s}
    .site-logo:hover{transform:scale(1.02)}
    .site-logo-text{font-family:var(--font-serif,'Fraunces',Georgia,serif);font-size:21px;font-weight:500;letter-spacing:-.02em;color:#ffffff}
    .site-nav-links{display:flex;list-style:none;gap:20px;align-items:center}
    .site-nav-links li a{display:flex;align-items:center;text-decoration:none;color:#6b6760;font-family:var(--font-sans,'Instrument Sans',system-ui,sans-serif);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;transition:color .2s}
    .site-nav-links li a:hover{color:#241c4a}
    /* Purple header (matches .hero): light top-level links; dropdown menus stay cream with dark text. */
    .site-nav-links>li>a{color:rgba(255,255,255,.78)}
    .site-nav-links>li>a:hover{color:#ffffff}

    /* ── NAV DROPDOWNS: dark frosted panels, opened by script (hover with a short delay, click, keyboard) ── */
    .nav-has-dropdown{position:relative}
    .nav-has-dropdown.nav-sol{position:static}
    .nav-has-dropdown>a{gap:5px}
    .nav-has-dropdown>a::after{content:'';width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid currentColor;opacity:.5;transition:transform .2s}
    .nav-has-dropdown.open>a::after{transform:rotate(-180deg);opacity:1}
    .nav-signin>a{background:#ffffff;color:#241c4a!important;padding:8px 18px;border-radius:100px;font-size:11px}
    .nav-cta{background:#b8921f;color:#ffffff!important;padding:8px 18px;border-radius:100px;font-size:11px;transition:opacity .2s}
    .nav-cta:hover{opacity:.85;color:#ffffff!important}
    .nav-dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;min-width:220px;padding:10px;border-radius:18px;background:rgba(36,28,74,.96);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 64px rgba(8,5,22,.5);opacity:0;visibility:hidden;pointer-events:none}
    .nav-dropdown-menu::before{content:'';position:absolute;left:0;right:0;top:-14px;height:14px}
    .nav-has-dropdown.open>.nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto}
    @media (prefers-reduced-motion:no-preference){.nav-has-dropdown.open>.nav-dropdown-menu{animation:dd-in .18s ease}@keyframes dd-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}}
    .site-header .nav-dropdown-menu a{display:block;padding:11px 14px;font-family:var(--font-sans,'Instrument Sans',system-ui,sans-serif);font-size:14px;font-weight:500;text-transform:none;letter-spacing:0;color:rgba(255,255,255,.86);text-decoration:none;border-radius:10px;transition:background .15s,color .15s}
    .site-header .nav-dropdown-menu a:hover,.site-header .nav-dropdown-menu a:focus-visible{background:rgba(255,255,255,.1);color:#fff;outline:none}
    .site-header .nav-has-dropdown>a:focus-visible,.nav-burger:focus-visible{outline:2px solid #d4a84a;outline-offset:3px;border-radius:6px}
    .dd-label{padding:8px 12px 10px;font-family:var(--font-sans,'Instrument Sans',system-ui,sans-serif);font-size:12px;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.55);display:block}
    .dd-foot{padding:10px 12px 6px}
    .site-header .dd-foot a{display:inline-block;padding:0;font-size:13px;font-weight:600;color:#e9c46a;background:none}
    .site-header .dd-foot a:hover{background:none;opacity:.8;color:#e9c46a}
    /* Data ecosystem and platform: card grids */
    .nav-dropdown-r{width:600px}
    .nav-dropdown-xl{width:680px}
    .dd-data-grid,.dd-plat-grid{display:grid;gap:6px}
    .dd-data-grid{grid-template-columns:1fr 1fr}
    .dd-plat-grid{grid-template-columns:repeat(3,1fr)}
    .dd-data-cell,.dd-plat-cell{padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.05);transition:background .15s}
    .dd-data-cell:hover,.dd-plat-cell:hover{background:rgba(255,255,255,.1)}
    .dd-data-src,.dd-plat-title{display:block;font-family:var(--font-sans,'Instrument Sans',system-ui,sans-serif);font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}
    .dd-data-txt,.dd-plat-desc{display:block;font-family:var(--font-sans,'Instrument Sans',system-ui,sans-serif);font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.62)}
    .dd-plat-icon{display:block;font-size:16px;color:#e9c46a;margin-bottom:8px}
    /* Solutions: four role columns and a Business Pulse card, centred under the header */
    .nav-dropdown-solutions{right:auto;left:50%;transform:translateX(-50%);width:min(1100px,calc(100vw - 48px));padding:10px}
    .nav-has-dropdown.open>.nav-dropdown-solutions{animation-name:dd-in-c}
    @keyframes dd-in-c{from{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translateX(-50%)}}
    .dd-sol-grid{display:grid;grid-template-columns:repeat(4,1fr) 1.15fr;gap:6px}
    .site-header .dd-sol-col{padding:18px 18px 20px;border-radius:14px;display:flex;flex-direction:column;color:inherit}
    .site-header .dd-sol-col:hover,.site-header .dd-sol-col:focus-visible{background:rgba(255,255,255,.08)}
    .dd-sol-tag{display:flex;align-items:center;gap:8px;font-family:var(--font-sans,'Instrument Sans',system-ui,sans-serif);font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}
    .dd-sol-goal{font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.62);margin-bottom:14px;display:block}
    .dd-sol-agents{display:flex;flex-direction:column;gap:8px}
    .dd-sol-agent{font-size:12.5px;line-height:1.3;color:rgba(255,255,255,.86);display:block}
    .dd-sol-beta{display:inline-block;font-family:var(--font-sans,'Instrument Sans',system-ui,sans-serif);font-size:10px;font-weight:600;letter-spacing:.04em;padding:2px 8px;border-radius:100px;background:rgba(233,196,106,.16);color:#e9c46a;margin:0}
    .site-header .dd-sol-col:last-child{background:linear-gradient(160deg,rgba(184,146,31,.22),rgba(184,146,31,.06));border:1px solid rgba(233,196,106,.28)}
    .site-header .dd-sol-col:last-child:hover{background:linear-gradient(160deg,rgba(184,146,31,.32),rgba(184,146,31,.1))}

    /* ── Mobile: menu button and full-screen drawer ── */
    .nav-burger{display:none;width:44px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.1);cursor:pointer;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px}
    .nav-burger span{display:block;width:20px;height:2px;border-radius:2px;background:#fff;transition:transform .25s,opacity .2s}
    .site-header.nav-open .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    .site-header.nav-open .nav-burger span:nth-child(2){opacity:0}
    .site-header.nav-open .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
    html.nav-lock,html.nav-lock body{overflow:hidden}
    @media (max-width:900px){
      .site-logo-text{font-size:18px}
      .nav-burger{display:flex}
      .site-nav-links{display:none}
      .site-header.nav-open{background:#241c4a;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:rgba(255,255,255,.1)}
      .site-header.nav-open .site-nav-links{display:flex;flex-direction:column;align-items:stretch;gap:0;position:fixed;left:0;right:0;bottom:0;top:var(--drawer-top,0px);overflow-y:auto;background:#241c4a;padding:8px 20px 40px;z-index:190}
      .site-nav-links>li{border-bottom:1px solid rgba(255,255,255,.1)}
      .site-nav-links>li>a{padding:16px 2px;font-size:17px;font-weight:500;text-transform:none;letter-spacing:0;justify-content:space-between}
      .nav-has-dropdown>a::after{border-left-width:5px;border-right-width:5px;border-top-width:5px}
      .site-header .site-nav-links>li>a.nav-cta,.site-header .nav-signin>a{justify-content:center;border-radius:100px;padding:14px 18px;font-size:15px;margin:14px 0 4px}
      .site-nav-links>li:last-child,.site-nav-links>li:has(.nav-cta){border-bottom:0}
      .nav-has-dropdown.nav-sol{position:relative}
      .nav-dropdown-menu,.nav-dropdown-solutions,.nav-dropdown-r,.nav-dropdown-xl{position:static;display:none;width:auto;min-width:0;transform:none;opacity:1;visibility:visible;pointer-events:auto;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0 0 12px;animation:none!important}
      .nav-dropdown-menu::before{display:none}
      .nav-has-dropdown.open>.nav-dropdown-menu{display:block}
      .dd-sol-grid,.dd-data-grid,.dd-plat-grid{grid-template-columns:1fr}
      .site-header .dd-sol-col{padding:14px 12px}
    }