:root {
  color-scheme: dark;
  --bg: #020611;
  --bg-deep: #020611;
  --surface: rgba(7, 16, 31, 0.78);
  --surface-solid: #07101f;
  --surface-raised: #0b1426;
  --surface-soft: rgba(11, 20, 38, 0.5);
  --text: #f3f5f7;
  --muted: #9ba7bc;
  --faint: #65728a;
  --cyan: #35d7e8;
  --cyan-soft: #7ce8f1;
  --blue: #5d9bff;
  --violet: #8c5cff;
  --coral: #ff6b63;
  --amber: #aab5c7;
  --line: rgba(93, 155, 255, 0.1);
  --line-strong: rgba(53, 215, 232, 0.19);
  --line-faint: rgba(93, 155, 255, 0.06);
  --serif: "Instrument Serif", Georgia, serif;
  --sans: "IBM Plex Sans", Inter, system-ui, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;
  --shell: 1536px;
  --gutter: clamp(24px, 3vw, 50px);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --header-height: 76px;
  --radius-ui: 12px;
  --radius-panel: 16px;
}

* { box-sizing: border-box; }

[hidden] { display: none !important; }

html {
  min-width: 320px;
  background: var(--bg);
  scroll-behavior: smooth;
  scrollbar-color: rgba(104, 151, 219, 0.54) var(--bg-deep);
}

body {
  min-width: 320px;
  min-height: 100%;
  margin: 0;
  overflow-x: clip;
  background:
    /* This sat almost exactly where the hero's contact spray lands, and at .09
       it lifted the field there to roughly four times the reference's. */
    radial-gradient(circle at 78% 5%, rgba(93, 155, 255, 0.028), transparent 20rem),
    linear-gradient(180deg, var(--bg) 0%, var(--surface-solid) 46%, var(--bg) 100%);
  color: var(--text);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.55;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.menu-open { overflow: hidden; }

a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
img, svg, canvas { display: block; max-width: 100%; }
::selection { background: rgba(53, 215, 232, 0.24); color: #fff; }

:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 4px;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.skip-link {
  position: fixed;
  z-index: 999;
  top: 12px;
  left: 16px;
  padding: 12px 18px;
  border-radius: 8px;
  background: var(--cyan);
  color: #021018;
  font-weight: 600;
  transform: translateY(-180%);
  transition: transform 180ms ease;
}
.skip-link:focus { transform: translateY(0); }

.ambient-grid,
.grain {
  position: fixed;
  z-index: -1;
  inset: 0;
  pointer-events: none;
}

.ambient-grid {
  opacity: 0.16;
  background-image:
    linear-gradient(rgba(88, 137, 212, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(88, 137, 212, 0.025) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, #000, transparent 72%);
}

.grain {
  opacity: 0.025;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}

.section-shell,
.site-header__inner,
.site-footer__inner,
.product-main,
.docs-main {
  width: min(100%, calc(var(--shell) + (var(--gutter) * 2)));
  margin-inline: auto;
  padding-inline: var(--gutter);
}

.eyebrow,
.product-kicker {
  margin: 0;
  color: var(--cyan);
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.16em;
  line-height: 1.4;
  text-transform: uppercase;
}

.eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
}

.eyebrow > span {
  width: 7px;
  height: 7px;
  border: 1px solid currentColor;
  border-radius: 50%;
}

em { color: inherit; font-style: normal; }

.button-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.button-row--center { justify-content: center; }

.button,
.header-cta {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 28px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-ui);
  padding: 0 19px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.01em;
  transition: border-color 220ms ease, background 220ms ease, color 220ms ease, transform 220ms var(--ease);
}

.button:hover,
.header-cta:hover { transform: translateY(-2px); }

.button--primary,
.header-cta {
  border-color: transparent;
  background: linear-gradient(110deg, var(--cyan) 0%, var(--blue) 55%, var(--violet) 100%);
  box-shadow: 0 12px 35px rgba(52, 117, 220, 0.18);
  color: #fff;
}

.button--primary:hover,
.header-cta:hover { box-shadow: 0 14px 42px rgba(71, 144, 255, 0.26); }

.button--secondary {
  background: rgba(5, 11, 27, 0.66);
  color: #dbe4fa;
}
.button--secondary:hover { border-color: rgba(53, 215, 232, 0.38); background: rgba(11, 24, 51, 0.9); color: #fff; }

.text-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 16px;
  color: #d9e8ff;
  font-size: 14px;
  font-weight: 500;
}
.text-link span { color: var(--cyan); transition: transform 180ms ease; }
.text-link:hover span { transform: translate(3px, -3px); }

.reveal { transition: opacity 650ms var(--ease), transform 650ms var(--ease); }
.js .reveal { opacity: 0; transform: translateY(22px); }
.js .reveal.is-visible { opacity: 1; transform: translateY(0); }

/* Header */
.site-header {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  left: 0;
  height: var(--header-height);
  border-bottom: 1px solid rgba(110, 160, 220, 0.065);
  background: linear-gradient(180deg, rgba(2, 6, 17, 0.94), rgba(2, 6, 17, 0.72));
  backdrop-filter: blur(18px);
  transition: background 200ms ease, border-color 200ms ease;
}
.site-header.is-scrolled { border-color: var(--line); background: rgba(2, 6, 17, 0.92); }

.site-header__inner {
  width: 100%;
  max-width: 1672px;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 28px;
  padding-inline: clamp(24px, 2.15vw, 36px);
}

.brand {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-self: start;
  padding-block: 4px;
}
.brand__logo { width: 255px; height: auto; object-fit: contain; }
.site-footer .brand__logo { width: 200px; }

.site-nav { display: flex; align-items: center; gap: clamp(24px, 3vw, 46px); }
.site-nav a {
  position: relative;
  display: grid;
  min-height: 44px;
  place-items: center;
  color: #a6b2ca;
  font-size: 13px;
  transition: color 180ms ease;
}
.site-nav a::after {
  position: absolute;
  right: 0;
  bottom: 3px;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, var(--cyan), var(--violet));
  content: "";
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 220ms var(--ease);
}
.site-nav a:hover,
.site-nav a[aria-current="page"] { color: #fff; }
.site-nav a[aria-current="page"]::after { transform: scaleX(1); }

.header-cta { justify-self: end; min-height: 42px; gap: 18px; padding-inline: 18px; font-size: 12px; }
.nav-toggle { display: none; }

/* Home scroll story */
.fenorium-story { position: relative; min-height: 100svh; }

.story-scene {
  position: relative;
  min-height: 100svh;
  overflow: clip;
  background:
    /* Kept well down: the contact spray has to read as bright particles against
       a near-black field, and at the old weights this glow buried it. */
    radial-gradient(circle at 71% 38%, rgba(93, 155, 255, 0.013), transparent 15rem),
    radial-gradient(circle at 80% 44%, rgba(140, 92, 255, 0.009), transparent 15rem),
    linear-gradient(180deg, var(--bg) 0%, var(--surface-solid) 100%);
}

#particle-canvas {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100svh;
  pointer-events: none;
}

.story-aurora {
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 71% 44%, rgba(53, 215, 232, 0.1), transparent 31%),
    radial-gradient(ellipse at 83% 44%, rgba(140, 92, 255, 0.085), transparent 32%);
}

.story-act { position: relative; z-index: 2; }

.story-hero { min-height: 100svh; }
.story-hero__inner {
  position: relative;
  display: grid;
  grid-template-rows: minmax(0, 1fr) 188px 84px;
  gap: 12px;
  width: min(100%, calc(var(--shell) + (var(--gutter) * 2)));
  min-height: 100svh;
  margin-inline: auto;
  padding: 96px calc(var(--gutter) + 14px) 8px;
}

.story-hero__stage { position: relative; min-height: 0; }
.story-hero__copy { position: absolute; top: 50%; width: min(38.5%, 540px); transform: translateY(-45.5%); }
.story-hero h1 {
  margin: 41px 0 24px;
  color: var(--text);
  font-family: var(--serif);
  font-size: clamp(70px, 4.55vw, 76px);
  font-weight: 400;
  letter-spacing: -0.018em;
  line-height: 0.91;
}
.story-hero h1 em,
.story-framework h2 em {
  background: linear-gradient(100deg, var(--cyan) 5%, var(--blue) 55%, var(--violet) 96%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.section-heading h2 em,
.insight-copy h2 em,
.trust-intro h2 em,
.closing-section h2 em,
.product-hero h1 em,
.methodology-hero h1 em,
.docs-hero h1 em { color: var(--cyan-soft); }

.story-hero__lede {
  max-width: 455px;
  margin: 0 0 28px;
  color: #aab5ca;
  font-size: clamp(16px, 1.08vw, 18px);
  line-height: 1.62;
}
.story-hero .button { min-width: 214px; min-height: 52px; }

.sphere-annotation {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.sphere-label {
  position: absolute;
  color: #81dcf8;
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: 0.12em;
}
.sphere-label i { display: inline-block; width: 34px; height: 1px; margin-left: 8px; background: linear-gradient(90deg, currentColor, transparent); vertical-align: middle; }
.sphere-label--yield { top: 15%; left: 42.5%; }
.sphere-label--duration { top: 14%; right: 14%; color: var(--violet); }
.sphere-label--liquidity { bottom: 18%; left: 40.5%; }
.sphere-label--risk { right: 14%; bottom: 18%; color: var(--violet); }

.hero-metrics {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
.hero-metric {
  min-width: 0;
  padding: 20px 22px 17px;
  border: 1px solid rgba(93, 155, 255, .12);
  border-radius: 13px;
  background:
    radial-gradient(circle at 18% 18%, rgba(53, 215, 232, .055), transparent 43%),
    linear-gradient(145deg, rgba(11, 20, 38, .92), rgba(7, 16, 31, .88));
  box-shadow: inset 0 1px rgba(255, 255, 255, .018), 0 16px 44px rgba(0, 0, 0, .11);
}
.hero-metric__top { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; gap: 14px; align-items: center; }
.hero-metric__icon {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border: 1px solid rgba(53, 215, 232, .42);
  border-radius: 50%;
  background: rgba(53, 215, 232, .075);
  box-shadow: inset 0 0 22px rgba(53, 215, 232, .07), 0 0 20px rgba(53, 215, 232, .035);
  color: var(--cyan);
}
.hero-metric__icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.35; }
.hero-metric--duration .hero-metric__icon,
.hero-metric--evidence .hero-metric__icon { border-color: rgba(140, 92, 255, .46); background: rgba(140, 92, 255, .09); color: #a982ff; }
.hero-metric__top p { margin: 0 0 3px; color: #e1e8f5; font-size: 14px; }
.hero-metric__top strong { color: #f7f9ff; font-family: var(--sans); font-size: 29px; font-weight: 400; letter-spacing: -.025em; line-height: 1; }
.hero-metric__top strong small { margin-left: 3px; color: #8794ac; font-size: 13px; font-weight: 400; }
.hero-metric__top > small { align-self: start; margin-top: 4px; color: #697893; font-family: var(--mono); font-size: 7px; letter-spacing: .09em; }
.metric-viz { position: relative; height: 43px; margin: 8px 0 7px; overflow: hidden; }
.metric-viz__caption { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #66758f; font-family: var(--mono); font-size: 7.25px; letter-spacing: .065em; line-height: 1; white-space: nowrap; }
.metric-viz__caption time { color: #53617a; }
.metric-viz--curve svg { display: block; width: 100%; height: 32px; overflow: visible; }
.metric-curve__area { fill: url(#hero-apy-fill); }
.metric-curve__line { fill: none; stroke: var(--cyan); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.15; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 4px rgba(53, 215, 232, .3)); }
.metric-curve__point { fill: #e9feff; stroke: var(--cyan); stroke-width: 1.1; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 5px rgba(53, 215, 232, .85)); }
.maturity-track { position: relative; height: 30px; }
.maturity-track::before { position: absolute; top: 14px; right: 1px; left: 1px; height: 2px; border-radius: 2px; background: rgba(140, 92, 255, .12); content: ""; }
.maturity-track__fill { position: absolute; top: 14px; right: 1px; left: 1px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, rgba(140, 92, 255, .28), #8c5cff 72%, #d9caff); box-shadow: 0 0 8px rgba(140, 92, 255, .24); }
.maturity-track__reference { position: absolute; top: 9px; left: 94.3%; width: 1px; height: 12px; background: rgba(201, 185, 255, .52); transform: translateX(-50%); }
.maturity-track__reference small { position: absolute; top: -8px; left: 50%; color: #776a9c; font-family: var(--mono); font-size: 6px; font-style: normal; transform: translateX(-50%); }
.maturity-track__marker { position: absolute; top: 10px; right: 0; width: 10px; height: 10px; border: 1px solid #efeaff; border-radius: 50%; background: var(--violet); box-shadow: 0 0 11px rgba(140, 92, 255, .82); transform: translateX(1px); }
.maturity-track__marker small { position: absolute; top: -8px; right: 0; color: #a899d4; font-family: var(--mono); font-size: 6px; font-weight: 400; letter-spacing: .06em; transform: translateX(1px); }
.capacity-track,
.evidence-track { position: relative; height: 30px; }
.capacity-track::before,
.evidence-track::before { position: absolute; top: 14px; right: 1px; left: 1px; height: 3px; border-radius: 3px; background: rgba(53, 215, 232, .1); content: ""; }
.capacity-track span,
.evidence-track span { position: absolute; top: 14px; left: 1px; width: calc(var(--value) * 100%); max-width: calc(100% - 2px); height: 3px; border-radius: 3px; background: linear-gradient(90deg, rgba(53, 215, 232, .3), var(--cyan)); box-shadow: 0 0 9px rgba(53, 215, 232, .3); }
.capacity-track i,
.evidence-track i { position: absolute; top: 9px; left: clamp(5px, calc(var(--value) * 100%), calc(100% - 5px)); width: 11px; height: 11px; border: 1px solid #e9feff; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 12px rgba(53, 215, 232, .8); transform: translateX(-50%); }
.evidence-track::before { background: rgba(140, 92, 255, .11); }
.evidence-track span { background: linear-gradient(90deg, rgba(140, 92, 255, .24), var(--violet)); box-shadow: 0 0 9px rgba(140, 92, 255, .26); }
.evidence-track i { border-color: #f1ebff; background: var(--violet); box-shadow: 0 0 12px rgba(140, 92, 255, .78); }
.hero-metric__note { margin: 0; color: #a8b4c9; font-size: 11.5px; line-height: 1.4; }
.hero-metric__note span { display: block; margin-top: 2px; color: #687690; font-size: 10.25px; }

.hero-coverage {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
  align-items: center;
  justify-items: center;
  padding-top: 7px;
  border-top: 1px solid rgba(93, 155, 255, .075);
}
.hero-coverage p { margin: 0; color: #74829b; font-family: var(--mono); font-size: 8px; letter-spacing: .12em; text-align: center; text-transform: uppercase; }
.hero-coverage p small { display: block; margin-top: 4px; color: #4f5e78; font-size: 7px; }
.hero-coverage > div { display: flex; align-items: center; justify-content: center; gap: clamp(28px, 3.4vw, 54px); }
.hero-coverage span { display: inline-flex; align-items: center; gap: 9px; color: #8390a8; font-size: 13px; font-weight: 500; white-space: nowrap; }
.hero-coverage img { width: 26px; height: 26px; border-radius: 7px; object-fit: contain; filter: saturate(.72); opacity: .8; }
[data-venue-glyph] > img:not(.asset-mark__badge) { transform: translate(var(--venue-offset-x, 0), var(--venue-offset-y, 0)) scale(var(--venue-scale, 1)); transform-origin: center; }
.venue-glyph { display: grid; width: 48px; height: 48px; flex: none; place-items: center; padding: 8px; border: 1px solid rgba(93, 155, 255, .13); border-radius: 11px; background: linear-gradient(145deg, rgba(13, 26, 50, .92), rgba(7, 15, 31, .9)); box-shadow: inset 0 1px rgba(255, 255, 255, .025); font-style: normal; transition: border-color 180ms ease, background 180ms ease; }
.venue-glyph img { width: 100%; height: 100%; border-radius: 6px; object-fit: contain; }
.venue-glyph--transition { width: 40px; height: 40px; padding: 6px; border-radius: 10px; }
.story-transition {
  position: absolute;
  z-index: 3;
  inset: 0;
  display: grid;
  grid-template-columns: 1fr 100px 160px 1fr;
  align-items: center;
  width: min(100%, calc(var(--shell) + (var(--gutter) * 2)));
  margin-inline: auto;
  padding: 110px var(--gutter) 70px;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.transition-sources,
.transition-metrics { display: grid; gap: clamp(28px, 5vh, 55px); }
.transition-sources span,
.transition-metrics span {
  display: flex;
  align-items: center;
  gap: 11px;
  color: #8492ad;
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: 0.12em;
}
.transition-sources .venue-glyph { flex: none; }
.transition-sources span::after,
.transition-metrics span::before { height: 1px; flex: 1; background: linear-gradient(90deg, rgba(53, 215, 232, 0.55), rgba(139, 103, 255, 0.18)); content: ""; }
.transition-metrics span::before { background: linear-gradient(90deg, rgba(139, 103, 255, 0.2), rgba(53, 215, 232, 0.6)); }
.transition-core { position: relative; display: grid; width: 76px; height: 76px; place-items: center; border: 1px solid rgba(53, 215, 232, 0.45); border-radius: 50%; background: rgba(4, 18, 42, 0.72); box-shadow: 0 0 50px rgba(53, 215, 232, 0.14); }
.transition-core img { width: 46px; height: 46px; }
.transition-core i { position: absolute; inset: -12px; border: 1px solid rgba(133, 102, 255, 0.22); border-radius: inherit; }
.transition-plane { position: relative; width: 150px; height: 220px; }
.transition-plane i { position: absolute; inset: 10px 18px; border: 1px solid rgba(53, 215, 232, 0.18); border-radius: var(--radius-ui); transform: perspective(300px) rotateY(-28deg) translateX(calc(var(--plane, 0) * 15px)); }
.transition-plane i:nth-child(1) { --plane: -1.5; }
.transition-plane i:nth-child(2) { --plane: -.5; }
.transition-plane i:nth-child(3) { --plane: .5; }
.transition-plane i:nth-child(4) { --plane: 1.5; border-color: rgba(140, 92, 255, 0.28); }
.transition-caption { position: absolute; right: var(--gutter); bottom: 48px; left: var(--gutter); display: flex; justify-content: space-between; margin: 0; color: #687692; font-family: var(--mono); font-size: 8px; letter-spacing: 0.16em; }
.transition-caption span { color: var(--cyan); }

.story-framework {
  --framework-inset: clamp(50px, 6.6vw, 110px);
  display: grid;
  grid-template-columns: minmax(500px, 0.8fr) minmax(650px, 1.2fr);
  grid-template-rows: 316px 410px 78px;
  gap: 12px 28px;
  align-content: start;
  width: min(100%, calc(var(--shell) + (var(--gutter) * 2)));
  min-height: 100svh;
  margin-inline: auto;
  padding: 92px calc(var(--gutter) + var(--framework-inset)) 16px;
}

.framework-intro { align-self: center; }
.story-framework h2 {
  margin: 15px 0 14px;
  font-family: var(--serif);
  font-size: clamp(56px, 3.6vw, 60px);
  font-weight: 400;
  letter-spacing: -0.014em;
  line-height: 0.9;
}
.framework-intro > p:not(.eyebrow) { max-width: 480px; margin: 0 0 18px; color: var(--muted); font-size: 13px; line-height: 1.55; }
.framework-button { min-width: 168px; min-height: 44px; }


.standard-diagram { position: relative; align-self: stretch; min-height: 310px; }
.standard-routes { position: absolute; top: 0; right: 85px; bottom: 0; left: -26px; width: auto; height: 100%; overflow: visible; pointer-events: none; }
.standard-routes path { fill: none; stroke: url(#route-gradient); stroke-dasharray: 2 8; stroke-linecap: round; stroke-width: 1; opacity: 0.2; transition: opacity 180ms ease, stroke-width 180ms ease, filter 180ms ease; }
.standard-routes path.is-active { opacity: .72; stroke-width: 1.35; filter: drop-shadow(0 0 4px rgba(53, 215, 232, .38)); }
.standard-sources,
.standard-dimensions { position: absolute; top: 6px; bottom: 6px; display: flex; flex-direction: column; justify-content: space-between; }
.standard-sources { left: -26px; }
.standard-dimensions { right: 85px; }
.standard-source,
.standard-dimensions span { display: flex; min-height: 48px; align-items: center; gap: 10px; color: #aab6ce; font-size: 12px; }
.standard-source { width: max-content; padding: 0; border: 0; background: transparent; color: #8794ab; font: inherit; text-align: left; cursor: pointer; }
.standard-source > span { color: #7e8ba3; font-size: 10px; transition: color 180ms ease; }
.standard-source .venue-glyph { box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 0 calc(var(--source-pulse, 0) * 18px) rgb(53 215 232 / calc(var(--source-pulse, 0) * .28)); }
.standard-source:hover .venue-glyph,
.standard-source:focus-visible .venue-glyph { border-color: rgba(53, 215, 232, .34); background: linear-gradient(145deg, rgba(14, 31, 56, .96), rgba(8, 18, 38, .94)); }
.standard-source:hover > span,
.standard-source:focus-visible > span { color: #b8c6da; }
.standard-source:focus-visible { outline: none; }
.standard-dimensions span { --output-pulse: 0; }
.standard-dimensions i { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid rgb(112 139 255 / calc(.26 + var(--output-pulse) * .24)); border-radius: 50%; background: rgba(9, 17, 42, .82); color: #7f90b5; font-family: var(--mono); font-size: 7px; font-style: normal; box-shadow: inset 0 0 18px rgba(115, 110, 255, .07), 0 0 calc(var(--output-pulse) * 18px) rgb(53 215 232 / calc(var(--output-pulse) * .34)); }
.standard-core { --core-energy: 0; position: absolute; top: 50%; left: 41%; display: grid; width: 84px; height: 84px; place-items: center; border: 1px solid rgb(53 215 232 / calc(.5 + var(--core-energy) * .22)); border-radius: 50%; background: rgba(7, 16, 31, .97); box-shadow: 0 0 48px rgba(53, 215, 232, 0.2), inset 0 0 28px rgba(53, 215, 232, .075); transform: translate(-50%, -50%); }
.standard-core img { position: relative; z-index: 2; width: 44px; height: 44px; }
.standard-core i { position: absolute; inset: -10px; border: 1px solid rgba(140, 92, 255, 0.28); border-radius: inherit; }
.standard-core::before { position: absolute; z-index: 0; inset: -24px; border-radius: inherit; background: radial-gradient(circle, rgba(53, 215, 232, .34), rgba(93, 155, 255, .12) 35%, transparent 70%); content: ""; filter: blur(7px); opacity: calc(.08 + var(--core-energy) * .62); pointer-events: none; }
.standard-core::after { position: absolute; inset: 4px; border: 1px solid rgba(53, 215, 232, .32); border-radius: inherit; content: ""; opacity: calc(.14 + var(--core-energy) * .72); transform: scale(calc(.9 + var(--core-energy) * .16)); }
.standard-planes { position: absolute; top: 50%; left: 55.5%; width: 170px; height: 238px; transform: translate(-50%, -50%); }
.standard-planes i { position: absolute; inset: 5px 26px; overflow: hidden; border: 1px solid rgba(53, 215, 232, 0.22); border-radius: 8px; background-image: linear-gradient(90deg, rgba(53, 215, 232, .016), rgba(140, 92, 255, .028)), linear-gradient(rgba(93, 155, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(93, 155, 255, .04) 1px, transparent 1px); background-size: auto, 100% 24px, 24px 100%; box-shadow: inset 0 0 24px rgba(53, 215, 232, .025); transform: perspective(420px) rotateY(-30deg) translateX(calc((var(--plane) - 2) * 17px)); }
.standard-planes i:nth-child(1) { --plane: 0; }.standard-planes i:nth-child(2) { --plane: 1; }.standard-planes i:nth-child(3) { --plane: 2; }.standard-planes i:nth-child(4) { --plane: 3; }.standard-planes i:nth-child(5) { --plane: 4; border-color: rgba(140, 92, 255, 0.3); }
.standard-planes i::after { position: absolute; inset: 0; background: radial-gradient(circle at 50% var(--impact-y, 50%), rgba(216, 254, 255, .56), rgba(53, 215, 232, .22) 12%, rgba(93, 155, 255, .07) 35%, transparent 62%); content: ""; opacity: var(--plane-impact, 0); }

.product-preview {
  grid-column: 1 / -1;
  min-height: 0;
  overflow: visible;
}

.product-preview__heading {
  display: flex;
  min-height: 75px;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  padding: 0 2px 12px;
}
.product-preview__heading h3 { margin: 0; font-family: var(--serif); font-size: clamp(25px, 2vw, 32px); font-weight: 400; letter-spacing: -0.025em; line-height: 1.05; }
.product-preview__heading h3 em { background: linear-gradient(90deg, var(--cyan), var(--violet)); background-clip: text; -webkit-background-clip: text; color: transparent; }
.product-preview__heading p { margin: 6px 0 0; color: #8996ad; font-size: 12px; }
.product-kicker { color: #75839e; font-size: 8px; }
.preview-categories { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 8px; }
.preview-categories a { display: inline-flex; min-height: 30px; align-items: center; padding: 0 10px; border-radius: 8px; color: #6f7d96; font-size: 10px; transition: background 180ms ease, color 180ms ease; }
.preview-categories a:hover { color: #d9e5f6; }
.preview-categories a.is-active { background: rgba(53, 215, 232,.075); color: var(--cyan-soft); }
.snapshot-stamp { flex: none; margin-bottom: 3px; padding-left: 20px; border-left: 1px solid var(--line); text-align: right; }
.snapshot-stamp span, .snapshot-stamp small { display: block; font-family: var(--mono); font-size: 8px; letter-spacing: 0.12em; }
.snapshot-stamp span { color: #b6c2d9; }.snapshot-stamp small { margin-top: 3px; color: var(--amber); }
.snapshot-stamp .text-link { min-height: 24px; justify-content: flex-end; gap: 8px; margin-top: 3px; color: #8f9db5; font-size: 9px; }
.snapshot-stamp .text-link b { color: var(--cyan); font-size: 11px; font-weight: 400; }

.product-table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid rgba(93, 155, 255, .13); border-radius: 13px; background: linear-gradient(145deg, rgba(11, 20, 38, .9), rgba(7, 16, 31, .96)); box-shadow: 0 18px 56px rgba(0, 0, 0, .14); contain: inline-size paint; scrollbar-width: thin; }
.product-table { width: 100%; min-width: 960px; border-collapse: collapse; font-size: 13px; }
.product-table caption,
.compare-matrix caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.product-table th { height: 46px; padding: 0 14px; border-bottom: 1px solid rgba(93, 155, 255, .13); color: #8b98af; font-family: var(--mono); font-size: 8.5px; font-weight: 500; letter-spacing: 0.09em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.product-table td { height: 56px; padding: 4px 14px; border-bottom: 1px solid rgba(93, 155, 255, .085); color: #cbd4e3; font-size: 13px; font-variant-numeric: tabular-nums; vertical-align: middle; white-space: nowrap; }
.product-table--preview th:first-child { width: 27%; }
.product-table--preview th:nth-child(2) { width: 13%; }
.product-table--preview th:nth-child(3) { width: 10%; }
.product-table--preview th:nth-child(4) { width: 15%; }
.product-table--preview th:nth-child(5) { width: 15%; }
.product-table tbody tr { transition: background 180ms ease; }
.product-table tbody tr:hover { background: rgba(61, 145, 218, 0.055); }
.product-table tbody tr:last-child td { border-bottom: 0; }
.product-table td:first-child a { display: flex; min-width: 0; align-items: center; gap: 11px; }
.product-table td:first-child a > span:last-child { min-width: 0; }
.product-table td:first-child strong,
.product-table td:first-child small { display: block; }
.product-table td:first-child strong { overflow: hidden; color: var(--text); font-size: 14px; font-weight: 500; line-height: 1.25; text-overflow: ellipsis; }
.product-table td:first-child small { margin-top: 3px; color: #8795ad; font-size: 9.5px; line-height: 1.3; }
.asset-mark { position: relative; display: grid; width: 32px; height: 32px; flex: none; place-items: center; padding: 3px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.035); color: #77859c; font-family: var(--sans); font-size: 10px; font-style: normal; }
.asset-mark__image { width: 100%; height: 100%; border-radius: 6px; object-fit: contain; }
.asset-mark--token { border-radius: 9px; }
.asset-mark--token .asset-mark__image { border-radius: 50%; }
.asset-mark__badge { position: absolute; right: -4px; bottom: -4px; width: 14px; height: 14px; padding: 1px; border: 2px solid #050a15; border-radius: 50%; background: #050a15; object-fit: contain; }
.asset-mark--card { width: 40px; height: 40px; padding: 4px; border-radius: 11px; }
.asset-mark--fallback { border-style: dashed; }
.asset-context { display: flex !important; min-width: 0; align-items: center; gap: 4px; }
.asset-context > i { color: #4f5d75; font-style: normal; }
.chain-identity { display: inline-flex; min-width: 0; align-items: center; gap: 4px; color: #68758d; }
.chain-identity img { width: 14px; height: 14px; flex: none; border-radius: 50%; object-fit: contain; opacity: .82; }
.metric-value { display: inline-block; min-width: 50px; color: var(--cyan-soft); font-family: var(--mono); font-size: 13.5px; font-weight: 500; }
.metric-value--warn { color: var(--coral); }
.metric-line { position: relative; display: inline-block; width: 44px; height: 11px; margin-left: 6px; border-bottom: 1px solid rgba(53, 215, 232, 0.18); }
.metric-line::after { position: absolute; bottom: -1px; left: 0; width: calc(var(--metric) * 100%); min-width: 3px; height: 1px; background: var(--cyan); box-shadow: 0 0 7px var(--cyan); content: ""; }
.metric-line--warn::after { background: var(--coral); box-shadow: 0 0 7px rgba(255, 107, 99, 0.5); }
.quality-chip { display: inline-grid; min-width: 26px; height: 22px; place-items: center; border-radius: 5px; font-family: var(--mono); font-size: 9px; }
.quality-chip--a { border: 1px solid rgba(53, 215, 232, 0.24); background: rgba(53, 215, 232, 0.08); color: var(--cyan); }
.quality-chip--c { border: 1px solid rgba(140, 92, 255, 0.26); background: rgba(140, 92, 255, 0.09); color: #b893ff; }
.score-value { display: inline-block; width: 27px; color: #eef3ff; font-family: var(--mono); font-size: 13.5px; }
.score-value--low { color: var(--coral); }
.score-track { display: inline-block; width: 44px; height: 3px; margin-left: 6px; overflow: hidden; border-radius: 2px; background: rgba(107, 133, 174, 0.16); vertical-align: middle; }
.score-track i { display: block; width: calc(var(--score) * 100%); height: 100%; background: linear-gradient(90deg, var(--blue), var(--cyan)); }
.score-track--low i { background: var(--coral); }
.row-link { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid transparent; border-radius: 7px; color: #70809c; transition: border-color 180ms ease, color 180ms ease; }
.row-link:hover { border-color: var(--line-strong); color: var(--cyan); }
.muted-value { color: #6e7b95; font-size: 10px; }
.evidence-link { display: flex; min-height: 32px; align-items: center; gap: 4px; }
.evidence-link b { margin-left: auto; color: #72809a; font-size: 18px; font-weight: 300; transition: color 180ms ease, transform 180ms ease; }
.evidence-link:hover b { color: var(--cyan); transform: translateX(2px); }
.product-preview__footer { display: flex; min-height: 38px; align-items: center; justify-content: space-between; gap: 20px; padding: 2px 4px; }
.product-preview__footer p { margin: 0; color: #6f7d96; font-size: 10px; }
.product-preview__footer .text-link { min-height: 34px; font-size: 11px; }

.framework-value-strip { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; border: 1px solid rgba(93, 155, 255, .12); border-radius: 13px; background: rgba(8, 17, 38, .66); }
.framework-value-strip article { display: grid; grid-template-columns: 44px 1fr; gap: 14px; align-items: center; min-width: 0; padding: 11px 24px; border-right: 1px solid var(--line-faint); }
.framework-value-strip article:last-child { border-right: 0; }
.framework-value-strip article > span { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(140, 92, 255, .32); border-radius: 50%; background: rgba(140, 92, 255, .07); color: #9c7cff; font-size: 19px; }
.framework-value-strip strong, .framework-value-strip small { display: block; }
.framework-value-strip strong { color: #e7edf9; font-size: 12px; font-weight: 500; }
.framework-value-strip small { margin-top: 2px; color: #7a879f; font-size: 9px; line-height: 1.35; }

.story-progress { position: absolute; z-index: 6; right: 0; bottom: 0; left: 0; height: 2px; background: rgba(93, 126, 184, 0.1); }
.story-progress i { display: block; width: 100%; height: 100%; background: linear-gradient(90deg, var(--cyan), var(--violet)); transform: scaleX(0); transform-origin: left; }
.story-scroll-cue { position: absolute; z-index: 5; bottom: 24px; left: 50%; display: none; align-items: center; gap: 12px; color: #64718a; font-family: var(--mono); font-size: 7px; letter-spacing: 0.14em; transform: translateX(-50%); }
.story-scroll-cue i { position: relative; width: 1px; height: 26px; overflow: hidden; background: rgba(93, 137, 202, 0.2); }
.story-scroll-cue i::after { position: absolute; top: 0; left: 0; width: 1px; height: 10px; background: var(--cyan); content: ""; animation: scrollCue 1.7s ease-in-out infinite; }
@keyframes scrollCue { 0% { transform: translateY(-12px); opacity: 0; } 30% { opacity: 1; } 100% { transform: translateY(28px); opacity: 0; } }

.story-enhanced .fenorium-story { min-height: 100svh; }
.story-enhanced .story-scene { height: 100svh; min-height: 100svh; }
.story-enhanced .story-act { position: absolute; inset: 0; }
.story-enhanced .story-framework { visibility: hidden; }
.story-enhanced #particle-canvas { height: 100%; }
.story-webgl-fallback .story-hero::after { position: absolute; z-index: 0; top: 16%; right: 5%; width: min(48vw, 660px); aspect-ratio: 1; border: 1px solid rgba(53, 215, 232,.18); border-radius: 50%; background: radial-gradient(circle, rgba(53, 215, 232,.19), rgba(110,94,255,.1) 42%, transparent 69%); box-shadow: 0 0 90px rgba(65,111,255,.13); content: ""; }

/* Home supporting sections */
.content-section { position: relative; padding: 96px 0; border-top: 1px solid var(--line-faint); }
.section-heading { display: grid; grid-template-columns: minmax(440px, 0.95fr) minmax(300px, 0.7fr); gap: 50px; align-items: end; margin-bottom: 52px; }
.section-heading .eyebrow { grid-column: 1 / -1; }
.section-heading h2 { margin: 0; font-family: var(--serif); font-size: clamp(48px, 4.5vw, 72px); font-weight: 400; letter-spacing: -0.04em; line-height: 1.02; }
.section-heading > p:last-child { max-width: 530px; margin: 0 0 6px; color: var(--muted); font-size: 17px; line-height: 1.65; }
.section-heading--center { display: block; max-width: 780px; margin: 0 auto 54px; text-align: center; }
.section-heading--center .eyebrow { justify-content: center; margin-bottom: 20px; }
.section-heading--center > p:last-child { margin: 20px auto 0; }

.insight-section { min-height: min(680px, 76svh); display: grid; align-items: center; }
.insight-layout { display: grid; grid-template-columns: minmax(300px, .56fr) minmax(720px, 1.44fr); gap: clamp(48px, 6vw, 80px); align-items: start; }
.insight-copy h2 { margin: 0 0 24px; font-family: var(--serif); font-size: clamp(54px, 4.8vw, 74px); font-weight: 400; letter-spacing: -.04em; line-height: 1; }
.insight-copy p { max-width: 470px; margin: 0 0 24px; color: var(--muted); font-size: 16px; line-height: 1.68; }
.insight-panel { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-panel); background: linear-gradient(145deg, rgba(9,20,43,.72), rgba(4,10,24,.88)); }
.insight-panel__heading { display: flex; min-height: 72px; align-items: center; justify-content: space-between; gap: 20px; padding: 0 28px; border-bottom: 1px solid rgba(93, 155, 255,.075); }
.insight-panel__heading strong { color: #d8e2f2; font-size: 13px; font-weight: 500; }
.insight-panel__heading span { color: #5f6d85; font-family: var(--mono); font-size: 8px; letter-spacing: .08em; }
.insight-asset { display: grid; grid-template-columns: minmax(280px, 1.25fr) minmax(105px, .34fr) minmax(340px, 1fr); gap: 24px; min-height: 120px; align-items: center; padding: 22px 28px; border-bottom: 1px solid rgba(93, 155, 255,.075); }
.insight-identity { display: flex; min-width: 0; align-items: center; gap: 13px; }
.insight-identity .asset-mark { width: 40px; height: 40px; padding: 4px; border-radius: 11px; }
.insight-identity > span:last-child { min-width: 0; }
.insight-identity strong { display: block; overflow: hidden; color: #e8eef9; font-size: 14px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.insight-identity small { margin-top: 5px; color: #74829b; font-size: 10px; }
.insight-rate span, .insight-rate strong { display: block; }
.insight-rate span { color: #65738d; font-family: var(--mono); font-size: 7px; letter-spacing: .09em; }
.insight-rate strong { margin-top: 5px; color: var(--cyan-soft); font-family: var(--serif); font-size: 29px; font-weight: 400; line-height: 1; }
.insight-metrics { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; margin: 0; }
.insight-metrics div { min-width: 0; }
.insight-metrics dt { color: #66748d; font-size: 9px; }
.insight-metrics dd { margin: 5px 0 0; overflow: hidden; color: #c3cee0; font-family: var(--mono); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.insight-note { margin: 0; padding: 12px 28px; color: #66738a; font-size: 10px; }

.trust-section { background: rgba(4, 10, 23, .34); }
.trust-layout { display: grid; grid-template-columns: minmax(350px, .68fr) minmax(650px, 1.32fr); gap: clamp(48px, 6vw, 80px); align-items: center; }
.trust-intro h2 { margin: 18px 0 18px; font-family: var(--serif); font-size: clamp(48px, 4.2vw, 66px); font-weight: 400; letter-spacing: -.04em; line-height: 1.02; }
.trust-intro > p:not(.eyebrow) { max-width: 430px; margin: 0 0 22px; color: var(--muted); font-size: 15px; line-height: 1.65; }
.trust-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.trust-card { min-height: 168px; padding: 28px 24px; border-right: 1px solid var(--line-faint); }
.trust-card:last-child { border-right: 0; }
.trust-card h3 { margin: 0 0 13px; color: #e1e8f4; font-family: var(--sans); font-size: 14px; font-weight: 500; }
.trust-card p { margin: 0; color: #909db4; font-size: 12px; line-height: 1.65; }
.trust-boundary { margin: 16px 0 0; color: #7b899f; font-size: 11px; }

.closing-section { position: relative; display: grid; min-height: 60svh; place-items: center; overflow: hidden; border-top: 1px solid var(--line-faint); text-align: center; }
.closing-section .eyebrow { justify-content: center; }
.closing-section h2 { margin: 22px 0 18px; font-family: var(--serif); font-size: clamp(58px, 6.5vw, 96px); font-weight: 400; letter-spacing: -.045em; line-height: .98; }
.closing-section p { color: var(--muted); }
.closing-section .button-row { margin-top: 28px; }

/* Footer */
.site-footer { border-top: 1px solid var(--line); background: #01040d; }
.site-footer__inner { display: grid; grid-template-columns: 1fr auto 1fr; min-height: 120px; align-items: center; gap: 30px; }
.site-footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 26px; }
.site-footer nav a { min-height: 44px; display: grid; place-items: center; color: #8491aa; font-size: 12px; }
.site-footer nav a:hover { color: #fff; }
.site-footer p { max-width: 330px; justify-self: end; margin: 0; color: #59657d; font-size: 10px; text-align: right; }

/* Shared product pages */
.product-main { padding-top: 132px; padding-bottom: 100px; }
.product-hero { display: grid; grid-template-columns: minmax(520px, 1fr) minmax(340px, .58fr); gap: 70px; align-items: end; margin-bottom: 44px; }
.product-hero h1 { margin: 18px 0 20px; font-family: var(--serif); font-size: clamp(64px, 6vw, 92px); font-weight: 400; letter-spacing: -.045em; line-height: .96; }
.product-hero > div:first-child > p:last-child { max-width: 720px; margin: 0; color: var(--muted); font-size: 17px; line-height: 1.65; }
.snapshot-panel { display: grid; grid-template-columns: auto 1fr; gap: 4px 14px; align-items: center; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: rgba(8, 18, 39, .72); }
.snapshot-panel__pulse { grid-row: 1 / 3; width: 10px; height: 10px; border: 2px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 14px rgba(53, 215, 232,.5); }
.snapshot-panel strong, .snapshot-panel small { display: block; }.snapshot-panel strong { font-size: 13px; }.snapshot-panel small { margin-top: 2px; color: #71809b; font-family: var(--mono); font-size: 8px; letter-spacing: .06em; }
.snapshot-panel p { grid-column: 2; margin: 5px 0 0; color: var(--amber); font-family: var(--mono); font-size: 8px; letter-spacing: .08em; }

.market-overview { display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 24px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-panel); background: rgba(8,18,39,.5); }
.market-overview article { min-height: 116px; padding: 20px; border-right: 1px solid var(--line-faint); }.market-overview article:last-child { border: 0; }
.market-overview span, .market-overview strong, .market-overview small { display: block; }
.market-overview span { color: #687793; font-family: var(--mono); font-size: 8px; letter-spacing: .1em; }
.market-overview strong { margin: 7px 0 3px; color: var(--cyan-soft); font-family: var(--serif); font-size: 34px; font-weight: 400; line-height: 1; }
.market-overview small { color: #7c89a2; font-size: 10px; }

.market-workspace, .compare-workspace { overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg, rgba(9,20,44,.88), rgba(4,10,24,.94)); }
.workspace-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; padding: 28px 30px; border-bottom: 1px solid var(--line-faint); }
.workspace-heading h2 { margin: 5px 0 0; font-family: var(--serif); font-size: 36px; font-weight: 400; letter-spacing: -.03em; line-height: 1.05; }
.view-toggle { display: flex; padding: 3px; border: 1px solid var(--line); border-radius: 9px; background: rgba(2,7,18,.6); }
.view-toggle button { min-width: 76px; min-height: 38px; border: 0; border-radius: 6px; background: transparent; color: #7886a1; font-size: 11px; }
.view-toggle button.is-active { background: rgba(53, 215, 232,.09); color: #dff8ff; box-shadow: inset 0 0 0 1px rgba(53, 215, 232,.16); }

.market-toolbar { display: grid; grid-template-columns: minmax(260px, 1.5fr) repeat(3, minmax(150px, .65fr)) auto; gap: 10px; padding: 18px 20px; border-bottom: 1px solid var(--line-faint); }
.market-toolbar label { position: relative; }
.market-toolbar label > span:not(.sr-only) { position: absolute; z-index: 2; top: 7px; left: 12px; color: #64728e; font-family: var(--mono); font-size: 7px; letter-spacing: .08em; text-transform: uppercase; pointer-events: none; }
.market-toolbar input, .market-toolbar select { width: 100%; height: 52px; border: 1px solid var(--line); border-radius: 8px; background: rgba(3,9,22,.76); color: #dfe7f6; font-size: 12px; }
.market-toolbar input { padding: 0 14px 0 42px; }.market-toolbar select { padding: 15px 34px 0 11px; }
.market-toolbar input::placeholder { color: #65728b; }
.search-field i { position: absolute; z-index: 2; top: 50%; left: 15px; color: var(--cyan); font-style: normal; transform: translateY(-50%); }
.toolbar-reset { min-height: 52px; border: 1px solid var(--line); border-radius: 8px; background: rgba(5,12,27,.7); color: #8b99b2; font-size: 11px; }
.toolbar-reset:hover { border-color: var(--line-strong); color: #fff; }
.workspace-meta { display: flex; justify-content: space-between; padding: 10px 20px; border-bottom: 1px solid var(--line-faint); color: #66748e; font-size: 10px; }.workspace-meta p { margin: 0; }.workspace-meta strong { color: var(--cyan); }
.market-table { min-width: 1120px; font-size: 12px; }
.market-table th { height: 48px; }.market-table td { height: 62px; }
.market-table th button { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; }.market-table th button:hover { color: #cbd9f1; }.market-table th button i { color: #50607c; font-style: normal; }
.select-column { width: 44px; }.market-check { display: grid; width: 22px; height: 22px; place-items: center; border: 1px solid var(--line-strong); border-radius: 6px; background: rgba(3,10,22,.8); }.market-check input { width: 14px; height: 14px; margin: 0; accent-color: var(--cyan); }
.table-category span, .table-category small { display: block; }.table-category span { color: #b0bdd3; }.table-category small { color: #65728b; }
.market-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; padding: 20px; }
.market-card { display: grid; gap: 18px; min-height: 280px; padding: 21px; border: 1px solid var(--line); border-radius: var(--radius-ui); background: rgba(8,18,39,.68); }
.market-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }.market-card__identity { display: flex; min-width: 0; align-items: center; gap: 12px; }.market-card h3 { min-width: 0; margin: 0; font-size: 15px; font-weight: 500; line-height: 1.25; }.market-card h3 small { display: flex; flex-wrap: wrap; margin-top: 4px; color: #72809a; font-size: 10px; font-weight: 400; line-height: 1.35; }
.market-card__metrics { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }.market-card__metrics div { padding: 11px; border: 1px solid var(--line-faint); border-radius: 8px; background: rgba(3,9,21,.45); }.market-card__metrics span, .market-card__metrics strong { display: block; }.market-card__metrics span { color: #65738d; font-family: var(--mono); font-size: 7px; letter-spacing: .08em; }.market-card__metrics strong { margin-top: 5px; color: #dbe7fb; font-size: 15px; font-weight: 500; }
.market-card__actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.market-card__actions a { color: var(--cyan); font-size: 11px; }
.empty-state, .noscript-note { margin: 0; padding: 34px; color: #8996af; text-align: center; }
.compare-tray { position: fixed; z-index: 80; right: 24px; bottom: 22px; left: 24px; display: grid; grid-template-columns: auto 1fr auto; gap: 24px; align-items: center; max-width: 1080px; margin: auto; padding: 13px 16px; border: 1px solid rgba(53, 215, 232,.18); border-radius: var(--radius-ui); background: rgba(5,12,29,.94); box-shadow: 0 20px 60px rgba(0,0,0,.38); backdrop-filter: blur(18px); }
.compare-tray strong, .compare-tray small { display: block; }.compare-tray strong { font-size: 12px; }.compare-tray small { color: #6f7e98; font-size: 9px; }.compare-tray > div:nth-child(2) { display: flex; flex-wrap: wrap; gap: 6px; }.selection-pill { padding: 5px 8px; border: 1px solid var(--line); border-radius: 999px; color: #aab8cf; font-size: 9px; }.compare-tray .button { min-height: 40px; font-size: 11px; }.compare-tray .is-disabled { opacity: .45; pointer-events: none; }
.product-note { display: grid; grid-template-columns: .75fr 1.2fr auto; gap: 40px; align-items: center; margin-top: 24px; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius-panel); background: rgba(7,16,35,.56); }.product-note span { color: var(--cyan); font-family: var(--mono); font-size: 8px; letter-spacing: .1em; }.product-note h2 { margin: 6px 0 0; font-family: var(--serif); font-size: 30px; font-weight: 400; }.product-note p { margin: 0; color: #8491a9; font-size: 13px; }

/* Compare */
.product-hero--compare { margin-bottom: 38px; }
.compare-picker { display: grid; grid-template-columns: 250px 1fr; gap: 35px; align-items: start; margin-bottom: 24px; padding: 26px; border: 1px solid var(--line); border-radius: var(--radius-panel); background: rgba(8,18,39,.56); }
.compare-picker h2 { margin: 7px 0 6px; font-family: var(--serif); font-size: 34px; font-weight: 400; }.compare-picker p { margin: 0; color: #76849e; font-size: 12px; }
.compare-picker__options { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; }
.compare-option { display: flex; min-height: 54px; align-items: center; gap: 10px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 9px; background: rgba(3,9,22,.62); color: #9caac1; text-align: left; }.compare-option:hover { border-color: var(--line-strong); }.compare-option[aria-pressed="true"] { border-color: rgba(53, 215, 232,.37); background: rgba(53, 215, 232,.08); color: #eefaff; }.compare-option:disabled { opacity: .42; }.compare-option strong, .compare-option small { display: block; }.compare-option strong { font-size: 10px; font-weight: 500; }.compare-option small { color: #68758e; font-size: 8px; }
.compare-picker__status { grid-column: 2; justify-self: end; color: var(--cyan) !important; font-family: var(--mono); font-size: 8px !important; letter-spacing: .08em; }
.compare-workspace { margin-bottom: 24px; }
.compare-matrix-wrap { max-width: 100%; overflow-x: auto; }
.compare-matrix { width: 100%; min-width: 850px; border-collapse: collapse; }
.compare-matrix th, .compare-matrix td { border-right: 1px solid var(--line-faint); border-bottom: 1px solid var(--line-faint); }.compare-matrix th:last-child,.compare-matrix td:last-child{border-right:0}.compare-matrix tr:last-child td{border-bottom:0}
.compare-matrix thead th { min-width: 190px; height: 105px; padding: 15px; text-align: left; vertical-align: top; }.compare-matrix thead th:first-child { min-width: 180px; color: #64728c; font-family: var(--mono); font-size: 8px; letter-spacing: .1em; }.compare-matrix thead a { display: flex; gap: 10px; align-items: center; }.compare-matrix thead strong,.compare-matrix thead small{display:block}.compare-matrix thead strong{color:#eff4ff;font-size:12px}.compare-matrix thead small{margin-top:3px;color:#6e7d98;font-size:9px;font-weight:400}
.compare-matrix tbody th { width: 180px; height: 66px; padding: 12px 18px; color: #7786a0; font-family: var(--mono); font-size: 8px; font-weight: 500; letter-spacing: .09em; text-align: left; text-transform: uppercase; }.compare-matrix td { padding: 12px 15px; color: #c2ccdf; font-size: 12px; }.compare-matrix td strong { color: var(--cyan-soft); font-family: var(--mono); font-size: 15px; font-weight: 500; }.matrix-note { display:block;margin-top:3px;color:#66738d;font-size:8px; }
.scatter-section { display: grid; grid-template-columns: minmax(300px,.62fr) minmax(600px,1.38fr); gap: 55px; align-items: center; margin: 24px 0; padding: 38px; border: 1px solid var(--line); border-radius: 16px; background: rgba(7,16,35,.72); }.scatter-copy h2 { margin: 9px 0 14px; font-family: var(--serif); font-size: 46px; font-weight: 400; line-height: 1.02; }.scatter-copy p { color: #8390a8; font-size: 13px; }
.yield-scatter { position: relative; min-height: 370px; overflow: hidden; border-left: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); background-image: linear-gradient(rgba(93, 155, 255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(93, 155, 255,.055) 1px,transparent 1px); background-size: 25% 25%; }
.scatter-axis { position:absolute;color:#60708d;font-family:var(--mono);font-size:7px;letter-spacing:.1em}.scatter-axis--y{top:8px;left:10px}.scatter-axis--x{right:10px;bottom:8px}.scatter-point { position:absolute; left:calc(var(--x)*1%); bottom:calc(var(--y)*1%); display:grid; width:42px; height:42px; place-items:center; border:1px solid var(--point-color,var(--cyan)); border-radius:50%; background:rgba(5,14,31,.9); box-shadow:0 0 25px color-mix(in srgb,var(--point-color,var(--cyan)) 20%,transparent); transform:translate(-50%,50%); }.scatter-point::after { position:absolute; top:48px; left:50%; width:120px; color:#9eabc1; content:attr(data-label); font-size:9px; text-align:center; transform:translateX(-50%); }.scatter-point span{color:var(--point-color,var(--cyan));font-family:var(--mono);font-size:8px}.scatter-grid{position:absolute;background:var(--line-faint)}
.compare-disclosure { display: grid; grid-template-columns: 190px .6fr 1fr; gap: 28px; align-items: center; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius-panel); }.compare-disclosure > span { color:var(--cyan);font-family:var(--mono);font-size:8px;letter-spacing:.1em}.compare-disclosure h2{margin:0;font-family:var(--serif);font-size:30px;font-weight:400}.compare-disclosure p{margin:0;color:#8290a8;font-size:12px}

/* Asset */
.asset-main { padding-top: 112px; }
.breadcrumb { display:flex;min-height:44px;align-items:center;gap:10px;margin-bottom:20px;color:#697792;font-size:11px}.breadcrumb a:hover{color:var(--cyan)}
.asset-alert { margin:0 0 18px;padding:12px 16px;border:1px solid rgba(240,211,111,.25);border-radius:8px;background:rgba(240,211,111,.06);color:#e7d78d;font-size:12px }
.asset-hero { display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid var(--line) }.asset-identity{display:flex;align-items:center;gap:20px}.asset-mark--large{width:52px;height:52px;font-size:18px}.asset-identity h1{margin:8px 0 2px;font-family:var(--serif);font-size:clamp(42px,4.5vw,68px);font-weight:400;letter-spacing:-.035em;line-height:1}.asset-identity > div > p:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:0;color:#74829c;font-size:12px}.asset-identity > div > p:last-child i{color:#4f5d75;font-style:normal}.asset-score{text-align:right}.asset-score span,.asset-score small{display:block;color:#6b7994;font-family:var(--mono);font-size:8px;letter-spacing:.1em}.asset-score strong{display:block;margin:4px 0;color:var(--cyan);font-family:var(--serif);font-size:58px;font-weight:400;line-height:1}
.asset-metrics { display:grid;grid-template-columns:1.2fr repeat(3,1fr);margin-bottom:22px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:rgba(8,18,39,.65) }.asset-metrics article{position:relative;min-height:150px;padding:23px;border-right:1px solid var(--line-faint)}.asset-metrics article:last-child{border:0}.asset-metrics span,.asset-metrics strong,.asset-metrics small{display:block}.asset-metrics span{color:#66758f;font-family:var(--mono);font-size:8px;letter-spacing:.1em}.asset-metrics strong{margin:14px 0 6px;color:#ecf3ff;font-family:var(--serif);font-size:36px;font-weight:400}.asset-metric--primary strong{color:var(--cyan);font-size:48px}.asset-metrics small{color:#74819a;font-size:10px}.metric-rule{position:absolute;right:22px;bottom:24px;left:22px;height:2px;background:rgba(53, 215, 232,.1)}.metric-rule::after{display:block;width:calc(var(--metric)*100%);height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet));content:""}
.asset-layout { display:grid;grid-template-columns:1.4fr .6fr;gap:22px;margin-bottom:22px }.asset-panel{padding:30px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(9,20,44,.82),rgba(4,10,24,.9))}.panel-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.panel-heading h2,.asset-panel--compare h2{margin:6px 0 0;font-family:var(--serif);font-size:36px;font-weight:400;line-height:1.02}.profile-dimensions{display:grid;gap:16px;margin:34px 0}.profile-dimensions div{display:grid;grid-template-columns:100px 1fr 80px;gap:15px;align-items:center}.profile-dimensions span{color:#8896ae;font-size:12px}.profile-dimensions i{height:3px;overflow:hidden;background:rgba(105,133,180,.14)}.profile-dimensions b{display:block;width:calc(var(--value)*100%);height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan))}.profile-dimensions strong{color:#b7c5da;font-family:var(--mono);font-size:10px;font-weight:500;text-align:right}.asset-panel--profile > p{max-width:720px;margin:0;color:#7b89a3;font-size:12px}.asset-panel--compare{display:flex;flex-direction:column;justify-content:center}.asset-panel--compare>p:not(.product-kicker){color:#8190aa;font-size:13px}.asset-panel--compare .button{margin:15px 0 7px}.asset-panel--compare .text-link{justify-content:center}
.asset-source { display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;padding:34px;border:1px solid var(--line);border-radius:15px;background:rgba(7,16,35,.65) }.asset-source h2{margin:8px 0 12px;font-family:var(--serif);font-size:40px;font-weight:400;line-height:1.02}.asset-source>div>p:last-child{color:#8190aa;font-size:13px}.asset-source dl{margin:0}.asset-source dl div{display:grid;grid-template-columns:145px 1fr;gap:20px;padding:12px 0;border-bottom:1px solid var(--line-faint)}.asset-source dt{color:#64728c;font-family:var(--mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.asset-source dd{margin:0;color:#aab7cc;font-size:11px;overflow-wrap:anywhere}.asset-source code{color:#8ea9d4;font-family:var(--mono);font-size:9px}.source-boundary{grid-column:1/-1;margin:0;padding-top:18px;border-top:1px solid var(--line);color:#7d8ca5;font-size:11px}

/* Methodology */
.methodology-main { padding-top: 150px; }
.methodology-hero { display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:center;min-height:520px;padding-bottom:80px;border-bottom:1px solid var(--line) }.methodology-hero h1{margin:20px 0;font-family:var(--serif);font-size:clamp(62px,6vw,92px);font-weight:400;letter-spacing:-.045em;line-height:.98}.methodology-hero>div:first-child>p:last-child{max-width:720px;color:#95a2b9;font-size:17px}.method-equation{display:grid;grid-template-columns:1fr auto 86px auto 1fr;align-items:center;gap:13px;color:#70809b;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-align:center}.method-equation strong{display:grid;width:86px;height:86px;place-items:center;border:1px solid rgba(53, 215, 232,.4);border-radius:50%;background:rgba(7,20,43,.85);box-shadow:0 0 55px rgba(53, 215, 232,.15);color:#fff;font-family:var(--serif);font-size:40px;font-weight:400}.method-equation i{color:var(--cyan);font-style:normal}
.method-principles,.method-flow,.method-trust,.method-boundaries{padding:100px 0;border-bottom:1px solid var(--line-faint)}.method-section-heading{display:grid;grid-template-columns:.85fr 1fr;gap:40px;align-items:end;margin-bottom:44px}.method-section-heading .product-kicker{grid-column:1/-1}.method-section-heading h2{margin:0;font-family:var(--serif);font-size:54px;font-weight:400;letter-spacing:-.035em;line-height:1.02}.method-section-heading>p:last-child{margin:0;color:#8391aa;font-size:15px}.method-dimension-list{border-top:1px solid var(--line)}.method-dimension-list article{display:grid;grid-template-columns:70px 1fr 70px;gap:30px;align-items:center;min-height:126px;border-bottom:1px solid var(--line-faint)}.method-dimension-list>article>span{color:#5f6e89;font-family:var(--mono);font-size:9px}.method-dimension-list h3{margin:0 0 6px;font-family:var(--serif);font-size:30px;font-weight:400}.method-dimension-list p{max-width:850px;margin:0;color:#8190aa;font-size:13px}.method-dimension-list>article>i{display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--cyan);font-style:normal}
.method-flow__steps{display:grid;grid-template-columns:repeat(5,1fr);margin:0 0 22px;padding:0;list-style:none;border:1px solid var(--line);border-radius:14px;background:rgba(8,18,39,.62)}.method-flow__steps li{min-height:220px;padding:24px;border-right:1px solid var(--line-faint)}.method-flow__steps li:last-child{border:0}.method-flow__steps span{color:#5f6e88;font-family:var(--mono);font-size:9px}.method-flow__steps strong{display:block;margin:40px 0 12px;font-family:var(--serif);font-size:23px;font-weight:400}.method-flow__steps p{margin:0;color:#7c8aa3;font-size:12px}.decision-states{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.decision-states article{position:relative;padding:22px 22px 22px 48px;border:1px solid var(--line);border-radius:12px;background:rgba(6,14,31,.7)}.decision-states h3{margin:0 0 5px;font-family:var(--mono);font-size:12px}.decision-states p{margin:0;color:#7c89a1;font-size:11px}.state-light{position:absolute;top:25px;left:22px;width:8px;height:8px;border-radius:50%}.state-light--cyan{background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.state-light--coral{background:var(--coral);box-shadow:0 0 14px var(--coral)}.state-light--amber{background:var(--amber);box-shadow:0 0 14px var(--amber)}
.method-trust{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.method-trust h2{margin:8px 0 17px;font-family:var(--serif);font-size:50px;font-weight:400;line-height:1.02}.method-trust>div:first-child>p:last-child{color:#8492aa;font-size:14px}.provenance-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.provenance-stack article{min-height:155px;padding:20px;border:1px solid var(--line);border-radius:11px;background:rgba(7,16,35,.7)}.provenance-stack span,.provenance-stack strong{display:block}.provenance-stack span{color:var(--cyan);font-family:var(--mono);font-size:7px;letter-spacing:.1em}.provenance-stack strong{margin:22px 0 6px;font-size:13px}.provenance-stack p{margin:0;color:#75839d;font-size:11px}.method-trust blockquote{grid-column:1/-1;margin:0;padding:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#a4b0c5;font-family:var(--serif);font-size:24px;text-align:center}
.boundary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:32px}.boundary-grid p{margin:0;padding:20px;border:1px solid var(--line);border-radius:10px;background:rgba(7,16,35,.54);color:#8593aa;font-size:12px}

/* Docs */
.docs-content { min-width: 0; }
.docs-main { display:grid;grid-template-columns:230px minmax(0,1fr);gap:70px;padding-top:128px;padding-bottom:100px }
.docs-sidebar{position:sticky;top:110px;align-self:start;padding:20px 0}.docs-sidebar>p{margin:0 0 22px;color:var(--cyan);font-family:var(--mono);font-size:8px;letter-spacing:.12em}.docs-sidebar nav{display:grid}.docs-sidebar nav a{min-height:42px;display:flex;align-items:center;border-left:1px solid var(--line);padding-left:16px;color:#71809a;font-size:11px}.docs-sidebar nav a:hover{border-color:var(--cyan);color:#fff}.docs-sidebar small{display:block;margin:35px 0 0;padding-left:16px;color:#56637c;font-family:var(--mono);font-size:8px;line-height:1.6}.docs-content{max-width:1040px}.docs-hero{padding:32px 0 100px;border-bottom:1px solid var(--line)}.docs-hero h1{margin:20px 0;font-family:var(--serif);font-size:clamp(60px,6vw,88px);font-weight:400;letter-spacing:-.045em;line-height:.98}.docs-hero>p:last-child{max-width:720px;color:#93a0b8;font-size:17px}.docs-section{scroll-margin-top:100px;padding:80px 0;border-bottom:1px solid var(--line-faint)}.docs-section h2{margin:10px 0 20px;font-family:var(--serif);font-size:48px;font-weight:400;letter-spacing:-.03em}.docs-section>p:not(.product-kicker){max-width:830px;color:#8b98af;font-size:14px;line-height:1.7}.docs-section code{padding:2px 5px;border:1px solid var(--line);border-radius:4px;background:rgba(53, 215, 232,.05);color:#8deaff;font-family:var(--mono);font-size:.85em}.docs-callout{margin:28px 0;padding:22px 24px;border-left:2px solid var(--cyan);background:rgba(53, 215, 232,.055)}.docs-callout strong{font-family:var(--serif);font-size:23px;font-weight:400}.docs-callout p{margin:5px 0 0;color:#8290a8;font-size:12px}.docs-callout--violet{border-color:var(--violet);background:rgba(140, 92, 255,.06)}.schema-grid{display:grid;grid-template-columns:180px 1fr;margin-top:25px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.schema-grid>*{min-height:54px;display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line-faint)}.schema-grid>*:nth-last-child(-n+2){border-bottom:0}.schema-grid code{border:0;border-right:1px solid var(--line-faint);border-radius:0;background:rgba(53, 215, 232,.025);font-size:10px}.schema-grid span{color:#8592aa;font-size:12px}.definition-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}.definition-grid article{min-height:170px;padding:22px;border:1px solid var(--line);border-radius:12px;background:rgba(7,16,35,.64)}.definition-grid article:last-child{grid-column:1/-1;min-height:auto}.definition-grid span{color:var(--cyan);font-family:var(--mono);font-size:7px;letter-spacing:.1em}.definition-grid h3{margin:24px 0 7px;font-family:var(--serif);font-size:25px;font-weight:400}.definition-grid p{margin:0;color:#7d8ba4;font-size:12px}.docs-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}.docs-table{width:100%;min-width:720px;border-collapse:collapse}.docs-table th,.docs-table td{padding:15px 17px;border-right:1px solid var(--line-faint);border-bottom:1px solid var(--line-faint);text-align:left}.docs-table th{color:#64738e;font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase}.docs-table td{color:#8997ae;font-size:12px}.docs-table td:first-child{color:#d8e2f3;font-weight:500}.route-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.route-grid a{display:grid;grid-template-columns:120px 1fr;gap:3px 15px;min-height:104px;padding:17px;border:1px solid var(--line);border-radius:10px;background:rgba(7,16,35,.56);transition:border-color 180ms ease,transform 180ms var(--ease)}.route-grid a:hover{border-color:var(--line-strong);transform:translateY(-2px)}.route-grid code{grid-row:1/3;border:0;background:transparent;color:var(--cyan)}.route-grid strong{font-family:var(--serif);font-size:21px;font-weight:400}.route-grid span{color:#74819a;font-size:11px}

@media (max-width: 1180px) {
  .story-hero__inner { grid-template-rows: minmax(0, 1fr) 164px 66px; gap: 10px; }
  .story-hero__copy { width: min(45%, 520px); }
  .story-hero h1 { font-size: clamp(60px, 6vw, 72px); }
  .story-hero__lede { max-width: 465px; font-size: 15px; }
  .hero-metrics { gap: 11px; }
  .hero-metric { padding: 16px 15px 13px; }
  .hero-metric__top { grid-template-columns: 42px minmax(0, 1fr); gap: 10px; }
  .hero-metric__icon { width: 42px; height: 42px; font-size: 22px; }
  .hero-metric__top > small { display: none; }
  .hero-metric__top strong { font-size: 23px; }
  .hero-coverage { grid-template-columns: auto 1fr; }
  .hero-coverage > div { gap: 18px; }
  .hero-coverage span { font-size: 11px; }
  .story-framework { --framework-inset: 20px; grid-template-columns: minmax(290px,.7fr) minmax(510px,1.3fr); gap: 10px 28px; padding-top: 86px; }
  .story-framework h2 { font-size: 48px; }
  .standard-diagram { min-height: 250px; }
  .standard-routes { inset: 0; width: 100%; }
  .standard-sources { left: 0; }
  .standard-dimensions { right: 0; }
  .standard-core { left: 46%; }
  .standard-planes { left: 63%; }
  .product-table td { height: 48px; padding-inline: 10px; }
  .product-table th { padding-inline: 10px; }
  .framework-value-strip article { padding-inline: 16px; }
  .insight-layout,.trust-layout { grid-template-columns: 1fr; gap: 48px; }
  .insight-copy,.trust-intro { max-width: 680px; }
  .market-toolbar { grid-template-columns: minmax(230px,1.2fr) repeat(2,minmax(145px,.7fr)); }.market-toolbar label:nth-child(4){display:none}
  .market-card-grid{grid-template-columns:repeat(2,1fr)}
  .compare-picker__options{grid-template-columns:repeat(2,1fr)}
  .scatter-section{grid-template-columns:1fr;}.yield-scatter{min-height:330px}
  .method-flow__steps{grid-template-columns:repeat(3,1fr)}.method-flow__steps li{border-bottom:1px solid var(--line-faint)}
}

@media (min-width: 1181px) {
  .story-hero h1 { width: 94.8%; transform: scaleX(1.055); transform-origin: left center; }
  .story-framework h2 { width: 97%; transform: scaleX(1.03); transform-origin: left center; }
}

@media (max-width: 920px) {
  :root { --header-height: 70px; }
  .site-header__inner { grid-template-columns: 1fr auto; }
  .nav-toggle { position:relative;z-index:2;display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line);border-radius:9px;background:rgba(5,12,28,.8) }.nav-toggle i{position:absolute;width:17px;height:1px;background:#dce7f7;transition:transform 180ms ease}.nav-toggle i:first-of-type{transform:translateY(-4px)}.nav-toggle i:last-of-type{transform:translateY(4px)}.nav-toggle[aria-expanded="true"] i:first-of-type{transform:rotate(45deg)}.nav-toggle[aria-expanded="true"] i:last-of-type{transform:rotate(-45deg)}
  .site-nav { position:absolute;z-index:1;top:calc(var(--header-height) - 1px);right:0;display:flex;width:min(86vw,390px);height:calc(100dvh - var(--header-height) + 1px);flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;overflow-y:auto;padding:24px 28px 40px;border-top:1px solid var(--line);border-left:1px solid var(--line);background:rgba(3,8,20,.98);box-shadow:-30px 0 70px rgba(0,0,0,.34);transform:translateX(105%);transition:transform 280ms var(--ease) }.site-nav.is-open{transform:translateX(0)}.site-nav a{display:flex;min-height:56px;justify-content:space-between;border-bottom:1px solid var(--line-faint);font-family:var(--serif);font-size:25px}.site-nav a::after{display:none}.header-cta{display:none}
  .story-scene { min-height: auto; }
  #particle-canvas { height: 900px; }
  .story-hero { min-height: auto; }
  .story-hero__inner { display: block; min-height: auto; padding: 116px var(--gutter) 48px; }
  .story-hero__stage { min-height: 720px; }
  .story-hero__copy { position: relative; top: auto; width: min(100%,700px); transform: none; }
  .story-hero h1 { margin-top: 20px; font-size: clamp(58px,9.5vw,78px); }
  .story-hero__lede { max-width: 560px; }
  .hero-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 16px; }
  .hero-metric { min-height: 164px; }
  .hero-coverage { grid-template-columns: 1fr; gap: 14px; margin-top: 24px; padding-top: 20px; }
  .hero-coverage > div { justify-content: flex-start; flex-wrap: wrap; }
  .sphere-annotation { inset: 0; }.sphere-label{display:none}
  .story-transition,.story-scroll-cue,.story-progress{display:none}
  .story-framework { display:block;min-height:auto;padding:95px var(--gutter) 60px;background:linear-gradient(180deg,rgba(3,8,20,.94),#030817) }
  .framework-intro { max-width:700px;margin-bottom:35px }.story-framework h2{font-size:clamp(46px,8vw,64px)}
  .standard-diagram { min-height: 300px; margin-bottom: 24px; }
  .product-preview { min-height:auto; }
  .product-preview__heading { padding:18px 20px }.product-preview__footer{padding:12px 20px}
  .framework-value-strip { margin-top: 18px; }
  .content-section { padding: 90px 0; }.section-heading { grid-template-columns:1fr;gap:20px }.section-heading .eyebrow{grid-column:auto}.section-heading>p:last-child{font-size:16px}
  .insight-section { min-height: auto; }
  .insight-layout,.trust-layout { grid-template-columns:1fr;gap:48px; }
  .insight-copy { max-width: 680px; }
  .trust-intro { max-width: 680px; }
  .site-footer__inner{grid-template-columns:1fr;justify-items:center;padding-top:35px;padding-bottom:35px;text-align:center}.site-footer .brand{justify-self:center}.site-footer p{justify-self:center;text-align:center}
  .product-main { padding-top: 112px; }
  .product-hero{grid-template-columns:1fr;gap:28px}.snapshot-panel{max-width:520px}.market-overview{grid-template-columns:repeat(2,1fr)}.market-overview article:nth-child(2){border-right:0}.market-overview article:nth-child(-n+2){border-bottom:1px solid var(--line-faint)}
  .market-toolbar{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.toolbar-reset{grid-column:2}.workspace-heading{align-items:flex-start}.workspace-meta p:last-child{display:none}.market-card-grid{grid-template-columns:1fr 1fr}
  .compare-tray{grid-template-columns:1fr auto}.compare-tray>div:nth-child(2){display:none}
  .compare-picker{grid-template-columns:1fr}.compare-picker__status{grid-column:1}.compare-picker__options{grid-template-columns:repeat(2,1fr)}
  .compare-disclosure{grid-template-columns:1fr}.compare-disclosure>span{margin-bottom:-15px}
  .asset-metrics{grid-template-columns:repeat(2,1fr)}.asset-metrics article:nth-child(2){border-right:0}.asset-metrics article:nth-child(-n+2){border-bottom:1px solid var(--line-faint)}.asset-layout,.asset-source{grid-template-columns:1fr}.source-boundary{grid-column:1}
  .methodology-hero{grid-template-columns:1fr;gap:50px;min-height:auto}.method-equation{max-width:620px}.method-section-heading{grid-template-columns:1fr}.method-flow__steps{grid-template-columns:repeat(2,1fr)}.method-trust{grid-template-columns:1fr}.method-trust blockquote{grid-column:1}.boundary-grid{grid-template-columns:repeat(2,1fr)}
  .docs-main{grid-template-columns:1fr;gap:0}.docs-sidebar{position:static;display:none}
}

@media (max-width: 680px) {
  :root { --gutter: 18px; }
  body { font-size:15px; }
  .brand__logo { width: 150px; }
  .button-row{display:grid;grid-template-columns:1fr}.button{width:100%;min-height:50px}
  #particle-canvas{height:920px}
  .story-hero__inner{padding-top:105px;padding-bottom:44px}.story-hero__stage{min-height:820px}.story-hero h1{margin-top:18px;font-size:clamp(48px,14.3vw,64px);line-height:.98}.story-hero__lede{margin-bottom:22px;font-size:15px;line-height:1.58}
  .hero-metrics{grid-template-columns:1fr;gap:10px;margin-top:8px}.hero-metric{min-height:158px}.hero-metric__top{grid-template-columns:46px minmax(0,1fr) auto}.hero-metric__icon{width:46px;height:46px}.hero-metric__top>small{display:block}.hero-coverage{margin-top:26px}.hero-coverage>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.hero-coverage span{font-size:12px}
  .story-framework{padding-top:78px}.story-framework h2{font-size:clamp(42px,12vw,54px)}.standard-diagram{min-height:250px;margin-inline:-7px}.standard-source>span,.standard-dimensions span{font-size:8px}.standard-source,.standard-dimensions span{min-height:36px;gap:6px}.standard-sources .venue-glyph{width:30px;height:30px;padding:5px;border-radius:8px}.standard-core{left:46%;width:56px;height:56px}.standard-planes{left:59%;width:70px}.standard-routes{opacity:.75}
  .product-preview__heading{display:block}.snapshot-stamp{margin-top:12px;padding:9px 0 0;border-top:1px solid var(--line);border-left:0;text-align:left}
  .product-table--preview{display:block;min-width:0;padding:8px}.product-table--preview thead{display:none}.product-table--preview tbody{display:grid;gap:8px}.product-table--preview tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;min-height:126px;padding:12px;border:1px solid var(--line-faint);border-radius:var(--radius-ui);background:rgba(4,11,25,.5)}.product-table--preview td{display:block;min-width:0;height:auto;padding:5px;border:0;overflow:hidden}.product-table--preview td:first-child{grid-column:1/-1;padding-bottom:10px;border-bottom:1px solid var(--line-faint)}.product-table--preview td:nth-child(4),.product-table--preview td:nth-child(5),.product-table--preview td:nth-child(6){display:none}.product-table--preview td:nth-child(2)::before,.product-table--preview td:nth-child(3)::before,.product-table--preview td:nth-child(7)::before{display:block;margin-bottom:5px;color:#5f6d86;font-family:var(--mono);font-size:6px;letter-spacing:.08em;text-transform:uppercase}.product-table--preview td:nth-child(2)::before{content:"Observed APY"}.product-table--preview td:nth-child(3)::before{content:"Duration"}.product-table--preview td:nth-child(7)::before{content:"Evidence"}.product-table--preview .metric-line{display:none}.product-table--preview .score-track{display:block;margin:4px 0 0}.product-preview__footer{display:block}.product-preview__footer .text-link{margin-top:5px}
  .framework-value-strip{grid-template-columns:1fr}.framework-value-strip article{border-right:0;border-bottom:1px solid var(--line-faint)}.framework-value-strip article:last-child{border-bottom:0}
  .content-section{padding:76px 0}.section-heading{margin-bottom:36px}.section-heading h2{font-size:clamp(43px,12vw,58px)}
  .insight-layout,.trust-layout{gap:36px}.insight-copy h2,.trust-intro h2{font-size:clamp(43px,12vw,58px)}
  .insight-panel__heading{display:block;min-height:auto;padding:16px 17px}.insight-panel__heading span{display:block;margin-top:5px}
  .insight-asset{grid-template-columns:1fr auto;gap:14px;min-height:auto;padding:17px}.insight-metrics{grid-column:1/-1;grid-template-columns:repeat(2,1fr);padding-top:4px}.insight-note{padding:11px 17px}
  .insight-identity strong{white-space:normal}.insight-identity .asset-context{flex-wrap:wrap}
  .trust-grid{grid-template-columns:1fr}.trust-card{min-height:auto;padding:22px 0;border-right:0;border-bottom:1px solid var(--line-faint)}.trust-card:last-child{border-bottom:0}.trust-boundary{font-size:11px}
  .closing-section{min-height:580px}.closing-section h2{font-size:clamp(52px,14vw,68px)}
  .site-footer nav{gap:12px}.site-footer nav a{font-size:10px}
  .product-main{padding-top:104px;padding-bottom:72px}.product-hero{margin-bottom:28px}.product-hero h1{font-size:clamp(54px,15vw,72px)}.product-hero>div:first-child>p:last-child{font-size:15px}.snapshot-panel{grid-template-columns:auto 1fr;padding:14px}
  .market-overview{grid-template-columns:1fr 1fr}.market-overview article{min-height:105px;padding:15px}.market-overview strong{font-size:28px}.market-overview small{font-size:8px}
  .workspace-heading{display:block;padding:22px 17px}.view-toggle{display:none}.market-toolbar{grid-template-columns:1fr;padding:14px}.search-field,.market-toolbar label,.toolbar-reset{grid-column:1!important}.market-toolbar label:nth-child(4){display:block}.market-card-grid{grid-template-columns:1fr;padding:12px}.workspace-meta{padding-inline:15px}.compare-tray{right:10px;bottom:10px;left:10px;grid-template-columns:1fr auto;gap:10px}.compare-tray .button{width:auto;padding-inline:12px;gap:8px}.product-note{grid-template-columns:1fr;gap:18px;padding:22px}
  .compare-picker{padding:18px}.compare-picker__options{grid-template-columns:1fr}.compare-option{min-height:58px}.scatter-section{padding:22px;gap:28px}.scatter-copy h2{font-size:40px}.yield-scatter{min-height:300px}.scatter-point{width:34px;height:34px}.scatter-point::after{top:39px;width:82px;font-size:7px}
  .asset-hero{display:block}.asset-score{margin-top:24px;padding-top:20px;border-top:1px solid var(--line-faint);text-align:left}.asset-score strong{font-size:48px}.asset-identity{align-items:flex-start}.asset-identity h1{font-size:40px}.asset-metrics{grid-template-columns:1fr}.asset-metrics article{min-height:128px!important;border-right:0!important;border-bottom:1px solid var(--line-faint)!important}.asset-metrics article:last-child{border-bottom:0!important}.asset-layout{grid-template-columns:1fr}.asset-panel{padding:22px}.profile-dimensions div{grid-template-columns:80px 1fr 65px}.asset-source{padding:22px;gap:26px}.asset-source dl div{grid-template-columns:1fr;gap:5px}.asset-source h2{font-size:36px}
  .methodology-main{padding-top:115px}.methodology-hero{padding-bottom:65px}.methodology-hero h1{font-size:clamp(50px,14vw,68px)}.method-equation{grid-template-columns:1fr auto 64px auto 1fr;font-size:6px}.method-equation strong{width:64px;height:64px;font-size:30px}.method-principles,.method-flow,.method-trust,.method-boundaries{padding:72px 0}.method-section-heading h2,.method-trust h2{font-size:42px}.method-dimension-list article{grid-template-columns:38px 1fr;gap:12px;padding:20px 0}.method-dimension-list>article>i{display:none}.method-flow__steps{grid-template-columns:1fr}.method-flow__steps li{min-height:auto;border-right:0}.decision-states{grid-template-columns:1fr}.provenance-stack{grid-template-columns:1fr}.boundary-grid{grid-template-columns:1fr}
  .docs-main{padding-top:100px}.docs-hero{padding-bottom:70px}.docs-hero h1{font-size:clamp(50px,14vw,68px)}.docs-section{padding:62px 0}.docs-section h2{font-size:40px}.schema-grid{grid-template-columns:1fr}.schema-grid>*{border-bottom:1px solid var(--line-faint)!important}.schema-grid>*:last-child{border-bottom:0!important}.schema-grid code{border-right:0}.definition-grid,.route-grid{grid-template-columns:1fr}.definition-grid article:last-child{grid-column:1}.route-grid a{grid-template-columns:100px 1fr}
}

@media (max-height: 920px) and (min-width: 921px) {
  .story-framework { grid-template-rows: 280px 405px 70px; gap: 9px 28px; padding-top: 86px; padding-bottom: 10px; }
  .product-preview__heading { min-height: 71px; padding-bottom: 9px; }
  .product-table th { height: 42px; }
  .product-table td { height: 52px; }
  .framework-value-strip article { padding-block: 8px; }
}

@media (max-height: 780px) and (min-width: 921px) {
  .story-hero__inner{grid-template-rows:minmax(0,1fr) 145px 58px;padding-top:84px;padding-bottom:10px}.story-hero h1{margin-top:22px;font-size:clamp(56px,4.7vw,70px)}.story-hero__lede{font-size:14px;margin-bottom:18px}.hero-metric{padding:12px 14px}.hero-metric__icon{width:38px;height:38px;font-size:20px}.hero-metric__top{grid-template-columns:38px minmax(0,1fr);gap:9px}.hero-metric__top strong{font-size:21px}.metric-viz{height:34px;margin:5px 0 3px}.metric-viz--curve svg{height:24px}.maturity-track,.capacity-track,.evidence-track{height:23px}.maturity-track::before,.maturity-track__fill,.capacity-track::before,.evidence-track::before,.capacity-track span,.evidence-track span{top:11px}.maturity-track__reference{top:6px}.maturity-track__marker{top:7px}.hero-metric__note span{display:none}.hero-coverage img{width:22px;height:22px}
  .story-framework{grid-template-rows:200px 348px 64px;padding-top:76px;gap:7px 32px}.story-framework h2{font-size:42px}.framework-intro>p:not(.eyebrow){font-size:11px;margin-bottom:10px}.framework-button{min-height:38px}.standard-diagram{min-height:200px}.standard-sources .venue-glyph{width:36px;height:36px;padding:6px}.standard-source{min-height:38px}.standard-core{width:66px;height:66px}.standard-planes{height:185px}.product-preview__heading{min-height:65px;padding-bottom:8px}.product-preview__heading h3{font-size:24px}.product-table th{height:32px}.product-table td{height:42px}.product-preview__footer{min-height:32px}.framework-value-strip article{padding:7px 14px}.framework-value-strip article>span{width:34px;height:34px}.framework-value-strip small{display:none}
}

@media (hover: none), (pointer: coarse) {
  .button:hover,.header-cta:hover,.route-grid a:hover{transform:none}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
  .js .reveal { opacity: 1; transform: none; }
  .story-scroll-cue { display: none; }
  #particle-canvas { opacity: .68; }
  .standard-planes i::after { opacity: .08; }
}

@media print {
  .fenorium-story,.story-scene,.story-hero,.story-framework { min-height: auto !important; height: auto !important; }
  .story-hero,.story-framework { position: relative !important; inset: auto !important; visibility: visible !important; opacity: 1 !important; transform: none !important; }
  .story-transition,.story-progress,.story-scroll-cue,#particle-canvas { display: none !important; }
}