:root {
  --navy-950: #061525;
  --navy-900: #092641;
  --navy-800: #123f68;
  --blue-700: #0058b8;
  --blue-600: #006cf0;
  --cyan: #00b8d4;
  --violet: #6558d9;
  --blue-100: #eaf3fb;
  --green: #00a66f;
  --green-soft: #e7fff6;
  --ink: #10293f;
  --muted: #5b6e7e;
  --line: #d9e2e8;
  --surface: #f4f7f9;
  --white: #fff;
  --radius: 10px;
  --shadow: 0 18px 45px rgb(20 56 82 / .09);
  --container: min(1180px, calc(100% - 48px));
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: "Noto Sans JP", "Yu Gothic UI", "Yu Gothic", Meiryo, sans-serif; line-height: 1.75; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
img, svg { display: block; max-width: 100%; }
.container { width: var(--container); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 1000; top: 10px; left: 10px; transform: translateY(-180%); padding: 10px 16px; color: #fff; background: var(--navy-950); border-radius: 8px; }
.skip-link:focus { transform: none; }

.site-header { position: sticky; z-index: 50; top: 0; background: rgb(255 255 255 / .96); box-shadow: 0 1px 0 rgb(8 47 84 / .10); backdrop-filter: blur(12px); }
.utility-bar { color: #d8e9f5; background: linear-gradient(90deg, var(--navy-950), #071d48); font-size: .72rem; letter-spacing: .04em; }
.utility-inner { display: flex; justify-content: space-between; align-items: center; min-height: 30px; }
.utility-inner a:hover { color: #fff; }
.header-main { display: flex; align-items: center; min-height: 82px; gap: 28px; }
.brand { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 12px; }
.brand strong, .brand small { display: block; }
.brand strong { color: var(--navy-900); font-size: 1.22rem; line-height: 1.15; letter-spacing: .08em; }
.brand small { color: var(--muted); margin-top: 4px; font-size: .65rem; letter-spacing: .12em; }
.brand-mark { position: relative; display: grid; width: 43px; height: 43px; place-items: center; border: 2px solid var(--blue-600); border-radius: 50%; box-shadow: 0 0 18px rgb(0 108 255 / .18); }
.brand-mark::before, .brand-mark::after, .brand-mark span { content: ""; position: absolute; width: 7px; height: 7px; background: var(--cyan); border-radius: 50%; }
.brand-mark::before { top: 8px; left: 17px; }
.brand-mark::after { bottom: 8px; left: 9px; }
.brand-mark span:nth-child(1) { right: 9px; bottom: 8px; }
.brand-mark span:nth-child(2) { width: 23px; height: 2px; background: var(--blue-600); transform: rotate(90deg); }
.brand-mark span:nth-child(3) { width: 23px; height: 2px; background: var(--blue-600); transform: rotate(31deg); }
.primary-nav { display: flex; flex: 1 1 auto; align-items: center; justify-content: flex-end; gap: clamp(14px, 1.6vw, 26px); }
.primary-nav a { position: relative; color: #29465e; font-size: .79rem; font-weight: 700; white-space: nowrap; }
.primary-nav a:not(.nav-cta)::after { content: ""; position: absolute; right: 0; bottom: -8px; left: 0; height: 2px; background: var(--blue-600); transform: scaleX(0); transition: transform .2s ease; }
.primary-nav a:not(.nav-cta):hover::after, .primary-nav a:not(.nav-cta):focus-visible::after { transform: scaleX(1); }
.primary-nav .nav-cta { padding: 12px 17px; color: #fff; background: linear-gradient(135deg, var(--blue-600), #3c55ff); border-radius: 9px; box-shadow: 0 9px 24px rgb(0 108 255 / .28); }
.menu-button { display: none; width: 46px; height: 42px; margin-left: auto; padding: 9px; background: transparent; border: 1px solid var(--line); border-radius: 8px; }
.menu-button i { display: block; height: 2px; margin: 5px 0; background: var(--navy-900); }

.hero { position: relative; overflow: hidden; color: #fff; background: linear-gradient(118deg, #010813 0%, #051a40 55%, #100527 100%); }
.hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 8% 12%, rgb(0 108 255 / .38), transparent 34%), radial-gradient(circle at 91% 18%, rgb(118 87 255 / .24), transparent 30%), linear-gradient(112deg, transparent 45%, rgb(0 212 255 / .08)); }
.hero-grid { position: relative; display: grid; min-height: 530px; grid-template-columns: 1.02fr .98fr; align-items: center; gap: clamp(38px, 5vw, 76px); padding-block: 58px; }
.hero-copy { position: relative; z-index: 1; }
.eyebrow { margin: 0 0 14px; color: var(--cyan); font-size: .73rem; font-weight: 800; letter-spacing: .18em; }
.eyebrow.dark { color: var(--blue-700); }
.hero h1 { max-width: 670px; margin: 0; font-size: clamp(2.35rem, 4.5vw, 4.35rem); line-height: 1.22; letter-spacing: -.04em; }
.hero h1 em { color: var(--cyan); font-style: normal; text-shadow: 0 0 25px rgb(0 212 255 / .22); }
.hero-lead { max-width: 650px; margin: 24px 0 0; color: #d7e7f2; font-size: clamp(.98rem, 1.35vw, 1.12rem); }
.button-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 18px; padding: 11px 20px; border: 1px solid rgb(255 255 255 / .6); border-radius: 9px; font-size: .88rem; font-weight: 800; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.button:hover, .button:focus-visible { transform: translateY(-2px); box-shadow: 0 10px 24px rgb(0 0 0 / .16); }
.button-primary { color: #fff; background: linear-gradient(135deg, var(--blue-600), #3b54ff); border-color: transparent; box-shadow: 0 12px 28px rgb(0 108 255 / .25); }
.button-ghost { color: #fff; background: rgb(255 255 255 / .05); }
.button-white { color: var(--navy-900); background: #fff; border-color: #fff; }
.hero-note { margin: 18px 0 0; color: #9eb9cd; font-size: .78rem; }.hero-foundation-links { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }.hero-foundation-links a { padding: 6px 9px; color: #bfefff; background: rgb(0 212 255 / .07); border: 1px solid rgb(0 212 255 / .18); border-radius: 6px; font-size: .52rem; font-weight: 800; }.hero-foundation-links a:hover { color: #fff; border-color: rgb(0 212 255 / .5); }
.hero-visual { position: relative; overflow: hidden; aspect-ratio: 720 / 510; background: #020918; border: 1px solid rgb(0 212 255 / .30); border-radius: 34px; box-shadow: 0 0 70px rgb(0 108 255 / .16); }
.visual-stock-photo { position: absolute; inset: 0; z-index: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.hero-stock-photo { object-position: 50% 52%; filter: brightness(.78) saturate(1.08) contrast(1.05); }
.hero-visual::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(150deg, rgb(1 8 19 / .08), rgb(1 8 19 / .22) 58%, rgb(22 7 48 / .34)); pointer-events: none; }
.hero-visual svg { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; border-radius: 34px; }
.visual-label { position: absolute; z-index: 3; right: 18px; bottom: 18px; padding: 8px 12px; color: #fff; background: rgb(1 8 19 / .86); border: 1px solid rgb(0 212 255 / .45); border-radius: 7px; font-size: .66rem; font-weight: 800; letter-spacing: .11em; }

.section { padding-block: clamp(64px, 7vw, 94px); }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.section-heading.compact { margin-bottom: 20px; }
.section-heading h2, .flagship h2, .roadmap h2 { margin: 0; color: var(--navy-900); font-size: clamp(1.7rem, 3vw, 2.35rem); line-height: 1.3; letter-spacing: -.03em; }
.section-heading p { max-width: 480px; margin: 0; color: var(--muted); font-size: .9rem; }
.section-heading .eyebrow { margin-bottom: 5px; }
.text-link { color: var(--blue-700); font-size: .82rem; font-weight: 800; white-space: nowrap; }
.text-link span { margin-left: 8px; }
.statement-message-link, .organization-message-link { display: inline-flex; align-items: center; margin-top: 18px; }

.news-section { padding-block: 54px 62px; }
.news-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(320px, .85fr); gap: clamp(34px, 5vw, 72px); }
.news-list { border-top: 1px solid var(--line); }
.news-item { display: grid; grid-template-columns: 90px 74px minmax(0, 1fr) 24px; align-items: center; gap: 16px; padding: 17px 4px; border-bottom: 1px solid var(--line); transition: color .18s ease, padding .18s ease; }
.news-item:hover { padding-left: 10px; color: var(--blue-700); }
.news-item time { color: var(--muted); font-size: .75rem; font-variant-numeric: tabular-nums; }
.news-item strong { font-size: .86rem; font-weight: 700; }
.tag { display: inline-grid; min-height: 23px; place-items: center; padding: 2px 6px; color: var(--green); background: var(--green-soft); border: 1px solid rgb(0 166 111 / .13); border-radius: 99px; font-size: .66rem; font-weight: 800; }
.tag.event { color: var(--blue-700); background: var(--blue-100); }
.quick-access { padding-left: clamp(24px, 3vw, 44px); border-left: 1px solid var(--line); }
.access-card { display: grid; grid-template-columns: 48px minmax(0, 1fr) 22px; align-items: center; gap: 15px; margin-top: 10px; padding: 16px; background: var(--surface); border: 1px solid transparent; border-radius: 12px; transition: border .18s ease, transform .18s ease; }
.access-card:hover { border-color: #b9d7e9; transform: translateX(3px); }
.access-internal { color: #fff; background: linear-gradient(135deg, var(--navy-900), #07367b); box-shadow: 0 12px 30px rgb(0 72 175 / .17); }
.access-icon { display: grid; width: 43px; height: 43px; place-items: center; color: var(--blue-700); background: #fff; border-radius: 50%; font-size: .78rem; font-weight: 900; }
.access-internal .access-icon { color: #fff; background: var(--blue-600); }
.link-icon { color: var(--green); font-size: 1.4rem; }
.access-card strong, .access-card small { display: block; }
.access-card strong { font-size: .87rem; }
.access-card small { margin-top: 2px; color: var(--muted); font-size: .69rem; }
.access-internal small { color: #b9d0e0; }

.flagship { position: relative; overflow: hidden; color: #fff; background: linear-gradient(135deg, #020a18 0%, #061e48 55%, #15062c 100%); border-block: 1px solid #0f4fa2; }
.flagship::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 84% 10%, rgb(0 212 255 / .18), transparent 28%), radial-gradient(circle at 12% 90%, rgb(118 87 255 / .16), transparent 30%); pointer-events: none; }
.flagship-grid { display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: clamp(50px, 7vw, 104px); }
.flagship-grid > * { position: relative; z-index: 1; }
.flagship .eyebrow.dark { color: var(--cyan); }
.flagship h2 { color: #fff; }
.flagship-copy > p:not(.eyebrow) { color: #bcd0e4; }
.flagship .large-copy { margin: 18px 0 8px; color: #fff !important; font-size: clamp(1.05rem, 1.6vw, 1.25rem); font-weight: 800; }
.flagship .button-white { border-color: #fff; }
.tokai-visual { position: relative; overflow: hidden; min-height: 475px; padding: 24px; background: #041027; border: 1px solid rgb(0 212 255 / .35); border-radius: 24px; box-shadow: 0 0 60px rgb(0 108 255 / .18), inset 0 0 80px rgb(0 108 255 / .07); }
.tokai-stock-photo { object-position: 50% 50%; filter: brightness(.62) saturate(1.04) contrast(1.08); }
.tokai-visual::before { content: ""; position: absolute; inset: 0; z-index: 1; background-image: linear-gradient(rgb(0 212 255 / .06) 1px, transparent 1px), linear-gradient(90deg, rgb(0 212 255 / .06) 1px, transparent 1px); background-size: 32px 32px; mask-image: linear-gradient(to bottom, #000, transparent 72%); pointer-events: none; }
.tokai-visual::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgb(2 10 27 / .12), rgb(2 10 27 / .34) 58%, rgb(2 10 27 / .76)); pointer-events: none; }
.city-network { position: relative; z-index: 2; height: 280px; }
.city-network svg { position: absolute; inset: 0; width: 100%; height: 100%; fill: var(--cyan); }
.city-network svg path { fill: none; stroke: var(--cyan); stroke-width: 1.5; stroke-dasharray: 5 8; opacity: .7; }
.city-network svg circle { fill: #fff; filter: drop-shadow(0 0 7px var(--cyan)); }
.city { position: absolute; z-index: 2; display: grid; width: 78px; height: 60px; place-items: end center; padding-bottom: 7px; color: #fff; background: linear-gradient(135deg, #0b42a0, #00a9dd); border: 1px solid #5cecff; clip-path: polygon(15% 24%, 34% 24%, 34% 8%, 52% 8%, 52% 30%, 67% 30%, 67% 16%, 85% 16%, 85% 100%, 15% 100%); filter: drop-shadow(0 0 12px rgb(0 212 255 / .35)); }
.city b { font-size: .65rem; }
.city-a { top: 72px; left: 3%; }.city-b { top: 22px; left: 32%; }.city-c { top: 60px; right: 27%; }.city-d { top: 10px; right: 2%; }
.person { position: absolute; z-index: 2; width: 22px; height: 22px; background: #8e6bff; border: 3px solid #d8d0ff; border-radius: 50%; box-shadow: 0 0 14px rgb(118 87 255 / .7); }
.person::after { content: ""; position: absolute; top: 16px; left: -7px; width: 30px; height: 15px; background: #7657ff; border: 2px solid #d8d0ff; border-radius: 15px 15px 5px 5px; }
.person-a { bottom: 28px; left: 17%; }.person-b { bottom: 9px; left: 36%; }.person-c { bottom: 41px; left: 52%; }.person-d { bottom: 5px; right: 25%; }.person-e { bottom: 38px; right: 7%; }
.data-flow { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: -8px 0 14px; }
.data-flow span { padding: 7px 5px; color: #aeeeff; background: rgb(0 108 255 / .14); border: 1px solid rgb(0 212 255 / .25); border-radius: 99px; font-size: .62rem; font-weight: 800; text-align: center; }
.ai-foundation { position: relative; z-index: 2; display: grid; grid-template-columns: 66px 1fr auto; align-items: center; gap: 16px; min-height: 92px; padding: 13px 18px; background: linear-gradient(90deg, rgb(0 75 210 / .84), rgb(78 45 216 / .72)); border: 1px solid #46e4ff; border-radius: 16px; box-shadow: 0 0 28px rgb(0 108 255 / .3); }
.ai-pulse { display: grid; width: 58px; height: 58px; place-items: center; color: #fff; background: #051b42; border: 2px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 20px rgb(0 212 255 / .55); font-size: 1.2rem; font-weight: 900; }
.ai-foundation strong, .ai-foundation small { display: block; }
.ai-foundation strong { font-size: .87rem; }.ai-foundation small { color: #c9e6ff; font-size: .68rem; }.ai-foundation b { color: #fff; font-size: .7rem; }

.overview { background: #fff; }
.tab-box { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.tabs { display: grid; grid-template-columns: repeat(3, 1fr); background: var(--surface); border-bottom: 1px solid var(--line); }
.tabs button { position: relative; padding: 18px 12px; color: var(--muted); background: transparent; border: 0; border-right: 1px solid var(--line); cursor: pointer; font-size: .9rem; font-weight: 800; }
.tabs button:last-child { border-right: 0; }
.tabs button[aria-selected="true"] { color: var(--blue-700); background: #fff; }
.tabs button[aria-selected="true"]::after { content: ""; position: absolute; right: 24%; bottom: -1px; left: 24%; height: 3px; background: var(--blue-600); }
.tab-panel { padding: clamp(24px, 4vw, 46px); }
.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.info-card { position: relative; min-height: 210px; padding: 6px 14px 8px; border-right: 1px solid var(--line); }
.info-card:last-child { border-right: 0; }
.card-number { display: inline-block; color: var(--blue-600); font-size: .72rem; font-weight: 900; letter-spacing: .14em; }
.info-card h3 { margin: 14px 0 10px; color: var(--navy-900); font-size: 1.08rem; }
.info-card p { margin: 0; color: var(--muted); font-size: .83rem; }
.info-card a { position: absolute; bottom: 5px; left: 14px; color: var(--blue-700); font-size: .76rem; font-weight: 800; }
.co-creation { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: clamp(28px, 5vw, 64px); margin-bottom: 38px; padding-bottom: 38px; border-bottom: 1px solid var(--line); }
.co-creation-copy h3 { margin: 12px 0 10px; color: var(--navy-900); font-size: clamp(1.25rem, 2vw, 1.7rem); line-height: 1.4; }
.co-creation-copy p { margin: 0; color: var(--muted); font-size: .83rem; }
.partner-model { position: relative; min-height: 330px; border: 1px solid #cfe0f1; border-radius: 20px; background: radial-gradient(circle at center, rgb(0 108 255 / .12), transparent 42%), linear-gradient(145deg, #f7fbff, #f6f4ff); overflow: hidden; }
.partner-model::before { content: ""; position: absolute; top: 44px; left: 50%; width: 245px; height: 245px; transform: translateX(-50%); border: 2px dashed rgb(0 108 255 / .35); border-radius: 50%; }
.partner-model::after { content: "EQUAL PARTNERSHIP"; position: absolute; right: 15px; bottom: 10px; color: var(--blue-700); font-size: .58rem; font-weight: 900; letter-spacing: .13em; }
.partner { position: absolute; z-index: 2; display: grid; width: 106px; min-height: 78px; place-items: center; padding: 9px; color: var(--navy-900); background: #fff; border: 1px solid #bdd6ee; border-radius: 15px; box-shadow: 0 10px 25px rgb(0 70 160 / .11); text-align: center; }
.partner span { display: grid; width: 31px; height: 31px; place-items: center; color: #fff; background: var(--blue-600); border-radius: 9px; font-size: 1rem; font-weight: 900; }
.partner strong { font-size: .72rem; }
.partner-university { top: 155px; left: 20px; }.partner-hospital { top: 18px; left: 50%; transform: translateX(-50%); }.partner-company { top: 155px; right: 20px; }
.partner-hospital span { background: var(--green); }.partner-company span { background: var(--violet); }
.ward-core { position: absolute; z-index: 3; top: 116px; left: 50%; display: grid; width: 154px; height: 154px; align-content: center; justify-items: center; transform: translateX(-50%); color: #fff; background: linear-gradient(145deg, var(--navy-900), #073d8d); border: 3px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 32px rgb(0 108 255 / .28); text-align: center; }
.ward-core small, .ward-core span { font-size: .6rem; }.ward-core strong { margin: 3px 0; color: var(--cyan); font-size: 1.55rem; letter-spacing: .08em; }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--line); }
.stats-grid > div { display: grid; min-height: 145px; align-content: center; justify-items: center; padding: 20px; text-align: center; background: #fff; }
.stats-grid strong { color: var(--navy-900); font-size: 2.3rem; line-height: 1.1; }
.stats-grid strong small { font-size: .9rem; }
.stats-grid span { margin-top: 12px; color: var(--muted); font-size: .73rem; }
.data-note { margin: 18px 0 0; color: var(--muted); font-size: .7rem; text-align: right; }
.current-stats { border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 18px 45px rgb(0 70 160 / .08); overflow: hidden; }
.current-stats > div { position: relative; background: linear-gradient(180deg, #fff, #f4f9ff); }
.current-stats > div::before { position: absolute; top: 0; right: 0; left: 0; height: 4px; background: linear-gradient(90deg, var(--blue-700), var(--cyan)); content: ""; }
.current-stats strong { color: var(--blue-700); }
.current-stats span { max-width: 15em; color: var(--navy-900); font-weight: 800; line-height: 1.55; }
.current-impact { background: linear-gradient(180deg, #fff, #f6faff); border-top: 1px solid var(--line); }
.current-data-note { text-align: left; }

.roadmap { position: relative; overflow: hidden; color: #fff; background: linear-gradient(112deg, var(--navy-950), #052b6d 58%, #29106c); }
.roadmap::before { content: ""; position: absolute; right: -80px; bottom: -190px; width: 440px; height: 440px; border: 1px solid rgb(0 212 255 / .25); border-radius: 50%; box-shadow: 0 0 80px rgb(0 108 255 / .18); }
.roadmap-inner { position: relative; z-index: 1; }
.roadmap-inner { display: flex; align-items: center; justify-content: space-between; gap: 38px; }
.roadmap .eyebrow { margin-bottom: 7px; }
.roadmap h2 { color: #fff; }
.roadmap p:not(.eyebrow) { margin: 12px 0 0; color: #bdd1df; }
.roadmap .button { flex: 0 0 auto; }
.roadmap-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }

.site-footer { padding: 42px 0 24px; color: #a9c0d0; background: var(--navy-950); }
.footer-grid { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.footer-grid strong, .footer-grid small { display: block; }
.footer-grid strong { color: #fff; font-size: .9rem; }
.footer-grid small { margin-top: 5px; font-size: .68rem; letter-spacing: .08em; }
.footer-grid nav { display: flex; flex-wrap: wrap; gap: 22px; font-size: .74rem; }
.footer-grid a:hover { color: #fff; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 32px; padding-top: 16px; border-top: 1px solid rgb(255 255 255 / .12); font-size: .68rem; }.footer-meta { display: grid; justify-items: end; gap: 8px; text-align: right; }.footer-meta nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px 18px; }.footer-meta a { color: #a9c1d3; text-decoration: underline; text-decoration-color: rgb(169 193 211 / .38); text-underline-offset: 4px; }.footer-meta a:hover { color: #fff; text-decoration-color: var(--cyan); }

/* About page */
.primary-nav a.is-current::after { transform: scaleX(1); }
.page-hero { position: relative; overflow: hidden; color: #fff; background: linear-gradient(118deg, #010813, #06245a 57%, #210b55); }
.page-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 49.8%, rgb(0 212 255 / .07) 50%, transparent 50.2%), linear-gradient(rgb(0 212 255 / .05) 1px, transparent 1px); background-size: 80px 100%, 100% 50px; mask-image: linear-gradient(90deg, transparent, #000); }
.page-hero-inner { position: relative; display: grid; min-height: 430px; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 70px; padding-block: 58px; }
.breadcrumb { display: flex; gap: 9px; margin-bottom: 32px; color: #9ebbd2; font-size: .7rem; }
.breadcrumb a:hover { color: #fff; }
.page-hero h1 { margin: 0; font-size: clamp(2.45rem, 5vw, 4.5rem); line-height: 1.2; letter-spacing: -.05em; }
.page-hero h1 em { color: var(--cyan); font-style: normal; }
.page-hero-inner > div:first-child > p:last-child { max-width: 660px; margin: 22px 0 0; color: #c5d8e7; }
.page-hero-symbol { position: relative; width: min(340px, 82vw); aspect-ratio: 1; justify-self: end; border: 1px solid rgb(0 212 255 / .22); border-radius: 50%; box-shadow: inset 0 0 60px rgb(0 108 255 / .12), 0 0 80px rgb(0 108 255 / .15); }
.page-hero-symbol::before { content: ""; position: absolute; inset: 23%; background: radial-gradient(circle, rgb(0 212 255 / .35), rgb(0 108 255 / .06) 58%, transparent 60%); border: 1px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 30px rgb(0 212 255 / .38); }
.page-hero-symbol > strong { position: absolute; top: 42%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 3.4rem; line-height: 1; }
.page-hero-symbol > small { position: absolute; top: 59%; left: 50%; transform: translateX(-50%); color: #9deeff; font-size: .58rem; font-weight: 900; letter-spacing: .18em; text-align: center; }
.orbit { position: absolute; inset: 11%; border: 1px solid rgb(118 87 255 / .45); border-radius: 50%; transform: rotate(-26deg); }
.orbit-two { inset: 3% 18%; border-color: rgb(0 212 255 / .34); transform: rotate(38deg); }
.orbit span { position: absolute; width: 11px; height: 11px; background: var(--cyan); border-radius: 50%; box-shadow: 0 0 15px var(--cyan); }
.orbit span:nth-child(1) { top: 7%; left: 30%; }.orbit span:nth-child(2) { right: 2%; bottom: 36%; background: var(--violet); box-shadow: 0 0 15px var(--violet); }.orbit span:nth-child(3) { bottom: 4%; left: 32%; }

.split-statement { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(44px, 8vw, 120px); }
.statement-title h2, .working-grid h2, .about-cta h2 { margin: 0; color: var(--navy-900); font-size: clamp(1.9rem, 3.4vw, 2.8rem); line-height: 1.38; letter-spacing: -.04em; }
.statement-copy { padding-left: 42px; border-left: 3px solid var(--blue-600); }
.statement-copy p { margin: 0; color: var(--muted); }
.statement-copy .lead-paragraph { margin-bottom: 18px; color: var(--ink); font-size: clamp(1rem, 1.5vw, 1.16rem); font-weight: 750; }
.foundation-more { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 26px; }

.mission-section { background: var(--surface); border-block: 1px solid var(--line); }
.mission-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.mission-grid article { position: relative; min-height: 305px; padding: 26px 23px; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 17px; box-shadow: 0 10px 28px rgb(0 63 143 / .06); }
.mission-grid article::after { content: ""; position: absolute; right: -44px; bottom: -44px; width: 110px; height: 110px; background: var(--blue-100); border-radius: 50%; }
.mission-grid article > span { color: var(--blue-600); font-size: .65rem; font-weight: 900; letter-spacing: .12em; }
.mission-icon { display: grid; width: 48px; height: 48px; margin: 24px 0 19px; place-items: center; color: #fff; background: linear-gradient(145deg, var(--blue-600), var(--violet)); border-radius: 13px; box-shadow: 0 10px 22px rgb(0 108 255 / .22); font-size: 1.25rem; font-weight: 900; }
.mission-grid article:nth-child(2) .mission-icon { background: linear-gradient(145deg, #00a5ca, var(--cyan)); }.mission-grid article:nth-child(4) .mission-icon { background: linear-gradient(145deg, var(--green), #00d8a0); }
.mission-grid h3 { margin: 0 0 10px; color: var(--navy-900); font-size: 1.05rem; }.mission-grid p { margin: 0; color: var(--muted); font-size: .78rem; }

.inheritance { color: #fff; background: linear-gradient(135deg, #010813, #061e4a 60%, #160831); }
.section-heading.inverse h2 { color: #fff; }.section-heading.inverse p { color: #b6cadb; }
.evolution-map { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.legacy-card, .office-card, .center-card { padding: 24px; border-radius: 17px; }
.legacy-card { background: rgb(255 255 255 / .06); border: 1px solid rgb(255 255 255 / .13); }
.map-label { color: var(--cyan); font-size: .6rem; font-weight: 900; letter-spacing: .15em; }
.legacy-card h3, .office-card h3 { margin: 8px 0 8px; font-size: 1.2rem; }.legacy-card p, .office-card p { margin: 0; color: #b8ccdc; font-size: .78rem; }.legacy-card > a { display: inline-flex; margin-top: 15px; padding: 6px 9px; color: #d6f8ff; background: rgb(0 212 255 / .08); border: 1px solid rgb(0 212 255 / .25); border-radius: 6px; font-size: .58rem; font-weight: 900; }.legacy-card > a:hover { color: #fff; border-color: var(--cyan); }
.merge-arrow { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; color: var(--cyan); font-size: .67rem; letter-spacing: .13em; }
.merge-arrow span { height: 1px; background: linear-gradient(90deg, transparent, var(--cyan)); }.merge-arrow span:last-child { background: linear-gradient(90deg, var(--cyan), transparent); }
.office-card { grid-column: 1 / -1; padding: 30px; text-align: center; background: linear-gradient(135deg, rgb(0 108 255 / .27), rgb(118 87 255 / .22)); border: 1px solid rgb(0 212 255 / .42); box-shadow: 0 0 40px rgb(0 108 255 / .13); }
.office-functions { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; margin-top: 18px; }.office-functions span { min-width: 72px; padding: 5px 12px; color: #d9f7ff; background: rgb(0 8 30 / .35); border: 1px solid rgb(0 212 255 / .26); border-radius: 99px; font-size: .65rem; font-weight: 800; }
.future-arrow { grid-column: 1 / -1; color: var(--cyan); font-size: 1.4rem; text-align: center; }
.center-card { grid-column: 1 / -1; display: grid; justify-items: center; padding: 26px; background: #fff; text-align: center; }
.center-card span { color: var(--blue-700); font-size: .61rem; font-weight: 900; letter-spacing: .17em; }.center-card strong { margin: 4px 0; color: var(--navy-900); font-size: clamp(1.08rem, 2vw, 1.45rem); }.center-card small { color: var(--muted); }

.working-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: clamp(45px, 7vw, 96px); }
.working-grid > div > p:not(.eyebrow) { color: var(--muted); }.working-grid .button { margin-top: 18px; }
.work-cycle { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); margin: 0; padding: 62px 0; list-style: none; }
.work-cycle::before { content: ""; position: absolute; top: 50%; right: 6%; left: 6%; height: 2px; background: linear-gradient(90deg, var(--blue-600), var(--cyan), var(--green)); }
.work-cycle li { position: relative; z-index: 1; text-align: center; }
.work-cycle li > span { display: grid; width: 58px; height: 58px; margin: 0 auto 13px; place-items: center; color: #fff; background: var(--navy-900); border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 0 2px var(--blue-600), 0 8px 20px rgb(0 71 164 / .16); font-size: .68rem; font-weight: 900; }
.work-cycle li:nth-child(3) > span { background: var(--blue-600); box-shadow: 0 0 0 2px var(--cyan), 0 8px 24px rgb(0 108 255 / .25); }.work-cycle li:nth-child(5) > span { background: var(--green); box-shadow: 0 0 0 2px var(--green), 0 8px 20px rgb(0 166 111 / .18); }
.work-cycle strong, .work-cycle small { display: block; }.work-cycle strong { color: var(--navy-900); font-size: .76rem; }.work-cycle small { margin: 4px auto 0; max-width: 100px; color: var(--muted); font-size: .6rem; line-height: 1.5; }

.about-cta { color: #fff; background: linear-gradient(112deg, #061b3b, #073b92 58%, #34118d); }
.about-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 50px; }.about-cta h2 { color: #fff; }.about-cta-actions { display: flex; flex: 0 0 auto; flex-direction: column; gap: 10px; }.about-cta-actions .button { min-width: 220px; }

/* Activities & support page */
.activities-hero::after { content: ""; position: absolute; right: 2%; bottom: -180px; width: 520px; height: 520px; border: 1px solid rgb(0 212 255 / .13); border-radius: 50%; box-shadow: 0 0 90px rgb(0 108 255 / .12); }
.support-radar { position: relative; z-index: 1; overflow: hidden; width: min(370px, 86vw); aspect-ratio: 1; justify-self: end; background: #020b24; border: 1px solid rgb(0 212 255 / .34); border-radius: 50%; box-shadow: inset 0 0 70px rgb(0 108 255 / .2), 0 0 42px rgb(0 108 255 / .12); }
.activities-stock-photo { object-position: 61% 50%; opacity: .64; filter: brightness(.76) saturate(1.18) contrast(1.08); }
.support-radar::before, .support-radar::after { content: ""; position: absolute; z-index: 1; border: 1px dashed rgb(0 212 255 / .42); border-radius: 50%; }.support-radar::before { inset: 18%; }.support-radar::after { inset: 35%; border-style: solid; border-color: rgb(118 87 255 / .56); }
.radar-center { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 110px; height: 110px; place-items: center; align-content: center; transform: translate(-50%, -50%); background: linear-gradient(145deg, #043f9c, #32128e); border: 2px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 35px rgb(0 212 255 / .34); }
.radar-center small { color: #a8ecff; font-size: .52rem; font-weight: 900; letter-spacing: .14em; }.radar-center strong { font-size: 1.35rem; }
.radar-item { position: absolute; z-index: 3; display: grid; min-width: 70px; height: 38px; place-items: center; padding: 0 11px; color: #fff; background: rgb(2 18 49 / .9); border: 1px solid rgb(0 212 255 / .42); border-radius: 99px; box-shadow: 0 0 16px rgb(0 108 255 / .18); font-size: .7rem; font-weight: 800; }
.radar-research { top: 4%; left: 50%; transform: translateX(-50%); }.radar-data { top: 29%; right: -2%; }.radar-llm { right: 8%; bottom: 12%; }.radar-education { bottom: 12%; left: 7%; }.radar-implementation { top: 29%; left: -5%; }

.selector-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.selector-grid a { position: relative; min-height: 225px; padding: 24px 21px; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 12px 30px rgb(0 63 143 / .06); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.selector-grid a:hover { transform: translateY(-5px); border-color: #8ec2ff; box-shadow: 0 18px 40px rgb(0 91 210 / .12); }
.selector-grid a::after { content: ""; position: absolute; right: -35px; bottom: -35px; width: 100px; height: 100px; background: linear-gradient(145deg, var(--blue-100), #f1edff); border-radius: 50%; }
.selector-grid a > span { color: var(--blue-600); font-size: .64rem; font-weight: 900; letter-spacing: .13em; }.selector-grid h3 { margin: 22px 0 8px; color: var(--navy-900); font-size: 1rem; }.selector-grid p { margin: 0; color: var(--muted); font-size: .74rem; }.selector-grid b { position: absolute; z-index: 1; bottom: 20px; left: 21px; color: var(--blue-700); font-size: .68rem; }

.research-support { background: var(--surface); border-block: 1px solid var(--line); }
.support-split { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: clamp(48px, 8vw, 110px); }
.support-copy h2, .safe-ai h2, .education-support h2, .collaboration-support h2, .support-faq h2 { margin: 0; color: var(--navy-900); font-size: clamp(1.85rem, 3.4vw, 2.7rem); line-height: 1.4; letter-spacing: -.04em; }
.support-copy > p:not(.eyebrow) { color: var(--muted); }
.check-list { display: grid; gap: 7px; margin: 22px 0 0; padding: 0; list-style: none; }.check-list li { position: relative; padding-left: 25px; color: var(--ink); font-size: .8rem; font-weight: 700; }.check-list li::before { content: "✓"; position: absolute; left: 0; color: var(--green); font-weight: 900; }
.support-path { position: relative; display: grid; gap: 11px; }.support-path::before { content: ""; position: absolute; top: 35px; bottom: 35px; left: 30px; width: 2px; background: linear-gradient(var(--blue-600), var(--cyan), var(--green)); }
.support-path > div { position: relative; z-index: 1; display: grid; grid-template-columns: 60px 115px 1fr; align-items: center; gap: 16px; min-height: 74px; padding: 10px 18px 10px 0; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 8px 22px rgb(0 63 143 / .05); }
.support-path span { display: grid; width: 60px; height: 48px; place-items: center; color: #fff; background: var(--navy-900); border-radius: 0 25px 25px 0; font-size: .68rem; font-weight: 900; }.support-path > div:nth-child(2) span, .support-path > div:nth-child(3) span { background: var(--blue-600); }.support-path > div:last-child span { background: var(--green); }.support-path strong { color: var(--navy-900); font-size: .84rem; }.support-path small { color: var(--muted); font-size: .7rem; }

.safe-ai { position: relative; overflow: hidden; color: #fff; background: linear-gradient(135deg, #010813, #06235a 58%, #230b5b); }
.safe-ai::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle at 10% 80%, rgb(0 212 255 / .16), transparent 26%), linear-gradient(rgb(0 212 255 / .05) 1px, transparent 1px), linear-gradient(90deg, rgb(0 212 255 / .05) 1px, transparent 1px); background-size: auto, 44px 44px, 44px 44px; }
.safe-ai-grid { position: relative; display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: clamp(50px, 8vw, 105px); }.safe-ai h2 { color: #fff; }.safe-ai-grid > div:first-child > p:not(.eyebrow) { color: #b9cfe0; }.safe-ai .button { margin-top: 18px; }
.question-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }.question-grid article { min-height: 175px; padding: 20px; background: rgb(255 255 255 / .07); border: 1px solid rgb(0 212 255 / .18); border-radius: 15px; }.question-grid span { display: grid; width: 30px; height: 30px; place-items: center; color: var(--cyan); background: rgb(0 212 255 / .1); border-radius: 50%; font-size: .72rem; font-weight: 900; }.question-grid p { margin: 13px 0 9px; color: #e1edf5; font-size: .76rem; }.question-grid strong { color: var(--cyan); font-size: .65rem; }

.education-grid { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: clamp(55px, 8vw, 110px); }
.education-visual { position: relative; width: min(390px, 88vw); aspect-ratio: 1; justify-self: center; background: radial-gradient(circle, rgb(0 108 255 / .13), transparent 62%); border: 1px solid #d7e5f2; border-radius: 50%; }
.learning-core { position: absolute; top: 50%; left: 50%; display: grid; width: 160px; height: 160px; place-items: center; align-content: center; transform: translate(-50%, -50%); color: #fff; background: linear-gradient(145deg, var(--navy-900), #0749b8); border: 3px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 32px rgb(0 108 255 / .25); }.learning-core span { color: var(--cyan); font-size: 2.7rem; font-weight: 900; line-height: 1; }.learning-core strong { margin-top: 8px; font-size: .58rem; letter-spacing: .13em; text-align: center; }
.learning-ring { position: absolute; display: grid; min-width: 78px; height: 42px; place-items: center; padding: 0 12px; color: #fff; border-radius: 99px; box-shadow: 0 8px 22px rgb(0 70 160 / .2); font-size: .7rem; font-weight: 800; }.ring-knowledge { top: 3%; left: 50%; transform: translateX(-50%); background: var(--blue-600); }.ring-practice { right: 0; bottom: 18%; background: var(--violet); }.ring-research { bottom: 18%; left: 0; background: var(--green); }
.education-grid > div:last-child > p:not(.eyebrow) { color: var(--muted); }
.education-levels { display: grid; gap: 8px; margin-top: 22px; }.education-levels > div { display: grid; grid-template-columns: 90px 125px 1fr; align-items: center; gap: 12px; padding: 11px 14px; background: var(--surface); border-left: 3px solid var(--blue-600); border-radius: 0 10px 10px 0; }.education-levels > div:nth-child(2) { border-color: var(--violet); }.education-levels > div:nth-child(3) { border-color: var(--green); }.education-levels b { color: var(--blue-700); font-size: .54rem; letter-spacing: .1em; }.education-levels strong { color: var(--navy-900); font-size: .75rem; }.education-levels small { color: var(--muted); font-size: .66rem; }
.foundation-reference { margin-top: 16px !important; padding-top: 14px; border-top: 1px solid var(--line); font-size: .68rem; }.foundation-reference a, .data-note a { color: var(--blue-700); font-weight: 800; }

.collaboration-support { background: linear-gradient(145deg, #f3f8ff, #f8f6ff); border-block: 1px solid var(--line); }
.collaboration-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: clamp(50px, 8vw, 105px); }.collaboration-grid > div:first-child > p:not(.eyebrow) { color: var(--muted); }.collaboration-grid .text-link { display: inline-block; margin-top: 16px; }
.collaboration-actions { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }.collaboration-actions article { min-height: 155px; padding: 21px; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 10px 24px rgb(0 63 143 / .06); }.collaboration-actions span { color: var(--blue-600); font-size: .62rem; font-weight: 900; }.collaboration-actions strong, .collaboration-actions small { display: block; }.collaboration-actions strong { margin: 17px 0 6px; color: var(--navy-900); font-size: .82rem; }.collaboration-actions small { color: var(--muted); font-size: .68rem; }

.faq-grid { display: grid; grid-template-columns: .65fr 1.35fr; align-items: start; gap: clamp(45px, 8vw, 100px); }.faq-grid > div:first-child > p:not(.eyebrow) { color: var(--muted); }.faq-list { border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list summary { position: relative; padding: 20px 42px 20px 0; color: var(--navy-900); cursor: pointer; font-size: .84rem; font-weight: 800; list-style: none; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary::after { content: "+"; position: absolute; top: 17px; right: 8px; color: var(--blue-600); font-size: 1.25rem; }.faq-list details[open] summary::after { content: "−"; }.faq-list details p { margin: -4px 42px 20px 0; color: var(--muted); font-size: .76rem; }

/* Projects & visions page */
.projects-hero { background: linear-gradient(118deg, #010813, #072563 55%, #2a0964); }
.project-universe { position: relative; z-index: 1; width: min(380px, 88vw); aspect-ratio: 1; justify-self: end; border: 1px solid rgb(0 212 255 / .2); border-radius: 50%; box-shadow: inset 0 0 80px rgb(0 108 255 / .12); }
.project-universe::before, .project-universe::after { content: ""; position: absolute; border-radius: 50%; }.project-universe::before { inset: 15%; border: 1px dashed rgb(0 212 255 / .38); }.project-universe::after { inset: 32%; border: 1px solid rgb(118 87 255 / .55); }
.universe-core { position: absolute; z-index: 3; top: 50%; left: 50%; display: grid; width: 142px; height: 142px; align-content: center; justify-items: center; transform: translate(-50%, -50%); color: #fff; background: linear-gradient(145deg, #063f9c, #391494); border: 2px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 38px rgb(0 212 255 / .32); }.universe-core small { color: #a9ecff; font-size: .48rem; font-weight: 900; letter-spacing: .12em; }.universe-core strong { margin-top: 5px; font-size: 1rem; }
.universe-node { position: absolute; z-index: 2; display: grid; width: 68px; height: 68px; place-items: center; color: #fff; background: rgb(2 18 49 / .94); border: 1px solid rgb(0 212 255 / .5); border-radius: 50%; box-shadow: 0 0 18px rgb(0 108 255 / .24); font-size: .68rem; font-weight: 800; }.node-region { top: 3%; left: 50%; transform: translateX(-50%); }.node-medical { top: 26%; right: 0; }.node-research { right: 13%; bottom: 4%; }.node-education { bottom: 4%; left: 13%; }.node-industry { top: 26%; left: 0; }

.portfolio-map { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }
.portfolio-office { grid-column: 1 / -1; display: grid; justify-items: center; padding: 26px; color: #fff; background: linear-gradient(135deg, var(--navy-900), #0745a6 60%, #38128f); border-radius: 17px; box-shadow: 0 16px 36px rgb(0 74 180 / .16); text-align: center; }.portfolio-office span, .portfolio-project > span { color: var(--cyan); font-size: .57rem; font-weight: 900; letter-spacing: .14em; }.portfolio-office strong { font-size: 1.25rem; }.portfolio-office small { color: #c8dcec; }
.portfolio-line { grid-column: 1 / -1; position: relative; height: 34px; }.portfolio-line::before { content: ""; position: absolute; top: 0; bottom: 12px; left: 50%; width: 2px; background: var(--blue-600); }.portfolio-line::after { content: ""; position: absolute; right: 12.5%; bottom: 12px; left: 12.5%; height: 2px; background: linear-gradient(90deg, var(--blue-600), var(--cyan), var(--violet)); }
.portfolio-project { position: relative; min-height: 185px; padding: 22px 19px; background: #fff; border: 1px solid var(--line); border-top: 3px solid var(--blue-600); border-radius: 14px; box-shadow: 0 10px 28px rgb(0 63 143 / .06); transition: transform .18s ease, box-shadow .18s ease; }.portfolio-project::before { content: ""; position: absolute; top: -49px; left: 50%; width: 2px; height: 47px; background: var(--blue-600); }.portfolio-project:hover { transform: translateY(-4px); box-shadow: 0 18px 36px rgb(0 83 192 / .12); }.portfolio-project > span { color: var(--blue-700); }.portfolio-project strong, .portfolio-project small { display: block; }.portfolio-project strong { margin: 22px 0 8px; color: var(--navy-900); font-size: .92rem; }.portfolio-project small { color: var(--muted); font-size: .68rem; }.flagship-project { color: #fff; background: linear-gradient(145deg, #06204c, #0a449b); border-color: var(--cyan); }.flagship-project > span { color: var(--cyan); }.flagship-project strong { color: #fff; }.flagship-project small { color: #bdd6e8; }

.project-flagship { position: relative; overflow: hidden; color: #fff; background: linear-gradient(135deg, #010813, #061f4f 58%, #230a57); }.project-flagship::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 88% 18%, rgb(0 212 255 / .18), transparent 28%), linear-gradient(rgb(0 212 255 / .04) 1px, transparent 1px), linear-gradient(90deg, rgb(0 212 255 / .04) 1px, transparent 1px); background-size: auto, 40px 40px, 40px 40px; }
.project-flagship-grid { position: relative; display: grid; grid-template-columns: .84fr 1.16fr; align-items: center; gap: clamp(55px, 8vw, 110px); }.project-flagship h2 { margin: 0; font-size: clamp(2rem, 3.8vw, 3rem); }.project-flagship-grid > div:first-child > p:not(.eyebrow) { color: #bdd1e0; }.project-flagship .flagship-message { margin: 20px 0 8px; color: #fff !important; font-size: 1.08rem; font-weight: 800; }.project-tags { display: flex; flex-wrap: wrap; gap: 7px; margin: 20px 0 0; }.project-tags span { padding: 5px 10px; color: #b7efff; background: rgb(0 108 255 / .15); border: 1px solid rgb(0 212 255 / .26); border-radius: 99px; font-size: .61rem; font-weight: 800; }.project-flagship .button { margin-top: 20px; }
.tokai-stack { position: relative; display: grid; gap: 9px; padding: 24px; background: rgb(2 15 40 / .62); border: 1px solid rgb(0 212 255 / .28); border-radius: 22px; box-shadow: 0 0 50px rgb(0 108 255 / .15); }.stack-layer { display: grid; grid-template-columns: 130px 1fr; align-items: center; gap: 16px; min-height: 72px; padding: 13px 17px; background: rgb(255 255 255 / .06); border: 1px solid rgb(255 255 255 / .12); border-radius: 12px; }.stack-layer > span { color: var(--cyan); font-size: .55rem; font-weight: 900; letter-spacing: .1em; }.stack-layer strong, .stack-layer small { display: block; }.stack-layer strong { font-size: .82rem; }.stack-layer small { color: #aac5d8; font-size: .64rem; }.stack-medical { background: rgb(0 108 255 / .13); border-color: rgb(0 212 255 / .24); }.stack-governance { background: rgb(0 166 111 / .12); border-color: rgb(0 216 160 / .25); }.stack-ai { grid-template-columns: 70px 1fr; background: linear-gradient(90deg, rgb(0 92 225 / .72), rgb(91 49 215 / .6)); border-color: #67e7ff; box-shadow: 0 0 24px rgb(0 108 255 / .25); }.stack-ai-core { display: grid; width: 55px; height: 55px; place-items: center; color: #fff !important; background: #041633; border: 2px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 17px rgb(0 212 255 / .48); font-size: 1rem !important; }.stack-output { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; }.stack-output span { padding: 6px; color: #fff; background: linear-gradient(135deg, var(--blue-600), var(--violet)); border-radius: 8px; text-align: center; font-size: .62rem; font-weight: 800; }
.tokai-detail-note { position: relative; display: flex; justify-content: space-between; gap: 25px; margin-top: 36px; padding-top: 18px; color: #a9c2d5; border-top: 1px solid rgb(255 255 255 / .14); font-size: .69rem; }.tokai-detail-note strong { color: var(--cyan); }
.foundation-bridge { color: #fff; background: linear-gradient(90deg, #061b3b, #103e82); border-top: 1px solid rgb(0 212 255 / .2); }.foundation-bridge-inner { display: flex; min-height: 116px; align-items: center; justify-content: space-between; gap: 30px; }.foundation-bridge-inner div { display: grid; }.foundation-bridge-inner span { color: var(--cyan); font-size: .56rem; font-weight: 900; letter-spacing: .14em; }.foundation-bridge-inner strong { font-size: .86rem; }.foundation-bridge-inner a { color: #fff; font-size: .7rem; font-weight: 800; }

.heritage-projects { background: var(--surface); border-bottom: 1px solid var(--line); }.heritage-project-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }.heritage-project-grid article { position: relative; padding: 30px; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 12px 30px rgb(0 63 143 / .06); }.heritage-code { position: absolute; top: 20px; right: -9px; color: rgb(0 108 255 / .07); font-size: 3.2rem; font-weight: 900; letter-spacing: -.06em; }.education-code { color: rgb(118 87 255 / .07); }.inherit-badge { display: inline-block; padding: 4px 9px; color: var(--blue-700); background: var(--blue-100); border-radius: 99px; font-size: .6rem; font-weight: 800; }.heritage-project-grid h3 { margin: 24px 0 8px; color: var(--navy-900); font-size: 1.3rem; }.heritage-project-grid p { color: var(--muted); font-size: .8rem; }.heritage-project-grid ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 18px 0 0; padding: 0; list-style: none; }.heritage-project-grid li { padding: 5px 9px; color: var(--navy-900); background: var(--surface); border: 1px solid var(--line); border-radius: 7px; font-size: .63rem; font-weight: 700; }

.initiative-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }.initiative-grid article { position: relative; min-height: 225px; padding: 25px; background: #fff; border: 1px solid var(--line); border-left: 4px solid var(--blue-600); border-radius: 0 15px 15px 0; box-shadow: 0 10px 26px rgb(0 63 143 / .05); }.initiative-grid article:nth-child(2) { border-left-color: var(--cyan); }.initiative-grid article:nth-child(3) { border-left-color: var(--violet); }.initiative-grid article:nth-child(4) { border-left-color: var(--green); }.initiative-grid article > span { color: var(--blue-700); font-size: .58rem; font-weight: 900; letter-spacing: .1em; }.initiative-grid h3 { margin: 21px 0 8px; color: var(--navy-900); font-size: 1rem; }.initiative-grid p { margin: 0; color: var(--muted); font-size: .74rem; }.initiative-grid b { position: absolute; right: 19px; bottom: 17px; color: var(--blue-700); font-size: .62rem; }

.join-project { color: #fff; background: linear-gradient(112deg, #061b3b, #073c93 58%, #37118d); }.join-project-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: clamp(45px, 8vw, 100px); }.join-project h2 { margin: 0; font-size: clamp(1.9rem, 3.4vw, 2.8rem); line-height: 1.4; }.join-project-grid > div:first-child > p:not(.eyebrow) { color: #bfd5e4; }.join-paths { display: grid; gap: 8px; }.join-paths a { display: grid; grid-template-columns: 100px 1fr 24px; align-items: center; gap: 15px; padding: 16px 18px; background: rgb(255 255 255 / .08); border: 1px solid rgb(255 255 255 / .18); border-radius: 12px; transition: background .18s ease, transform .18s ease; }.join-paths a:hover { background: rgb(255 255 255 / .14); transform: translateX(4px); }.join-paths span { color: var(--cyan); font-size: .61rem; font-weight: 800; }.join-paths strong { font-size: .78rem; }.join-paths b { font-size: .9rem; }

/* Foundations page */
.foundations-hero { background: linear-gradient(118deg, #010813, #072762 56%, #23105a); }
.foundation-axis { position: relative; z-index: 1; width: min(430px, 92vw); min-height: 350px; justify-self: end; }
.axis-source, .axis-office { position: absolute; display: grid; align-content: center; justify-items: center; color: #fff; border-radius: 18px; text-align: center; }
.axis-source { top: 12px; width: 176px; min-height: 105px; padding: 14px; background: rgb(4 23 58 / .9); border: 1px solid rgb(0 212 255 / .42); box-shadow: 0 0 24px rgb(0 108 255 / .18); }.source-mails { left: 0; }.source-yutaka { right: 0; border-color: rgb(0 216 160 / .42); }.axis-source small, .axis-office small { color: var(--cyan); font-size: .48rem; font-weight: 900; letter-spacing: .1em; }.source-yutaka small { color: #71f0c3; }.axis-source strong { margin-top: 5px; font-size: 1rem; }
.axis-lines { position: absolute; top: 118px; right: 70px; left: 70px; height: 82px; }.axis-lines i { position: absolute; top: 0; width: 50%; height: 82px; border-bottom: 2px solid var(--cyan); }.axis-lines i:first-child { left: 0; border-left: 2px solid var(--cyan); border-radius: 0 0 0 18px; }.axis-lines i:last-child { right: 0; border-right: 2px solid #48dfb0; border-bottom-color: #48dfb0; border-radius: 0 0 18px 0; }
.axis-office { right: 28px; bottom: 0; left: 28px; min-height: 140px; padding: 20px; background: linear-gradient(135deg, #0647ae, #4318a3); border: 2px solid var(--cyan); box-shadow: 0 0 40px rgb(0 212 255 / .25); }.axis-office strong { font-size: 1.35rem; }.axis-office span { margin-top: 7px; color: #c8e3f2; font-size: .62rem; }

.position-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(45px, 8vw, 110px); }.position-grid h2, .mails-heading h2, .yutaka-heading h2, .foundation-next h2 { margin: 0; color: var(--navy-900); font-size: clamp(1.9rem, 3.5vw, 2.75rem); line-height: 1.4; letter-spacing: -.04em; }.position-grid > div:last-child { padding-left: 38px; border-left: 3px solid var(--blue-600); }.position-grid p { margin: 0; color: var(--muted); }.position-grid .lead-paragraph { margin-bottom: 15px; color: var(--ink); font-size: 1.08rem; font-weight: 800; }

.mails-foundation { position: relative; overflow: hidden; color: #fff; background: linear-gradient(135deg, #010813, #061f52 58%, #250a5a); }.mails-foundation::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 15% 82%, rgb(0 212 255 / .15), transparent 26%), linear-gradient(rgb(0 212 255 / .04) 1px, transparent 1px), linear-gradient(90deg, rgb(0 212 255 / .04) 1px, transparent 1px); background-size: auto, 42px 42px, 42px 42px; }.mails-grid { position: relative; display: grid; grid-template-columns: .86fr 1.14fr; align-items: center; gap: clamp(45px, 7vw, 90px); }.mails-heading h2 { color: #fff; font-size: clamp(2.4rem, 5vw, 4.1rem); }.mails-heading > p:not(.eyebrow, .foundation-data-note) { color: #bdd2e2; }
.foundation-official-link { display: grid; overflow: hidden; margin: 22px 0; border-radius: 13px; transition: transform .2s ease, box-shadow .2s ease; }.foundation-official-link:hover { transform: translateY(-2px); }.foundation-official-media { display: grid; overflow: hidden; place-items: center; background: #fff; }.foundation-official-media img { display: block; width: 100%; height: 100%; object-fit: contain; }.foundation-official-label { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; }.foundation-official-label > span { display: grid; }.foundation-official-label small { font-size: .44rem; font-weight: 900; letter-spacing: .11em; }.foundation-official-label strong { margin-top: 2px; font-size: .65rem; }.foundation-official-label b { font-size: 1rem; }.mails-official-link { color: #fff; background: rgb(255 255 255 / .07); border: 1px solid rgb(0 212 255 / .23); }.mails-official-link:hover { color: #fff; border-color: rgb(0 212 255 / .5); box-shadow: 0 12px 28px rgb(0 108 255 / .2); }.mails-official-link .foundation-official-media { min-height: 112px; padding: 19px; }.mails-official-link .foundation-official-label small { color: var(--cyan); }
.foundation-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; margin-top: 24px; }.foundation-stats > div { display: grid; padding: 15px; background: rgb(255 255 255 / .07); border: 1px solid rgb(0 212 255 / .2); border-radius: 12px; }.foundation-stats strong { color: var(--cyan); font-size: 1.8rem; line-height: 1; }.foundation-stats strong small { font-size: .7rem; }.foundation-stats span { margin-top: 8px; color: #c2d6e4; font-size: .65rem; }.foundation-data-note { margin: 10px 0 0; color: #8ea9bc; font-size: .58rem; }
.mails-capabilities { display: grid; grid-template-columns: repeat(2, 1fr); gap: 11px; }.mails-capabilities article { min-height: 190px; padding: 22px; background: rgb(255 255 255 / .065); border: 1px solid rgb(0 212 255 / .17); border-radius: 14px; }.mails-capabilities span { color: var(--cyan); font-size: .58rem; font-weight: 900; }.mails-capabilities h3 { margin: 20px 0 7px; font-size: .95rem; }.mails-capabilities p { margin: 0; color: #b8cedd; font-size: .7rem; }

.yutaka-foundation { background: var(--surface); border-block: 1px solid var(--line); }.yutaka-grid { display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: clamp(45px, 7vw, 90px); }.yutaka-heading > p:not(.eyebrow, .foundation-data-note, .foundation-program-name) { color: var(--muted); }.foundation-program-name { margin: 12px 0 8px; color: var(--blue-700); font-size: .72rem; font-weight: 900; line-height: 1.7; }.program-facts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; margin-top: 18px; }.program-facts span { padding: 8px 10px; color: var(--muted); background: #fff; border: 1px solid var(--line); border-radius: 8px; font-size: .55rem; font-weight: 800; }.program-facts strong { margin-right: 3px; color: var(--blue-700); font-size: .95rem; }.yutaka-official-link { color: var(--navy-900); background: #fff; border: 1px solid var(--line); box-shadow: 0 9px 24px rgb(0 64 140 / .06); }.yutaka-official-link:hover { color: var(--blue-700); border-color: #8ebdf0; box-shadow: 0 14px 30px rgb(0 78 175 / .1); }.yutaka-official-link .foundation-official-media { aspect-ratio: 5 / 3; border-bottom: 1px solid var(--line); }.yutaka-official-link .foundation-official-label small { color: var(--blue-700); }.yutaka-capabilities { display: grid; gap: 10px; }.yutaka-capabilities article { display: grid; grid-template-columns: 58px 1fr; align-items: center; gap: 15px; padding: 15px 18px 15px 0; background: #fff; border: 1px solid var(--line); border-radius: 13px; box-shadow: 0 8px 22px rgb(0 63 143 / .05); }.yutaka-capabilities article > span { display: grid; width: 58px; height: 48px; place-items: center; color: #fff; background: linear-gradient(145deg, var(--green), #0087a0); border-radius: 0 24px 24px 0; font-size: .62rem; font-weight: 900; }.yutaka-capabilities h3 { margin: 0; color: var(--navy-900); font-size: .82rem; }.yutaka-capabilities p { margin: 3px 0 0; color: var(--muted); font-size: .66rem; }.light-stats > div { background: #fff; border-color: var(--line); }.light-stats strong { color: var(--blue-700); }.light-stats span { color: var(--muted); }.yutaka-heading .foundation-data-note { color: var(--muted); }

.foundation-integration { color: #fff; background: linear-gradient(135deg, #010813, #08255c 58%, #1b0b46); }.integration-flow { display: grid; grid-template-columns: .72fr 180px 1.28fr; align-items: center; gap: 22px; }.integration-input { display: grid; gap: 9px; }.integration-input span { padding: 16px; background: rgb(255 255 255 / .07); border: 1px solid rgb(0 212 255 / .2); border-radius: 12px; font-size: .75rem; font-weight: 800; text-align: center; }.integration-input span:last-child { border-color: rgb(0 216 160 / .28); }.integration-core { display: grid; width: 160px; height: 160px; place-items: center; align-content: center; background: linear-gradient(145deg, #0649b3, #4117a2); border: 2px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 34px rgb(0 212 255 / .25); text-align: center; }.integration-core small { color: #b4efff; font-size: .48rem; font-weight: 900; letter-spacing: .12em; }.integration-core strong { font-size: 1rem; }.integration-outputs { display: grid; gap: 7px; }.integration-outputs article { display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 12px; padding: 10px 14px; background: rgb(255 255 255 / .065); border: 1px solid rgb(255 255 255 / .12); border-radius: 10px; }.integration-outputs b { display: grid; width: 30px; height: 30px; place-items: center; color: var(--cyan); background: rgb(0 212 255 / .1); border-radius: 50%; font-size: .58rem; }.integration-outputs strong { font-size: .72rem; }

.foundation-next { background: #fff; }.foundation-next-grid { display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 55px; }.foundation-next-grid p:not(.eyebrow) { color: var(--muted); }.foundation-next-grid > div:last-child { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; }.foundation-next .button-white { border-color: var(--line); }

/* Tokai Data Health vision page */
.tokai-page-hero { min-height: 680px; background: linear-gradient(125deg, #010813, #05215a 55%, #230758); }
.tokai-page-hero::before { background: radial-gradient(circle at 84% 14%, rgb(0 212 255 / .19), transparent 30%), linear-gradient(rgb(0 212 255 / .045) 1px, transparent 1px), linear-gradient(90deg, rgb(0 212 255 / .045) 1px, transparent 1px); background-size: auto, 42px 42px, 42px 42px; mask-image: none; }
.tokai-hero-grid { position: relative; display: grid; min-height: 680px; grid-template-columns: .84fr 1.16fr; align-items: center; gap: clamp(45px, 7vw, 95px); padding-block: 54px; }.tokai-hero-copy { position: relative; z-index: 2; }.tokai-hero-copy h1 { margin: 0; font-size: clamp(2.4rem, 4.8vw, 4.3rem); line-height: 1.22; letter-spacing: -.05em; }.tokai-hero-copy h1 em { color: var(--cyan); font-style: normal; }.tokai-hero-copy > p:not(.eyebrow) { color: #c1d6e5; }.vision-status { display: grid; gap: 3px; margin-top: 22px; padding: 12px 14px; background: rgb(255 255 255 / .06); border-left: 3px solid var(--cyan); }.vision-status span { color: var(--cyan); font-size: .58rem; font-weight: 900; letter-spacing: .12em; }.vision-status small { color: #a8c0d1; font-size: .62rem; }
.future-region { position: relative; z-index: 1; min-height: 555px; overflow: hidden; background: #041027; border: 1px solid rgb(0 212 255 / .33); border-radius: 26px; box-shadow: 0 0 70px rgb(0 108 255 / .18); }.region-stock-photo { object-position: 50% 50%; filter: brightness(.58) saturate(1.05) contrast(1.08); }.future-region::before { content: ""; position: absolute; inset: 0; z-index: 1; background-image: linear-gradient(rgb(0 212 255 / .045) 1px, transparent 1px), linear-gradient(90deg, rgb(0 212 255 / .045) 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(#000, transparent 75%); pointer-events: none; }.future-region::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgb(1 8 21 / .1), rgb(1 8 21 / .3) 54%, rgb(1 8 21 / .78)); pointer-events: none; }.region-sky { position: absolute; z-index: 2; inset: 0 0 42%; }.region-sky i { position: absolute; width: 5px; height: 5px; background: #fff; border-radius: 50%; box-shadow: 0 0 9px var(--cyan); }.region-sky i:nth-child(1) { top: 12%; left: 14%; }.region-sky i:nth-child(2) { top: 30%; left: 42%; }.region-sky i:nth-child(3) { top: 9%; right: 18%; }.region-sky i:nth-child(4) { top: 53%; right: 8%; }.region-sky i:nth-child(5) { top: 60%; left: 25%; }.region-sky i:nth-child(6) { top: 38%; right: 38%; }
.region-city { position: absolute; z-index: 3; display: grid; width: 88px; height: 86px; place-items: end center; padding-bottom: 8px; color: #fff; background: linear-gradient(145deg, #0b4db9, #00b8df); border: 1px solid #62efff; clip-path: polygon(8% 28%, 26% 28%, 26% 10%, 43% 10%, 43% 36%, 57% 36%, 57% 18%, 78% 18%, 78% 0, 92% 0, 92% 100%, 8% 100%); filter: drop-shadow(0 0 14px rgb(0 212 255 / .35)); }.region-city span { font-size: .6rem; font-weight: 800; }.city-one { top: 84px; left: 5%; }.city-two { top: 32px; left: 31%; }.city-three { top: 97px; right: 29%; }.city-four { top: 22px; right: 4%; }
.future-region > svg { position: absolute; z-index: 2; top: 28px; left: 0; width: 100%; height: 325px; }.future-region > svg path { fill: none; stroke: var(--cyan); stroke-width: 1.6; stroke-dasharray: 5 8; opacity: .67; }.future-region > svg circle { fill: #fff; filter: drop-shadow(0 0 7px var(--cyan)); }.region-person { position: absolute; z-index: 4; width: 22px; height: 22px; background: var(--violet); border: 3px solid #d7ceff; border-radius: 50%; box-shadow: 0 0 13px rgb(118 87 255 / .7); }.region-person::after { content: ""; position: absolute; top: 16px; left: -7px; width: 30px; height: 15px; background: var(--violet); border: 2px solid #d7ceff; border-radius: 15px 15px 5px 5px; }.rp-one { top: 282px; left: 15%; }.rp-two { top: 318px; left: 31%; }.rp-three { top: 268px; left: 51%; }.rp-four { top: 314px; right: 27%; }.rp-five { top: 276px; right: 9%; }
.region-data { position: absolute; z-index: 5; right: 18px; bottom: 111px; left: 18px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }.region-data span { padding: 6px 3px; color: #b2f1ff; background: rgb(0 108 255 / .15); border: 1px solid rgb(0 212 255 / .24); border-radius: 99px; font-size: .52rem; font-weight: 900; text-align: center; }.region-ai { position: absolute; z-index: 5; right: 16px; bottom: 16px; left: 16px; display: grid; min-height: 84px; grid-template-columns: 62px 1fr; align-items: center; gap: 15px; padding: 11px 17px; background: linear-gradient(90deg, rgb(0 88 219 / .86), rgb(88 45 209 / .78)); border: 1px solid #5de8ff; border-radius: 15px; box-shadow: 0 0 27px rgb(0 108 255 / .3); }.region-ai > b { display: grid; width: 55px; height: 55px; place-items: center; background: #041631; border: 2px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 18px rgb(0 212 255 / .5); }.region-ai strong, .region-ai small { display: block; }.region-ai strong { font-size: .68rem; letter-spacing: .05em; }.region-ai small { color: #c6e3f4; font-size: .59rem; }

.vision-definition-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(48px, 8vw, 110px); }.vision-definition h2, .regional-ecosystem h2, .hospital-testbed h2, .governance-section h2 { margin: 0; color: var(--navy-900); font-size: clamp(1.9rem, 3.5vw, 2.75rem); line-height: 1.4; letter-spacing: -.04em; }.vision-definition-grid > div:last-child { padding-left: 38px; border-left: 3px solid var(--blue-600); }.vision-definition-grid p { margin: 0; color: var(--muted); }.vision-definition-grid .lead-paragraph { margin-bottom: 15px; color: var(--ink); font-size: 1.08rem; font-weight: 800; }

.regional-architecture { color: #fff; background: linear-gradient(135deg, #010813, #061f50 58%, #21094f); }.architecture-stack { display: grid; gap: 8px; }.architecture-layer { display: grid; min-height: 88px; grid-template-columns: 64px 1fr 110px; align-items: center; gap: 20px; padding: 12px 20px 12px 0; background: rgb(255 255 255 / .06); border: 1px solid rgb(255 255 255 / .12); border-radius: 13px; }.architecture-layer > span { display: grid; width: 64px; height: 54px; place-items: center; color: #fff; background: var(--navy-800); border-radius: 0 27px 27px 0; font-size: .65rem; font-weight: 900; }.architecture-layer small { color: var(--cyan); font-size: .52rem; font-weight: 900; letter-spacing: .1em; }.architecture-layer h3 { margin: 2px 0; font-size: .84rem; }.architecture-layer p { margin: 0; color: #aec6d7; font-size: .64rem; }.architecture-layer > b { color: #7ea0b8; font-size: .55rem; letter-spacing: .09em; text-align: right; }.layer-data > span { background: var(--green); }.layer-trust { border-color: rgb(0 216 160 / .2); }.layer-trust > span { background: #048867; }.layer-ai-platform { background: linear-gradient(90deg, rgb(0 92 228 / .6), rgb(84 45 205 / .5)); border-color: rgb(0 212 255 / .5); box-shadow: 0 0 25px rgb(0 108 255 / .2); }.layer-ai-platform > span { background: var(--blue-600); }.layer-testbed > span { background: var(--violet); }.layer-value { background: rgb(0 212 255 / .1); border-color: rgb(0 212 255 / .27); }.layer-value > span { background: #009fc5; }

.value-cycle { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); margin: 0; padding: 42px 0 0; list-style: none; }.value-cycle::before { content: ""; position: absolute; top: 92px; right: 7%; left: 7%; height: 2px; background: linear-gradient(90deg, var(--green), var(--blue-600), var(--cyan), var(--violet), var(--green)); }.value-cycle li { position: relative; z-index: 1; display: grid; justify-items: center; padding: 0 10px; text-align: center; }.value-cycle li > span { color: var(--blue-700); font-size: .54rem; font-weight: 900; }.cycle-icon { display: grid; width: 82px; height: 82px; margin: 12px 0 15px; place-items: center; color: #fff; background: var(--navy-900); border: 4px solid #fff; border-radius: 50%; box-shadow: 0 0 0 2px var(--blue-600), 0 10px 25px rgb(0 70 160 / .15); font-size: 1.2rem; font-weight: 900; }.ai-cycle { background: linear-gradient(145deg, var(--blue-600), var(--violet)); border-color: #fff; box-shadow: 0 0 0 2px var(--cyan), 0 10px 28px rgb(0 108 255 / .24); }.value-cycle strong, .value-cycle small { display: block; }.value-cycle strong { color: var(--navy-900); font-size: .76rem; }.value-cycle small { margin-top: 4px; color: var(--muted); font-size: .6rem; line-height: 1.5; }

.regional-ecosystem { background: linear-gradient(145deg, #f2f8ff, #f8f5ff); border-block: 1px solid var(--line); }.ecosystem-page-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: clamp(50px, 8vw, 105px); }.ecosystem-page-grid > div:first-child > p:not(.eyebrow) { color: var(--muted); }.ecosystem-wheel { position: relative; min-height: 410px; background: radial-gradient(circle, rgb(0 108 255 / .12), transparent 53%); border: 1px solid #d5e5f2; border-radius: 22px; }.ecosystem-wheel::before { content: ""; position: absolute; top: 50%; left: 50%; width: 265px; height: 265px; transform: translate(-50%, -50%); border: 2px dashed rgb(0 108 255 / .3); border-radius: 50%; }.wheel-core { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 158px; height: 158px; place-items: center; align-content: center; transform: translate(-50%, -50%); color: #fff; background: linear-gradient(145deg, var(--navy-900), #0749ad); border: 3px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 32px rgb(0 108 255 / .25); }.wheel-core small { color: var(--cyan); font-size: .48rem; font-weight: 900; letter-spacing: .1em; }.wheel-core strong { font-size: .78rem; }.wheel-partner { position: absolute; z-index: 3; display: grid; width: 100px; min-height: 75px; place-items: center; padding: 9px; background: #fff; border: 1px solid #bed6eb; border-radius: 14px; box-shadow: 0 10px 24px rgb(0 63 143 / .1); }.wheel-partner span { display: grid; width: 30px; height: 30px; place-items: center; color: #fff; background: var(--blue-600); border-radius: 8px; font-weight: 900; }.wheel-partner strong { color: var(--navy-900); font-size: .68rem; }.wp-city { top: 14px; left: 50%; transform: translateX(-50%); }.wp-hospital { top: 50%; right: 18px; transform: translateY(-50%); }.wp-university { bottom: 14px; left: 50%; transform: translateX(-50%); }.wp-company { top: 50%; left: 18px; transform: translateY(-50%); }.wp-city span { background: var(--green); }.wp-company span { background: var(--violet); }

.hospital-testbed { position: relative; overflow: hidden; color: #fff; background: linear-gradient(135deg, #010813, #06245d 58%, #280b63); }.hospital-testbed h2 { color: #fff; }.testbed-grid { display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: clamp(55px, 8vw, 110px); }.testbed-grid > div:last-child > p:not(.eyebrow) { color: #b9cfe0; }.testbed-model { position: relative; min-height: 430px; background: rgb(255 255 255 / .045); border: 1px solid rgb(0 212 255 / .22); border-radius: 22px; }.ward-shell { position: absolute; inset: 28px; display: grid; align-content: start; justify-items: center; padding: 24px; border: 2px dashed rgb(0 212 255 / .4); border-radius: 35px; }.ward-shell .bed-icon { color: var(--cyan); font-size: 2rem; }.ward-shell small { color: #9be8ff; font-size: .5rem; font-weight: 900; letter-spacing: .12em; }.ward-shell strong { font-size: .72rem; }.testbed-actor { position: absolute; z-index: 3; display: grid; width: 100px; min-height: 78px; place-items: center; padding: 10px; background: #fff; border: 1px solid #bcd6ec; border-radius: 14px; box-shadow: 0 10px 28px rgb(0 0 0 / .18); }.testbed-actor span { display: grid; width: 30px; height: 30px; place-items: center; color: #fff; background: var(--blue-600); border-radius: 8px; font-weight: 900; }.testbed-actor strong { color: var(--navy-900); font-size: .66rem; }.actor-medical { top: 112px; left: 45px; }.actor-university { top: 112px; right: 45px; }.actor-company { bottom: 38px; left: 50%; transform: translateX(-50%); }.actor-medical span { background: var(--green); }.actor-company span { background: var(--violet); }.testbed-center { position: absolute; z-index: 2; top: 205px; left: 50%; display: grid; width: 145px; height: 100px; place-items: center; align-content: center; transform: translateX(-50%); background: linear-gradient(145deg, #0649b3, #471aa5); border: 2px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 26px rgb(0 212 255 / .3); text-align: center; }.testbed-center small { color: #a7ecff; font-size: .45rem; font-weight: 900; letter-spacing: .09em; }.testbed-center strong { font-size: .68rem; }.testbed-loop { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 20px; }.testbed-loop span { padding: 5px 9px; background: rgb(255 255 255 / .08); border: 1px solid rgb(0 212 255 / .2); border-radius: 99px; font-size: .6rem; font-weight: 800; }.testbed-loop i { color: var(--cyan); font-style: normal; }

.governance-section { color: #fff; background: var(--navy-950); }.governance-grid { display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; gap: clamp(50px, 8vw, 105px); }.governance-section h2 { color: #fff; }.governance-grid > div:first-child > p:not(.eyebrow) { color: #b7ccdb; }.governance-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }.governance-cards article { min-height: 150px; padding: 20px; background: rgb(255 255 255 / .06); border: 1px solid rgb(255 255 255 / .12); border-radius: 13px; }.governance-cards span { color: var(--cyan); font-size: .58rem; font-weight: 900; }.governance-cards h3 { margin: 18px 0 5px; font-size: .8rem; }.governance-cards p { margin: 0; color: #acc3d3; font-size: .65rem; }

.vision-roadmap { background: var(--surface); }.vision-phases { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none; }.vision-phases li { position: relative; min-height: 190px; padding: 23px 20px; background: #fff; border: 1px solid var(--line); border-top: 4px solid var(--blue-600); border-radius: 0 0 14px 14px; box-shadow: 0 10px 26px rgb(0 63 143 / .05); }.vision-phases li:nth-child(2) { border-top-color: var(--cyan); }.vision-phases li:nth-child(3) { border-top-color: var(--violet); }.vision-phases li:nth-child(4) { border-top-color: var(--green); }.vision-phases span { color: var(--blue-700); font-size: .58rem; font-weight: 900; letter-spacing: .1em; }.vision-phases strong, .vision-phases small { display: block; }.vision-phases strong { margin: 25px 0 7px; color: var(--navy-900); font-size: .82rem; }.vision-phases small { color: var(--muted); font-size: .65rem; }

/* Impact & network page */
.impact-hero { background: linear-gradient(118deg, #010813, #07235b 55%, #2d0b68); }.impact-constellation { position: relative; z-index: 1; overflow: hidden; width: min(380px, 88vw); aspect-ratio: 1; justify-self: end; background: #03142f; border: 1px solid rgb(0 212 255 / .32); border-radius: 50%; box-shadow: 0 0 42px rgb(0 108 255 / .12); }.impact-stock-photo { object-position: 62% 52%; opacity: .58; filter: brightness(.78) saturate(1.16) contrast(1.08); }.impact-constellation::before, .impact-constellation::after { content: ""; position: absolute; z-index: 1; border-radius: 50%; }.impact-constellation::before { inset: 16%; border: 1px dashed rgb(0 212 255 / .46); }.impact-constellation::after { inset: 34%; border: 1px solid rgb(118 87 255 / .62); }.impact-core { position: absolute; z-index: 3; top: 50%; left: 50%; display: grid; width: 145px; height: 145px; place-items: center; align-content: center; transform: translate(-50%, -50%); color: #fff; background: linear-gradient(145deg, rgb(6 71 172 / .96), rgb(66 24 160 / .96)); border: 2px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 35px rgb(0 212 255 / .3); text-align: center; }.impact-core small { color: var(--cyan); font-size: .49rem; font-weight: 900; letter-spacing: .14em; }.impact-core strong { font-size: .72rem; }.impact-orb { position: absolute; z-index: 3; display: grid; width: 72px; height: 72px; place-items: center; color: #fff; background: rgb(3 21 52 / .95); border: 1px solid rgb(0 212 255 / .48); border-radius: 50%; box-shadow: 0 0 17px rgb(0 108 255 / .24); font-size: .68rem; font-weight: 800; }.orb-research { top: 4%; left: 50%; transform: translateX(-50%); }.orb-talent { top: 50%; right: 2%; transform: translateY(-50%); }.orb-joint { bottom: 4%; left: 50%; transform: translateX(-50%); }.orb-social { top: 50%; left: 2%; transform: translateY(-50%); }.impact-constellation > i { position: absolute; z-index: 2; width: 6px; height: 6px; background: #fff; border-radius: 50%; box-shadow: 0 0 9px var(--cyan); }.impact-constellation > i:nth-of-type(1) { top: 18%; left: 24%; }.impact-constellation > i:nth-of-type(2) { top: 25%; right: 19%; }.impact-constellation > i:nth-of-type(3) { right: 20%; bottom: 24%; }.impact-constellation > i:nth-of-type(4) { bottom: 17%; left: 27%; }.impact-constellation > i:nth-of-type(5) { top: 43%; left: 16%; }.impact-constellation > i:nth-of-type(6) { top: 56%; right: 16%; }

.impact-definition-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(48px, 8vw, 110px); }.impact-definition h2, .network-section h2, .case-policy h2 { margin: 0; color: var(--navy-900); font-size: clamp(1.9rem, 3.5vw, 2.75rem); line-height: 1.4; letter-spacing: -.04em; }.impact-definition-grid > div:last-child { padding-left: 38px; border-left: 3px solid var(--blue-600); }.impact-definition-grid p { margin: 0; color: var(--muted); }.impact-definition-grid .lead-paragraph { margin-bottom: 15px; color: var(--ink); font-size: 1.08rem; font-weight: 800; }

.baseline-impact { color: #fff; background: linear-gradient(135deg, #010813, #061f4f 58%, #21094f); }.baseline-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }.baseline-stats article { min-height: 205px; padding: 22px; background: rgb(255 255 255 / .065); border: 1px solid rgb(0 212 255 / .17); border-radius: 14px; }.baseline-stats article > span { color: var(--cyan); font-size: .52rem; font-weight: 900; letter-spacing: .1em; }.baseline-stats article > strong { display: block; margin: 27px 0 5px; color: #fff; font-size: 2.25rem; line-height: 1; }.baseline-stats article > strong small { font-size: .7rem; }.baseline-stats p { margin: 0 0 20px; color: #b8cede; font-size: .67rem; }.baseline-stats b { color: var(--cyan); font-size: .58rem; }.baseline-note { display: flex; justify-content: space-between; gap: 20px; margin-top: 18px; color: #8faabd; font-size: .61rem; }.baseline-note a { color: var(--cyan); font-weight: 800; }

.outcome-framework { background: var(--surface); }.outcome-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }.outcome-grid article { position: relative; min-height: 335px; padding: 23px; background: #fff; border: 1px solid var(--line); border-radius: 15px; box-shadow: 0 10px 28px rgb(0 63 143 / .055); }.outcome-grid article > span { color: var(--blue-600); font-size: .58rem; font-weight: 900; }.outcome-icon { display: grid; width: 47px; height: 47px; margin: 22px 0 17px; place-items: center; color: #fff; background: linear-gradient(145deg, var(--blue-600), var(--violet)); border-radius: 12px; box-shadow: 0 9px 20px rgb(0 108 255 / .18); font-weight: 900; }.outcome-grid article:nth-child(2) .outcome-icon { background: linear-gradient(145deg, #00a5ca, var(--cyan)); }.outcome-grid article:nth-child(4) .outcome-icon { background: linear-gradient(145deg, var(--green), #00d5a0); }.outcome-grid h3 { margin: 0 0 8px; color: var(--navy-900); font-size: .95rem; }.outcome-grid p { margin: 0; color: var(--muted); font-size: .7rem; }.outcome-grid ul { display: grid; gap: 5px; margin: 18px 0 0; padding: 0; list-style: none; }.outcome-grid li { color: var(--ink); font-size: .63rem; font-weight: 700; }.outcome-grid li::before { content: "—"; margin-right: 6px; color: var(--blue-600); }

.achievement-section { background: #fff; }.achievement-box { overflow: hidden; border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); }.achievement-tabs { display: grid; grid-template-columns: repeat(4, 1fr); background: var(--surface); border-bottom: 1px solid var(--line); }.achievement-tabs button { position: relative; padding: 17px 8px; color: var(--muted); background: transparent; border: 0; border-right: 1px solid var(--line); cursor: pointer; font-size: .75rem; font-weight: 800; }.achievement-tabs button:last-child { border-right: 0; }.achievement-tabs button[aria-selected="true"] { color: var(--blue-700); background: #fff; }.achievement-tabs button[aria-selected="true"]::after { content: ""; position: absolute; right: 22%; bottom: -1px; left: 22%; height: 3px; background: var(--blue-600); }.achievement-panel { padding: clamp(28px, 5vw, 55px); }.empty-achievement { display: grid; min-height: 170px; place-items: center; align-content: center; padding: 25px; background: linear-gradient(145deg, #f6faff, #f9f7ff); border: 1px dashed #b8cde1; border-radius: 13px; text-align: center; }.empty-achievement span { color: var(--blue-700); font-size: .55rem; font-weight: 900; letter-spacing: .15em; }.empty-achievement strong { margin: 7px 0; color: var(--navy-900); font-size: 1.1rem; }.empty-achievement p { max-width: 600px; margin: 0; color: var(--muted); font-size: .7rem; }
.baseline-note small { margin-left: 8px; color: #b7cad7; font-size: inherit; }.achievement-records { display: grid; gap: 13px; }.achievement-record { scroll-margin-top: 150px; padding: 21px 23px; background: linear-gradient(145deg, #f8fbff, #fff); border: 1px solid var(--line); border-radius: 13px; transition: border-color .25s ease, box-shadow .25s ease, background .25s ease; }.achievement-record:target { background: linear-gradient(145deg, #eef8ff, #f8f5ff); border-color: var(--blue-600); box-shadow: 0 0 0 4px rgb(0 108 255 / .1), 0 14px 34px rgb(0 68 160 / .13); }.achievement-record:focus { outline: 3px solid rgb(0 108 255 / .22); outline-offset: 3px; }.achievement-record > div { display: flex; justify-content: space-between; gap: 15px; color: var(--muted); font-size: .58rem; }.achievement-record > div span { color: var(--blue-700); font-weight: 900; letter-spacing: .09em; }.achievement-record h3 { margin: 8px 0 7px; color: var(--navy-900); font-size: 1rem; }.achievement-record h3 a { color: inherit; text-decoration-color: var(--cyan); text-underline-offset: 4px; }.achievement-record p { margin: 0; color: var(--muted); font-size: .7rem; }.achievement-record small { display: block; margin-top: 12px; color: var(--blue-700); font-size: .57rem; font-weight: 800; }

.network-section { color: #fff; background: linear-gradient(135deg, #010813, #06235a 58%, #250a5b); }.network-section h2 { color: #fff; }.network-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: clamp(52px, 8vw, 108px); }.network-grid > div:first-child > p:not(.eyebrow) { color: #b8cedd; }.network-policy { display: grid; gap: 2px; margin-top: 22px; padding: 13px 15px; background: rgb(255 255 255 / .06); border-left: 3px solid var(--cyan); }.network-policy span { color: var(--cyan); font-size: .54rem; font-weight: 900; }.network-policy strong { font-size: .72rem; }.network-policy small { color: #9eb8ca; font-size: .59rem; }.network-map { position: relative; min-height: 440px; background: radial-gradient(circle, rgb(0 108 255 / .17), transparent 55%); border: 1px solid rgb(0 212 255 / .2); border-radius: 22px; }.network-map::before { content: ""; position: absolute; top: 50%; left: 50%; width: 280px; height: 280px; transform: translate(-50%, -50%); border: 2px dashed rgb(0 212 255 / .3); border-radius: 50%; }.network-core { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 150px; height: 150px; place-items: center; align-content: center; transform: translate(-50%, -50%); background: linear-gradient(145deg, #0649b3, #4218a0); border: 2px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 32px rgb(0 212 255 / .28); }.network-core small { color: var(--cyan); font-size: .48rem; font-weight: 900; letter-spacing: .12em; }.network-core strong { font-size: .78rem; }.network-partner { position: absolute; z-index: 3; display: grid; width: 130px; min-height: 92px; place-items: center; padding: 10px; color: var(--navy-900); background: #fff; border: 1px solid #bcd5ea; border-radius: 14px; box-shadow: 0 11px 27px rgb(0 0 0 / .18); text-align: center; }.network-partner span { display: grid; width: 30px; height: 30px; place-items: center; color: #fff; background: var(--blue-600); border-radius: 8px; font-weight: 900; }.network-partner strong { font-size: .65rem; }.network-partner small { color: var(--muted); font-size: .53rem; }.np-academia { top: 15px; left: 50%; transform: translateX(-50%); }.np-medical { top: 50%; right: 15px; transform: translateY(-50%); }.np-region { bottom: 15px; left: 50%; transform: translateX(-50%); }.np-industry { top: 50%; left: 15px; transform: translateY(-50%); }.np-medical span { background: var(--green); }.np-industry span { background: var(--violet); }

.case-policy { background: var(--surface); }.case-policy-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: clamp(48px, 8vw, 105px); }.case-policy-grid > div > p:not(.eyebrow) { color: var(--muted); }.case-format { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin: 0; padding: 0; list-style: none; }.case-format li { display: grid; min-height: 100px; align-content: center; padding: 16px; background: #fff; border: 1px solid var(--line); border-radius: 11px; }.case-format span { color: var(--blue-600); font-size: .56rem; font-weight: 900; }.case-format strong { margin-top: 10px; color: var(--navy-900); font-size: .7rem; }

/* Internal consultation portal */
.internal-hero { background: linear-gradient(118deg, #010813, #052765 54%, #30106e); }.internal-hero::after { content: ""; position: absolute; top: -180px; right: 5%; width: 480px; height: 480px; background: radial-gradient(circle, rgb(0 212 255 / .19), transparent 66%); border-radius: 50%; }.internal-access-card { position: relative; z-index: 1; display: grid; width: min(390px, 100%); min-height: 310px; justify-self: end; place-items: center; align-content: center; padding: 34px; background: linear-gradient(145deg, rgb(255 255 255 / .1), rgb(0 30 80 / .2)); border: 1px solid rgb(0 212 255 / .28); border-radius: 26px; box-shadow: inset 0 0 50px rgb(0 108 255 / .13), 0 25px 65px rgb(0 0 0 / .16); backdrop-filter: blur(8px); text-align: center; }.access-lock { position: relative; width: 60px; height: 50px; margin-bottom: 15px; background: linear-gradient(145deg, var(--blue-600), var(--violet)); border: 1px solid var(--cyan); border-radius: 11px; box-shadow: 0 0 24px rgb(0 212 255 / .25); }.access-lock::before { content: ""; position: absolute; top: -27px; left: 13px; width: 34px; height: 35px; border: 5px solid var(--cyan); border-bottom: 0; border-radius: 20px 20px 0 0; }.access-lock span { position: absolute; top: 17px; left: 27px; width: 7px; height: 15px; background: #fff; border-radius: 99px; }.internal-access-card > small { color: var(--cyan); font-size: .56rem; font-weight: 900; letter-spacing: .16em; }.internal-access-card > strong { margin: 5px 0 2px; font-size: 1.32rem; }.internal-access-card > b { color: #9bb8cd; font-size: .62rem; }.internal-access-card > div:last-child { display: flex; width: 100%; align-items: center; justify-content: center; gap: 8px; margin-top: 27px; padding-top: 18px; border-top: 1px solid rgb(255 255 255 / .13); }.internal-access-card > div:last-child span { color: #dbeaf4; font-size: .58rem; font-weight: 800; }.internal-access-card > div:last-child i { color: var(--cyan); font-style: normal; }
.internal-preview-note { color: #fff; background: linear-gradient(90deg, #0757b8, #1777c9 58%, #148b8b); }.internal-preview-note .container { display: grid; min-height: 58px; grid-template-columns: auto 1fr; align-items: center; gap: 18px; }.internal-preview-note strong { padding: 3px 9px; color: #0757a8; background: #fff; border-radius: 5px; font-size: .66rem; }.internal-preview-note p { margin: 0; font-size: .69rem; }
.consult-workspace { overflow: hidden; border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow); }.consult-tabs { display: grid; grid-template-columns: repeat(6, 1fr); background: var(--navy-900); }.consult-tabs button { position: relative; min-height: 82px; padding: 13px 8px; color: #b8cfdf; background: transparent; border: 0; border-right: 1px solid rgb(255 255 255 / .1); cursor: pointer; font-size: .7rem; font-weight: 800; }.consult-tabs button:last-child { border-right: 0; }.consult-tabs button span { display: block; margin-bottom: 4px; color: var(--cyan); font-size: .52rem; letter-spacing: .12em; }.consult-tabs button[aria-selected="true"] { color: var(--navy-900); background: #fff; }.consult-tabs button[aria-selected="true"]::after { content: ""; position: absolute; right: 23%; bottom: 0; left: 23%; height: 3px; background: var(--blue-600); }.consult-panel { padding: clamp(30px, 5vw, 55px); background: #fff; }.consult-panel-title { display: grid; max-width: 800px; grid-template-columns: 150px 1fr; align-items: baseline; column-gap: 24px; }.consult-panel-title span { grid-row: 1 / 3; color: var(--blue-700); font-size: .58rem; font-weight: 900; letter-spacing: .11em; }.consult-panel-title h3 { margin: 0; color: var(--navy-900); font-size: clamp(1.35rem, 2.5vw, 2rem); line-height: 1.35; }.consult-panel-title p { margin: 9px 0 0; color: var(--muted); font-size: .76rem; }.consult-guidance-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 28px; }.consult-guidance-grid article { min-height: 132px; padding: 18px; background: linear-gradient(145deg, #f5f9ff, #fff); border: 1px solid var(--line); border-radius: 12px; }.consult-guidance-grid b { color: var(--blue-700); font-size: .59rem; }.consult-guidance-grid p { margin: 14px 0 0; color: var(--ink); font-size: .69rem; font-weight: 700; }
.consult-safety { color: #fff; background: linear-gradient(135deg, #010813, #06245c 56%, #270a59); }.consult-safety-grid { display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; gap: clamp(50px, 8vw, 105px); }.consult-safety h2, .intake-blueprint h2, .consult-governance h2 { margin: 0; font-size: clamp(1.85rem, 3.4vw, 2.7rem); line-height: 1.4; letter-spacing: -.04em; }.consult-safety-grid > div:first-child > p:last-child { color: #b8cedd; }.safety-compare { display: grid; grid-template-columns: repeat(2, 1fr); gap: 11px; }.safety-compare article { min-height: 250px; padding: 22px; background: rgb(255 255 255 / .07); border: 1px solid rgb(255 255 255 / .13); border-radius: 15px; }.safety-compare article > span { display: block; padding-bottom: 14px; color: var(--cyan); border-bottom: 1px solid rgb(255 255 255 / .13); font-size: .68rem; font-weight: 900; }.safety-compare ul { display: grid; gap: 9px; margin: 17px 0 0; padding: 0; list-style: none; }.safety-compare li { position: relative; padding-left: 22px; color: #dce9f2; font-size: .69rem; }.safety-compare li::before { content: "✓"; position: absolute; left: 0; color: var(--cyan); font-weight: 900; }.safety-compare .share-later { background: rgb(118 87 255 / .12); border-color: rgb(160 143 255 / .27); }.safety-compare .share-later > span { color: #c9bdff; }.safety-compare .share-later li::before { content: "→"; color: #c9bdff; }
.intake-blueprint { background: var(--surface); }.intake-grid { display: grid; grid-template-columns: .76fr 1.24fr; align-items: center; gap: clamp(50px, 8vw, 105px); }.intake-grid > div:first-child > p:not(.eyebrow) { color: var(--muted); }.intake-steps { display: grid; gap: 7px; margin: 24px 0 0; padding: 0; list-style: none; }.intake-steps li { display: grid; grid-template-columns: 48px 1fr; align-items: center; gap: 13px; padding: 10px 13px; background: #fff; border-left: 3px solid var(--blue-600); border-radius: 0 10px 10px 0; }.intake-steps span { color: var(--blue-700); font-size: .57rem; font-weight: 900; }.intake-steps strong, .intake-steps small { display: block; }.intake-steps strong { color: var(--navy-900); font-size: .72rem; }.intake-steps small { color: var(--muted); font-size: .6rem; }.intake-preview { overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); }.intake-preview-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 22px; color: #fff; background: linear-gradient(100deg, var(--navy-900), #0a4caf); }.intake-preview-head span, .intake-preview-head strong { display: block; }.intake-preview-head span { color: var(--cyan); font-size: .5rem; font-weight: 900; letter-spacing: .13em; }.intake-preview-head strong { font-size: .86rem; }.intake-preview-head b { padding: 5px 8px; color: var(--navy-900); background: var(--cyan); border-radius: 6px; font-size: .55rem; }.intake-fields { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--line); }.intake-fields div { min-height: 97px; padding: 17px; background: #fff; }.intake-fields div:nth-child(3) { grid-column: 1 / -1; }.intake-fields small, .intake-fields strong { display: block; }.intake-fields small { color: var(--blue-700); font-size: .55rem; font-weight: 900; }.intake-fields strong { margin-top: 10px; color: var(--ink); font-size: .67rem; }.intake-actions { display: grid; gap: 8px; padding: 15px 20px; background: #eef3f8; }.intake-actions .button-row { margin-top: 0; }.intake-actions .button { flex: 1 1 220px; min-height: 42px; padding: 9px 14px; font-size: .64rem; }.intake-secondary { color: var(--blue-700); background: #fff; border-color: #a9c1d2; }.intake-actions > span { color: var(--muted); font-size: .58rem; font-weight: 700; text-align: center; }
.consult-governance { background: #fff; }.consult-governance-grid { display: grid; grid-template-columns: .72fr 1.28fr; align-items: start; gap: clamp(50px, 8vw, 105px); }.consult-governance-grid > div:first-child > p:last-child { color: var(--muted); }.role-list { display: grid; gap: 7px; }.role-list article { display: grid; min-height: 67px; grid-template-columns: 155px 1fr; align-items: center; gap: 15px; padding: 12px 17px; background: linear-gradient(145deg, #f5f9ff, #fff); border: 1px solid var(--line); border-radius: 11px; }.role-list span { color: var(--blue-700); font-size: .62rem; font-weight: 900; }.role-list strong { color: var(--navy-900); font-size: .71rem; }.role-list > small { margin-top: 7px; color: var(--muted); font-size: .59rem; }

/* External collaboration consultation */
.collaboration-consult-hero { background: linear-gradient(118deg, #010813, #052b66 51%, #35106f); }.collaboration-consult-hero::after { content: ""; position: absolute; right: 4%; bottom: -230px; width: 560px; height: 560px; background: radial-gradient(circle, rgb(0 212 255 / .17), transparent 65%); border-radius: 50%; }.co-creation-orbit { position: relative; z-index: 1; width: min(420px, 100%); aspect-ratio: 1; justify-self: end; background: radial-gradient(circle, rgb(0 108 255 / .2), transparent 58%); border: 1px solid rgb(0 212 255 / .2); border-radius: 50%; box-shadow: inset 0 0 70px rgb(0 108 255 / .13); }.co-creation-orbit::before { content: ""; position: absolute; inset: 18%; border: 2px dashed rgb(0 212 255 / .28); border-radius: 50%; }.co-field { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 158px; height: 158px; place-items: center; align-content: center; transform: translate(-50%, -50%); background: linear-gradient(145deg, #064db8, #5923b7); border: 2px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 35px rgb(0 212 255 / .26); text-align: center; }.co-field small { color: var(--cyan); font-size: .46rem; font-weight: 900; letter-spacing: .12em; }.co-field strong { max-width: 110px; margin-top: 7px; font-size: .72rem; }.co-actor { position: absolute; z-index: 3; display: grid; width: 108px; min-height: 82px; place-items: center; align-content: center; padding: 8px; color: var(--navy-900); background: #fff; border: 1px solid #b8d7ec; border-radius: 13px; box-shadow: 0 13px 28px rgb(0 0 0 / .2); text-align: center; }.co-actor span { display: grid; width: 27px; height: 27px; place-items: center; color: #fff; background: var(--blue-600); border-radius: 7px; font-weight: 900; }.co-actor strong { font-size: .64rem; }.co-actor small { color: var(--muted); font-size: .5rem; }.co-university { top: 0; left: 50%; transform: translateX(-50%); }.co-medical { top: 50%; right: 0; transform: translateY(-50%); }.co-company { bottom: 0; left: 50%; transform: translateX(-50%); }.co-community { top: 50%; left: 0; transform: translateY(-50%); }.co-medical span { background: var(--green); }.co-company span { background: var(--violet); }.co-community span { background: #008ea8; }
.partner-entry { background: var(--surface); }.partner-workspace { overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow); }.partner-tabs { display: grid; grid-template-columns: repeat(4, 1fr); background: var(--navy-900); }.partner-tabs button { position: relative; min-height: 80px; padding: 13px 10px; color: #bed1df; background: transparent; border: 0; border-right: 1px solid rgb(255 255 255 / .1); cursor: pointer; font-size: .72rem; font-weight: 800; }.partner-tabs button:last-child { border-right: 0; }.partner-tabs button span { display: block; margin-bottom: 3px; color: var(--cyan); font-size: .5rem; letter-spacing: .12em; }.partner-tabs button[aria-selected="true"] { color: var(--navy-900); background: #fff; }.partner-tabs button[aria-selected="true"]::after { content: ""; position: absolute; right: 28%; bottom: 0; left: 28%; height: 3px; background: var(--blue-600); }.partner-panel { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: clamp(35px, 6vw, 75px); padding: clamp(30px, 5vw, 55px); }.partner-panel-copy > span { color: var(--blue-700); font-size: .56rem; font-weight: 900; letter-spacing: .12em; }.partner-panel-copy h3 { margin: 8px 0 10px; color: var(--navy-900); font-size: clamp(1.35rem, 2.4vw, 1.95rem); line-height: 1.4; }.partner-panel-copy p { margin: 0; color: var(--muted); font-size: .75rem; }.partner-paths { display: grid; gap: 7px; }.partner-paths article { display: grid; min-height: 66px; grid-template-columns: 115px 1fr; align-items: center; gap: 15px; padding: 12px 16px; background: linear-gradient(145deg, #f3f8ff, #fff); border-left: 3px solid var(--blue-600); border-radius: 0 10px 10px 0; }.partner-paths b { color: var(--blue-700); font-size: .57rem; }.partner-paths strong { color: var(--ink); font-size: .69rem; }
.co-create-menu { background: #fff; }.co-create-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 9px; }.co-create-grid article { position: relative; min-height: 260px; padding: 20px; overflow: hidden; background: linear-gradient(150deg, #f5f9ff, #fff); border: 1px solid var(--line); border-radius: 14px; }.co-create-grid article > span { color: var(--blue-700); font-size: .55rem; font-weight: 900; }.co-create-grid article > div { display: grid; width: 45px; height: 45px; place-items: center; margin-top: 22px; color: #fff; background: linear-gradient(145deg, var(--blue-600), var(--violet)); border-radius: 12px; font-size: 1.25rem; font-weight: 900; }.co-create-grid h3 { margin: 22px 0 8px; color: var(--navy-900); font-size: .86rem; }.co-create-grid p { margin: 0; color: var(--muted); font-size: .66rem; }
.collaboration-process { color: #fff; background: linear-gradient(135deg, #010813, #052a65 55%, #280a5c); }.collaboration-steps { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin: 0; padding: 12px 0 0; list-style: none; }.collaboration-steps::before { content: ""; position: absolute; top: 39px; right: 8%; left: 8%; height: 2px; background: linear-gradient(90deg, var(--blue-600), var(--cyan), var(--green)); }.collaboration-steps li { position: relative; z-index: 1; display: grid; justify-items: center; text-align: center; }.collaboration-steps span { display: grid; width: 56px; height: 56px; place-items: center; color: var(--navy-900); background: #fff; border: 2px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 24px rgb(0 212 255 / .22); font-size: .62rem; font-weight: 900; }.collaboration-steps strong { margin-top: 15px; font-size: .75rem; }.collaboration-steps small { max-width: 150px; margin-top: 4px; color: #a9c1d2; font-size: .57rem; }
.partnership-principles { background: var(--surface); }.principles-grid { display: grid; grid-template-columns: .75fr 1.25fr; align-items: center; gap: clamp(50px, 8vw, 105px); }.principles-grid h2, .external-intake h2 { margin: 0; color: var(--navy-900); font-size: clamp(1.85rem, 3.4vw, 2.7rem); line-height: 1.4; letter-spacing: -.04em; }.principles-grid > div:first-child > p:not(.eyebrow) { color: var(--muted); }.principles-grid .text-link { display: inline-block; margin-top: 16px; }.principle-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; }.principle-cards article { min-height: 145px; padding: 20px; background: #fff; border: 1px solid var(--line); border-radius: 13px; box-shadow: 0 9px 24px rgb(0 62 140 / .05); }.principle-cards span { color: var(--blue-700); font-size: .55rem; font-weight: 900; }.principle-cards strong, .principle-cards small { display: block; }.principle-cards strong { margin: 17px 0 6px; color: var(--navy-900); font-size: .78rem; }.principle-cards small { color: var(--muted); font-size: .63rem; }
.external-intake { color: #fff; background: linear-gradient(120deg, #044daa, #233bb4 55%, #4b1ca6); }.external-intake-grid { display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: clamp(50px, 8vw, 105px); }.external-intake h2 { color: #fff; }.external-intake-grid > div:first-child > p:last-child { color: #d1e3f0; }.external-intake-card { padding: 24px; background: rgb(255 255 255 / .11); border: 1px solid rgb(255 255 255 / .25); border-radius: 17px; backdrop-filter: blur(8px); }.external-intake-card > div { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; }.external-intake-card > div > span { grid-column: 1 / -1; color: var(--cyan); font-size: .58rem; font-weight: 900; letter-spacing: .1em; }.external-intake-card strong { display: grid; min-height: 53px; place-items: center; padding: 9px; color: var(--navy-900); background: #fff; border-radius: 9px; font-size: .64rem; text-align: center; }.external-intake-card p { margin: 17px 0 12px; color: #d5e5f0; font-size: .65rem; }.external-intake-status { display: inline-block; padding: 7px 11px; color: var(--navy-900); background: var(--cyan); border-radius: 6px; font-size: .59rem; font-weight: 900; transition: transform .18s ease, box-shadow .18s ease; }.external-intake-status:hover, .external-intake-status:focus-visible { transform: translateY(-2px); box-shadow: 0 10px 24px rgb(0 0 0 / .18); }

/* News archive */
.news-archive-hero { background: linear-gradient(118deg, #010813, #062b69 54%, #281065); }.news-signal { position: relative; z-index: 1; width: min(380px, 100%); aspect-ratio: 1; justify-self: end; background: radial-gradient(circle, rgb(0 108 255 / .2), transparent 60%); border: 1px solid rgb(0 212 255 / .2); border-radius: 50%; box-shadow: inset 0 0 70px rgb(0 108 255 / .12); }.news-signal::before, .news-signal::after { content: ""; position: absolute; inset: 15%; border: 1px dashed rgb(0 212 255 / .26); border-radius: 50%; }.news-signal::after { inset: 31%; border-style: solid; border-color: rgb(118 87 255 / .3); }.news-signal-core { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 126px; height: 126px; place-items: center; align-content: center; transform: translate(-50%, -50%); background: linear-gradient(145deg, #0757c4, #5b24b7); border: 2px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 30px rgb(0 212 255 / .24); text-align: center; }.news-signal-core small { color: var(--cyan); font-size: .45rem; font-weight: 900; letter-spacing: .13em; }.news-signal-core strong { font-size: 1.28rem; line-height: 1.2; }.news-signal-core b { color: #c4d9e8; font-size: .5rem; }.signal-item { position: absolute; z-index: 3; display: grid; min-width: 77px; min-height: 36px; place-items: center; padding: 5px 9px; color: var(--navy-900); background: #fff; border: 1px solid #b7d6ea; border-radius: 99px; box-shadow: 0 10px 24px rgb(0 0 0 / .16); font-size: .58rem; font-weight: 900; }.signal-info { top: 2%; left: 50%; transform: translateX(-50%); }.signal-event { top: 28%; right: -3%; }.signal-research { right: 8%; bottom: 12%; }.signal-impact { bottom: 12%; left: 8%; }.signal-recruit { top: 28%; left: -3%; }
.news-archive-section { background: var(--surface); }.news-filter-bar { display: grid; grid-template-columns: repeat(6, 1fr); margin-bottom: 18px; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 12px; }.news-filter-bar button { min-height: 54px; padding: 9px; color: var(--muted); background: transparent; border: 0; border-right: 1px solid var(--line); cursor: pointer; font-size: .68rem; font-weight: 800; }.news-filter-bar button:last-child { border-right: 0; }.news-filter-bar button span { display: inline-grid; min-width: 22px; height: 22px; place-items: center; margin-left: 7px; color: var(--blue-700); background: var(--blue-100); border-radius: 99px; font-size: .54rem; }.news-filter-bar button[aria-pressed="true"] { color: #fff; background: linear-gradient(135deg, var(--blue-600), #4b42d0); }.news-filter-bar button[aria-pressed="true"] span { color: var(--navy-900); background: var(--cyan); }.news-archive-list { display: grid; gap: 9px; }.archive-news-item { background: #fff; border: 1px solid var(--line); border-radius: 13px; box-shadow: 0 8px 24px rgb(0 64 140 / .05); }.archive-news-item a { display: grid; min-height: 135px; grid-template-columns: 150px 1fr 28px; align-items: center; gap: 26px; padding: 23px 25px; }.archive-news-item:hover { border-color: #8ebdf0; box-shadow: 0 15px 34px rgb(0 78 175 / .1); }.archive-date { display: grid; gap: 11px; justify-items: start; }.archive-date time { color: var(--muted); font-size: .67rem; font-weight: 700; }.archive-date span { display: inline-block; min-width: 72px; padding: 5px 8px; color: #fff; background: var(--blue-600); border-radius: 5px; font-size: .54rem; font-weight: 900; text-align: center; }.archive-news-item[data-news-type="イベント"] .archive-date span { background: var(--violet); }.archive-news-item[data-news-type="研究"] .archive-date span { background: var(--green); }.archive-news-item[data-news-type="成果"] .archive-date span { background: #008ea8; }.archive-news-item[data-news-type="募集"] .archive-date span { background: #d06b00; }.archive-news-item h2 { margin: 0; color: var(--navy-900); font-size: 1rem; }.archive-news-item p { margin: 7px 0 0; color: var(--muted); font-size: .69rem; }.archive-news-item small { display: block; margin-top: 9px; color: var(--blue-700); font-size: .57rem; font-weight: 800; }.archive-news-item > a > b { color: var(--blue-700); font-size: 1rem; }.news-filter-empty { display: grid; min-height: 210px; place-items: center; align-content: center; padding: 28px; background: #fff; border: 1px dashed #adc9e1; border-radius: 13px; text-align: center; }.news-filter-empty span { color: var(--blue-700); font-size: .54rem; font-weight: 900; letter-spacing: .13em; }.news-filter-empty strong { margin: 7px 0; color: var(--navy-900); font-size: 1rem; }.news-filter-empty p { margin: 0; color: var(--muted); font-size: .68rem; }
.news-next { background: #fff; }.news-path-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }.news-path-grid a { position: relative; display: grid; min-height: 180px; align-content: center; padding: 23px; background: linear-gradient(145deg, #f4f9ff, #fff); border: 1px solid var(--line); border-radius: 14px; }.news-path-grid a:hover { transform: translateY(-3px); border-color: #8ebdf0; box-shadow: 0 13px 30px rgb(0 78 175 / .09); }.news-path-grid span { color: var(--blue-700); font-size: .54rem; font-weight: 900; letter-spacing: .11em; }.news-path-grid strong { margin: 17px 0 5px; color: var(--navy-900); font-size: .87rem; }.news-path-grid small { color: var(--muted); font-size: .64rem; }.news-path-grid b { position: absolute; right: 20px; bottom: 18px; color: var(--blue-700); }

/* Organization & people */
.organization-hero { background: linear-gradient(118deg, #010813, #062a66 53%, #32106d); }.organization-constellation { position: relative; z-index: 1; width: min(390px, 100%); aspect-ratio: 1; justify-self: end; background: radial-gradient(circle, rgb(0 108 255 / .18), transparent 60%); border: 1px solid rgb(0 212 255 / .2); border-radius: 50%; box-shadow: inset 0 0 70px rgb(0 108 255 / .12); }.organization-constellation::before, .organization-constellation::after { content: ""; position: absolute; inset: 18%; border: 1px dashed rgb(0 212 255 / .28); border-radius: 50%; }.organization-constellation::after { inset: 35%; border-style: solid; border-color: rgb(118 87 255 / .3); }.org-core { position: absolute; z-index: 3; top: 50%; left: 50%; display: grid; width: 132px; height: 132px; place-items: center; align-content: center; transform: translate(-50%, -50%); background: linear-gradient(145deg, #0757c3, #5a24b8); border: 2px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 31px rgb(0 212 255 / .24); text-align: center; }.org-core small { color: var(--cyan); font-size: .44rem; font-weight: 900; letter-spacing: .12em; }.org-core strong { margin-top: 5px; font-size: .82rem; }.org-node { position: absolute; z-index: 4; display: grid; min-width: 91px; min-height: 39px; place-items: center; padding: 6px 10px; color: var(--navy-900); background: #fff; border: 1px solid #b8d5e8; border-radius: 99px; box-shadow: 0 10px 24px rgb(0 0 0 / .16); font-size: .57rem; font-weight: 900; text-align: center; }.org-research { top: 2%; left: 50%; transform: translateX(-50%); }.org-data { top: 27%; right: -4%; }.org-education { right: 8%; bottom: 10%; }.org-implementation { bottom: 10%; left: 8%; }.org-region { top: 27%; left: -4%; }.organization-constellation > i { position: absolute; z-index: 1; top: 50%; left: 50%; width: 34%; height: 1px; transform-origin: left center; background: linear-gradient(90deg, rgb(0 212 255 / .6), transparent); }.organization-constellation > i:nth-of-type(1) { transform: rotate(-90deg); }.organization-constellation > i:nth-of-type(2) { transform: rotate(-23deg); }.organization-constellation > i:nth-of-type(3) { transform: rotate(46deg); }.organization-constellation > i:nth-of-type(4) { transform: rotate(134deg); }.organization-constellation > i:nth-of-type(5) { transform: rotate(203deg); }
.organization-model { background: #fff; }.organization-model-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(48px, 8vw, 110px); }.organization-model h2 { margin: 0; color: var(--navy-900); font-size: clamp(1.9rem, 3.5vw, 2.75rem); line-height: 1.4; letter-spacing: -.04em; }.organization-model-grid > div:last-child { padding-left: 38px; border-left: 3px solid var(--blue-600); }.organization-model-grid p { margin: 0; color: var(--muted); }.organization-model-grid .lead-paragraph { margin-bottom: 15px; color: var(--ink); font-size: 1.08rem; font-weight: 800; }
.organization-chart-section { color: #fff; background: linear-gradient(135deg, #010813, #052b67 58%, #280a5c); }.organization-chart { display: grid; justify-items: center; }.org-lead { display: grid; min-width: 260px; min-height: 95px; place-items: center; align-content: center; padding: 15px; color: var(--navy-900); background: #fff; border: 2px solid var(--cyan); border-radius: 14px; box-shadow: 0 0 28px rgb(0 212 255 / .2); text-align: center; }.org-lead span, .org-dedicated span { color: var(--blue-700); font-size: .5rem; font-weight: 900; letter-spacing: .12em; }.org-lead strong { font-size: .9rem; }.org-lead small, .org-dedicated small, .org-functional-team small { color: var(--muted); font-size: .57rem; }.org-link-down { display: grid; height: 38px; place-items: center; color: var(--cyan); font-size: 1.2rem; }.org-dedicated { display: grid; width: min(760px, 100%); grid-template-columns: repeat(2, 1fr); gap: 10px; }.org-dedicated article { display: grid; min-height: 112px; place-items: center; align-content: center; padding: 16px; color: var(--navy-900); background: linear-gradient(145deg, #eef7ff, #fff); border: 1px solid #8cbde4; border-radius: 13px; text-align: center; }.org-dedicated strong { margin: 6px 0 2px; font-size: .78rem; }.org-functional-team { display: grid; width: 100%; grid-template-columns: repeat(4, 1fr); gap: 9px; }.org-functional-team article { display: grid; min-height: 102px; place-items: center; align-content: center; padding: 14px; background: rgb(255 255 255 / .08); border: 1px solid rgb(0 212 255 / .2); border-radius: 12px; text-align: center; }.org-functional-team strong { font-size: .7rem; }.org-functional-team small { margin-top: 5px; color: #a8c0d1; }.org-network-label { display: grid; width: 100%; min-height: 78px; place-items: center; align-content: center; margin-top: 12px; padding: 13px; background: linear-gradient(90deg, rgb(0 108 255 / .2), rgb(118 87 255 / .2)); border: 1px solid rgb(0 212 255 / .2); border-radius: 12px; text-align: center; }.org-network-label span { color: var(--cyan); font-size: .5rem; font-weight: 900; letter-spacing: .12em; }.org-network-label strong { font-size: .68rem; }.organization-chart-note { margin: 15px 0 0; color: #92adbf; font-size: .59rem; text-align: center; }
.team-functions { background: var(--surface); }.team-function-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 9px; }.team-function-grid article { min-height: 275px; padding: 20px; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 9px 24px rgb(0 64 140 / .05); }.team-function-grid article > span { color: var(--blue-700); font-size: .54rem; font-weight: 900; }.team-function-grid article > div { display: grid; width: 44px; height: 44px; place-items: center; margin-top: 23px; color: #fff; background: linear-gradient(145deg, var(--blue-600), var(--violet)); border-radius: 11px; font-size: 1.1rem; font-weight: 900; }.team-function-grid h3 { margin: 22px 0 8px; color: var(--navy-900); font-size: .84rem; }.team-function-grid p { margin: 0; color: var(--muted); font-size: .65rem; }
.member-directory { background: #fff; }.member-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }.person-card { position: relative; display: flex; min-height: 292px; flex-direction: column; padding: 21px; overflow: hidden; background: linear-gradient(145deg, #f4f9ff, #fff 68%); border: 1px solid var(--line); border-radius: 15px; box-shadow: 0 9px 26px rgb(0 64 140 / .05); }.person-card::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 3px; background: linear-gradient(90deg, var(--blue-600), var(--cyan), var(--violet)); opacity: .82; }.person-card:hover { transform: translateY(-3px); border-color: #8ebdf0; box-shadow: 0 16px 34px rgb(0 78 175 / .1); }.person-card-lead { background: linear-gradient(145deg, #edf6ff, #fff 58%); border-color: #a3c7e8; }.person-card-header { display: grid; grid-template-columns: 82px minmax(0, 1fr); align-items: center; gap: 15px; }.person-photo { display: grid; overflow: hidden; width: 82px; height: 96px; place-items: center; align-content: center; color: #fff; background: linear-gradient(145deg, #075cc9, #3d35bd 58%, #6322a8); border: 1px solid rgb(0 108 255 / .16); border-radius: 13px; box-shadow: inset 0 0 24px rgb(0 212 255 / .13); }.person-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 42%; }.person-photo img.member-photo-oyama { object-position: 50% 36%; }.person-photo span { font-size: 1rem; font-weight: 900; letter-spacing: .05em; }.person-photo small { margin-top: 3px; color: #9cecff; font-size: .38rem; font-weight: 900; letter-spacing: .12em; }.person-label { color: var(--blue-700); font-size: .46rem; font-weight: 900; letter-spacing: .12em; }.person-card h3 { margin: 4px 0 0; color: var(--navy-900); font-size: 1rem; line-height: 1.35; }.person-name-en { margin: 1px 0 0; color: var(--muted); font-size: .56rem; font-weight: 700; letter-spacing: .03em; }.person-role { display: inline-block; margin: 8px 0 0; padding: 3px 8px; color: var(--blue-700); background: var(--blue-100); border-radius: 99px; font-size: .54rem; font-weight: 900; }.person-specialties { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 19px; padding-top: 15px; border-top: 1px solid var(--line); }.person-specialties span { padding: 5px 7px; color: #24435d; background: #fff; border: 1px solid #cfe0ed; border-radius: 6px; font-size: .52rem; font-weight: 800; line-height: 1.25; }.person-profile-links { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-top: auto; padding-top: 17px; }.person-profile-links a { display: flex; min-height: 36px; align-items: center; justify-content: space-between; gap: 7px; padding: 7px 9px; color: var(--blue-700); background: #fff; border: 1px solid #cfe0ed; border-radius: 7px; font-size: .51rem; font-weight: 900; line-height: 1.35; }.person-profile-links a:last-child { color: #fff; background: linear-gradient(135deg, #075cc9, #5140c6); border-color: transparent; }.person-profile-links b { flex: 0 0 auto; font-size: .68rem; }.person-profile-links a:hover { color: var(--violet); border-color: #8ebdf0; }.person-profile-links a:last-child:hover { color: #fff; box-shadow: 0 7px 18px rgb(0 78 175 / .17); }.member-publication-policy { display: grid; grid-template-columns: 105px 1fr; align-items: center; gap: 16px; margin-top: 14px; padding: 15px 18px; background: var(--blue-100); border-left: 3px solid var(--blue-600); border-radius: 0 10px 10px 0; }.member-publication-policy span { color: var(--blue-700); font-size: .55rem; font-weight: 900; letter-spacing: .06em; }.member-publication-policy p { margin: 0; color: var(--muted); font-size: .65rem; }
.organization-evolution { color: #fff; background: linear-gradient(120deg, #044da9, #2639b0 55%, #4b1ca3); }.organization-evolution-grid { display: grid; grid-template-columns: .75fr 1.25fr; align-items: center; gap: clamp(50px, 8vw, 105px); }.organization-evolution h2 { margin: 0; font-size: clamp(1.9rem, 3.5vw, 2.75rem); line-height: 1.4; letter-spacing: -.04em; }.organization-evolution-grid > div > p:last-child { color: #d3e3ef; }.organization-phases { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }.organization-phases li { display: grid; min-height: 98px; grid-template-columns: 95px 145px 1fr; align-items: center; gap: 13px; padding: 15px 18px; background: rgb(255 255 255 / .11); border: 1px solid rgb(255 255 255 / .2); border-radius: 12px; }.organization-phases span { color: var(--cyan); font-size: .52rem; font-weight: 900; letter-spacing: .1em; }.organization-phases strong { font-size: .72rem; }.organization-phases small { color: #d0e1ec; font-size: .61rem; }

/* Contact & access */
.contact-hero { background: linear-gradient(118deg, #010813, #05296b 56%, #321071); }
.contact-signal { position: relative; min-height: 330px; border: 1px solid rgb(0 212 255 / .24); border-radius: 50%; box-shadow: inset 0 0 70px rgb(0 108 255 / .15), 0 0 70px rgb(0 108 255 / .12); }
.contact-signal::before, .contact-signal::after { content: ""; position: absolute; inset: 14%; border: 1px dashed rgb(0 212 255 / .34); border-radius: 50%; }
.contact-signal::after { inset: 32%; border-style: solid; border-color: rgb(118 87 255 / .45); }
.contact-signal-core { position: absolute; z-index: 3; top: 50%; left: 50%; display: grid; width: 124px; height: 124px; place-items: center; align-content: center; transform: translate(-50%, -50%); background: linear-gradient(145deg, #006cff, #5132d6); border: 2px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 34px rgb(0 212 255 / .35); }
.contact-signal-core small { color: #a8f3ff; font-size: .48rem; font-weight: 900; letter-spacing: .12em; }
.contact-signal-core strong { font-size: .79rem; }
.contact-signal-node { position: absolute; z-index: 2; display: grid; min-width: 78px; min-height: 42px; place-items: center; padding: 7px 11px; color: #fff; background: rgb(3 22 55 / .88); border: 1px solid var(--cyan); border-radius: 99px; box-shadow: 0 0 18px rgb(0 212 255 / .18); font-size: .61rem; font-weight: 800; }
.signal-campus { top: 8%; left: 50%; transform: translateX(-50%); }.signal-medical { top: 45%; right: -2%; }.signal-industry { bottom: 7%; left: 50%; transform: translateX(-50%); }.signal-region { top: 45%; left: -2%; }
.contact-routes { background: var(--surface); }
.contact-route-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.contact-route-card { position: relative; display: flex; min-height: 330px; flex-direction: column; padding: 28px; overflow: hidden; color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 15px 40px rgb(0 59 145 / .08); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.contact-route-card::after { content: ""; position: absolute; right: -42px; bottom: -58px; width: 150px; height: 150px; background: radial-gradient(circle, rgb(0 108 255 / .13), transparent 68%); border-radius: 50%; }
.contact-route-card:hover, .contact-route-card:focus-visible { z-index: 1; transform: translateY(-5px); border-color: #75b7ff; box-shadow: 0 22px 48px rgb(0 72 175 / .14); }
.contact-route-card > span { color: var(--blue-700); font-size: .55rem; font-weight: 900; letter-spacing: .12em; }
.contact-route-icon { display: grid; width: 58px; height: 58px; margin: 22px 0 16px; place-items: center; color: #fff; background: linear-gradient(145deg, var(--blue-600), #5744db); border-radius: 17px; box-shadow: 0 10px 24px rgb(0 108 255 / .22); font-size: 1rem; font-weight: 900; }
.contact-route-card h3 { margin: 0; color: var(--navy-900); font-size: 1.25rem; }.contact-route-card p { margin: 9px 0 22px; color: var(--muted); font-size: .77rem; }.contact-route-card > strong { position: relative; z-index: 1; margin-top: auto; color: var(--blue-700); font-size: .73rem; }.contact-route-card > strong b { margin-left: 8px; }
.route-internal { color: #fff; background: linear-gradient(145deg, #031b40, #074596); border-color: #1767bd; }.route-internal > span, .route-internal > strong { color: var(--cyan); }.route-internal h3 { color: #fff; }.route-internal p { color: #c3d9e8; }.route-internal .contact-route-icon { background: var(--blue-600); border: 1px solid var(--cyan); }
.access-section { color: #fff; background: linear-gradient(120deg, #020916, #052b67 60%, #270b58); }
.access-grid { display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: clamp(52px, 8vw, 110px); }
.access-copy h2 { margin: 0; font-size: clamp(2.1rem, 4vw, 3.2rem); line-height: 1.28; letter-spacing: -.04em; }.access-copy > p:not(.eyebrow) { max-width: 430px; color: #bfd3e2; }.access-copy .button { margin-top: 15px; }
.access-information { display: grid; gap: 13px; }.access-address-card { padding: 25px; background: linear-gradient(135deg, rgb(0 108 255 / .2), rgb(118 87 255 / .14)); border: 1px solid rgb(0 212 255 / .34); border-radius: 15px; }.access-address-card > span { display: block; color: var(--cyan); font-size: .54rem; font-weight: 900; letter-spacing: .14em; }.access-address-card strong { display: block; margin-top: 8px; font-size: 1rem; line-height: 1.6; }.access-address-card small { color: #a9c5d7; font-size: .66rem; }
.access-transit { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }.access-transit article { min-height: 118px; padding: 16px; background: rgb(255 255 255 / .08); border: 1px solid rgb(255 255 255 / .14); border-radius: 12px; }.access-transit article > span { color: var(--cyan); font-size: .53rem; font-weight: 900; }.access-transit strong, .access-transit small { display: block; }.access-transit strong { margin-top: 9px; font-size: .78rem; }.access-transit small { margin-top: 3px; color: #aec6d7; font-size: .59rem; }
.contact-office-grid { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: clamp(45px, 8vw, 100px); }.contact-office-grid h2 { margin: 0; color: var(--navy-900); font-size: clamp(1.8rem, 3.4vw, 2.7rem); }.contact-office-grid > div:first-child > p:last-child { color: var(--muted); }
.contact-office-card { overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); }.contact-office-card > span { display: block; padding: 15px 21px; color: #fff; background: linear-gradient(90deg, #063c87, #3e30b2); font-size: .68rem; font-weight: 800; }.contact-office-card > a { display: grid; grid-template-columns: 110px 1fr; align-items: center; gap: 15px; padding: 17px 21px; border-bottom: 1px solid var(--line); transition: color .18s ease, background .18s ease; }.contact-office-card > a:hover { color: var(--blue-700); background: #fff; }.contact-office-card small { color: var(--blue-700); font-size: .52rem; font-weight: 900; letter-spacing: .08em; }.contact-office-card strong { font-size: .76rem; }.contact-office-card p { margin: 0; padding: 14px 21px; color: var(--muted); font-size: .62rem; }

*:focus-visible { outline: 3px solid #ffbf47; outline-offset: 3px; }
[hidden] { display: none !important; }

/* Academic editorial refresh: trust, clarity, and a focused sense of the future */
.site-header {
  background: rgb(255 255 255 / .97);
  border-bottom: 1px solid var(--line);
  box-shadow: none;
}
.utility-bar {
  color: #405b70;
  background: #f3f6f8;
  border-bottom: 1px solid #e6ecef;
  letter-spacing: .06em;
}
.utility-inner { min-height: 28px; }
.utility-inner a { color: var(--blue-700); font-weight: 700; }
.utility-inner a:hover { color: var(--navy-900); }
.utility-inner .parent-site-link { color: #405b70; }
.utility-inner .parent-site-link:hover { color: var(--blue-700); }
.header-main { min-height: 80px; }
.brand { gap: 13px; }
.brand strong { font-size: 1.3rem; letter-spacing: .1em; }
.brand small { color: #617585; font-size: .62rem; letter-spacing: .15em; }
.brand-mark {
  width: 44px;
  height: 44px;
  overflow: hidden;
  background: var(--navy-900);
  border: 0;
  border-radius: 8px;
  box-shadow: none;
}
.brand-mark::before, .brand-mark::after, .brand-mark span { width: 7px; height: 7px; }
.brand-mark::before { top: 9px; left: 10px; background: #fff; }
.brand-mark::after { bottom: 9px; left: 10px; background: var(--cyan); }
.brand-mark span:nth-child(1) { right: 9px; bottom: 9px; background: #fff; }
.brand-mark span:nth-child(2), .brand-mark span:nth-child(3) { width: 27px; height: 1.5px; background: #78d7e4; }
.brand-mark span:nth-child(2) { transform: rotate(57deg); }
.brand-mark span:nth-child(3) { transform: rotate(-57deg); }
.primary-nav { gap: clamp(13px, 1.45vw, 24px); }
.primary-nav a { color: #263f54; font-size: .78rem; letter-spacing: .01em; }
.primary-nav a:not(.nav-cta)::after { bottom: -10px; height: 2px; background: var(--blue-600); }
.primary-nav .nav-cta {
  padding: 11px 17px;
  background: var(--blue-600);
  border-radius: 5px;
  box-shadow: none;
}

.hero {
  color: var(--ink);
  background: linear-gradient(90deg, #fff 0%, #fff 61%, #edf5f8 61%, #edf5f8 100%);
  border-bottom: 1px solid var(--line);
}
.hero::before {
  inset: 0 0 0 auto;
  width: 52%;
  background: linear-gradient(135deg, rgb(0 108 240 / .06), transparent 42%), linear-gradient(90deg, rgb(0 184 212 / .055) 1px, transparent 1px);
  background-size: auto, 54px 100%;
}
.hero-grid {
  min-height: 535px;
  grid-template-columns: .9fr 1.1fr;
  gap: clamp(42px, 5.2vw, 82px);
  padding-block: 52px;
}
.hero .eyebrow { color: var(--blue-700); }
.hero h1 {
  color: var(--navy-950);
  font-size: clamp(2.55rem, 4.55vw, 4.55rem);
  line-height: 1.16;
  letter-spacing: -.055em;
}
.hero h1 em { color: var(--blue-600); text-shadow: none; }
.hero-lead { max-width: 590px; color: var(--muted); font-size: clamp(.98rem, 1.25vw, 1.08rem); }
.hero .button-primary { background: var(--blue-600); box-shadow: none; }
.hero .button-ghost { color: var(--navy-900); background: #fff; border-color: #aebfcb; }
.hero-note { color: #506a7d; font-size: .76rem; }
.hero-note a { font-weight: 700; }
.hero-foundation-links { gap: 8px; margin-top: 12px; }
.hero-foundation-links a {
  padding: 6px 10px;
  color: var(--blue-700);
  background: #fff;
  border-color: #bfd0da;
  border-radius: 4px;
  font-size: .58rem;
}
.hero-foundation-links a:hover { color: var(--navy-900); border-color: var(--blue-600); }
.hero-visual {
  background: var(--navy-950);
  border: 0;
  border-radius: 5px;
  box-shadow: 0 26px 60px rgb(16 54 80 / .18);
}
.hero-stock-photo { filter: saturate(.92) contrast(1.04); }
.hero-visual::after { background: linear-gradient(180deg, transparent 48%, rgb(4 18 33 / .5)); }
.hero-visual svg { display: none; }
.visual-label {
  right: auto;
  bottom: 18px;
  left: 18px;
  padding: 8px 11px;
  color: var(--navy-900);
  background: rgb(255 255 255 / .94);
  border: 0;
  border-radius: 3px;
  letter-spacing: .14em;
}

.section-heading h2, .flagship h2, .roadmap h2 { font-size: clamp(1.8rem, 3.1vw, 2.55rem); }
.news-section { background: #fff; border-bottom: 1px solid var(--line); }
.news-item { padding-block: 18px; }
.quick-access { border-left-color: var(--line); }
.access-card { background: #f5f7f8; border-color: #e6ebee; border-radius: 6px; }
.access-card:hover { border-color: #8fb7d2; }
.access-internal { color: #fff; background: var(--navy-900); border-color: var(--navy-900); box-shadow: none; }
.access-internal .access-icon { background: var(--blue-600); }

.flagship {
  color: var(--ink);
  background: #edf4f7;
  border-block: 1px solid var(--line);
}
.flagship::before {
  background: linear-gradient(90deg, transparent 0 48%, rgb(0 108 240 / .045) 48% 100%);
}
.flagship .eyebrow.dark { color: var(--blue-700); }
.flagship h2 { color: var(--navy-950); }
.flagship-copy > p:not(.eyebrow) { color: var(--muted); }
.flagship .large-copy { color: var(--ink) !important; }
.flagship .button-white { color: var(--navy-900); background: #fff; border-color: #9db4c3; }
.tokai-visual { border-color: #b8cbd6; border-radius: 7px; box-shadow: 0 22px 50px rgb(16 54 80 / .14); }

.overview { background: #f7f9fa; }
.tab-box { background: #fff; border-radius: 6px; box-shadow: none; }
.tabs { background: #eef2f4; }
.tabs button[aria-selected="true"]::after { right: 0; left: 0; height: 3px; }
.info-card { padding-inline: 18px; }
.info-card a { left: 18px; }

.roadmap { background: var(--navy-900); border-top: 4px solid var(--cyan); }
.roadmap::before {
  top: 0;
  right: 0;
  bottom: auto;
  width: 34%;
  height: 100%;
  background: linear-gradient(135deg, rgb(255 255 255 / .035), transparent), linear-gradient(90deg, rgb(0 184 212 / .08) 1px, transparent 1px);
  background-size: auto, 44px 100%;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.roadmap p:not(.eyebrow) { color: #c2d2dc; }
.site-footer { background: var(--navy-950); }

/* Lower pages: one editorial system, with technology concentrated in the diagrams */
.page-hero:not(.tokai-page-hero) {
  color: var(--ink);
  background: #f7f9fa;
  border-bottom: 1px solid var(--line);
}
.page-hero:not(.tokai-page-hero)::before {
  inset: 0 0 0 auto;
  width: 47%;
  background: linear-gradient(135deg, rgb(0 108 240 / .07), transparent 46%), linear-gradient(90deg, rgb(0 184 212 / .06) 1px, transparent 1px);
  background-size: auto, 52px 100%;
  mask-image: none;
}
.page-hero-inner { min-height: 425px; padding-block: 54px; }
.page-hero:not(.tokai-page-hero) .breadcrumb { color: #607586; }
.page-hero:not(.tokai-page-hero) .breadcrumb a:hover { color: var(--blue-700); }
.page-hero:not(.tokai-page-hero) .eyebrow { color: var(--blue-700); }
.page-hero:not(.tokai-page-hero) h1 { color: var(--navy-950); }
.page-hero:not(.tokai-page-hero) h1 em { color: var(--blue-600); }
.page-hero:not(.tokai-page-hero) .page-hero-inner > div:first-child > p:not(.eyebrow) { color: var(--muted); }
.page-hero:not(.tokai-page-hero) .button-primary { background: var(--blue-600); box-shadow: none; }
.page-hero:not(.tokai-page-hero) .button-ghost { color: var(--navy-900); background: #fff; border-color: #aebfcb; }

.page-hero-symbol {
  background: #fff;
  border-color: #c5d4dd;
  box-shadow: none;
}
.page-hero-symbol::before {
  background: #eaf3f7;
  border-color: var(--blue-600);
  box-shadow: none;
}
.page-hero-symbol > strong { color: var(--navy-900); }
.page-hero-symbol > small { color: var(--blue-700); }
.orbit { border-color: rgb(0 108 240 / .32); }
.orbit-two { border-color: rgb(0 184 212 / .34); }
.orbit span { background: var(--blue-600); box-shadow: none; }
.orbit span:nth-child(2) { background: var(--cyan); box-shadow: none; }

.support-radar,
.impact-constellation {
  border-color: #b8cbd6;
  box-shadow: 0 18px 42px rgb(16 54 80 / .12);
}
.activities-stock-photo { opacity: .72; filter: brightness(.84) saturate(.98) contrast(1.04); }
.impact-stock-photo { opacity: .72; filter: brightness(.86) saturate(.96) contrast(1.03); }
.radar-center,
.impact-core {
  color: #fff;
  background: var(--navy-900);
  border-color: var(--cyan);
  box-shadow: none;
}
.radar-item,
.impact-orb {
  color: var(--navy-900);
  background: rgb(255 255 255 / .96);
  border-color: #9ebdce;
  box-shadow: none;
}
.support-radar::before,
.impact-constellation::before { border-color: rgb(0 184 212 / .42); }
.support-radar::after,
.impact-constellation::after { border-color: rgb(0 108 240 / .38); }

.project-universe,
.co-creation-orbit,
.news-signal,
.organization-constellation,
.contact-signal {
  background: #fff;
  border-color: #c5d4dd;
  box-shadow: none;
}
.project-universe::before,
.co-creation-orbit::before,
.news-signal::before,
.organization-constellation::before,
.contact-signal::before { border-color: rgb(0 108 240 / .28); }
.project-universe::after,
.news-signal::after,
.organization-constellation::after,
.contact-signal::after { border-color: rgb(0 184 212 / .30); }
.universe-core,
.co-field,
.news-signal-core,
.org-core,
.contact-signal-core {
  color: #fff;
  background: var(--navy-900);
  border-color: var(--cyan);
  box-shadow: none;
}
.universe-node,
.co-actor,
.signal-item,
.org-node,
.contact-signal-node {
  color: var(--navy-900);
  background: #fff;
  border-color: #a9c0ce;
  box-shadow: 0 8px 20px rgb(16 54 80 / .08);
}
.universe-core small,
.co-field small,
.news-signal-core small,
.org-core small,
.contact-signal-core small { color: #8ce4ef; }
.news-signal-core b { color: #c8d6df; }

.axis-source {
  color: var(--navy-900);
  background: #fff;
  border-color: #a8c1d0;
  box-shadow: none;
}
.source-yutaka { border-color: #8ecbb8; }
.axis-source small { color: var(--blue-700); }
.source-yutaka small { color: #087b59; }
.axis-office {
  background: var(--navy-900);
  border-color: var(--cyan);
  box-shadow: none;
  border-radius: 8px;
}

.internal-hero::after,
.collaboration-consult-hero::after { display: none; }
.internal-access-card {
  color: var(--ink);
  background: #fff;
  border-color: #b8cad5;
  border-radius: 8px;
  box-shadow: 0 16px 38px rgb(16 54 80 / .10);
  backdrop-filter: none;
}
.access-lock { background: var(--blue-600); border-color: var(--cyan); box-shadow: none; }
.internal-access-card > small { color: var(--blue-700); }
.internal-access-card > strong { color: var(--navy-900); }
.internal-access-card > b { color: var(--muted); }
.internal-access-card > div:last-child { border-top-color: var(--line); }
.internal-access-card > div:last-child span { color: #425e72; }

.tokai-page-hero { background: var(--navy-900); }
.tokai-page-hero::before {
  background: linear-gradient(rgb(0 184 212 / .05) 1px, transparent 1px), linear-gradient(90deg, rgb(0 184 212 / .05) 1px, transparent 1px);
  background-size: 44px 44px;
}
.future-region { border-color: #66869a; border-radius: 8px; box-shadow: 0 24px 58px rgb(0 0 0 / .2); }
.tokai-stock-photo { filter: brightness(.69) saturate(.96) contrast(1.04); }
.region-stock-photo { filter: brightness(.67) saturate(.96) contrast(1.04); }

.inheritance,
.safe-ai,
.project-flagship,
.mails-foundation,
.regional-architecture,
.hospital-testbed,
.governance-section,
.network-section,
.collaboration-process,
.organization-chart-section,
.access-section { background: var(--navy-900); }
.about-cta,
.join-project,
.external-intake { background: #0a4778; }
.safe-ai::before,
.project-flagship::before,
.mails-foundation::before {
  background: linear-gradient(rgb(0 184 212 / .04) 1px, transparent 1px), linear-gradient(90deg, rgb(0 184 212 / .04) 1px, transparent 1px);
  background-size: 48px 48px;
}
.question-grid article,
.architecture-layer,
.governance-cards article,
.org-functional-team article,
.join-paths a {
  border-radius: 6px;
  box-shadow: none;
}
.testbed-model,
.network-map { border-radius: 8px; box-shadow: none; }
.testbed-center,
.network-core { background: var(--navy-800); box-shadow: none; }
.testbed-actor,
.network-partner,
.org-lead { box-shadow: none; border-radius: 7px; }
.external-intake-card { border-radius: 7px; backdrop-filter: none; }

/* About section navigation */
.about-local-nav { position: relative; z-index: 3; background: #fff; border-bottom: 1px solid var(--line); }
.about-local-nav-inner { display: flex; min-height: 62px; align-items: stretch; }
.about-local-nav-label { display: flex; flex: 0 0 188px; align-items: center; color: var(--navy-900); font-size: .68rem; font-weight: 900; letter-spacing: .04em; }
.about-local-links { display: grid; flex: 1 1 auto; grid-template-columns: repeat(4, 1fr); border-left: 1px solid var(--line); }
.about-local-links a { position: relative; display: grid; min-height: 62px; place-items: center; padding: 10px 14px; color: #486173; border-right: 1px solid var(--line); font-size: .72rem; font-weight: 800; text-align: center; }
.about-local-links a:last-child { border-right: 0; }
.about-local-links a:hover, .about-local-links a:focus-visible { color: var(--blue-700); background: #f5faff; }
.about-local-links a[aria-current="page"] { color: var(--blue-700); background: var(--blue-100); }
.about-local-links a[aria-current="page"]::after { content: ""; position: absolute; right: 24%; bottom: -1px; left: 24%; height: 3px; background: linear-gradient(90deg, var(--blue-600), var(--cyan)); }

/* Message page */
.message-hero::after { content: ""; position: absolute; right: 7%; bottom: -210px; width: 500px; height: 500px; border: 1px solid rgb(0 88 184 / .12); border-radius: 50%; }
.message-hero-symbol { position: relative; display: grid; overflow: hidden; width: min(350px, 82vw); aspect-ratio: 1; justify-self: end; place-items: center; color: #fff; background: linear-gradient(145deg, var(--navy-950), #073d8d 62%, #321385); border: 1px solid rgb(0 184 212 / .6); border-radius: 50%; box-shadow: 0 22px 60px rgb(0 58 128 / .2); }
.message-hero-symbol::before, .message-hero-symbol::after, .message-hero-orbit { content: ""; position: absolute; border: 1px solid rgb(255 255 255 / .2); border-radius: 50%; }
.message-hero-symbol::before { inset: 9%; }
.message-hero-symbol::after { inset: 23%; border-color: rgb(0 229 255 / .55); }
.message-hero-orbit { inset: 2% 25%; transform: rotate(45deg); border-color: rgb(148 121 255 / .72); }
.message-hero-symbol > div { position: relative; z-index: 1; text-align: center; }
.message-hero-symbol small, .message-hero-symbol strong, .message-hero-symbol b { display: block; }
.message-hero-symbol small { color: #aeefff; font-size: .58rem; font-weight: 900; letter-spacing: .19em; }
.message-hero-symbol strong { margin: 10px 0; font-size: clamp(2rem, 4vw, 3.1rem); line-height: .94; letter-spacing: -.03em; }
.message-hero-symbol b { color: #d5cbff; font-size: .54rem; letter-spacing: .13em; }
.message-jump { position: relative; z-index: 2; margin-top: -1px; background: #fff; border-bottom: 1px solid var(--line); }
.message-jump-inner { display: grid; grid-template-columns: 1fr 1fr; }
.message-jump a { display: grid; grid-template-columns: 54px minmax(0, 1fr); align-items: center; column-gap: 15px; min-height: 96px; padding: 17px 28px; border-right: 1px solid var(--line); }
.message-jump a:last-child { border-right: 0; }
.message-jump a:hover { color: var(--blue-700); background: #f7fbff; }
.message-jump span { grid-row: 1 / 3; display: grid; width: 46px; height: 46px; place-items: center; color: #fff; background: var(--navy-900); border-radius: 50%; font-size: .65rem; font-weight: 900; }
.message-jump a:last-child span { background: var(--blue-600); }
.message-jump strong, .message-jump small { display: block; }
.message-jump strong { align-self: end; color: var(--navy-900); font-size: .88rem; }
.message-jump small { align-self: start; color: var(--muted); font-size: .65rem; }
.message-layout { display: grid; grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); align-items: start; gap: clamp(46px, 7vw, 100px); }
.message-profile { position: relative; margin: 0; }
.message-portrait { position: relative; overflow: hidden; aspect-ratio: 4 / 5; background: var(--blue-100); border: 1px solid #b8ccda; border-radius: 8px; }
.message-portrait::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 65%, rgb(6 21 37 / .18)); pointer-events: none; }
.message-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 37%; }
.message-portrait-furukawa img { object-position: 50% 34%; }
.message-profile figcaption { position: relative; width: calc(100% - 24px); margin: -37px auto 0; padding: 19px 21px; background: #fff; border: 1px solid var(--line); border-radius: 7px; box-shadow: 0 12px 30px rgb(20 56 82 / .1); }
.message-profile figcaption span, .message-profile figcaption strong, .message-profile figcaption small { display: block; }
.message-profile figcaption span { color: var(--blue-700); font-size: .52rem; font-weight: 900; letter-spacing: .13em; }
.message-profile figcaption strong { margin-top: 5px; color: var(--navy-900); font-size: 1.16rem; }
.message-profile figcaption small { color: var(--muted); font-size: .58rem; letter-spacing: .05em; }
.message-copy { max-width: 760px; }
.message-copy h2 { margin: 0 0 26px; color: var(--navy-900); font-size: clamp(1.9rem, 3.4vw, 2.8rem); line-height: 1.42; letter-spacing: -.04em; }
.message-copy p:not(.eyebrow) { margin: 0 0 18px; color: #3f5668; font-size: .92rem; line-height: 2; }
.message-copy .message-lead { color: var(--ink); font-size: clamp(1rem, 1.4vw, 1.12rem); font-weight: 750; }
.message-copy .message-lead::first-letter { color: var(--blue-700); font-size: 1.55em; font-weight: 900; }
.message-signature { display: grid; justify-items: end; margin-top: 34px; padding-top: 20px; border-top: 1px solid var(--line); }
.message-signature span { color: var(--muted); font-size: .68rem; }
.message-signature strong { margin-top: 4px; color: var(--navy-900); font-size: 1.18rem; letter-spacing: .08em; }
.field-message { background: var(--surface); border-block: 1px solid var(--line); }
.field-message .message-profile figcaption { border-top: 3px solid var(--blue-600); }
.message-themes { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 24px; }
.message-themes span { padding: 6px 11px; color: var(--blue-700); background: #fff; border: 1px solid #b9d4e8; border-radius: 99px; font-size: .65rem; font-weight: 900; }
.message-next { color: #fff; background: linear-gradient(112deg, var(--navy-950), #073b82 62%, #2b146d); }
.message-next-inner { display: flex; align-items: center; justify-content: space-between; gap: 45px; }
.message-next h2 { margin: 0; color: #fff; font-size: clamp(1.85rem, 3.4vw, 2.7rem); }
.message-next p:not(.eyebrow) { margin: 10px 0 0; color: #bdd1df; }
.message-next-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 10px; }

@media (max-width: 1020px) {
  .menu-button { display: block; }
  .primary-nav { position: absolute; top: 108px; right: 24px; left: 24px; display: none; padding: 16px; background: #fff; border: 1px solid var(--line); border-radius: 8px; box-shadow: var(--shadow); }
  .primary-nav.is-open { display: grid; }
  .primary-nav a { padding: 10px 12px; }
  .primary-nav .nav-cta { text-align: center; }
  .hero-grid { min-height: auto; grid-template-columns: 1fr 44%; gap: 30px; }
  .news-layout { grid-template-columns: 1fr; }
  .quick-access { padding-left: 0; border-left: 0; }
  .flagship-grid { grid-template-columns: 1fr 1.2fr; gap: 42px; }
  .co-creation { grid-template-columns: 1fr; }
  .page-hero-inner { grid-template-columns: 1.2fr .8fr; gap: 32px; }
  .mission-grid { grid-template-columns: repeat(2, 1fr); }
  .working-grid { grid-template-columns: 1fr; }
  .selector-grid { grid-template-columns: repeat(2, 1fr); }
  .support-split, .education-grid, .collaboration-grid { grid-template-columns: 1fr; }
  .portfolio-map { grid-template-columns: repeat(2, 1fr); }
  .project-flagship-grid { grid-template-columns: 1fr; }
  .mails-grid, .yutaka-grid { grid-template-columns: 1fr; }
  .yutaka-heading { order: -1; }
  .tokai-hero-grid { grid-template-columns: 1fr; }
  .future-region { width: min(760px, 100%); justify-self: center; }
  .vision-definition-grid, .ecosystem-page-grid, .testbed-grid, .governance-grid { grid-template-columns: 1fr; }
  .vision-phases { grid-template-columns: repeat(2, 1fr); }
  .impact-definition-grid, .network-grid, .case-policy-grid { grid-template-columns: 1fr; }
  .baseline-stats, .outcome-grid { grid-template-columns: repeat(2, 1fr); }
  .impact-constellation { width: min(340px, 100%); }
  .consult-tabs { grid-template-columns: repeat(3, 1fr); }
  .consult-tabs button:nth-child(3) { border-right: 0; }
  .consult-safety-grid, .intake-grid, .consult-governance-grid { grid-template-columns: 1fr; }
  .internal-access-card { width: min(340px, 100%); }
  .co-creation-orbit { width: min(350px, 100%); }
  .partner-panel, .principles-grid, .external-intake-grid { grid-template-columns: 1fr; }
  .co-create-grid { grid-template-columns: repeat(3, 1fr); }
  .news-signal { width: min(340px, 100%); }
  .news-filter-bar { grid-template-columns: repeat(3, 1fr); }
  .news-filter-bar button:nth-child(3n) { border-right: 0; }
  .organization-constellation { width: min(350px, 100%); }
  .organization-model-grid, .organization-evolution-grid { grid-template-columns: 1fr; }
  .team-function-grid { grid-template-columns: repeat(3, 1fr); }
  .member-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .message-layout { grid-template-columns: minmax(230px, 300px) minmax(0, 1fr); gap: 42px; }
  .contact-signal { width: min(350px, 100%); justify-self: center; }
  .contact-route-grid { grid-template-columns: repeat(2, 1fr); }
  .access-grid, .contact-office-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  :root { --container: min(100% - 32px, 1180px); }
  .utility-bar { display: none; }
  .about-local-nav-inner { width: 100%; display: block; }
  .about-local-nav-label { display: none; }
  .about-local-links { grid-template-columns: repeat(2, 1fr); border-left: 0; }
  .about-local-links a { min-height: 48px; border-bottom: 1px solid var(--line); }
  .about-local-links a:nth-child(even) { border-right: 0; }
  .about-local-links a:nth-last-child(-n + 2) { border-bottom: 0; }
  .header-main { min-height: 70px; }
  .primary-nav { top: 70px; right: 16px; left: 16px; }
  .hero { background: #fff; }
  .hero::before { top: auto; width: 100%; height: 43%; background-color: #edf5f8; }
  .hero-grid { grid-template-columns: 1fr; padding-block: 46px; }
  .hero-visual { max-width: 560px; margin-inline: auto; }
  .hero h1 { font-size: clamp(2.15rem, 11vw, 3.4rem); }
  .section-heading, .roadmap-inner, .footer-grid, .footer-bottom { align-items: flex-start; flex-direction: column; }
  .footer-meta { justify-items: start; text-align: left; }.footer-meta nav { justify-content: flex-start; }
  .roadmap-actions { width: 100%; justify-content: flex-start; }
  .news-item { grid-template-columns: 78px 70px minmax(0, 1fr); gap: 10px; }
  .news-item > :last-child { display: none; }
  .flagship-grid { grid-template-columns: 1fr; }
  .tokai-visual { min-height: 450px; }
  .data-flow { grid-template-columns: repeat(2, 1fr); }
  .ai-foundation { grid-template-columns: 58px 1fr; }
  .ai-foundation > b { grid-column: 2; }
  .card-grid { grid-template-columns: 1fr; }
  .info-card { min-height: auto; padding: 10px 4px 22px; border-right: 0; border-bottom: 1px solid var(--line); }
  .info-card:last-child { border-bottom: 0; }
  .info-card a { position: static; display: inline-block; margin-top: 16px; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .roadmap .button { flex: auto; }
  .page-hero:not(.tokai-page-hero)::before { top: auto; width: 100%; height: 44%; }
  .page-hero-inner { grid-template-columns: 1fr; min-height: auto; gap: 34px; }
  .page-hero-symbol { width: min(300px, 76vw); justify-self: center; }
  .split-statement { grid-template-columns: 1fr; gap: 30px; }
  .statement-copy { padding: 0 0 0 23px; }
  .work-cycle { grid-template-columns: 1fr; gap: 11px; padding: 10px 0; }
  .work-cycle::before { top: 5%; bottom: 5%; left: 28px; width: 2px; height: auto; }
  .work-cycle li { display: grid; grid-template-columns: 58px 1fr; align-items: center; column-gap: 18px; text-align: left; }
  .work-cycle li > span { grid-row: 1 / 3; margin: 0; }.work-cycle small { max-width: none; margin: 0; }
  .about-cta-inner { align-items: flex-start; flex-direction: column; }
  .about-cta-actions { width: 100%; flex-direction: row; flex-wrap: wrap; }.about-cta-actions .button { min-width: 190px; }
  .support-radar { justify-self: center; }
  .safe-ai-grid, .faq-grid { grid-template-columns: 1fr; }
  .education-visual { order: 2; }
  .project-universe { justify-self: center; }
  .portfolio-line { display: none; }
  .portfolio-project::before { display: none; }
  .tokai-detail-note { align-items: flex-start; flex-direction: column; }
  .join-project-grid { grid-template-columns: 1fr; }
  .foundation-bridge-inner { align-items: flex-start; flex-direction: column; padding-block: 24px; }
  .foundation-axis { justify-self: center; }
  .position-grid, .foundation-next-grid { grid-template-columns: 1fr; }
  .position-grid > div:last-child { padding-left: 23px; }
  .integration-flow { grid-template-columns: 1fr; justify-items: center; }
  .integration-input, .integration-outputs { width: 100%; }
  .foundation-next-grid > div:last-child { justify-content: flex-start; }
  .vision-definition-grid > div:last-child { padding-left: 23px; }
  .value-cycle { grid-template-columns: 1fr; gap: 10px; padding-top: 10px; }
  .value-cycle::before { top: 5%; bottom: 5%; left: 41px; width: 2px; height: auto; }
  .value-cycle li { grid-template-columns: 82px 1fr; justify-items: start; align-items: center; column-gap: 18px; text-align: left; }
  .value-cycle li > span { display: none; }.cycle-icon { grid-row: 1 / 3; margin: 0; }.value-cycle small { margin-top: 0; }
  .impact-constellation { justify-self: center; }
  .impact-definition-grid > div:last-child { padding-left: 23px; }
  .baseline-note { align-items: flex-start; flex-direction: column; }
  .achievement-tabs { grid-template-columns: repeat(2, 1fr); }
  .case-format { grid-template-columns: repeat(2, 1fr); }
  .internal-access-card { justify-self: center; }
  .internal-preview-note .container { grid-template-columns: 1fr; gap: 5px; padding-block: 12px; }
  .internal-preview-note strong { justify-self: start; }
  .consult-tabs { grid-template-columns: repeat(2, 1fr); }
  .consult-tabs button:nth-child(3) { border-right: 1px solid rgb(255 255 255 / .1); }
  .consult-tabs button:nth-child(even) { border-right: 0; }
  .consult-panel-title { grid-template-columns: 1fr; }
  .consult-panel-title span { grid-row: auto; margin-bottom: 7px; }
  .consult-guidance-grid, .safety-compare { grid-template-columns: 1fr; }
  .safety-compare article { min-height: auto; }
  .co-creation-orbit { justify-self: center; }
  .partner-tabs { grid-template-columns: repeat(2, 1fr); }
  .partner-tabs button:nth-child(even) { border-right: 0; }
  .co-create-grid { grid-template-columns: repeat(2, 1fr); }
  .collaboration-steps { grid-template-columns: 1fr; gap: 10px; }
  .collaboration-steps::before { top: 5%; bottom: 5%; left: 27px; width: 2px; height: auto; }
  .collaboration-steps li { grid-template-columns: 56px 115px 1fr; align-items: center; justify-items: start; gap: 14px; text-align: left; }
  .collaboration-steps strong, .collaboration-steps small { margin: 0; }.collaboration-steps small { max-width: none; }
  .news-signal { justify-self: center; }
  .news-filter-bar { grid-template-columns: repeat(2, 1fr); }
  .news-filter-bar button:nth-child(3n) { border-right: 1px solid var(--line); }
  .news-filter-bar button:nth-child(even) { border-right: 0; }
  .archive-news-item a { grid-template-columns: 115px 1fr 22px; gap: 18px; }
  .news-path-grid { grid-template-columns: 1fr; }
  .organization-constellation { justify-self: center; }
  .organization-model-grid > div:last-child { padding-left: 23px; }
  .org-functional-team { grid-template-columns: repeat(2, 1fr); }
  .team-function-grid { grid-template-columns: repeat(2, 1fr); }
  .member-card-grid { grid-template-columns: 1fr; }
  .message-hero-symbol { width: min(300px, 76vw); justify-self: center; }
  .message-jump-inner { grid-template-columns: 1fr; }
  .message-jump a { border-right: 0; border-bottom: 1px solid var(--line); }
  .message-jump a:last-child { border-bottom: 0; }
  .message-layout { grid-template-columns: 1fr; gap: 38px; }
  .message-profile { width: min(320px, 100%); }
  .message-copy { max-width: none; }
  .message-next-inner { align-items: flex-start; flex-direction: column; }
  .message-next-actions { width: 100%; }
  .contact-route-grid { grid-template-columns: 1fr; }
  .contact-route-card { min-height: 285px; }
  .access-transit { grid-template-columns: 1fr; }
  .access-transit article { min-height: auto; }
}

@media (max-width: 480px) {
  .brand strong { font-size: 1rem; }
  .brand small { font-size: .58rem; }
  .brand-mark { width: 38px; height: 38px; }
  .button-row .button { width: 100%; }
  .hero-visual { margin-inline: -8px; }
  .news-item { grid-template-columns: 1fr auto; }
  .news-item time { grid-column: 1; }
  .news-item .tag { grid-column: 2; grid-row: 1; }
  .news-item strong { grid-column: 1 / -1; }
  .tabs button { padding: 14px 5px; font-size: .76rem; }
  .tokai-visual { min-height: 430px; padding: 14px; }
  .city-network { height: 260px; }
  .city { width: 65px; }
  .city-b { left: 28%; }.city-c { right: 24%; }
  .data-flow { gap: 5px; }
  .data-flow span { font-size: .55rem; }
  .ai-foundation { gap: 10px; padding: 11px; }
  .ai-foundation b { display: none; }
  .partner-model { min-height: 315px; }
  .partner { width: 88px; min-height: 70px; }
  .partner-university { left: 8px; }.partner-company { right: 8px; }
  .ward-core { width: 132px; height: 132px; }
  .partner-model::before { width: 215px; height: 215px; }
  .stats-grid { grid-template-columns: 1fr; }
  .mission-grid { grid-template-columns: 1fr; }
  .mission-grid article { min-height: 270px; }
  .evolution-map { grid-template-columns: 1fr; }
  .legacy-card, .office-card, .center-card, .merge-arrow, .future-arrow { grid-column: 1; }
  .about-cta-actions { display: grid; }.about-cta-actions .button { width: 100%; }
  .selector-grid, .question-grid, .collaboration-actions { grid-template-columns: 1fr; }
  .selector-grid a { min-height: 205px; }
  .support-path > div { grid-template-columns: 58px 1fr; }.support-path small { grid-column: 2; }
  .education-levels > div { grid-template-columns: 1fr; gap: 3px; }
  .portfolio-map, .heritage-project-grid, .initiative-grid { grid-template-columns: 1fr; }
  .portfolio-office, .portfolio-line { grid-column: 1; }
  .stack-layer { grid-template-columns: 1fr; gap: 4px; }
  .stack-ai { grid-template-columns: 58px 1fr; }.stack-output { grid-template-columns: repeat(2, 1fr); }
  .join-paths a { grid-template-columns: 1fr 22px; }.join-paths span { grid-column: 1; }.join-paths strong { grid-column: 1; }.join-paths b { grid-column: 2; grid-row: 1 / 3; }
  .foundation-axis { min-height: 385px; }.axis-source { width: 144px; }.axis-lines { right: 52px; left: 52px; }.axis-office { right: 10px; left: 10px; }
  .mails-capabilities, .foundation-stats { grid-template-columns: 1fr; }
  .mails-capabilities article { min-height: 165px; }
  .foundation-next-grid > div:last-child { display: grid; }.foundation-next-grid .button { width: 100%; }
  .future-region { min-height: 510px; }.region-city { width: 70px; height: 75px; }.city-two { left: 29%; }.city-three { right: 27%; }.region-data { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 3px; }.region-data span { font-size: .43rem; }.region-ai { grid-template-columns: 55px 1fr; padding-inline: 10px; }.region-ai strong { font-size: .56rem; }
  .architecture-layer { grid-template-columns: 54px 1fr; gap: 13px; }.architecture-layer > span { width: 54px; }.architecture-layer > b { display: none; }
  .ecosystem-wheel { min-height: 390px; }.ecosystem-wheel::before { width: 220px; height: 220px; }.wheel-partner { width: 82px; }.wp-hospital { right: 6px; }.wp-company { left: 6px; }.wheel-core { width: 135px; height: 135px; }
  .testbed-model { min-height: 410px; }.testbed-actor { width: 84px; }.actor-medical { left: 17px; }.actor-university { right: 17px; }.testbed-center { width: 128px; }
  .governance-cards, .vision-phases { grid-template-columns: 1fr; }
  .baseline-stats, .outcome-grid, .case-format, .achievement-tabs { grid-template-columns: 1fr; }
  .achievement-tabs button { border-right: 0; border-bottom: 1px solid var(--line); }
  .achievement-tabs button:last-child { border-bottom: 0; }
  .network-map { min-height: 410px; }
  .network-map::before { width: 220px; height: 220px; }
  .network-partner { width: 105px; }
  .np-medical { right: 5px; }.np-industry { left: 5px; }
  .network-core { width: 130px; height: 130px; }
  .internal-access-card { min-height: 290px; padding-inline: 20px; }
  .consult-tabs button { min-height: 72px; }
  .intake-fields { grid-template-columns: 1fr; }
  .intake-fields div:nth-child(3) { grid-column: auto; }
  .role-list article { grid-template-columns: 1fr; gap: 4px; }
  .co-creation-orbit { min-height: 350px; }
  .co-field { width: 112px; height: 112px; }
  .co-field strong { max-width: 90px; font-size: .62rem; }
  .co-actor { width: 78px; min-height: 70px; }
  .partner-panel { gap: 25px; }
  .partner-paths article { grid-template-columns: 1fr; gap: 4px; }
  .co-create-grid, .principle-cards { grid-template-columns: 1fr; }
  .co-create-grid article { min-height: 225px; }
  .external-intake-card > div { grid-template-columns: 1fr; }
  .external-intake-card > div > span { grid-column: auto; }
  .news-signal { width: min(310px, 100%); }
  .news-signal-core { width: 108px; height: 108px; }
  .signal-item { min-width: 65px; font-size: .52rem; }
  .archive-news-item a { position: relative; grid-template-columns: 1fr; gap: 12px; padding: 20px; }
  .archive-date { grid-template-columns: auto auto; align-items: center; justify-content: start; }
  .archive-news-item > a > b { position: absolute; right: 18px; top: 18px; }
  .organization-constellation { width: min(305px, 100%); }
  .org-core { width: 110px; height: 110px; }
  .org-node { min-width: 74px; font-size: .49rem; }
  .org-dedicated, .org-functional-team, .team-function-grid { grid-template-columns: 1fr; }
  .team-function-grid article { min-height: 230px; }
  .member-publication-policy { grid-template-columns: 1fr; gap: 5px; }
  .organization-phases li { grid-template-columns: 1fr; gap: 4px; }
  .person-profile-links { grid-template-columns: 1fr; }
  .message-jump a { min-height: 88px; padding-inline: 14px; }
  .message-copy h2 br { display: none; }
  .message-next-actions { display: grid; }
  .message-next-actions .button { width: 100%; }
  .contact-signal { min-height: 305px; }
  .contact-signal-node { min-width: 66px; font-size: .52rem; }
  .access-address-card { padding: 20px; }
  .contact-office-card > a { grid-template-columns: 1fr; gap: 3px; }
  .footer-grid nav { display: grid; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; }
}