/* Hallmark · v2.0.0 · redesign: full, scoped to three sections (#market, #proof and recognition, #decision-studio) · theme: brand (City: navy #0f1d33, blue #195C9F, Manrope display, Inter body) · genre: modern-minimal · copy: verbatim · job: take your decision for a test drive · signature: the market figures set as a ledger beside the claim they prove; content order kept as Brina set it */
/* Hallmark · pre-emit critique: P4 H5 E4 S4 R5 V3 · weakest: V, the ledger and card set are familiar forms; kept them because the brand and her rules fix the content, and made the source grid sit beside the sentence that names it so the logos read as inputs */
/* Hallmark · open 38iii · the brand sets every title's second line in blue #195C9F (City site, all titles), so the guard (once, in the hero) cannot hold; kept on Brina's brand, reported, not waived */
/* Hallmark · dismissed 25 · the Decision Studio lede is one sentence, which may sit from 28ch */
/* Hallmark · waive 24b · 18px 22px, 22px and 14px are the City site's measured button and link values (.tp-btn, .tp-link) · native-city-preview buttons */
/* Hallmark · kept by request · "Connected to hundreds of data sources" over the source marquee is Brina's approved copy; gate 54 reads it as an eyebrow, her words win */
/* Hallmark · answered F15 · this redesign is scoped to three sections; the other column gaps belong to the v6 journey and the supplied Trust and FAQ CSS */
/* Hallmark · waive 26b · not a form control, no aria-disabled anywhere in these sections · the ledger, quote cards and Decision Studio hold only links and one button */

:root {
  --hs-ink: #0f1d33;
  --hs-body: #33405c;
  --hs-quiet: #40536d;
  --hs-blue: #195c9f;
  --hs-rule: #dce3ec;
  --hs-paper: #ffffff;
  --hs-surface: #f7f9fc;
  --hs-display: Manrope, Arial, Helvetica, sans-serif;
  --hs-text: Inter, Arial, sans-serif;
  --hs-space-2: 8px;
  --hs-space-3: 12px;
  --hs-space-4: 16px;
  --hs-space-5: 20px;
  --hs-space-6: 24px;
  --hs-space-8: 32px;
  --hs-space-10: 40px;
  --hs-space-12: 48px;
  --hs-space-16: 64px;
  --hs-space-24: 96px;
  --hs-ring: rgba(15, 29, 51, 0.08);
  --hs-cta: #42a4ff;
  --hs-callout-lift: rgba(15, 29, 51, 0.22);
  --hs-cta-hover: #7fbeff;
  --hs-cta-ink: #0f1d33;
  --hs-lift: rgba(15, 29, 51, 0.05);
}

/* 1. Metrics: the claim at title size, proved by a six-row ledger. */
#market {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--hs-space-16);
  align-items: start;
  padding-block: var(--hs-space-12) var(--hs-space-24);
  text-align: left;
}
#market .home-display {
  text-wrap: balance;
  font: 500 var(--c-title)/1 var(--hs-display);
  letter-spacing: -0.045em;
  color: var(--hs-ink);
  min-width: 0;
  overflow-wrap: break-word;
}
#market .home-display span { color: var(--hs-blue); }
#market .market-metrics {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  column-gap: var(--hs-space-10);
  row-gap: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--hs-rule);
}
#market .market-metrics > div {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  align-items: baseline;
  padding: var(--hs-space-4) 0;
  border: 0;
  border-top: 1px solid var(--hs-rule);
}
#market .market-metrics dt {
  font: 500 var(--c-quote)/1 var(--hs-display);
  letter-spacing: -0.035em;
  color: var(--hs-ink);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
#market .market-metrics dt .unit { font-size: 0.6em; letter-spacing: -0.02em; }
#market .market-metrics dd {
  margin: 0;
  font: 400 var(--c-body)/1.4 var(--hs-text);
  color: var(--hs-body);
}

/* 2. Quotes: three equal cards, the words first, the source at the foot. */
#proof { padding-block: var(--hs-space-16) var(--hs-space-12); border-top: 0; }
#proof .proof-quotes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--hs-space-6);
  margin: 0;
}
#proof .proof-quotes figure {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: var(--hs-space-8);
  min-height: 0;
  background: var(--hs-paper);
  border: 1px solid var(--hs-rule);
  border-radius: 3px;
  box-shadow: none;
}
#proof .proof-quotes blockquote {
  margin: 0;
  font: 500 var(--c-lead)/1.45 var(--hs-display);
  letter-spacing: -0.015em;
  color: var(--hs-ink);
}
#proof .proof-quotes figcaption {
  order: 0;
  display: flex;
  flex-direction: column;
  gap: var(--hs-space-2);
  margin: auto 0 0;
  padding: var(--hs-space-6) 0 0;
  border: 0;
  font: 600 var(--c-label)/1.4 var(--hs-text);
  color: var(--hs-ink);
}
#proof .proof-quotes figcaption::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: var(--hs-space-4);
  background: var(--hs-rule);
}
#proof .cost-highlight {
  margin: 0;
  padding: 0;
  font: 500 var(--c-label)/1.4 var(--hs-text);
  color: var(--hs-blue);
}

/* Awards and press: one band. Two awards side by side, then the press row under a caption. */
.recognition-section { padding-block: var(--hs-space-8) var(--hs-space-16); }
.recognition-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  padding: 0;
  border-top: 1px solid var(--hs-rule);
}
.recognition-pair > div {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  align-items: center;
  gap: var(--hs-space-6);
  padding: var(--hs-space-8) var(--hs-space-8) var(--hs-space-8) 0;
}
.recognition-pair > div + div { padding-left: var(--hs-space-8); border-left: 1px solid var(--hs-rule); }
.recognition-pair img { width: 96px; height: 48px; max-width: none; max-height: none; object-fit: contain; object-position: left center; opacity: 0.85; }
.recognition-pair p { margin: 0; font: 400 var(--c-body)/1.5 var(--hs-text); color: var(--hs-body); max-width: 36ch; }
.press-line {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: center;
  gap: var(--hs-space-10);
  margin: 0;
  padding: var(--hs-space-6) 0 0;
  border-top: 1px solid var(--hs-rule);
}
.press-line figcaption { font: 400 var(--c-label)/1.4 var(--hs-text); color: var(--hs-quiet); }
.press-line ul { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: center; gap: var(--hs-space-8); margin: 0; padding: 0; list-style: none; }
.press-line li { display: flex; justify-content: center; width: auto; }
.press-line img { width: auto; height: 22px; max-width: 100%; max-height: none; object-fit: contain; opacity: 0.6; }

/* 3. Decision Studio: an open section on the page's surface, its source marquee directly below. */
#decision-studio {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--hs-space-16);
  align-items: center;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: var(--hs-space-16) var(--home-pad);
  background: transparent;
  color: var(--hs-ink);
  border-radius: 0;
  box-shadow: none;
}
#decision-studio h2 {
  text-wrap: balance;
  font: 500 var(--c-title)/1 var(--hs-display);
  letter-spacing: -0.045em;
  color: var(--hs-ink);
  min-width: 0;
  overflow-wrap: break-word;
}
#decision-studio h2 span { color: var(--hs-blue); }
#decision-studio p { margin: var(--hs-space-5) 0 0; max-width: 40ch; font: 400 var(--c-lead)/1.5 var(--hs-text); color: var(--hs-body); }
#decision-studio .home-button { margin-top: var(--hs-space-8); }
#decision-studio .home-button:focus-visible { outline: 2px solid var(--hs-blue); outline-offset: 3px; }

@media (max-width: 999px) {
  #market, #decision-studio { grid-template-columns: minmax(0, 1fr); gap: var(--hs-space-8); }
  #market .home-display { max-width: none; }
}
@media (max-width: 759px) {
  #market { padding-block: var(--hs-space-8) var(--hs-space-12); }
  #market .market-metrics { column-gap: var(--hs-space-5); }
  #proof .proof-quotes { grid-template-columns: minmax(0, 1fr); gap: var(--hs-space-4); }
  #proof .proof-quotes figure { padding: var(--hs-space-6); }
  .recognition-pair { grid-template-columns: minmax(0, 1fr); }
  .recognition-pair > div, .recognition-pair > div + div { padding: var(--hs-space-6) 0; border-left: 0; }
  .recognition-pair > div + div { border-top: 1px solid var(--hs-rule); }
  .recognition-pair > div { grid-template-columns: 72px minmax(0, 1fr); }
  .recognition-pair img { width: 72px; height: 40px; }
  .press-line { grid-template-columns: minmax(0, 1fr); gap: var(--hs-space-4); }
  .press-line ul { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--hs-space-6) var(--hs-space-4); }
  .press-line img { height: 20px; }
  #decision-studio { padding-block: var(--hs-space-12); }
}
/* The three sources share one baseline: each card spans two subgrid rows, words then source. */
#proof .proof-quotes { grid-auto-rows: auto; row-gap: 0; }
#proof .proof-quotes figure { display: grid; grid-row: span 2; grid-template-rows: subgrid; row-gap: 0; }
#proof .proof-quotes figcaption { margin: 0; justify-content: flex-start; }
@media (max-width: 759px) { #proof .proof-quotes figure + figure { margin-top: var(--hs-space-4); } }

/* Pass 2: finish review, design-taste-frontend and better-ui, with Brina's order restored. */
/* Market: three figures at City's figure size (47px at 1416, 33px at 993). */
#market .market-metrics dt { font-size: var(--c-figure); letter-spacing: -0.04em; }
@media (max-width: 999px) { #market .market-metrics { max-width: 640px; } }
@media (max-width: 759px) { #market .market-metrics dt { font-size: var(--c-quote); } }
/* Performance figures back above the quotes, one per card column, so each figure sits over a voice. */
#proof .performance-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--hs-space-6);
  margin: 0 0 var(--hs-space-12);
  padding: 0;
  border: 0;
  text-align: left;
}
#proof .performance-metrics > div, #proof .performance-metrics > div + div { padding: var(--hs-space-4) 0 0; border: 0; border-top: 1px solid var(--hs-rule); }
#proof .performance-metrics strong { display: block; font: 500 var(--c-figure)/1 var(--hs-display); letter-spacing: -0.04em; color: var(--hs-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
#proof .performance-metrics strong .unit { font-size: 0.6em; letter-spacing: -0.02em; }
#proof .performance-metrics p { margin: var(--hs-space-3) 0 0; font: 400 var(--c-body)/1.45 var(--hs-text); color: var(--hs-body); }
@media (max-width: 759px) {
  #proof .performance-metrics { gap: var(--hs-space-4); margin-bottom: var(--hs-space-8); }
  #proof .performance-metrics strong { font-size: var(--c-kicker); }
  #proof .performance-metrics p { font-size: var(--c-label); }
}
/* Cards: elevation from a ring and a soft lift, not a border (better-ui 3). */
#proof .proof-quotes figure { border: 0; box-shadow: 0 0 0 1px var(--hs-ring), 0 1px 2px var(--hs-lift); }
/* Awards: each mark sized by its optical weight; LIFT Labs stays legible (finish review 5). */
.recognition-pair > div { grid-template-columns: 128px minmax(0, 1fr); }
.recognition-pair img { width: 128px; height: 64px; opacity: 1; }
.recognition-pair img[src*="a16z"] { width: auto; height: 36px; }
.recognition-pair p { text-wrap: pretty; }
@media (max-width: 759px) { .recognition-pair > div { grid-template-columns: 96px minmax(0, 1fr); } .recognition-pair img { width: 96px; height: 48px; } .recognition-pair img[src*="a16z"] { height: 28px; } }
/* Decision Studio: the title beside its sentence and button, the source marquee below. */
#decision-studio { display: block; padding-bottom: var(--hs-space-10); }
#decision-studio .studio-copy {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  column-gap: var(--hs-space-16);
  align-items: end;
}
#decision-studio .studio-copy h2 { grid-row: 1 / span 2; align-self: start; }
#decision-studio .studio-copy p { margin: 0; }
#decision-studio .studio-copy .home-button { justify-self: start; margin-top: var(--hs-space-6); }
@media (max-width: 999px) {
  #decision-studio .studio-copy { grid-template-columns: minmax(0, 1fr); }
  #decision-studio .studio-copy h2 { grid-row: auto; }
  #decision-studio .studio-copy p { margin-top: var(--hs-space-5); }
}
/* Press: scale on click, arrows at the button text's weight (better-ui 9 and 14). */
.home-button:active, .home-text-link:active { transform: scale(0.96); }
.home-button svg, .home-text-link svg { stroke-width: 2; }

/* Round 4: match the City site (native-city-preview.vercel.app/proto/world-line, measured at 993x813). */
/* CTA buttons: City's .tp-btn.is-blue. Blue fill, navy text, Manrope 600 16/24, 18px 22px, 3px, 24px arrow at 2px. */
.home-button, .hero-words .home-button, .closing-actions .home-button, #decision-studio .home-button {
  gap: 22px;
  padding: 18px 22px;
  border: 1px solid transparent;
  border-radius: 3px;
  background: var(--hs-cta);
  color: var(--hs-cta-ink);
  font: 600 16px/24px var(--hs-display);
  box-shadow: none;
  transition-property: background-color, transform;
  transition-duration: 0.2s;
}
.home-button:hover { background: var(--hs-cta-hover); transform: none; }
.home-button:active { transform: scale(0.96); }
.home-button:focus-visible { outline: 2px solid var(--hs-blue); outline-offset: 3px; }
.home-button svg, .home-text-link svg { width: 24px; height: 24px; stroke-width: 2; }
/* Text links: City's .tp-link. Manrope 600 16/24, 12px 0 8px, 14px gap. */
.home-text-link { gap: 14px; padding: 12px 0 8px; font: 600 16px/24px var(--hs-display); color: var(--hs-blue); }
.hos .btn { border-radius: 3px; }

/* Stats: City's stat band. A centred one-line lead, figures centred over 13px labels, hairline dividers, rules above and below. */
#market { display: block; text-align: center; padding-block: var(--hs-space-10) var(--hs-space-16); }
#market .home-display { max-width: none; font: 500 var(--c-kicker)/1.3 var(--hs-text); letter-spacing: -0.01em; color: var(--hs-ink); text-wrap: balance; }
#market .home-display br { display: none; }
#market .home-display span { color: inherit; }
#market .market-metrics, #proof .performance-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 0;
  row-gap: 0;
  max-width: none;
  margin: var(--hs-space-8) 0 0;
  padding: var(--hs-space-6) 0;
  border: 0;
  border-top: 1px solid var(--hs-rule);
  border-bottom: 1px solid var(--hs-rule);
  text-align: center;
}
#proof .performance-metrics { margin: 0 0 var(--hs-space-12); }
#market .market-metrics > div, #proof .performance-metrics > div, #proof .performance-metrics > div + div {
  display: block;
  grid-column: auto;
  padding: var(--hs-space-2) var(--hs-space-4);
  border: 0;
}
#market .market-metrics > div + div, #proof .performance-metrics > div + div { border-left: 1px solid var(--hs-rule); }
#market .market-metrics dt, #proof .performance-metrics strong {
  display: block;
  font: 500 var(--c-figure)/1.1 var(--hs-display);
  letter-spacing: -0.03em;
  color: var(--hs-ink);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
#market .market-metrics dt .unit, #proof .performance-metrics strong .unit { font-size: 1em; letter-spacing: -0.03em; }
#market .market-metrics dd, #proof .performance-metrics p { margin: var(--hs-space-2) 0 0; font: 400 var(--c-label)/1.4 var(--hs-text); color: var(--hs-quiet); }
@media (max-width: 759px) {
  #market .market-metrics dt, #proof .performance-metrics strong { font-size: max(var(--c-figure), 22px); }
  #market .market-metrics > div, #proof .performance-metrics > div, #proof .performance-metrics > div + div { padding-inline: var(--hs-space-2); }
}
@media (prefers-reduced-motion: reduce) {
  .home-button, .home-text-link { transition: none; }
  .home-button:active, .home-text-link:active { transform: none; }
}
/* Phone: the three stats stack, each centred, divided by rules (three across clipped "Continuous" at 390). */
@media (max-width: 759px) {
  #market .market-metrics, #proof .performance-metrics { grid-template-columns: minmax(0, 1fr); padding-block: 0; }
  #market .market-metrics > div, #proof .performance-metrics > div, #proof .performance-metrics > div + div { padding: var(--hs-space-5) var(--hs-space-4); }
  #market .market-metrics > div + div, #proof .performance-metrics > div + div { border-left: 0; border-top: 1px solid var(--hs-rule); }
  #market .market-metrics dt, #proof .performance-metrics strong { font-size: var(--c-quote); }
}

/* Round 5: Decision Studio is a callout card in the page's own material (Brina: callout card, on theme). */
#decision-studio { padding: var(--hs-space-16) var(--home-pad) var(--hs-space-8); }
#decision-studio .studio-copy {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  column-gap: var(--hs-space-12);
  align-items: center;
  padding: var(--hs-space-12) var(--hs-space-12);
  background: var(--hs-paper);
  border-radius: 3px;
  box-shadow: 0 0 0 1px var(--hs-ring), 0 24px 48px -32px var(--hs-callout-lift);
}
#decision-studio .studio-copy h2 { grid-row: 1 / span 2; align-self: center; font-size: var(--c-quote); line-height: 1.05; letter-spacing: -0.04em; }
#decision-studio .studio-copy p { align-self: end; max-width: 46ch; font-size: var(--c-body); line-height: 1.55; }
#decision-studio .studio-copy .home-button { align-self: start; margin-top: var(--hs-space-5); }
/* The sources label sits on the page's left edge, above its marquee. */
.lower-content .nai-bands .tp-sources .tp-bandLabel.is-left {
  max-width: 1600px;
  margin: 0 auto var(--hs-space-5);
  padding-inline: var(--home-pad);
  text-align: left;
  font: 500 var(--c-label)/1.4 var(--hs-text);
  color: var(--hs-quiet);
}
@media (max-width: 999px) {
  #decision-studio .studio-copy { grid-template-columns: minmax(0, 1fr); padding: var(--hs-space-10) var(--hs-space-8); }
  #decision-studio .studio-copy h2 { grid-row: auto; }
  #decision-studio .studio-copy p { margin-top: var(--hs-space-4); }
}
@media (max-width: 759px) {
  #decision-studio { padding: var(--hs-space-10) var(--home-pad) var(--hs-space-6); }
  #decision-studio .studio-copy { padding: var(--hs-space-8) var(--hs-space-6); }
}
/* The callout keeps its two columns down to 760px; the sentence never leaves a short last line. */
#decision-studio .studio-copy p { text-wrap: pretty; }
@media (min-width: 760px) and (max-width: 999px) {
  #decision-studio .studio-copy { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: var(--hs-space-8); padding: var(--hs-space-10) var(--hs-space-10); }
  #decision-studio .studio-copy h2 { grid-row: 1 / span 2; }
  #decision-studio .studio-copy p { margin-top: 0; }
}
/* Testimonials: Brina's approved 21st.dev row (higgsfield-screens-2026-10-22/phase1/scroll/v8, CSS 186-199), sizes mapped to City's scale.
   PepsiCo card, Gartner as the open centre quote with 65% set large, EMI card. Initials avatars until real logo files exist. */
#proof .tGrid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr) minmax(0, 1fr); gap: clamp(14px, 1.6vw, 22px); align-items: stretch; width: 100%; }
#proof .tCard { display: flex; flex-direction: column; gap: var(--hs-space-3); margin: 0; padding: var(--hs-space-6); border-radius: 12px; background: var(--hs-paper); border: 1px solid var(--hs-ring); box-shadow: 0 8px 24px var(--hs-ring); transition-property: transform; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
#proof .tCard:hover { transform: translateY(-2px); }
#proof .tCard blockquote { margin: 0; font: 400 var(--c-body)/1.5 var(--hs-text); color: var(--hs-body); text-wrap: balance; }
#proof .tWho { display: flex; align-items: center; gap: var(--hs-space-3); margin-top: auto; padding: 0; border: 0; font: 400 var(--c-label)/1.4 var(--hs-text); }
#proof .tWho::before { content: none; }
#proof .tWho b { display: block; font-weight: 600; color: var(--hs-ink); }
#proof .tWho small { display: block; font-size: var(--c-label); color: var(--hs-quiet); }
#proof .tAvatar { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #e8edf4; color: var(--hs-ink); font: 600 var(--c-body)/1 var(--hs-display); }
#proof .tCard.is-quote { background: transparent; border: 0; box-shadow: none; align-items: center; justify-content: center; text-align: center; gap: var(--hs-space-3); }
#proof .tCard.is-quote:hover { transform: none; }
#proof .tMark { width: 40px; height: 30px; color: rgba(15, 29, 51, 0.3); }
#proof .tCard.is-quote blockquote { font: 500 var(--c-lead)/1.4 var(--hs-display); letter-spacing: -0.01em; color: var(--hs-ink); }
#proof .tCard.is-quote .big { font: 500 1.9em/1 var(--hs-display); letter-spacing: -0.03em; }
#proof .tCard.is-quote .tWho { margin-top: 0; justify-content: center; letter-spacing: 0.04em; }
#proof .nb { white-space: nowrap; }
@media (max-width: 759px) { #proof .tGrid { grid-template-columns: minmax(0, 1fr); } #proof .tCard.is-quote { padding-block: var(--hs-space-8); } }
@media (prefers-reduced-motion: reduce) { #proof .tCard { transition: none; } #proof .tCard:hover { transform: none; } }

/* ==== Direction C · The City Photograph (Nov 9 2026) ====
   The light page takes its palette from its own daytime film frame (assets/film/f_001.jpg, sampled with PIL):
   the sky just above the skyline #e8f1fa is the ground, the open sky #dbeafe marks the stat band, rooftop slate #5a6271 sets 13px labels,
   and every rule is City's measured navy hairline rgba(15,29,51,.14) (/trust-center light rows).
   The photograph returns once between hero and close: a band of the same city behind the Decision Studio callout,
   a 3px glass card in the role City gives its one glass panel (/proto/world-line .tp-faqPanel: blur 18px, 1px hairline). */
:root {
  --pc-haze: #e8f1fa;      /* f_001 sky just above the skyline, y 580-620: the ground */
  --pc-sky: #dbeafe;       /* f_001 open sky, y 380-420: the stat band */
  --pc-sky-top: #c6e0fa;   /* f_001 sky at the top edge, the band's fallback while the frame loads */
  --pc-slate: #5a6271;     /* f_001 slate mansard roofs, 13px labels (5.1:1 on the ground, 5.0:1 on the stat band) */
  --pc-hair: rgba(15, 29, 51, 0.14);
  --pc-glass: rgba(242, 247, 253, 0.8);
  --pc-glass-edge: rgba(255, 255, 255, 0.72);
  --pc-lift: 0 28px 56px -30px rgba(15, 29, 51, 0.5);
}
body, .lower-content { background: var(--pc-haze); }
.opening-paper, .market-section, .interrogate-section, .proof-section, .recognition-section { background: var(--pc-haze); }
.nai-bands, .lower-content .nx-top { --tp-hair: var(--pc-hair); --tp-quiet: var(--pc-slate); }
:root { --hs-rule: var(--pc-hair); --hs-quiet: var(--pc-slate); }

/* The stat band under the hero carries the open sky, full bleed, ruled top and bottom like City's bands. */
#market {
  background: var(--pc-sky);
  box-shadow: 0 0 0 100vmax var(--pc-sky);
  clip-path: inset(0 -100vmax);
  border-bottom: 1px solid var(--pc-hair);
}
#market .market-metrics { border-color: var(--pc-hair); }

/* Testimonials and trust rows: white surfaces on the haze ground, hairline rings in City's navy. */
#proof .tCard { border-color: var(--pc-hair); }
.lower-content .nx-top .tp-trust, .lower-content .nx-top .tp-faq { background: var(--pc-haze); }
.lower-content .nx-top .tp-faq { border-top: 1px solid var(--pc-hair); }
.lower-content .nx-top .tp-trust .tp-trustRow a:hover { background: rgba(255, 255, 255, 0.7); }
.lower-content .nx-top .tp-faqSearch input { background: #fff; border-color: var(--pc-hair); }

/* The callout band: the hero's own city, cropped to its rooftops and avenue, with the card as glass over it. */
#decision-studio {
  display: flex;
  align-items: flex-end;
  max-width: none;
  min-height: max(clamp(440px, 58vh, 560px), 34vw); /* keeps the 170% crop wider than the band at every width */
  padding: var(--hs-space-16) var(--home-pad) var(--hs-space-12);
  background: var(--pc-sky-top) url("assets/film/f_001.jpg") 50% 100% / auto 170% no-repeat;
  border-top: 1px solid var(--pc-hair);
  border-bottom: 1px solid var(--pc-hair);
}
#decision-studio .studio-copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: min(100%, 560px);
  margin-inline: max(0px, calc((100% - 1600px) / 2));
  padding: var(--hs-space-10);
  background: var(--pc-glass);
  -webkit-backdrop-filter: blur(18px) saturate(1.05);
  backdrop-filter: blur(18px) saturate(1.05);
  border: 1px solid var(--pc-glass-edge);
  border-radius: 3px;
  box-shadow: var(--pc-lift);
}
#decision-studio .studio-copy h2 { grid-row: auto; align-self: start; font-size: var(--c-quote); line-height: 1.05; letter-spacing: -0.04em; color: var(--hs-ink); }
#decision-studio .studio-copy p { margin: var(--hs-space-4) 0 0; max-width: 36ch; color: var(--hs-ink); font: 400 var(--c-body)/1.55 var(--hs-text); }
#decision-studio .studio-copy .home-button { justify-self: start; margin-top: var(--hs-space-6); }
.lower-content .nai-bands .tp-sources { border-top: 0; }
@media (max-width: 999px) {
  #decision-studio .studio-copy { grid-template-columns: minmax(0, 1fr); padding: var(--hs-space-10); }
  #decision-studio .studio-copy h2 { grid-row: auto; }
}
@media (max-width: 759px) {
  #decision-studio { min-height: 560px; padding: var(--hs-space-24) var(--home-pad) var(--hs-space-6); background-size: auto 150%; }
  #decision-studio .studio-copy { width: 100%; padding: var(--hs-space-8) var(--hs-space-6); }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  #decision-studio .studio-copy { background: rgba(246, 249, 253, 0.94); }
}

/* ==== C, Brina's round 1 (Nov 9) ==== */
:root { --pc-glass-wide: rgba(240, 246, 253, 0.58); --pc-paper: #fbfdff; }
/* 1. The callout's glass covers the whole band: wider, taller, more translucent, City sizes inside. */
#decision-studio { align-items: stretch; padding: var(--hs-space-16) var(--home-pad); }
#decision-studio .studio-copy {
  width: 100%;
  max-width: 1600px;
  margin-inline: auto;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  column-gap: var(--hs-space-12);
  align-items: center;
  padding: var(--hs-space-16) var(--hs-space-12);
  background: var(--pc-glass-wide);
  -webkit-backdrop-filter: blur(14px) saturate(1.05);
  backdrop-filter: blur(14px) saturate(1.05);
}
#decision-studio .studio-copy h2 { grid-row: 1 / span 2; align-self: center; font-size: var(--c-title); line-height: 1; letter-spacing: -0.045em; }
#decision-studio .studio-copy p { align-self: end; margin: 0; max-width: 34ch; font: 400 var(--c-lead)/1.5 var(--hs-text); }
#decision-studio .studio-copy .home-button { align-self: start; margin-top: var(--hs-space-6); }
@media (max-width: 759px) {
  #decision-studio { padding: var(--hs-space-12) var(--home-pad); }
  #decision-studio .studio-copy { grid-template-columns: minmax(0, 1fr); padding: var(--hs-space-10) var(--hs-space-6); }
  #decision-studio .studio-copy h2 { grid-row: auto; }
  #decision-studio .studio-copy p { margin-top: var(--hs-space-5); }
}
/* 2. All three testimonials are cards; Gartner keeps its centred quote mark and the large 65%. */
#proof .tCard.is-quote { background: var(--hs-paper); border: 1px solid var(--pc-hair); box-shadow: 0 8px 24px var(--hs-ring); padding: var(--hs-space-6); }
#proof .tCard.is-quote:hover { transform: translateY(-2px); }
/* 3. The client logos sit on the same light blue as the stats: one band, no strip. */
.opening-paper .nai-bands { background: var(--pc-sky); }
.opening-paper .nai-bands .tp-clients { background: transparent; border: 0; }
#market { border-top: 0; }
/* 4. Trust Center on white paper, FAQ stays on the haze, a hairline between: two blocks, not one. */
.lower-content .nx-top .tp-trust { background: var(--pc-paper); border-top: 1px solid var(--pc-hair); }
.lower-content .nx-top .tp-trust .tp-trustRow a:hover { background: var(--pc-haze); }
@media (prefers-reduced-motion: reduce) { #proof .tCard.is-quote:hover { transform: none; } }

/* ==== C, built from Brina's 16-reference mood board (Nov 9): hard surface cuts, no fades, no glass ==== */
:root {
  --mb-navy: #0f1d33;
  --mb-night-ink: #f1f3f8;
  --mb-night-quiet: rgba(241, 243, 248, 0.68);
  --mb-night-rule: rgba(241, 243, 248, 0.16);
  --mb-white: #ffffff;
  --mb-card: #f3f7fc;
  --mb-drawn: #42a4ff;
}
/* Logos: on the page ground, no strip (board 05). */
.opening-paper .nai-bands, .opening-paper .nai-bands .tp-clients { background: transparent; border: 0; }
/* Board 07: full-bleed stats band with frame rules, hard cut top and bottom, the City's navy. */
#market {
  display: block;
  text-align: center;
  padding-block: var(--hs-space-24);
  background: var(--mb-navy);
  box-shadow: 0 0 0 100vmax var(--mb-navy);
  clip-path: inset(0 -100vmax);
  border: 0;
}
#market .home-display { color: var(--mb-night-ink); font: 500 var(--c-kicker)/1.3 var(--hs-text); }
#market .home-display span { color: inherit; }
#market .market-metrics { margin-top: var(--hs-space-12); padding: 0; border: 0; column-gap: 0; }
#market .market-metrics > div, #market .market-metrics > div + div { padding: var(--hs-space-6) var(--hs-space-4); border: 0; border-left: 1px solid var(--mb-night-rule); }
#market .market-metrics > div:last-child { border-right: 1px solid var(--mb-night-rule); }
#market .market-metrics dt { color: var(--mb-night-ink); font: 500 var(--c-figure)/1.1 var(--hs-display); }
#market .market-metrics dd { color: var(--mb-night-quiet); }
/* Proof: hard cut to white; board 04 stats with a drawn rule, left-aligned; the three cards below. */
#proof, .recognition-section { background: var(--mb-white); box-shadow: 0 0 0 100vmax var(--mb-white); clip-path: inset(0 -100vmax); }
#proof { padding-top: var(--hs-space-24); border: 0; }
#proof .performance-metrics { margin: 0 0 var(--hs-space-16); padding: 0; border: 0; column-gap: var(--hs-space-8); text-align: left; }
#proof .performance-metrics > div, #proof .performance-metrics > div + div { padding: 0; border: 0; }
#proof .performance-metrics strong { font: 500 var(--c-figure)/1.1 var(--hs-display); }
#proof .performance-metrics p { margin-top: var(--hs-space-3); font: 400 var(--c-body)/1.45 var(--hs-text); color: var(--hs-quiet); }
#proof .performance-metrics p::after { content: ""; display: block; width: min(100%, 220px); height: 2px; margin-top: var(--hs-space-4); background: var(--mb-drawn); }
#proof .tCard, #proof .tCard.is-quote { background: var(--mb-card); border: 0; box-shadow: none; }
#proof .tCard:hover { transform: translateY(-2px); }
.recognition-section { padding-bottom: var(--hs-space-24); }
/* Board 12: the callout is a full-bleed photograph, copy centred in its sky. No box, no gradient, no glass. */
#decision-studio {
  display: block;
  min-height: clamp(560px, 82vh, 780px);
  padding: var(--hs-space-24) var(--home-pad) 0;
  text-align: center;
  background: var(--pc-sky-top) url("assets/film/f_001.jpg") 50% 100% / cover no-repeat;
  border: 0;
}
#decision-studio .studio-copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  padding: 0;
  background: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
#decision-studio .studio-copy h2 { grid-row: auto; max-width: none; font-size: var(--c-title); line-height: 1; letter-spacing: -0.045em; text-align: center; }
#decision-studio .studio-copy p { margin: var(--hs-space-5) 0 0; max-width: 36ch; font: 400 var(--c-lead)/1.5 var(--hs-text); color: var(--hs-ink); text-align: center; }
#decision-studio .studio-copy .home-button { justify-self: center; margin-top: var(--hs-space-8); }
/* Sources: label and marquee on the page ground, no band colour. */
.lower-content .nai-bands, .lower-content .nai-bands .tp-sources { background: transparent; border: 0; }
@media (max-width: 759px) {
  #market { padding-block: var(--hs-space-16); }
  #market .market-metrics > div, #market .market-metrics > div + div { border-left: 0; border-right: 0; border-top: 1px solid var(--mb-night-rule); }
  #market .market-metrics > div:first-child { border-top: 0; }
  #proof { padding-top: var(--hs-space-16); }
  #proof .performance-metrics { row-gap: var(--hs-space-8); }
  #decision-studio { min-height: 620px; padding-top: var(--hs-space-16); background-size: auto 100%; }
}
@media (max-width: 759px) { #market .market-metrics > div:last-child { border-right: 0; } #market .market-metrics dt, #proof .performance-metrics strong { font-size: var(--c-quote); } }

/* ==== C, Brina fix (Nov 9 late): callout back to the version she liked; no navy band; logos with no band and one tone ==== */
/* 1. Callout: the light layer over the avenue, words on the left, city clear on the right (her liked version). */
#decision-studio { display: flex; align-items: stretch; min-height: max(clamp(440px, 58vh, 560px), 34vw); padding: 0; text-align: left; background: var(--pc-sky-top) url("assets/film/f_001.jpg") 50% 100% / auto 170% no-repeat; }
#decision-studio .studio-copy {
  justify-items: start;
  align-content: center;
  max-width: none;
  margin: 0;
  padding: var(--hs-space-24) var(--home-pad);
  background: linear-gradient(90deg, rgba(240, 246, 253, 0.94) 0%, rgba(240, 246, 253, 0.86) 38%, rgba(240, 246, 253, 0.35) 62%, rgba(240, 246, 253, 0) 78%);
}
#decision-studio .studio-copy h2, #decision-studio .studio-copy p { text-align: left; }
#decision-studio .studio-copy p { max-width: 30ch; }
#decision-studio .studio-copy .home-button { justify-self: start; }
@media (max-width: 759px) {
  #decision-studio { min-height: 560px; background-size: auto 150%; }
  #decision-studio .studio-copy { padding: var(--hs-space-16) var(--home-pad) 240px; background: linear-gradient(180deg, rgba(240, 246, 253, 0.95) 0%, rgba(240, 246, 253, 0.88) 55%, rgba(240, 246, 253, 0) 85%); }
}
/* 2. Market: light again, same surface as the client logos above it; no dividers; a rule under it separates it from the next section. */
#market { background: transparent; box-shadow: none; clip-path: none; padding-block: var(--hs-space-12) var(--hs-space-16); border-bottom: 1px solid var(--pc-hair); }
#market .home-display { color: var(--hs-ink); }
#market .market-metrics { margin-top: var(--hs-space-8); }
#market .market-metrics > div, #market .market-metrics > div + div, #market .market-metrics > div:last-child { border: 0; padding: 0 var(--hs-space-4); }
#market .market-metrics dt { color: var(--hs-ink); font-size: var(--c-title); line-height: 1; letter-spacing: -0.045em; }
#market .market-metrics dd { color: var(--hs-quiet); font: 400 var(--c-body)/1.45 var(--hs-text); margin-top: var(--hs-space-3); }
/* 3. Logo marquees: no band. Clients share the market surface; sources share the Trust Center's white. */
.opening-paper .nai-bands, .opening-paper .nai-bands .tp-clients { background: transparent; border: 0; box-shadow: none; }
.lower-content .nai-bands { background: var(--pc-paper); }
.lower-content .nai-bands .tp-sources { background: transparent; border: 0; }
.lower-content .nx-top .tp-trust { border-top: 0; }
/* 4. Every logo in one even tone: no mix of black and grey. */
.nai-bands img.client-mark { filter: grayscale(1) brightness(0); opacity: 0.55; }
.nai-bands .mark-cell, .nai-bands .source-cell, .lower-content .nai-bands .source-cell { opacity: 1; }
@media (max-width: 759px) { #market .market-metrics > div + div { border-top: 0; } #market .market-metrics dt { font-size: var(--c-title); } }
.nai-bands .mark-cell[data-mark] .client-mark, .nai-bands .source-cell[data-source] .client-mark { opacity: 0.55; } .nai-bands .mark-cell[data-mark="shell-mono"] .client-mark { opacity: 0.8; }

/* ==== C, Brina's last three (Nov 9) ==== */
/* 1. 65% stays the quote's own size. */
#proof .tCard.is-quote .big { font-size: 1em; letter-spacing: inherit; }
/* 2. The light blue ground becomes a cool near-white. */
:root { --pc-haze: #f6f8fb; --pc-sky: #f6f8fb; }
body, .lower-content, .opening-paper, .market-section, .interrogate-section, .lower-content .nx-top .tp-faq { background: var(--pc-haze); }
/* 3. Proof, calmer: no drawn rules, no dividers or frame rules around the awards and press, more air. */
#proof .performance-metrics p::after { content: none; }
.recognition-pair, .recognition-pair > div, .recognition-pair > div + div { border: 0; }
.press-line { border-top: 0; margin-top: var(--hs-space-16); padding-top: 0; }

/* ==== C, matched to the City tabs (Platform, Decision Studio, Trust Center, Digital Twins, About; measured Nov 9 at 973x813) ==== */
:root {
  --city-light: #dde2e9;       /* Trust Center main.page-light */
  --city-light-2: #e7ebf0;     /* one step lighter, for alternate sections */
  --city-card: #f0f3f6;        /* cards one more step up: elevation by lightness, no bright white */
  --city-eyebrow-ink: #3d4350; /* eyebrow on City's light sections (Digital Twins FAQ) */
  --pc-haze: var(--city-light);
  --pc-paper: var(--city-light-2);
  --mb-white: var(--city-light-2);
  --mb-card: var(--city-card);
  --hs-paper: var(--city-card);
}
/* 1. No bright white: City's light surfaces, alternating so sections separate. */
body, .lower-content, .opening-paper, .market-section, .interrogate-section, .lower-content .nx-top .tp-faq { background: var(--city-light); }
#proof, .recognition-section { background: var(--city-light-2); box-shadow: 0 0 0 100vmax var(--city-light-2); clip-path: inset(0 -100vmax); }
.lower-content .nai-bands, .lower-content .nx-top .tp-trust { background: var(--city-light-2); }
#proof .tCard, #proof .tCard.is-quote { background: var(--city-card); }
#proof .tAvatar { background: var(--city-light); }
.lower-content .nx-top .tp-faqSearch input { background: var(--city-card); }
#decision-studio .studio-copy { background: linear-gradient(90deg, rgba(221, 226, 233, 0.95) 0%, rgba(221, 226, 233, 0.86) 38%, rgba(221, 226, 233, 0.35) 62%, rgba(221, 226, 233, 0) 78%); }
@media (max-width: 759px) { #decision-studio .studio-copy { background: linear-gradient(180deg, rgba(221, 226, 233, 0.96) 0%, rgba(221, 226, 233, 0.88) 55%, rgba(221, 226, 233, 0) 85%); } }
/* 2. Every eyebrow in the City tab style: Manrope 400 13/20.8, uppercase, 0.13em tracking, 34px above its heading. */
.hero-eyebrow, .section-eyebrow, .interrogate-section .section-eyebrow, .hos .eb, .tp-bandLabel, .lower-content .nai-bands .tp-sources .tp-bandLabel.is-left, .press-line figcaption {
  font: 400 13px/20.8px Manrope, Arial, Helvetica, sans-serif;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--city-eyebrow-ink);
}
.section-eyebrow, .interrogate-section .section-eyebrow { margin-bottom: 34px; }
.hos .eb { line-height: 20.8px; }
.hos .sl { font: 400 13px/20.8px Manrope, Arial, Helvetica, sans-serif; letter-spacing: 0.13em; text-transform: uppercase; }
/* 3. Hero: the eyebrow stays near the top; the headline, lines and button move down toward the middle of the sky. */
.hero-words .hero-eyebrow { margin-bottom: clamp(48px, 9svh, 96px); }
@media (max-width: 759px) { .hero-words .hero-eyebrow { margin-bottom: 40px; } }
/* 4. Awards and press, same place, calmer: every mark in the client-logo grey at one optical height, captions small and quiet, tighter rhythm. */
.recognition-section { padding-block: var(--hs-space-12) var(--hs-space-16); }
.recognition-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--hs-space-12); align-items: center; }
.recognition-pair > div, .recognition-pair > div + div { display: flex; align-items: center; gap: var(--hs-space-6); padding: 0; border: 0; }
.recognition-pair img, .recognition-pair img[src*="a16z"] { flex: none; width: auto; height: 40px; max-width: 120px; object-fit: contain; filter: grayscale(1) brightness(0); opacity: 0.55; }
.recognition-pair img[src*="a16z"] { height: 26px; }
.recognition-pair p { margin: 0; max-width: 30ch; font: 400 var(--c-body)/1.5 var(--hs-text); color: var(--hs-quiet); }
.press-line { display: flex; align-items: center; justify-content: space-between; gap: var(--hs-space-8); margin-top: var(--hs-space-12); padding-top: 0; border: 0; }
.press-line ul { flex: 1; display: flex; justify-content: space-between; align-items: center; gap: var(--hs-space-8); }
.press-line img { height: 18px; width: auto; filter: grayscale(1) brightness(0); opacity: 0.5; }
@media (max-width: 759px) {
  .recognition-pair { grid-template-columns: minmax(0, 1fr); gap: var(--hs-space-8); }
  .press-line { flex-direction: column; align-items: flex-start; gap: var(--hs-space-5); }
  .press-line ul { flex-wrap: wrap; justify-content: flex-start; gap: var(--hs-space-6) var(--hs-space-8); }
}
/* Press marks share one box so wide wordmarks do not dominate; LIFT Labs larger; nav on City's light surface, not white. */
.press-line li { flex: 1; display: flex; justify-content: center; }
.press-line img { width: 112px; height: 24px; object-fit: contain; }
.recognition-pair img:not([src*="a16z"]) { height: 52px; }
.home-nav { background: var(--city-light-2); border-bottom: 1px solid var(--pc-hair); }
/* Surfaces: no grey (gloomy), no bright white, no sky blue. Soft cool off-whites; the alternate tone is the 3D journey's own #f7f8fa. */
:root { --city-light: #f2f4f7; --city-light-2: #f7f8fa; --city-card: #fbfcfd; }
#decision-studio .studio-copy { background: linear-gradient(90deg, rgba(242, 244, 247, 0.95) 0%, rgba(242, 244, 247, 0.86) 38%, rgba(242, 244, 247, 0.35) 62%, rgba(242, 244, 247, 0) 78%); }
@media (max-width: 759px) { #decision-studio .studio-copy { background: linear-gradient(180deg, rgba(242, 244, 247, 0.96) 0%, rgba(242, 244, 247, 0.88) 55%, rgba(242, 244, 247, 0) 85%); } }
#proof .tCard, #proof .tCard.is-quote { box-shadow: 0 0 0 1px rgba(15, 29, 51, 0.06); }

/* ==== C, on the sky (Brina, Nov 9): from the client logos to As featured in, everything sits on the hero's sky.
   Only "Your mirrored market is already running" keeps a surface. No strips, no backgrounds behind logos. ==== */
.opening-paper, .opening-paper .nai-bands, .opening-paper .nai-bands .tp-clients,
#interrogate, .interrogate-section, #proof, .recognition-section {
  background: transparent;
  box-shadow: none;
  clip-path: none;
  border: 0;
}
#market { background: var(--city-light-2); box-shadow: 0 0 0 100vmax var(--city-light-2); clip-path: inset(0 -100vmax); border: 0; }
/* Correction (Brina): one light surface runs from "Your mirrored market" through "A different way to decide" to the three stats.
   The client logos, the three testimonials, LIFT Labs, a16z and As featured in sit on the sky. */
#market, #interrogate, #proof .performance-metrics {
  background: var(--city-light-2);
  box-shadow: 0 0 0 100vmax var(--city-light-2);
  clip-path: inset(0 -100vmax);
}
#market { border-bottom: 1px solid var(--pc-hair); }
#proof { padding-top: 0; background: transparent; }
#proof .performance-metrics { margin: 0 0 var(--hs-space-16); padding: var(--hs-space-12) 0 var(--hs-space-16); }
@media (max-width: 759px) { #proof .performance-metrics { padding: var(--hs-space-8) 0 var(--hs-space-12); margin-bottom: var(--hs-space-10); } }

/* ==== C, Brina (Nov 9): logos in the hero, a line above the stats, the sky proof fades in ==== */
.home-hero .nai-bands {
  position: absolute;
  left: 0; right: 0;
  bottom: clamp(28px, 7svh, 72px);
  z-index: 2;
  background: rgba(247, 248, 250, 0.58);
  -webkit-backdrop-filter: blur(10px) saturate(1.1);
  backdrop-filter: blur(10px) saturate(1.1);
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.home-hero .nai-bands .tp-clients { background: transparent; border: 0; padding-block: 18px; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .home-hero .nai-bands { background: rgba(247, 248, 250, 0.82); } }
@media (prefers-reduced-transparency: reduce) { .home-hero .nai-bands { background: rgba(247, 248, 250, 0.92); -webkit-backdrop-filter: none; backdrop-filter: none; } }
#proof .performance-metrics { border-top: 1px solid rgba(15, 29, 51, 0.14); }
@media (max-width: 759px) { .home-hero .nai-bands { bottom: 24px; } .home-hero .nai-bands .tp-clients { padding-block: 14px; } }
/* The logo bar sits flush on the "Your mirrored market" box: no gap. */
.home-hero .nai-bands, .home-hero .nai-bands { bottom: 0; border-bottom: 0; }
@media (max-width: 759px) { .home-hero .nai-bands { bottom: 0; } }
/* Nav: stays while the opening proof is on screen, hides for the journey after. */
body[data-home-phase="journey"]:not([data-proof-gone="true"]) .home-nav { transform: none; }
/* Logo bar: lighter still, a whisper of frost, no edge lines. */
.home-hero .nai-bands { background: rgba(247, 248, 250, 0.26); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border: 0; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .home-hero .nai-bands { background: rgba(247, 248, 250, 0.5); } }
/* Testimonials: all three identical. Same card, same left-aligned Inter quote, same initials-and-name row. */
#proof .tCard { align-items: stretch; justify-content: flex-start; text-align: left; gap: var(--hs-space-3); padding: var(--hs-space-6); }
#proof .tCard blockquote { font: 400 var(--c-body)/1.5 var(--hs-text); letter-spacing: 0; color: var(--hs-body); text-align: left; }
#proof .tWho { justify-content: flex-start; margin-top: auto; padding-top: var(--hs-space-4); letter-spacing: 0; }
/* Logo bar: lighter again, barely there. */
.home-hero .nai-bands { background: rgba(247, 248, 250, 0.12); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }

/* ==== Proof area formatting (Nov 9): one column rhythm, clear hierarchy, tight gaps ==== */
/* Cards: tighter padding, quotes in navy ink so they carry weight; attribution pinned to the foot. */
#proof .tGrid { gap: 20px; }
#proof .tCard { padding: 28px; justify-content: space-between; }
#proof .tCard blockquote { font: 400 var(--c-body)/1.55 var(--hs-text); color: var(--hs-ink); }
#proof .tWho { padding-top: 20px; }
/* Awards: same left edge and gutter as the cards, smaller marks, captions quieter than the quotes. */
.recognition-section { padding-top: 56px; padding-bottom: 64px; }
.recognition-pair { gap: 20px; }
.recognition-pair > div, .recognition-pair > div + div { gap: 20px; }
.recognition-pair img:not([src*="a16z"]) { height: 40px; max-width: 96px; }
.recognition-pair img[src*="a16z"] { height: 22px; }
.recognition-pair p { font: 400 var(--c-body)/1.5 var(--hs-text); color: var(--hs-quiet); max-width: 34ch; }
/* Press: closer to the awards, every mark at one visual size. */
.press-line { margin-top: 32px; }
.press-line img { width: 120px; height: 22px; }
.press-line img[src*="ibtimes"] { width: 160px; height: 30px; }
#proof .tGrid { grid-template-columns: repeat(3, minmax(0, 1fr)); } @media (max-width: 759px) { #proof .tGrid { grid-template-columns: minmax(0, 1fr); } }

/* Nov 10, like City: scrolling up brings the header back in every phase, the journey included (homepage.js sets data-nav-up). */
body[data-nav-up="true"] .home-nav.home-nav { transform: none; }