:root {
  color-scheme: light;
  --navy: #081d35;
  --ink: #102839;
  --jade: #137665;
  --light-jade: #a1e7cd;
  --gold: #d9bb80;
  --ice: #f4f8f7;
  --paper: #fcfdfc;
  --line: #cddbd8;
  --muted: #455e66;
  --gutter: clamp(1.25rem, 5.5vw, 6.8rem);
  --sans: "Inter", "Segoe UI", "Nirmala UI", "Microsoft YaHei", Arial, sans-serif;
  --serif: "Georgia", "Iowan Old Style", "Nirmala UI", "Songti SC", serif;
}
*, *::before, *::after {box-sizing:border-box}
html {scroll-padding-top:1rem}
body {margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.65 var(--sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img, svg {max-width:100%;vertical-align:middle}
a {color:var(--jade);text-underline-offset:.23em}
a, summary {touch-action:manipulation}
:focus-visible {outline:3px solid #bd8633;outline-offset:4px}
.wrap {width:min(100%,98rem);margin-inline:auto;padding-inline:var(--gutter)}
h1,h2,h3,p {overflow-wrap:break-word}
h1,h2,h3 {text-wrap:balance}
h1,h2 {font-family:var(--serif);font-weight:400}
h1 {margin:0;font-size:clamp(3.45rem,6.1vw,6.55rem);line-height:1.01;letter-spacing:-.055em;max-width:16ch}
h2 {margin:0;font-size:clamp(2.25rem,3.75vw,4.25rem);line-height:1.1;letter-spacing:-.047em}
h3 {margin:0;font-weight:580;font-size:clamp(1.3rem,1.8vw,1.85rem);line-height:1.23;letter-spacing:-.035em}
:lang(zh) :is(h1,h2,h3) {line-height:1.24;letter-spacing:-.025em}
:lang(hi) :is(h1,h2,h3) {line-height:1.27;letter-spacing:0}
p {margin:0}
.topbar {position:relative;z-index:9;color:var(--ink);background:#fcfdfc;border-bottom:1px solid #dce5e2}
.topbar>.wrap {display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:4.9rem}
.brand {display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit;font:620 clamp(1.45rem,2.25vw,2rem)/1.1 var(--sans);letter-spacing:-.055em;white-space:nowrap}
.brand img,.brand>svg {width:2.5rem;height:2.5rem;flex:none}
.tools,.primary {display:flex;align-items:center;min-width:0}
.tools {position:relative;gap:.5rem}
.primary {gap:clamp(1rem,2.1vw,2.2rem);margin-inline-end:clamp(.7rem,1.7vw,1.9rem)}
.primary a {display:inline-flex;align-items:center;position:relative;min-height:44px;text-decoration:none;color:var(--ink);font-size:.92rem;font-weight:560;white-space:nowrap}
.primary a:hover,.primary a[aria-current] {color:var(--jade)}
.primary a[aria-current]::after {content:"";position:absolute;bottom:3px;inset-inline:0;height:2px;background:var(--jade)}
.dropdown {position:relative}
summary {cursor:pointer}
summary::-webkit-details-marker {display:none}
.dropdown>summary {display:flex;align-items:center;justify-content:center;gap:.5rem;list-style:none;min-height:44px;padding:.42rem .78rem;color:var(--ink);border:1px solid var(--line);border-radius:2px;font:550 .86rem/1.35 var(--sans)}
.dropdown>summary:hover,.dropdown[open]>summary {background:#e9f2ee}
.dropdown>summary::after {content:"";width:.45rem;height:.45rem;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-.12rem) rotate(45deg)}
.dropdown[open]>summary::after {transform:translateY(.1rem) rotate(225deg)}
.panel {position:absolute;inset-inline-end:0;top:calc(100% + .5rem);z-index:10;min-width:13.5rem;max-height:70vh;overflow:auto;padding:.4rem;background:var(--paper);border:1px solid var(--line);box-shadow:0 16px 42px #081d3530}
.panel a {display:block;padding:.65rem .85rem;color:var(--ink);font-size:.94rem;text-decoration:none}
.panel a:hover,.panel a[aria-current] {background:#e4efe9;color:#155c51}
.hero {
  position:relative;overflow:hidden;isolation:isolate;color:#fff;background-color:var(--navy);
  background-image:radial-gradient(ellipse at 81% 50%,#1d5e6466 0%,#11344b4d 36%,transparent 64%),linear-gradient(112deg,#081b31 9%,#0a223b 50%,#0a293c 100%);
}
.hero::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#b2e2db0a 1px,transparent 1px),linear-gradient(90deg,#b2e2db0a 1px,transparent 1px);background-size:clamp(38px,4vw,72px) clamp(38px,4vw,72px);mask-image:linear-gradient(105deg,transparent 15%,#000 75%)}
.hero::after {content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#9fc6b1aa 35%,#d9bb80aa 65%,transparent)}
.hero-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(.8rem,2.2vw,2.6rem);min-height:clamp(31rem,43vw,45rem);padding-block:clamp(3.2rem,5.6vw,6.2rem)}
.hero-copy,.hero-art {position:relative;min-width:0}
.hero-copy {z-index:1}
.eyebrow {font:640 .73rem/1.6 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--jade);margin:0 0 1.25rem}
.hero .eyebrow {display:flex;align-items:center;gap:.74rem;color:#d4dfcd}
.hero .eyebrow::before,.section-head .eyebrow::before {content:"";width:2.15rem;height:2px;background:var(--gold);flex:none}
.hero .lead {margin:1.55rem 0 0;color:#d1dfe3;font-size:clamp(1.07rem,1.38vw,1.34rem);line-height:1.63;max-width:51ch}
.hero-art {margin:0;display:grid;place-items:center;align-self:stretch}
.hero-art img {width:108%;max-width:108%;height:100%;max-height:33rem;object-fit:contain;display:block;filter:drop-shadow(0 15px 28px #030c1b4d)}
.actions {display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.85rem}
.button {display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:46px;padding:.7rem 1.18rem;border:1px solid transparent;border-radius:2px;color:#082b30;background:#a4e5c9;font:620 .93rem/1.4 var(--sans);text-decoration:none;transition:background .18s,transform .18s}
.hero-copy>.button {margin-top:1.85rem}
.button svg,.email svg {width:1.15rem;height:1.15rem;flex:none}
.button:hover {background:#c8f5dc;transform:translateY(-2px)}
.button.secondary,.actions>.secondary {background:transparent;border-color:#799697;color:#eef8f5}
.button.secondary:hover,.actions>.secondary:hover {background:#aacac31a;border-color:#b5d2c9}
.inside .hero-grid {min-height:clamp(24rem,32vw,34rem);padding-block:clamp(2.8rem,4vw,4.5rem);grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr)}
.inside h1 {font-size:clamp(3.1rem,5.2vw,5.6rem);max-width:18ch}
.inside .hero-art img {max-height:23rem}
body[data-page="research"] .hero {background-color:#0b2a36;background-image:radial-gradient(ellipse at 83% 45%,#295b5d,transparent 57%),linear-gradient(110deg,#081d35,#123245)}
body[data-page="brain-health"] .hero {background-color:#102c40;background-image:radial-gradient(ellipse at 78% 45%,#245456,transparent 60%),linear-gradient(110deg,#071d32,#18344b)}
.section,.focus-layout,.stage,.engage,.contacts {padding-block:clamp(3.3rem,6vw,6.8rem)}
.section :is(.focus-layout,.stage,.engage,.contacts),.stage .section,.engage .section {padding-block:0}
.section-head {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:end;gap:.6rem clamp(1rem,6vw,6rem);margin-bottom:clamp(1.6rem,3vw,3.1rem)}
.section-head .eyebrow {grid-column:1/-1;margin:0;display:flex;align-items:center;gap:.6rem}
.section-head h2 {max-width:19ch}
.section-head p:not(.eyebrow) {color:var(--muted);font-size:1.04rem;max-width:58ch}
.areas {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,2rem)}
.area {position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #c5d6d3;color:var(--ink);background:var(--paper);text-decoration:none;transition:transform .22s,border-color .22s,box-shadow .22s}
.area:hover {transform:translateY(-4px);border-color:#749b91;box-shadow:0 12px 28px #163b4112}
.plate {display:grid;place-items:center;overflow:hidden;margin:0;background:radial-gradient(ellipse at 54% 45%,#224a53,#0c263b 78%);border-bottom:1px solid #cedbd7;aspect-ratio:2.2}
.plate img {display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s}
.area:hover .plate img {transform:scale(1.045)}
.card-copy {display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:clamp(1.2rem,2.2vw,2.25rem)}
.card-copy h3 {margin:0}
.area p,.engage-card p,.step p,.article p,.faq p,.contact-card p {color:var(--muted);margin:.75rem 0 0;max-width:64ch}
.card-copy>svg:last-child,.area>svg:last-child,.engage-card>svg:last-child {display:block;color:var(--jade);width:1.5rem;height:1.5rem;margin-top:auto;box-sizing:content-box;padding-top:1.4rem}
.stage {background:var(--ice);border-block:1px solid var(--line)}
.steps,.engage,.contacts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.1rem,2.5vw,2.6rem)}
.engage:has(>.wrap),.contacts:has(>.wrap) {display:block}
.engage>.wrap,.contacts>.wrap {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.1rem,2.5vw,2.6rem)}
.step {position:relative;min-width:0;padding:1.45rem 0 0;border-top:1px solid #80a69b}
.step::before {content:"";position:absolute;left:0;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--jade)}
.step:nth-child(2)::before {background:var(--ice);border:1.5px solid var(--jade)}
.engage-card,.contact-card {display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(1.5rem,3.4vw,3.75rem);color:var(--ink);background:#eaf2ee;border-top:2px solid #6b9d8c;text-decoration:none}
.engage-card:nth-child(2),.contact-card:nth-child(2) {background:#eef1f4;border-color:#75909d}
.engage-card:hover {background:#dfebe5}
.engage-card h2,.contact-card h2 {font-size:clamp(1.8rem,2.75vw,3.1rem)}
.focusnav {display:flex;align-items:center;flex-wrap:wrap;gap:.25rem 1.6rem;border-bottom:1px solid var(--line);padding-block:.65rem}
.focusnav a {display:inline-flex;min-height:44px;align-items:center;text-decoration:none;color:var(--muted)}
.focusnav a:hover,.focusnav a[aria-current] {color:var(--jade);text-decoration:underline;text-underline-offset:.4em}
.article {position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem clamp(2rem,7vw,8rem);padding-block:clamp(1.9rem,3.3vw,3.4rem);border-top:1px solid var(--line)}
.article:has(>.article-index) {grid-template-columns:auto minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(1.3rem,4vw,4.5rem)}
.article h2 {font-size:clamp(1.85rem,3.1vw,3.35rem);max-width:21ch}
.article p {margin:0;font-size:clamp(1.04rem,1.35vw,1.19rem);line-height:1.75}
.article-index {color:var(--jade);font-size:.8rem;font-weight:650;letter-spacing:.08em}
.email,.contact-card a {display:inline-flex;align-items:center;gap:.6rem;max-width:100%;margin-top:1rem;font-weight:620;text-underline-offset:.28em}
a[href^="mailto:"] {overflow-wrap:anywhere}
.faq h2 {margin-bottom:1.6rem}
.faq details,details.faq {border-top:1px solid var(--line);padding-block:1.1rem}
.faq details:last-child {border-bottom:1px solid var(--line)}
.faq summary {display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;font-size:1.06rem;font-weight:590;color:var(--ink)}
.faq summary::after {content:"";flex:none;width:.65rem;height:.65rem;margin-inline-end:.4rem;border:solid var(--jade);border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
.faq details[open] summary::after {transform:rotate(225deg)}
footer {background:#081d35;color:#edf4f2;border-top:3px solid #abcbbb;padding-block:clamp(2.3rem,3.9vw,4.5rem)}
.footgrid {display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.7rem 3rem}
.footgrid>.brand,.footgrid .brand {color:white}
footer p {color:#c1d1d4;font-size:.92rem}
footer nav,.footnav {display:flex;flex-wrap:wrap;align-items:center;gap:.45rem 1.3rem;max-width:52rem}
footer a {color:#d8e6e3;overflow-wrap:anywhere}
footer nav a {display:inline-block;padding:.3rem 0;text-decoration:none;font-size:.9rem}
footer nav a:hover,footer nav a[aria-current] {text-decoration:underline;color:white}
.skip {position:fixed;z-index:50;left:1rem;top:-9rem;padding:.7rem 1rem;background:white;color:var(--ink)}
.skip:focus {top:.6rem}
@media(max-width:68rem) {
  .primary {display:none}
  .hero-grid {min-height:29rem}
}
@media(max-width:52rem) {
  .hero-grid,.inside .hero-grid {grid-template-columns:1fr;min-height:0;row-gap:.35rem;padding-block:2.8rem 1.25rem}
  .hero h1,.inside h1 {font-size:clamp(2.75rem,8.2vw,4.55rem);max-width:19ch}
  .hero-art {justify-self:center;width:min(100%,28rem)}
  .hero-art img,.inside .hero-art img {width:100%;max-width:100%;height:clamp(12rem,48vw,20rem)}
  .inside .hero-art img {height:clamp(10rem,37vw,15rem)}
  .hero .lead {margin-top:1.1rem}
  .section-head {grid-template-columns:1fr;align-items:start}
  .areas {grid-template-columns:1fr}
  .area {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .plate {height:100%;aspect-ratio:auto;border-bottom:0;border-inline-end:1px solid #cedbd7}
  .card-copy {padding:1.5rem}
  .topbar>.wrap {min-height:4.25rem;gap:.5rem}
  .dropdown {position:static}
  .panel {max-width:calc(100vw - 2.5rem)}
}
@media(max-width:37rem) {
  .brand {font-size:1.35rem;gap:.35rem}
  .brand img,.brand>svg {width:1.95rem;height:1.95rem}
  .tools {gap:.25rem}
  .dropdown>summary {padding-inline:.5rem;font-size:.78rem;gap:.38rem}
  .hero-grid,.inside .hero-grid {padding-top:2.45rem}
  .hero .eyebrow {margin-bottom:1rem}
  .hero .lead {font-size:1.03rem}
  .actions {gap:.6rem;margin-top:1.45rem}
  .area {display:flex}
  .plate {height:auto;aspect-ratio:2.5;border-inline-end:0}
  .steps,.engage,.contacts,.engage>.wrap,.contacts>.wrap {grid-template-columns:1fr}
  .article,.article:has(>.article-index) {grid-template-columns:1fr;gap:.7rem}
  .footgrid {display:grid;grid-template-columns:1fr}
}
@media(max-width:23rem) {
  .topbar>.wrap {padding-inline:.7rem}
  .dropdown>summary {padding-inline:.32rem}
  .actions .button {max-width:100%}
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {transition:none!important;scroll-behavior:auto!important}
}
.section-head>div>.eyebrow {margin-bottom:.75rem}
.step>.eyebrow,.engage-card>.eyebrow {margin:0 0 .8rem;color:var(--jade)}
.dropdown summary>svg {width:1rem;height:1rem;flex:none}
.contact-card .email {color:#082b30;text-decoration:none}

/* The masthead and hero share a continuous dark surface. */
.topbar {background:#081b31;border-color:#b7d5d52e;color:#fff}
.topbar .brand,footer .brand {font-weight:560;letter-spacing:.09em;text-transform:uppercase;font-size:clamp(1.08rem,1.55vw,1.65rem)}
.topbar .brand img,footer .brand img {outline:1px solid #96bea656;border-radius:23%}
.primary a,.dropdown>summary {color:#e7f0f1}
.primary a:hover,.primary a[aria-current] {color:#a1e7cd}
.dropdown>summary {border-color:#91b6c344}
.dropdown>summary:hover,.dropdown[open]>summary {background:#204351}
.hero-art::before {content:"";position:absolute;pointer-events:none;z-index:-1;inset:3% 0 1%;border:1px solid #a6c6c322;border-radius:50%;transform:rotate(-19deg) scaleX(1.09)}
body[data-page="home"] .hero-art {isolation:isolate}
body[data-page="home"] .hero-art::after {content:"";position:absolute;z-index:-1;pointer-events:none;width:65%;height:93%;border:1px solid #b2c4a721;border-radius:50%;transform:rotate(30deg)}
.hero .button.secondary {border-color:#839eaa80;padding-inline:1.2rem}
@media(max-width:37rem){.topbar .brand {font-size:1.03rem}.hero .button {font-size:.84rem}.topbar .brand img{width:1.8rem;height:1.8rem}}
