/* site-head.css — asiatv.co 공용 머리줄(1030 형 49933·49938).
   - 색·간격은 아래 :root 토큰 한 곳. 메뉴 글자 = 흰색(--blh-ink), 지금 위치 = 강조색 밑줄 2px(--blh-acc).
   - 첫 화면(index.html)은 화면 엔진이 그린 <nav> 의 링크에 .bl-nl 이 붙어 있고, /products/ · /fairness/ 는 site-head.js 가 같은 모양을 그린다.
   - 지금 위치 표시 = <html data-bl-sec="구역"> 또는 <html data-bl-page="쪽"> (site-head.js 가 단다). 엔진이 링크를 다시 그려도 표시가 안 풀린다.
   - 지역 규제기관 로고 칸(.bl-lg) 모양도 여기(같은 머리 파일을 쓰는 곳이 첫 화면뿐이라 따로 파일을 만들지 않음). */
:root{
  --blh-bg:rgba(6,7,10,0.72); --blh-line:rgba(255,255,255,0.08); --blh-ink:#FFFFFF; --blh-acc:#C6FF3D; --blh-on-acc:#06070A;
  --blh-cta-hover:#EDEFF3; --blh-sep:rgba(255,255,255,0.18); --blh-fs:14px; --blh-gap:24px; --blh-r:6px;
  --blh-pad-x:clamp(20px,4vw,56px); --blh-ease:cubic-bezier(.23,1,.32,1);
  --bl-lg-bg:#F2F3F5; --bl-lg-line:rgba(6,7,10,0.06);
}

/* --- 메뉴 링크(첫 화면 엔진 머리줄 + 공용 머리줄 공통) --- */
.bl-navlinks{column-gap:var(--blh-gap)!important;row-gap:8px}
.blh a,.bl-nl,.bl-navcta{text-decoration:none}
.bl-nl{position:relative;display:inline-flex;align-items:center;min-height:32px;color:var(--blh-ink)!important;font-size:var(--blh-fs);font-weight:500;line-height:1;white-space:nowrap}
.bl-nl::before{content:"";position:absolute;inset:-6px -8px}
.bl-nl::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:1px;background:var(--blh-acc);transform:scaleX(0);transform-origin:0 50%;opacity:0;transition:transform 180ms var(--blh-ease),opacity 180ms ease}
.bl-nl:focus-visible{outline:2px solid var(--blh-acc);outline-offset:4px;border-radius:2px}
@media (hover:hover) and (pointer:fine){ .bl-nl:hover::after{transform:scaleX(1);opacity:.45} }
.bl-nl[aria-current]::after,
html[data-bl-sec="platform"] .bl-nl[href$="#platform"]::after,
html[data-bl-sec="studio"] .bl-nl[href$="#studio"]::after,
html[data-bl-sec="arch"] .bl-nl[href$="#arch"]::after,
html[data-bl-sec="tech"] .bl-nl[href$="#tech"]::after,
html[data-bl-sec="compare"] .bl-nl[href$="#compare"]::after,
html[data-bl-sec="license"] .bl-nl[href$="#license"]::after,
html[data-bl-sec="launch"] .bl-nl[href$="#launch"]::after,
html[data-bl-page="products"] .bl-nl[href="/products/"]::after,
html[data-bl-page="fairness"] .bl-nl[href="/fairness/"]::after{transform:scaleX(1);opacity:1}
.bl-nl-sep{align-self:center;width:1px;height:16px;background:var(--blh-sep)}

/* 머리줄 단추(데모 요청) — 각진 6px, 사이트 강조색 */
.bl-navcta{display:inline-flex;align-items:center;height:36px;padding:0 16px!important;border-radius:var(--blh-r)!important;background:var(--blh-acc);color:var(--blh-on-acc)!important;font-weight:700!important;font-size:var(--blh-fs);white-space:nowrap;transition:transform 140ms var(--blh-ease),background-color 160ms ease}
.bl-navcta:active{transform:scale(.97)}
.bl-navcta:focus-visible{outline:2px solid var(--blh-acc);outline-offset:2px}
@media (hover:hover) and (pointer:fine){ .bl-navcta:hover{background:var(--blh-cta-hover)!important} }

/* --- 공용 머리줄(/products/ · /fairness/) --- */
.blh{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:var(--blh-gap);
  padding:16px var(--blh-pad-x);background:var(--blh-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--blh-line);
  font-family:'Pretendard Variable',Pretendard,system-ui,sans-serif}
.blh-logo{display:flex;align-items:center;gap:10px;font-family:Unbounded,'Pretendard Variable',sans-serif;font-weight:700;font-size:17px;letter-spacing:0.04em;color:var(--blh-ink)}
.blh-mark{display:block;width:22px;height:22px;border-radius:var(--blh-r);background:var(--blh-acc);transform:rotate(45deg) scale(0.8)}
.blh-b{color:var(--blh-acc)}
.blh-links{display:flex;align-items:center;flex-wrap:wrap}
.blh-right{display:flex;align-items:center;gap:16px}
.blh-slot{display:flex;align-items:center;min-height:32px}
@media (max-width:899px){ .blh .bl-navlinks,.blh .bl-navcta{display:none!important} .blh{padding-top:14px;padding-bottom:14px} }
/* 메뉴 9개가 한 줄에 들어가는 폭만 링크 줄을 편다(6개 언어 실측 1030): 1440 이상 = 14px·간격 24 / 1280~1439 = 13px·간격 16 / 1279 이하 = 펼침 메뉴(m1029) */
@media (min-width:1280px) and (max-width:1439px){ .bl-navlinks{column-gap:16px!important} .bl-nl{font-size:13px} }
@media (max-width:1279px){ .bl-navlinks{display:none!important} }

/* 제 언어 장치를 쓰는 쪽(/fairness/)의 머리줄 자리 — 고정 머리줄 높이만큼 비워 둔다 */
.blh-mount{height:69px}
@media (max-width:899px){ .blh-mount{height:61px} }

/* 폰 메뉴(m1029)의 바깥 페이지 줄 — 번호 자리에 화살표 */
.blpm-go{width:14px;height:14px;color:var(--blh-acc)}

/* --- 규제기관 로고 칸(첫 화면 07 라이선스) — 5곳 같은 규칙: 같은 크기 · 중립 밝은 바탕 · 공식 마크를 가운데 같은 여백 --- */
.bl-lg{background:var(--bl-lg-bg)!important;box-shadow:inset 0 0 0 1px var(--bl-lg-line)}
.bl-lg img{width:84%!important;height:84%!important;object-fit:contain;background:transparent!important}

@media (prefers-reduced-motion:reduce){ .bl-nl::after,.bl-navcta{transition:none} }