@font-face {
    font-family: 'Camera Plain';
    src: url('https://lovable.dev/fonts/CameraPlainVariable-c48bd243.woff2') format('woff2');
    font-weight: 300 900;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Camera Plain';
    src: url('https://lovable.dev/fonts/CameraPlainVariableRegularItalic-8524cd9a.woff2') format('woff2');
    font-weight: 300 900;
    font-style: italic;
    font-display: swap;
  }

  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  :root {
    --bg:        #1c1c1c;
    --paper:     #1c1c1c;
    --surface:   #262725;
    --surface-2: #222321;
    --ink:       #f6f6f4;
    --ink-2:     rgba(246, 246, 244, .72);
    --ink-3:     rgba(246, 246, 244, .50);
    --rule:      rgba(255, 255, 255, .10);
    --rule-l:    rgba(255, 255, 255, .075);
    --blue:      #4B73FF;
    --pink:      #FF66F4;
    --red:       #FF3029;
    --orange:    #FE7B02;
    --salmon:    #FF8E63;
    --pulse:     linear-gradient(90deg, #82BCFF 0%, #2483FF 22%, #FF66F4 48%, #FF3029 72%, #FE7B02 100%);
    --pulse-soft: linear-gradient(135deg, rgba(75,115,255,.16), rgba(255,102,244,.14) 45%, rgba(254,123,2,.12));
    --serif:     'Camera Plain', Inter, system-ui, sans-serif;
    --sans:      'Camera Plain', Inter, system-ui, sans-serif;
    --mono:      'Camera Plain', ui-monospace, monospace;
    --radius:    28px;
    --radius-sm: 14px;
    --shadow:    0 22px 80px rgba(0, 0, 0, .20);
    --container: 1344px;
  }

  html { background: var(--bg); }

  body {
    background: var(--bg);
    color: var(--ink);
    font-family: var(--sans);
    font-size: 28px;
    line-height: 1.45;
    -webkit-font-smoothing: antialiased;
    max-width: none;
    margin: 0 auto;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    min-height: 100vh;
    padding: 0 24px 24px;
  }

  a { color: inherit; text-decoration: none; }

  /* ─── UTILITY ──────────────────────────────────────────── */
  .rule-h { width: 100%; height: 1px; background: var(--rule); }
  .rule-h-ink { width: 100%; height: 1px; background: var(--rule); }

  .meta {
    font-family: var(--mono);
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--ink-3);
  }

  .label {
    font-family: var(--mono);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-3);
  }

  /* ─── DOC HEADER ───────────────────────────────────────── */
  .doc-header {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 14px 18px;
    gap: 0;
    border: 1px solid var(--rule);
    border-radius: var(--radius-sm);
    background: var(--surface);
    backdrop-filter: blur(16px);
    margin-bottom: 12px;
  }
  .doc-header span {
    font-family: var(--mono);
    font-size: 20px;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--ink-3);
  }
  .doc-header span:last-child { text-align: right; }

  /* ─── HERO ─────────────────────────────────────────────── */
  .hero {
    min-height: 980px;
    padding: 220px 32px 72px;
    border: none;
    border-radius: 0 0 36px 36px;
    background:
      radial-gradient(ellipse at 50% 52%, rgba(255,102,244,.92) 0%, rgba(255,102,244,.72) 19%, transparent 48%),
      radial-gradient(ellipse at 30% 43%, rgba(75,115,255,.72) 0%, rgba(75,115,255,.50) 24%, transparent 52%),
      radial-gradient(ellipse at 76% 42%, rgba(75,115,255,.62) 0%, rgba(75,115,255,.45) 24%, transparent 50%),
      radial-gradient(ellipse at 50% 94%, rgba(255,48,41,.86) 0%, rgba(255,48,41,.58) 20%, transparent 52%),
      linear-gradient(180deg, #1c1c1c 0%, #1c1c1c 16%, #244579 43%, #ff4fca 70%, #ff2f47 100%);
    box-shadow: none;
    overflow: hidden;
    position: relative;
    max-width: none;
    margin: -68px -24px 0;
    text-align: center;
  }

  .hero::before {
    content: "";
    position: absolute;
    inset: 8% -18% 26%;
    background:
      radial-gradient(ellipse at 50% 50%, rgba(130,188,255,.52), rgba(255,102,244,.42) 42%, rgba(255,48,41,.16) 62%, transparent 74%);
    filter: blur(52px);
    opacity: .66;
    pointer-events: none;
  }

  .hero > * {
    position: relative;
    z-index: 1;
    max-width: var(--container);
    margin-left: auto;
    margin-right: auto;
  }

  .hero-headline-row {
    padding: 10px 0 0;
    border-bottom: none;
  }

  h1.display {
    font-family: var(--serif);
    font-size: clamp(92px, 10.2vw, 179px);
    font-weight: 760;
    line-height: .88;
    letter-spacing: -.055em;
    text-transform: uppercase;
    color: rgba(255,255,255,.95);
    text-shadow: 0 18px 70px rgba(28,28,28,.24);
    max-width: 980px;
    margin: 0 auto;
  }

  .manifest-prompt {
    max-width: 1040px;
    margin: 48px auto 0;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 26px;
    background: #1f1f1f;
    box-shadow: 0 28px 88px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter: blur(22px);
    padding: 20px;
    text-align: left;
  }

  .manifest-prompt-main {
    min-height: 150px;
    padding: 24px 28px;
    color: rgba(255,255,255,.56);
    font-size: 32px;
    line-height: 1.45;
  }

  .manifest-prompt-main strong {
    color: rgba(255,255,255,.88);
    font-weight: 680;
  }

  .manifest-prompt-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .prompt-chips {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }

  .prompt-chip {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    background: rgba(255,255,255,.05);
    color: rgba(255,255,255,.62);
    font-size: 24px;
    padding: 12px 16px;
  }

  .prompt-send {
    width: 56px;
    height: 56px;
    border-radius: 999px;
    border: none;
    background: rgba(255,255,255,.68);
    color: #1f1f1f;
    display: grid;
    place-items: center;
    font-size: 36px;
    line-height: 1;
  }

  /* ─── TAGLINE / DATA ROW ───────────────────────────────── */
  .tagline-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    border-bottom: none;
    margin: 72px auto 0;
    max-width: var(--container);
  }

  .tagline-col {
    padding: 52px 48px;
    border: 1px solid var(--rule);
    border-radius: var(--radius);
    background: var(--surface);
  }

  .tagline-col:first-child {
    border-right: 1px solid var(--rule);
  }

  .tagline-text {
    font-family: var(--serif);
    font-size: clamp(40px, 5.6vw, 64px);
    font-weight: 720;
    line-height: 1.15;
    letter-spacing: -.03em;
    color: var(--ink);
    text-transform: uppercase;
    margin-bottom: 16px;
  }

  .tagline-body {
    font-family: var(--sans);
    font-size: 26px;
    font-weight: 300;
    line-height: 1.65;
    color: var(--ink-2);
    max-width: 380px;
  }

  /* ─── PARAMETERS (STATS) ───────────────────────────────── */
  .params-header {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    padding: 0 0 28px;
    border-bottom: none;
    margin: 86px auto 0;
    max-width: var(--container);
  }

  .params-header .label,
  .section-header .label,
  .research-header .label,
  .inst-header .label,
  .cta-header .label {
    font-family: var(--serif);
    font-size: clamp(76px, 8.6vw, 104px);
    font-weight: 760;
    line-height: 1.04;
    letter-spacing: -.055em;
    text-transform: none;
    color: var(--ink);
  }

  .params-header .meta,
  .section-header .meta,
  .research-header .meta,
  .inst-header .meta,
  .cta-header .meta {
    align-self: end;
    font-size: 32px;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: none;
    color: var(--ink-2);
  }

  .params-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    border-bottom: none;
    max-width: var(--container);
    margin-left: auto;
    margin-right: auto;
  }

  .param-cell {
    min-height: 420px;
    padding: 40px 32px;
    border: 1px solid rgba(255,255,255,.03);
    border-radius: var(--radius);
    background: var(--surface);
    box-shadow: none;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .param-cell:last-child { border-right: 1px solid var(--rule); }

  .param-id {
    font-family: var(--mono);
    font-size: 18px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-3);
    margin-bottom: 10px;
  }

  .param-value {
    font-family: var(--serif);
    font-size: clamp(116px, 12.6vw, 144px);
    font-weight: 760;
    line-height: 1;
    letter-spacing: -.02em;
    color: var(--ink);
    margin-bottom: auto;
  }

  .param-label {
    font-family: var(--mono);
    font-size: 32px;
    line-height: 1.15;
    color: var(--ink-3);
  }

  /* ─── PRODUCT SECTION ──────────────────────────────────── */
  .section-header {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    margin: 96px auto 22px;
    max-width: var(--container);
  }

  .section-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    border-bottom: none;
    max-width: var(--container);
    margin-left: auto;
    margin-right: auto;
  }

  .section-col {
    padding: 52px 48px;
    border: 1px solid rgba(255,255,255,.04);
    border-radius: var(--radius);
    background: var(--surface);
  }
  .section-col:first-child {
    border-right: 1px solid var(--rule);
  }

  h2.section-title {
    font-family: var(--serif);
    font-size: clamp(56px, 8vw, 96px);
    font-weight: 760;
    text-transform: none;
    letter-spacing: -.045em;
    line-height: 1.05;
    color: var(--ink);
    margin-bottom: 16px;
  }

  .section-body {
    font-family: var(--sans);
    font-size: 26px;
    font-weight: 300;
    line-height: 1.7;
    color: var(--ink-2);
    margin-bottom: 20px;
  }

  /* ─── STEPS ────────────────────────────────────────────── */
  .step-list { list-style: none; }
  .step-item {
    display: grid;
    grid-template-columns: 88px 1fr;
    gap: 28px;
    padding: 30px 0;
    border-top: 1px solid var(--rule-l);
    align-items: start;
  }
  .step-item:first-child { border-top: none; }

  .step-num {
    font-family: var(--serif);
    font-size: 64px;
    font-weight: 760;
    color: var(--pink);
    line-height: 1;
    letter-spacing: -.02em;
  }

  .step-name {
    font-family: var(--mono);
    font-size: 20px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--ink-3);
    margin-bottom: 4px;
  }
  .step-title {
    font-family: var(--serif);
    font-size: 32px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 4px;
  }
  .step-body {
    font-family: var(--sans);
    font-size: 24px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--ink-3);
  }

  /* ─── DISPLAY NUMBER ───────────────────────────────────── */
  .display-num-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    border-bottom: none;
    margin: 14px auto 0;
    overflow: hidden;
    max-width: var(--container);
  }

  .display-num-left {
    padding: 52px 48px;
    border: 1px solid rgba(255,255,255,.04);
    border-radius: var(--radius);
    background: var(--surface);
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .display-num-right {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    overflow: hidden;
    min-height: 420px;
    border: 1px solid rgba(255,255,255,.04);
    border-radius: var(--radius);
    background: var(--pulse-soft);
  }

  .giant-num {
    font-family: var(--serif);
    font-size: clamp(260px, 36vw, 520px);
    font-weight: 760;
    line-height: .85;
    letter-spacing: -.04em;
    color: transparent;
    background: var(--pulse);
    -webkit-background-clip: text;
    background-clip: text;
    margin-right: -8px;
    margin-bottom: -12px;
    user-select: none;
  }

  .data-block {
    padding: 12px 0;
    border-top: 1px solid var(--rule-l);
  }
  .data-block:first-child { border-top: none; }

  .data-label {
    font-family: var(--mono);
    font-size: 18px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-3);
    margin-bottom: 6px;
  }

  .data-value {
    font-family: var(--mono);
    font-size: 22px;
    color: var(--ink-2);
    line-height: 1.6;
  }

  /* ─── CROSSHAIR ─────────────────────────────────────────── */
  .crosshair-section {
    display: grid;
    grid-template-columns: 48px 1fr;
    border: 1px solid rgba(255,255,255,.04);
    border-radius: var(--radius);
    background: var(--surface);
    margin: 8px auto 0;
    overflow: hidden;
    max-width: var(--container);
  }

  .crosshair-side {
    border-right: 1px solid var(--rule);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 0;
  }

  .crosshair-content {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 0;
  }

  .crosshair-left, .crosshair-right {
    padding: 34px 42px;
  }
  .crosshair-left { border-right: 1px solid var(--rule); }

  .crosshair-center {
    padding: 34px 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--rule);
  }

  /* ─── RESEARCH / LLM ───────────────────────────────────── */
  .research-section {
    border-top: none;
    margin: 96px auto 0;
    max-width: var(--container);
  }

  .research-header {
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 0 0 22px;
    border: none;
    border-radius: 0;
    background: transparent;
    margin-bottom: 0;
  }

  .research-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    border-bottom: none;
  }

  .research-col {
    padding: 52px 48px;
    border: 1px solid rgba(255,255,255,.04);
    border-radius: var(--radius);
    background: var(--surface);
  }
  .research-col:first-child { border-right: 1px solid var(--rule); }

  .finding-item {
    padding: 30px 0;
    border-top: 1px solid var(--rule-l);
  }
  .finding-item:first-child { border-top: none; }

  .finding-num {
    font-family: var(--mono);
    font-size: 18px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-3);
    margin-bottom: 6px;
  }
  .finding-title {
    font-family: var(--serif);
    font-size: 32px;
    font-weight: 720;
    text-transform: none;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
  }
  .finding-body {
    font-family: var(--sans);
    font-size: 24px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--ink-3);
  }

  .axis-item {
    padding: 30px 38px;
    border-bottom: 1px solid var(--rule-l);
    display: grid;
    grid-template-columns: 190px 1fr;
    gap: 36px;
    align-items: start;
  }
  .axis-item:last-child { border-bottom: none; }

  .axis-name {
    font-family: var(--serif);
    font-size: 26px;
    font-weight: 760;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--ink);
  }
  .axis-body {
    font-family: var(--sans);
    font-size: 24px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--ink-3);
  }
  .axis-impl {
    font-family: var(--mono);
    font-size: 20px;
    color: var(--ink-3);
    margin-top: 6px;
    letter-spacing: .02em;
  }

  /* ─── CITATION ─────────────────────────────────────────── */
  .citation-block {
    padding: 34px 40px;
    background: var(--surface-2);
    border: 1px solid rgba(255,255,255,.04);
    border-radius: var(--radius);
    margin-top: 14px;
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 36px;
    align-items: start;
  }

  .citation-key {
    font-family: var(--mono);
    font-size: 18px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-3);
    padding-top: 2px;
  }

  .citation-value {
    font-family: var(--mono);
    font-size: 20px;
    line-height: 1.8;
    color: var(--ink-2);
  }

  .citation-value a {
    color: var(--ink);
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  /* ─── INSTANCES ────────────────────────────────────────── */
  .inst-header {
    margin: 96px auto 22px;
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    margin-bottom: 22px;
    max-width: var(--container);
  }

  .inst-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    max-width: var(--container);
    margin-left: auto;
    margin-right: auto;
  }

  .inst-card {
    padding: 48px 44px;
    border: 1px solid rgba(255,255,255,.04);
    border-radius: var(--radius);
    background: var(--surface);
    box-shadow: none;
    position: relative;
  }
  .inst-card:nth-child(2n) { border-right: 1px solid var(--rule); }
  .inst-card:nth-last-child(-n+2) { border-bottom: 1px solid var(--rule); }

  .inst-tag {
    font-family: var(--mono);
    font-size: 18px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-3);
    margin-bottom: 8px;
  }

  .inst-name {
    font-family: var(--serif);
    font-size: clamp(52px, 7vw, 76px);
    font-weight: 760;
    text-transform: none;
    letter-spacing: -.045em;
    line-height: 1;
    color: var(--ink);
    margin-bottom: 10px;
  }

  .inst-body {
    font-family: var(--sans);
    font-size: 24px;
    font-weight: 300;
    line-height: 1.65;
    color: var(--ink-3);
    margin-bottom: 14px;
  }

  .inst-status {
    font-family: var(--mono);
    font-size: 18px;
    letter-spacing: .10em;
    text-transform: uppercase;
    color: var(--ink-2);
    border-top: 1px solid var(--rule-l);
    padding-top: 10px;
  }

  /* ─── CTA ──────────────────────────────────────────────── */
  .cta-section {
    margin: 104px auto 0;
    max-width: var(--container);
  }

  .cta-header {
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 0 0 22px;
    border: none;
    border-radius: 0;
    background: transparent;
    margin-bottom: 0;
  }

  .cta-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    border-bottom: none;
  }

  .cta-left {
    padding: 64px 56px;
    border: 1px solid rgba(255,255,255,.04);
    border-radius: var(--radius);
    background: var(--surface);
  }

  .cta-right {
    padding: 64px 56px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: 1px solid rgba(255,255,255,.04);
    border-radius: var(--radius);
    background:
      radial-gradient(ellipse at 50% 120%, rgba(75,115,255,.58), transparent 58%),
      #1f1f1f;
  }

  h2.cta-title {
    font-family: var(--serif);
    font-size: clamp(56px, 8vw, 104px);
    font-weight: 760;
    text-transform: none;
    letter-spacing: -.045em;
    line-height: 1.0;
    color: var(--ink);
    margin-bottom: 16px;
  }

  .cta-sub {
    font-family: var(--sans);
    font-size: 26px;
    font-weight: 300;
    line-height: 1.7;
    color: var(--ink-2);
  }

  .cta-form-label {
    font-family: var(--mono);
    font-size: 18px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-3);
    margin-bottom: 8px;
  }

  .cta-form {
    display: flex;
    border: 1px solid rgba(28,28,28,.14);
    border-radius: 999px;
    background: var(--surface);
    overflow: hidden;
    box-shadow: 0 16px 50px rgba(28,28,28,.08);
  }

  .cta-input {
    flex: 1;
    padding: 20px 22px;
    background: transparent;
    border: none;
    font-family: var(--mono);
    font-size: 24px;
    color: var(--ink);
    outline: none;
  }

  .cta-input::placeholder { color: var(--ink-3); }

  .cta-btn {
    padding: 20px 28px;
    background: var(--ink);
    color: var(--paper);
    font-family: var(--mono);
    font-size: 20px;
    letter-spacing: .12em;
    text-transform: uppercase;
    border: none;
    border-radius: 999px;
    margin: 4px;
    cursor: pointer;
    transition: opacity .15s;
  }
  .cta-btn:hover { opacity: .8; }

  .cta-note {
    font-family: var(--mono);
    font-size: 20px;
    color: var(--ink-3);
    line-height: 1.6;
  }

  .cta-note a {
    color: var(--ink-2);
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  /* ─── FOOTER ───────────────────────────────────────────── */
  footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: 24px 32px;
    border: 1px solid rgba(255,255,255,.04);
    border-radius: var(--radius-sm);
    background: var(--surface-2);
    margin: 80px auto 0;
    max-width: var(--container);
  }

  .foot-brand {
    font-family: var(--serif);
    font-size: 28px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--ink);
  }

  .foot-center {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    font-family: var(--mono);
    font-size: 20px;
    color: var(--ink-3);
    letter-spacing: .06em;
    text-align: center;
  }

  .foot-right {
    font-family: var(--mono);
    font-size: 20px;
    color: var(--ink-3);
    letter-spacing: .04em;
    text-align: right;
  }

  .foot-credit-logo {
    width: 32px;
    height: 32px;
    display: block;
    flex: 0 0 auto;
  }

  .foot-credit-link {
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
  }

  .foot-credit-link:focus-visible {
    outline: 2px solid var(--pink);
    outline-offset: 4px;
  }

  /* ─── NAV ──────────────────────────────────────────────── */
  nav.doc-nav {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    padding: 0 28px;
    height: 76px;
    border: none;
    border-radius: 0;
    position: sticky;
    top: 14px;
    background: transparent;
    backdrop-filter: none;
    z-index: 100;
    box-shadow: none;
    transition: background .18s ease, backdrop-filter .18s ease;
    margin-bottom: 14px;
    max-width: var(--container);
    margin-left: auto;
    margin-right: auto;
  }

  body.is-scrolled nav.doc-nav {
    background: rgba(0, 0, 0, .12);
    backdrop-filter: blur(18px);
  }

  .nav-brand {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--serif);
    font-size: 34px;
    font-weight: 760;
    text-transform: uppercase;
    letter-spacing: -.02em;
    color: rgba(255,255,255,.94);
  }

  .nav-logo {
    width: 36px;
    height: 36px;
    display: block;
    color: var(--ink);
    flex: 0 0 auto;
  }

  .nav-links {
    display: flex;
    gap: 42px;
    list-style: none;
    justify-content: center;
  }

  .nav-links a {
    font-family: var(--mono);
    font-size: 18px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(255,255,255,.74);
    transition: color .15s;
  }
  .nav-links a:hover { color: #fff; }

  .nav-logo,
  .reticle {
    filter: drop-shadow(0 0 10px rgba(255,102,244,.16));
  }

  .foot-right {
    color: var(--pink);
  }

  .data-label,
  .finding-num,
  .inst-tag,
  .cta-form-label {
    color: var(--blue);
  }

  .param-id {
    color: #ff4a30;
  }

  .cta-note a,
  .citation-value a,
  .nav-links a:hover {
    color: var(--pink);
  }

  /* ─── SVG CROSSHAIR ────────────────────────────────────── */
  .reticle { opacity: .35; }

  @media (max-width: 680px) {
    footer {
      grid-template-columns: 1fr;
      gap: 12px;
      justify-items: center;
      padding: 24px 18px;
    }
    .foot-right { text-align: center; }
    .foot-credit-logo {
      margin: 0;
    }
    .doc-header { grid-template-columns: 1fr 1fr; gap: 6px; }
    .tagline-row, .section-grid, .research-grid,
    .inst-grid, .cta-grid, .display-num-section { grid-template-columns: 1fr; }
    .section-col:first-child,
    .research-col:first-child,
    .cta-left,
    .display-num-left { border-right: none; border-bottom: 1px solid var(--rule); }
    .inst-card:nth-child(2n) { border-right: 1px solid var(--rule); }
    .inst-card:nth-last-child(-n+2) { border-bottom: 1px solid var(--rule); }
    .inst-card:last-child { border-bottom: 1px solid var(--rule); }
    .params-grid { grid-template-columns: 1fr; }
    .param-cell { border-right: none; border-bottom: 1px solid var(--rule); }
    nav.doc-nav .nav-links { display: none; }
    body { padding: 0 10px 10px; }
    nav.doc-nav {
      top: 10px;
      height: 68px;
      padding: 0 18px;
    }
    .hero {
      min-height: 860px;
      padding: 150px 18px 44px;
      margin: -64px -10px 0;
      border-radius: 0 0 28px 28px;
    }
    h1.display {
      font-size: clamp(61px, 17vw, 102px);
    }
    .manifest-prompt {
      margin-top: 24px;
      border-radius: 22px;
    }
    .manifest-prompt-main {
      font-size: 24px;
      min-height: 140px;
      padding: 20px;
    }
    .prompt-send {
      width: 48px;
      height: 48px;
    }
    .doc-header { grid-template-columns: 1fr 1fr; }
  }