:root {
  color-scheme: light;
  --bg: #f4f4f2;
  --surface: #fbfbf9;
  --surface-strong: #ffffff;
  --ink: #171717;
  --muted: #666662;
  --line: #d8d8d3;
  --accent: #c80c18;
  --accent-dark: #920914;
  --accent-soft: #f5dadd;
  --shadow: 0 24px 70px rgba(43, 26, 28, 0.11);
  --radius: 6px;
  --header-height: 72px;
  font-family: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--ink); line-height: 1.65; letter-spacing: 0; }
img { display: block; max-width: 100%; }
button, a { font: inherit; }
a { color: inherit; }

.scroll-progress { position: fixed; inset: 0 auto auto 0; z-index: 30; width: 100%; height: 3px; background: var(--accent); transform: scaleX(0); transform-origin: left; }
@supports (animation-timeline: scroll()) {
  .scroll-progress { animation: scroll-progress linear both; animation-timeline: scroll(); }
  @keyframes scroll-progress { to { transform: scaleX(1); } }
}

.skip-link { position: fixed; left: 16px; top: -60px; z-index: 20; background: var(--ink); color: var(--surface); padding: 10px 14px; }
.skip-link:focus { top: 12px; }

.site-header {
  position: sticky; top: 0; z-index: 10; height: var(--header-height); padding: 0 clamp(20px, 4vw, 64px);
  display: flex; align-items: center; justify-content: space-between; gap: 28px;
  background: color-mix(in srgb, var(--bg) 92%, transparent); backdrop-filter: blur(16px); border-bottom: 1px solid var(--line);
}
.brand { display: flex; align-items: center; gap: 14px; text-decoration: none; font-weight: 700; white-space: nowrap; }
.brand img { width: 170px; height: auto; }
.brand span { padding-left: 14px; border-left: 1px solid var(--line); }
nav { display: flex; gap: clamp(16px, 2.2vw, 34px); white-space: nowrap; }
nav a { text-decoration: none; color: var(--muted); font-size: 14px; transition: color .25s ease; }
nav a:hover, nav a:focus-visible { color: var(--accent); }

.hero { min-height: calc(100dvh - var(--header-height)); display: grid; grid-template-columns: minmax(360px, .9fr) minmax(500px, 1.1fr); position: relative; overflow: clip; }
.hero::before { content: ""; position: absolute; inset: 0 0 auto; height: 6px; background: var(--accent); }
.hero-copy { padding: clamp(64px, 9vw, 132px) clamp(26px, 6vw, 96px) 56px; align-self: center; }
.kicker { margin: 0 0 24px; color: var(--accent); font-size: 13px; font-weight: 700; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 24px; font-size: clamp(44px, 3.8vw, 58px); line-height: 1.12; font-weight: 850; letter-spacing: 0; }
.hero-summary { max-width: 30em; margin-bottom: 32px; color: var(--muted); font-size: 18px; }
.primary-link { display: inline-flex; align-items: center; gap: 22px; padding: 12px 0; border-bottom: 2px solid var(--accent); color: var(--ink); text-decoration: none; font-weight: 700; }
.primary-link span { color: var(--accent); transition: transform .25s ease; }
.primary-link:hover span { transform: translateY(4px); }

.hero-proof { position: relative; min-height: 560px; background: var(--accent); color: #fff9f9; overflow: hidden; }
.hero-proof::after { content: ""; position: absolute; width: 55%; height: 160%; left: 30%; top: -30%; background: rgba(255,255,255,.07); transform: skewX(-16deg); pointer-events: none; }
.hero-taxonomy { position: relative; z-index: 2; padding: clamp(54px, 8vw, 100px) clamp(30px, 5vw, 76px); }
.hero-taxonomy > p { margin-bottom: 34px; font-size: 13px; opacity: .78; }
.taxonomy-row { display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: 8px 28px; padding: 24px 0; border-bottom: 1px solid rgba(255,255,255,.34); }
.taxonomy-row span { font-size: clamp(38px, 4.8vw, 66px); font-weight: 850; line-height: 1; }
.taxonomy-row strong { font-size: clamp(28px, 3vw, 44px); font-variant-numeric: tabular-nums; }
.taxonomy-row small { grid-column: 1 / -1; color: #ffe4e6; font-size: 13px; }

.hero-stats { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, 1fr); background: var(--surface-strong); border-top: 1px solid var(--line); }
.hero-stats > div { min-height: 108px; padding: 24px clamp(22px, 3vw, 46px); border-right: 1px solid var(--line); display: flex; flex-direction: column; justify-content: center; }
.hero-stats > div:last-child { border-right: 0; }
.hero-stats span { color: var(--muted); font-size: 13px; }
.hero-stats strong { margin-top: 4px; font-size: 23px; font-variant-numeric: tabular-nums; }

.section-shell { padding: clamp(92px, 11vw, 164px) clamp(22px, 6vw, 96px); }
.section-heading { max-width: 840px; margin-bottom: clamp(54px, 7vw, 92px); }
h2 { margin-bottom: 22px; font-size: clamp(34px, 4.2vw, 64px); line-height: 1.14; letter-spacing: 0; }
.section-heading p, .method-copy p { color: var(--muted); font-size: 18px; max-width: 66ch; }

.team { background: var(--surface); }
.team-track { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 54px clamp(28px, 4vw, 58px); }
.person { display: grid; grid-template-columns: 108px minmax(0, 1fr); align-items: start; gap: 20px; padding-top: 18px; border-top: 1px solid var(--line); min-width: 0; }
.person img { width: 108px; aspect-ratio: 3 / 4; object-fit: cover; object-position: center top; background: #ececea; filter: saturate(.78); }
.person img, .person h3 { transition: transform .45s cubic-bezier(.16,1,.3,1), filter .45s ease, color .3s ease; }
.person:hover img { transform: translateY(-5px); filter: saturate(1); }
.person:hover h3 { color: var(--accent); transform: translateX(3px); }
.person h3 { margin: 0; font-size: 23px; }
.person .role { margin: 3px 0 14px; color: var(--accent); font-weight: 700; }
.person p:last-child { margin-bottom: 0; color: var(--muted); font-size: 14px; }
.source-line { margin: 36px 0 0; color: var(--muted); font-size: 12px; }

.products { background: var(--bg); }
.products-intro { display: grid; grid-template-columns: 1.15fr .85fr; gap: 8vw; align-items: end; margin-bottom: 72px; }
.products-intro h2 { margin-bottom: 0; }
.products-intro > p { margin-bottom: 8px; color: var(--muted); font-size: 17px; max-width: 52ch; }
.category-directory { position: sticky; top: var(--header-height); z-index: 8; display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 0 76px; background: color-mix(in srgb, var(--surface-strong) 94%, transparent); border-bottom: 1px solid var(--line); backdrop-filter: blur(16px); }
.category-directory a { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 12px clamp(16px, 2.5vw, 30px); color: var(--muted); text-decoration: none; transition: color .24s ease, background .24s ease; }
.category-directory a + a { border-left: 1px solid var(--line); }
.category-directory a span { font-size: 20px; font-weight: 800; }
.category-directory a strong { font-size: 11px; font-variant-numeric: tabular-nums; }
.category-directory a:hover, .category-directory a:focus-visible, .category-directory a.is-active { color: var(--accent); background: var(--surface); }
.category-directory i { position: absolute; left: 0; bottom: -1px; width: 33.333%; height: 3px; background: var(--accent); transform: translateX(0); transition: transform .46s cubic-bezier(.16,1,.3,1); }
.category-directory[data-active="equity"] i { transform: translateX(100%); }
.category-directory[data-active="commodity"] i { transform: translateX(200%); }
.product-category { scroll-margin-top: calc(var(--header-height) + 78px); }
.product-category + .product-category { margin-top: 130px; }
.category-heading { position: relative; display: grid; grid-template-columns: .75fr 1.25fr; gap: 8vw; align-items: end; padding: 0 0 38px; }
.category-heading::after { content: ""; position: absolute; inset: auto 0 0; height: 1px; background: var(--line); }
.category-heading span { color: var(--accent); font-size: 12px; font-weight: 750; }
.category-heading h2 { margin: 2px 0 0; font-size: clamp(52px, 7vw, 92px); line-height: 1; transition: color .35s ease; }
.category-heading p { max-width: 60ch; margin-bottom: 7px; color: var(--muted); }
.product-category.is-active .category-heading h2 { color: var(--accent); }
.product-list { border-bottom: 1px solid var(--line); }
.product-record { position: relative; display: grid; grid-template-columns: 92px minmax(330px, .9fr) minmax(390px, 1.1fr); gap: clamp(28px, 4vw, 68px); align-items: center; min-height: 390px; padding: 54px 0; border-top: 1px solid var(--line); overflow: clip; }
.product-record::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 2px; background: var(--accent); transform: scaleY(0); transform-origin: top; transition: transform .55s cubic-bezier(.16,1,.3,1); }
.product-record:hover::before, .product-record:focus-within::before { transform: scaleY(1); }
.product-record:hover, .product-record:focus-within { z-index: 9; overflow: visible; }
.product-index { align-self: stretch; display: flex; flex-direction: column; justify-content: space-between; }
.product-index span { color: var(--accent); font-size: 46px; font-weight: 850; line-height: 1; font-variant-numeric: tabular-nums; }
.product-index em { color: var(--muted); font-size: 12px; font-style: normal; writing-mode: vertical-rl; }
.product-family { margin-bottom: 5px; color: var(--ink); font-size: clamp(30px, 3.1vw, 44px); font-weight: 850; line-height: 1.18; }
.product-summary h3 { margin-bottom: 18px; color: var(--accent); font-size: clamp(21px, 2vw, 28px); line-height: 1.25; }
.product-summary > p:last-of-type { color: var(--muted); max-width: 58ch; }
.strategy-jump { color: var(--accent); font-weight: 750; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.strategy-jump:hover, .strategy-jump:focus-visible { color: var(--accent-dark); }
.product-metrics { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 32px; border-top: 1px solid var(--line); }
.product-metrics-four { grid-template-columns: repeat(4, 1fr); }
.product-metrics > div { padding: 18px 12px 0 0; min-width: 0; }
.product-metrics span { display: block; color: var(--muted); font-size: 12px; }
.product-metrics strong { display: block; margin-top: 4px; font-size: clamp(18px, 1.8vw, 26px); font-variant-numeric: tabular-nums; }
.product-tags strong { font-size: 16px; }
.product-evidence { position: relative; min-width: 0; }
.product-chart { display: block; width: 100%; height: auto; overflow: visible; }
.product-chart { transform-origin: center; transition: transform .7s cubic-bezier(.16,1,.3,1); }
.product-record:hover .product-chart { transform: scale(1.018); }
.product-chart .mini-grid { stroke: #d4d4cf; stroke-width: 1; }
.product-chart .mini-axis-line { stroke: #85857f; stroke-width: 1.25; }
.product-chart .mini-axis-title { fill: var(--ink); font-size: 10px; font-weight: 700; }
.product-chart .mini-line { fill: none; stroke: var(--accent); stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; }
.product-chart .mini-line:nth-of-type(2) { stroke: #777773; stroke-width: 2; opacity: .72; }
.product-chart .mini-line:nth-of-type(3) { stroke: #8f8f88; stroke-width: 2; opacity: .72; }
.product-chart .mini-line:nth-of-type(4) { stroke: #c7a34c; stroke-width: 2; opacity: .82; }
.product-chart .mini-line:nth-of-type(5) { stroke: #7c5e87; stroke-width: 2; opacity: .7; }
.product-chart .mini-gap { fill: none; stroke: var(--accent); stroke-width: 2.5; stroke-dasharray: 6 6; opacity: .62; }
.product-chart .mini-end { fill: var(--surface-strong); stroke: var(--accent); stroke-width: 3; }
.product-chart .mini-axis-label { fill: #5f5f5a; font-size: 10px; font-weight: 520; font-variant-numeric: tabular-nums; }
.product-chart .mini-axis-y { font-size: 9px; }
.product-chart .mini-hover { opacity: 0; transition: opacity .16s ease; pointer-events: none; }
.product-chart .mini-hover.is-active { opacity: 1; }
.product-chart .mini-hover-line { stroke: var(--accent); stroke-width: 1; stroke-dasharray: 4 4; opacity: .52; }
.product-chart .mini-hover-dot { fill: var(--surface-strong); stroke: var(--accent); stroke-width: 2.5; }
.product-chart .mini-hover-dot[data-hover-index="1"] { stroke: #777773; }
.product-chart .mini-hover-dot[data-hover-index="2"] { stroke: #8f8f88; }
.product-chart .mini-hover-dot[data-hover-index="3"] { stroke: #c7a34c; }
.product-chart-tooltip { position: absolute; top: 8px; z-index: 3; min-width: 190px; max-width: 260px; padding: 13px 15px; background: rgba(255,255,255,.96); border: 1px solid var(--line); border-radius: 4px; box-shadow: 10px 16px 34px rgba(35,24,25,.14); opacity: 0; transform: translate(-50%, -8px); transition: opacity .16s ease, transform .22s cubic-bezier(.16,1,.3,1); pointer-events: none; }
.product-chart-tooltip.is-active { opacity: 1; transform: translate(-50%, 0); }
.product-chart-tooltip.is-right { transform: translate(-100%, -8px); }
.product-chart-tooltip.is-right.is-active { transform: translate(-100%, 0); }
.product-chart-tooltip time { display: block; margin-bottom: 8px; color: var(--muted); font-size: 11px; font-variant-numeric: tabular-nums; }
.product-chart-tooltip span { display: grid; grid-template-columns: 7px 1fr auto; align-items: center; gap: 7px; margin-top: 5px; font-size: 11px; }
.product-chart-tooltip span i { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); }
.product-chart-tooltip span:nth-of-type(2) i { background: #777773; }
.product-chart-tooltip span:nth-of-type(3) i { background: #8f8f88; }
.product-chart-tooltip span:nth-of-type(4) i { background: #c7a34c; }
.product-chart-tooltip span b { overflow: hidden; color: var(--muted); font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.product-chart-tooltip span strong { color: var(--ink); font-variant-numeric: tabular-nums; }
.product-legend { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 10px; color: var(--muted); font-size: 11px; }
.product-legend span::before { content: ""; display: inline-block; width: 15px; height: 2px; margin: 0 7px 3px 0; background: var(--accent); }
.product-legend span:nth-child(2)::before { background: #777773; }
.product-legend span:nth-child(3)::before { background: #8f8f88; }
.product-legend span:nth-child(4)::before { background: #c7a34c; }

.method { background: var(--ink); color: var(--surface); position: relative; overflow: clip; }
.method { scroll-margin-top: var(--header-height); }
.method:target .delta-core { animation: method-target 1.1s cubic-bezier(.16,1,.3,1); }
@keyframes method-target { 0% { transform: scale(.76); box-shadow: 0 0 0 0 rgba(200,12,24,.7); } 70% { box-shadow: 0 0 0 34px rgba(200,12,24,0); } 100% { transform: scale(1); } }
.method::before { content: "Δ"; position: absolute; right: -4vw; top: 3vw; color: rgba(255,255,255,.025); font-size: min(48vw, 620px); font-weight: 900; line-height: .8; }
.method-copy { position: relative; z-index: 1; max-width: 880px; }
.method-copy p { color: #bcbcb7; }
.method-thesis { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 78px; border-top: 1px solid #42423f; border-bottom: 1px solid #42423f; }
.method-thesis article { min-width: 0; padding: 34px clamp(20px, 3vw, 42px) 38px 0; }
.method-thesis article + article { padding-left: clamp(20px, 3vw, 42px); border-left: 1px solid #42423f; }
.method-thesis span { color: var(--accent); font-size: 12px; font-weight: 800; }
.method-thesis strong { display: block; margin: 12px 0 14px; color: #fff; font-size: clamp(20px, 2vw, 28px); line-height: 1.3; }
.method-thesis p { margin: 0; color: #a8a8a3; font-size: 14px; }
.risk-pipeline { position: relative; z-index: 1; margin-top: 92px; padding-top: 32px; }
.pipeline-track { position: absolute; left: 4%; right: 4%; top: 7px; height: 2px; overflow: hidden; background: #3c3c39; }
.pipeline-track i { display: block; width: 100%; height: 100%; background: var(--accent); transform: scaleX(0); transform-origin: left; }
.risk-pipeline ol { display: grid; grid-template-columns: repeat(5, 1fr); gap: 22px; margin: 0; padding: 0; list-style: none; }
.risk-pipeline li { position: relative; min-width: 0; }
.risk-pipeline li::before { content: ""; position: absolute; top: -31px; left: 0; width: 12px; height: 12px; border: 2px solid var(--accent); border-radius: 50%; background: var(--ink); box-shadow: 0 0 0 6px var(--ink); }
.risk-pipeline li span { display: block; color: #fff; font-size: 18px; font-weight: 800; }
.risk-pipeline li small { display: block; margin-top: 5px; color: #8f8f8a; font-size: 12px; }
.delta-stage { position: relative; z-index: 1; margin-top: 84px; display: grid; grid-template-columns: minmax(300px, .85fr) 1.15fr; gap: 8vw; align-items: center; }
.delta-orbit { position: relative; width: min(34vw, 420px); aspect-ratio: 1; margin-inline: auto; display: grid; place-items: center; }
.delta-core { width: 42%; aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center; background: var(--accent); color: white; font-size: clamp(70px, 9vw, 122px); font-weight: 800; box-shadow: 16px 20px 46px rgba(0,0,0,.28); }
.orbit { position: absolute; inset: 4%; border: 1px solid #5e5e5b; border-radius: 50%; }
.orbit-two { inset: 21%; border-color: #8c363b; }
.delta-stage ol { list-style: none; margin: 0; padding: 0; }
.delta-stage li { display: grid; grid-template-columns: minmax(140px, .65fr) 1.35fr; gap: 22px; padding: 21px 0; border-bottom: 1px solid #383836; }
.delta-stage li strong { color: #fff; }
.delta-stage li span { color: #a8a8a3; }
.method-shift { position: relative; z-index: 1; margin-top: 110px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 34px; align-items: center; }
.method-shift > div:not(.shift-arrow) { padding: 30px 0; border-top: 4px solid #4b4b48; display: grid; gap: 10px; }
.method-shift > div:last-child { border-color: var(--accent); }
.method-shift span { color: #999994; font-size: 13px; }
.method-shift strong { font-size: clamp(19px, 2vw, 28px); }
.shift-arrow { color: var(--accent); font-size: 48px; }
.method-capabilities { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 104px; background: #20201f; }
.method-capabilities article { padding: clamp(30px, 4vw, 54px); border-top: 3px solid #4b4b48; }
.method-capabilities article + article { border-left: 1px solid #383836; }
.method-capabilities article:hover { border-top-color: var(--accent); background: #252523; }
.method-capabilities span { color: var(--accent); font-size: 12px; font-weight: 800; }
.method-capabilities h3 { margin: 16px 0 18px; color: #fff; font-size: clamp(22px, 2.2vw, 32px); line-height: 1.25; }
.method-capabilities p { margin: 0; color: #aaa9a4; }

.structures { background: var(--bg); }
.structure-selector { display: flex; gap: 8px; width: fit-content; padding: 5px; background: var(--surface-strong); border: 1px solid var(--line); border-radius: var(--radius); }
.structure-tab { min-height: 44px; padding: 8px 20px; border: 0; border-radius: 3px; background: transparent; color: var(--muted); cursor: pointer; font-weight: 700; }
.structure-tab:hover, .structure-tab:focus-visible { color: var(--accent); outline: 2px solid transparent; }
.structure-tab.is-active { background: var(--accent); color: #fff; }
.structure-panels { margin-top: 30px; }
.structure-panel { min-height: 330px; display: grid; grid-template-columns: 1.15fr .85fr; gap: 9vw; padding: clamp(34px, 5vw, 70px); background: var(--surface-strong); border-radius: var(--radius); box-shadow: var(--shadow); }
.structure-panel[hidden] { display: none; }
.structure-panel h3 { font-size: clamp(30px, 3.3vw, 50px); line-height: 1.2; margin-bottom: 20px; }
.structure-panel p { color: var(--muted); max-width: 60ch; }
.structure-panel dl { margin: 0; align-self: center; }
.structure-panel dl div { display: grid; grid-template-columns: 1fr 1.2fr; gap: 20px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.structure-panel dt { color: var(--muted); }
.structure-panel dd { margin: 0; font-weight: 750; }

.disclaimer { padding-top: 62px; padding-bottom: 62px; background: #ececea; }
.disclaimer h2 { font-size: 18px; }
.disclaimer p { max-width: 1100px; margin-bottom: 0; color: #5e5e59; font-size: 12px; }
footer { min-height: 100px; padding: 28px clamp(22px, 6vw, 96px); display: flex; align-items: center; justify-content: space-between; gap: 30px; background: #20201f; color: #bdbdb8; font-size: 12px; }

.reveal { opacity: 1; transform: none; }
.chart-line.is-animated { animation: draw-line 1.6s cubic-bezier(.16,1,.3,1) forwards; }
@keyframes draw-line { to { stroke-dashoffset: 0; } }
@media (prefers-reduced-motion: no-preference) {
  .motion-ready .reveal { opacity: 0; transform: translateY(28px); clip-path: inset(0 0 18% 0); filter: blur(3px); transition: opacity .75s cubic-bezier(.16,1,.3,1), transform .75s cubic-bezier(.16,1,.3,1), clip-path .8s cubic-bezier(.16,1,.3,1), filter .65s ease; }
  .motion-ready .reveal.is-visible { opacity: 1; transform: none; clip-path: inset(0); filter: none; }
  .motion-ready .person.reveal { transition-delay: calc(var(--stagger) * 70ms); }
  .motion-ready .hero-copy.reveal { opacity: 1; transform: none; clip-path: none; filter: none; }
  .motion-ready .hero-copy > * { opacity: 0; transform: translateY(28px); clip-path: inset(0 0 100% 0); }
  .motion-ready .hero-copy.is-visible > * { animation: hero-copy-enter .85s cubic-bezier(.16,1,.3,1) forwards; }
  .motion-ready .hero-copy.is-visible > :nth-child(2) { animation-delay: 90ms; }
  .motion-ready .hero-copy.is-visible > :nth-child(3) { animation-delay: 190ms; }
  .motion-ready .hero-copy.is-visible > :nth-child(4) { animation-delay: 290ms; }
  @keyframes hero-copy-enter { to { opacity: 1; transform: none; clip-path: inset(0); } }
  .motion-ready .taxonomy-row { opacity: 0; transform: translateX(54px); }
  .motion-ready .hero.is-in-view .taxonomy-row { animation: taxonomy-enter .7s cubic-bezier(.16,1,.3,1) calc(var(--taxonomy-index) * 110ms + 160ms) forwards; }
  @keyframes taxonomy-enter { to { opacity: 1; transform: none; } }
  .hero-proof::after { animation: signal-sweep 5.6s cubic-bezier(.16,1,.3,1) infinite; }
  .hero:not(.is-in-view) .hero-proof::after, .method:not(.is-in-view) .orbit { animation-play-state: paused; }
  @keyframes signal-sweep { 0%,18% { transform: translateX(-65%) skewX(-16deg); opacity: 0; } 38% { opacity: 1; } 62%,100% { transform: translateX(125%) skewX(-16deg); opacity: 0; } }
  .orbit-one { animation: orbit-pulse 4.8s ease-in-out infinite; }
  .orbit-two { animation: orbit-pulse 4.8s ease-in-out 1.1s infinite; }
  @keyframes orbit-pulse { 0%,100% { transform: scale(.92); opacity: .42; } 50% { transform: scale(1.04); opacity: 1; } }
  .motion-ready .product-record .product-index, .motion-ready .product-record .product-summary > *, .motion-ready .product-record .product-evidence { opacity: 0; transform: translateY(22px); }
  .motion-ready .product-record .product-evidence { transform: translateX(34px); clip-path: inset(0 0 0 18%); }
  .motion-ready .product-record.is-visible .product-index { animation: evidence-enter .62s cubic-bezier(.16,1,.3,1) 80ms forwards; }
  .motion-ready .product-record.is-visible .product-summary > * { animation: evidence-enter .7s cubic-bezier(.16,1,.3,1) forwards; }
  .motion-ready .product-record.is-visible .product-summary > :nth-child(1) { animation-delay: 120ms; }
  .motion-ready .product-record.is-visible .product-summary > :nth-child(2) { animation-delay: 180ms; }
  .motion-ready .product-record.is-visible .product-summary > :nth-child(3) { animation-delay: 250ms; }
  .motion-ready .product-record.is-visible .product-summary > :nth-child(4) { animation-delay: 330ms; }
  .motion-ready .product-record.is-visible .product-evidence { animation: chart-reveal .9s cubic-bezier(.16,1,.3,1) 270ms forwards; }
  @keyframes evidence-enter { to { opacity: 1; transform: none; } }
  @keyframes chart-reveal { to { opacity: 1; transform: none; clip-path: inset(0); } }
  .motion-ready .risk-pipeline.is-visible .pipeline-track i { animation: pipeline-flow 1.35s cubic-bezier(.16,1,.3,1) 180ms forwards; }
  .motion-ready .risk-pipeline li { opacity: 0; transform: translateY(16px); }
  .motion-ready .risk-pipeline.is-visible li { animation: pipeline-node .6s cubic-bezier(.16,1,.3,1) forwards; }
  .motion-ready .risk-pipeline.is-visible li:nth-child(1) { animation-delay: 180ms; }
  .motion-ready .risk-pipeline.is-visible li:nth-child(2) { animation-delay: 360ms; }
  .motion-ready .risk-pipeline.is-visible li:nth-child(3) { animation-delay: 540ms; }
  .motion-ready .risk-pipeline.is-visible li:nth-child(4) { animation-delay: 720ms; }
  .motion-ready .risk-pipeline.is-visible li:nth-child(5) { animation-delay: 900ms; }
  @keyframes pipeline-flow { to { transform: scaleX(1); } }
  @keyframes pipeline-node { to { opacity: 1; transform: none; } }
  .motion-ready .method.is-in-view .delta-stage.is-visible li { animation: delta-step 2.8s cubic-bezier(.16,1,.3,1) infinite; animation-delay: calc(var(--step, 0) * 420ms); }
  .motion-ready .delta-stage.is-visible li:nth-child(1) { --step: 0; }
  .motion-ready .delta-stage.is-visible li:nth-child(2) { --step: 1; }
  .motion-ready .delta-stage.is-visible li:nth-child(3) { --step: 2; }
  .motion-ready .delta-stage.is-visible li:nth-child(4) { --step: 3; }
  @keyframes delta-step { 0%,72%,100% { transform: translateX(0); color: inherit; } 12%,28% { transform: translateX(8px); color: #fff; } }
  .motion-ready .method-capabilities article { opacity: 0; transform: translateY(26px); }
  .motion-ready .method-capabilities.is-visible article { animation: capability-enter .75s cubic-bezier(.16,1,.3,1) forwards; }
  .motion-ready .method-capabilities.is-visible article:nth-child(2) { animation-delay: 130ms; }
  .motion-ready .method-capabilities.is-visible article:nth-child(3) { animation-delay: 260ms; }
  @keyframes capability-enter { to { opacity: 1; transform: none; } }
}

@media (max-width: 980px) {
  nav { max-width: 52vw; overflow-x: auto; scrollbar-width: none; }
  nav::-webkit-scrollbar { display: none; }
  .hero { grid-template-columns: 1fr; }
  .hero-proof { min-height: 520px; }
  .team-track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .products-intro { grid-template-columns: 1fr; gap: 26px; }
  .category-heading { grid-template-columns: 1fr; gap: 22px; }
  .product-record { grid-template-columns: 72px 1fr; gap: 28px; }
  .product-evidence { grid-column: 2; }
  .delta-stage, .structure-panel { grid-template-columns: 1fr; }
  .delta-orbit { width: min(68vw, 420px); }
  .method-thesis { grid-template-columns: 1fr; }
  .method-thesis article + article { padding-left: 0; border-left: 0; border-top: 1px solid #42423f; }
  .method-capabilities { grid-template-columns: 1fr; }
  .method-capabilities article + article { border-left: 0; }
}

@media (max-width: 680px) {
  :root { --header-height: 62px; }
  .site-header { padding-inline: 16px; }
  .site-header { gap: 12px; }
  .brand img { width: 122px; }
  nav { max-width: 58vw; gap: 18px; }
  nav a { font-size: 12px; }
  .brand span { display: none; }
  .hero-copy { padding: 42px 20px 28px; }
  h1 { font-size: 38px; }
  .hero-summary { margin-bottom: 22px; font-size: 16px; }
  .hero-proof { min-height: 180px; }
  .hero-taxonomy { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-content: center; padding: 26px 20px; }
  .hero-taxonomy > p { grid-column: 1 / -1; margin-bottom: 22px; }
  .taxonomy-row { grid-template-columns: 1fr; align-content: start; gap: 8px; min-width: 0; padding: 0 10px; border-bottom: 0; border-right: 1px solid rgba(255,255,255,.24); }
  .taxonomy-row:first-of-type { padding-left: 0; }
  .taxonomy-row:last-child { padding-right: 0; border-right: 0; }
  .taxonomy-row span { font-size: 28px; }
  .taxonomy-row strong { font-size: 20px; }
  .taxonomy-row small { grid-column: 1; font-size: 10px; line-height: 1.45; }
  .section-shell { padding: 80px 20px; }
  .team-track { grid-template-columns: 1fr; }
  .person { grid-template-columns: 76px 1fr; gap: 16px; }
  .person img { width: 76px; aspect-ratio: 3 / 4; }
  .products { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 6px; padding-inline: 12px; }
  .products-intro { grid-column: 1 / -1; margin-bottom: 46px; padding-inline: 8px; }
  .category-directory {
    grid-column: 1; align-self: start; top: calc(var(--header-height) + 14px); z-index: 8;
    grid-template-columns: 1fr; grid-template-rows: repeat(3, 46px); gap: 0; width: 40px; margin: 0;
    background: color-mix(in srgb, var(--surface-strong) 96%, transparent);
    border: 1px solid var(--line); border-left: 0; box-shadow: 0 12px 30px rgba(23,23,23,.08);
    backdrop-filter: blur(16px); overflow: hidden;
  }
  .category-directory a {
    position: relative; flex-direction: column; align-items: center; justify-content: center; gap: 1px;
    min-width: 40px; min-height: 46px; padding: 4px 1px; text-align: center;
    transition: color .28s ease, background .28s ease;
  }
  .category-directory a + a { border-left: 0; border-top: 1px solid var(--line); }
  .category-directory a span { font-size: 12px; line-height: 1.05; }
  .category-directory a strong { font-size: 8px; line-height: 1; }
  .category-directory a.is-active { color: var(--accent); background: var(--surface-strong); }
  .category-directory i {
    left: 0; top: 0; bottom: auto; width: 2px; height: 46px;
    transform: translateY(0); transition: transform .5s cubic-bezier(.16,1,.3,1);
  }
  .category-directory[data-active="equity"] i { transform: translateY(100%); }
  .category-directory[data-active="commodity"] i { transform: translateY(200%); }
  .product-categories { grid-column: 2; min-width: 0; }
  .products > .source-line { grid-column: 1 / -1; margin-inline: 8px; }
  .product-category { scroll-margin-top: calc(var(--header-height) + 18px); }
  .category-heading h2 { font-size: 62px; }
  .product-category + .product-category { margin-top: 96px; }
  .product-record { grid-template-columns: 1fr; gap: 18px; min-height: 0; padding: 42px 0; }
  .product-index { grid-column: 1; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; }
  .product-index span { font-size: 25px; }
  .product-index em { font-size: 10px; writing-mode: horizontal-tb; }
  .product-summary { grid-column: 1; }
  .product-family { font-size: 30px; }
  .product-summary h3 { font-size: 21px; }
  .product-metrics { grid-template-columns: repeat(2, 1fr); }
  .product-evidence { grid-column: 1; }
  .delta-stage { margin-top: 54px; gap: 48px; }
  .method-thesis { margin-top: 54px; }
  .method-thesis article { padding: 26px 0 28px; }
  .risk-pipeline { margin-top: 66px; padding: 0 0 0 30px; }
  .pipeline-track { left: 5px; right: auto; top: 4px; bottom: 4px; width: 2px; height: auto; }
  .pipeline-track i { width: 100%; height: 100%; transform: scaleY(0); transform-origin: top; }
  .risk-pipeline ol { grid-template-columns: 1fr; gap: 25px; }
  .risk-pipeline li span { font-size: 16px; line-height: 1.35; }
  .risk-pipeline li small { font-size: 11px; line-height: 1.4; }
  .risk-pipeline li::before { top: 4px; left: -30px; width: 10px; height: 10px; }
  .delta-stage li { grid-template-columns: 1fr; gap: 2px; }
  .method-shift { grid-template-columns: 1fr; gap: 14px; }
  .shift-arrow { transform: rotate(90deg); width: fit-content; }
  .method-capabilities { margin-top: 70px; }
  .method-capabilities article { padding: 30px 22px; }
  .structure-selector { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); }
  .structure-tab { padding-inline: 8px; }
  .structure-panel { padding: 30px 22px; min-height: 420px; }
  .structure-panel dl div { grid-template-columns: 1fr; gap: 2px; }
  footer { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 680px) and (prefers-reduced-motion: no-preference) {
  .motion-ready .risk-pipeline.is-visible .pipeline-track i { animation: pipeline-flow-mobile 1.35s cubic-bezier(.16,1,.3,1) 180ms forwards; }
  @keyframes pipeline-flow-mobile { to { transform: scaleY(1); } }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}