/* 2026-08-31 refinement: language control, roadmap, model tags and trust credentials */

/* Compact segmented language control. Important flags override the runtime nav style. */
.lang-switch {
  display: inline-grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 3px !important;
  min-width: 86px !important;
  border: 1px solid rgba(255,255,255,.6) !important;
  border-radius: 10px !important;
  background: rgba(5,17,38,.26) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  overflow: hidden !important;
}
.lang-switch b,
.lang-switch span {
  display: block !important;
  min-width: 38px !important;
  padding: 5px 8px !important;
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 7px !important;
  color: rgba(255,255,255,.62) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  text-align: center !important;
}
.lang-switch b {
  color: #07162b !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 2px 8px rgba(0,12,31,.18) !important;
}
.nav.is-scrolled .lang-switch { background: rgba(255,255,255,.06) !important; }

/* Phase II: image-led, research-grade cards */
.roadmap-section-v2 .roadmap-v2-grid { align-items: stretch; }
.roadmap-section-v2 .roadmap-v2-card { overflow: hidden; }
.roadmap-section-v2 .roadmap-v2-art {
  position: relative;
  height: 226px;
  margin: 20px -1px 30px;
  overflow: hidden;
  border-radius: 0;
  background: #eef5fc;
  border-bottom: 1px solid rgba(18,102,190,.12);
}
.roadmap-section-v2 .roadmap-v2-art > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
  display: block;
}
.roadmap-smhc-mark {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px 6px 7px;
  border: 1px solid rgba(31,112,196,.2);
  border-radius: 9px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 8px 24px rgba(13,66,124,.12);
  backdrop-filter: blur(8px);
}
.roadmap-smhc-mark img {
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
}
.roadmap-smhc-mark small {
  color: #183b66;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
}

/* Mind AI input/output labels become compact technical tags. */
.model-legend { gap: 10px !important; width: 205px !important; }
.model-legend-left { transform: translateX(24px) !important; }
.model-legend-right { transform: translateX(-24px) !important; }
.model-legend article,
.model-legend a {
  position: relative;
  display: flex !important;
  flex-direction: column;
  gap: 3px;
  min-height: 0 !important;
  padding: 11px 13px !important;
  border: 1px solid rgba(92,186,231,.28) !important;
  border-radius: 10px !important;
  background: rgba(5,28,60,.64) !important;
  box-shadow: 0 10px 28px rgba(0,8,26,.18) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  transform: none !important;
  text-decoration: none !important;
}
.model-legend b {
  color: #f3f8ff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}
.model-legend small {
  color: rgba(217,232,248,.66) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}
.model-legend a:hover {
  border-color: rgba(78,216,229,.58) !important;
  background: rgba(7,39,79,.82) !important;
  transform: translateY(-2px) !important;
}

/* Mind AI label rails: keep all seven tags beside the artwork and above the capability cards. */
.model-stage .model-legend {
  position: relative !important;
  align-self: stretch !important;
  height: 100% !important;
  gap: 0 !important;
}
.model-stage .model-legend-left { transform: translateX(58px) !important; }
.model-stage .model-legend-right { transform: translateX(-58px) !important; }
.model-stage .model-legend article,
.model-stage .model-legend a {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
}
.model-stage .model-legend-left article:nth-child(1) { top: 14% !important; }
.model-stage .model-legend-left article:nth-child(2) { top: 34% !important; }
.model-stage .model-legend-left article:nth-child(3) { top: 54% !important; }
.model-stage .model-legend-left article:nth-child(4) { top: 74% !important; }
.model-stage .model-legend-right a:nth-child(1) { top: 18% !important; }
.model-stage .model-legend-right a:nth-child(2) { top: 43% !important; }
.model-stage .model-legend-right a:nth-child(3) { top: 68% !important; }
.model-stage .model-legend a:hover { transform: translateY(calc(-50% - 2px)) !important; }

@media (max-width: 1100px) {
  .model-stage .model-legend-left { transform: translateX(34px) !important; }
  .model-stage .model-legend-right { transform: translateX(-34px) !important; }
}
@media (max-width: 760px) {
  .model-stage .model-legend {
    display: grid !important;
    height: auto !important;
    gap: 10px !important;
  }
  .model-stage .model-legend-left,
  .model-stage .model-legend-right { transform: none !important; }
  .model-stage .model-legend article,
  .model-stage .model-legend a {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    transform: none !important;
    margin-bottom: 10px !important;
  }
}

/* Institutional trust logo pairing */
.trust-logo-duo {
  display: grid !important;
  place-items: center;
  gap: 5px;
  width: 78px !important;
  height: 78px !important;
  padding: 7px !important;
  border: 1px solid rgba(22,115,200,.16);
  border-radius: 12px;
  background: #fff !important;
}
.trust-logo-duo img {
  width: 100% !important;
  height: 28px !important;
  object-fit: contain !important;
  filter: none !important;
}

/* Prominent but restrained medical credentials */
.medical-license-band {
  display: grid;
  grid-template-columns: minmax(0,1.35fr) minmax(430px,1fr);
  gap: 36px;
  align-items: center;
  margin-top: 38px;
  padding: 28px 30px;
  overflow: hidden;
  border: 1px solid rgba(74,179,228,.26);
  border-radius: 16px;
  color: #fff;
  background:
    linear-gradient(112deg,rgba(5,25,56,.98),rgba(8,43,82,.95)),
    #071c3c;
  box-shadow: 0 20px 52px rgba(8,39,77,.14);
}
.license-heading > span {
  display: block;
  margin-bottom: 7px;
  color: #54ccea;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .16em;
}
.license-heading > strong {
  display: block;
  font-size: clamp(22px,2vw,30px);
  font-weight: 500;
  letter-spacing: -.02em;
}
.license-heading p {
  max-width: 680px;
  margin: 9px 0 0;
  color: rgba(222,235,248,.66);
  font-size: 14px;
  line-height: 1.75;
}
.license-display {
  display: flex;
  min-height: 170px;
  align-items: center;
  justify-content: center;
  perspective: 900px;
}
.license-frame {
  position: relative;
  width: min(292px,100%);
  aspect-ratio: 1.42;
  padding: 16px;
  border: 1px solid rgba(180,225,255,.62);
  border-radius: 4px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.025) 44%,rgba(83,176,224,.08)),
    rgba(255,255,255,.025);
  box-shadow:
    inset 0 0 0 3px rgba(255,255,255,.035),
    inset 0 0 26px rgba(116,207,255,.10),
    0 22px 42px rgba(0,8,24,.34),
    0 0 0 1px rgba(64,176,230,.10);
}
.license-frame::before {
  content: '';
  position: absolute;
  inset: 7px;
  pointer-events: none;
  border: 1px solid rgba(219,240,255,.22);
  box-shadow: inset 0 0 12px rgba(255,255,255,.05);
}
.license-frame::after {
  content: '';
  position: absolute;
  z-index: 0;
  right: 12%;
  bottom: -8px;
  left: 12%;
  height: 16px;
  pointer-events: none;
  border-radius: 50%;
  background: linear-gradient(90deg,transparent,rgba(62,214,220,.64),transparent);
  filter: blur(8px);
}
.license-certificate {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 6px;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 9px 24px rgba(0,0,0,.22);
}

/* Partner marks lead into the credential proof: equal slots, 80% optical scale. */
.trust-partners {
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 0;
  margin: 42px 0 24px;
  padding: 26px 0;
}
.trust-partners figure {
  width: 100%;
  height: 74px;
  padding: 0 18px;
}
.trust-partners img {
  transform: scale(.8);
  transform-origin: center;
}
.medical-license-band {
  margin-top: 0;
}

/* Cooperation light field: faster, brighter movement without changing content. */
.cooperation .cooperation-velaris {
  filter: brightness(1.16) saturate(1.14) contrast(1.06);
}
.cooperation::after {
  background: linear-gradient(180deg,rgba(2,12,30,.04),rgba(2,11,27,.18));
}

@media (max-width: 1100px) {
  .model-legend-left,.model-legend-right { transform: none !important; }
  .medical-license-band { grid-template-columns: 1fr; }
  .trust-partners {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px 0;
  }
  .trust-partners figure:nth-child(n+4) { transform: translateX(50%); }
}
@media (max-width: 700px) {
  .roadmap-section-v2 .roadmap-v2-art { height: 200px; }
  .medical-license-band { padding: 22px 18px; }
  .license-display { min-height: 150px; }
  .license-frame { width: min(250px,100%); padding: 13px; }
  .trust-partners {
    grid-template-columns: repeat(2,minmax(0,1fr));
    margin-top: 30px;
    padding: 20px 0;
  }
  .trust-partners figure {
    height: 64px;
    padding: 0 10px;
  }
  .trust-partners figure:nth-child(n+4) { transform: none; }
  .trust-partners figure:last-child { grid-column: 1/-1; }
}

@media (prefers-reduced-motion: reduce) {
  .cooperation .cooperation-velaris {
    filter: brightness(1.08) saturate(1.08);
  }
}

/* Third research paper: preserve full scientific copy without clipping. */
.cover-mind { background: #06162e !important; }
.cover-mind .mind-cover-art {
  inset: 86px 0 118px !important;
  display: grid;
  place-items: center;
  padding: 18px;
  background: radial-gradient(circle at 50% 46%,rgba(45,171,234,.26),transparent 58%);
}
.cover-mind .mind-cover-art::after { background: linear-gradient(180deg,rgba(3,14,32,.08),rgba(3,14,32,.82)) !important; }
.mind-state-map {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  width: 100%;
  padding: 12px;
  border: 1px solid rgba(104,198,242,.34);
  transform: perspective(520px) rotateX(9deg) rotateZ(-3deg);
}
.mind-state-map::before,.mind-state-map::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 72px;
  height: 72px;
  border: 1px solid rgba(115,214,246,.52);
  transform: translate(-50%,-50%) rotate(45deg);
}
.mind-state-map::after { width: 42px; height: 42px; background: rgba(43,166,227,.16); }
.mind-state-map span {
  min-height: 42px;
  padding: 9px 8px;
  color: rgba(223,241,255,.78);
  border: 1px solid rgba(112,190,236,.24);
  font-size: 9px;
  line-height: 1.35;
  text-align: center;
  background: rgba(10,40,76,.62);
}
.mind-state-map span:last-of-type { grid-column: 1 / -1; width: 52%; justify-self: center; }
.publication-mind .publication-article { padding: 32px 34px 30px !important; }
.publication-mind .publication-article h3 { font-size: 25px !important; }
.publication-mind .publication-article h4 { margin-bottom: 15px !important; font-size: 14px; }
.publication-mind .publication-article > p { font-size: 12.5px !important; line-height: 1.68 !important; }
.publication-mind .publication-findings { margin-top: 16px !important; padding-top: 15px !important; }
.publication-mind .publication-findings b { margin-bottom: 8px; }
.publication-mind .publication-findings ul { gap: 5px; }
.publication-mind .publication-findings li { font-size: 11.5px !important; line-height: 1.45 !important; }
.publication-mind .publication-facts { padding: 32px 26px !important; }
@media (max-width: 1080px) {
  .publication-mind .publication-article > p { font-size: 13px !important; }
  .publication-mind .publication-findings li { font-size: 12px !important; }
}