
/* ---------- Multi-page additions ---------- */
.page-header{
  position:relative; background:var(--dark); color:#fff; padding:150px 0 64px; overflow:hidden;
}
.page-header::before{
  content:""; position:absolute; inset:0;
  background-image:linear-gradient(var(--line-dark) 1px, transparent 1px),linear-gradient(90deg, var(--line-dark) 1px, transparent 1px);
  background-size:56px 56px; opacity:0.3;
  mask-image:radial-gradient(ellipse 70% 60% at 30% 30%, black 10%, transparent 70%);
}
.page-header .wrap{position:relative;z-index:2;}
.page-header h1{font-family:'Barlow Condensed',sans-serif; font-size:clamp(34px,5vw,54px); font-weight:800; text-transform:uppercase; margin-top:14px;}
.page-header p{color:#B7BCC2; margin-top:14px; max-width:520px; font-size:15.5px;}

.nav-links a.active{color:#fff; position:relative;}
.nav-links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-24px;height:2px;background:var(--accent);}

.home-teaser-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px;}
.teaser-card{border:1px solid var(--line);border-radius:8px;padding:28px 22px;background:#fff;transition:border-color .2s, transform .2s;}
.teaser-card:hover{border-color:var(--accent);transform:translateY(-3px);}
.teaser-card .eyebrow{margin-bottom:10px;}
.teaser-card h3{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:700;margin-bottom:8px;}
.teaser-card p{font-size:13.5px;color:var(--ink-faint);margin-bottom:14px;}
.teaser-card a{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;color:var(--accent);}
@media(max-width:900px){.home-teaser-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.home-teaser-grid{grid-template-columns:1fr;}}

.lang-switcher{
  position:fixed;top:14px;right:16px;z-index:1000;
  display:flex;gap:4px;background:rgba(20,23,27,0.92);backdrop-filter:blur(10px);
  border:1px solid var(--line-dark);border-radius:20px;padding:4px;
}
.lang-btn{
  font-family:'IBM Plex Mono',monospace;font-size:11.5px;font-weight:600;letter-spacing:0.03em;
  color:#B7BCC2;background:none;border:none;padding:7px 12px;border-radius:16px;cursor:pointer;transition:all .2s;
}
.lang-btn:hover{color:#fff;}
.lang-btn.active{background:var(--accent);color:#fff;}
header.site .nav{padding-right:210px;}
header.site .nav-links{gap:20px;}
header.site .nav-links a{font-size:13px;white-space:nowrap;}
header.site .nav-cta{white-space:nowrap;}
@media(max-width:1100px){
  header.site .nav-links{gap:12px;}
}
@media(max-width:860px){
  header.site .nav{padding-right:0;flex-wrap:wrap;height:auto;padding-top:12px;padding-bottom:12px;}
  header.site .nav-links{display:flex;order:3;width:100%;overflow-x:auto;gap:16px;padding-top:12px;border-top:1px solid var(--line-dark);margin-top:10px;-webkit-overflow-scrolling:touch;}
  header.site .nav-links a{flex-shrink:0;}
  header.site .nav-cta{order:2;margin-left:auto;margin-right:8px;}
}
@media(max-width:640px){
  .lang-switcher{top:auto;bottom:14px;right:10px;}
}
@media(max-width:860px){
  header.site .nav{padding-right:150px;}
}

/* ---------- Language toggle (was missing) ---------- */
.lang-root{display:none;}
html[data-active="en"] .lang-root[data-lang="en"]{display:block;}
html[data-active="zh"] .lang-root[data-lang="zh"]{display:block;}
html[data-active="ko"] .lang-root[data-lang="ko"]{display:block;}
html[data-active="ru"] .lang-root[data-lang="ru"]{display:block;}
