/* Smart Industry: shared NTU palette and Mongolian editorial layout. */
.si-page {
  --si-hero-blue: radial-gradient(circle at 76% 34%,#2688cf 0%,#1675bd 20%,#0c5ca8 46%,#084789 72%,#06366e 100%);
  --si-hero-tint: linear-gradient(90deg,rgba(3,39,84,.18) 0%,rgba(15,109,183,.06) 42%,rgba(87,206,249,.08) 100%);
}
/* Keep the physical/digital section aligned with the hero in both languages. */
.si-page .si-physical-digital { background: var(--si-hero-tint),var(--si-hero-blue); }
/* Restore the original grey-blue to NTU blue closing banner. */
.si-page .si-final-cta { background: linear-gradient(110deg,#516f80 0%,#347b9d 42%,#0093D5 100%); }
.si-page .si-pd__gear span,
.si-page .si-pd__sensor { background: rgba(6,54,110,.55); }
.si-page .si-physical-digital__copy > p:not(.eyebrow),
.si-page .si-physical-digital__points span { color: #fff; }
.si-page .si-physical-digital .eyebrow,
.si-page .si-final-cta .eyebrow { color: #e3f6ff; }
.si-page .si-final-cta .btn--white { color: var(--ntu-deep); }
.si-page .si-architecture,
.si-page .si-roadmap { background: var(--soft); }
/* All light-background card families share the site's standard heading color. */
.si-page .si-pillar h3,
.si-page .si-architecture__flow strong,
.si-page .si-capability-card h3,
.si-page .si-use-card h3,
.si-page .si-roadmap__steps strong { color: var(--ink); }
/* Keep the shared grid borders continuous when a card is hovered. */
.si-page .si-capability-card { transition: background-color .22s ease; }
.si-page .si-capability-card:hover { transform: none; box-shadow: none; }
.si-page .si-capability-card__meta > span { color: var(--ntu-blue); }

html:lang(mn) .si-page .si-hero h1 {
  font-size: clamp(42px,4.3vw,66px);
  line-height: 1.12;
  letter-spacing: -.025em;
}
html:lang(mn) .si-page .eyebrow { letter-spacing: .1em; }
html:lang(mn) .si-page .si-hero__lead { line-height: 1.75; }
html:lang(mn) .si-page .si-hero__actions { flex-wrap: wrap; gap: 20px 28px; }
html:lang(mn) .si-page .si-section-head h2,
html:lang(mn) .si-page .si-physical-digital h2,
html:lang(mn) .si-page .si-decade h2 {
  font-size: clamp(32px,3.15vw,50px);
  line-height: 1.16;
  letter-spacing: -.025em;
  text-wrap: balance;
}
html:lang(mn) .si-page .si-final-cta h2 {
  font-size: clamp(30px,2.7vw,43px);
  line-height: 1.18;
  text-wrap: balance;
}
html:lang(mn) .si-page .si-pillar h3,
html:lang(mn) .si-page .si-capability-card h3,
html:lang(mn) .si-page .si-use-card h3 { line-height: 1.3; text-wrap: balance; }
html:lang(mn) .si-page .si-architecture__flow strong { line-height: 1.3; }
/* Numbered rows inherit the same smart-directions rules as the homepage. */
.si-page .si-decade__phase { font-weight: 600; }
/* SVG labels retain their original coordinates and motion. */
html:lang(mn) .si-page .si-station__eyebrow { letter-spacing: 1px; }
html:lang(mn) .si-page .si-pd__sensor { font-size: 9px; letter-spacing: 0; }

@media(max-width:960px) {
  html:lang(mn) .si-page .si-hero h1 { max-width: 720px; }
}
@media(max-width:640px) {
  html:lang(mn) .si-page .si-hero h1 { font-size: clamp(35px,9vw,52px); line-height: 1.13; }
  html:lang(mn) .si-page .si-hero__actions { display: grid; }
  html:lang(mn) .si-page .si-hero__sequence { gap: 8px; letter-spacing: .04em; }
}

/* Same intermediate-width navigation treatment used by Services. */
@media(min-width:1181px) and (max-width:1500px) {
  html:lang(en) .site-header .brand { min-width:0; flex:0 0 280px; }
  html:lang(en) .site-header .brand__official--current { width:280px; }
  html:lang(en) .site-header .nav-bar { gap:20px; }
  html:lang(en) .site-header .primary-nav { gap:12px; }
  html:lang(en) .site-header .primary-nav>a { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .si-page .si-stage-caption:not(.si-stage-caption--measure) { display:none; }
  .si-page .si-smart-module { transform:translate(155px,143px) scale(.84) rotate(-8deg); }
  .si-page .si-hero__visual-note { display:none; }
}