.research-hero { overflow: hidden; padding: clamp(68px, 8vw, 112px) 0 0; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 85% 5%, color-mix(in srgb, var(--motion) 12%, transparent), transparent 30%), var(--bg); }
.research-hero__grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(360px, .68fr); gap: clamp(50px, 8vw, 120px); align-items: end; }
.research-hero h1 { max-width: 840px; margin-bottom: 26px; font-size: clamp(2.8rem, 5.1vw, 5.2rem); }
.research-hero__lede { max-width: 780px; color: var(--ink); font-size: clamp(1.1rem, 1.55vw, 1.3rem); }
.research-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 32px; }
.evidence-ledger { padding: 28px; border: 1px solid var(--line); border-top: 4px solid var(--motion); background: var(--surface); box-shadow: 0 24px 70px rgba(6,26,43,.1); }
.evidence-ledger > div { display: grid; grid-template-columns: .65fr 1.25fr auto; gap: 14px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--line); }
.evidence-ledger > div > span { color: var(--muted); font-size: 11px; }.evidence-ledger > div > strong { font-size: 12px; }
.ledger-note { margin: 18px 0 0; font-size: 12px; }
.evidence-state { display: inline-flex; width: fit-content; padding: 5px 8px; border: 1px solid #4e8768; color: #2f6e4c; background: rgba(63,139,91,.08); font-size: 8px; font-weight: 720; letter-spacing: .07em; line-height: 1.2; text-transform: uppercase; }
.evidence-state--qualified { border-color: #ad7c31; color: #8b5f1e; background: rgba(173,124,49,.08); }.evidence-state--planned { border-color: #527e9c; color: #396b8d; background: rgba(63,129,172,.08); }
[data-theme="dark"] .evidence-state { color: #86c99e; }[data-theme="dark"] .evidence-state--qualified { color: #e2b46d; }[data-theme="dark"] .evidence-state--planned { color: #8ec4e4; }
.research-proof { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: clamp(58px, 8vw, 94px); border-top: 1px solid var(--line); }
.research-proof span { padding: 20px; border-right: 1px solid var(--line); color: var(--ink-strong); font-size: 12px; font-weight: 650; text-align: center; }.research-proof span:last-child { border-right: 0; }
.research-nav { position: sticky; top: 88px; z-index: 50; border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 94%, transparent); backdrop-filter: blur(16px); }
.research-nav .shell { display: flex; overflow-x: auto; scrollbar-width: none; }.research-nav .shell::-webkit-scrollbar { display: none; }.research-nav a { display: inline-flex; min-height: 44px; flex: 0 0 auto; align-items: center; padding: 12px 17px; color: var(--muted); font-size: 11px; font-weight: 650; }.research-nav a:first-child { padding-left: 0; }.research-nav a:hover { color: var(--ink-strong); }
.research-heading-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(50px, 9vw, 130px); align-items: start; }.research-heading-grid h2 { max-width: 620px; }.research-heading-grid > div:last-child { padding-top: 42px; }.research-heading-grid > div:last-child p { color: var(--ink); font-size: 1.08rem; }
.philosophy-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 68px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.philosophy-grid article { min-height: 330px; padding: 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--surface); }.philosophy-grid article > span { color: var(--motion); font-family: var(--font-technical); font-size: 8px; }.philosophy-grid h3 { margin: 86px 0 14px; font-size: 1.45rem; }.philosophy-grid p { margin: 0; font-size: 14px; }
.research-section-grid { display: grid; grid-template-columns: minmax(280px,.72fr) minmax(0,1.28fr); gap: clamp(50px,8vw,120px); align-items: start; }.research-section-grid > header { position: sticky; top: 168px; }.research-section-grid > header h2 { font-size: clamp(2.2rem,3.7vw,3.65rem); }.research-section-grid > header p:last-child { max-width: 500px; }
.methodology-steps { display: grid; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }.methodology-steps li { display: grid; grid-template-columns: 58px 1fr; gap: 20px; padding: 24px 0; border-bottom: 1px solid var(--line); }.methodology-steps li > span { color: var(--motion); font-family: var(--font-technical); font-size: 8px; }.methodology-steps b { display: block; color: var(--muted); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }.methodology-steps h3 { margin: 8px 0; font-size: 1.25rem; }.methodology-steps p { margin: 0; }
.metric-strip { display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 56px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.metric-strip span { padding: 18px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--ink-strong); font-size: 11px; font-weight: 650; text-align: center; }
.intended-use-list { border-top: 1px solid var(--line); }.intended-use-list article { display: grid; grid-template-columns: .55fr 1.45fr; gap: 34px; padding: 30px 0; border-bottom: 1px solid var(--line); }.intended-use-list h3 { margin-top: 22px; font-size: 1.6rem; }.intended-use-list p { margin-bottom: 12px; }.intended-use-list b { color: var(--ink-strong); }
.limitations-layout > header { max-width: 900px; margin-bottom: 58px; }.limitations-layout > header h2 { color: #fff; font-size: clamp(2.4rem,4vw,4.1rem); }.limitations-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #315976; border-left: 1px solid #315976; }.limitations-grid article { min-height: 275px; padding: 28px; border-right: 1px solid #315976; border-bottom: 1px solid #315976; }.limitations-grid span { color: #67b8df; font-family: var(--font-technical); font-size: 8px; letter-spacing: .1em; }.limitations-grid h3 { margin: 58px 0 14px; color: #fff; }.limitations-grid p { margin: 0; color: #adc2ce; font-size: 14px; }
.dataset-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 62px; }.dataset-grid article { display: grid; grid-template-columns: 110px 1fr; gap: 28px; padding: 30px; border: 1px solid var(--line); background: var(--surface); }.dataset-type { display: grid; width: 92px; height: 112px; place-items: center; border: 1px solid var(--motion); background: color-mix(in srgb,var(--motion) 10%,var(--bg)); color: var(--motion); font-family: var(--font-technical); font-size: 11px; }.dataset-type--ergo { border-color: var(--ergo); color: var(--ergo); background: color-mix(in srgb,var(--ergo) 10%,var(--bg)); }.dataset-grid h3 { margin: 22px 0 12px; font-size: 1.5rem; }.dataset-grid dl { margin: 24px 0; border-top: 1px solid var(--line); }.dataset-grid dl div { display: grid; grid-template-columns: 85px 1fr; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--line); font-size: 12px; }.dataset-grid dt { color: var(--muted); }.dataset-grid dd { margin: 0; color: var(--ink-strong); }.dataset-grid code { font-size: 10px; overflow-wrap: anywhere; }.dataset-notice { display: grid; grid-template-columns: 160px 1fr; gap: 28px; margin-top: 24px; padding: 24px; border: 1px solid var(--line); }.dataset-notice p { margin: 0; }