/* Our New Technology — shell aligned with About / Services (dark nav, light hero, embedded lab) */

body.subpage-tech {
  background: #0a0a0f;
}

body.subpage-tech #navbar {
  background: rgba(10, 10, 15, 0.88);
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

body.subpage-tech .nav-links a {
  color: rgba(255, 255, 255, 0.82);
}

body.subpage-tech .logo {
  color: #fff;
}

body.subpage-tech .lang-switcher {
  background: rgba(255, 255, 255, 0.08);
}

body.subpage-tech .lang-btn {
  color: rgba(255, 255, 255, 0.55);
}

body.subpage-tech .lang-btn.active {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

body.subpage-tech .hamburger span {
  background: #fff;
}

body.subpage-tech a.nav-cta {
  background: #fff;
  color: #0a0a0f;
}

body.subpage-tech a.nav-cta:hover {
  background: #f0f0f2;
  color: #000;
}

body.subpage-tech #navbar.scrolled {
  background: rgba(10, 10, 15, 0.96);
}

.technology-page-main {
  max-width: none !important;
  width: 100%;
  padding: 0 !important;
  margin: 0;
}

.tech-hero {
  padding: 100px 24px 48px;
  background: #f5f5f7;
  color: var(--dark-gray);
}

.tech-hero-inner {
  max-width: 1180px;
  margin: 0 auto;
}

.tech-hero-kicker {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 16px;
}

.tech-hero-title {
  font-size: clamp(32px, 5.5vw, 64px);
  font-weight: 700;
  letter-spacing: -2px;
  line-height: 1.05;
  max-width: 18ch;
  margin-bottom: 18px;
  white-space: pre-line;
}

.tech-hero-lead {
  font-size: clamp(16px, 1.9vw, 20px);
  line-height: 1.55;
  color: #515154;
  max-width: 640px;
}

.tech-hero-note {
  margin-top: 18px;
  max-width: 720px;
  padding: 14px 18px;
  border-radius: 12px;
  background: rgba(0, 113, 227, 0.08);
  border: 0.5px solid rgba(0, 113, 227, 0.22);
  font-size: 14px;
  line-height: 1.55;
  color: #1d1d1f;
  white-space: pre-line;
}

.tech-rsl-outer {
  padding: 0 24px 72px;
  background: linear-gradient(180deg, #e8e8ed 0%, #d8d8e0 100%);
}

.tech-rsl-outer-inner {
  max-width: 1240px;
  margin: 0 auto;
}

#techRSLRoot.tech-rsl-app {
  border-radius: 22px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}

body.subpage-tech footer {
  background: var(--surface-dark);
}

body.subpage-tech .footer-brand .logo {
  color: #fff;
}

@media (max-width: 600px) {
  .tech-hero {
    padding-top: 88px;
  }
}