/* =========================================================
   Audio Convert Studio – GLOBAL HEADER v3
   Shared across all public HTML pages
   ========================================================= */

:root{
  --acsg-bg:#07111f;
  --acsg-panel:#0a1a2d;
  --acsg-panel2:#0d2138;
  --acsg-line:rgba(135,185,245,.14);
  --acsg-text:#edf5ff;
  --acsg-muted:#a7b7ca;
  --acsg-blue:#5eb6ff;
  --acsg-purple:#8b75ff;
  --acsg-green:#6ee7ae;
}

/* Old menu systems are hidden only after the new global nav is alive. */
body.acsg-global-ready header.topbar,
body.acsg-global-ready header.acs-header,
body.acsg-global-ready .topbar[data-old-header],
body.acsg-global-ready .wrap > .top.acsg-old-top-hidden,
body.acsg-global-ready .lux-live.acsg-old-ticker-hidden{
  display:none !important;
}

#acs-global-header-root{
  position:relative;
  z-index:99999;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.acsg-shell{
  position:sticky;
  top:0;
  z-index:99999;
  color:var(--acsg-text);
  background:
    radial-gradient(circle at 12% -70%,rgba(57,142,255,.22),transparent 42%),
    radial-gradient(circle at 86% -90%,rgba(139,117,255,.18),transparent 45%),
    rgba(5,13,25,.94);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid var(--acsg-line);
  box-shadow:0 12px 42px rgba(0,0,0,.26);
}

.acsg-main{
  max-width:1500px;
  margin:0 auto;
  min-height:74px;
  padding:9px 20px;
  display:flex;
  align-items:center;
  gap:16px;
}

.acsg-brand{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:11px;
  text-decoration:none;
  color:var(--acsg-text)!important;
  white-space:nowrap;
}
.acsg-brand-icon{
  width:44px;height:44px;border-radius:14px;
  display:grid;place-items:center;
  font-size:24px;font-weight:900;
  color:#fff;
  background:linear-gradient(135deg,#2587ff 0%,#745fff 100%);
  box-shadow:0 10px 28px rgba(48,125,255,.28),inset 0 1px 0 rgba(255,255,255,.18);
}
.acsg-brand-copy{display:flex;flex-direction:column;line-height:1.05}
.acsg-brand-name{font-size:20px;font-weight:950;letter-spacing:-.55px}
.acsg-brand-name em{
  font-style:normal;
  background:linear-gradient(90deg,#76c7ff,#9d8aff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.acsg-brand-sub{
  margin-top:6px;
  color:#7890aa;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.acsg-nav{
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  min-width:0;
}
.acsg-link,.acsg-btn{
  height:43px;
  box-sizing:border-box;
  border-radius:12px;
  border:1px solid transparent;
  padding:0 11px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:transparent;
  color:var(--acsg-muted)!important;
  text-decoration:none!important;
  font:750 12.5px/1 Inter,ui-sans-serif,system-ui,sans-serif;
  cursor:pointer;
  white-space:nowrap;
  transition:background .18s,border-color .18s,color .18s,transform .18s;
}
.acsg-link:hover,.acsg-btn:hover,.acsg-item.is-open>.acsg-btn{
  color:#fff!important;
  border-color:rgba(116,184,255,.16);
  background:rgba(255,255,255,.05);
}
.acsg-ai-btn{
  color:#eef7ff!important;
  background:linear-gradient(135deg,rgba(40,132,255,.18),rgba(126,95,255,.14));
  border-color:rgba(103,170,255,.18);
}
.acsg-count{
  min-width:20px;height:20px;padding:0 6px;border-radius:999px;
  display:inline-grid;place-items:center;
  color:#fff;font-size:9px;font-weight:950;
  background:linear-gradient(135deg,#2587ff,#765fff);
}
.acsg-arrow{font-size:10px;opacity:.65;transition:transform .18s}
.acsg-item{position:relative}
.acsg-item.is-open .acsg-arrow{transform:rotate(180deg)}

.acsg-mega{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  width:min(820px,92vw);
  max-height:min(72vh,680px);
  overflow:auto;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(126,181,245,.16);
  background:
    radial-gradient(circle at 10% 0%,rgba(48,127,224,.11),transparent 30%),
    rgba(7,17,31,.985);
  box-shadow:0 30px 85px rgba(0,0,0,.48);
  opacity:0;
  visibility:hidden;
  transform:translateY(-7px) scale(.99);
  transform-origin:top right;
  transition:.16s ease;
}
.acsg-item.is-open>.acsg-mega{
  opacity:1;visibility:visible;transform:none;
}
.acsg-mega-ai{right:-270px}
.acsg-mega-all{right:-120px;width:min(1040px,94vw)}
.acsg-mega-audio{right:-250px;width:min(790px,92vw)}
.acsg-mega-image{right:-160px;width:min(670px,90vw)}

.acsg-mega-top{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:2px 3px 14px;
  margin-bottom:12px;
  border-bottom:1px solid rgba(127,180,240,.10);
}
.acsg-mega-top strong{font-size:15px;color:#f1f7ff}
.acsg-mega-top span{font-size:10px;color:#7991ac;letter-spacing:.08em;text-transform:uppercase}

.acsg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 15px}
.acsg-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.acsg-col{min-width:0}
.acsg-label{
  display:block;
  margin:3px 7px 7px;
  color:#69b8ff;
  font-size:9px;font-weight:950;letter-spacing:.15em;text-transform:uppercase;
}
.acsg-menu-link{
  display:flex;align-items:center;gap:8px;
  min-height:34px;
  padding:7px 9px;
  box-sizing:border-box;
  border-radius:9px;
  color:#b8c8da!important;
  text-decoration:none!important;
  font-size:11.5px;
  line-height:1.25;
  transition:.16s;
}
.acsg-menu-link:hover{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(54,135,226,.14),rgba(115,90,210,.08));
}
.acsg-menu-link b{font-weight:800}
.acsg-mega-cta{
  margin-top:13px;
  padding-top:13px;
  border-top:1px solid rgba(127,180,240,.10);
  display:flex;gap:9px;flex-wrap:wrap;
}
.acsg-cta{
  display:inline-flex;align-items:center;gap:7px;
  padding:9px 12px;border-radius:10px;
  color:#eaf5ff!important;text-decoration:none!important;
  font-size:11px;font-weight:850;
  background:rgba(47,132,236,.10);
  border:1px solid rgba(96,169,255,.13);
}
.acsg-cta:hover{background:rgba(47,132,236,.18)}

.acsg-lang .acsg-mega{width:205px;right:0;padding:10px}
.acsg-lang .acsg-grid{display:block}
.acsg-lang .acsg-menu-link{font-size:12.5px}

.acsg-mobile-btn{
  display:none;
  margin-left:auto;
  width:44px;height:44px;
  border-radius:12px;border:1px solid rgba(126,181,245,.15);
  background:rgba(255,255,255,.045);color:#fff;
  font-size:22px;cursor:pointer;
}
.acsg-mobile{display:none}

/* The universal ticker */
.acsg-ticker{
  border-top:1px solid rgba(125,180,240,.07);
  background:linear-gradient(90deg,#07111f,#0b1c31,#07111f);
  overflow:hidden;
  white-space:nowrap;
}
.acsg-ticker-track{
  display:flex;
  width:max-content;
  animation:acsgTicker 130s linear infinite;
}
.acsg-ticker:hover .acsg-ticker-track{animation-play-state:paused}
.acsg-ticker-group{
  display:flex;align-items:center;gap:27px;
  padding:9px 27px 9px 0;
}
.acsg-ticker a,.acsg-ticker span{
  color:#8fa4bb!important;
  text-decoration:none!important;
  font-size:11px;
  font-weight:650;
}
.acsg-ticker a:hover{color:#dcecff!important}
.acsg-ticker b{color:#d9e8f8;font-weight:850}
@keyframes acsgTicker{to{transform:translateX(-50%)}}

/* Mobile */
@media(max-width:1450px){
  .acsg-nav{display:none}
  .acsg-mobile-btn{display:grid;place-items:center}
  .acsg-shell.mobile-open .acsg-mobile{display:block}
  .acsg-mobile{
    max-height:calc(100vh - 92px);
    overflow:auto;
    border-top:1px solid rgba(125,180,240,.09);
    padding:9px 14px 16px;
  }
  .acsg-mobile-inner{
    max-width:1040px;margin:0 auto;
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;
  }
  .acsg-mobile-section{
    padding:12px;border:1px solid rgba(125,180,240,.08);
    border-radius:14px;background:rgba(255,255,255,.025);
  }
  .acsg-mobile-section strong{
    display:block;margin-bottom:8px;color:#6fbcff;font-size:9px;letter-spacing:.14em;text-transform:uppercase
  }
  .acsg-mobile-section a{
    display:block;padding:7px 5px;color:#becddd!important;text-decoration:none!important;font-size:12px
  }
}
@media(max-width:720px){
  .acsg-main{min-height:64px;padding:7px 10px}
  .acsg-brand-icon{width:39px;height:39px;border-radius:12px}
  .acsg-brand-name{font-size:17px}
  .acsg-brand-sub{display:none}
  .acsg-mobile-inner{grid-template-columns:1fr}
  .acsg-ticker-group{gap:20px;padding-right:20px}
  .acsg-ticker-track{animation-duration:165s}
}

/* On production AI pages, the old internal mini-nav is superseded by the global header.
   The useful page content remains untouched. */
body.acsg-global-ready .wrap > .top.acsg-old-top-hidden{display:none!important}

/* v3.2: isolate sizing and hide the superseded English legacy navigation. */
#acs-global-header-root, #acs-global-header-root * { box-sizing:border-box; }
body.acsg-global-ready [data-acs-header] { display:none !important; }
.acsg-brand { flex-shrink:0; }
.acsg-nav { flex:0 0 auto; }
.acsg-mega-docs { right:-220px; width:min(730px,90vw); }

/* v3.3: keep every dropdown above the animated ticker's stacking context. */
#acs-global-header-root .acsg-shell { isolation:isolate; overflow:visible; }
#acs-global-header-root .acsg-main { position:relative; z-index:3; overflow:visible; }
#acs-global-header-root .acsg-item.is-open { z-index:10; }
#acs-global-header-root .acsg-mega { z-index:20; background:#07111f; }
#acs-global-header-root .acsg-ticker { position:relative; z-index:1; isolation:isolate; }
#acs-global-header-root .acsg-mobile { position:relative; z-index:2; }
#acs-global-header-root .acsg-shell:has(.acsg-item.is-open) .acsg-ticker-track,
#acs-global-header-root .acsg-shell.mobile-open .acsg-ticker-track { animation-play-state:paused; }
#acs-global-header-root .acsg-lang .acsg-mega { width:220px; padding:10px; }
#acs-global-header-root .acsg-lang .acsg-menu-link { min-height:46px; font-size:14px; padding:12px; }
#acs-global-header-root .acsg-lang > .acsg-btn { min-width:78px; min-height:44px; justify-content:center; }
#acs-global-header-root .acsg-btn:focus-visible,
#acs-global-header-root .acsg-menu-link:focus-visible { outline:2px solid #76c7ff; outline-offset:2px; }

/* v3.4: legacy navigation is hidden on first paint when static markup exists. */
body.acsg-static-header [data-acsg-old-header],
body.acsg-static-header .lux-live { display:none !important; }

body.acsg-static-header .wrap > .top[data-acsg-ai-top] { display:none !important; }