@import "tailwindcss";

@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./geist-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./geist-mono-latin.woff2") format("woff2");
}

:root {
  --font-geist-sans: "Geist", "Helvetica Neue", Arial, sans-serif;
  --font-geist-mono: "Geist Mono", "SFMono-Regular", Consolas, monospace;
  --ink: #071933;
  --ink-soft: #30445e;
  --muted: #6f8298;
  --line: rgba(19, 57, 91, 0.13);
  --paper: #f6fafb;
  --white: #ffffff;
  --blue: #2c6ff2;
  --cyan: #17b8d4;
  --mint: #17c695;
  --lime: #b8f25c;
  --navy: #061a33;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-geist-sans), Arial, Helvetica, sans-serif;
}
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }

.site-shell { min-height: 100vh; overflow: hidden; }
.site-header {
  position: fixed;
  z-index: 50;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: min(calc(100% - 48px), 1420px);
  height: 74px;
  padding: 10px 12px 10px 20px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  border: 1px solid rgba(126, 201, 215, 0.16);
  border-radius: 22px;
  background: rgba(5, 23, 46, 0.91);
  box-shadow: 0 18px 65px rgba(5, 24, 49, 0.2), inset 0 0 0 1px rgba(255,255,255,.035);
  backdrop-filter: blur(24px) saturate(128%);
}
.brand { width: max-content; display: inline-flex; align-items: center; }
.brand__logo { width: 194px; height: auto; display: block; object-fit: contain; }
.brand--compact .brand__logo { width: 168px; }
.site-nav { display: flex; gap: 4px; padding: 4px; border: 1px solid rgba(159,214,224,.09); border-radius: 14px; background: rgba(255,255,255,.045); }
.site-nav a { padding: 10px 13px; border-radius: 10px; color: #a7becd; font-size: 12px; font-weight: 560; transition: .25s ease; }
.site-nav a:hover, .site-nav a:focus-visible { color: #f5fffc; background: rgba(255,255,255,.085); box-shadow: inset 0 0 0 1px rgba(119,230,204,.08); outline: none; }
.header-cta { justify-self: end; padding: 15px 19px; border-radius: 14px; background: #effbf8; color: #08223d; font-size: 13px; font-weight: 680; box-shadow: 0 10px 24px rgba(2,12,28,.25); }
.header-cta span { padding-left: 10px; color: #0b9e7a; }

.hero {
  position: relative;
  min-height: 100vh;
  padding: 132px 4.5vw 24px;
  background:
    radial-gradient(circle at 80% 26%, rgba(77, 219, 190, .15), transparent 24%),
    radial-gradient(circle at 20% 25%, rgba(66, 127, 242, .12), transparent 24%),
    linear-gradient(145deg, #fbfdfd 0%, #f1f7fa 58%, #f8fbf9 100%);
  isolation: isolate;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .42;
  background-image: linear-gradient(rgba(12,55,88,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(12,55,88,.05) 1px, transparent 1px);
  background-size: 68px 68px;
  mask-image: linear-gradient(to bottom, black, transparent 86%);
}
.hero__noise { position: absolute; inset: 0; z-index: -1; opacity: .2; background-image: radial-gradient(rgba(0,46,78,.4) .5px, transparent .5px); background-size: 7px 7px; mix-blend-mode: soft-light; }
.hero__content { width: min(100%, 1390px); min-height: calc(100vh - 264px); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(520px, .97fr); align-items: center; gap: 30px; }
.hero__copy { padding: 34px 0 46px; }
.eyebrow { width: max-content; display: flex; align-items: center; gap: 10px; margin: 0 0 30px; padding: 9px 13px; border: 1px solid rgba(12,77,111,.12); border-radius: 999px; background: rgba(255,255,255,.65); color: #416078; font: 600 10px/1 var(--font-geist-mono); letter-spacing: .13em; text-transform: uppercase; box-shadow: 0 10px 30px rgba(12,45,75,.05); }
.eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 5px rgba(23,198,149,.12); }
.hero h1 { margin: 0; max-width: 760px; font-size: clamp(68px, 7.2vw, 118px); font-weight: 580; line-height: .86; letter-spacing: -.075em; }
.hero h1 em { color: transparent; font-style: normal; background: linear-gradient(105deg, #1f64e4 5%, #10aaca 48%, #14c38f 82%); -webkit-background-clip: text; background-clip: text; }
.hero__lede { max-width: 690px; margin: 34px 0 0; color: #566b81; font-size: clamp(16px, 1.25vw, 19px); line-height: 1.72; letter-spacing: -.015em; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.button { min-height: 56px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; gap: 13px; border-radius: 16px; font-size: 14px; font-weight: 650; transition: transform .25s ease, box-shadow .25s ease; }
.button:hover { transform: translateY(-2px); }
.button--primary { color: #fff; background: var(--navy); box-shadow: 0 16px 34px rgba(6,26,51,.17); }
.button--primary span { color: #73e6cb; }
.button--ghost { border: 1px solid rgba(13,54,86,.13); background: rgba(255,255,255,.7); color: #435c74; }
.button__play { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; background: #e8f2f5; color: #0ba27e; font-size: 8px; }
.hero__credentials { display: flex; gap: 0; margin-top: 52px; }
.hero__credentials > div { min-width: 138px; padding-right: 30px; display: flex; align-items: center; gap: 10px; }
.hero__credentials > div + div { padding-left: 30px; border-left: 1px solid var(--line); }
.hero__credentials strong { color: #173b60; font: 500 27px/1 var(--font-geist-mono); }
.hero__credentials .hero__credential-word { max-width: 118px; font-size: 15px; line-height: 1.05; letter-spacing: .01em; }
.hero__credentials span { color: #7b8c9f; font-size: 10px; line-height: 1.35; text-transform: uppercase; letter-spacing: .08em; }
.hero__visual { min-height: 680px; display: grid; place-items: center; }

.intelligence-flow { position: relative; width: min(100%, 690px); min-height: 590px; padding: 22px; overflow: hidden; border: 1px solid rgba(18,78,108,.12); border-radius: 28px; background: rgba(250,253,253,.78); box-shadow: 0 35px 100px rgba(21,64,91,.13), inset 0 0 0 1px rgba(255,255,255,.8); backdrop-filter: blur(20px); }
.intelligence-flow::before { content: ""; position: absolute; inset: 0; opacity: .48; background-image: linear-gradient(rgba(22,91,121,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(22,91,121,.055) 1px, transparent 1px); background-size: 33px 33px; mask-image: radial-gradient(circle at center, black, transparent 84%); }
.intelligence-flow::after { content: ""; position: absolute; width: 380px; height: 380px; left: 50%; top: 51%; transform: translate(-50%,-50%); border-radius: 50%; background: radial-gradient(circle, rgba(28,201,164,.13), rgba(42,113,235,.05) 42%, transparent 70%); filter: blur(8px); }
.intelligence-flow > * { position: relative; z-index: 1; }
.intelligence-flow__topline { padding-bottom: 17px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(18,73,104,.1); }
.intelligence-flow__topline span { display: flex; align-items: center; gap: 9px; color: #31546d; font: 650 8px/1 var(--font-geist-mono); letter-spacing: .12em; text-transform: uppercase; }
.intelligence-flow__topline span i { width: 7px; height: 7px; border-radius: 50%; background: #21c999; box-shadow: 0 0 0 5px rgba(33,201,153,.1), 0 0 14px rgba(33,201,153,.5); animation: nodeGlow 1.8s ease-in-out infinite; }
.intelligence-flow__topline small { color: #8a9ba8; font: 550 7px/1 var(--font-geist-mono); letter-spacing: .11em; }
.flow-map { min-height: 452px; display: grid; grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1.15fr) 34px minmax(0, 1.05fr); align-items: center; }
.flow-stage { min-width: 0; }
.flow-stage__heading { margin-bottom: 14px; display: flex; align-items: center; gap: 9px; }
.flow-stage__heading > span { width: 24px; height: 24px; flex: 0 0 24px; display: grid; place-items: center; border: 1px solid rgba(21,92,123,.13); border-radius: 50%; color: #148f91; font: 650 7px/1 var(--font-geist-mono); }
.flow-stage__heading strong { color: #34536b; font-size: 11px; letter-spacing: -.01em; }
.flow-inputs, .flow-outcomes { display: grid; gap: 8px; }
.flow-inputs article, .flow-outcomes article { min-height: 67px; padding: 10px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(18,72,105,.1); border-radius: 14px; background: rgba(255,255,255,.78); box-shadow: 0 9px 24px rgba(11,48,76,.045); }
.flow-inputs article > span, .flow-outcomes article > span { min-width: 0; }
.flow-inputs small, .flow-inputs strong, .flow-outcomes small, .flow-outcomes strong { display: block; }
.flow-inputs small { margin-bottom: 5px; color: #8a9aa8; font: 550 7px/1 var(--font-geist-mono); letter-spacing: .09em; text-transform: uppercase; }
.flow-inputs strong { color: #38566d; font-size: 9px; white-space: nowrap; }
.flow-icon { position: relative; width: 32px; height: 32px; flex: 0 0 32px; border-radius: 10px; background: #0b2949; box-shadow: inset 0 0 0 1px rgba(106,223,199,.09); }
.flow-icon::before, .flow-icon::after { content: ""; position: absolute; }
.flow-icon--scan::before { inset: 7px; border: 1px solid #55ddbf; border-radius: 50%; }
.flow-icon--scan::after { left: 9px; right: 9px; top: 15px; height: 1px; background: #4f87e5; }
.flow-icon--clinical::before { width: 13px; height: 3px; left: 10px; top: 15px; border-radius: 4px; background: #63e3c1; box-shadow: 0 -5px 0 rgba(77,137,229,.9), 0 5px 0 rgba(99,227,193,.48); }
.flow-icon--dna::before { width: 16px; height: 16px; left: 8px; top: 8px; border-left: 1px solid #5cdbbd; border-right: 1px solid #4386e5; border-radius: 50%; transform: rotate(28deg); }
.flow-icon--dna::after { width: 12px; height: 1px; left: 10px; top: 15px; background: #69e5c4; transform: rotate(-28deg); }
.flow-link { position: relative; height: 2px; margin: 0 5px; background: linear-gradient(90deg, rgba(31,127,174,.12), rgba(23,194,153,.55), rgba(31,127,174,.12)); }
.flow-link::after { content: ""; position: absolute; right: -2px; top: -3px; width: 7px; height: 7px; border-top: 1px solid #25bd9a; border-right: 1px solid #25bd9a; transform: rotate(45deg); }
.flow-link > span { position: absolute; left: 0; top: 0; width: 34%; height: 2px; border-radius: 4px; background: linear-gradient(90deg, transparent, #63e9c8); animation: flowSweep 2.7s linear infinite; }
.flow-link > i { position: absolute; top: -3px; width: 8px; height: 8px; border: 2px solid #f8fdfc; border-radius: 50%; background: #32caa2; box-shadow: 0 0 13px rgba(50,202,162,.65); animation: flowPulse 2.7s linear infinite; }
.flow-link > i:nth-of-type(2) { animation-delay: -1.35s; }
.flow-core { position: relative; min-height: 246px; padding: 27px 16px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; border: 1px solid rgba(84,206,183,.24); border-radius: 28px; color: #fff; text-align: center; background: radial-gradient(circle at 50% 28%, rgba(45,134,224,.3), transparent 35%), linear-gradient(145deg, #08284b, #06172f); box-shadow: 0 25px 55px rgba(6,31,58,.23), inset 0 0 45px rgba(42,181,166,.08); animation: coreBreathe 4.8s ease-in-out infinite; }
.flow-core::after { content: ""; position: absolute; inset: 0; opacity: .2; background-image: radial-gradient(rgba(118,221,208,.7) .6px, transparent .6px); background-size: 8px 8px; mask-image: radial-gradient(circle, black, transparent 75%); }
.flow-core > * { position: relative; z-index: 2; }
.flow-core__rings { position: absolute; z-index: 1; left: 50%; top: 38%; width: 142px; height: 142px; transform: translate(-50%,-50%); border: 1px solid rgba(87,223,195,.17); border-radius: 50%; }
.flow-core__rings i { position: absolute; inset: 13px; border: 1px dashed rgba(93,203,193,.14); border-radius: inherit; animation: ringTurn 18s linear infinite; }
.flow-core__rings i:last-child { inset: -12px; border-style: solid; animation-direction: reverse; animation-duration: 24s; }
.flow-core img { width: 86px; height: 86px; object-fit: contain; filter: drop-shadow(0 13px 22px rgba(0,0,0,.28)); }
.flow-core__step { margin-top: 18px; color: #6ddfc1; font: 600 7px/1 var(--font-geist-mono); letter-spacing: .11em; }
.flow-core > strong { margin-top: 8px; font-size: 17px; letter-spacing: -.025em; }
.flow-core > p { margin: 6px 0 13px; color: #82a4b9; font-size: 8px; }
.flow-core > small { padding: 7px 9px; display: flex; align-items: center; gap: 7px; border: 1px solid rgba(101,224,199,.13); border-radius: 999px; color: #9ac2ce; background: rgba(255,255,255,.035); font: 550 7px/1 var(--font-geist-mono); text-transform: uppercase; letter-spacing: .08em; }
.flow-core > small i { width: 5px; height: 5px; border-radius: 50%; background: #64e5c0; box-shadow: 0 0 9px #64e5c0; animation: nodeGlow 1.8s ease-in-out infinite; }
.flow-outcomes article > i { width: 28px; height: 28px; flex: 0 0 28px; display: grid; place-items: center; border-radius: 9px; color: #64dfbf; background: #0b2949; font: 650 7px/1 var(--font-geist-mono); font-style: normal; }
.flow-outcomes strong { color: #34526a; font-size: 8px; line-height: 1.3; }
.flow-outcomes small { margin-top: 5px; color: #93a1ad; font-size: 7px; line-height: 1.25; }
.intelligence-flow__legend { min-height: 47px; padding: 0 13px; display: flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid rgba(19,78,108,.08); border-radius: 13px; background: rgba(230,242,244,.65); color: #657d8f; font: 600 7px/1.4 var(--font-geist-mono); letter-spacing: .045em; text-align: center; text-transform: uppercase; }
.intelligence-flow__legend i { color: #19aa86; font-style: normal; }

.collaboration-ribbon { width: min(100%, 1390px); min-height: 86px; margin: 0 auto; padding: 18px 24px; display: grid; grid-template-columns: 1fr 1.35fr 1fr; align-items: center; border: 1px solid rgba(255,255,255,.82); border-radius: 22px; background: rgba(255,255,255,.69); box-shadow: 0 18px 60px rgba(10,44,70,.09); backdrop-filter: blur(18px); transition: transform .25s ease; }
.collaboration-ribbon:hover { transform: translateY(-3px); }
.collaboration-ribbon__label { display: flex; align-items: center; gap: 10px; color: #6c7f91; font: 600 9px/1 var(--font-geist-mono); letter-spacing: .13em; text-transform: uppercase; }
.collaboration-ribbon__label i { width: 7px; height: 7px; border-radius: 50%; background: #a9232a; box-shadow: 0 0 0 5px rgba(169,35,42,.09); }
.collaboration-ribbon strong { display: flex; justify-content: center; align-items: center; gap: 22px; font-size: 17px; letter-spacing: -.02em; }
.collaboration-ribbon strong b { color: #9badba; font-weight: 400; }
.collaboration-ribbon__scope { justify-self: end; color: #3e5b72; font-size: 11px; }
.collaboration-ribbon__scope span { padding-left: 10px; color: #0bad84; }
.first-slice { padding: 38px 24px; text-align: center; background: #fff; border-bottom: 1px solid var(--line); }
.first-slice p { margin: 0; color: #8392a1; font: 600 10px/1.5 var(--font-geist-mono); letter-spacing: .18em; text-transform: uppercase; }

.section-pad { padding: 138px max(4.5vw, 24px); }
.section-kicker { display: flex; align-items: center; gap: 12px; color: #6f8297; font: 600 10px/1 var(--font-geist-mono); letter-spacing: .15em; text-transform: uppercase; }
.section-kicker span { width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid rgba(15,65,101,.13); border-radius: 50%; color: #167cbb; font-size: 8px; }
.section-kicker--light { color: #7593aa; }
.section-kicker--light span { color: #66e0c3; border-color: rgba(111,222,196,.25); }
.section-pad h2 { margin: 0; font-size: clamp(52px, 6.2vw, 96px); font-weight: 540; line-height: .98; letter-spacing: -.065em; }
.section-pad h2 em { color: #17b594; font-style: normal; }

.manifesto { background: #fff; }
.manifesto__grid { width: min(100%, 1380px); margin: 62px auto 0; display: grid; grid-template-columns: 1.25fr .75fr; align-items: end; gap: 80px; }
.manifesto > .section-kicker { width: min(100%, 1380px); margin: 0 auto; }
.manifesto__copy { padding-bottom: 6px; }
.manifesto__copy p { margin: 0; color: #607286; font-size: 18px; line-height: 1.7; }
.manifesto__copy a { margin-top: 31px; display: inline-flex; align-items: center; gap: 15px; color: #153a5e; font-size: 13px; font-weight: 650; }
.manifesto__copy a span { color: #0eae86; }
.mission-metrics { width: min(100%, 1380px); margin: 96px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.mission-metrics > div { position: relative; padding: 38px 38px 42px 0; }
.mission-metrics > div + div { padding-left: 38px; border-left: 1px solid var(--line); }
.mission-metrics span { color: #21aa8d; font: 600 9px/1 var(--font-geist-mono); }
.mission-metrics strong { margin-top: 45px; display: block; font-size: 22px; letter-spacing: -.03em; }
.mission-metrics p { max-width: 320px; margin: 12px 0 0; color: #75869a; font-size: 13px; line-height: 1.65; }

.collaboration { position: relative; overflow: hidden; color: #fff; background: #071b34; }
.collaboration::before { content: ""; position: absolute; inset: 0; opacity: .55; background: radial-gradient(circle at 82% 10%, rgba(30,188,168,.17), transparent 25%), linear-gradient(rgba(104,162,185,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(104,162,185,.045) 1px, transparent 1px); background-size: auto, 72px 72px, 72px 72px; }
.collaboration::after { content: ""; position: absolute; top: 0; right: 0; width: 7px; height: 38%; background: #a7262d; }
.collaboration > * { position: relative; z-index: 1; }
.collaboration__header { width: min(100%, 1380px); margin: 0 auto; padding-bottom: 30px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(148,189,207,.15); }
.collaboration__header > p { margin: 0; color: #809bb0; font: 500 9px/1 var(--font-geist-mono); text-transform: uppercase; letter-spacing: .14em; }
.collaboration__statement { width: min(100%, 1380px); margin: 82px auto 0; display: grid; grid-template-columns: minmax(470px, .82fr) minmax(0, 1.18fr); gap: 74px; align-items: center; }
.research-alliance { position: relative; width: 100%; min-height: 660px; padding: 24px; overflow: hidden; border: 1px solid rgba(134,196,210,.17); border-radius: 28px; background: radial-gradient(circle at 82% 10%, rgba(30,175,158,.13), transparent 27%), linear-gradient(145deg, rgba(15,48,76,.97), rgba(5,23,46,.99)); box-shadow: 0 32px 88px rgba(0,8,22,.27), inset 0 1px rgba(255,255,255,.045); }
.research-alliance::before { content: ""; position: absolute; inset: 0; opacity: .45; background-image: linear-gradient(rgba(113,174,192,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(113,174,192,.055) 1px, transparent 1px); background-size: 30px 30px; mask-image: linear-gradient(to bottom, black, transparent 88%); }
.research-alliance::after { content: ""; position: absolute; left: 0; top: 24px; width: 4px; height: 102px; background: #b83a42; box-shadow: 0 0 24px rgba(184,58,66,.38); }
.research-alliance > * { position: relative; z-index: 2; }
.research-alliance__arches { position: absolute; z-index: 0; left: 3%; right: 3%; bottom: -20px; height: 180px; display: flex; justify-content: center; gap: 10px; opacity: .45; }
.research-alliance__arches i { width: 108px; height: 180px; border: 1px solid rgba(189,65,72,.15); border-bottom: 0; border-radius: 70px 70px 0 0; background: linear-gradient(to top, rgba(166,46,54,.055), transparent 72%); }
.research-alliance__eyebrow { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 18px; border-bottom: 1px solid rgba(134,192,207,.12); }
.research-alliance__eyebrow span, .research-alliance__eyebrow small { color: #8ea9b8; font: 600 10px/1.35 var(--font-geist-mono); letter-spacing: .1em; text-transform: uppercase; }
.research-alliance__eyebrow span { display: flex; align-items: center; gap: 9px; color: #c6d6dc; }
.research-alliance__eyebrow span i { width: 7px; height: 7px; border-radius: 50%; background: #6de1c1; box-shadow: 0 0 0 5px rgba(109,225,193,.08), 0 0 16px rgba(109,225,193,.48); }
.research-alliance__eyebrow small { color: #617f93; font-size: 10px; }
.research-alliance__parties { margin-top: 19px; display: grid; grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr); align-items: stretch; gap: 10px; }
.research-alliance__party { min-width: 0; min-height: 143px; padding: 18px 17px; display: flex; flex-direction: column; justify-content: center; border: 1px solid rgba(143,193,208,.14); border-radius: 17px; background: rgba(5,24,47,.8); text-align: left; }
.research-alliance__party::before { content: ""; width: 34px; height: 3px; margin-bottom: 18px; border-radius: 5px; background: #a92d34; box-shadow: 0 0 15px rgba(169,45,52,.25); }
.research-alliance__party--vitanova::before { background: #54d7b7; box-shadow: 0 0 15px rgba(84,215,183,.27); }
.research-alliance__party > span { color: #7d98a9; font: 650 10px/1 var(--font-geist-mono); letter-spacing: .11em; text-transform: uppercase; }
.research-alliance__party > strong, .research-alliance__party > div strong { margin-top: 10px; color: #f1f5f5; font-size: 14px; font-weight: 660; line-height: 1.3; letter-spacing: -.01em; }
.research-alliance__party > small { margin-top: 8px; color: #8099a9; font-size: 10px; line-height: 1.45; }
.research-alliance__party > div { display: flex; align-items: center; gap: 9px; }
.research-alliance__party > div img { width: 25px; height: 25px; object-fit: contain; filter: drop-shadow(0 5px 10px rgba(33,181,158,.24)); }
.research-alliance__party > div strong { margin-top: 0; }
.research-alliance__multiply { align-self: center; display: grid; place-items: center; color: #d9e7e8; font-family: Georgia, serif; font-size: 28px; font-weight: 300; }
.research-alliance__status { margin: 17px 0; min-height: 48px; padding: 11px 15px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border: 1px solid rgba(181,62,69,.18); border-radius: 13px; background: linear-gradient(90deg, rgba(151,39,47,.13), rgba(10,32,55,.78) 55%, rgba(32,151,139,.09)); }
.research-alliance__status span, .research-alliance__status small { color: #e0e8e9; font: 670 11px/1.35 var(--font-geist-mono); letter-spacing: .12em; }
.research-alliance__status span { display: flex; align-items: center; gap: 9px; }
.research-alliance__status span i { width: 6px; height: 6px; border-radius: 50%; background: #c54b52; box-shadow: 0 0 13px rgba(197,75,82,.58); }
.research-alliance__status small { color: #7592a3; font-size: 10px; text-align: right; }
.research-alliance__path { display: grid; grid-template-columns: 1fr; justify-items: stretch; }
.research-alliance__stage { min-width: 0; min-height: 91px; padding: 15px 17px; display: grid; grid-template-columns: 35px 1fr; align-items: center; gap: 13px; border: 1px solid rgba(115,180,197,.12); border-radius: 15px; background: rgba(4,23,45,.76); text-align: left; }
.research-alliance__stage > span { width: 35px; height: 35px; display: grid; place-items: center; border: 1px solid rgba(100,221,190,.25); border-radius: 50%; color: #69dfc0; font: 650 10px/1 var(--font-geist-mono); }
.research-alliance__stage > div { min-width: 0; }
.research-alliance__stage small { color: #66879a; font: 650 10px/1 var(--font-geist-mono); letter-spacing: .11em; }
.research-alliance__stage strong { margin-top: 8px; display: block; color: #dce8e9; font-size: 13px; line-height: 1.3; }
.research-alliance__stage p { margin: 6px 0 0; color: #718d9f; font-size: 11px; line-height: 1.42; }
.research-alliance__connector { position: relative; justify-self: center; width: 2px; height: 21px; background: linear-gradient(180deg, rgba(68,154,176,.1), rgba(91,224,192,.52), rgba(68,154,176,.1)); }
.research-alliance__connector::after { content: ""; position: absolute; right: -2px; bottom: 0; width: 6px; height: 6px; border-top: 1px solid rgba(94,227,199,.7); border-right: 1px solid rgba(94,227,199,.7); transform: rotate(135deg); }
.research-alliance__connector i, .research-alliance__connector b { position: absolute; left: -2px; top: 0; width: 7px; height: 7px; border-radius: 50%; background: #6be5c4; box-shadow: 0 0 13px rgba(107,229,196,.72); animation: allianceSignalVertical 3.4s linear infinite; }
.research-alliance__connector b { animation-delay: 1.7s; }
.research-alliance__legend { margin: 17px 0 0; padding-top: 15px; border-top: 1px solid rgba(117,183,201,.12); color: #7895a7; font: 600 10px/1.55 var(--font-geist-mono); letter-spacing: .045em; text-align: center; text-transform: uppercase; }
.research-alliance__legend span { padding: 0 5px; color: #60d7b8; }
.collaboration__eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 27px; color: #87a4b7; font: 600 9px/1 var(--font-geist-mono); text-transform: uppercase; letter-spacing: .13em; }
.collaboration__eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: #a52b31; box-shadow: 0 0 0 5px rgba(169,43,49,.1); }
.collaboration__statement h2 { font-size: clamp(58px, 6vw, 90px); }
.collaboration__statement h2 em { color: #66d9bd; }
.collaboration__lede { max-width: 830px; margin: 32px 0 0; color: #91a9b9; font-size: 17px; line-height: 1.7; }
.research-tracks { width: min(100%, 1380px); margin: 92px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.research-tracks article { min-height: 455px; padding: 22px; display: flex; flex-direction: column; border: 1px solid rgba(147,190,207,.13); border-radius: 22px; background: rgba(14,42,69,.72); box-shadow: inset 0 1px rgba(255,255,255,.035); }
.research-tracks article > span { color: #698ba1; font: 600 8px/1 var(--font-geist-mono); letter-spacing: .13em; }
.research-tracks h3 { margin: 25px 0 0; font-size: 23px; font-weight: 560; letter-spacing: -.035em; }
.research-tracks p { margin: 12px 0 5px; color: #819caf; font-size: 13px; line-height: 1.65; }
.track-visual { position: relative; height: 235px; margin-top: 20px; overflow: hidden; border: 1px solid rgba(136,194,210,.08); border-radius: 14px; background: #081c35; }
.track-visual::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(94,168,183,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(94,168,183,.06) 1px, transparent 1px); background-size: 26px 26px; }
.track-visual--image b { position: absolute; left: 50%; top: 50%; width: 135px; height: 170px; transform: translate(-50%,-50%); border: 1px solid rgba(72,216,192,.5); border-radius: 46% 46% 40% 40%; background: radial-gradient(circle at 48% 38%, rgba(78,225,193,.35), transparent 12%), radial-gradient(ellipse at 50% 58%, rgba(32,94,144,.38), transparent 48%); box-shadow: 0 0 40px rgba(43,192,173,.13); }
.track-visual--image i { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(50,191,185,.18); border-radius: 50%; transform: translate(-50%,-50%); }
.track-visual--image i:nth-child(1) { width: 190px; height: 190px; }
.track-visual--image i:nth-child(2) { width: 150px; height: 100px; }
.track-visual--image i:nth-child(3) { width: 1px; height: 90%; border: 0; background: rgba(44,197,179,.25); }
.track-visual--patient i { position: absolute; left: 50%; top: 31%; width: 55px; height: 55px; transform: translate(-50%,-50%); border-radius: 50%; background: linear-gradient(145deg, #153a60, #1b715f); box-shadow: 0 0 35px rgba(62,210,181,.18); }
.track-visual--patient b { position: absolute; left: 50%; bottom: 23px; width: 130px; height: 105px; transform: translateX(-50%); border-radius: 70px 70px 18px 18px; background: linear-gradient(145deg, #12304f, #0d4f4b); }
.track-visual--patient em { position: absolute; left: 18%; right: 18%; top: 56%; height: 1px; background: #38d1ac; box-shadow: 0 0 12px #24c7a3; }
.track-visual--patient em::before { content: ""; position: absolute; left: 32%; top: -15px; width: 28px; height: 28px; border: 2px solid #38d1ac; border-radius: 50%; }
.track-visual--dna { display: flex; align-items: center; justify-content: center; gap: 17px; }
.track-visual--dna i { position: relative; z-index: 1; width: 6px; border-radius: 5px; background: linear-gradient(to bottom, #2b6fce, #55e4bd); box-shadow: 0 0 15px rgba(69,218,190,.22); }
.track-visual--dna i:nth-child(1), .track-visual--dna i:nth-child(5) { height: 45px; }
.track-visual--dna i:nth-child(2), .track-visual--dna i:nth-child(4) { height: 105px; }
.track-visual--dna i:nth-child(3) { height: 160px; }
.collaboration__note { width: min(100%, 1380px); margin: 18px auto 0; padding: 26px 28px; display: grid; grid-template-columns: 220px 1fr; align-items: center; border: 1px solid rgba(130,186,204,.12); border-radius: 16px; background: rgba(7,25,48,.65); }
.collaboration__note span { color: #64d7bc; font: 600 9px/1 var(--font-geist-mono); letter-spacing: .13em; }
.collaboration__note p { margin: 0; color: #7896aa; font-size: 12px; line-height: 1.55; }

.stack { background: #f2f7f8; }
.stack__intro { width: min(100%, 1380px); margin: 0 auto; display: grid; grid-template-columns: 1.1fr .9fr; align-items: end; gap: 90px; }
.stack__intro h2 { margin-top: 44px; }
.stack__intro > p { max-width: 610px; margin: 0 0 5px; color: #667a8d; font-size: 17px; line-height: 1.72; }
.stack-grid { width: min(100%, 1380px); margin: 90px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.stack-card { position: relative; min-height: 560px; padding: 28px; overflow: hidden; border: 1px solid rgba(18,66,98,.1); border-radius: 24px; background: rgba(255,255,255,.88); box-shadow: 0 25px 65px rgba(14,48,72,.07); }
.stack-card::after { content: ""; position: absolute; width: 250px; height: 250px; right: -100px; top: 80px; border-radius: 50%; filter: blur(20px); opacity: .14; }
.stack-card--agent::after { background: #2678ef; }
.stack-card--bio::after { background: #15c49a; }
.stack-card--care::after { background: #9bea65; }
.stack-card__top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; color: #8191a0; font: 600 8px/1 var(--font-geist-mono); letter-spacing: .11em; text-transform: uppercase; }
.stack-card__top span { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: #248ca6; }
.stack-card__top i { font-style: normal; }
.technology-diagram { --diagram-accent: #5be1c0; position: relative; z-index: 1; height: 238px; margin: 40px 0 42px; padding: 13px 13px 38px; overflow: hidden; border: 1px solid rgba(23,77,109,.1); border-radius: 20px; background: linear-gradient(145deg, #0b2947, #071a32); box-shadow: inset 0 1px rgba(255,255,255,.045), 0 20px 42px rgba(8,38,64,.11); }
.technology-diagram--knowledge { --diagram-accent: #63a9ec; background: linear-gradient(145deg, #102b50, #081b34); }
.technology-diagram--care { --diagram-accent: #8edb80; background: linear-gradient(145deg, #10373d, #08232f); }
.technology-diagram::before { content: ""; position: absolute; inset: 0; opacity: .36; background-image: linear-gradient(rgba(123,183,200,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(123,183,200,.07) 1px, transparent 1px); background-size: 23px 23px; mask-image: radial-gradient(circle at 50% 44%, black, transparent 80%); }
.technology-diagram::after { content: ""; position: absolute; width: 190px; height: 190px; left: 50%; top: 42%; transform: translate(-50%,-50%); border-radius: 50%; background: var(--diagram-accent); opacity: .08; filter: blur(34px); }
.technology-diagram__canvas { position: relative; z-index: 1; height: 185px; display: grid; place-items: center; }
.technology-diagram svg { width: min(100%, 245px); height: 175px; overflow: visible; }
.technology-diagram svg * { vector-effect: non-scaling-stroke; }
.diagram-ring { fill: none; stroke: color-mix(in srgb, var(--diagram-accent) 28%, transparent); stroke-width: 1; stroke-dasharray: 3 6; }
.diagram-ring--inner { stroke-dasharray: none; opacity: .52; }
.diagram-line, .diagram-link { fill: none; stroke: color-mix(in srgb, var(--diagram-accent) 42%, transparent); stroke-width: 1.2; }
.diagram-line--dna { stroke: var(--diagram-accent); stroke-width: 1.8; filter: drop-shadow(0 0 7px color-mix(in srgb, var(--diagram-accent) 54%, transparent)); }
.diagram-link { opacity: .48; }
.diagram-node { fill: var(--diagram-accent); stroke: #0b2945; stroke-width: 4; filter: drop-shadow(0 0 7px color-mix(in srgb, var(--diagram-accent) 72%, transparent)); animation: diagramNode 3.8s ease-in-out infinite; }
.diagram-node--muted { fill: #7b9aab; animation-delay: .8s; }
.diagram-node--blue { fill: #4d85ec; animation-delay: 1.5s; }
.diagram-core { fill: #0b3153; stroke: var(--diagram-accent); stroke-width: 1.5; filter: drop-shadow(0 10px 16px rgba(0,0,0,.28)); }
.diagram-glyph { fill: none; stroke: #c4f8e9; stroke-width: 2; stroke-linecap: round; }
.diagram-patient { stroke: var(--diagram-accent); stroke-width: 1.6; }
circle.diagram-patient { fill: color-mix(in srgb, var(--diagram-accent) 15%, #0b2945); }
path.diagram-patient { fill: color-mix(in srgb, var(--diagram-accent) 8%, transparent); }
.diagram-pulse { fill: none; stroke: #c2f4e3; stroke-width: 1.8; stroke-linejoin: round; stroke-linecap: round; filter: drop-shadow(0 0 5px color-mix(in srgb, var(--diagram-accent) 75%, transparent)); }
.technology-diagram > span { position: absolute; z-index: 2; left: 13px; right: 13px; bottom: 13px; padding-top: 11px; border-top: 1px solid rgba(132,188,202,.12); color: #6f8ea2; font: 620 7px/1 var(--font-geist-mono); letter-spacing: .12em; text-align: center; text-transform: uppercase; }
.stack-card h3 { position: relative; z-index: 1; margin: 0; font-size: 24px; letter-spacing: -.035em; }
.stack-card > p { position: relative; z-index: 1; margin: 13px 0 24px; color: #718497; font-size: 13px; line-height: 1.62; }
.stack-card ul { position: relative; z-index: 1; margin: 0; padding: 18px 0 0; display: grid; gap: 11px; border-top: 1px solid var(--line); list-style: none; }
.stack-card li { display: flex; align-items: center; gap: 10px; color: #536b80; font-size: 11px; }
.stack-card li::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #18bc92; }
.protocol-flow { width: min(100%, 1380px); margin: 16px auto 0; padding: 24px 27px; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: 22px; border: 1px solid rgba(18,66,98,.09); border-radius: 18px; background: #e9f0f2; }
.protocol-flow span { color: #35516a; font-size: 12px; font-weight: 650; }
.protocol-flow small { margin-bottom: 6px; display: block; color: #8a9aa8; font: 600 8px/1 var(--font-geist-mono); letter-spacing: .13em; }
.protocol-flow i { color: #84a3ad; font-style: normal; }

@keyframes allianceSignal { from { left: 0; opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } to { left: calc(100% - 7px); opacity: 0; } }
@keyframes allianceSignalVertical { from { top: 0; opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } to { top: calc(100% - 7px); opacity: 0; } }
@keyframes impactOrbitForward { to { transform: rotate(360deg); } }
@keyframes impactOrbitReverse { to { transform: rotate(-360deg); } }
@keyframes impactSweep { to { transform: rotate(360deg); } }
@keyframes impactCoreBreathe { 50% { transform: translate(-50%,-50%) scale(1.035); box-shadow: 0 0 0 18px rgba(141,240,208,.035), 0 0 92px rgba(117,231,200,.19), inset 0 1px rgba(255,255,255,.055); } }

.applications { color: #fff; background: #0d243d; }
.applications__head { width: min(100%, 1380px); margin: 0 auto; display: grid; grid-template-columns: .6fr 1.4fr; align-items: start; gap: 90px; }
.applications__head h2 { font-size: clamp(54px, 6vw, 90px); }
.applications__head h2 em { color: #64dfc1; }
.applications-grid { width: min(100%, 1380px); margin: 88px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.application { position: relative; min-height: 520px; padding: 22px; border: 1px solid rgba(141,188,206,.12); border-radius: 23px; background: rgba(17,52,80,.68); }
.application__number { position: absolute; top: 27px; right: 27px; z-index: 2; color: #6b8da3; font: 600 9px/1 var(--font-geist-mono); }
.application__screen { position: relative; height: 310px; margin-bottom: 31px; overflow: hidden; border: 1px solid rgba(117,184,200,.1); border-radius: 16px; background: #081c34; }
.application__screen::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(94,168,183,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(94,168,183,.05) 1px, transparent 1px); background-size: 28px 28px; mask-image: radial-gradient(circle, black, transparent 82%); }
.application__screen small { position: absolute; z-index: 3; left: 16px; bottom: 14px; color: #6d8ea3; font: 600 8px/1 var(--font-geist-mono); text-transform: uppercase; letter-spacing: .12em; }
.application__screen--scan b { position: absolute; z-index: 1; left: 50%; top: 50%; width: 166px; height: 205px; transform: translate(-50%,-50%); border: 1px solid rgba(67,222,191,.38); border-radius: 46% 46% 38% 38%; background: radial-gradient(circle at 50% 34%, rgba(63,227,190,.28), transparent 7%), radial-gradient(ellipse at 50% 52%, rgba(31,104,145,.65), transparent 38%); box-shadow: 0 0 80px rgba(36,195,169,.14); }
.application__screen--scan i { position: absolute; z-index: 2; background: rgba(75,218,193,.38); }
.application__screen--scan i:nth-child(1) { left: 50%; top: 9%; width: 1px; height: 82%; }
.application__screen--scan i:nth-child(2) { left: 12%; top: 50%; width: 76%; height: 1px; }
.application__screen--graph i { position: absolute; z-index: 2; width: 14px; height: 14px; border: 3px solid #0b233b; border-radius: 50%; background: #43dbb8; box-shadow: 0 0 15px rgba(67,219,184,.45); }
.application__screen--graph i:nth-child(1) { left: 18%; top: 26%; }
.application__screen--graph i:nth-child(2) { left: 55%; top: 18%; }
.application__screen--graph i:nth-child(3) { right: 16%; top: 52%; background: #3478df; }
.application__screen--graph i:nth-child(4) { left: 35%; bottom: 17%; }
.application__screen--graph i:nth-child(5) { left: 15%; bottom: 37%; background: #9adf63; }
.application__screen--graph b { position: absolute; left: 16%; right: 15%; top: 25%; height: 55%; border: 1px solid rgba(80,205,186,.18); transform: skewY(-14deg); border-radius: 45%; }
.application__screen--care b { position: absolute; z-index: 1; left: 50%; top: 50%; width: 145px; height: 145px; transform: translate(-50%,-50%); border: 1px solid rgba(68,217,189,.26); border-radius: 50%; background: radial-gradient(circle, rgba(58,207,178,.2), transparent 62%); box-shadow: 0 0 0 34px rgba(48,143,155,.045), 0 0 0 67px rgba(48,143,155,.025); }
.application__screen--care b::before { content: "+"; position: absolute; inset: 0; display: grid; place-items: center; color: #62e0c0; font: 200 74px/1 var(--font-geist-sans); }
.application__screen--care i { position: absolute; z-index: 2; width: 10px; height: 10px; border-radius: 50%; background: #56dbbd; box-shadow: 0 0 15px rgba(62,218,184,.55); }
.application__screen--care i:nth-child(1) { left: 18%; top: 25%; }
.application__screen--care i:nth-child(2) { right: 15%; bottom: 27%; background: #3f7fe6; }
.application h3 { margin: 0; font-size: 23px; letter-spacing: -.03em; }
.application > p { margin: 12px 0 0; color: #819bae; font-size: 13px; line-height: 1.65; }

.impact { position: relative; min-height: 900px; overflow: hidden; display: grid; grid-template-columns: 1fr .95fr; grid-template-rows: 1fr auto; align-items: center; column-gap: 90px; color: #fff; background: linear-gradient(135deg, #0c4f51 0%, #0b6258 46%, #0e3c45 100%); }
.impact::before { content: ""; position: absolute; inset: 0; opacity: .26; background-image: radial-gradient(rgba(183,255,225,.6) .6px, transparent .6px); background-size: 9px 9px; mask-image: linear-gradient(100deg, transparent, black); }
.impact-orbit { position: relative; z-index: 1; justify-self: center; width: min(39vw, 540px); aspect-ratio: 1; overflow: visible; border: 1px solid rgba(137,239,206,.11); border-radius: 50%; background: radial-gradient(circle, rgba(126,239,204,.14), transparent 58%); box-shadow: 0 0 0 58px rgba(121,235,199,.03), 0 0 0 116px rgba(121,235,199,.017); isolation: isolate; }
.impact-orbit::before, .impact-orbit::after { content: ""; position: absolute; z-index: -1; left: 50%; top: 50%; background: rgba(172,247,224,.08); transform: translate(-50%,-50%); }
.impact-orbit::before { width: 118%; height: 1px; }
.impact-orbit::after { width: 1px; height: 118%; }
.impact-orbit__field { position: absolute; inset: 4%; border-radius: 50%; opacity: .26; background-image: radial-gradient(rgba(190,255,233,.76) .65px, transparent .65px); background-size: 10px 10px; mask-image: radial-gradient(circle, transparent 8%, black 42%, transparent 72%); }
.impact-orbit__sweep { position: absolute; inset: 3%; border-radius: 50%; opacity: .34; background: conic-gradient(from 0deg, transparent 0 79%, rgba(181,255,229,.34) 88%, transparent 95%); mask-image: radial-gradient(circle, transparent 0 57%, black 59% 61%, transparent 63%); animation: impactSweep 14s linear infinite; }
.impact-orbit__ring { position: absolute; border: 1px solid rgba(161,245,217,.18); border-radius: 50%; }
.impact-orbit__ring::after { content: ""; position: absolute; inset: -1px; border: 1px dashed rgba(191,255,233,.07); border-radius: inherit; }
.impact-orbit__ring--outer { inset: 3%; }
.impact-orbit__ring--middle { inset: 14%; border-color: rgba(147,232,206,.23); }
.impact-orbit__ring--inner { inset: 27%; border-color: rgba(147,232,206,.3); }
.impact-orbit__node-track { position: absolute; border-radius: 50%; transform-origin: center; }
.impact-orbit__node-track--one { inset: 3%; animation: impactOrbitForward 22s linear infinite; animation-delay: -7s; }
.impact-orbit__node-track--two { inset: 14%; animation: impactOrbitReverse 19s linear infinite; animation-delay: -13s; }
.impact-orbit__node-track--three { inset: 27%; animation: impactOrbitForward 16s linear infinite; animation-delay: -4s; }
.impact-orbit__node { position: absolute; left: 50%; top: 0; width: 18px; height: 18px; margin: -9px 0 0 -9px; display: grid; place-items: center; border: 2px solid #0b5651; border-radius: 50%; background: #9af3d7; box-shadow: 0 0 0 7px rgba(154,243,215,.06), 0 0 21px rgba(154,243,215,.66); }
.impact-orbit__node b { width: 4px; height: 4px; border-radius: 50%; background: #e8fff7; box-shadow: 0 0 8px rgba(232,255,247,.95); }
.impact-orbit__node--two { width: 15px; height: 15px; margin: -7.5px 0 0 -7.5px; border-color: #0a514e; background: #67cfda; box-shadow: 0 0 0 7px rgba(103,207,218,.055), 0 0 20px rgba(103,207,218,.56); }
.impact-orbit__node--three { width: 13px; height: 13px; margin: -6.5px 0 0 -6.5px; background: #bdf8d6; box-shadow: 0 0 0 6px rgba(189,248,214,.05), 0 0 17px rgba(189,248,214,.55); }
.impact-orbit__core { position: absolute; left: 50%; top: 50%; width: 46%; aspect-ratio: 1; padding: 12%; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(166,247,220,.35); border-radius: 50%; background: radial-gradient(circle at 50% 38%, rgba(132,237,204,.14), transparent 45%), rgba(6,63,65,.7); box-shadow: 0 0 0 12px rgba(141,240,208,.025), 0 0 75px rgba(117,231,200,.13), inset 0 1px rgba(255,255,255,.045); transform: translate(-50%,-50%); animation: impactCoreBreathe 6.4s ease-in-out infinite; }
.impact-orbit__core span { color: #d5fff0; font-size: clamp(88px, 10vw, 146px); font-weight: 130; line-height: .72; text-shadow: 0 0 34px rgba(170,250,223,.16); }
.impact-orbit__core small { margin-top: 19%; color: #9de9d0; font: 650 9px/1 var(--font-geist-mono); letter-spacing: .14em; white-space: nowrap; }
.impact-orbit__caption { position: absolute; left: 50%; bottom: 8%; padding: 9px 13px; display: flex; align-items: center; gap: 8px; border: 1px solid rgba(172,246,220,.14); border-radius: 99px; color: #a8d9cc; background: rgba(6,55,59,.78); backdrop-filter: blur(9px); font: 650 9px/1 var(--font-geist-mono); letter-spacing: .11em; white-space: nowrap; transform: translateX(-50%); }
.impact-orbit__caption i { width: 6px; height: 6px; border-radius: 50%; background: #92efd1; box-shadow: 0 0 12px rgba(146,239,209,.6); }
.impact__copy { position: relative; z-index: 1; max-width: 700px; }
.impact__label { margin: 56px 0 20px !important; color: #82dfc3 !important; font: 600 9px/1 var(--font-geist-mono) !important; letter-spacing: .18em; }
.impact__copy h2 { font-size: clamp(55px, 5.7vw, 90px); }
.impact__copy h2 em { color: #9bedcf; }
.impact__copy > p:last-child { max-width: 680px; margin: 31px 0 0; color: #a1c9c2; font-size: 16px; line-height: 1.75; }
.impact__pillars { position: relative; z-index: 1; grid-column: 1 / -1; width: min(100%, 1380px); margin: 90px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(174,236,219,.18); }
.impact__pillars > div { padding: 30px 32px 0 0; }
.impact__pillars > div + div { padding-left: 32px; border-left: 1px solid rgba(174,236,219,.18); }
.impact__pillars span { color: #71dabe; font: 600 8px/1 var(--font-geist-mono); }
.impact__pillars strong { margin-top: 20px; display: block; font-size: 18px; }
.impact__pillars p { max-width: 300px; margin: 9px 0 0; color: #86b3ac; font-size: 12px; line-height: 1.6; }

.ecosystem-context { position: relative; overflow: hidden; background: linear-gradient(145deg, #f8fbfb, #edf5f6); }
.ecosystem-context::before { content: ""; position: absolute; inset: 0; opacity: .45; background-image: linear-gradient(rgba(17,78,106,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(17,78,106,.045) 1px, transparent 1px); background-size: 72px 72px; mask-image: radial-gradient(circle at 72% 45%, black, transparent 76%); }
.ecosystem-context > * { position: relative; z-index: 1; }
.anchor-alias { position: absolute; top: -110px; }
.ecosystem-context__head { width: min(100%, 1380px); margin: 0 auto; display: grid; grid-template-columns: 1.12fr .88fr; align-items: end; gap: 90px; }
.ecosystem-context__head h2 { margin-top: 44px; font-size: clamp(52px, 5.35vw, 82px); }
.ecosystem-context__intro { max-width: 610px; margin: 0 0 4px; display: grid; gap: 13px; }
.ecosystem-context__intro p { margin: 0; color: #607589; font-size: 14px; line-height: 1.68; }
.ecosystem-context__intro p:last-child { color: #8292a2; font-size: 12px; }
.ecosystem-context__relationship { width: min(100%, 1380px); margin: 62px auto 0; padding: 21px 24px; display: grid; grid-template-columns: .34fr 1.66fr; align-items: center; gap: 28px; border: 1px solid rgba(17,72,101,.09); border-left: 3px solid #159f83; border-radius: 16px; background: rgba(255,255,255,.72); box-shadow: 0 18px 50px rgba(8,45,71,.045); }
.ecosystem-context__relationship span { color: #15977c; font: 650 8px/1.3 var(--font-geist-mono); letter-spacing: .14em; }
.ecosystem-context__relationship p { margin: 0; color: #607589; font-size: 12px; line-height: 1.68; }
.alumni-grid { width: min(100%, 1380px); margin: 20px auto 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.alumni-profile { min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(15,66,97,.1); border-radius: 22px; background: rgba(255,255,255,.93); box-shadow: 0 24px 65px rgba(8,45,71,.075); transition: transform .35s ease, box-shadow .35s ease; }
.alumni-profile:hover { transform: translateY(-5px); box-shadow: 0 32px 82px rgba(8,45,71,.12); }
.alumni-profile__visual { position: relative; height: 265px; overflow: hidden; color: #fff; background: #071c34; }
.alumni-profile__visual::before { content: ""; position: absolute; z-index: 2; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(5,22,43,.12) 8%, transparent 45%, rgba(5,22,43,.88) 100%); }
.alumni-profile__visual::after { content: ""; position: absolute; z-index: 3; inset: 0; pointer-events: none; opacity: .16; background-image: radial-gradient(rgba(169,231,221,.8) .55px, transparent .55px); background-size: 9px 9px; mask-image: linear-gradient(to bottom, black, transparent 42%); }
.alumni-profile__visual img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center 26%; filter: saturate(.78) contrast(1.04); transform: scale(1.015); }
.alumni-profile:nth-child(1) .alumni-profile__visual img { object-position: center 34%; }
.alumni-profile:nth-child(2) .alumni-profile__visual img { object-position: center 30%; }
.alumni-profile:nth-child(3) .alumni-profile__visual img { object-position: center 22%; }
.alumni-profile:nth-child(4) .alumni-profile__visual img { object-position: center 30%; }
.alumni-profile:nth-child(5) .alumni-profile__visual img { object-position: center 46%; }
.alumni-profile__number { position: absolute; z-index: 5; left: 17px; top: 16px; padding: 7px 9px; border: 1px solid rgba(226,246,242,.18); border-radius: 99px; color: #e9f6f3; background: rgba(5,25,48,.4); backdrop-filter: blur(10px); font: 650 7px/1 var(--font-geist-mono); letter-spacing: .11em; }
.alumni-profile__tag { position: absolute; z-index: 5; left: 18px; right: 18px; bottom: 16px; padding-top: 13px; border-top: 1px solid rgba(223,243,240,.25); color: #d9e9e8; text-shadow: 0 1px 8px rgba(0,13,29,.85); font: 650 7px/1 var(--font-geist-mono); letter-spacing: .13em; text-align: center; }
.alumni-profile__copy { min-height: 225px; padding: 23px 20px 21px; display: flex; flex: 1; flex-direction: column; }
.alumni-profile__copy h3 { margin: 0; color: #132f4d; font-size: 22px; font-weight: 570; line-height: 1.08; letter-spacing: -.04em; }
.alumni-profile__copy > p { min-height: 42px; margin: 11px 0 0; color: #718497; font-size: 10px; line-height: 1.55; }
.alumni-profile__degree { min-height: 52px; margin-top: 14px; padding-top: 14px; display: grid; align-content: start; gap: 5px; border-top: 1px solid rgba(17,72,101,.09); }
.alumni-profile__degree span, .alumni-profile__degree small { color: #49657b; font: 600 8px/1.45 var(--font-geist-mono); letter-spacing: .035em; }
.alumni-profile__degree small { color: #8192a1; font-size: 7px; text-transform: uppercase; }
.alumni-profile__copy > a { width: max-content; margin-top: auto; padding-top: 17px; display: inline-flex; align-items: center; gap: 7px; color: #108a72; font: 650 8px/1 var(--font-geist-mono); letter-spacing: .09em; text-transform: uppercase; }
.alumni-profile__copy > a span { font-size: 11px; }
.alumni-profile__copy > a:focus-visible { outline: 2px solid rgba(22,165,130,.45); outline-offset: 5px; border-radius: 3px; }
.ecosystem-context__disclosure { width: min(100%, 1380px); margin: 18px auto 0; padding: 22px 25px; display: grid; grid-template-columns: .34fr 1.66fr; align-items: center; gap: 28px; border: 1px solid rgba(17,72,101,.09); border-radius: 16px; background: rgba(238,245,246,.78); }
.ecosystem-context__disclosure span { color: #708596; font: 650 8px/1.3 var(--font-geist-mono); letter-spacing: .13em; }
.ecosystem-context__disclosure p { margin: 0; color: #6e8193; font-size: 11px; line-height: 1.62; }

.vision { position: relative; min-height: 930px; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; background: radial-gradient(circle at 50% 48%, #0b3b58, #06172e 48%, #050f22 100%); }
.vision::before { content: ""; position: absolute; inset: 0; opacity: .35; background-image: radial-gradient(rgba(116,194,207,.45) .6px, transparent .6px); background-size: 8px 8px; mask-image: radial-gradient(circle, black, transparent 72%); }
.vision > * { position: relative; z-index: 1; }
.vision__rings { position: absolute; z-index: 0; left: 50%; top: 50%; width: 740px; height: 740px; transform: translate(-50%,-50%); border: 1px solid rgba(84,208,188,.1); border-radius: 50%; animation: coreFloat 8s ease-in-out infinite; }
.vision__rings i { position: absolute; inset: 12%; border: 1px solid rgba(86,198,186,.11); border-radius: 50%; }
.vision__rings i:nth-child(2) { inset: 25%; border-style: dashed; }
.vision__rings i:nth-child(3) { inset: 38%; background: radial-gradient(circle, rgba(45,206,176,.1), transparent 70%); }
.vision__rings b { position: absolute; right: 18%; top: 15%; width: 12px; height: 12px; border-radius: 50%; background: #67e3c0; box-shadow: 0 0 26px #4ed6b4; }
.vision h2 { margin-top: 55px; font-size: clamp(68px, 8vw, 122px); }
.vision h2 em { color: transparent; background: linear-gradient(100deg, #5aa9ed, #66e4bf); -webkit-background-clip: text; background-clip: text; }
.vision > p { max-width: 730px; margin: 38px 0 0; color: #8ca5b8; font-size: 17px; line-height: 1.72; }
.button--light { margin-top: 42px; color: #0c2a43; background: #e9faf5; box-shadow: 0 18px 40px rgba(2,15,29,.25); }
.button--light span { color: #0aa27d; }
.vision__footer { position: absolute; left: max(4.5vw, 24px); right: max(4.5vw, 24px); bottom: 30px; padding-top: 22px; display: flex; justify-content: space-between; border-top: 1px solid rgba(133,183,199,.13); color: #527087; font: 600 8px/1 var(--font-geist-mono); letter-spacing: .13em; }

.site-footer { padding: 80px max(4.5vw, 24px) 30px; color: #fff; background: #050f22; }
.site-footer__top, .site-footer__bottom { width: min(100%, 1380px); margin: 0 auto; }
.site-footer__top { padding-bottom: 75px; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: start; }
.site-footer__top p { margin: 5px 0 0; color: #7891a5; font-size: 14px; line-height: 1.6; }
.site-footer__nav { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px 40px; }
.site-footer__nav a { color: #98aebb; font-size: 12px; }
.site-footer__bottom { padding-top: 25px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-top: 1px solid rgba(125,180,197,.14); color: #627c90; font: 500 9px/1 var(--font-geist-mono); }
.site-footer__bottom > span:nth-child(2) { color: #23a889; font-weight: 650; letter-spacing: .13em; }
.site-footer__bottom > div { justify-self: end; display: flex; gap: 18px; }
.site-footer__bottom a { color: #7891a4; }

@keyframes coreFloat { 50% { transform: translate(-50%, calc(-50% - 9px)); } }
@keyframes ringTurn { to { transform: rotate(360deg); } }
@keyframes nodeGlow { 50% { opacity: .45; box-shadow: 0 0 0 8px rgba(33,201,153,.035), 0 0 20px rgba(33,201,153,.75); } }
@keyframes flowPulse { from { left: 0; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } to { left: calc(100% - 8px); opacity: 0; } }
@keyframes flowSweep { from { left: 0; opacity: 0; } 20% { opacity: 1; } to { left: 66%; opacity: 0; } }
@keyframes flowPulseVertical { from { top: 0; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } to { top: calc(100% - 8px); opacity: 0; } }
@keyframes flowSweepVertical { from { top: 0; opacity: 0; } 20% { opacity: 1; } to { top: 66%; opacity: 0; } }
@keyframes coreBreathe { 50% { transform: translateY(-3px); box-shadow: 0 31px 68px rgba(6,31,58,.29), inset 0 0 55px rgba(42,181,166,.12); } }
@keyframes diagramNode { 50% { opacity: .48; transform: scale(.86); } }

@media (max-width: 1100px) {
  .site-nav { display: none; }
  .site-header { grid-template-columns: 1fr 1fr; }
  .hero__content { grid-template-columns: 1fr; padding-top: 40px; }
  .hero__copy { text-align: center; display: flex; flex-direction: column; align-items: center; }
  .hero h1 { max-width: 850px; }
  .hero__visual { min-height: 620px; }
  .collaboration-ribbon { grid-template-columns: 1fr 1fr; }
  .collaboration-ribbon__scope { display: none; }
  .manifesto__grid, .stack__intro, .ecosystem-context__head { grid-template-columns: 1fr; gap: 45px; }
  .mission-metrics, .research-tracks, .stack-grid, .applications-grid { grid-template-columns: 1fr; }
  .research-tracks article, .application { min-height: auto; }
  .collaboration__statement { grid-template-columns: minmax(430px, .95fr) minmax(0, 1.05fr); gap: 45px; }
  .research-alliance { min-height: 650px; padding: 20px; }
  .research-alliance__party { padding: 16px 14px; }
  .research-alliance__stage { padding: 14px 15px; grid-template-columns: 33px 1fr; gap: 11px; }
  .research-alliance__stage > span { width: 33px; height: 33px; }
  .applications__head { grid-template-columns: 1fr; gap: 40px; }
  .application__screen { height: 360px; }
  .impact { grid-template-columns: 1fr; grid-template-rows: auto; gap: 85px; text-align: center; }
  .impact-orbit { width: min(62vw, 520px); }
  .impact__copy { justify-self: center; }
  .impact__copy .section-kicker { justify-content: center; }
  .impact__pillars { grid-column: auto; text-align: left; }
  .alumni-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .alumni-profile__visual { height: 315px; }
  .alumni-profile__copy { min-height: 218px; }
}

@media (max-width: 900px) {
  .collaboration__statement { grid-template-columns: 1fr; }
  .research-alliance { width: min(100%, 680px); justify-self: center; }
  .alumni-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .alumni-profile__visual { height: 350px; }
}

@media (max-width: 700px) {
  .site-header { top: 10px; width: calc(100% - 20px); height: 64px; border-radius: 18px; }
  .brand__logo { width: 150px; }
  .header-cta { padding: 13px 14px; }
  .header-cta { font-size: 0; }
  .header-cta::before { content: "Explore"; font-size: 12px; }
  .header-cta span { padding-left: 6px; font-size: 12px; }
  .hero { padding: 102px 18px 18px; }
  .hero__content { min-height: auto; }
  .hero__copy { padding: 28px 0 8px; }
  .eyebrow { margin-bottom: 22px; font-size: 8px; }
  .hero h1 { font-size: clamp(56px, 18vw, 76px); line-height: .9; }
  .hero__lede { margin-top: 25px; font-size: 15px; }
  .hero__actions { width: 100%; }
  .button { flex: 1 1 150px; padding: 0 14px; }
  .hero__credentials { width: 100%; margin-top: 36px; justify-content: center; }
  .hero__credentials > div { min-width: 0; flex: 1; padding-right: 10px; flex-direction: column; }
  .hero__credentials > div + div { padding-left: 10px; }
  .hero__credentials strong { font-size: 21px; }
  .hero__credentials .hero__credential-word { max-width: 100%; font-size: 12px; }
  .hero__credentials span { font-size: 7px; }
  .hero__visual { min-height: 870px; }
  .intelligence-flow { width: 100%; min-height: auto; padding: 16px; border-radius: 23px; }
  .intelligence-flow__topline { align-items: flex-start; gap: 12px; }
  .intelligence-flow__topline small { max-width: 120px; line-height: 1.45; text-align: right; }
  .flow-map { min-height: auto; padding: 24px 0; grid-template-columns: 1fr; justify-items: center; }
  .flow-stage { width: 100%; }
  .flow-inputs, .flow-outcomes { grid-template-columns: repeat(3, 1fr); }
  .flow-inputs article, .flow-outcomes article { min-width: 0; min-height: 104px; padding: 10px 6px; flex-direction: column; justify-content: center; text-align: center; }
  .flow-inputs strong { white-space: normal; line-height: 1.35; }
  .flow-core { width: min(72vw, 260px); min-height: 250px; }
  .flow-link { width: 2px; height: 56px; margin: 9px 0; background: linear-gradient(180deg, rgba(31,127,174,.12), rgba(23,194,153,.55), rgba(31,127,174,.12)); }
  .flow-link::after { right: -3px; top: auto; bottom: -1px; transform: rotate(135deg); }
  .flow-link > span { left: 0; top: 0; width: 2px; height: 34%; background: linear-gradient(180deg, transparent, #63e9c8); animation-name: flowSweepVertical; }
  .flow-link > i { left: -3px; top: 0; animation-name: flowPulseVertical; }
  .intelligence-flow__legend { padding: 11px; flex-wrap: wrap; line-height: 1.6; }
  .collaboration-ribbon { min-height: 106px; padding: 18px; grid-template-columns: 1fr; text-align: center; }
  .collaboration-ribbon__label, .collaboration-ribbon strong { justify-content: center; }
  .collaboration-ribbon strong { margin-top: 14px; font-size: 14px; gap: 12px; }
  .section-pad { padding: 90px 19px; }
  .section-pad h2 { font-size: clamp(46px, 14vw, 64px); }
  .manifesto__grid, .stack__intro, .ecosystem-context__head { margin-top: 40px; gap: 30px; }
  .manifesto__copy p, .stack__intro > p { font-size: 15px; }
  .mission-metrics { margin-top: 60px; grid-template-columns: 1fr; }
  .mission-metrics > div, .mission-metrics > div + div { padding: 28px 0; border-left: 0; border-top: 1px solid var(--line); }
  .mission-metrics > div:first-child { border-top: 0; }
  .mission-metrics strong { margin-top: 25px; }
  .collaboration__header { align-items: flex-start; gap: 20px; }
  .collaboration__header > p { max-width: 145px; text-align: right; line-height: 1.5; }
  .collaboration__statement { margin-top: 60px; grid-template-columns: 1fr; text-align: center; }
  .research-alliance { width: 100%; min-height: auto; padding: 16px; border-radius: 22px; }
  .research-alliance__eyebrow { align-items: flex-start; }
  .research-alliance__eyebrow span, .research-alliance__eyebrow small { font-size: 9px; }
  .research-alliance__eyebrow small { max-width: 105px; text-align: right; line-height: 1.5; }
  .research-alliance__parties { grid-template-columns: 1fr; gap: 10px; }
  .research-alliance__party { min-height: 126px; padding: 17px; text-align: center; align-items: center; }
  .research-alliance__party::before { margin-bottom: 15px; }
  .research-alliance__party > div { justify-content: center; }
  .research-alliance__multiply { min-height: 24px; font-size: 25px; }
  .research-alliance__status { padding: 13px; align-items: flex-start; flex-direction: column; }
  .research-alliance__status small { text-align: left; }
  .research-alliance__path { grid-template-columns: 1fr; justify-items: stretch; }
  .research-alliance__stage { min-height: 118px; padding: 16px; grid-template-columns: 35px 1fr; }
  .research-alliance__stage > span { width: 35px; height: 35px; }
  .research-alliance__stage strong { font-size: 13px; }
  .research-alliance__stage p { font-size: 11px; }
  .research-alliance__connector { justify-self: center; width: 2px; height: 34px; background: linear-gradient(180deg, rgba(68,154,176,.1), rgba(91,224,192,.52), rgba(68,154,176,.1)); }
  .research-alliance__connector::after { right: -2px; top: auto; bottom: 0; transform: rotate(135deg); }
  .research-alliance__connector i, .research-alliance__connector b { left: -2px; top: 0; animation-name: allianceSignalVertical; }
  .research-alliance__legend { font-size: 9px; line-height: 1.7; }
  .research-alliance__legend span { display: block; height: 12px; transform: rotate(90deg); }
  .collaboration__eyebrow { justify-content: center; }
  .collaboration__statement h2 { font-size: 48px; }
  .collaboration__lede { font-size: 14px; }
  .research-tracks { margin-top: 65px; }
  .research-tracks article { padding: 18px; }
  .collaboration__note { grid-template-columns: 1fr; gap: 15px; }
  .stack-grid, .applications-grid { margin-top: 55px; }
  .stack-card { min-height: auto; }
  .technology-diagram { height: 225px; margin: 36px 0 34px; }
  .technology-diagram__canvas { height: 174px; }
  .protocol-flow { grid-template-columns: 1fr; gap: 11px; }
  .protocol-flow i { transform: rotate(90deg); justify-self: center; }
  .applications__head h2 { font-size: 47px; }
  .application__screen { height: 290px; }
  .impact { min-height: auto; gap: 60px; }
  .impact-orbit { width: min(78vw, 430px); }
  .impact-orbit__core small { font-size: 7px; }
  .impact-orbit__caption { bottom: 5%; font-size: 7px; }
  .impact__pillars { margin-top: 10px; grid-template-columns: 1fr; }
  .impact__pillars > div, .impact__pillars > div + div { padding: 26px 0; border-left: 0; border-top: 1px solid rgba(174,236,219,.18); }
  .ecosystem-context__head h2 { font-size: clamp(43px, 12vw, 58px); }
  .ecosystem-context__intro p { font-size: 13px; }
  .ecosystem-context__relationship, .ecosystem-context__disclosure { grid-template-columns: 1fr; gap: 13px; }
  .ecosystem-context__relationship { margin-top: 42px; }
  .alumni-grid { margin-top: 16px; grid-template-columns: 1fr; gap: 15px; }
  .alumni-profile__visual { height: 355px; }
  .alumni-profile__copy { min-height: 208px; }
  .vision { min-height: 760px; }
  .vision__rings { width: 540px; height: 540px; }
  .vision h2 { font-size: 65px; }
  .vision > p { font-size: 14px; }
  .vision__footer { gap: 12px; }
  .vision__footer span:nth-child(2) { display: none; }
  .site-footer { padding-top: 55px; }
  .site-footer__top { padding-bottom: 45px; grid-template-columns: 1fr; gap: 35px; }
  .site-footer__nav { grid-template-columns: repeat(4, auto); gap: 12px; }
  .site-footer__nav a { font-size: 10px; }
  .site-footer__bottom { grid-template-columns: 1fr auto; row-gap: 22px; }
  .site-footer__bottom > span:nth-child(2) { justify-self: end; }
  .site-footer__bottom > div { grid-column: 1 / -1; justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .research-alliance__connector i, .research-alliance__connector b { animation: none !important; opacity: .45; }
  .impact-orbit__node-track, .impact-orbit__sweep { animation: none !important; transform: none !important; }
  .impact-orbit__core { animation: none !important; transform: translate(-50%,-50%) !important; }
}