.nies-page { background: var(--paper); }
.nies-page main { padding-top: 86px; }
.nies-languages { display: flex; align-items: center; gap: 2px; }
.nies-languages a { display: block; padding: 8px 5px; opacity: .48; font: 700 .68rem/1 var(--mono); white-space: nowrap; }
.nies-languages a:hover, .nies-languages a:focus-visible, .nies-languages a.active { color: var(--cyan); opacity: 1; }
.nies-languages a.active { border-bottom: 2px solid var(--cyan); }
.nies-language-select { display: none; appearance: none; -webkit-appearance: none; width: 58px; min-width: 58px; height: 58px; padding: 0 4px 8px; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; color: var(--white); background: #20343d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23ffffff' stroke-width='1.4'/%3E%3C/svg%3E") center 76% / 10px 6px no-repeat; font: 700 .72rem/1 var(--mono); text-align: center; text-align-last: center; cursor: pointer; }

.nies-hero { display: grid; grid-template-columns: minmax(0, .91fr) minmax(0, 1.09fr); align-items: center; color: var(--white); background: #162d37; }
.nies-hero-copy { min-width: 0; padding: clamp(50px, 6vw, 110px) 5vw; }
.nies-hero .case-back { margin-bottom: clamp(36px, 5vw, 84px); }
.nies-hero .eyebrow { margin-bottom: 28px; color: #8be9f1; }
.nies-signal { flex: 0 0 auto; width: 28px; height: 3px; background: var(--cyan); box-shadow: 9px 0 0 var(--orange); }
.nies-hero h1 { max-width: 780px; margin: 0; font-size: clamp(2.6rem, 4.3vw, 5rem); line-height: 1.04; letter-spacing: -.052em; text-wrap: balance; hyphens: auto; overflow-wrap: break-word; }
.nies-intro { max-width: 650px; margin: 28px 0 0; color: rgba(255,255,255,.76); font-size: clamp(1rem, 1.2vw, 1.18rem); line-height: 1.65; }
.nies-hero-visual { min-width: 0; margin: 0; }
.nies-hero-visual img { display: block; width: 100%; height: auto; }

.nies-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); color: var(--white); background: #213b45; }
.nies-facts > div { min-width: 0; padding: 27px 5vw 30px; border-right: 1px solid rgba(255,255,255,.16); }
.nies-facts > div:last-child { border-right: 0; }
.nies-facts strong, .nies-facts span { display: block; }
.nies-facts strong { color: #84e6ef; font-size: clamp(1.35rem, 2vw, 2rem); font-weight: 350; line-height: 1.18; }
.nies-facts span { margin-top: 9px; color: rgba(255,255,255,.66); font: 700 .68rem/1.45 var(--mono); letter-spacing: .065em; text-transform: uppercase; }

.nies-section { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(36px, 8vw, 150px); align-items: start; padding: clamp(65px, 7vw, 110px) 6vw; background: var(--white); }
.nies-section-muted { background: #e9ecea; }
.nies-section-dark { color: var(--white); background: #20343d; }
.nies-section .section-code { margin: 0 0 22px; }
.nies-section-dark .section-code { color: #7de5ed; }
.nies-section h2 { max-width: 720px; margin: 0; font-size: clamp(2rem, 3.2vw, 3.7rem); line-height: 1.1; letter-spacing: -.045em; text-wrap: balance; hyphens: auto; overflow-wrap: break-word; }
.nies-section-copy { max-width: 770px; padding-top: 3px; }
.nies-section-copy p { margin: 0; color: var(--ink-3); font-size: clamp(1.05rem, 1.15vw, 1.2rem); line-height: 1.68; }
.nies-section-dark .nies-section-copy p { color: rgba(255,255,255,.75); }
.nies-section-dark .nies-section-copy .nies-client { margin-top: 32px; color: #8be9f1; font: 700 .75rem/1.4 var(--mono); letter-spacing: .11em; text-transform: uppercase; }
.nies-page .site-footer { grid-template-columns: 1fr auto auto auto auto; }

html[dir="rtl"] .nies-hero, html[dir="rtl"] .nies-facts, html[dir="rtl"] .nies-section { direction: rtl; }
html[dir="rtl"] .nies-hero .eyebrow { letter-spacing: 0; }
html[dir="rtl"] .nies-facts > div { border-right: 0; border-left: 1px solid rgba(255,255,255,.16); }
html[dir="rtl"] .nies-facts > div:last-child { border-left: 0; }
html[dir="rtl"] .nies-languages { direction: ltr; }
html[dir="rtl"] .nies-section .section-code, html[dir="rtl"] .nies-client { letter-spacing: 0; }

@media (max-width: 1080px) {
  .nies-hero { grid-template-columns: 1fr 1fr; }
  .nies-hero-copy { padding: 55px 5vw; }
  .nies-hero h1 { font-size: clamp(2.3rem, 4.1vw, 3.8rem); }
  .nies-section { grid-template-columns: 1fr; gap: 28px; }
}

@media (max-width: 760px) {
  .nies-page main { padding-top: 72px; }
  .nies-languages { display: none; }
  .nies-language-select { display: block; }
  .nies-hero { display: flex; flex-direction: column; align-items: stretch; }
  .nies-hero-visual { order: 0; }
  .nies-hero-copy { order: 1; padding: 36px 22px 52px; }
  .nies-hero .case-back { margin-bottom: 36px; }
  .nies-hero .eyebrow { gap: 9px; font-size: .62rem; line-height: 1.45; }
  .nies-hero h1 { font-size: clamp(2.2rem, 9vw, 3.25rem); }
  .nies-intro { font-size: 1rem; }
  .nies-facts { grid-template-columns: 1fr; }
  .nies-facts > div { padding: 18px 22px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.16); }
  .nies-facts > div:last-child { border-bottom: 0; }
  html[dir="rtl"] .nies-facts > div { border-left: 0; }
  .nies-facts strong { font-size: 1.45rem; }
  .nies-facts span { margin-top: 4px; }
  .nies-section { padding: 66px 22px; }
  .nies-section h2 { font-size: clamp(1.9rem, 8vw, 2.7rem); }
  .nies-section-copy p { font-size: 1.03rem; }
  .nies-page .site-footer { grid-template-columns: 1fr; }
}
