/*
 * DeCue Website 2.0 cross-site conformance layer.
 *
 * This file is intentionally late-loaded. It resolves shared presentation
 * requirements without changing authored plate copy, imagery, choreography,
 * DOM order, or the number of native-stack plates.
 */

:root {
  --cyan: var(--blue);
  --font-sans:
    Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display",
    "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SFMono-Regular", Menlo, Monaco, Consolas, monospace;
  --minimum-readable-text: 11pt;
  /* Authored at 1920×1200. Runtime canvas follows the live viewport. */
  --native-canvas-inline-size: 100vw;
  --native-canvas-block-size: 100dvh;
  --minimum-diagram-inline-size: 52.5rem;
  --native-footer-safe-inset: 4.5rem;
  --viewport-footer-rail-height: clamp(3rem, 5.5vh, 3.5rem);
  --interactive-glow: color-mix(in srgb, var(--blue) 54%, transparent);
  --scrollbar-track: color-mix(in srgb, var(--ink) 10%, var(--page));
  --scrollbar-thumb: color-mix(in srgb, var(--ink) 82%, transparent);
}

/* Give the persistent utilities a real footer rail so authored content never
   reads through translucent controls. The rail remains compact and scrollable
   when three literal 11pt labels cannot fit a phone in one row. */
html[data-experience="native-stack"] .site-footer {
  inset: auto 0 0 !important;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-height: var(--viewport-footer-rail-height);
  padding: 0.55rem max(0.7rem, env(safe-area-inset-right))
    max(0.55rem, env(safe-area-inset-bottom))
    max(0.7rem, env(safe-area-inset-left));
  border-top: 1px solid var(--hairline) !important;
  background: color-mix(in srgb, var(--page) 98%, transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  pointer-events: auto;
}

html[data-experience="native-stack"] .site-footer__links {
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
}

html[data-experience="native-stack"] .site-footer__links > :is(a, button) {
  flex: 0 0 auto;
  white-space: nowrap;
}

body {
  font-family: var(--font-sans);
}

:is(code, kbd, samp, pre),
.native-section01-comparison__control,
.section02-hardware-continuum,
.section02-science-explorer,
.nlp-panel header,
.frequency-chart,
.media-signal,
.signal-readout,
.signal-instrument,
.faq__categories,
.faq-category__index,
.faq-item__index,
.eyebrow,
.section-number,
.team-section__number,
.site-footer,
.analysis-detail__header,
.account-access__actions {
  font-family: var(--font-mono);
}

/* Interactive contract: retain the neutral resting composition, then make
   every operable surface unmistakably blue, underlined, and luminous. */
:where(
  a[href],
  button:not(:disabled),
  summary,
  label[for],
  label:has(input:not([type="hidden"])),
  input:not([type="hidden"]),
  textarea,
  select,
  [role="button"],
  [tabindex]:not([tabindex="-1"])
) {
  transition:
    color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    filter 160ms ease,
    text-decoration-color 160ms ease;
}

:where(
  a[href],
  button:not(:disabled),
  summary,
  label[for],
  label:has(input:not([type="hidden"])),
  input:not([type="hidden"]),
  textarea,
  select,
  [role="button"],
  [tabindex]:not([tabindex="-1"])
):is(:hover, :focus-visible, :focus-within) {
  border-color: var(--blue) !important;
  color: var(--blue) !important;
  filter: drop-shadow(0 0 0.42rem var(--interactive-glow));
  text-decoration-color: var(--blue) !important;
  text-decoration-line: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 0.2em;
}

/* Filled contact CTAs already use a cyan fill on hover. Keep ink text so
   the generic interactive contract cannot paint cyan-on-cyan. */
:is(
  .team-contact__updates button,
  .updates-dialog__submit
):is(:hover, :focus-visible, :focus-within):not(:disabled) {
  color: var(--ink) !important;
  background: var(--blue);
}

:where(
  a[href],
  button:not(:disabled),
  summary,
  label[for],
  label:has(input:not([type="hidden"])),
  input:not([type="hidden"]),
  textarea,
  select,
  [role="button"],
  [tabindex]:not([tabindex="-1"])
):focus-visible {
  outline: 2px solid var(--blue) !important;
  outline-offset: 3px;
}

:where(
  a[href],
  button:not(:disabled),
  summary,
  label[for],
  label:has(input:not([type="hidden"])),
  [role="button"],
  [tabindex]:not([tabindex="-1"])
):is(:hover, :focus-visible, :focus-within) :is(span, strong, small, em) {
  color: inherit !important;
  text-decoration: inherit !important;
}

/* Interactive text may inherit a tiny label scale from its parent; it must
   never fall below the literal 11-point floor. */
:where(
  a[href],
  button,
  summary,
  input,
  textarea,
  select,
  label[for],
  label:has(input:not([type="hidden"]))
) {
  font-size: max(var(--minimum-readable-text), 1em);
}

/* Rendered native-stack labels that are intentionally subordinate retain
   their hierarchy, but not at the expense of legibility. Headings are not in
   this list and keep their authored scales. */
html[data-experience="native-stack"] :is(
  .section-nav span,
  .section-nav strong,
  .section-nav__menu button,
  .site-footer__links > :is(a, button) > strong,
  .native-section01-comparison__instruction-main,
  .native-section01-comparison__instruction-detail,
  .native-section01-comparison__output,
  .analysis-action__index,
  .analysis-action__copy strong,
  .stress-annotation__label span,
  .stress-annotation__label code,
  .signal-readout__status,
  .signal-readout__metric,
  .signal-readout code,
  .signal-frequency-axis span,
  .signal-frequency-level span,
  .section02-hardware-requirement-label > span,
  .section02-hardware-methodology,
  .section02-hardware-release summary time,
  .section02-hardware-release summary strong,
  .section02-hardware-release__record,
  .section02-hardware-release__record strong,
  .section02-hardware-release__record a,
  .section02-hardware-stage figcaption,
  .section02-hardware-stage figcaption strong,
  .section02-hardware-stage figcaption span,
  .section02-hardware-ledger span,
  .section02-hardware-ledger strong,
  .section02-hardware-callout,
  .section02-timeline-status,
  .section02-timeline-status strong,
  .section02-timeline-direction,
  .section02-timeline-direction span,
  .section02-timeline-year-label,
  .section02-paper-label strong,
  .section02-science-library-heading p,
  .section02-domino-labels span,
  .section02-terminal-label,
  .voice-logo-card figcaption,
  .native-funding-overlay h3,
  .native-funding-overlay time,
  .native-funding-overlay li > span,
  .native-funding-overlay a,
  .section03-text-analysis header,
  .section03-text-analysis p,
  .section03-signal-replay__stress,
  .section03-signal-replay__lens > div,
  .section03-signal-replay figcaption,
  .nlp-panel header span,
  .nlp-panel header strong,
  .nlp-panel header small,
  .frequency-chart span,
  .frequency-chart b,
  .media-signal__legend span,
  .media-signal__score span,
  .media-signal__score small,
  .section03-capability-evidence a > span,
  .section03-capability-evidence a > small,
  .section03-capability-evidence blockquote,
  .section04-origin-note,
  .section04-origin-note a,
  .eyebrow,
  .section-number,
  .team-section__number,
  .team-card__role,
  .team-card__contact a,
  .team-card__bio-trigger span,
  .team-contact__index,
  .team-contact__copy address a,
  .team-contact__updates strong,
  .team-contact__updates p,
  .team-contact__updates button,
  .faq__categories a,
  .faq__categories a > span,
  .faq-category__index,
  .faq-item__index,
  .account-access__action,
  .account-access__note
) {
  font-size: var(--minimum-readable-text) !important;
}

html[data-experience="native-stack"] .native-section02-plate--hardware .section02-hardware-stage figcaption,
html[data-experience="native-stack"] .native-section02-plate--hardware .section02-hardware-stage figcaption strong,
html[data-experience="native-stack"] .native-section02-plate--hardware .section02-hardware-stage figcaption span,
html[data-experience="native-stack"] .native-section02-plate--hardware .section02-hardware-callout {
  font-size: 16.5pt !important;
}

/* Speech Craft / Markets EQ vendor boxes: 11pt floor made the quote and
   supporting line feel small on the 2560×1080 kitchen screen. */
html[data-experience="native-stack"] .section03-capability-evidence blockquote {
  font-size: 16pt !important;
  line-height: 1.2;
}

html[data-experience="native-stack"] .section03-capability-evidence a > span {
  font-size: 14pt !important;
  line-height: 1.2;
}

html[data-experience="native-stack"] .section03-capability-evidence a > small,
html[data-experience="native-stack"] .section03-capability-route {
  font-size: 12pt !important;
}

html[data-experience="native-stack"] .section03-capability-evidence {
  height: clamp(11.25rem, 28vh, 13.5rem);
}

/* Talk to DeCue body/email stay at the vendor-box 14pt step. */
html[data-experience="native-stack"] .team-contact__copy > p:not(.eyebrow),
html[data-experience="native-stack"] .team-contact__copy address,
html[data-experience="native-stack"] .team-contact__copy address a {
  font-size: 14pt !important;
  line-height: 1.35;
}

/* Service updates box: one step larger still. */
html[data-experience="native-stack"] .team-contact__updates p {
  font-size: 16pt !important;
  line-height: 1.35;
}

html[data-experience="native-stack"] .team-contact__updates strong,
html[data-experience="native-stack"] .team-contact__updates button,
html[data-experience="native-stack"] .team-contact__index {
  font-size: 14pt !important;
}

/* Research timeline labels: 11pt floor left room on the 2560×1080 canvas. */
html[data-experience="native-stack"] .section02-timeline-year-label,
html[data-experience="native-stack"] .section02-paper-label strong {
  font-size: 14pt !important;
}

html[data-experience="native-stack"] .section02-era-label {
  font-size: 12pt !important;
}

html[data-experience="native-stack"] .section02-paper-label {
  width: 12.75rem;
}

/* The 11pt navigation floor can legitimately wrap the longest labels to three
   lines. Keep all three rows inside the measured header instead of clipping
   the final glyph row at its lower edge. */
html[data-experience="native-stack"] .section-nav :is(a, summary) {
  gap: 0.2rem;
  padding-block: 0.25rem;
}

html[data-experience="native-stack"] .section-nav strong {
  line-height: 1.15;
}

/* Dialog headers and fine print become visible only while their dialog is
   active; cover those states without touching body copy or display headings. */
:is(.analysis-detail, .updates-dialog, .terms-dialog) :is(
  .analysis-detail__header,
  .analysis-detail__header span,
  .analysis-detail__header button,
  .updates-dialog__header,
  .updates-dialog__header span,
  .updates-dialog__header button,
  .eyebrow,
  figcaption,
  code,
  small,
  label,
  input,
  textarea,
  select,
  button,
  .updates-dialog__status,
  .terms-dialog__lead > p:last-child
) {
  font-size: var(--minimum-readable-text) !important;
}

/* Legal and biography records are closed during the ordinary plate pass, so
   give their remaining bespoke fine-print roles the same literal floor. */
html[data-experience="native-stack"] :is(
  .terms-dialog__content h3,
  .terms-dialog__notice,
  .terms-dialog__uppercase,
  .terms-dialog__record-note,
  .team-detail__source
) {
  font-size: var(--minimum-readable-text) !important;
}

html[data-experience="native-stack"] .section02-capital-detail__thesis,
html[data-experience="native-stack"] .team-card__bio-trigger {
  border-block-width: 1px !important;
}

html[data-experience="native-stack"] :is(
  .section02-capital-detail__funding,
  .native-funding-overlay
) {
  overscroll-behavior: contain;
}

html[data-experience="native-stack"] .section02-capital-detail :is(
  .funding-headlines__header,
  .funding-headlines__header span,
  .funding-headlines__header strong,
  .funding-company h3,
  .funding-company time,
  .funding-company li > span,
  .funding-company li > span small,
  .funding-company a
) {
  font-size: var(--minimum-readable-text) !important;
}

html[data-experience="native-stack"] .signal-readout {
  right: 9%;
  left: 9%;
}

html[data-experience="native-stack"] .signal-readout__status {
  overflow-wrap: anywhere;
  white-space: normal;
}

/* The shared A/B/C evidence dialog contains a dense set of bespoke ledgers.
   Its scrollable canvas can absorb the extra wrapping, so every subordinate
   record is lifted to the same literal 11-point baseline. */
#analysis-detail :is(
  .detail-stress-inset__header,
  .detail-stress-inset__header span,
  .detail-stress-inset__score,
  .detail-stress-inset__score span,
  .detail-stress-inset__score code,
  .detail-stress-inset figcaption,
  .detail-boundary,
  .detail-boundary code,
  .detail-card__lede,
  .detail-card h4,
  .detail-card p,
  .detail-card li,
  .detail-card dt,
  .detail-card dd,
  .detail-card a,
  .detail-card__index,
  .detail-issuer-grid strong,
  .detail-issuer-grid p,
  .detail-pipeline strong,
  .detail-pipeline span,
  .detail-stat-grid span,
  .detail-stat-grid small,
  .detail-table th,
  .detail-table td,
  .detail-study-record p,
  .detail-study-record li,
  .detail-evidence dt,
  .detail-evidence dd,
  .detail-evidence-status,
  .detail-definitions dt,
  .detail-definitions dd,
  .detail-context-grid span,
  .detail-deception-grid strong,
  .detail-card__note,
  sup
) {
  font-size: var(--minimum-readable-text) !important;
}

/* Every authored hero receives the complete content width. Existing span
   boundaries remain authoritative; desktop lines do not acquire an internal
   wrap, including the native closing plate. */
html[data-experience="native-stack"] :is(
  .native-section01-plate > .story-beat,
  .native-section01-pair > .story-beat,
  .native-section02-plate > .section02-beat,
  .native-section03-plate > .section03-beat,
  .native-section04-plate > .section04-beat
) > :is(h1, h2),
html[data-experience="native-stack"] .native-section01-plate--closing .story-beat__sequence--closing,
html[data-experience="native-stack"] .native-section01-plate--closing :is(
  .story-beat__closing-lead,
  .story-beat__sequence-line--closing-one,
  .story-beat__sequence-line--closing-three
) {
  width: 100% !important;
  max-width: none !important;
}

@media (hover: hover) and (pointer: fine) {
  html[data-experience="native-stack"] :is(
    .native-section01-opening-heading > span,
    .native-section01-analysis-copy .story-beat__sequence-line,
    .native-section01-plate--closing .story-beat__sequence-line,
    .native-section02-plate > .section02-beat h2 > span,
    .native-section03-plate > .section03-beat h2 > span,
    .native-section04-plate > .section04-beat h2 > span
  ) {
    max-width: none !important;
    overflow-wrap: normal !important;
    white-space: nowrap !important;
  }
}

/* Promote active structural hairlines to an actual device-independent pixel.
   Purposeful component boxes retain their authored outline treatment. */
html[data-experience="native-stack"] :is(
  .signal-figure,
  .section02-hardware-ledger,
  .section02-science-library-heading,
  .section03-capital-record__head,
  .section03-capital-record__row,
  .section03-capability-evidence,
  .section04-origin-note,
  .team-detail__lead,
  .team-detail__source,
  .terms-dialog__lead,
  .terms-dialog__record-note
) {
  border-block-width: 1px !important;
}

html[data-experience="native-stack"] :is(
  .section03-capital-record__column,
  .section03-capability-evidence,
  .voice-logo-card
) {
  border-inline-width: 1px !important;
}

html[data-experience="native-stack"] .section02-dawning__impact li::before,
html[data-experience="native-stack"] .section02-timeline-direction__mark::before {
  height: 1px !important;
}

html[data-experience="native-stack"] .section02-timeline-direction__mark::after {
  border-top-width: 1px !important;
  border-right-width: 1px !important;
}

html[data-experience="native-stack"]::-webkit-scrollbar-track,
html[data-experience="native-stack"] .section02-science-timeline::-webkit-scrollbar-track {
  border-width: 1px !important;
}

html[data-experience="native-stack"] .section03-text-analysis {
  border-top-width: 1px !important;
  border-bottom-width: 1px !important;
}

html[data-experience="native-stack"] .section03-text-analysis article,
html[data-experience="native-stack"] .section03-authority-layer--logos .voice-logo-card,
html[data-experience="native-stack"] .section03-logo-wall figure,
html[data-experience="native-stack"] .section03-funding-wall article,
html[data-experience="native-stack"] .section03-capability-evidence > :is(a, blockquote) {
  border-right-width: 1px !important;
}

html[data-experience="native-stack"] .section03-signal-replay,
html[data-experience="native-stack"] .section03-capability-evidence > :is(a, blockquote) {
  border-top-width: 1px !important;
}

html[data-experience="native-stack"] .section03-signal-replay {
  border-bottom-width: 1px !important;
}

html[data-experience="native-stack"] :is(
  .section03-scene--adoption,
  .section03-capital-stage,
  .section03-funding-stage,
  .section03-funding-wall > header,
  .section03-funding-wall p,
  .section03-capability-evidence,
  .section03-text-analysis article
) {
  border-block-width: 1px !important;
}

html[data-experience="native-stack"] .native-funding-overlay {
  transition: opacity 150ms ease, transform 150ms ease, visibility 0s linear 150ms !important;
}

html[data-experience="native-stack"] .native-funding-trigger {
  position: absolute;
  z-index: 3;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0 !important;
  background: transparent;
  color: inherit;
  cursor: pointer;
  pointer-events: none;
}

@media (hover: none), (pointer: coarse) {
  html[data-experience="native-stack"] .native-funding-trigger {
    pointer-events: auto;
  }
}

html[data-experience="native-stack"] .native-funding-trigger:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: -3px;
}

html[data-experience="native-stack"] .native-funding-close {
  display: block;
  margin: 0 0 0.45rem auto;
  padding: 0.22rem 0.38rem;
  border: 1px solid var(--hairline) !important;
  background: var(--page);
  font-family: var(--font-mono);
  font-size: var(--minimum-readable-text) !important;
  letter-spacing: 0.08em;
  cursor: pointer;
}

/* The architecture is an externally loaded, aria-described fixed-geometry
   graphic. Preserve a controlled rendered minimum and expose horizontal
   scrolling in narrower panels rather than distorting its restored hierarchy;
   its complete semantic contents are mirrored in the adjacent HTML caption. */
html[data-experience="native-stack"] .section04-origin-panel--pipeline {
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scrollbar-gutter: stable;
}

html[data-experience="native-stack"] .section04-origin-panel--pipeline img {
  flex: 0 0 auto;
  width: max(100%, var(--minimum-diagram-inline-size));
  min-width: var(--minimum-diagram-inline-size);
  max-width: none;
}

html[data-experience="native-stack"] .voice-logo-card:is(
  :focus-within,
  [data-native-funding-open="true"]
) > .native-funding-overlay {
  opacity: 1 !important;
  visibility: visible;
  transform: translateY(0) !important;
  transition-delay: 0s !important;
  pointer-events: none !important;
}

@media (hover: hover) and (pointer: fine) {
  html[data-experience="native-stack"] .voice-logo-card:hover > .native-funding-overlay {
    opacity: 1 !important;
    visibility: visible;
    transform: translateY(0) !important;
    transition-delay: 0s !important;
    pointer-events: none !important;
  }
}

html[data-experience="native-stack"] .voice-logo-card[data-native-funding-open="false"] > .native-funding-overlay {
  opacity: 0 !important;
  visibility: hidden;
  transform: translateY(0.45rem) !important;
  pointer-events: none;
}

html[data-experience="native-stack"] .team-card__bio-trigger-mark::before {
  border-top-width: 1px !important;
}

html[data-experience="native-stack"] .team-card__bio-trigger-mark::after {
  border-top-width: 1px !important;
  border-right-width: 1px !important;
}

/* The comparison grabber is a direct pointer target even though the range
   input carries its accessible keyboard semantics. Match the global blue
   affordance contract when the grabber itself is hovered or active. */
html[data-experience="native-stack"] .native-section01-comparison__handle {
  color: var(--orange);
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    color 160ms ease,
    filter 160ms ease;
}

html[data-experience="native-stack"] .native-section01-comparison__microphone {
  stroke: currentColor !important;
}

html[data-experience="native-stack"] .native-section01-comparison__handle:is(:hover, :active),
html[data-experience="native-stack"] .native-section01-comparison:has(
  .native-section01-comparison__slider:focus-visible
) .native-section01-comparison__handle {
  border-color: var(--orange) !important;
  color: var(--orange) !important;
  filter: drop-shadow(0 0 0.42rem color-mix(in srgb, var(--orange) 70%, transparent));
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--orange) 44%, transparent),
    0 0 0.8rem color-mix(in srgb, var(--orange) 55%, transparent);
}

html[data-experience="native-stack"] .section02-domino-hero::before {
  border-top-width: 1px !important;
}

html[data-experience="native-stack"] .section02-domino-hero::after {
  border-bottom-width: 1px !important;
}

@media (hover: hover) and (pointer: fine) and (min-width: 68.8125rem) and (max-height: 47.5rem) {
  html[data-experience="native-stack"] .native-section02-plate--domino > .section02-beat {
    padding-bottom: 1.5rem !important;
  }
}

html[data-experience="native-stack"] .section03-capital-stage {
  border-top-width: 1px !important;
  border-bottom-width: 1px !important;
}

html[data-experience="native-stack"] .signal-frequency-level {
  border-top-width: 1px !important;
}

html[data-experience="native-stack"] .section02-timeline-direction {
  background: linear-gradient(
    135deg,
    var(--page-raised),
    color-mix(in srgb, var(--ink) 9%, var(--page))
  ) !important;
  box-shadow: 0 0.65rem 1.8rem color-mix(in srgb, var(--ink) 12%, transparent) !important;
}

html[data-experience="native-stack"] .native-section02-plate--science .section02-timeline-directions {
  padding-bottom: 1.55rem;
  pointer-events: none !important;
}

html[data-experience="native-stack"] .section02-timeline-direction {
  pointer-events: auto !important;
}

html[data-experience="native-stack"] .section02-timeline-direction:is(
  :hover,
  :focus-visible,
  :focus-within
):not(:disabled) {
  filter:
    contrast(1.04)
    brightness(1.02)
    drop-shadow(0 0 0.42rem var(--interactive-glow)) !important;
}

html[data-experience="native-stack"] :is(
  .section02-dawning__capital-trigger,
  .section02-dawning__record li a,
  .section02-hardware-methodology,
  .team-card__contact a,
  .team-detail__contact a
) {
  text-decoration-thickness: 1px !important;
}

/* Root, horizontal rail, and independently scrollable evidence surfaces use
   one high-contrast scrollbar grammar. */
html[data-experience="native-stack"],
html[data-experience="native-stack"] :is(
  .section-nav,
  .section02-science-timeline,
  .section02-capital-detail__funding,
  .analysis-detail,
  .updates-dialog__body,
  .terms-dialog__body,
  .native-funding-overlay,
  .section04-origin-panel--pipeline,
  #account-access
) {
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track) !important;
  scrollbar-width: auto !important;
}

html[data-experience="native-stack"]::-webkit-scrollbar,
html[data-experience="native-stack"] :is(
  .section-nav,
  .section02-science-timeline,
  .section02-capital-detail__funding,
  .analysis-detail,
  .updates-dialog__body,
  .terms-dialog__body,
  .native-funding-overlay,
  .section04-origin-panel--pipeline,
  #account-access
)::-webkit-scrollbar {
  width: 14px !important;
  height: 14px !important;
}

html[data-experience="native-stack"]::-webkit-scrollbar-track,
html[data-experience="native-stack"] :is(
  .section-nav,
  .section02-science-timeline,
  .section02-capital-detail__funding,
  .analysis-detail,
  .updates-dialog__body,
  .terms-dialog__body,
  .native-funding-overlay,
  .section04-origin-panel--pipeline,
  #account-access
)::-webkit-scrollbar-track {
  background: var(--scrollbar-track) !important;
}

html[data-experience="native-stack"]::-webkit-scrollbar-thumb,
html[data-experience="native-stack"] :is(
  .section-nav,
  .section02-science-timeline,
  .section02-capital-detail__funding,
  .analysis-detail,
  .updates-dialog__body,
  .terms-dialog__body,
  .native-funding-overlay,
  .section04-origin-panel--pipeline,
  #account-access
)::-webkit-scrollbar-thumb {
  min-width: 4rem;
  min-height: 4rem;
  border: 3px solid var(--scrollbar-track);
  border-radius: 999px;
  background: var(--scrollbar-thumb) !important;
}

html[data-experience="native-stack"]::-webkit-scrollbar-thumb:hover,
html[data-experience="native-stack"] :is(
  .section-nav,
  .section02-science-timeline,
  .section02-capital-detail__funding,
  .analysis-detail,
  .updates-dialog__body,
  .terms-dialog__body,
  .native-funding-overlay,
  .section04-origin-panel--pipeline,
  #account-access
)::-webkit-scrollbar-thumb:hover {
  background: var(--blue) !important;
}

html[data-experience="native-stack"] .section-nav::-webkit-scrollbar {
  display: block !important;
}

/* Keep the fixed utility footer clear of the dense scientific record. */
html[data-experience="native-stack"] .native-section02-plate--science {
  padding-bottom: max(var(--native-footer-safe-inset), env(safe-area-inset-bottom));
}

/* Keep foreground text and controls above the persistent lower-left utility
   rail. Full-bleed authored imagery may continue behind the transparent rail. */
html[data-experience="native-stack"] :is(
  .native-section02-plate--hardware,
  .native-section02-plate--companies,
  .native-section03-plate--1,
  .native-section03-plate--4
) {
  padding-bottom: max(var(--native-footer-safe-inset), env(safe-area-inset-bottom));
}

html[data-experience="native-stack"] #frequently-asked-questions {
  scroll-padding-bottom: var(--native-footer-safe-inset);
}

html[data-experience="native-stack"] #frequently-asked-questions .section-content {
  padding-bottom: var(--native-footer-safe-inset);
}

/* The footer is a persistent lower-left utility rail. Reserve its footprint on
   flowing sections and on authored plates only when they are not deliberately
   using the fixed desktop-canvas crop contract below. */
html[data-experience="native-stack"] :is(
  .safe-harbor,
  .team-section,
  #account-access
) {
  padding-bottom: var(--native-footer-safe-inset) !important;
}

@media (hover: hover) and (pointer: fine) and (min-height: 30.5625rem) and (max-height: 50rem) {
  html[data-experience="native-stack"] :is(
    .native-section02-plate,
    .native-section03-plate,
    .native-section04-plate
  ) {
    padding-bottom: var(--native-footer-safe-inset) !important;
  }
}

@media (hover: none), (pointer: coarse) {
  html[data-experience="native-stack"] :is(
    .native-section02-plate,
    .native-section03-plate,
    .native-section04-plate
  ) {
    padding-bottom: var(--native-footer-safe-inset) !important;
  }
}

/* Reserved flag only. 1920×1200 is the authored design target, not a
   runtime min-width/min-height. Never impose a canvas larger than the
   live viewport — that cropped 1080-tall windows and broke plate snap. */
html[data-experience="native-stack"][data-native-desktop-floor="true"] {
  --gutter: 2.5125rem;
  --header-height: 5.25rem;
  --native-hero-space: 0.75rem;

  min-width: 0;
  min-height: 0;
  overflow-x: auto !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable both-edges;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] body {
  width: auto;
  min-width: 0;
  min-height: 0;
  overflow-x: visible !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .site-header {
  width: 100% !important;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) 7.5rem;
}

/* Fixed-position elements otherwise remain attached to the shrinking visual
   viewport. Keep the footer on the logical desktop canvas as well, allowing a
   smaller window to cover it just as it covers narrative content. */
html[data-experience="native-stack"][data-native-desktop-floor="true"] .site-footer {
  right: 0 !important;
  bottom: 0 !important;
  width: 100%;
  max-width: 100%;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .site-logo {
  width: 7.1rem;
  height: auto;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] :is(
  .native-section01-plate,
  .native-section02-plate,
  .native-section03-plate,
  .native-section04-plate,
  .safe-harbor,
  .team-section
) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: calc(100dvh - var(--header-height)) !important;
  overflow: visible !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] :is(
  .native-section02-plate,
  .native-section03-plate,
  .native-section04-plate,
  .safe-harbor,
  .team-section,
  #account-access
) {
  padding-bottom: var(--native-footer-safe-inset) !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] #account-access {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: calc(100dvh - var(--header-height)) !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] :is(
  .native-section01-plate--overview,
  .native-section01-plate--closing,
  .native-section04-plate--2,
  .native-section04-plate--3
) {
  height: auto !important;
  min-height: calc(100dvh - var(--header-height)) !important;
  max-height: none !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section01-plate {
  width: 100%;
  max-width: 100%;
  grid-template-rows: auto minmax(0, 1fr);
  row-gap: 1.109375rem;
  padding-bottom: 0;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section01-plate--overview {
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: var(--native-hero-space);
  padding-top: var(--native-hero-space);
  padding-bottom: max(
    calc(2.35rem + var(--native-hero-space)),
    calc(env(safe-area-inset-bottom) + var(--native-hero-space))
  );
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section01-plate--closing {
  min-height: 36rem !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] :is(
  .native-section04-plate--2,
  .native-section04-plate--3
) {
  min-height: 43rem !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section01-plate--overview > .story-beat[data-beat] :is(h1, h2) {
  font-size: clamp(1.7625rem, min(2.35vw, 4.8svh), 2.8rem) !important;
  line-height: 1.02 !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section01-plate--closing > .story-beat :is(h1, h2) {
  font-size: clamp(2.22rem, min(3.2vw, 5svh), 3.5rem) !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section01-plate--closing .story-beat__sequence--closing {
  min-height: 16.41875rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section01-comparison__visual,
html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section01-comparison__control {
  width: min(100cqw, calc(350cqh - 4.95rem));
  max-width: 100%;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section01-comparison__control {
  /* The two-line instruction needs this explicit floor. WebKit can otherwise
     collapse the auto grid track after a live viewport resize. */
  min-height: 5.125rem;
  grid-template-columns: auto minmax(7rem, 1fr) auto;
  gap: clamp(0.8rem, 1.5vw, 1.5rem);
  padding: 0.8rem clamp(1rem, 2vw, 1.5rem);
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section01-comparison__instruction {
  grid-column: auto;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] :is(
  .native-section01-plate,
  .native-section01-pair
) > .signal-figure {
  align-self: center;
  height: auto !important;
  aspect-ratio: 3.5 / 1 !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .signal-lens {
  left: var(--analysis-lens-x);
  width: clamp(17rem, 23vw, 22rem);
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .analysis-action__copy {
  display: block;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .analysis-action__cue {
  width: clamp(15rem, 21vw, 19rem) !important;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 0.45rem 0.55rem !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--domino .section02-domino-hero {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 100%;
  place-self: start;
  justify-self: start;
  align-self: start;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--domino > .section02-beat {
  padding-bottom: 1.5rem !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--domino .section02-domino-followthrough {
  gap: 0.15rem;
  padding: 0.45rem 0 calc(2.35rem + 0.5rem);
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--domino .section02-domino-followthrough p {
  font-size: 1rem;
  line-height: 1.04;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--domino .section02-domino-followthrough p:last-child {
  margin-top: 0.2rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .section02-dawning__impact::after,
html[data-experience="native-stack"][data-native-desktop-floor="true"] .section02-science-library-heading,
html[data-experience="native-stack"][data-native-desktop-floor="true"] .section02-domino-hero::before,
html[data-experience="native-stack"][data-native-desktop-floor="true"] .section02-domino-hero::after {
  left: 0;
  width: 100%;
  max-width: 100%;
  transform: none;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] :is(
  .native-section02-plate--dawning > .section02-scene,
  .native-section02-plate--hardware > .section02-scene,
  .section03-scene--target
) {
  min-height: 42rem !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--hardware .section02-hardware-continuum {
  overflow: visible;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--hardware .section02-hardware-requirement-label,
html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--hardware .section02-hardware-reference-links {
  flex-wrap: wrap;
  overflow: visible;
  min-width: 0;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--hardware .section02-hardware-methodology {
  white-space: nowrap;
  overflow: visible;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] :is(
  .native-section02-plate--hardware > .section02-scene,
  .native-section02-plate--science > .section02-scene,
  .section02-scene--hardware,
  .section02-scene--science
) {
  overflow: visible !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section04-plate--origin-combined > .section04-scene {
  min-height: 20rem !important;
  gap: 1.0125rem;
  padding: 0.5rem 3.75rem 1.5rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section03-plate--1 > .section03-scene {
  height: auto;
  min-height: 42rem !important;
  overflow: hidden !important;
}

/* A width-only resize can leave a tall logical canvas. Center the complete
   authored waveform in the row above its fixed evidence ledger so the added
   vertical space is shared equally above and below the image. */
html[data-experience="native-stack"][data-native-desktop-floor="true"] .section03-scene--target {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) 10.75rem;
  padding-bottom: 1.7rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .section03-scene--target > .section03-attack-figure {
  position: relative !important;
  inset: auto !important;
  grid-row: 1;
  align-self: center;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .section03-scene--target > .section03-capability-evidence {
  position: relative !important;
  inset: auto !important;
  width: 100%;
  height: 10.75rem !important;
  grid-row: 2;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section04-plate--origin-combined {
  height: calc(
    100dvh - var(--header-height) -
      var(--viewport-footer-rail-height) - 0.25rem
  ) !important;
  min-height: calc(
    100dvh - var(--header-height) -
      var(--viewport-footer-rail-height) - 0.25rem
  ) !important;
  padding-bottom: 0 !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section04-plate--origin-combined > .section04-beat {
  padding: 0.25rem 0 !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--science > .section02-scene {
  padding-bottom: 1.109375rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--domino > .section02-beat h2 {
  font-size: clamp(1.55rem, 1.95vw, 2.35rem) !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] :is(
  .section02-opening-thesis,
  .section02-science-thesis
) {
  gap: 0.26625rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--hardware > .section02-beat h2 {
  font-size: clamp(1.5rem, 1.94vw, 2.25rem) !important;
  gap: 0.2884375rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--companies > .section02-beat h2 {
  font-size: clamp(2.1rem, 2.8vw, 3rem) !important;
  gap: 0.275125rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--science > .section02-beat h2 {
  font-size: clamp(2.325rem, min(3.1vw, 5.25svh), 3.4rem) !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section03-plate > .section03-beat h2 {
  font-size: clamp(2.4rem, 3.2vw, 2.55rem) !important;
  gap: 0.275125rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section03-plate--4 > .section03-beat h2 {
  font-size: clamp(1.9rem, 2.35vw, 2.55rem) !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section04-plate--origin-combined > .section04-beat h2 {
  font-size: clamp(1.875rem, min(2.4vw, 4.4svh), 2.75rem) !important;
  gap: 0.275125rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] :is(
  .native-section04-plate--2,
  .native-section04-plate--3
) > .section04-beat h2 {
  font-size: clamp(2.04rem, 2.72vw, 2.55rem) !important;
  gap: 0.275125rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section04-plate--3 > .section04-beat h2 {
  font-size: clamp(2.01rem, 2.68vw, 2.55rem) !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .media-signal__score strong {
  font-size: 3.15rem;
}

/* Below the measured fine-pointer floor, ordinary document-flow sections keep
   their 1920-by-1200 desktop structure and type just as the authored plates do.
   The browser window becomes an aperture; touch layouts retain their own
   responsive rules. */
html[data-experience="native-stack"][data-native-desktop-floor="true"] #why-it-matters.safe-harbor,
html[data-experience="native-stack"][data-native-desktop-floor="true"] #for-agents.team-section {
  min-height: calc(100dvh - var(--header-height)) !important;
  padding-top: 2.6625rem !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] #why-it-matters.safe-harbor {
  align-content: start;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .safe-harbor .section-content {
  padding: 2.21875rem 0 0;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .safe-harbor .section-content h2 {
  font-size: 2.625rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .safe-harbor blockquote {
  margin-top: 3.75rem;
  padding: 3rem;
  font-size: 1.95rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .team-section__heading h2 {
  font-size: 3.375rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .team-grid {
  margin-top: 0.5rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .team-card {
  grid-template-rows: 8.3rem minmax(0, 1fr);
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .team-card__body {
  padding: 0.9rem 1rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .team-card h3 {
  font-size: 1.3875rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .team-card__role {
  margin-bottom: 0.25rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .team-card__contact {
  margin-bottom: 0.55rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .team-card__bio-trigger {
  padding-top: 0.7rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .team-contact {
  gap: 2rem;
  margin-top: 0.25rem;
  padding: 0.75rem 0;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .team-contact__copy h3 {
  font-size: 2.4rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .team-contact__copy > p:not(.eyebrow) {
  margin-top: 0.65rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .team-contact__copy address {
  margin-top: 0.75rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .team-contact__updates {
  padding: 1.35rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] :is(
  #frequently-asked-questions,
  #account-access
) {
  padding-top: 6rem !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .faq .section-content {
  padding-top: 6.2125rem;
  padding-bottom: 5rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] :is(
  #faq-heading,
  #close-heading
) {
  font-size: 4.7625rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .faq .section-intro {
  margin-top: 2.21875rem;
  font-size: 1.5rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] #frequently-asked-questions {
  padding-bottom: 6rem !important;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .faq__categories {
  margin-top: 2.21875rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .faq-category {
  margin-top: 3.55rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .faq-category__header h3 {
  font-size: 2.25rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .faq-item summary strong {
  font-size: 1.1625rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .faq-item__safe-harbor {
  padding: 1.875rem;
  font-size: 1.125rem;
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .close .section-content > p:not(.eyebrow) {
  margin-top: 2rem;
  font-size: 3rem;
}

/* r349 balanced domino plate: one authoritative image, one hero type size, and
   four equal negative-space zones above and below the two hero groups.
   Opening heros, domino frame, and followthrough share one left-aligned
   content column. The image may scale on its 1586/520 ratio, but it must not
   be independently centered or percentage-shrunk away from that edge. */
html[data-experience="native-stack"] .native-section02-plate--domino {
  --section02-domino-hero-size: clamp(
    1.55rem,
    min(
      calc(var(--native-canvas-inline-size) * 0.027),
      calc(var(--native-canvas-block-size) * 0.033)
    ),
    2.25rem
  );
  --section02-domino-negative-quarter: clamp(
    1.5rem,
    calc(var(--native-canvas-inline-size) * 0.02),
    2.5rem
  );
  --section02-domino-column-width: 100%;

  min-height: auto;
  grid-template-rows: auto auto;
  padding-bottom: 0 !important;
  container-type: inline-size;
}

html[data-experience="native-stack"] .native-section02-plate--domino > .section02-beat,
html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--domino > .section02-beat {
  padding: var(--section02-domino-negative-quarter) 0 !important;
}

html[data-experience="native-stack"] .native-section02-plate--domino > .section02-scene {
  border-top: 0 !important;
  container-type: inline-size;
  justify-content: start;
  justify-items: start;
  align-content: start;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto;
  row-gap: var(--section02-domino-negative-quarter);
  padding: 0 0 var(--section02-domino-negative-quarter) !important;
}

html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-hero::before,
html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-hero::after {
  display: none !important;
}

html[data-experience="native-stack"] .native-section02-plate--domino > .section02-beat h2,
html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--domino > .section02-beat h2,
html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-capability-flow,
html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-followthrough {
  box-sizing: border-box;
  width: var(--section02-domino-column-width) !important;
  max-width: none !important;
  justify-self: start !important;
  margin-inline: 0;
  padding-inline: 0;
}

html[data-experience="native-stack"] .section02-domino-capability-flow {
  display: flex;
  width: var(--section02-domino-column-width);
  min-width: 0;
  justify-content: flex-start;
  align-items: flex-start;
  align-self: start;
}

html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-capability-flow .section02-domino-hero,
html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--domino .section02-domino-capability-flow .section02-domino-hero {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  place-self: start !important;
  align-self: start !important;
  justify-self: start !important;
  margin-inline: 0 !important;
}

html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-followthrough {
  justify-items: start;
  text-align: left !important;
}

html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-followthrough p,
html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--domino .section02-domino-followthrough p {
  width: 100%;
  font-size: var(--section02-domino-hero-size) !important;
  line-height: 1.06;
  text-align: left !important;
}

html[data-experience="native-stack"] .native-section02-plate--domino > .section02-beat h2,
html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--domino > .section02-beat h2 {
  font-size: var(--section02-domino-hero-size) !important;
  line-height: 1.06 !important;
  justify-items: start;
  text-align: left !important;
}

html[data-experience="native-stack"] .native-section02-plate--domino > .section02-beat h2 > span {
  width: 100%;
  justify-self: stretch;
  text-align: left !important;
}

@media (hover: hover) and (pointer: fine) {
  /* One viewport page: heros, then leftover height for the image, then
     followthrough. On a 2560x1080 aperture the 1586/520 frame cannot stay
     full-width without overflowing, so the figure shrinks to the leftover
     height and stays pinned to the shared left edge. */
  html[data-experience="native-stack"] .native-section02-plate--domino {
    height: calc(100dvh - var(--header-height)) !important;
    min-height: calc(100dvh - var(--header-height));
    max-height: calc(100dvh - var(--header-height)) !important;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-content: center;
    padding-top: var(--native-footer-safe-inset) !important;
    padding-bottom: var(--native-footer-safe-inset) !important;
  }

  html[data-experience="native-stack"] .native-section02-plate--domino > .section02-beat,
  html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--domino > .section02-beat {
    display: block;
    grid-row: 1 !important;
    grid-column: 1 !important;
    padding: 0 0 0.45rem !important;
  }

  html[data-experience="native-stack"] .native-section02-plate--domino > .section02-beat h2 > span {
    white-space: nowrap !important;
  }

  html[data-experience="native-stack"] .native-section02-plate--domino > .section02-scene {
    display: grid !important;
    grid-row: 2 !important;
    grid-column: 1 !important;
    justify-content: start;
    justify-items: start;
    align-content: start;
    grid-template-rows: auto auto;
    grid-template-columns: minmax(0, 1fr);
    container-type: normal;
    row-gap: 0.28rem;
    min-height: 0;
    padding: 0 !important;
  }

  html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-capability-flow {
    grid-row: 1;
    width: auto !important;
    max-width: 100% !important;
    height: auto;
    min-height: 0;
    justify-self: start !important;
    align-self: start;
  }

  html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-capability-flow .section02-domino-hero,
  html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-hero {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: min(32.5rem, 46dvh) !important;
    aspect-ratio: 1586 / 520;
    place-self: start !important;
    justify-self: start !important;
    align-self: start !important;
    margin-inline: 0 auto !important;
  }

  html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-hero {
    position: relative !important;
  }

  html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-hero picture,
  html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-hero img {
    display: block;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: min(32.5rem, 46dvh) !important;
    object-fit: contain;
    object-position: left center;
  }

  html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-labels {
    position: absolute !important;
    inset: 0 !important;
  }

  html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-labels span {
    position: absolute !important;
    left: 4.5% !important;
    right: auto !important;
  }

  html[data-experience="native-stack"] .native-section02-plate--domino .section02-terminal-label {
    position: absolute !important;
    top: 68.5% !important;
    right: 1.3% !important;
    left: auto !important;
    width: 12.5% !important;
    text-align: center;
    font-weight: 700 !important;
    color: color-mix(in srgb, var(--ink) 94%, transparent) !important;
  }

  html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-labels,
  html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-labels span {
    font-weight: 700 !important;
    color: color-mix(in srgb, var(--ink) 94%, transparent) !important;
  }

  html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-followthrough {
    grid-row: 2;
    width: 100% !important;
    max-width: none !important;
    justify-self: start;
    padding: 0 !important;
    margin-top: 0 !important;
  }
}

@media (hover: hover) and (pointer: fine) and (max-height: 50rem) {
  html[data-experience="native-stack"] .native-section02-plate--domino {
    --section02-domino-negative-quarter: 1.5rem;
  }

  html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-capability-flow {
    width: var(--section02-domino-column-width) !important;
    justify-self: start;
  }
}

/* This band previously percentage-shrunk only the image to absorb a 5px
   Firefox/WebKit scrollbar-gutter height delta. Keep the shared left-aligned
   column instead; the frame still uses aspect-ratio 1586/520. */
@media (hover: hover) and (pointer: fine) and (min-width: 75.0625rem) and (max-width: 107.99rem) and (min-height: 50.0625rem) {
  html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-capability-flow {
    width: var(--section02-domino-column-width) !important;
    justify-self: start;
  }
}

/* r350 Room-Workstation-Laptop: the shortened third statement permits one
   materially larger hero size across all three lines. The plate keeps its
   one-page height; the existing cover-fit images yield the required room by
   cropping vertically, never by changing or stretching their source pixels. */
@media (hover: hover) and (pointer: fine) {
  html[data-experience="native-stack"] .native-section02-plate--hardware {
    --section02-rwl-hero-size: clamp(
      1.8rem,
      min(
        calc(var(--native-canvas-inline-size) * 0.024),
        calc(var(--native-canvas-block-size) * 0.042)
      ),
      2.6rem
    );
  }

  html[data-experience="native-stack"] .native-section02-plate--hardware > .section02-beat h2,
  html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--hardware > .section02-beat h2 {
    font-size: var(--section02-rwl-hero-size) !important;
    line-height: 1 !important;
    gap: 0.24rem;
  }

  html[data-experience="native-stack"] .native-section02-plate--hardware > .section02-beat h2 > span {
    width: 100%;
    white-space: nowrap !important;
  }

  html[data-experience="native-stack"] .native-section02-plate--hardware > .section02-scene,
  html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--hardware > .section02-scene {
    min-height: 0 !important;
    overflow: hidden !important;
  }
}

/* The requested Domino increase is conditional on the actual logical canvas,
   not the browser aperture. At 1728px and above the 15% increase still leaves
   every upper and lower hero statement on one line. Narrower canvases retain
   the r349 size rather than purchasing type size with a wrap. */
@media (hover: hover) and (pointer: fine) and (min-width: 108rem) {
  html[data-experience="native-stack"] .native-section02-plate--domino > .section02-beat h2,
  html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-followthrough p,
  html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--domino > .section02-beat h2,
  html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--domino .section02-domino-followthrough p {
    font-size: calc(var(--section02-domino-hero-size) * 1.15) !important;
  }

  html[data-experience="native-stack"] .native-section02-plate--domino > .section02-beat h2 > span,
  html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-followthrough p,
  html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--domino > .section02-beat h2 > span,
  html[data-experience="native-stack"][data-native-desktop-floor="true"] .native-section02-plate--domino .section02-domino-followthrough p {
    white-space: nowrap !important;
  }
}

/* The direction controls size to their complete labels instead of asking a
   viewport-relative box to clip monospaced text at full-size layouts. */
html[data-experience="native-stack"] .section02-timeline-direction {
  width: auto !important;
  min-width: 9.5rem;
  min-height: 4.25rem;
  height: auto;
  padding-inline: 1rem;
}

/* The complete 1792:512 filter composite is the authored figure. Fit that
   registered frame against both available axes so the gate and both particle
   fields remain visible instead of being lost to a width-led cover crop. */
html[data-experience="native-stack"] .section04-scene--filter {
  display: grid;
  place-items: center;
  container-type: size;
}

html[data-experience="native-stack"] .section04-scene--filter .section04-filter-composite {
  width: min(100cqw, 350cqh) !important;
  max-width: 100%;
  height: auto !important;
  max-height: 100%;
  aspect-ratio: 3.5 / 1;
}

html[data-experience="native-stack"] .section04-scene--filter .section04-filter-layer {
  object-fit: contain;
}

html[data-experience="native-stack"] .section04-scene--filter .section04-filter-scatter {
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
}

/* The prepared-remarks cloud is a frozen raster of the approved authored
   composition. CSS may scale the complete image, but its internal word
   placement, hierarchy, color, and rotation never reflow. */
html[data-experience="native-stack"] .native-section03-plate--1 .word-cloud__image {
  max-width: 100%;
  max-height: 100%;
}

/* r350 origin evidence: the eavesdropping illustration is gone. Return that
   width to a larger journal cover and the roomier architecture redraw. */
html[data-experience="native-stack"] .section04-scene--origin {
  grid-template-columns: minmax(12rem, 0.58fr) minmax(0, 2.42fr);
  padding-inline: clamp(1.5rem, 2.5vw, 2.5rem);
}

html[data-experience="native-stack"][data-native-desktop-floor="true"] .section04-scene--origin {
  grid-template-columns: minmax(11rem, 0.58fr) minmax(0, 2.42fr);
  padding-inline: 1rem;
}

html[data-experience="native-stack"] .section04-scene--origin .section04-origin-panel--pipeline {
  grid-column: auto;
  grid-row: auto;
  justify-content: center;
  overflow: hidden;
}

html[data-experience="native-stack"] .section04-scene--origin .section04-origin-panel--pipeline img {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

/* The former vault frame now carries the exact Safe Harbor recommendation
   that previously consumed a separate full page. */
html[data-experience="native-stack"] .section04-scene--delivery {
  display: grid;
  place-items: start stretch;
  padding: 0 0 clamp(1rem, 2vw, 1.6rem);
  background: color-mix(in srgb, #fff 82%, var(--page));
}

html[data-experience="native-stack"] .section04-delivery-safe-harbor {
  display: grid;
  width: 100%;
  grid-template-columns: minmax(16rem, 0.82fr) minmax(0, 1.45fr);
  align-items: start;
  gap: clamp(1.5rem, 3vw, 4rem);
  padding: clamp(1.5rem, 3vw, 3.5rem);
  border: 0.5px solid color-mix(in srgb, var(--ink) 34%, transparent);
  background: color-mix(in srgb, var(--page-raised) 86%, transparent);
}

html[data-experience="native-stack"] .section04-delivery-safe-harbor__heading {
  display: grid;
  gap: clamp(0.75rem, 1.5vw, 1.4rem);
}

html[data-experience="native-stack"] .section04-delivery-safe-harbor :is(p, h2, blockquote) {
  margin: 0;
}

html[data-experience="native-stack"] .section04-delivery-safe-harbor h2 {
  font-size: clamp(
    1.8rem,
    min(
      calc(var(--native-canvas-inline-size) * 0.026),
      calc(var(--native-canvas-block-size) * 0.04)
    ),
    3.35rem
  );
  font-weight: 430;
  letter-spacing: -0.04em;
  line-height: 0.98;
}

html[data-experience="native-stack"] .section04-delivery-safe-harbor blockquote {
  align-self: center;
  font-size: clamp(
    1.1rem,
    min(
      calc(var(--native-canvas-inline-size) * 0.015),
      calc(var(--native-canvas-block-size) * 0.024)
    ),
    1.85rem
  );
  font-weight: 420;
  letter-spacing: -0.018em;
  line-height: 1.24;
}

@media (max-width: 56.25rem) {
  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .section04-scene--origin {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(8rem, 0.7fr) minmax(0, 1.3fr);
  }

  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .section04-scene--origin .section04-origin-panel:first-of-type {
    grid-column: 1;
    grid-row: 1;
  }

  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .section04-scene--origin .section04-origin-panel--pipeline {
    grid-column: 1;
    grid-row: 2;
    justify-content: flex-start;
    overflow-x: auto;
  }

  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .section04-scene--origin .section04-origin-panel--pipeline img {
    width: max(100%, var(--minimum-diagram-inline-size));
    min-width: var(--minimum-diagram-inline-size);
    max-width: none;
  }

  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .section04-delivery-safe-harbor {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* On ordinary fine-pointer canvases, keep the complete language-analysis
   plate above the persistent footer. The complete static cloud image scales
   proportionally inside its fixed panel and never exposes a separate axis. */
@media (hover: hover) and (pointer: fine) {
  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .native-section03-plate--1 {
    height: calc(100svh - var(--header-height)) !important;
    min-height: calc(100svh - var(--header-height)) !important;
    max-height: calc(100svh - var(--header-height)) !important;
    overflow: hidden;
  }

  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .native-section03-plate--1 > .section03-scene {
    min-height: 0 !important;
  }

  /* Keep the complete origin statement inside the same viewport-height plate
     as its evidence. Firefox and WebKit otherwise let intrinsic font metrics
     grow this three-row plate a few pixels beneath the fixed utility rail. */
  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .native-section04-plate--origin-combined {
    height: calc(100svh - var(--header-height)) !important;
    min-height: calc(100svh - var(--header-height)) !important;
    max-height: calc(100svh - var(--header-height)) !important;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
  }

  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .native-section04-plate--origin-combined > .section04-scene {
    min-height: 0 !important;
  }
}

@media (max-width: 56.25rem) {
  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .native-section02-plate--domino {
    min-height: auto;
    grid-template-rows: auto auto;
    overflow: visible;
  }

  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .native-section02-plate--domino > .section02-scene {
    container-type: inline-size;
    grid-template-rows: auto auto;
    overflow: visible !important;
  }

  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .native-section02-plate--domino .section02-domino-capability-flow .section02-domino-hero {
    width: 100% !important;
    place-self: start;
  }
}

@media (hover: hover) and (pointer: fine) and (min-width: 75.0625rem) and (max-height: 47.5rem) {
  html[data-experience="native-stack"] .native-section02-plate--domino .section02-domino-followthrough {
    padding: 0 !important;
  }
}

@media (max-width: 32rem) {
  /* The final domino label is intentionally verbose. On a phone it must wrap
     inside the authored image instead of silently widening the layout viewport. */
  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .native-section02-plate--domino .section02-domino-labels span {
    max-width: min(42%, 10rem);
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.08;
    text-align: center;
  }

  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .native-section02-plate--domino .section02-terminal-label {
    overflow: hidden;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  /* Three 11pt evidence ledgers cannot remain meaningful in three 114px
     columns. Preserve every authored record and image, but stack the stages
     into a readable phone sequence. */
  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .native-section02-plate--hardware {
    min-height: auto;
    grid-template-rows: auto auto;
    overflow: visible !important;
  }

  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .native-section02-plate--hardware > .section02-scene {
    min-height: 0 !important;
    overflow: visible !important;
  }

  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .native-section02-plate--hardware .section02-hardware-continuum {
    height: auto !important;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto repeat(3, auto);
    overflow: visible;
  }

  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .native-section02-plate--hardware .section02-hardware-requirement-label {
    grid-column: 1;
    align-items: flex-start;
  }

  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .native-section02-plate--hardware .section02-hardware-reference-links {
    justify-content: flex-start;
  }

  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .native-section02-plate--hardware .section02-hardware-methodology {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .native-section02-plate--hardware .section02-hardware-stage {
    min-height: 0;
    grid-template-rows: auto minmax(18rem, auto);
  }

  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .native-section02-plate--hardware .section02-hardware-stage:nth-of-type(3) {
    grid-template-rows: auto minmax(25rem, auto);
  }

  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .native-section02-plate--hardware .section02-hardware-release-pair summary {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.2rem;
    justify-items: start;
  }

  /* Funding records live inside half-width logo cells on phones. Stack their
     date/source label above the record instead of forcing two 11pt columns to
     collide. */
  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .native-funding-overlay li {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start;
  }

  /* Retain the authored waveform anchor and move only its phone label inside
     the clipped figure boundary. */
  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) .native-section03-plate--4 .section03-attack-figure .stress-annotation__label {
    left: calc(50% + 0.25rem);
  }

  /* Compact the word-level stress cards into two lines on phones. Their beam
     endpoints remain registered to the same waveform coordinates. */
  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) #analysis-detail .detail-stress-inset__score {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 0.08rem;
    padding-block: 0.25rem;
    --score-beam-height: 6.7rem;
  }

  html[data-experience="native-stack"]:not([data-native-desktop-floor="true"]) #analysis-detail .detail-stress-inset__score--confidence {
    --score-beam-height: 4.15rem;
  }

}

/* r353 spacing pass: give the Section 01 closing argument a deliberate entry
   band on fine-pointer canvases with enough vertical room. Authored at
   1920×1200; runtime plates follow the live viewport. */
@media (hover: hover) and (pointer: fine) and (min-height: 47.5625rem) {
  html[data-experience="native-stack"] .native-section01-plate--closing {
    padding-top: clamp(1.5rem, 4svh, 2.5rem);
  }
}

/* Pull the Scientific Literature Timeline into one-fifth of its formerly
   top-only slack. Four proportional shares remain above and one sits below;
   the heading and fixed-height evidence field retain their exact geometry. */
@media (hover: hover) and (pointer: fine) {
  html[data-experience="native-stack"] .native-section02-plate--science > .section02-scene {
    grid-template-rows:
      minmax(0, 4fr)
      auto
      minmax(0, 24rem)
      minmax(0, 1fr);
    align-content: stretch;
  }

  html[data-experience="native-stack"] .native-section02-plate--science .section02-science-library-heading {
    grid-row: 2;
  }

  html[data-experience="native-stack"] .native-section02-plate--science .section02-science-explorer {
    grid-row: 3;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(
    a[href],
    button:not(:disabled),
    summary,
    label[for],
    label:has(input:not([type="hidden"])),
    input:not([type="hidden"]),
    textarea,
    select,
    [role="button"],
    [tabindex]:not([tabindex="-1"])
  ) {
    transition: none;
  }
}