/* Цонжин Кибер Сити — shared styles */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Manrope',-apple-system,'Segoe UI',sans-serif;background:#F4F2EC;color:#14231C;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:#0E5C42;text-decoration:none}
a:hover{color:#00A87A}
button{font-family:inherit;cursor:pointer}
input{font-family:inherit}
section{scroll-margin-top:80px}
::selection{background:#00C896;color:#071310}
@keyframes tzfade{from{opacity:0}to{opacity:1}}
@keyframes tzrise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

.eyebrow{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.28em;text-transform:uppercase;margin-bottom:14px}
.callout{background:#fff;border:1px solid #E2E5DE;border-left:4px solid #00C896;border-radius:12px;padding:14px 16px;font-size:13.5px}

/* ------- responsive ------- */
@media(min-width:821px){
  .g-stat{grid-template-columns:repeat(4,1fr)!important}
}
@media(max-width:960px){
  .g-herob{grid-template-columns:1fr!important}
  .g-cards{grid-template-columns:repeat(2,1fr)!important}
  .g-time{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:820px){
  .g-fin,.g-loc,.g-contact,.g-tier,.g-hotel{grid-template-columns:1fr!important}
  .main-nav{display:none!important}
  .site-header{padding:12px 16px!important}
}
@media(max-width:560px){
  .g-cards,.g-time{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  .mob-hero{padding:96px 16px 52px!important}
  .mob-pricebar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}
  .mob-pricerow{gap:16px!important}
  .mob-divider{display:none!important}
  .mob-grid3{grid-template-columns:1fr!important}
  .mob-grid4{grid-template-columns:repeat(2,1fr)!important}
  .mob-cta{grid-template-columns:1fr!important;padding:28px 20px!important}
  .mob-cta-btns{flex-direction:row!important;flex-wrap:wrap!important}
  .mob-section{padding-left:16px!important;padding-right:16px!important}
  .mob-statwrap{gap:20px!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important}
  .mob-pricenum{font-size:22px!important}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* ═══════════════════════════════════════════
   DARK MODE  (html.dark)
   Resort page өнгө + section-уудыг ялгах
   ═══════════════════════════════════════════ */

/* Body + page wrappers */
html.dark body { background:#071310!important; color:#C9D6CE!important; }
html.dark div[style*="overflow-x:hidden"][style*="background:#fff"] { background:#071310!important; }
html.dark div[style*="overflow-x:hidden"][style*="background:#F2F4F2"] { background:#071310!important; }

/* ── Section backgrounds ── */
/* White sections → resort dark */
html.dark section[style*="background:#fff"],
html.dark div[style*="background:#fff;padding"] { background:#071310!important; }
/* Light gray sections → slightly different dark (section ялгалт) */
html.dark section[style*="background:#F2F4F2"] { background:#081a14!important; }
/* Light green-tinted sections */
html.dark section[style*="background:#EDF6F1"],
html.dark section[style*="background:#f1f3ee"],
html.dark section[style*="background:#f6faf7"],
html.dark section[style*="background:#e6f5ee"],
html.dark section[style*="background:#e4e7df"],
html.dark section[style*="background:#e2e5de"] { background:#091d14!important; }
/* Slightly colored wrappers */
html.dark div[style*="background:#EDF6F1"],
html.dark div[style*="background:#f1f3ee"],
html.dark div[style*="background:#F2F4F2;"] { background:#081a14!important; }

/* ── Text inside light sections ── */
html.dark section[style*="background:#fff"] h1,
html.dark section[style*="background:#fff"] h2,
html.dark section[style*="background:#fff"] h3,
html.dark section[style*="background:#fff"] h4,
html.dark section[style*="background:#F2F4F2"] h1,
html.dark section[style*="background:#F2F4F2"] h2,
html.dark section[style*="background:#F2F4F2"] h3,
html.dark section[style*="background:#EDF6F1"] h1,
html.dark section[style*="background:#EDF6F1"] h2,
html.dark section[style*="background:#EDF6F1"] h3 { color:#fff!important; }

/* Dark text → light text */
html.dark section[style*="background:#fff"] [style*="color:#14231C"],
html.dark section[style*="background:#fff"] [style*="color:#0E1F18"],
html.dark section[style*="background:#fff"] [style*="color:#071310"],
html.dark section[style*="background:#fff"] [style*="color:#344038"],
html.dark section[style*="background:#fff"] [style*="color:#3D4E47"],
html.dark section[style*="background:#fff"] [style*="color:#17231b"],
html.dark section[style*="background:#F2F4F2"] [style*="color:#14231C"],
html.dark section[style*="background:#F2F4F2"] [style*="color:#071310"],
html.dark section[style*="background:#F2F4F2"] [style*="color:#344038"],
html.dark section[style*="background:#EDF6F1"] [style*="color:#14231C"],
html.dark section[style*="background:#EDF6F1"] [style*="color:#0E1F18"],
html.dark section[style*="background:#EDF6F1"] [style*="color:#17231b"] { color:#fff!important; }

/* Medium dark text → muted light */
html.dark section[style*="background:#fff"] [style*="color:#6b7d6e"],
html.dark section[style*="background:#fff"] [style*="color:#5E6B63"],
html.dark section[style*="background:#fff"] [style*="color:#6b7a6d"],
html.dark section[style*="background:#fff"] [style*="color:#4A5850"],
html.dark section[style*="background:#fff"] [style*="color:#7C8B83"],
html.dark section[style*="background:#F2F4F2"] [style*="color:#6b7d6e"],
html.dark section[style*="background:#F2F4F2"] [style*="color:#5E6B63"],
html.dark section[style*="background:#EDF6F1"] [style*="color:#5E6B63"],
html.dark section[style*="background:#EDF6F1"] [style*="color:#6b7a6d"] { color:#9CC0B2!important; }

/* Dark green text/links → bright green */
html.dark section[style*="background:#fff"] [style*="color:#0E5C42"],
html.dark section[style*="background:#fff"] [style*="color:#155515"],
html.dark section[style*="background:#EDF6F1"] [style*="color:#0E5C42"],
html.dark a[style*="color:#0E5C42"] { color:#00C896!important; }

/* ── Cards and boxes inside light sections ── */
html.dark section[style*="background:#fff"] [style*="background:#fff"][style*="border"],
html.dark section[style*="background:#F2F4F2"] [style*="background:#fff"][style*="border"],
html.dark section[style*="background:#EDF6F1"] [style*="background:#fff"][style*="border"] {
  background:rgba(0,200,150,.07)!important;
  border-color:rgba(0,200,150,.2)!important;
}
html.dark section[style*="background:#fff"] [style*="background:#EDF6F1"],
html.dark section[style*="background:#fff"] [style*="background:#f1f3ee"],
html.dark section[style*="background:#fff"] [style*="background:#F2F4F2"] {
  background:rgba(0,200,150,.05)!important;
}
html.dark section[style*="background:#EDF6F1"] [style*="background:#EDF6F1"] {
  background:rgba(0,200,150,.04)!important;
}

/* ── Borders ── */
html.dark section[style*="background:#fff"] [style*="border:1px solid #E8EDE8"],
html.dark section[style*="background:#fff"] [style*="border:1px solid #E2E5DE"],
html.dark section[style*="background:#F2F4F2"] [style*="border:1px solid #E8EDE8"],
html.dark section[style*="background:#EDF6F1"] [style*="border:1px solid #E8EDE8"],
html.dark section[style*="background:#EDF6F1"] [style*="border:1px solid #E2E5DE"] {
  border-color:rgba(0,200,150,.18)!important;
}
html.dark section[style*="background:#fff"] [style*="border-right:1px solid #E8EDE8"],
html.dark section[style*="background:#fff"] [style*="border-bottom:1px solid #E8EDE8"],
html.dark section[style*="background:#EDF6F1"] [style*="border-right:1px solid #E8EDE8"] {
  border-color:rgba(0,200,150,.18)!important;
}

/* ── Utility classes ── */
html.dark .callout { background:rgba(0,200,150,.08)!important; border-color:rgba(0,200,150,.2)!important; color:#C9D6CE!important; }

/* ── Price/stat bars ── */
html.dark section[style*="background:#0A4432"] { background:#05271a!important; }
html.dark div[style*="background:#0A4432"] { background:#05271a!important; }

/* ── Index page (ID-based — style normalization дараа ч ажилладаг) ── */

/* #project */
#project { background:#fff!important; }
html.dark #project { background:#071310!important; }
html.dark #project h2 { color:#fff!important; }
html.dark #project p { color:#C9D6CE!important; }

/* #products */
html.dark #products { background:#081a14!important; }
html.dark #products .g-cards > a {
  background:rgba(0,200,150,.08)!important;
  border-color:rgba(0,200,150,.22)!important;
}
html.dark #products h3 { color:#fff!important; }
html.dark #products [style*="color:#5E6B63"] { color:#9CC0B2!important; }
html.dark #products [style*="color:#0E5C42"] { color:#00C896!important; }

/* #ecosystem */
html.dark #ecosystem { background:#071310!important; }
html.dark #ecosystem h2 { color:#fff!important; }
html.dark #ecosystem .g-cards > div {
  background:rgba(0,200,150,.07)!important;
  border-color:rgba(0,200,150,.2)!important;
}
html.dark #ecosystem h4 { color:#fff!important; }
html.dark #ecosystem p { color:#9CC0B2!important; }
html.dark #ecosystem [style*="background:#E3EFE9"] { background:rgba(0,200,150,.18)!important; }
html.dark #ecosystem [style*="color:#0E5C42"] { color:#00C896!important; }

/* #timeline */
html.dark #timeline { background:#081a14!important; }
html.dark #timeline h2 { color:#fff!important; }
html.dark #timeline .g-time > div {
  background:rgba(0,200,150,.07)!important;
  border-color:rgba(0,200,150,.15)!important;
  border-top-color:rgba(0,200,150,.5)!important;
}
html.dark #timeline p { color:#C9D6CE!important; }
html.dark #timeline b { color:#fff!important; }
html.dark #timeline [style*="color:#0E5C42"] { color:#00C896!important; }

/* #finance */
html.dark #finance > div[style*="background:#0A4432"] { background:#071310!important;opacity:.92!important; }

/* #location — #contact-аас ялгагдах өнгө (#081a14 vs #071310) */
html.dark #location { background:#081a14!important; }
html.dark #location h2 { color:#fff!important; }
html.dark #location p { color:#C9D6CE!important; }
html.dark #location [style*="color:#0E5C42"],
html.dark #location [style*="font-size:24px"] { color:#00C896!important; }
html.dark #location [style*="color:#5E6B63"] { color:#9CC0B2!important; }
html.dark #location [style*="border:1px solid #E2E5DE"] { border-color:rgba(0,200,150,.2)!important; }