/* Quantonomous black starfield, white prose and green accents, local visual candidate 2026-10-15.
   Visual overlay with one narrow scene-clearance fix. Content, behavior and artwork are retained.
   Forced colors and printing continue to use the preceding accessible styles. */
@media screen and (forced-colors: none) {
  :root {
    --bg: #000000;
    --surface: #080a0b;
    --ink: #f4f7f5;
    --muted: #e0e6e2;
    --mint: #8cff69;
    --line: #304036;
    --brand-elevated: #101213;
    --brand-bright: #b5ff9a;
    --brand-caption: #adcbb5;
    --brand-outline: #526c5a;
  }

  body { background: var(--bg); color: var(--ink); }
  ::selection { background: #8cff69; color: #000000; }
  .demo-atmosphere {
    background-color: #000;
    background-image:
      radial-gradient(circle,rgba(255,255,255,.72) .65px,transparent 1.2px),
      radial-gradient(circle,rgba(255,255,255,.5) .7px,transparent 1.3px),
      radial-gradient(circle,rgba(255,255,255,.3) .5px,transparent 1.1px),
      radial-gradient(circle,rgba(255,255,255,.22) .6px,transparent 1.2px),
      linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.98) 72%),url("q-scene-continuity.webp");
    background-size: 173px 199px,263px 307px,349px 271px,431px 389px,cover,cover;
    background-position: 17px 29px,91px 153px,171px 83px,311px 207px,center top,center top;
    background-repeat: repeat,repeat,repeat,repeat,no-repeat,no-repeat;
  }
  .demo-atmosphere::after { background: radial-gradient(ellipse at 76% 18%,rgba(140,255,105,.035),transparent 53%); }
  .demo-atmosphere-glow { filter: grayscale(1); opacity: .055; }
  .demo-orbit { border-color: rgba(140,255,105,.18); }
  .demo-orbit-two { border-color: rgba(140,255,105,.11); }
  .site-header {
    background: rgba(3,4,5,.94);
    border-color: rgba(125,160,137,.25);
    box-shadow: inset 0 1px 0 rgba(237,247,239,.06),0 16px 44px rgba(0,0,0,.35);
  }
  .brand > img { filter: drop-shadow(0 0 13px rgba(140,255,105,.16)); }
  .small-mark { border-color: rgba(140,255,105,.5); }
  .wordmark-category, .primary-nav > .private-demo-entry { color: var(--mint); }
  .primary-nav > .private-demo-entry { border-bottom-color: rgba(140,255,105,.4); }
  .primary-nav > .private-demo-entry:hover { color: var(--brand-bright); border-bottom-color: var(--brand-bright); }
  .menu-toggle { background: var(--surface); border-color: #526c5a; }
  .hero { background: radial-gradient(ellipse at 65% 47%,rgba(255,255,255,.018),transparent 62%); }
  .scene-light { background: radial-gradient(ellipse at 18% 78%,rgba(255,255,255,.025),transparent 64%); }
  .scene-environment { filter: grayscale(1); opacity: .6; }
  /* Intersect both edge fades. The former additive bottom mask restored a
     rectangular strip under the platform; the platform itself remains here. */
  .hero-scene > .q-art > .q-subject {
    mix-blend-mode: screen;
    filter: hue-rotate(-35deg) saturate(.62) contrast(1.24) brightness(.94);
    -webkit-mask-image: linear-gradient(to right,transparent 0%,#000 10%,#000 90%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 5%,#000 92%,transparent 100%);
    -webkit-mask-composite: source-in;
    mask-image: linear-gradient(to right,transparent 0%,#000 10%,#000 90%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 5%,#000 92%,transparent 100%);
    mask-composite: intersect;
  }
  .hero-scene > .q-art > .q-floor-join {
    mix-blend-mode: screen;
    filter: hue-rotate(-35deg) saturate(.62) contrast(1.24) brightness(.94);
    opacity: .12;
    -webkit-mask-image: radial-gradient(ellipse at 50% 0%,rgba(0,0,0,.7),transparent 72%);
    mask-image: radial-gradient(ellipse at 50% 0%,rgba(0,0,0,.7),transparent 72%);
  }
  .hero-scene > .q-art::before { border-color: rgba(140,255,105,.12); border-top-color: rgba(181,255,154,.32); border-right-color: rgba(140,255,105,.14); filter: drop-shadow(0 0 4px rgba(140,255,105,.1)); }
  .hero-scene > .q-art::after { border-color: rgba(140,255,105,.1); border-top-color: rgba(181,255,154,.24); border-left-color: rgba(140,255,105,.16); }
  .scene-overline, .scene-tagline, .hero-qualification, .hero-bridge, .benefits-note { color: var(--muted); }
  .scene-overline, .scene-tagline { color: var(--mint); }
  .hero-bridge { border-top-color: var(--line); }
  .value-principles .icon, .industry-grid .icon { color: #c2d7c8; }
  :where(.hero-scene > .concept-cards) > .glass-card {
    background: linear-gradient(145deg,rgba(16,18,19,.8),rgba(8,10,11,.84));
    color: var(--ink); border-color: rgba(125,160,137,.3);
    box-shadow: inset 0 1px 0 rgba(181,255,154,.09),0 7px 18px rgba(0,0,0,.3);
  }
  :where(.hero-scene > .concept-cards) > .glass-card:hover { border-color: var(--mint); background-color: var(--brand-elevated); }
  .glass-card > .icon { color: var(--mint); }
  .glass-card > span > span { color: var(--muted); }
  .signal-spine { border-color: rgba(140,255,105,.5); }
  .signal-spine::before, .signal-spine i { background: var(--mint); }

  .new-section { background: linear-gradient(180deg,rgba(0,0,0,.72),rgba(8,10,11,.78)); border-top-color: var(--line); }
  .evidence-thread, #workflow-fit { background: rgba(8,10,11,.88); border-color: var(--line); }
  .cmv-context { background: linear-gradient(120deg,rgba(16,18,19,.86),rgba(0,0,0,.78)); }
  .business, .impact, .closing, .preview-footer, .proof-showcase { background: rgba(0,0,0,.82); }
  .glass-panel, .sequence-panel, .outcomes-panel, .access-card { background: linear-gradient(145deg,rgba(16,18,19,.72),rgba(3,4,5,.84)); border-color: rgba(125,160,137,.25); box-shadow: inset 0 1px 0 rgba(255,255,255,.04),0 15px 48px rgba(0,0,0,.18); }
  .section-kicker, .impact .section-kicker, .moment-number, .timeline-arrow, .source-questions dt, .text-button { color: var(--mint); }
  .product-number { color: var(--mint) !important; }
  .product-choice h3 { color: var(--mint); }
  .scope-note { color: var(--muted) !important; }
  .new-section p, .source-questions dd, .industry-grid li, .quiet-note, .footer-inner, .correction-timeline span:not(.timeline-arrow), .result-pair dt { color: var(--muted); }
  .new-section .section-kicker, .new-section .moment-number { color: var(--mint); }
  .text-button:hover { color: var(--brand-bright); }
  .thread-link, .journey-moment, .source-questions > div { border-color: var(--line); }
  .thread-link { color: var(--ink); }
  .thread-links li:not(:last-child) .thread-link::after { color: var(--mint); }
  .thread-links .thread-link:hover { background: rgba(140,255,105,.05); }
  .sequence-list li:not(:last-child)::after { background: linear-gradient(rgba(140,255,105,.75),#304036); }
  .step-icon { background: var(--brand-elevated); border-color: #526c5a; color: var(--mint); }
  .step-icon.stop { color: #ff8280; }
  .preview-detail > summary { color: var(--ink); }
  .primary, #merkle-dialog .mv-actions button { color: var(--ink); background: rgba(0,0,0,.72); border-color: var(--mint); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
  .primary:hover, #merkle-dialog .mv-actions button:hover:not(:disabled) { color: var(--ink); background: rgba(8,10,11,.9); border-color: var(--brand-bright); box-shadow: 0 0 18px rgba(140,255,105,.12); }
  .secondary, .outline, .hero-actions .private-demo-hero { color: var(--ink); background: var(--surface); border-color: #526c5a; }
  .outline, .hero-actions .private-demo-hero { color: var(--mint); }
  .secondary:hover, .outline:hover, .hero-actions .private-demo-hero:hover { background: var(--brand-elevated); color: var(--brand-bright); border-color: var(--mint); }
  .private-demo-note { background: linear-gradient(130deg,rgba(16,18,19,.8),rgba(0,0,0,.82)); border-color: var(--line); color: var(--muted); }
  .private-demo-note p { color: var(--muted); }
  .private-demo-note strong, .private-demo-note a { color: var(--mint); }
  .private-demo-note h2, .private-demo-note h3 { color: var(--ink); }
  #workflow-fit .wf-intro>p, #workflow-fit .wf-rules, #workflow-fit .wf-caption, #workflow-fit .wf-support { color: var(--muted); }
  #workflow-fit .wf-model-label, #workflow-fit .wf-rules-label, #workflow-fit .wf-input-arrow, #workflow-fit .wf-step:not(:last-child)::after { color: var(--mint); }
  #workflow-fit .wf-step { color: var(--ink); border-top-color: var(--line); }
  #workflow-fit .wf-step--check { color: var(--mint); border-top-color: var(--mint); }

  .qstory { --qs-mint: #8cff69; --qs-ink: #f4f7f5; --qs-muted: #e0e6e2; --qs-line: #304036; }
  .qstory-step-link, .qstory-variant, .qstory-control { background: var(--surface); }
  .qstory-step-link:hover, .qstory-step-link[aria-current="step"], .qstory-variant[aria-pressed="true"], .qstory-control:hover:not(:disabled) { background: #151819; border-color: var(--mint); }
  .qstory-card { background: linear-gradient(135deg,rgba(16,18,19,.86),rgba(3,4,5,.92)); }
  .qstory-context { background: rgba(0,0,0,.35); }
  .qstory-fact:not(.qstory-fact--attention) { background: rgba(0,0,0,.35); }
  .qstory-fact--supported { border-color: #526c5a; }
  .qstory .qstory-small-label, .qstory .qstory-step-count, .qstory .qstory-disclosure-label { color: var(--mint); }
  .qstory .qstory-question, .qstory .qstory-fact-value { color: var(--ink); }
  .qstory .qstory-fact--supported .qstory-fact-value { color: var(--mint); }
  .qstory .qstory-fact--attention .qstory-fact-value { color: var(--qs-amber); }

  .info-dialog, #contact-dialog, #merkle-dialog { color: var(--ink); background: radial-gradient(ellipse at 15% 0%,#151819,#080a0b 55%,#000000); border-color: #526c5a; }
  .info-dialog::backdrop, #contact-dialog::backdrop, #merkle-dialog::backdrop { background: rgba(3,5,4,.86); }
  .dialog-close, #contact-dialog .contact-close { color: var(--muted); }
  .dialog-close:hover, #contact-dialog .contact-close:hover { color: var(--brand-bright); }
  #dialog-body, #info-dialog[data-walkthrough="active"] #walkthrough-step-copy,
  #info-dialog[data-walkthrough="active"] .example-record-distinction,
  #info-dialog[data-engagement="active"] .engagement-intro,
  #info-dialog[data-engagement="active"] .engagement-sections p,
  #info-dialog[data-product="active"] .product-lead,
  #info-dialog[data-product="active"] .product-fit p,
  #info-dialog[data-solutions="active"] .solutions-lead,
  #info-dialog[data-solutions="active"] .solutions-sections p,
  #info-dialog[data-solutions="active"] .solutions-closing,
  #info-dialog[data-company="active"] .company-intro,
  #info-dialog[data-company="active"] .company-sections p { color: var(--muted); }
  #info-dialog[data-walkthrough="active"] #dialog-body,
  #info-dialog[data-walkthrough="active"] .walkthrough-card,
  #info-dialog[data-walkthrough="active"] .example-record-limit { background: var(--surface); color: var(--muted); border-color: var(--line); }
  #info-dialog[data-walkthrough="active"] .walkthrough-steps li { border-color: var(--line); }
  #info-dialog[data-walkthrough="active"] .walkthrough-steps [aria-current="step"] { border-color: var(--mint); background: #151819; color: var(--ink); }
  #info-dialog[data-walkthrough="active"] .example-record-fields dt,
  #info-dialog[data-solutions="active"] .solutions-question > span { color: var(--mint); }
  #info-dialog[data-walkthrough="active"] .example-record-fields dd { color: var(--ink); }
  #info-dialog[data-walkthrough="active"] .walkthrough-controls .button:disabled { background: var(--surface); color: var(--muted); border-color: var(--line); }
  .noscript-note { background: var(--surface); color: var(--muted); }
  #contact-dialog .contact-toolbar, #merkle-dialog .mv-top { background: var(--surface); border-color: var(--line); }
  #contact-dialog .contact-intro, #contact-dialog label span, #contact-dialog .contact-note, #contact-status, #contact-dialog .contact-email { color: var(--muted); }
  #contact-dialog label { color: var(--ink); }
  #contact-dialog input, #contact-dialog textarea { background: var(--bg); color: var(--ink); border-color: #526c5a; caret-color: var(--mint); }
  #contact-dialog input::placeholder, #contact-dialog textarea::placeholder { color: #8ca493; }
  #contact-dialog .contact-email { border-color: var(--line); }
  #contact-dialog .contact-email a { color: var(--mint); }
  .merkle-entry button { border-color: #526c5a; color: var(--mint); }
  .merkle-entry button:hover { background: var(--brand-elevated); }
  .merkle-entry p { color: var(--muted); }
  #merkle-dialog .mv-tag, #merkle-dialog dt { color: var(--mint); }
  #merkle-dialog .mv-close, #merkle-dialog .mv-actions .mv-restore { background: var(--surface); color: var(--ink); border-color: #526c5a; }
  #merkle-dialog .mv-intro, #merkle-dialog .mv-guide, #merkle-dialog .mv-leaf span, #merkle-dialog .mv-leaf code, #merkle-dialog .mv-selection small, #merkle-dialog details, #merkle-dialog .mv-limit { color: var(--muted); }
  #merkle-dialog .mv-leaf { background: var(--surface); color: var(--ink); border-color: var(--line); }
  #merkle-dialog .mv-leaf[aria-pressed="true"] { background: #151819; border-color: var(--mint); box-shadow: inset 0 0 0 1px rgba(140,255,105,.18); }
  #merkle-dialog .mv-connect path { stroke: var(--line); }
  #merkle-dialog .mv-connect path[data-active="true"] { stroke: var(--mint); }
  #merkle-dialog .mv-branch { background: var(--surface); border-color: var(--line); color: var(--muted); }
  #merkle-dialog .mv-branch[data-active="true"] { border-color: var(--mint); color: var(--brand-bright); }
  #merkle-dialog .mv-root:not([data-changed="true"]) { background: #151819; border-color: var(--mint); }
  #merkle-dialog .mv-root:not([data-changed="true"]) span { color: var(--brand-bright); }
  #merkle-dialog .mv-result:not([data-changed="true"]) { color: var(--mint); }
  #merkle-dialog .mv-selection, #merkle-dialog details { border-top-color: var(--line); }
  #merkle-dialog .mv-selection p { color: var(--ink); }
  /* A changed record retains its amber meaning, including when selected. */
  #merkle-dialog .mv-leaf[data-changed="true"] { border-color: #efb976; }
  #merkle-dialog .mv-leaf[data-changed="true"] span { color: #f4c696; }

  .access-head p, .access-card p, .access-state p, .access-footer { color: var(--muted); }
  .access-card small, .access-head .access-lock { color: var(--mint); }
  .access-state { background: var(--brand-elevated); border-color: #526c5a; }
  .proof-showcase .proof-showcase-notice, .proof-showcase .proof-showcase-integrity, .proof-showcase .proof-showcase-image-frame { background: var(--surface); color: var(--muted); border-color: #526c5a; }
  .proof-showcase .proof-showcase-notice .proof-showcase-mode, .proof-showcase .proof-showcase-record-fields dt, .proof-showcase .proof-showcase-about summary { color: var(--mint); }
  .proof-showcase .proof-showcase-image-label, .proof-showcase .proof-showcase-record-subtitle, .proof-showcase .proof-showcase-media figcaption { color: var(--muted); }
  .proof-showcase .proof-showcase-pair h3 { border-color: var(--line); }
  :where(a,button,summary):focus-visible,
  .qstory :is(a,button,summary):focus-visible,
  #contact-dialog input:focus-visible, #contact-dialog textarea:focus-visible,
  #contact-dialog button:focus-visible, #contact-dialog a:focus-visible,
  #merkle-dialog button:focus-visible, .merkle-entry button:focus-visible,
  #merkle-dialog summary:focus-visible { outline-color: var(--brand-bright); }

  /* Keep neon concentrated on the identity, product names and chosen actions.
     Supporting labels and inactive paths use a quieter green-gray. */
  .wordmark-category, .premise, .section-kicker, .impact .section-kicker,
  .scene-overline, .scene-tagline, .scene-number, .moment-number,
  .new-section .section-kicker, .new-section .moment-number,
  .timeline-arrow, .source-questions dt,
  #workflow-fit .wf-model-label, #workflow-fit .wf-rules-label,
  #workflow-fit .wf-input-arrow, #workflow-fit .wf-step:not(:last-child)::after,
  .access-card small, .access-head .access-lock,
  .qstory .qstory-small-label, .qstory .qstory-step-count,
  .qstory .qstory-disclosure-label, .qstory .qstory-step-link > span:first-child,
  .qstory-file-roles dt,
  #merkle-dialog .mv-tag, #merkle-dialog dt,
  .proof-showcase .proof-showcase-notice .proof-showcase-mode,
  .proof-showcase .proof-showcase-record-fields dt,
  #info-dialog[data-walkthrough="active"] .example-record-fields dt,
  #info-dialog[data-solutions="active"] .solutions-question > span { color: var(--brand-caption); }
  .product-number { color: var(--brand-caption) !important; }
  .product-choice h3 { color: var(--mint); }
  .text-button, .outline, .hero-actions .private-demo-hero,
  .primary-nav > .private-demo-entry, .merkle-entry button { color: var(--ink); }
  .outline, .hero-actions .private-demo-hero, .merkle-entry button { border-color: var(--brand-outline); }
  .primary-nav > .private-demo-entry { border-bottom-color: var(--brand-outline); }
  .text-button:hover, .outline:hover, .hero-actions .private-demo-hero:hover,
  .primary-nav > .private-demo-entry:hover, .merkle-entry button:hover { color: var(--mint); border-color: var(--mint); }
  .glass-card > .icon, .thread-links li:not(:last-child) .thread-link::after { color: var(--brand-caption); }
  .signal-spine { border-color: rgba(125,160,137,.35); }
  .signal-spine::before, .signal-spine i { background: var(--brand-caption); }
}

/* Major boxes share one fine neon trim. Internal dividers, controls and
   amber/red evidence states keep their existing visual hierarchy. */
@media screen and (forced-colors: none) {
  .glass-panel,
  .product-choice.glass-panel,
  .hero-scene > .concept-cards > .glass-card,
  .sequence-panel,
  .outcomes-panel,
  .access-card,
  .qstory-card { border-color: #8cff69; }
}

/* Between the stacked and compact layouts the Q remains absolutely positioned.
   Reserve its scaled height so the platform stays above the following text. */
@media screen and (min-width: 561px) and (max-width: 720px) {
  .hero-scene { aspect-ratio: 1.3; }
}

/* Night-green header, forest-green headings and a larger undistorted mark. */
@media screen and (forced-colors: none) {
  .site-header {
    background: #071d14;
    border: 1px solid #8cff69;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04),0 12px 32px rgba(0,0,0,.3);
  }
  .brand > img {
    width: 64px;
    height: auto;
    flex: 0 0 64px;
    object-fit: contain;
    filter: none;
  }
  main h2, .new-section h2, .section-heading h2,
  #workflow-fit h2, .impact h2, .business h2, .closing h2,
  .access-head h1 { color: #9bd1ac; }
}
@media screen and (max-width: 720px) {
  .brand > img { width: 52px; height: auto; flex-basis: 52px; }
}
@media screen and (max-width: 360px) {
  .brand > img { width: 48px; height: auto; flex-basis: 48px; }
}

/* Local enterprise visual refinement. A black night sky with green above it. */
@media screen and (forced-colors: none) {
  :root {
    --enterprise-panel: #070a09;
    --enterprise-line: #263d32;
    --enterprise-soft: #b4d6c1;
    --mint: #95f278;
    --ink: #f5f7f5;
    --muted: #c5d0c9;
  }
  body { background: #000; }
  .shell { width: min(1200px,calc(100% - 80px)); }
  .demo-atmosphere { background-color: #000; }
  .demo-atmosphere::after { background: none; }
  .demo-atmosphere-glow { display: none; }
  .demo-orbit { border-color: rgba(135,219,148,.12); }
  .demo-orbit-two { border-color: rgba(135,219,148,.08); }
  .scene-light { background: none; opacity: .17; }
  .scene-environment { filter: grayscale(1); opacity: .38; }
  .hero { background: transparent; border-bottom: 0; }
  .site-header {
    width: min(1280px,calc(100% - 40px));
    top: 16px;
    border: 1px solid rgba(143,243,119,.48);
    border-radius: 12px;
    background: rgba(5,20,12,.95);
    box-shadow: 0 12px 36px rgba(0,0,0,.44),inset 0 1px 0 rgba(218,255,215,.04);
    backdrop-filter: blur(18px);
  }
  .header-inner { width: calc(100% - 40px); min-height: 78px; gap: 24px; padding-block: 0; }
  .brand { gap: 12px; }
  .brand > img { width: 74px; height: auto; flex-basis: 74px; }
  .wordmark-name { font-size: 17px; letter-spacing: .08em; font-weight: 700; }
  .wordmark-category { color: #98b7a1; font-size: 6.8px; letter-spacing: .19em; margin-top: 5px; }
  .primary-nav { gap: 23px; }
  .primary-nav .mobile-contact { display: none; }
  .primary-nav a { color: #dce7df; font-size: 12px; font-weight: 500; }
  .primary-nav a:hover { color: #a5f38d; }
  .primary-nav > .private-demo-entry { border-bottom: 0; color: #a9c5b1; }
  .header-cta { min-height: 42px; padding: 10px 16px; border-radius: 6px; font-size: 12px; white-space: nowrap; }
  .button { border-radius: 6px; font-weight: 600; }
  .button.primary { border-color: #90e875; background: #050a06; color: #eaffdf; }
  .button.primary:hover { background: #101b10; border-color: #b5ff9a; }
  .button.secondary { background: rgba(3,6,4,.65); border-color: #3a5141; color: #e4eee7; }
  .hero-layout {
    display: grid;
    grid-template-columns: minmax(0,1.12fr) minmax(0,1fr);
    grid-template-areas: "copy scene" "benefits benefits";
    min-height: 0;
    align-items: center;
    column-gap: 42px;
    padding-block: 78px 32px;
  }
  .hero-copy { padding: 0; max-width: 680px; }
  .premise { font-size: 10px; font-weight: 600; letter-spacing: .18em; color: #a7c8b0; margin: 0 0 28px; }
  .hero h1 { font-size: clamp(46px,4.6vw,64px); font-weight: 600; letter-spacing: -.052em; line-height: 1.08; text-wrap: balance; }
  .hero h1 > span { display: block; }
  .hero h1 .mint { margin-top: 7px; color: #a1ed8d; }
  .hero-description { font-size: 17px; line-height: 1.85; color: #d4dfd7; max-width: 540px; margin: 26px 0 30px; }
  .hero-actions.merkle-entry { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; }
  .hero-actions .button { min-height: 49px; padding: 13px 18px; font-size: 13px; line-height: 1.4; gap: 10px; }
  .hero-actions #merkle-open { border: 1px solid #95f278; border-radius: 6px; color: #dfffcf; background: #050a06; box-shadow: inset 0 1px 0 rgba(179,255,150,.08); }
  .hero-actions #merkle-open:hover { background: #111b0f; border-color: #b5ff9a; }
  .hero-actions #merkle-open svg { width: 22px; height: 22px; }
  .hero-proof-note { color: #a6b8ab; font-size: 11px; line-height: 1.7; margin: 12px 0 0; }
  .hero-qualification { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; margin: 26px 0 0; color: #93a79a; font-size: 11px; line-height: 1.7; }
  .hero-qualification a { color: #c9e0cd; text-decoration: underline; text-decoration-color: #55705d; text-underline-offset: 4px; }
  .hero-qualification a:hover { color: #a1ed8d; }
  .hero-scene { display: flex; flex-direction: column; align-items: center; align-self: center; position: relative; width: 100%; min-height: 0; aspect-ratio: auto; margin: 0; gap: 0; }
  .scene-overline { position: static; margin: 0 0 -18px; width: 100%; font-size: 9px; letter-spacing: .25em; text-align: center; color: #97c4a5; }
  .hero-scene > .q-art { position: relative; inset: auto; width: min(100%,430px); height: auto; aspect-ratio: 430 / 422; }
  .hero-scene > .q-art > .q-subject { width: 100%; height: auto; filter: hue-rotate(-35deg) saturate(.54) contrast(1.33) brightness(.98); }
  .hero-scene > .q-art > .q-floor-join { display: none; }
  .hero-scene > .q-art::before, .hero-scene > .q-art::after { width: 90%; left: 5%; height: 36%; top: 24%; }
  .hero-scene > .q-art::before { opacity: .8; }
  .hero-scene > .q-art::after { opacity: .6; }
  .hero-scene .stage-floor, .hero-scene .signal-spine { display: none; }
  .hero-scene > .concept-cards { position: relative; inset: auto; width: 100%; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: -7px; }
  .hero-scene > .concept-cards > .glass-card { display: block; min-height: 100px; padding: 17px 15px; border: 1px solid #426d45; border-top-color: #8fe773; border-radius: 7px; background: rgba(3,6,4,.8); box-shadow: none; }
  .hero-scene > .concept-cards > .glass-card:hover { border-color: #95f278; background: rgba(13,20,14,.94); }
  .glass-card .scene-number { display: inline; margin: 0 7px 0 0; color: #93d58e; font-size: 10px; font-weight: 500; }
  .glass-card > span:nth-child(2) { display: contents; }
  .glass-card strong { display: inline; font-size: 10px; font-weight: 600; letter-spacing: .09em; }
  .glass-card > span > span { display: block; margin-top: 10px; font-size: 11px; line-height: 1.6; color: #b9cbbf; }
  .scene-tagline { position: static; text-align: center; color: #7b9b86; font-size: 8px; letter-spacing: .22em; margin: 20px 0 0; }
  .hero-benefits { width: 100%; align-self: stretch; padding-top: 50px; }
  .hero-bridge { max-width: none; width: 100%; margin: 0; padding: 22px 0 18px; border-top: 1px solid #284433; color: #8faf9b; font-size: 9px; letter-spacing: .2em; font-weight: 600; }
  .hero-capabilities { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
  .hero-capabilities li { display: flex; align-items: center; gap: 12px; color: #d6e4da; font-size: 13px; line-height: 1.6; }
  .hero-capabilities li > span { color: #8ed17d; font-size: 10px; font-variant-numeric: tabular-nums; }
  .access-head h1 { color: #b4d6c1; }
  .access-card { background: rgba(3,6,4,.92); border-color: #52804b; border-radius: 10px; }
  .access-state { background: #080d0a; }
}
@media screen and (min-width:961px) and (max-width:1140px) {
  .header-inner { gap: 16px; width: calc(100% - 32px); }
  .brand { gap: 8px; }
  .wordmark-name { font-size: 14px; }
  .wordmark-category { font-size: 5.8px; }
  .brand > img { width: 64px; flex-basis: 64px; }
  .primary-nav { gap: 14px; }
  .primary-nav a { font-size: 11px; }
  .hero-layout { column-gap: 24px; padding-top: 64px; }
  .hero-description { font-size: 16px; }
  .hero-actions .button { font-size: 12px; padding-inline: 13px; }
}
@media screen and (max-width:960px) {
  .primary-nav .mobile-contact { display: inline-flex; color: #b5efab; }
  .site-header { top: 12px; width: calc(100% - 32px); }
  .header-inner { width: calc(100% - 32px); gap: 8px 16px; padding-block: 8px; min-height: 68px; }
  .brand > img { width: 67px; flex-basis: 67px; }
  .menu-toggle { border-radius: 5px; background: #07130b; border-color: #4d7950; color: #e2eee5; }
  .hero-layout { display: flex; flex-direction: column; padding-top: 56px; padding-bottom: 28px; gap: 0; }
  .hero-copy { max-width: 740px; width: 100%; }
  .hero h1 { font-size: clamp(42px,6.9vw,64px); }
  .hero-description { max-width: 620px; }
  .hero-scene { width: min(100%,620px); margin: 48px auto 0; }
  .scene-overline { margin-bottom: -12px; }
  .hero-scene > .q-art { width: min(88%,430px); }
  .hero-scene > .concept-cards { gap: 14px; }
  .hero-scene > .concept-cards > .glass-card { min-height: 100px; }
  .hero-benefits { padding-top: 38px; }
  .hero-capabilities { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 24px; }
}
@media screen and (max-width:560px) {
  .shell { width: calc(100% - 40px); }
  .site-header { width: calc(100% - 24px); top: 10px; border-radius: 9px; }
  .header-inner { width: calc(100% - 24px); min-height: 66px; gap: 8px; }
  .brand { gap: 9px; }
  .brand > img { width: 61px; flex-basis: 61px; }
  .wordmark-name { font-size: 13px; letter-spacing: .055em; }
  .wordmark-category { font-size: 5.3px; letter-spacing: .12em; }
  .hero-layout { padding-top: 44px; }
  .premise { font-size: 8px; letter-spacing: .14em; margin-bottom: 22px; }
  .hero h1 { font-size: clamp(34px,8.65vw,47px); letter-spacing: -.047em; line-height: 1.12; }
  .hero h1 .mint { margin-top: 5px; }
  .hero-description { margin: 22px 0 24px; font-size: 15px; line-height: 1.85; }
  .hero-actions.merkle-entry { gap: 10px; }
  .hero-actions .button { width: 100%; justify-content: center; min-height: 48px; font-size: 13px; }
  .hero-proof-note { font-size: 10px; }
  .hero-qualification { margin-top: 22px; gap: 7px; font-size: 10px; }
  .hero-qualification span:last-child { width: 100%; }
  .hero-scene { margin-top: 38px; }
  .hero-scene > .q-art { width: 100%; }
  .hero-scene > .q-art::before, .hero-scene > .q-art::after { width: 90%; left: 5%; height: 36%; top: 24%; }
  .scene-overline { font-size: 8px; margin-bottom: -8px; }
  .hero-scene > .concept-cards { gap: 8px; margin-top: 0; }
  .hero-scene > .concept-cards > .glass-card { padding: 13px 9px; min-height: 112px; }
  .glass-card .scene-number { display: block; font-size: 9px; margin-bottom: 7px; }
  .glass-card strong { font-size: 9px; }
  .glass-card > span > span { margin-top: 8px; font-size: 10px; }
  .scene-tagline { margin-top: 18px; font-size: 7px; }
  .hero-capabilities { gap: 16px; }
  .hero-capabilities li { font-size: 11px; align-items: start; gap: 8px; }
}
@media screen and (max-width:360px) {
  .brand > img { width: 54px; flex-basis: 54px; }
  .wordmark-name { font-size: 11px; }
  .wordmark-category { font-size: 4.6px; }
  .brand { gap: 6px; }
  .hero h1 { font-size: 32px; }
  .hero-scene > .concept-cards > .glass-card { padding-inline: 7px; }
}

/* Quantonomous enterprise section refinement, 2026-10-15.
   Append after the current brand theme. Uses existing markup and functional IDs.
   Header, hero, dialogs, scripts and data are outside this section stylesheet.
   Black starfield remains visible; green is an accent above the black surface. */
@media screen and (forced-colors: none) {
  :is(#workflow-fit,#products,.evidence-thread,#compliance,#evidence-story,#cmv,#impact,#action-security,#company,#preview-status) > .shell {
    width: min(1200px,calc(100% - 80px));
    max-width: 1200px;
    margin-inline: auto;
  }
  :is(#products,.evidence-thread,#compliance,#evidence-story,#cmv) {
    padding-block: 88px;
    border-top-color: var(--enterprise-line,#263d32);
    background: rgba(2,5,4,.48);
  }
  #products, #evidence-story { background: rgba(0,0,0,.3); }
  :is(#products,.evidence-thread,#compliance,#evidence-story,#cmv) h2 {
    max-width: 820px;
    margin: 12px 0 28px;
    color: var(--enterprise-soft,#b4d6c1);
    font-size: clamp(30px,3.25vw,46px);
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -.035em;
    text-wrap: balance;
  }
  :is(#products,.evidence-thread,#compliance,#evidence-story,#cmv) h3 {
    color: #e9f1ec;
    font-weight: 600;
    line-height: 1.24;
    letter-spacing: -.025em;
  }
  :is(#products,.evidence-thread,#compliance,#evidence-story,#cmv) p {
    color: #dce5df;
    line-height: 1.75;
  }
  :is(#products,.evidence-thread,#compliance,#evidence-story,#cmv,#action-security,#company) .section-kicker {
    color: #9ebba8;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .18em;
    line-height: 1.6;
  }
  :is(#products,#compliance) .glass-panel {
    background: linear-gradient(145deg,rgba(10,14,12,.94),rgba(4,7,5,.9));
    border: 1px solid var(--enterprise-line,#263d32);
    border-radius: 10px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  }
  :is(#products,.evidence-thread,#compliance,#evidence-story,#cmv,#action-security,#company) .button {
    border-radius: 6px;
    min-height: 48px;
    font-size: 14px;
    padding-inline: 20px;
  }
  :is(#products,.evidence-thread,#compliance,#evidence-story,#cmv,#action-security,#company) .text-button {
    font-size: 14px;
    line-height: 1.5;
  }
  :is(#products,.evidence-thread,#compliance,#evidence-story,#cmv) .section-note {
    max-width: 900px;
    margin-top: 26px;
    font-size: 13px;
    color: #b5c7bc;
  }

  /* A compact context strip bridges the hero and the product offering. */
  #workflow-fit {
    padding-block: 40px 38px;
    background: rgba(2,5,4,.66);
    border-color: var(--enterprise-line,#263d32);
  }
  #workflow-fit .wf-intro { grid-template-columns: .9fr 1.1fr; gap: 64px; }
  #workflow-fit h2 { font-size: clamp(24px,2.35vw,30px); line-height: 1.25; letter-spacing: -.025em; color: var(--enterprise-soft,#b4d6c1); }
  #workflow-fit .wf-intro > p { color: #dce5df; font-size: 15px; line-height: 1.75; }
  #workflow-fit .wf-model-label { margin-top: 28px; font-size: 10px; color: #9ebba8; letter-spacing: .16em; }
  #workflow-fit .wf-step { min-height: 58px; padding-top: 14px; font-size: 13px; color: #e9f1ec; border-top-color: #344c3d; }
  #workflow-fit .wf-step--check { border-top-color: #8cff69; color: #d9eedb; }
  #workflow-fit .wf-rules, #workflow-fit .wf-caption, #workflow-fit .wf-support { color: #b5c7bc; font-size: 12px; }
  #workflow-fit .wf-rules-label { color: #9ebba8; font-size: 9px; }
  #workflow-fit .wf-support { gap: 8px 28px; margin-top: 14px; }

  /* Two parallel product cards carry the strongest accent. */
  #products .product-pair { gap: 24px; margin-top: 34px; }
  #products .product-choice {
    min-height: 320px;
    padding: 34px 36px 28px;
    border-top: 2px solid rgba(140,255,105,.7);
    background: linear-gradient(145deg,rgba(10,14,12,.96),rgba(3,6,4,.94));
  }
  #products .product-choice h3 { color: #8cff69; margin: 22px 0 18px; font-size: clamp(25px,2.3vw,31px); line-height: 1.2; max-width: 440px; }
  #products .product-choice > p:not(.product-number):not(.scope-note) { max-width: 460px; font-size: 17px; line-height: 1.7; margin: 0 0 22px; }
  #products .product-number { color: #a7c5b1 !important; font-size: 10px; letter-spacing: .16em; }
  #products .scope-note { color: #b5c7bc !important; font-size: 12px; line-height: 1.65; margin-bottom: 22px; }
  #products .product-choice .text-button { color: #e8f4ec; min-height: 44px; padding-top: 0; text-decoration: underline; text-underline-offset: 5px; text-decoration-color: #597562; }
  #products .product-choice .text-button:hover { color: #8cff69; text-decoration-color: #8cff69; }

  /* Workflow links read as one clear horizontal sequence, then stack on phones. */
  .evidence-thread { padding-block: 64px; }
  .evidence-thread .section-heading { grid-template-columns: 1.1fr .9fr; gap: 72px; align-items: start; }
  .evidence-thread .section-heading h2 { font-size: clamp(29px,3vw,39px); margin-bottom: 18px; }
  .evidence-thread .section-heading > p { font-size: 16px; margin: 28px 0 0; max-width: 500px; }
  .evidence-thread .thread-links { gap: 18px; margin: 24px 0 22px; }
  .evidence-thread .thread-link { min-height: 58px; border-bottom-color: #395342; color: #e9f1ec; font-size: 15px; }
  .evidence-thread .thread-links li:not(:last-child) .thread-link::after { color: #9ebba8; padding-right: 3px; }
  .evidence-thread .thread-link:hover { background: rgba(140,255,105,.035); color: #8cff69; border-bottom-color: #8cff69; }

  /* Product detail uses one strong headline and light supporting boundaries. */
  #compliance .compliance-opening { grid-template-columns: 1.35fr .65fr; gap: 64px; margin-bottom: 56px; }
  #compliance .compliance-opening h2 { max-width: 750px; font-size: clamp(31px,3.35vw,46px); }
  #compliance .section-lead { max-width: 650px; font-size: 17px; line-height: 1.8; }
  #compliance .product-boundary { padding: 30px; align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
  #compliance .product-boundary .small-mark { width: 82px; height: auto; border: 0; border-radius: 0; }
  #compliance .product-category { font-size: 17px; line-height: 1.55; color: #e9f1ec; margin: 20px 0 12px; }
  #compliance .product-boundary .scope-note { margin: 0; color: #b5c7bc !important; }
  #compliance .journey-grid { gap: 28px; margin: 0 0 56px; }
  #compliance .journey-moment { padding-top: 22px; border-top-color: #395342; }
  #compliance .moment-number { font-size: 11px; color: #a7c5b1; font-variant-numeric: tabular-nums; }
  #compliance .journey-moment h3 { margin: 16px 0 12px; font-size: 21px; }
  #compliance .journey-moment p { font-size: 14px; line-height: 1.75; margin-bottom: 0; }
  #compliance .learning-pair { gap: 24px; }
  #compliance .learning-pair > .glass-panel { padding: 32px; }
  #compliance .learning-pair h3 { font-size: 25px; margin: 16px 0; }
  #compliance .learning-pair p { font-size: 15px; }
  #compliance .learning-pair .scope-note { font-size: 12px; }
  #compliance .correction-timeline { gap: 18px; margin-block: 28px; }
  #compliance .correction-timeline strong { font-size: 17px; line-height: 1.4; }
  #compliance .source-questions > div { border-color: var(--enterprise-line,#263d32); padding-block: 14px; }
  #compliance .source-questions dt { color: var(--enterprise-soft,#b4d6c1); font-size: 13px; }
  #compliance .source-questions dd { font-size: 14px; color: #dce5df; }

  /* Existing evidence navigation remains interactive and keeps state colors. */
  #evidence-story .qstory-header { max-width: 850px; margin-bottom: 34px; }
  #evidence-story .qstory-header h2 { font-size: clamp(31px,3.35vw,46px); }
  #evidence-story .qstory-header > p { font-size: 17px; color: #dce5df; max-width: 740px; }
  #evidence-story .qstory-small-label, #evidence-story .qstory-step-count, #evidence-story .qstory-disclosure-label { color: #9ebba8; }
  #evidence-story .qstory-navigation { gap: 8px; margin-bottom: 18px; }
  #evidence-story .qstory-step-link { min-height: 84px; padding: 15px 14px; border-radius: 8px; background: rgba(5,9,7,.86); border-color: var(--enterprise-line,#263d32); color: #dce5df; font-size: 13px; }
  #evidence-story .qstory-step-link > span:first-child { font-size: 10px; color: #9ebba8; }
  #evidence-story .qstory-step-link[aria-current="step"] { border-color: #739f6b; background: rgba(17,28,20,.92); color: #f0f7f1; box-shadow: inset 0 2px 0 #8cff69; }
  #evidence-story .qstory-step-link:hover { border-color: #8cff69; }
  #evidence-story .qstory-card { grid-template-columns: minmax(0,1fr) minmax(245px,.35fr); border-radius: 12px; border-color: #385442; background: rgba(7,10,9,.94); box-shadow: 0 16px 48px rgba(0,0,0,.16); }
  #evidence-story .qstory-main { padding: 34px; }
  #evidence-story .qstory-context { padding: 30px 24px; background: rgba(0,0,0,.25); border-color: var(--enterprise-line,#263d32); }
  #evidence-story .qstory-title { font-size: clamp(26px,2.65vw,34px); margin: 0 0 16px; color: #e9f1ec; }
  #evidence-story .qstory-question { color: #e9f1ec; font-size: 17px; line-height: 1.5; }
  #evidence-story .qstory-body { color: #dce5df; font-size: 16px; line-height: 1.8; }
  #evidence-story .qstory-fact { border-radius: 8px; padding: 18px; }
  #evidence-story .qstory-fact-label { color: #b5c7bc; font-size: 12px; }
  #evidence-story .qstory-fact-value { font-size: 17px; line-height: 1.4; color: #e9f1ec; }
  #evidence-story .qstory-fact--attention .qstory-fact-value { color: var(--qs-amber,#f6cb80); }
  #evidence-story .qstory-fact--supported .qstory-fact-value { color: #8cff69; }
  #evidence-story .qstory-definition > dd { font-size: 13px; line-height: 1.7; }
  #evidence-story .qstory-definition > dt { font-size: 11px; color: #a7c5b1; }
  #evidence-story .qstory-attention-note { font-size: 13px; line-height: 1.75; }
  #evidence-story .qstory-control, #evidence-story .qstory-variant { border-radius: 6px; padding: 11px 16px; font-size: 13px; }
  #evidence-story .qstory-return-links { margin-top: 25px; gap: 10px 28px; }
  #evidence-story .qstory-return-links > a { font-size: 14px; }

  #cmv { padding-block: 64px; }
  #cmv .section-heading { grid-template-columns: 1fr 1fr; gap: 72px; align-items: start; }
  #cmv h2 { font-size: clamp(29px,2.85vw,39px); margin-bottom: 0; }
  #cmv .section-heading > p { max-width: 560px; font-size: 16px; margin: 26px 0 0; line-height: 1.8; }
  #impact { padding-block: 36px 30px; background: rgba(2,5,4,.56); border-color: var(--enterprise-line,#263d32); }
  #impact .section-kicker { font-size: 10px; letter-spacing: .2em; color: #a7c5b1; }
  #impact .industry-grid { margin-top: 24px; }
  #impact .industry-grid li { font-size: 12px; color: #dce5df; line-height: 1.55; border-color: var(--enterprise-line,#263d32); }
  #impact .industry-grid .icon { color: #b4cabc; width: 25px; height: 28px; }
  #impact .application-note { color: #b5c7bc; font-size: 11px; margin-top: 22px; }
  #action-security { padding-block: 80px; background: rgba(0,0,0,.4); }
  #action-security .business-grid { grid-template-columns: 1.12fr 1fr 1fr; gap: 24px; }
  #action-security .problem { padding: 12px 20px 10px 0; }
  #action-security .problem h2 { font-size: clamp(28px,2.7vw,37px); margin: 18px 0 22px; line-height: 1.18; color: var(--enterprise-soft,#b4d6c1); }
  #action-security .problem > p:not(.section-kicker) { font-size: 15px; line-height: 1.8; color: #dce5df; }
  #action-security .sequence-panel, #action-security .outcomes-panel { padding: 28px; background: rgba(7,10,9,.94); border: 1px solid var(--enterprise-line,#263d32); border-radius: 10px; box-shadow: none; }
  #action-security .sequence-qualification, #action-security .quiet-note { color: #b5c7bc; font-size: 12px; line-height: 1.7; }
  #action-security .sequence-list { margin-top: 26px; }
  #action-security .sequence-list li { min-height: 86px; grid-template-columns: 38px minmax(0,1fr); gap: 14px; }
  #action-security .step-icon { width: 36px; height: 36px; }
  #action-security .sequence-list li:not(:last-child)::after { left: 17px; top: 39px; background: linear-gradient(#6b956e,#263d32); }
  #action-security .sequence-list h3 { font-size: 14px; color: #e9f1ec; margin: 1px 0 7px; line-height: 1.4; }
  #action-security .sequence-list p { font-size: 12px; color: #c7d6cc; line-height: 1.65; }
  #action-security .outcomes-panel h2 { font-size: 25px; color: var(--enterprise-soft,#b4d6c1); letter-spacing: -.025em; line-height: 1.2; }
  #action-security .outcomes-panel > p:not(.section-kicker):not(.quiet-note) { font-size: 15px; color: #dce5df; line-height: 1.8; }
  #action-security .outcome-metrics { grid-template-columns: 1fr; gap: 16px; margin-top: 26px; }
  #action-security .outcome-metrics > div + div { padding: 16px 0 0; border-left: 0; border-top: 1px solid var(--enterprise-line,#263d32); }
  #action-security .outcome-metrics strong { color: #c4e3c5; font-size: 20px; letter-spacing: -.02em; }
  #action-security .outcome-metrics > div > span { font-size: 12px; color: #c7d6cc; }

  #company { background: rgba(2,5,4,.62); border-top-color: var(--enterprise-line,#263d32); }
  /* Show the existing connected-world horizon in its own space beside the copy.
     Edge feathering blends the original image into the black night background. */
  #company .earth-art {
    z-index: 0;
    inset: auto auto 50% max(0px,calc((100% - 1200px)/2 - 40px));
    width: min(40vw,560px);
    max-width: none;
    transform: translateY(50%);
    opacity: .92;
    filter: hue-rotate(-30deg) saturate(.8) brightness(1.4) contrast(1.05);
    mix-blend-mode: screen;
    -webkit-mask-image: linear-gradient(to right,transparent 0%,#000 8%,#000 65%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 12%,#000 82%,transparent 100%);
    -webkit-mask-composite: source-in;
    mask-image: linear-gradient(to right,transparent 0%,#000 8%,#000 65%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 12%,#000 82%,transparent 100%);
    mask-composite: intersect;
  }
  #company .earth-art img { width: 100%; max-width: none; height: auto; }
  #company .closing-layout { position: relative; z-index: 1; min-height: 310px; padding: 64px 0 64px clamp(320px,31vw,430px); gap: 36px; }
  #company .closing-copy { max-width: 780px; }
  #company .closing-copy h2 { max-width: 760px; font-size: clamp(28px,3vw,40px); line-height: 1.2; letter-spacing: -.03em; color: var(--enterprise-soft,#b4d6c1); margin-top: 16px; }
  #company .closing-action { flex: 0 0 auto; }
  #company .closing-action > p { color: #b5c7bc; font-size: 12px; }
  #preview-status { background: rgba(0,0,0,.7); border-color: var(--enterprise-line,#263d32); padding-bottom: 24px; }
  #preview-status .footer-inner { min-height: 0; padding-block: 28px; gap: 20px 28px; color: #b5c7bc; }
  #preview-status .footer-inner > span { font-size: 10px; }
  #preview-status .footer-inner > p { font-size: 12px; line-height: 1.7; }
  #preview-status .preview-details { padding-block: 20px 10px; }
  #preview-status .preview-details > h2 { color: #a7c5b1; font-size: 12px; margin-bottom: 14px; }
  #preview-status .detail-grid { gap: 8px 26px; }
  #preview-status .preview-detail { border-color: var(--enterprise-line,#263d32); }
  #preview-status .preview-detail > summary { min-height: 48px; font-size: 13px; color: #dce5df; }
  #preview-status .detail-content { color: #c7d6cc; line-height: 1.8; }

  @media (max-width: 1099px) {
    :is(#workflow-fit,#products,.evidence-thread,#compliance,#evidence-story,#cmv,#impact,#action-security,#company,#preview-status) > .shell { width: calc(100% - 56px); }
    :is(#products,.evidence-thread,#compliance,#evidence-story,#cmv) { padding-block: 68px; }
    #workflow-fit .wf-intro, .evidence-thread .section-heading, #cmv .section-heading { gap: 32px; }
    #products .product-choice { padding: 28px; }
    #compliance .compliance-opening { gap: 32px; grid-template-columns: 1.2fr .8fr; }
    #compliance .journey-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 34px; }
    #evidence-story .qstory-card { grid-template-columns: minmax(0,1fr); }
    #evidence-story .qstory-context { border-left: 0; border-top: 1px solid var(--enterprise-line,#263d32); padding: 24px 30px; }
    #evidence-story .qstory-context-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 24px; }
    #evidence-story .qstory-context-list .qstory-definition + .qstory-definition { margin-top: 0; }
    #action-security .business-grid { grid-template-columns: 1fr 1fr; }
    #action-security .problem { grid-column: 1/-1; padding: 0 0 10px; max-width: 780px; }
    #action-security .problem > p:not(.section-kicker) { max-width: 760px; }
    #action-security .problem h2 { max-width: 660px; }
    #company .earth-art { left: 0; width: 46vw; }
    #company .closing-layout { gap: 28px; padding-left: 34%; }
  }
  @media (max-width: 760px) {
    #workflow-fit .wf-intro, .evidence-thread .section-heading, #cmv .section-heading { grid-template-columns: 1fr; gap: 14px; }
    .evidence-thread .section-heading > p, #cmv .section-heading > p { margin-top: 0; max-width: 100%; }
    #products .product-pair, #compliance .learning-pair, #compliance .compliance-opening { grid-template-columns: 1fr; }
    #products .product-choice { min-height: 0; }
    #compliance .product-boundary { display: grid; grid-template-columns: 82px 1fr; gap: 0 22px; padding: 26px; }
    #compliance .product-boundary .small-mark { grid-row: span 2; width: 82px; align-self: center; }
    #compliance .product-category { margin: 0 0 10px; max-width: none; }
    #compliance .product-boundary .scope-note { grid-column: 2; }
    #evidence-story .qstory-navigation { grid-template-columns: repeat(3,minmax(0,1fr)); }
    #evidence-story .qstory-step-link { min-height: 82px; }
    #company .earth-art {
      inset: auto auto 0 50%;
      width: min(100%,600px);
      transform: translateX(-50%);
      opacity: 1;
      -webkit-mask-image: linear-gradient(to right,transparent 0%,#000 10%,#000 88%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 15%,#000 85%,transparent 100%);
      mask-image: linear-gradient(to right,transparent 0%,#000 10%,#000 88%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 15%,#000 85%,transparent 100%);
    }
    #company .closing-layout { align-items: flex-start; flex-direction: column; min-height: 0; gap: 26px; padding: 48px 0 clamp(145px,31vw,210px); }
    #company .closing-action > p { text-align: left; }
    #preview-status .footer-inner { flex-wrap: wrap; }
    #preview-status .footer-inner > p { flex-basis: 100%; margin: 0; }
    #preview-status .detail-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  }
  @media (max-width: 560px) {
    :is(#workflow-fit,#products,.evidence-thread,#compliance,#evidence-story,#cmv,#impact,#action-security,#company,#preview-status) > .shell { width: calc(100% - 40px); }
    :is(#products,.evidence-thread,#compliance,#evidence-story,#cmv) { padding-block: 52px; }
    :is(#products,.evidence-thread,#compliance,#evidence-story,#cmv) h2 { font-size: 31px; margin-bottom: 22px; }
    :is(#products,.evidence-thread,#compliance,#evidence-story,#cmv) .section-note { font-size: 12px; margin-top: 20px; }
    #workflow-fit { padding-block: 32px; }
    #workflow-fit h2 { font-size: 25px; }
    #workflow-fit .wf-intro > p { font-size: 14px; }
    #workflow-fit .wf-diagram { column-gap: 20px; }
    #workflow-fit .wf-step { min-height: 0; font-size: 12px; padding-block: 12px; }
    #workflow-fit .wf-rules { font-size: 11px; }
    #workflow-fit .wf-support { font-size: 11px; }
    #products .product-pair { gap: 18px; margin-top: 28px; }
    #products .product-choice { padding: 25px 24px; }
    #products .product-choice h3 { font-size: 27px; margin-top: 18px; }
    #products .product-choice > p:not(.product-number):not(.scope-note) { font-size: 16px; }
    .evidence-thread .thread-links { grid-template-columns: 1fr; gap: 0; margin-top: 16px; }
    .evidence-thread .thread-link { min-height: 52px; font-size: 15px; }
    .evidence-thread .thread-links li:not(:last-child) .thread-link::after { content: '↓'; padding-right: 0; }
    #compliance .compliance-opening { margin-bottom: 38px; gap: 28px; }
    #compliance .compliance-opening h2 { font-size: 31px; }
    #compliance .section-lead { font-size: 16px; }
    #compliance .product-boundary { grid-template-columns: 64px 1fr; gap: 0 16px; padding: 22px; }
    #compliance .product-boundary .small-mark { width: 64px; }
    #compliance .product-category { font-size: 16px; }
    #compliance .journey-grid { grid-template-columns: 1fr; gap: 24px; margin-bottom: 38px; }
    #compliance .journey-moment { padding-top: 18px; }
    #compliance .journey-moment h3 { font-size: 22px; margin: 12px 0 10px; }
    #compliance .journey-moment p { font-size: 15px; }
    #compliance .learning-pair { gap: 18px; }
    #compliance .learning-pair > .glass-panel { padding: 24px; }
    #compliance .learning-pair h3 { font-size: 24px; }
    #compliance .correction-timeline { gap: 12px; }
    #compliance .correction-timeline strong { font-size: 16px; }
    #evidence-story .qstory-header h2 { font-size: 31px; }
    #evidence-story .qstory-header > p { font-size: 16px; }
    #evidence-story .qstory-navigation { gap: 6px; }
    #evidence-story .qstory-step-link { padding: 12px 10px; font-size: 12px; min-height: 86px; }
    #evidence-story .qstory-main { padding: 24px; }
    #evidence-story .qstory-context { padding: 24px; }
    #evidence-story .qstory-context-list { grid-template-columns: 1fr; gap: 18px; }
    #evidence-story .qstory-title { font-size: 27px; }
    #evidence-story .qstory-body { font-size: 15px; }
    #evidence-story .qstory-question { font-size: 16px; }
    #evidence-story .qstory-facts { grid-template-columns: 1fr; }
    #evidence-story .qstory-fact { padding: 16px; }
    #evidence-story .qstory-control, #evidence-story .qstory-variant { padding: 12px 14px; font-size: 12px; }
    #evidence-story .qstory-return-links { flex-direction: column; gap: 4px; }
    #cmv .section-heading > p { font-size: 15px; }
    #impact .industry-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 0; }
    #impact .industry-grid li { font-size: 13px; padding-inline: 10px; }
    #impact .industry-grid li:nth-child(odd) { border-left: 0; }
    #impact .industry-grid li:nth-child(even) { border-left: 1px solid var(--enterprise-line,#263d32); }
    #action-security { padding-block: 52px; }
    #action-security .business-grid { grid-template-columns: 1fr; gap: 20px; }
    #action-security .problem { padding-bottom: 8px; }
    #action-security .problem h2 { font-size: 31px; }
    #action-security .sequence-panel, #action-security .outcomes-panel { padding: 25px 24px; }
    #action-security .outcomes-panel h2 { font-size: 26px; }
    #company .closing-layout { padding-top: 44px; padding-bottom: 145px; }
    #company .closing-copy h2 { font-size: 30px; }
    #preview-status .footer-inner { padding-block: 24px; }
    #preview-status .detail-grid { grid-template-columns: 1fr; }
  }
  @media (max-width: 360px) {
    :is(#workflow-fit,#products,.evidence-thread,#compliance,#evidence-story,#cmv,#impact,#action-security,#company,#preview-status) > .shell { width: calc(100% - 32px); }
    #products .product-choice, #compliance .learning-pair > .glass-panel,
    #evidence-story .qstory-main, #evidence-story .qstory-context,
    #action-security .sequence-panel, #action-security .outcomes-panel { padding: 22px 20px; }
    #products .product-choice h3 { font-size: 25px; }
    #evidence-story .qstory-navigation { grid-template-columns: repeat(2,minmax(0,1fr)); }
    #evidence-story .qstory-step-link { min-height: 76px; }
    #compliance .product-boundary { grid-template-columns: 1fr; }
    #compliance .product-boundary .small-mark { grid-row: auto; margin-bottom: 16px; }
    #compliance .product-boundary .scope-note { grid-column: 1; }
    #compliance .result-pair { gap: 12px; }
    #compliance .correction-timeline { grid-template-columns: 1fr; gap: 12px; }
    #compliance .timeline-arrow { transform: rotate(90deg); width: 16px; }
    #evidence-story .qstory-controls { gap: 8px; }
    #evidence-story .qstory-control { padding-inline: 10px; }
    #company .closing-copy h2 { font-size: 28px; }
  }
}

/* Stationary irregular starfield: no remote asset, animation or green wash. */
@media screen and (forced-colors: none) {
  .demo-atmosphere {
    background-image:
      radial-gradient(circle at 61.15% 21.61%, rgba(226,243,230,0.28) 0.9px, transparent 1.70px),
      radial-gradient(circle at 17.69% 52.47%, rgba(226,243,230,0.57) 0.55px, transparent 1.35px),
      radial-gradient(circle at 39.73% 23.28%, rgba(226,243,230,0.56) 0.75px, transparent 1.55px),
      radial-gradient(circle at 1.96% 71.31%, rgba(226,243,230,0.51) 0.9px, transparent 1.70px),
      radial-gradient(circle at 1.90% 89.32%, rgba(226,243,230,0.59) 1.0px, transparent 1.80px),
      radial-gradient(circle at 81.81% 81.74%, rgba(226,243,230,0.37) 1.0px, transparent 1.80px),
      radial-gradient(circle at 44.74% 21.76%, rgba(226,243,230,0.43) 0.75px, transparent 1.55px),
      radial-gradient(circle at 17.05% 71.05%, rgba(226,243,230,0.54) 0.9px, transparent 1.70px),
      radial-gradient(circle at 2.79% 50.17%, rgba(226,243,230,0.55) 0.55px, transparent 1.35px),
      radial-gradient(circle at 84.84% 53.91%, rgba(226,243,230,0.51) 1.0px, transparent 1.80px),
      radial-gradient(circle at 58.26% 49.77%, rgba(226,243,230,0.27) 0.65px, transparent 1.45px),
      radial-gradient(circle at 47.02% 42.66%, rgba(226,243,230,0.34) 0.9px, transparent 1.70px),
      radial-gradient(circle at 85.06% 92.68%, rgba(226,243,230,0.24) 0.75px, transparent 1.55px),
      radial-gradient(circle at 33.99% 78.59%, rgba(226,243,230,0.50) 1.0px, transparent 1.80px),
      radial-gradient(circle at 89.10% 32.28%, rgba(226,243,230,0.46) 0.65px, transparent 1.45px),
      radial-gradient(circle at 97.38% 18.05%, rgba(226,243,230,0.28) 0.75px, transparent 1.55px),
      radial-gradient(circle at 1.99% 34.40%, rgba(226,243,230,0.40) 1.0px, transparent 1.80px),
      radial-gradient(circle at 63.13% 53.64%, rgba(226,243,230,0.33) 0.75px, transparent 1.55px),
      radial-gradient(circle at 52.75% 32.66%, rgba(226,243,230,0.35) 0.55px, transparent 1.35px),
      radial-gradient(circle at 35.02% 79.80%, rgba(226,243,230,0.26) 0.55px, transparent 1.35px),
      radial-gradient(circle at 94.33% 76.66%, rgba(226,243,230,0.48) 0.9px, transparent 1.70px),
      radial-gradient(circle at 21.59% 31.53%, rgba(226,243,230,0.55) 0.55px, transparent 1.35px),
      radial-gradient(circle at 32.55% 46.36%, rgba(226,243,230,0.34) 0.55px, transparent 1.35px),
      radial-gradient(circle at 80.01% 70.88%, rgba(226,243,230,0.45) 0.9px, transparent 1.70px),
      radial-gradient(circle at 73.41% 59.95%, rgba(226,243,230,0.55) 0.55px, transparent 1.35px),
      radial-gradient(circle at 6.83% 8.95%, rgba(226,243,230,0.17) 0.65px, transparent 1.45px),
      radial-gradient(circle at 60.32% 73.73%, rgba(226,243,230,0.51) 0.65px, transparent 1.45px),
      radial-gradient(circle at 86.58% 9.79%, rgba(226,243,230,0.47) 0.9px, transparent 1.70px),
      radial-gradient(circle at 7.11% 59.59%, rgba(226,243,230,0.52) 0.75px, transparent 1.55px),
      radial-gradient(circle at 74.06% 76.68%, rgba(226,243,230,0.44) 0.9px, transparent 1.70px),
      radial-gradient(circle at 90.63% 75.19%, rgba(226,243,230,0.41) 0.75px, transparent 1.55px),
      radial-gradient(circle at 86.10% 85.65%, rgba(226,243,230,0.45) 1.0px, transparent 1.80px),
      radial-gradient(circle at 85.23% 29.79%, rgba(226,243,230,0.55) 0.75px, transparent 1.55px),
      radial-gradient(circle at 7.36% 38.18%, rgba(226,243,230,0.39) 0.65px, transparent 1.45px),
      radial-gradient(circle at 84.14% 88.44%, rgba(226,243,230,0.40) 0.55px, transparent 1.35px),
      radial-gradient(circle at 3.77% 1.94%, rgba(226,243,230,0.55) 0.75px, transparent 1.55px),
      radial-gradient(circle at 1.94% 53.72%, rgba(226,243,230,0.30) 1.0px, transparent 1.80px),
      radial-gradient(circle at 60.71% 84.55%, rgba(226,243,230,0.25) 0.65px, transparent 1.45px),
      radial-gradient(circle at 96.33% 21.35%, rgba(226,243,230,0.54) 0.55px, transparent 1.35px),
      radial-gradient(circle at 92.75% 68.71%, rgba(226,243,230,0.36) 1.0px, transparent 1.80px),
      radial-gradient(circle at 78.58% 20.11%, rgba(226,243,230,0.33) 0.55px, transparent 1.35px),
      radial-gradient(circle at 69.91% 14.09%, rgba(226,243,230,0.25) 0.55px, transparent 1.35px),
      radial-gradient(circle at 3.64% 96.92%, rgba(226,243,230,0.22) 0.75px, transparent 1.55px),
      radial-gradient(circle at 93.00% 45.32%, rgba(226,243,230,0.43) 0.9px, transparent 1.70px),
      radial-gradient(circle at 48.53% 11.57%, rgba(226,243,230,0.43) 0.75px, transparent 1.55px),
      radial-gradient(circle at 55.70% 94.70%, rgba(226,243,230,0.46) 0.55px, transparent 1.35px),
      radial-gradient(circle at 42.81% 66.52%, rgba(226,243,230,0.45) 0.75px, transparent 1.55px),
      radial-gradient(circle at 1.51% 84.77%, rgba(226,243,230,0.20) 0.55px, transparent 1.35px),
      radial-gradient(circle at 1.78% 19.59%, rgba(226,243,230,0.25) 0.9px, transparent 1.70px),
      radial-gradient(circle at 24.21% 23.84%, rgba(226,243,230,0.37) 0.55px, transparent 1.35px),
      radial-gradient(circle at 47.00% 84.73%, rgba(226,243,230,0.19) 0.55px, transparent 1.35px),
      radial-gradient(circle at 84.72% 12.11%, rgba(226,243,230,0.36) 0.55px, transparent 1.35px),
      radial-gradient(circle at 2.53% 85.02%, rgba(226,243,230,0.45) 0.65px, transparent 1.45px),
      radial-gradient(circle at 26.35% 46.43%, rgba(226,243,230,0.39) 0.55px, transparent 1.35px),
      radial-gradient(circle at 38.46% 34.74%, rgba(226,243,230,0.41) 1.0px, transparent 1.80px),
      radial-gradient(circle at 40.67% 42.98%, rgba(226,243,230,0.40) 1.0px, transparent 1.80px),
      radial-gradient(circle at 34.15% 55.23%, rgba(226,243,230,0.28) 0.9px, transparent 1.70px),
      radial-gradient(circle at 49.70% 89.92%, rgba(226,243,230,0.40) 0.75px, transparent 1.55px),
      radial-gradient(circle at 78.34% 23.39%, rgba(226,243,230,0.41) 0.9px, transparent 1.70px),
      radial-gradient(circle at 35.82% 52.54%, rgba(226,243,230,0.25) 0.55px, transparent 1.35px),
      radial-gradient(circle at 74.85% 5.40%, rgba(226,243,230,0.40) 0.55px, transparent 1.35px),
      radial-gradient(circle at 55.31% 83.57%, rgba(226,243,230,0.18) 0.55px, transparent 1.35px),
      radial-gradient(circle at 57.86% 48.09%, rgba(226,243,230,0.26) 0.75px, transparent 1.55px),
      radial-gradient(circle at 63.80% 23.89%, rgba(226,243,230,0.35) 0.65px, transparent 1.45px),
      radial-gradient(circle at 47.64% 96.96%, rgba(226,243,230,0.27) 0.55px, transparent 1.35px),
      radial-gradient(circle at 47.56% 51.57%, rgba(226,243,230,0.35) 1.0px, transparent 1.80px),
      radial-gradient(circle at 5.71% 18.38%, rgba(226,243,230,0.21) 0.55px, transparent 1.35px),
      radial-gradient(circle at 66.07% 43.40%, rgba(226,243,230,0.35) 0.9px, transparent 1.70px),
      radial-gradient(circle at 90.07% 35.92%, rgba(226,243,230,0.49) 0.9px, transparent 1.70px),
      radial-gradient(circle at 42.01% 92.44%, rgba(226,243,230,0.44) 0.65px, transparent 1.45px),
      radial-gradient(circle at 44.17% 72.22%, rgba(226,243,230,0.30) 0.75px, transparent 1.55px),
      radial-gradient(circle at 1.33% 13.68%, rgba(226,243,230,0.47) 0.9px, transparent 1.70px),
      radial-gradient(circle at 26.45% 47.68%, rgba(226,243,230,0.20) 0.9px, transparent 1.70px),
      radial-gradient(circle at 7.35% 83.18%, rgba(226,243,230,0.32) 0.55px, transparent 1.35px),
      radial-gradient(circle at 91.06% 27.77%, rgba(226,243,230,0.50) 1.0px, transparent 1.80px),
      radial-gradient(circle at 8.70% 30.92%, rgba(226,243,230,0.50) 0.75px, transparent 1.55px),
      radial-gradient(circle at 38.58% 34.48%, rgba(226,243,230,0.54) 0.75px, transparent 1.55px),
      radial-gradient(circle at 3.94% 54.07%, rgba(226,243,230,0.21) 0.9px, transparent 1.70px),
      radial-gradient(circle at 55.51% 53.24%, rgba(226,243,230,0.36) 0.55px, transparent 1.35px),
      radial-gradient(circle at 8.53% 5.88%, rgba(226,243,230,0.42) 0.75px, transparent 1.55px),
      radial-gradient(circle at 50.16% 69.21%, rgba(226,243,230,0.30) 0.9px, transparent 1.70px),
      radial-gradient(circle at 79.56% 19.36%, rgba(226,243,230,0.52) 1.0px, transparent 1.80px),
      radial-gradient(circle at 7.95% 39.62%, rgba(226,243,230,0.47) 0.9px, transparent 1.70px),
      radial-gradient(circle at 67.40% 93.12%, rgba(226,243,230,0.48) 1.0px, transparent 1.80px),
      radial-gradient(circle at 19.93% 51.09%, rgba(226,243,230,0.56) 0.55px, transparent 1.35px),
      radial-gradient(circle at 40.89% 86.38%, rgba(226,243,230,0.34) 1.0px, transparent 1.80px),
      radial-gradient(circle at 11.77% 68.74%, rgba(226,243,230,0.53) 0.65px, transparent 1.45px),
      radial-gradient(circle at 56.07% 83.03%, rgba(226,243,230,0.56) 0.65px, transparent 1.45px),
      radial-gradient(circle at 74.70% 87.67%, rgba(226,243,230,0.50) 0.9px, transparent 1.70px),
      radial-gradient(circle at 30.20% 35.53%, rgba(226,243,230,0.43) 0.9px, transparent 1.70px),
      radial-gradient(circle at 26.50% 83.37%, rgba(226,243,230,0.20) 0.55px, transparent 1.35px),
      radial-gradient(circle at 62.69% 90.89%, rgba(226,243,230,0.19) 0.55px, transparent 1.35px),
      radial-gradient(circle at 24.86% 32.82%, rgba(226,243,230,0.25) 0.55px, transparent 1.35px),
      radial-gradient(circle at 33.53% 82.34%, rgba(226,243,230,0.32) 0.75px, transparent 1.55px),
      radial-gradient(circle at 98.17% 4.73%, rgba(226,243,230,0.48) 0.75px, transparent 1.55px),
      radial-gradient(circle at 11.84% 39.15%, rgba(226,243,230,0.36) 0.75px, transparent 1.55px),
      radial-gradient(circle at 28.57% 31.41%, rgba(226,243,230,0.49) 1.0px, transparent 1.80px),
      radial-gradient(circle at 36.27% 67.00%, rgba(226,243,230,0.28) 0.55px, transparent 1.35px),
      radial-gradient(circle at 48.44% 19.46%, rgba(226,243,230,0.20) 0.9px, transparent 1.70px),
      radial-gradient(circle at 11.28% 20.06%, rgba(226,243,230,0.27) 0.9px, transparent 1.70px),
      radial-gradient(circle at 21.94% 22.90%, rgba(226,243,230,0.58) 0.55px, transparent 1.35px),
      radial-gradient(circle at 98.28% 91.26%, rgba(226,243,230,0.59) 0.75px, transparent 1.55px),
      radial-gradient(circle at 47.32% 28.61%, rgba(226,243,230,0.47) 0.65px, transparent 1.45px),
      radial-gradient(circle at 84.71% 75.96%, rgba(226,243,230,0.39) 0.9px, transparent 1.70px),
      radial-gradient(circle at 1.22% 42.79%, rgba(226,243,230,0.54) 0.75px, transparent 1.55px);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
}